﻿/* Case Sensitive */

/* ************************************************** */
body {	font-family: Arial; font-size: 9pt; letter-spacing: -0.1mm; color: #58595b; }
A { text-decoration: underline; color: blue; }
A:hover { text-decoration: underline; }
    
h1 { font-family: Arial; font-size: 14pt; font-weight: bold; letter-spacing: -0.1mm; margin: 0px 0px 6px 0px; }
h2 { font-family: Arial; font-size: 10pt; font-weight: bold; letter-spacing: -0.1mm; margin: 0px 0px 6px 0px; }

.Footer { font-size: 8pt; color: #ffffff; }
.Footer A { font-size: 8pt; text-decoration: none; color: #ffffff;}
.Footer A:Hover { text-decoration: underline; }

.Help { cursor: pointer; }
.Note	{ color: #666666; font-size: 8pt; }
.Blue   { color: #00a7e5; font-weight: bold;}
.Green  { color: #71c266; font-weight: bold;}
.Orange { color: #F65A27; font-weight: bold;}
.Blue li { color: #58595b; font-weight: normal; list-style-image: url(images_sd/bullet_blue.jpg); }
.Green li { color: #58595b; font-weight: normal; list-style-image: url(images_sg/bullet_green.jpg); }
.Orange li { color: #58595b; font-weight: normal; list-style-image: url(images_3pl/bullet_orange.jpg); }

ul { margin: 0px; padding: 0px 14px; }
li { margin: 0px; padding: 0px; }
.Layout th, .Layout td { text-align: left; vertical-align:top; }

/* ************************************************** */
/* the logs are diferent heights so adjustments were made below */
#ctl00_imgLogoSataria { display: block; margin-bottom:16px; }
#ctl00_imgLogoGroup { display: none; margin-bottom:16px; }
#ctl00_imgLogoGroupPrint { display: none; margin-bottom:16px; }
#ctl00_imgLogoDist { display: none; margin-bottom:9px; }
#ctl00_imgLogoDistPrint { display: none; margin-bottom:8px; }
#ctl00_imgLogo3PL { display: none; margin-bottom:8px; }
#ctl00_imgLogo3PLPrint { display: none; margin-bottom:8px; }
#ctl00_imgMidway { display: none; margin-top:12px; }
#ctl00_hlApps { display: none; }

/* ************************************************** */
#ctl00_Page_Table { width: 100%; }

#ctl00_Page_Row_1 { height: 5px;}
#ctl00_Page_Cell_1L { background-image: URL("Images/border_topleftcorner.jpg"); background-position: bottom right; background-repeat: no-repeat; }
#ctl00_Page_Cell_1M { width: 788px; background-image: URL("Images/border_topside.jpg"); background-position: bottom; background-repeat: repeat-x; }
#ctl00_Page_Cell_1R { background-image: URL("Images/border_toprightcorner.jpg"); background-position: bottom left; background-repeat: no-repeat; }

#ctl00_Page_Row_2 { height: 165px;}
#ctl00_Page_Cell_2L { background-image: URL("Images/border_leftside.jpg"); background-position: right; background-repeat: repeat-y; }
#ctl00_Page_Cell_2M { background-image: URL("Images/watermark_large.jpg"); background-position: top right; background-repeat: no-repeat; vertical-align: top; padding: 20px 35px;}
#ctl00_Page_Cell_2R { background-image: URL("Images/border_rightside.jpg"); background-position: left; background-repeat: repeat-y; }

#ctl00_Page_Row_3 { height: 65px;}
#ctl00_Page_Cell_3L { background-image: URL("Images/border_leftside.jpg"); background-position: right; background-repeat: repeat-y; }
#ctl00_Page_Cell_3M { background-image: URL("Images/gradient_gray.jpg"); background-position: top; background-repeat: repeat-x; }
#ctl00_Page_Cell_3R { background-image: URL("Images/border_rightside.jpg"); background-position: left; background-repeat: repeat-y; }

#ctl00_Page_Row_4 { height: 300px;}
#ctl00_Page_Cell_4L { background-image: URL("Images/border_leftside.jpg"); background-position: right; background-repeat: repeat-y;}
#ctl00_Page_Cell_4M { background-image: URL("Images/colorbands.jpg"); background-position: bottom right; background-repeat: no-repeat; vertical-align: top; padding: 72px 0px 0px 0px;}
#ctl00_Page_Cell_4R { background-image: URL("Images/border_rightside.jpg"); background-position: left; background-repeat: repeat-y;}

#ctl00_Page_Row_5 { height: 56px;}
#ctl00_Page_Cell_5L { background-image: URL("Images/border_leftside.jpg"); background-position: right; background-repeat: repeat-y;}
#ctl00_Page_Cell_5M { background-image: URL("Images/gradient_footer.jpg"); background-position: bottom; background-repeat: repeat-x; padding: 7px; text-align: center; line-height: 110%; }
#ctl00_Page_Cell_5R { background-image: URL("Images/border_rightside.jpg"); background-position: left; background-repeat: repeat-y;}

#ctl00_Page_Row_6 { height: 5px;}
#ctl00_Page_Cell_6L { background-image: URL("Images/border_bottomleftcorner.jpg"); background-position: top right; background-repeat: no-repeat; }
#ctl00_Page_Cell_6M { background-image: URL("Images/border_bottomside.jpg"); background-position: top; background-repeat: repeat-x; }
#ctl00_Page_Cell_6R { background-image: URL("Images/border_bottomrightcorner.jpg"); background-position: top left; background-repeat: no-repeat; }

#ctl00_hlFacebook { float:right; padding: 2px; }
#ctl00_hlTwitter { float:right; padding: 2px; }


/* ************************************************** */
.MenuSite { font-family: Arial; font-size: 9pt; font-weight: bold; text-align: right; float:right; padding:5px; }
.MenuItemSite { display: inline; text-decoration: none; clear: both; }
.MenuItemSite:hover { text-decoration: none; }            

.MenuLogin { font-size: 8pt; font-weight: normal; color: #58595b; display: inline; text-decoration: none; clear: both; }
.MenuLogin:hover { text-decoration: none; }   
         
.MenuMain { font-family: Arial; font-size: 9pt; font-weight: bold; }
.MenuItemMain { display: inline; color: #58595b; text-decoration: none; padding: 0px 5px;  }          
.MenuItemMain:hover { text-decoration: none; }          

.MenuSide { position: absolute; top: 336px; margin-left: 36px;  width: 70px;	
            clear: left;  font-family: Arial; font-size: 9pt; font-weight: normal; letter-spacing: -0.15mm; }
.MenuItemSide { display: block; color: #58595b; text-decoration: none; }  
        
.MenuFooter { font-family: Arial; font-size: 9pt; font-weight: normal; margin-left:30px; margin-right: 70px; }
.MenuItemFooter { display: inline; color: #58595b; text-decoration: none; white-space:nowrap; } 
 
.Current { color: silver; }
/* 
.LeftBorder { border-left-width: 1px; border-left-color: #58595b; border-right-style: solid; }
.RightBorder { border-right-width: 1px; border-right-color: #58595b; border-right-style: solid; }
*/
/* ******************** 788 width ******************* padding-bottom: 90px; */
.SplashArea { position: absolute; top: 136px; margin: 0px 35px 0px 35px; padding: 0px; }
.SplashArea P { margin: 0px; padding: 0px; }

.BackArea { padding: 15px 36px 20px 36px; }

.LeftArea { width: 330px; padding: 0px 10px 0px 0px;  }

.CenterArea { width: 140px; display:block; float: right; clear: none; text-align: center;}

.RightArea { width: 233px; display:block; float: right; clear: none; text-align: right; }
.RightArea P { margin-top: 0px; }
.Box { margin: 0px; } 


.MiddleArea { width: 370px; padding: 0px 10px 0px 10px; margin-left:75px; }

.AdminArea { width: 590px; padding: 0px 0px 0px 10px; margin-left:75px; }

.FullArea { width: 465px; padding: 0px 10px 0px 0px; }


.BorderLeft { border-left: 1px solid #58595b; }
.BorderRight { border-right: 1px solid #58595b; }
.BorderBoth { border-left: 1px solid #58595b; border-right: 1px solid #58595b; }

/* ************************************************** */
.Required  {	
	border: 1px solid #214699;
	background-image: url("images/Required.gif"); 
	background-position: right Top;
	background-repeat: no-repeat; 
	}
select.Required, textarea.Required  {	
	border: 1px solid #214699;
	background-image: url("images/Required2.gif"); 
	background-position: right Top;
	background-repeat: no-repeat; 
	}
select,	textarea, input[type=text], input[type=file], input[type=password] {
	font-family: Arial;	
	font-size: small;	
	border: 1px solid #58595b;
	} 


/* ************************************************** */

.Barcode  {
	position: relative; 
    background-image: URL("images/background_barcode.png"); 
	background-repeat: no-repeat;  
	background-position: 65% bottom;
}
.BoxMan  {
	position: relative; 
    background-image: URL("images/background_box_man.png"); 
	background-repeat: no-repeat;  
	background-position: 57% bottom;
}
.Bullhorn  {
	position: relative; 
    background-image: URL("images/background_bullhorn_man.png"); 
	background-repeat: no-repeat;  
	background-position: 60% bottom;
}
.ChainMan  {
	position: relative; 
    background-image: URL("images/background_chain_man.png"); 
	background-repeat: no-repeat;
	background-position: left bottom;
}
.ComputerMan  {
	position: relative; 
    background-image: URL("images/background_contact.png"); 
	background-repeat: no-repeat;
	background-position: 82% bottom;
}
.ComputerDesk  {
	position: relative; 
    background-image: URL("images/background_computerdesk.png"); 
	background-repeat: no-repeat;
	background-position: 70% bottom;
}
.NewsMan  {
	position: relative; 
    background-image: URL("images/background_news.png"); 
	background-repeat: no-repeat;  
	background-position: 57% bottom;
}
.Runner  {
	position: relative; 
    background-image: URL("images/background_runner.jpg"); 
	background-repeat: no-repeat;  
	background-position: 57% bottom;
}
.Truck  {
	position: relative; 
    background-image: URL("images/background_truck.png"); 
	background-repeat: no-repeat;  
	background-position: 85% bottom;
}

/* ************************************************** */
.Grid		{ border-collapse: collapse; 	border: 1px solid #666666; } 
.Grid TH	{ border-collapse: collapse;	border: 1px solid #666666; 
        	color:#214699; background-color: #f2f3f3; font-weight:normal;  
        	padding: 2px 5px; } 
.Grid TD	{ border-collapse: collapse;	border: 1px solid #666666; 
        	padding: 2px 5px; } 
.Grid TD TD { border: none; }

/* ************************************************** */

.PageCover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110%;		
	height: 100%;
	background-image: URL(images/Page_Cover.png);
	text-align: center;
	vertical-align: middle;
	padding-top: 150px;
	padding-left: 250px;
	}

.PageCover div {
	background-color: silver;
	border: 3px double #708090;
	padding: 20px;
	color: #191970;
	font-family: arial;
	font-size: 9pt;
	}

/* ************************************************** */
@Media Print  {
	.NoPrint	{ display: none; } 
	.SplashArea	{ display: none; }
	#ctl00_Page_Row_2 { height: auto;}
	#ctl00_Page_Row_3 { height: 10px;}
	#ctl00_Page_Cell_4M { padding: 20px 0px 0px 0px;}
	.PageCover { padding: 200px 80px; }
	}
/* ************************************************** */


