@import url(displaytag.css);
@import url(buttons.css);
@import url(messages.css);

/* PAGE LAYOUT CSS */

/**************************/
/* MAIN BODY & PAGE CONTAINER */
/**************************/
body {
text-align: center;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #707176;
background-color: #356563;
background-image: url(../images/bg/bg4.gif);
background-repeat: repeat;
padding-top: 2px;
}

#container {
width: 1000px;
margin: 0 auto;
z-index: 0;
position: relative;

}


/************************/
/* HEADER  
/***********************/

#header {

background-image: url(../images/bg/header_bg2.gif);
background-repeat: no-repeat;
height:118px;
width: 1000px;
}


.logo {
	float: left;
	position: absolute;
	left: 30px;
	top: 27px;

}

img.logo {
border: none;
}

.topnav {
	float: right;
	position: absolute;
	left: 372px;
	top: 30px;
	width: 575px;
	text-align: right;
	font-size: 80%;
}

.topnav a {
color: #494949;
text-decoration: none;
}

.topnav a:hover {
color: #D67A2D;
text-decoration: none;
}

/*******************************************************/
/* MID-ROW INCLUDING MAIN NAV & HEADER PIC */
/*******************************************************/

#midrow {

background-image: url(../images/bg/midrow_bg.gif);
background-repeat: repeat-y;
width: 1000px;
height: 106px;
}

#midrow-content {
	width: 1000px;
	position: absolute;
	left: 16px;
	top: 114px;
	
	
}

#main-nav {
	position: absolute;
	float: left;	
	width: 202px;
	left: -1px;
	top: 1px;
	z-index: 999;
	
	
}

#main-nav ul {
list-style: none;
}

#truck {
	position: absolute;
	float: right;
	width: 538px;
	z-index: 0;
	left: 216px;
	top: 0px;
	
	
}

.mainLinks {
	position: absolute;
	left: 325px;
	top: 61px;
	height: 29px;
	width: 550px;
	color: #F5EDE7;
	font-size: 80%;
	text-align: right;
	font-weight: bold;
}

.mainLinks a {
color: white;
font-size:14px;
padding: 0px 10px 0px 10px;
text-decoration: underline;
}


.subLinks {
    
    position: absolute;
	left: 335px;
	top: 98px;
	height: 29px;
	width: 550px;
	color: #000000;
	font-size: 80%;
	text-align: center;
	font-weight: bold;

}

.subLinks a {
color: #000000;
font-size:10px;
padding: 0px 5px 0px 5px;
text-decoration: underline;
}

.dropDownMenuTitle {
text-decoration: underline;
cursor: pointer;
}

/* Animated throbber */

input.form-datepicker {
  background: url('../images/calendar_view_day.png') no-repeat 100% 2px;
  background-color:white;
}
/**********************************/
/* MAIN CONTENT AREA */
/**********************************/

#content {

background-image: url(../images/bg/content-bg.gif);
background-repeat: repeat-y;
text-align: left;
width: 1000px;
padding: 16px 16px 16px 16px;


}

#innercontent {

padding: 8px 8px 8px 8px;
text-align: left;
min-height: 400px;
height: auto;
margin: 0px 0px 0px 140px;
}

/* for Internet Explorer */
/*\*/
* html #inner-content {
height: 400px;
}


.clear {
clear: both;
height: 1%;

}



/********************************************/
/* COLUMNS IN CONTENT AREA */
/********************************************/

.submenu, .submenu_head, .submenu_body, .submenu_body h2 {
background: transparent url(../images/dropMenu.png) no-repeat bottom right; 
}

.submenu {
position: absolute;
top: 118px;
left: 7px;
 width: 140px !important; /* intended total box width - padding-right(next) */
    width: 125px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 

}

/* set the top-right image */ 
.submenu_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.submenu_head h2 { 
    background-position: top left; 
    margin-left: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.submenu_body { 
    background-position: bottom left; 
    margin-right: 1px; /* interior-padding right */ 
    padding: 5px 0 5px 1px; /* mirror .cssbox_head right/left */ 
    text-align: left;
} 



/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#submenu {width: 150px;}

.submenu h3 {
margin-top: -1px;
font-size:14px;
font-weight: bold;
color: #FFFFFF;
display: block;
background-color: #DF8036;
height: 18px;
padding: 5px;
text-align:center;
}

.submenuBtn a {
text-align: left;
color: #5472a0;
background-color: #c9d7e9;
padding-left: 15px;
display: block;
height: 20px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.submenuBtn a:hover {
background-color: #9dafcd;
color: #2d5c8b;
text-decoration: none;}

.submenuBtn a:active {
background-color: #e0eaf8;
color: #2d5c8b;
text-decoration: none;}




#leftcol {
float: left;
width: 558px;
margin-right: 10px;
}

/* start commented backslash hack \*/
*html #leftcol {height: 1%;}
/* close comented backslash hack */

img.left-float {
float: left;
display: block;
margin-right: 20px;

margin-bottom: 3px;
}

img.right-float {
float: right;
display: block;
margin-left: 10px;
margin-bottom: 3px;
}

#rightcol {
text-align: left;
float: right;
width: 150px;
background-color: #E9EAEC;
background-image: url(../images/bg/rtcol-bg.gif);
background-repeat: repeat-y;
font-size: 80%;
}

/* start commented backslash hack \*/
*html #rightcol {height: 1%;}
/* close comented backslash hack */

#rightcol ul {
list-style: none;
font-weight: bold;
}

#rightcol li {
display: block;
height: 20px;
}

.rtcol {
font-style: italic;
text-align: center;
margin: 0 auto;
}

a.rtcol{
color: #356563;
text-decoration: none;
}

a.rtcol:hover {
color: #D67A2D;
text-decoration: underline;
}

h1.rtcol-blue  {
display: block;
background-color: #356563;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #ffffff;
text-align: center;
margin-bottom: 1px;
margin-top: 0px;

}

h1.rtcol  {
display: block;
background-image: url(../images/bg/rt-menu-head.gif);
background-repeat: no-repeat;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #ffffff;
text-align: center;
margin-top: 0px;
margin-bottom: 1px;

}


legend {
    color: #214141;
    background-color: #E4EBE8;
    font-weight: bold;
}

fieldset {
    background-color: #E4EBE8;
}

/***********************/
/* FOOTER */
/***********************/

#footer {

background-image: url(../images/bg/footer.gif);
background-repeat: no-repeat;
height: 47px;
width: 1000px;
}

#footer-content {
width: 95%;
border-top: 0px solid #B2B2B2;
padding-top: 10px;
text-align: center;
margin: 0 auto;
font-size: 80%;
color: #356563;
} 

#footer-content a {
color: #D67A2D;
text-decoration: none;
}

#footer-content a:hover {
color: #356563;
text-decoration: underline;
}


/**************************/
/* more info popup div */
/**************************/

#info img {
border: 0;
}
#info P {
	MARGIN-LEFT: 15px; MARGIN-RIGHT: 20px
}

#info H1 {
	MARGIN-LEFT: 15px
}
A.tooltip {
	COLOR: #c00
}
A.tooltip B {
	DISPLAY: none
}
A.tooltip:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 500; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
A.tooltip:hover B {
	BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #888 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: normal; BACKGROUND: #E4EBE8; LEFT: 25px; PADDING-BOTTOM: 5px; BORDER-LEFT: #888 1px solid; WIDTH: 200px; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; TOP: 10px
}
/*A.tooltip:hover B EM {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #fff 0px 0px; LEFT: 20px; WIDTH: 11px; POSITION: absolute; TOP: -6px; HEIGHT: 6px
}
*/
/**************************/
/* general classes */
/**************************/


div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 20%;
  text-align: right;
  
  }

div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  
  } 
  


.fmlabel {
text-align: right;
}

.spacer {
display: block;
height: 5px;
}

.extrapadL {
padding-left: 10px;
}

.extrapadR {
padding-left: 10px;
}

.green {
color: #356563;
}

.orange {
color: #D67A2D;
}

.gray {
color: #707176;
}

.subline { /*small text under headlines */
color: #356563;
font-style: italic;
font-weight: bold;
margin-top: 2px;
}

.boldtext {
font-weight: bold;
}

.italictext {
font-style: italic;
}

.readmore {
float: right;
font-size: 10px;
}

a.readmore {
font-style: italic;
text-decoration: none;
color: #D67A2D;
}

a.readmore:hover {
text-decoration: none;
color: #356563;
}

.sectiondivider {
border-bottom: 1px solid #B2B2B2;
margin: 15px auto;
width: 100%;
text-align: center;

}

.dashedline { 
border-bottom: 1px dotted #B2B2B2;
margin: -1px auto 15px auto;
width: 95%;
text-align: center;
}

.greenbx {
background-color: #E4EBE8;
color: #000000;
border: 1px solid #32446F;
}

.leftsection {
float: left;
display: block;
width: 260px;
margin-right: 10px;
border-right: 1px solid #B2B2B2;
padding-right: 10px;
}

.rightsection {
float: left;
display: block;
width: 260px;
margin-left: 10px;
}

blockquote.quote {
color: #356563;
font-size: 135%;
font-weight: bold;
font-style: italic;
}

.textindent {
text-indent: 20px;
}

.alignright {
text-align: right;
}

.densitylegend {
height: 30px;
width: 100%;
line-height: 30px;
font-weight: bold;
font-size: 110%;
background-color: #356563;
color: #ffffff;
padding-left: 10px;
}

h1.small {
font-size: 110%;
}

/***********************/
/* generic styles */
/***********************/

h1 {
color: #D67A2D;
font-size: 150%;
font-style: italic;
margin-bottom: 1px;
margin-top: 0px;
}

h2 {
color: #356563;
font-size: 125%;
margin-bottom: 1px;

}

h3 {
color: #494949;
font-size: 112%;
margin-bottom: 1px;

}



a {
color: #D67A2D;
text-decoration: none;
}

a:hover {
color: #356563;
text-decoration: none;
}

p {
margin-top: 5px;

}

img {
border: 0;
}


	div.section,div#createNew {
		border: 1px solid #CCCCCC;
		margin: 30px 5px;
		padding: 0px 0px 10px 0px;
		background-color: #EFEFEF;
	}

	div#createNew input { margin-left: 5px; }

	div#createNew h3, div.section h3{
		font-size: 14px;
		padding: 2px 5px;
		margin: 0 0 10px 0;
		background-color: #CCCCCC;
		display: block;
	}

	div.section h3 {
		cursor: move;
	}

	div.lineitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #FFFFFF;
		cursor: move;
	}


/******************************************************************************
********************************   tms   **********************************
******************************************************************************/

.ditch-tab-skin-tms .ditchnet-tab-container {
			margin:10px 20px 20px 20px;
			width: 900px;
			}
	
.ditch-tab-skin-tms .ditch-tab-wrap {
			position:relative;
			z-index:10;
			width: 900px;
			font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif;
			}
	
.ditch-tab-skin-tms .ditch-tab {
			position:relative;
			float:left;
			padding:2px 20px;
			margin:0 1px -1px ;
			text-align:center;
			cursor:pointer;
			font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif;
			}

.ditch-tab-skin-tms .ditch-tab-bg-left {
			position:absolute;
			left:0; top:0;
			width:10px; height:18px;
			}

.ditch-tab-skin-tms .ditch-unfocused {
			color:#999;
			border-bottom:1px solid silver;
			background:transparent url(/org.ditchnet.taglib/default_tab_bg_right.gif) 100% 0 no-repeat;
		
			}
	
.ditch-tab-skin-tms .ditch-focused {
			border-bottom:1px solid white;
	
			background:transparent url(/org.ditchnet.taglib/default_tab_bg_white_right.gif) 100% 0 no-repeat;
		
			}

.ditch-tab-skin-tms .ditch-unfocused .ditch-tab-bg-left {
			background:transparent url(/org.ditchnet.taglib/default_tab_bg_left.gif) 0 0 no-repeat;
			}
.ditch-tab-skin-tms .ditch-focused .ditch-tab-bg-left {
			background:transparent url(/org.ditchnet.taglib/default_tab_bg_white_left.gif) 0 0 no-repeat;
			}



.ditch-tab-skin-tms .ditch-tab a:link,
.ditch-tab-skin-tms .ditch-tab a:visited {
			color:black;
			text-decoration:none;
			}
.ditch-tab-skin-tms .ditch-tab-wrap .ditch-unfocused a:link,
.ditch-tab-skin-tms .ditch-tab-wrap .ditch-unfocused a:visited {
			color:silver;
			}



.ditch-tab-skin-tms .ditch-tab-pane-wrap {
			position:relative;
			z-index:9;
			border:1px solid silver;
			padding:8px;
			margin:0 30px 0 0;
			}

.ditch-tab-skin-tms .ditch-tab-pane {
			
			}
	
.ditch-tab-skin-tms br.ditch-clear {
			clear:both;
			}