﻿/*------------------- NAVIGATION -------------------*/

/* top navigation */

ul.menu { text-align:center;}
ul.menu, .menu ul { list-style: none;  margin: 0; padding: 0; display:block; }
.menu { width: 950px;/* border: none; background: none; padding-top:5px */}


ul.menu-track	{
	list-style:none;
	padding:0;
	margin:0;
}
ul.menu-track li	{
	padding: 5px 0;
}
ul.menu-track li a	{
	display:inline-block;
	height:128px;
	width:128px;
}
ul.menu-track li.item13 a	{
	background:url(../../images/ptcontainer.gif) no-repeat left top;
}
ul.menu-track li.item14 a	{
	background:url(../../images/ptfreight.gif) no-repeat left top;
}
ul.menu-track li.item15 a	{
	background:url(../../images/ptplant.gif) no-repeat left top;
}
ul.menu-track li.item32 a	{
	background:url(../../images/ptpersonal.gif) no-repeat left top;
}
ul.menu-track li a span	{
	display:none;
}


.hmenu {
}
.hmenu ul, .hmenu li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.hmenu ul	{
	text-align:center;
	display:block;
	padding-left:80px;
}

.hmenu ul li {
	display:inline-block;
	float:left;
	width:156px;
	position:relative;
}
.hmenu ul li a{
	font-weight: bold; 
	color: #ffffff; 
	width:156px; 
	height:24px;
	/*float:left;*/
	background: url('../../images/btnstandard.gif') top left no-repeat;
	display:inline-block;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:24px;
}
.hmenu ul li.active a{
	background: url('../../images/btnselected.gif') no-repeat left top;
	text-decoration:none;
}
.hmenu ul li.item1 a:hover	{
	background: url('../../images/btnselected.gif') no-repeat left top;
	text-decoration:none;
}
.hmenu ul li.active span.separator {
	cursor:default;
	background: url('../../images/btnselected.gif') no-repeat left top;
}

.hmenu ul li a:hover {
	text-decoration:none;
	background: url('../../images/btnselected.gif') no-repeat left top;
}
body
{
	width:100%;
	height:100%;
	color:#6c6c6c;
	font-family:Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center;
	position:absolute;
}
img{
	border: 0;
}
ol, ol li	{
	list-style:none;
}
table	{
	width:100%;
}
td	{
	vertical-align:top;
}
a	{
	color:#007BC0;
	text-decoration: none;
	font-family:Arial;
	font-size:12px;
}
div.Wrapper 
{
	width:970px;
	/*height:95%;*/
	margin:0px auto 0px auto !important;
	text-align:left;
	position:relative;
	}
div#HeaderZone 
{
	margin-bottom:6px;
}
div#HeaderZoneBackend 
{
	margin-bottom:6px;
	min-height:107px;
}
.TopStrike 
{
	border-bottom:3px solid #858585;
	min-height:79px !important;
	background-color: #ffffff;
	background-image: url(../../images/top_strike.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
.LogoSector 
{
	width:332px;
	height:67px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 36px;
	background-image: url(../../images/pt_logo_refstrap.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.LogoSector a.Logo 
{
	width:332px;
	height:34px;
	display:block;
	background-image: url(../../images/pt_logo.gif);
	background-repeat: no-repeat;
	}
div.GreenStrike 
{
	font-size:0;border-top:5px solid #919191;
	/*height:176px;*/
	text-align:center;
	color:#ffffff;
	}
div.GreyStrike 
{
	height:20px;
	background:url("../../images/grey-corner_left.gif") no-repeat left bottom #A0A0A0;
	} 
.RightEdge
{
	width:20px;
	height:20px;
	display:block;
	float:right;
	background:url("../../images/grey-corner_right.gif") no-repeat right bottom;
	} 

.hmenu{text-align:center; width:100%;}
div#MainSector {
	background:#8b929a;
	height:10%;
}
div.MainTop {
	height:40px;
}
div.MainBottom {
	height:45px;
	background:url(../../images/main-bottom-middle.gif) repeat-x;
	text-align:center;
}
div.MainTop .Left {
	width:16px;
	height:40px;
	background:url(../../images/main-top-left.gif) no-repeat;
	display:block;
	float:left;
}
div.MainTop .Center {
	height:40px;
	background:url(../../images/main-top.gif) repeat-x #fff;
	display:block;
	width:938px;
	float:left;
}

div.MainTop .Right {
	width:16px;
	height:40px;
	background:url(../../images/main-top-right.gif) no-repeat top right;
	display:block;
	float:right;
}
.lefttd{ 
background-color:#8b929a; 
background-image:url(../../images/main-middle-left.gif); 
width:8px;
}
.contenttd{background-color:#ffffff; padding-right:30px;}
.righttd{
background-color:#8b929a; 
background-image:url(../../images/main-middle-right.gif); 
width:8px;
}


div.MainBottom .Left {
	width:20px;
	height:100%;
	background:url(../../images/main-bottom-left.gif) no-repeat;
	float:left;
}
div.MainBottom .Center {
	width:930px;
	height:100%;
	float:left;
	text-align:center;
	color:#ffffff;
}
div.MainBottom .Right {
	width:20px;
	height:100%;
	background:url(../../images/main-bottom-right.gif) no-repeat right;
	float:right;
}
div.PageTitle {
	height:30px;
	width:180px;
	background:url(../../images/pagetitle_bgr.gif) top right no-repeat;
	
}
div.PageTitle img {
margin-bottom:-3px;
}
div.PageTitle span {
	margin-left:100px;
	font-weight:bold;
	line-height:30px;
	/*color:#007bc0;*/
	font-size:1.2em;
}
div.PageMenu {
	padding:10px auto 0px auto;
	height:25px;
	width:156px;
	background:url(../../images/topmenu.jpg) top right no-repeat;
	
}
div.PageMenu a {
	margin-left:27px;
	line-height:25px;
	font-size:1.2em;
	text-decoration:none;
}
a.nonactive{color:#ccc;}
a.selmenu{
	color:#007bc0;
}

.LeftContent {
	width:220px !important;
	border-top:1px solid #ccc;
	/*border-right:1px solid #ccc;*/
	vertical-align: top;
	padding: 0px 10px 10px ;
}
.LeftContent .module,.LeftContent .module-news	{
	width:187px;
}
.MainContent {
	width:100%;
	padding: 5px 10px 2px 10px;
	vertical-align:top;
	height:100% !important;
	background:url(../../images/main-content_bgr.gif) top right no-repeat;
}
.vertical-line  
{
	background:url(../../images/main-content_bgr-line.png) top right no-repeat;
    }

.leftBottom{
	/*border-right:1px solid #ccc;*/
	border-bottom:1px solid #ccc;
	height:14px !important;
}

.Bottom {
	height:14px !important;
	background:url(../../images/main-content_bgr_bottom.gif) bottom right no-repeat;
	}

.bottom-vertical-line  
{
	background:url(../../images/main-content_bgr_bottom-line.png) bottom right no-repeat;
    }


div#Footer {
	margin-top:20px;
}
div#Footer a {color:#eaeaea; text-decoration:none;}
div#Footer a:hover {color:#ffffff; text-decoration:underline;}
 ul.FooterNav {height:16px; margin:0px; padding:0px;}	
 ul.FooterNav li {
 	list-style-type:none;
	border-left:1px solid #dedede;
	display:inline;
	margin:0px;
	padding:0px;
	height:16px;
	padding:0px 10px;
 }
 ul.FooterNav li.First {border-left:none;}

img.corner {
   width: 6px;
   height:10%;
   border: none;
   display: block !important;
}

p {
	margin-left:0px;
}

.roundBtnSml{
	text-decoration:none;
	padding:3px;
}

.roundBtnSml span
{
	background:url(../../images/btn_small.jpg) no-repeat top right;
	line-height:24px !important;
	text-decoration:none;
	color:#6a6a6a;
	padding: 3px 32px 5px 10px;
}

.roundBtnSml div
{
	background:url(../../images/btn_small.jpg) no-repeat top right;
	line-height:16px !important;
	text-decoration:none;
	color:#6a6a6a;
	padding: 3px 28px 5px 20px;
	display:inline;
}


.roundBtnBig{
	text-decoration:none;
	padding:3px;
}

.roundBtnBig span
{
	background:url(../../images/btn_big.jpg) no-repeat top right;
	line-height:24px !important;
	text-decoration:none;
	color:#6a6a6a;
	padding: 3px 40px 5px 10px;
	width:135px;
}
.roundBtnBig div
{
	background:url(../../images/btn_big.jpg) no-repeat top right;
	line-height:16px !important;
	text-decoration:none;
	color:#6a6a6a;
	padding: 3px 35px 5px 10px;
	text-align:center;
	width:135px;
}
.divLeft{
	padding-top:5px;
	padding-left:20px;
	float:left;
	width:446px;
	height: 291px;
}
.divRight{
	padding:5px 10px 0;
	float:right;
	width:420px;
	color:#5CA6E5;
	font-weight:bold;
	height: 29px;
}
.divHome{
	padding-top:20px;
	float:left;
	width:50%;
}
.divHomeRight{
	padding-top:20px;
	float:left;
}

.padRight20
{
	padding-right: 20px;
}

.imgPadFloat{float:left; padding-right:10px;}

.textRight
{
	text-align:right;
	width:200px;
	display:inline-block;
}
.greenText
{
	margin-left:5px;
	color: #007bc0;
}
.greenTextBold
{
	color: #007bc0;
	font-weight:bold;
	line-height: 30px;
}
.greenTitle
{
	color: #007bc0;
	font-weight:bold;
	font-size:14px;
}

.greenBigTitle
{
	color: #007bc0;
	font-weight:bold;
	font-size:16px;
}

.greyTitle
{
color: #c0c0c0;
font-weight:bold;
font-size:16px;
}

.photoText
{
	font-size:12px;
	height: 35px;
	padding-top: 7px;
}
.assetsBGR{background-color:#eee; width:80px; padding:2px 7px 2px 7px;}
.sizeSml{width: 60px;}
.sizeMiddle{width:120px;}
.sizeNormal{width:134px;}
.sizeBig{width:180px;}
.readmore{width:170px; text-align:right;}
.readmore a{text-decoration:none; font-weight:bold;}

.module	{
	margin-bottom:10px;
}

.module h3,.module-news h3	{
	color:#4d4c4c;
	background:#f1f2f2;
	line-height:26px;
	/*font-style:14px;*/
	margin: 0;
	margin-top:8px;
	padding:0 0 0 20px;
}
.module-news div	{
	background:url(../../images/box-middle.png) repeat-y bottom;
	margin:0;
}
.module-news div div	{
	background:url(../../images/box-bottom.png) no-repeat bottom;
	padding:0 0 10px;
}
.module-news div div div	{
	background:url(../../images/box-top.png) no-repeat top;
	padding:3px 1px;
	margin:0;
}
.module-news div div div div	{
background:#ffffff;
}
fieldset.input	{
	border:0;
}
.input .button,#form-login .button	{
	width: 89px;
	line-height:21px;
	color:#FFFFFF;
	padding:0 0 5px;
	font-size:12px;
	margin:0;
	border:0;
	background:url(../../images/log-btn.png) no-repeat center top;
}
.input .button	{
	float:right;
}


#Footer .moduletable	{
	float:left;
	padding-right:5px;
}
#Footer .moduletable table	{
	width:auto;
}
#Footer .moduletable table a {
	padding:0 0 0 5px;
	margin:0 5px 0 0;
	border-left:1px solid #ffffff;
}
.input .button	{
	float:right;
}


#Footer .moduletable	{
	float:left;
	padding-right:5px;	
}
#Footer .moduletable table	{
	width:auto;
}
#Footer .moduletable table a {
	padding:0 0 0 5px;
	margin:0 5px 0 0;
	border-left:1px solid #ffffff;
}


#Footer .moduletable table	{
	width:auto;
}
#Footer .moduletable table a {
	padding:0 0 0 5px;
	margin:0 5px 0 0;
	border-left:1px solid #ffffff;
}
.input .button	{
	float:right;
}

.contentheading	{
	font-size:25px;
	font-family: Arial;
	color:#5CA6E5;
	padding:10px 0 3px 0px;
}
.contentsubheading
{
	font-size:18px;
	font-family: Arial;
	color:#5CA6E5;
	padding:10px 0 3px 0px;
}
.contentbody	{
	font-size:12px;
	font-family: Arial;
	color:#6C6C6C;
	padding:10px 0 3px 0px;
}

#Footer{
	padding-left:300px;
}

#Footer .moduletable	{
	float:left;
	padding-right:5px;
	width:auto;
}
#Footer .moduletable table	{
	width:auto;
	border-collapse:collapse;
	border-spacing:0;
}
#Footer .moduletable table a {
	padding:0 0 0 5px;
	margin:0 5px 0 0;
	border-left:1px solid #ffffff;
}


.blog .contentheading	{font-size:18px;}
div.news_title{
	color:#5CA6E5;
	font-weight:bold;	
	padding:0;
	font-size:16px;
}

div.news_read_more a,.readon{	
	width: 89px;
	line-height:16px;
	color:#FFFFFF;
	font-size:11px;
	margin:0;
	border:0;	
	padding: 3px 8px;
	text-decoration: none; 
	background:url(../../images/more-bg.png) no-repeat center center;
} 

.readon {float:right;width:auto;}

div.news_read_more{
	text-align:right;
	padding:0;
}

div.news_intro	{
	padding:0;
}
div.news_intro p{
	color:#949494;
	margin:0;
	padding:4px 0;
}

.latestnews li news_read_more{
	color:#2387DD;
}

div.latestnews	{
	margin:0;
	padding:0;
	list-style:none;
}
div.latestnews div.latestnews{
	padding:0 12px 12px;
	list-style:none;
	margin:0;
	font-size:11px;
	background:url(../../images/news-separator.png) no-repeat bottom;
}

.menutitle{
	display:none;
}

.componentheading{
	color:#2387DD;
	font-family:Arial;
	font-size:25px;
	text-align:left;
	padding:15px 0 ;
	padding-left:0px;
}

#ChronoContact_contact_form{
	margin:0 auto 0 0;
	padding:2px;
	text-align:left;
	width:440px;
}

.xmap li a,.xmap li li a,.xmap li li li a 	{  } .btn-submit	{border:0;background:#2188E8;color:#ffffff;} .txt-form	{width:200px;}
.site_banner
{
    height: 100px;
    width: 934px;
    background-color: #888888;
    margin-bottom: 5px;
}
.site_body
{
    width:934px;
}
.unit_details
{
    /*float: left;
    width: 480px;*/
    min-height: 375px;
}
.unit_map_holder
{
    float: right;
    width: 385px;
    padding: 0px 0px 0px 5px;
    text-align: left;
}
.menu_column
{
    float: left;
    width: 180px;
    min-height: 450px;
    margin-right: 5px;
    text-align: center;
    padding: 5px;
}
.content_column
{
    float: left;
    width: 698px;
    min-height: 450px;
    text-align:left;
    padding: 5px;
}
.site_main
{
    text-align: center;
}
.menu_title
{
	font-family: Arial;
	font-size: 14px;
	color:#6c6c6c;
}
body
{
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color:#6c6c6c;
}
.user_property
{
	color:#6c6c6c;
	background-color: #EEEEEE;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}
.user_data
{
	color:#6c6c6c;
	background-color: #F8F8F8;
}
.user_data_table
{
	margin-left: 50px;
}
.user_data_item
{
	font-family: Arial;
	font-size: 12px;
	color:#6c6c6c;
}
.unit_data_table
{
	margin-left: 10px;
}
.unit_property
{
	color: #6c6c6c;
	background-color: #EEEEEE;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	}
.unit_data
{
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	background-color: #F8F8F8;
}
.unit_data_item
{
	font-family: Arial;
	font-size: 12px;
	color:#6c6c6c;
}
.repeater_table
{
	margin-left: 50px;	
}
.repeater_header
{
    background-color: #DDDDDD;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    text-align: center;
}
.repeater_row
{
    background-color: #F8F8F8;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
}
.repeater_alt
{
	background-color: #EEEEEE;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
}
.repeater_row_centered
{
    background-color: #F8F8F8;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    text-align: center;	
}
.repeater_alt_centered
{
	background-color: #EEEEEE;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    text-align: center;
}
.status_filter_item
{
	font-family: Arial;
	font-size: 12px;
	color:#6c6c6c;
}
.status_table
{
	margin-left: 50px;
}
.reports_table
{
	margin-left: 50px;
}
.report_controls
{
	border: solid 1px #303030;
}
.report_button
{
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color:#6c6c6c;
}
td.unit_info
{
	width: 150px;
	background-color: #DDDDDD;
}
td.unit_info_value
{
	width: 200px;
	background-color: #DDDDDD;
}
.history_repeater
{
    background-color: #EEEEEE;
    padding: 3px 3px 3px 3px;
}

.divStatusDepotBC
{
	float: left;
	width: 55%;
	height: 100%
}

.divStatusDepotInfo
{
	float: right;
	width: 300px;
	height: 100%
}

p.pclear
{ 
    clear: both;
}

.bcunitselectlink
{
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
}

.chkHiddenText label
{
	display: none;
}
.site_button
{
	font-family: Arial;
	font-size: 12px;
	color:#6c6c6c;
}
.left
{	width: 454px;
	height: 301px;
}
.clear
{

}

.divLeft{
	padding-top:5px;
	padding-left:20px;
	
	width:440px;
	height: 308px;
	float:left;
	
}
.divRight{
	padding:5px 10px 0;
	float:right;
	width:420px;
	color:#5CA6E5;
	font-weight:bold;
	height: 308px;
	
}
.unit_commands{
}
.icon_datalist
{
}
.iconselectlink
{
}
/* xp theme */
.ajax__tab_xp1 .ajax__tab_header 
	{font-family:verdana,tahoma,helvetica;
	 font-size:11px;
	 background:url(../../styles/Tabs/tab-line.gif) repeat-x bottom;}
.ajax__tab_xp1 .ajax__tab_outer 
	{padding-right:0px;
	 background:url(../../styles/Tabs/tab-right.gif) no-repeat right;height:21px;
	 height:21px}
.ajax__tab_xp1 .ajax__tab_inner 
	{padding-left:3px;
	 background:url(../../styles/Tabs/tab-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_tab 
	{height:13px;
	 padding:4px;
	 margin:0;
	 background:url(../../styles/Tabs/tab.gif) repeat-x;
	 color:White;
	}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_outer 
	{background:url(../../styles/Tabs/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_inner 
	{background:url(../../styles/Tabs/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_tab 
	{background:url(../../styles/Tabs/tab-hover.gif) repeat-x;
	 color:White;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_outer 
{background:url(../../styles/Tabs/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_inner 
{background:url(../../styles/Tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_tab 
{background:url(../../styles/Tabs/tab-active.gif) repeat-x;
 color:White;}
.ajax__tab_xp1 .ajax__tab_body 
	{font-family:verdana,tahoma,helvetica;
	 font-size:10pt;
	 border:1px solid #999999;
	 border-top:0;
	 padding:8px;
	 background-color:#ffffff;}

