/* 
______________________________________________________________________________________________________
DESCRIPTION:				Local Definitions for CSS Template
LAST UPDATED:June 25, 2007
AUTHOR:	dknight			   	Absolute Cargo Inc.
______________________________________________________________________________________________________
*/

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ooooooooosssooooooooooo HTML ELEMENTS           ooooossssssooooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body {
	background-color: #CCCDC4;
	margin-top: 18px;
	margin-left: 20px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #0A0A5E;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}
h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #35406D;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

ul {
		list-style-image:url(../images/blt_leftNav.gif);
		margin-left: 8px;
		padding-bottom:15px;

}
li {
		padding-bottom:10px;
}

ul.dots {
			list-style-image: url('../images/arrow.jpg');
			padding-left: 0;
			padding-bottom:15px;
}

ul.arrow {
			list-style-image: url('../images/blt_leftnav.gif');
			padding-left: 0;
			padding-bottom:15px;
}
li.pdf {
	list-style-image: url(../images/i_pdf.gif);
	padding-left: 10px;
}

li.word {
	list-style-image: url(../images/i_word.gif);
	padding-left: 10px;
}

li.excel {
	list-style-image: url(../images/i_excel.gif);
	padding-left: 10px;
}

li.html {
	list-style-image: url(../images/i_html.gif);
	padding-left: 10px
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ooooooooosssooooooooooo SPECIFIC CLASSES          ooooossssssooooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.logoBlock{
			float:left;
			width:300px;
			height:125px;
}
.bold{
			font-weight: bold;
}
.smallText{
			font-size: 0.8em;
}
.redText{
			font-weight: bold;
			color: #D63432;
}

.defaultBlock{
			float:left;
			width:230px;
			margin:10px;
}
.rollBlock{
			float:left;
			width:105px;
			height:125px;
}
.rollLastBlock{
			float:left;
			width:119px;
			height:125px;
}

.grayBar{
			width:200px;
			height:20px;
			color: #FFFFFF;
			font-weight:bold;
			padding-right:3em;
			font-size: 1em;
			z-index:3;
			top: 125px;
			left: 600px;
			position:absolute;
}

.sideBlock{
				float:left;
				width:20px;
				height:100%;
}

.dgray12
		{
	font-size: 1.0em;
	font-weight: bold;
	color: #3A4E4F;
	
		}
.rightFloat
		{
			text-indent: 100px;
			font-weight: bold;
			color: #0A0A5E;
		}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ooooooooosssooooooooooo DIV IDs			ooooossssssooooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



#TopRow		{
				float: left;
				width:839px;
				height:128px;
				background-color:#5B5B59;
			}

#pageContent{
				width:750px;
				background-color:#FFFFFF;
				padding:2em;
}
#breadcrumbs {
				font-size: .9em;
				color: #666666;
}

#breadcrumbs a {
				font-size: .9em;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* oooooooooooooooooooo this controls the tabs oooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.shadetabs{
padding: 1px 0;
margin-left: 5px;
margin-top: 4px;
margin-bottom: 1px;
font: bold 12px Verdana;
list-style-type: none;
background-image: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
background-image: none;
margin: 2px;
}

.shadetabs li a{
text-decoration: none;
padding: 1px 2px;
margin-right: 6px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 650px;
margin-bottom: 1em;
padding: 0px;
}

.tabcontent{
display:none;
}