/* ================================================= */

/* === PeakPR - Extranet stylesheet ================ */

/* ================================================= */



/* ================================================= */

/* === GENERIC ELEMENTS ============================ */

/* ================================================= */



html,body {

	height: 100%;

	margin: 0;

	padding: 0;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	background-color: #e96b10;

}



h1 {

	font-size: 1.6em;

	color: #004685;

	border-bottom: 1px solid #666666;

	padding: 10px 0 10px 0;

	margin: 0 0 10px 0;

}



h2 {

	font-size: 1.2em;

	color: #004685;

	margin: 10px 0;

}



a {

	/*color: #3366FF;*/

	color: #666666;

	text-decoration: none;

}



a:hover  {

	color: #FF6600;

}



th {

	text-align: left;

}



ul {

	margin: 0;

}



form {

	margin: 0;

}



textarea, input, select {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.0em;

	color: #000000;

}



/* ================================================= */

/* === FORMS ======================================= */

/* ================================================= */



input.Extensible, textarea.Extensible, select.Extensible {

	width: 99%;

	border: 1px solid #666666;

}



input.Small {

	width: 40px;

	border: 1px solid #666666;

}



input.Button, button.Button {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	padding: 1px 0;

	text-transform: uppercase;

	width: 90px;

}



input.SmallButton, button.SmallButton {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	padding: 1px 0;

	text-transform: uppercase;

	width: 30px;

}



/* ================================================= */

/* === PAGE ======================================== */

/* ================================================= */



div#PageWrapper {

	margin: 0 auto;

	width: 1024px;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

}



div#PageHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2.0em;

	font-weight: bold;

	color: #004685;

	border-bottom: 1px solid #666666;

	padding: 53px 30px 27px 0;

	margin: 0;

	background: url(../images/admin/header.gif) no-repeat;

	vertical-align: bottom;

	text-align: right;

}



div#PageContent {

	background: url(../images/admin/background.gif) repeat-y;

	background-color: #FFFFFF;

	width: 1024px;

	overflow: auto;

}



div#PageFooter {

	border-top: 1px solid #666666;

	border-bottom: 1px solid #666666;

	clear: both;

	background-color: #B7DBF4;

	height: 19px;

	overflow: auto;

}



div#PageFooterLeft {

	float: left;

	width: 500px;

	padding: 3px 5px;

}



div#PageFooterRight {

	float: right;

	text-align: right;

	width: 500px;

	padding: 3px 5px;

}



div#LeftColumn {

	float: left;

	width: 200px;

	padding: 5px 5px 0 5px;

	/*background-color: #B7DBF4;*/

}



div#RightColumn {

	margin-left: 200px;

	padding: 10px 10px 10px 20px;

}



div.Block {

	margin: 10px 0 0 0;

	padding: 5px 0 5px 0;

	border-top: 1px dotted #666666;

}



a.emac {

	background: url(../images/admin/logo_emac2.gif) 0px 2px no-repeat;

	font-family: Tahoma;

	font-size: 9px;

	padding-left: 11px;

	text-decoration: none;

	color: #888888;

}



a.emac span {

	color: #888888;

}



a.emac:hover {

	background: url(../images/admin/logo_emac2_hover.gif) 0px 2px no-repeat;

}



a.emac:hover span {

	color: #004685;

}



div#LoginForm {

	margin: 100px auto;

	border: 1px solid #666666;

	width: 250px;

	padding: 20px;

}



input.LoginField {

	width: 165px;

	border: 1px solid #666666;

}



div#KT_tngdeverror {

	border: 0;

	background-color: #004685;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 0 0 10px 0;

}



div#KT_tngerror {

	border: 0;

	background-color: #004685;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 0 0 10px 0;

}



/* ================================================= */

/* === MENUS ======================================= */

/* ================================================= */



div#MenuHeaderTitle {

	color: #FFFFFF;

	background-color: #004685;

	font-weight: bold;

	padding: 5px;

	margin: 0 0 5px 0;

	display: block;

}



div#MenuHeaderContent {

	background-color: #FFFFFF;

	padding: 5px;

	margin: 0 0 5px 0;

	display: block;

	font-weight: bold;

}



div.MenuFirstTitle {

	font-size: 1.1em;

	font-weight: bold;

	margin: 10px 0 5px 0;

	display: block;

}



div.MenuTitle {

	font-size: 1.1em;

	color: #666666;

	font-weight: bold;

	margin: 20px 0 5px 0;

	display: block;

	text-decoration: none;

}



#menu div {

	margin: 0 0 5px 0;

	padding: 5px;

	background-color: #FFFFFF;

	font-weight: bold;

}



a.MenuLevel1 {

	color: #FFFFFF;

	background-color: #004685;

	font-weight: bold;

	padding: 5px;

	margin: 0 0 5px 0;

	display: block;

	text-decoration: none;

}

 

a.MenuLevel1:hover {

	color: #FFFFFF;

	background-color: #005500;

}

 

/* ================================================================== */

/* === MENU ICONS =================================================== */

/* ================================================================== */



a.MenuHeaderLogout {

	padding: 1px 0 3px 20px; line-height: 20px; background: url(../images/admin/menu_icons/logout.gif) no-repeat;

}

a.MenuHeaderPreview {

	padding: 1px 0 3px 20px; line-height: 20px; background: url(../images/admin/menu_icons/preview.gif) no-repeat;

}

a.ListWebPages {

	padding: 1px 0 3px 20px; line-height: 20px; background: url(../images/admin/menu_icons/sitemap.gif) no-repeat;

}

a.AddWebPage {

	padding: 1px 0 3px 20px; line-height: 20px; background: url(../images/admin/menu_icons/addpage.gif) no-repeat;

}



/* ================================================= */

/* === LISTS ======================================= */

/* ================================================= */



div.ListFilters {

	display: none; /* NOT READY YET */

	background-color: #DDDDDD;

	padding: 10px;

	overflow: auto;

	width: 97%;

}



div.ListFilters input, div.ListFilters select {

	border: 1px solid #666666;

	width: 200px;

	float: left;

}



div.ListFiltersLeft {

	float: left;

	width: 33%;

}



div.ListFiltersMiddle {

	float: left;

	width: 33%;

}



div.ListFiltersRight {

	float: left;

	width: 33%;

}



div.ListFiltersTitle {

	text-transform: uppercase;

	font-weight: bold;

	margin: 5px 0 2px 0;

}



div.ListTools {

	text-transform: uppercase;

	text-align: right;

	border-bottom: 1px dotted #666666;

	padding: 5px 0;

	margin: 0 0 10px 0;

}



span.ListToolsItem {

	margin: 0 0 0 20px;

}



tr.ListUnselectedRow {

	background-color: #EEEEEE;

	cursor: default;

}



tr.ListSelectedRow {

	background-color: #DDDDDD;

	cursor: pointer;

}



th.ListColumnTitle {

	text-align: left;

	padding: 2px 5px 7px 5px;

}



th.ListColumnTitle a {

	text-decoration: underline;

	padding-left: 13px ! important;

	background: url(../images/admin/col_arrow_right.gif) no-repeat 1px ! important; 

}



th.KT_asc a {

	padding-left: 13px ! important;

	background: url(../images/admin/col_arrow_up.gif) no-repeat 1px ! important; 

}

th.KT_desc a {

	padding-left: 13px ! important;

	background: url(../images/admin/col_arrow_down.gif) no-repeat 1px ! important;

}



td.ListLineTitle {

	padding: 2px 5px;

	font-weight: bold;

}



td.ListCell {

	padding: 2px 5px;

}



div.ListBatch {

	margin: 20px 0 10px 0;

	padding: 5px 0 0 0;

	text-align: right;

	border-top: 1px dotted #666666;

}



span.ListBatchPage {

	margin: 0 10px;

}



/* ================================================= */

/* === EDIT / ADD RESOURCE ========================= */

/* ================================================= */



td.EditResourceTitle {

	/*width: 110px;*/

	padding: 7px 5px 3px 5px;

	font-weight: bold;

	vertical-align: top;

	background-color: #B7DBF4;

	border-bottom: 1px solid #FFFFFF;

}



td.EditResourceTitle2 {

	/*width: 110px;*/

	padding: 7px 5px 3px 20px;

	font-weight: bold;

	vertical-align: top;

	background-color: #DDDDDD;

	border-bottom: 1px solid #FFFFFF;

}



td.EditResourceContent {

	padding: 3px 5px;

	vertical-align: top;

	background-color: #EEEEEE;

	border-bottom: 1px solid #FFFFFF;

}



td.EditResourceSingleColumn {

	padding: 3px 5px;

	vertical-align: top;

	background-color: #EEEEEE;

	border-bottom: 1px solid #FFFFFF;

}



div.EditResourceButtons {

	text-align: right;

	padding: 10px 0 0 0;

	border-top: 1px dotted #666666;

	margin: 10px 0 0 0;

}



div.EditResourceContentBlock {

	padding: 5px;

	margin: 5px 0;

	background-color: #EEEEEE;

	border: 1px solid #666666;

}



input.EditResource, textarea.EditResource, select.EditResource {

	width: 270px;

	border: 1px solid #666666;

}



input.EditResourceSmall {

	width: 20px;

	border: 1px solid #666666;

}



div.SubContainer {

	border: 1px solid #666666;

	overflow: auto;

	width: 242px;

	height: 75px;

	margin: 5px 0 0 0;

	display: none;

}



.TriggeredContent {

	display: none;

}



/* ================================================= */

/* === PREVIEW ELEMENTS ============================ */

/* ================================================= */



div.PreviewBlock {

	margin: 0 0 10px 0;

	padding: 10px;

	border: 1px solid #666666;

	font-size: 1.2em;

}



div.PreviewResourceHeader {

	clear: both;

	margin: 10px 0;

	padding: 0;

}



div.PreviewResourceHeader h1 {

	font-size: 1.5em;

	color: #666699;

	margin: 20px 0;

	border: 0;

}



div.PreviewResourceFooter {

	clear: both;

	border-top: 1px solid #707FAF;

	margin: 20px 0 0 0;

	padding: 20px 0 0 0;

}



a.PreviewDownloadFile {

	background: url(../images/admin/pdf.gif) 0 no-repeat;

	padding-left: 20px;

}



div.PreviewResourceImageCredits {

	float: left;

	display: block;

	font-size: 10px;

	color: #666699;

}



div.PreviewResourceImage {

	border: 1px solid #999999;

	padding: 5px;

	float: left;

	margin: 0 10px 10px 0;

}



img.PreviewResourceImage {

	border: 0;

}



.txtorange {

	color: #D46208;

	text-decoration:none;

	margin: 0 0 15px 0;

}



/* =================================================== */

/* ==================== WEBPAGES ===================== */

/* =================================================== */



ul.WebPages {

	margin: 0;

	padding: 0;

}



li.WebPage {

	list-style: none;

}



div.WebPageTitleLevel1 {

	font-weight: bold;

	background-color: #e96b10;

	color: #FFFFFF;

	margin: 5px 0;

	padding: 5px;

	clear: right;

}



div.WebPageTitleLevel2 {

	font-weight: bold;

	margin: 5px 0 5px 20px;

}



div.WebPageTitleLevel3 {

	margin: 3px 0 3px 40px;

}



div.WebPageTitleLevel4 {

	margin: 2px 0 2px 60px;

}



div.WebPageTitleLevel5 {

	margin: 2px 0 2px 80px;

}



a.WebPageButtonAdd {

	margin: 0 0 0 15px; height: 9px; width: 17px; background: url(../images/admin/button_add_off.gif) no-repeat;

}

a.WebPageButtonAdd:hover{

	margin: 0 0 0 15px; height: 9px; width: 17px; background: url(../images/admin/button_add_on.gif) no-repeat;

}



a.WebPageButtonEdit {

	margin: 0 0 0 5px; height: 9px; width: 19px; background: url(../images/admin/button_edit_off.gif) no-repeat;

}

a.WebPageButtonEdit:hover{

	margin: 0 0 0 5px; height: 9px; width: 19px; background: url(../images/admin/button_edit_on.gif) no-repeat;

}



a.WebPageButtonDelete {

	margin: 0 0 0 5px; height: 9px; width: 17px; background: url(../images/admin/button_del_off.gif) no-repeat;

}

a.WebPageButtonDelete:hover{

	margin: 0 0 0 5px; height: 9px; width: 17px; background: url(../images/admin/button_del_on.gif) no-repeat;

}



/* ================================================================== */

/* ===  MENU ICONS ================================================== */

/* ================================================================== */



.MenuIcon {

	padding-left: 20px;

	height: 16px;

}



/* ================================================================== */

/* ===  FILE TYPES ================================================== */

/* ================================================================== */



a.DownloadFile {

	background: url(../images/admin/file_icons/pdf.gif) 0 no-repeat;

	padding-left: 20px;

}



.IconFile {

	padding-left: 20px;

	height: 16px;

}



.PDF {	background: url(../images/admin/file_icons/pdf.gif) no-repeat; }

.TXT {	background: url(../images/admin/file_icons/txt.gif) no-repeat; }

.RTF {	background: url(../images/admin/file_icons/rtf.gif) no-repeat; }

.DOC {	background: url(../images/admin/file_icons/doc.gif) no-repeat; }

.DOT {	background: url(../images/admin/file_icons/dot.gif) no-repeat; }

.PPT {	background: url(../images/admin/file_icons/ppt.gif) no-repeat; }

.XLS {	background: url(../images/admin/file_icons/xls.gif) no-repeat; }

.ZIP {	background: url(../images/admin/file_icons/zip.gif) no-repeat; }

.AVI {	background: url(../images/admin/file_icons/avi.gif) no-repeat; }

.MPG {	background: url(../images/admin/file_icons/mpg.gif) no-repeat; }

.MPEG {	background: url(../images/admin/file_icons/mpeg.gif) no-repeat; }

.MP4 {	background: url(../images/admin/file_icons/mp4.gif) no-repeat; }

.QT	{	background: url(../images/admin/file_icons/qt.gif) no-repeat; }

.MOV	{	background: url(../images/admin/file_icons/mov.gif) no-repeat; }

.WMV	{	background: url(../images/admin/file_icons/wmv.gif) no-repeat; }

.DEFAULT {	background: url(../images/admin/file_icons/file.gif) no-repeat; }