/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------------- HOMEPAGE ----------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/*--------------------- Homepage_Body_Content ----------------------------------------*/
/*----------------------------------------------------------------------*/
#Homepage_Body_Content
{
	font-family: arial, "lucida console", sans-serif;
	color: #333333;
	font-size: 1.0em;
	
	background-color: #ffffff;
	
	
	margin-right: 0px;
	padding-right: 0px;
	width: 700px;
}

#Homepage_Body_Content h1
{
	font-family: arial, "lucida console", sans-serif;
	color: #333333;
	font-size: 1.364em;
	font-weight: bold;
	line-height: 1.0em;
	
	background-color: #ffffff;
	background-image: none;
	
	padding-left: 0px;
	padding-bottom: 15px;
	margin: 0px;
}

#Homepage_Body_Content p
{
	padding-bottom: 12px;
}

/*----------------------------------------------------------------------*/
/*--------------------- Homepage Columns ----------------------------------------*/
/*----------------------------------------------------------------------*/
.Homepage_Column
{
	float: left;
	width: 30%;
	
	font-size: 1.0em;
	
	padding-left: 20px;
}

.Homepage_Column a
{
	font-family: arial, "lucida console", sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 1.0em;
}

.Homepage_Column h1
{
	font-family: arial, "lucida console", sans-serif;
	color: #000000;
	font-size: 1.273em;
	font-weight: bold;
	line-height: 1.0em;
	
	border-bottom: 1px solid #000000;
	
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.Homepage_Column h2
{
	font-family: arial, "lucida console", sans-serif;
	color: #900000;
	font-size: 1.091em;
	font-weight: bold;
	
	background-image: none;
}

.Homepage_Column h2 a
{
	text-decoration: none;
	color: #900000;
}

.Homepage_Column ul
{
	list-style-image: url('/images/common/red-arrow.gif');
	
	padding-left: 15px;
	padding-bottom: 10px;
}

.Homepage_Column li
{
	font-family: arial, "lucida console", sans-serif;
	color: #333333;
	font-size: 1.0em;
}

/*----------------------------------------------------------------------*/
/*--------------------- Tracking_Textarea ----------------------------------------*/
/*----------------------------------------------------------------------*/
#Tracking_Textarea
{
	font-family: arial, "lucida console", sans-serif;
	width: 120px;
	height: 50px;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 11px;
}

#Track_Button
{
	width: 35px;
}

/*----------------------------------------------------------------------*/
/*--------------------- Login_Box ----------------------------------------*/
/*----------------------------------------------------------------------*/
#Login_Form
{
}

#Login_Form dt
{
	width: 70px;
	margin-bottom: 3px;
	padding: 0px;
	float: left;
	
	text-align: right;
	font-family: arial, "lucida console", sans-serif;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
}

#Login_Form dd
{
	margin-bottom: 3px;
	padding-left: 5px;
	float: left;
	/*width: 50px;*/
	width: 40px;
	text-align: right;
}

#Login_Input
{
	width: 85px;	
}

#Login_Box
{
	overflow: hidden;
}

#Login_Box ul
{
	padding: 0px;
	margin-top: 10px;
}

#Login_Box li
{
	font-family: arial, "lucida console", sans-serif;
	color: #000000;
	font-size: 0.909em;
	font-weight: normal;
	
	background-image: url('/images/common/red-arrow.gif');
	background-repeat: no-repeat;
	background-position: center left;
	display: inline;
	border-bottom: 0px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 10px;
	
	border: 0px;
}

#Login_Box li a
{
	font-family: arial, "lucida console", sans-serif;
	color: #000000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}

/* --- --- --- --- --- --- --- Weather --- --- --- --- --- --- --- --- --- --- ---*/
#screen-fader {position:fixed; top:0; left:0; width:200%; height:200%; background:#000;
				_position:absolute;
}
#updatedDate {color:#aaa; _color:#F00;
  margin-top:3px; position:static;
}
#terminal-status {
	position:fixed; bottom:0; left:50%; _position:absolute;
	/*display:block;*/
	width:660px; margin:0 0 -2px -325px;
	padding:15px;
	background:#ddd;
	border:#000000 1px solid;
	border-top:#FFCC00 5px solid;
	overflow:hidden;
		-moz-box-shadow: 2px 2px 20px #333;
	 -webkit-box-shadow: 2px 2px 30px #333;
			 box-shadow: 2px 2px 30px #333;
}

#terminal-status h1 {
	background:url("/images/common/header-gradient.jpg") repeat-x scroll 0 -8px #333;
	color:#FFCC33;
	margin:-15px -15px 0;
	*width:680px;
	*margin-top:-15px; *font-size:15pt;
	padding:5px 0 0 15px;
	min-height:30px;
}

#terminal-status fieldset {
	background: #eee url("/images/common/gray-bottom.jpg") repeat-x 50% 100%;
	border: 1px solid #999;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	margin: 5px 10px 5px 0px; *margin:0 5px 7px 0;
	width: 300px;
	 	-moz-box-shadow: 1px 0px 3px #a5a5a5;
	 -webkit-box-shadow: 0px 3px 4px #bbb;
	 		 box-shadow: 1px 0px 3px #a5a5a5;
}

#terminal-status fieldset ul {margin:0 0 .25em; float:left; width:140px;}
#terminal-status fieldset li {
	float: left;
	list-style:disc inside;
	width:124px;
	margin:0;
}

#terminal-status fieldset legend {
	margin-left:1em;
	/*background:#ccc;*/
	padding:0 5px 0;
	*margin:.25em 0 0;
	*padding:0 5px;
}

/* #terminal-status fieldset + fieldset {margin-top:5px;} */
#statDiv {width:350px; margin-right:15px;}
#terminal-status div.sort{width:315px;}

#terminal-status #closed legend {*margin:0 0 3px}
#terminal-status #closed {border-top:#F00 10px solid;}
#terminal-status #noCity {border-top:#F40 10px solid;}
#terminal-status #limited {border-top:#FF9900 10px solid;}
#terminal-status #slow {border-top:#FFFF99 10px solid;}
#terminal-status #slowLimited {border-top:#FFCC33 10px solid;}
#terminal-status #normal {border-top:#66FF00 10px solid;}

/*----------- -- -- -- -- --- End Weather -- -- --- -- ---- -----------*/


.service_message {
background: #FFEFBA url("/images/common/alert-ffefba.gif") no-repeat 14px center;
font:bold 12px/15px arial,"lucida console",sans-serif;
color:#000;
font-weight:normal;
margin:1.5em 1em 1.5em 1.5em;
padding:10px 10px 10px 50px;
-moz-box-shadow:3px 3px 7px #ddd;
-webkit-box-shadow:3px 3px 7px #ddd;
box-shadow:3px 3px 7px #ddd;
}
.service_message p {margin:0; padding:0;}
.service_message p+p {margin-top:2px;}

/* .service_message {background-image:url(/images/common/alert-eee.gif);} */


.maintenance_message {
background: #ccc url("/images/common/alert-maintenance-aaa.gif") no-repeat 14px center;
font:bold 12px/15px arial,"lucida console",sans-serif;
color:#000;
font-weight:normal;
margin:1.5em 1em 1.5em 1.5em;
padding:10px 10px 10px 50px;
-moz-box-shadow:3px 3px 7px #ddd;
-webkit-box-shadow:3px 3px 7px #ddd;
box-shadow:3px 3px 7px #ddd;
}

.maintenance_message_2 {
background: #FFEFBA url("/images/common/alert-maintenance-aaa.gif") no-repeat 14px center;
font:bold 12px/15px arial,"lucida console",sans-serif;
color:#000;
font-weight:normal;
margin:1.5em 1em 1.5em 1.5em;
padding:10px 10px 10px 50px;
-moz-box-shadow:3px 3px 7px #ddd;
-webkit-box-shadow:3px 3px 7px #ddd;
box-shadow:3px 3px 7px #ddd;
}

.homepage_message_special {
background: #FFEFBA url("/images/common/alert-my_estes-blue.png") no-repeat 14px center;
font:bold 12px/15px arial,"lucida console",sans-serif;
color:#000;
font-weight:normal;
margin:1.5em 1em 1.5em 1.5em;
padding:10px 10px 10px 50px;
-moz-box-shadow:3px 3px 7px #ddd;
-webkit-box-shadow:3px 3px 7px #ddd;
box-shadow:3px 3px 7px #ddd;
}

.icy_conditions {
	background:#c8e9f9 url(/images/common/alert-iceBackground.jpg) left top repeat-x;
	margin:1.5em 1em 1.5em 1.5em;
	padding:10px 10px 10px 60px;
	position:relative;
    border: 1px dotted #FF0000;
}

.icy_conditions .flake {
	position:absolute;
	bottom: 0px;
	left:0;
	margin-left:-15px;
	margin-bottom: -20px;
}

.icy_conditions .ice_bkgnd {
	position:absolute;
	top:0; left:0
}

.icy_conditions .smFlakes {
	position:absolute;
	bottom: 0px;
	right:0;
	margin-right:-9px;
	margin-bottom: -15px;
}

.canada_message {
background: #990000 url("/images/common/alert-canada.gif") no-repeat 14px center;
font:bold 12px/15px arial,"lucida console",sans-serif;
color:#000;
font-weight:normal;
margin:1.5em 1em 1.5em 1.5em;
padding:10px 10px 10px 50px;
-moz-box-shadow:3px 3px 7px #ddd;
-webkit-box-shadow:3px 3px 7px #ddd;
box-shadow:3px 3px 7px #ddd;
}

#laneSpecDate {color:#f00;}

/*-------------------------------- Homepage Banner CSS -----------------------------------------------*/

#mainBanner {
	position:relative;
	width:700px;
	height:260px;
	overflow:hidden;
}

.onDeck {position:absolute; top:0px; right:700px;}
.firstBase {position:absolute;}

#holidayGreet {position:absolute; top:20px; left:28px;}
#eLogo {position:absolute; bottom:5px; right:6px;}



/* ---------- Five Core CSS ----------*/
/* 	--------	HOMEPAGE GRAPHIC STYLES 	--------	*/

.mainBanner {
	position:relative;
	width:700px;
	height:260px;
	background-image:url(/images/homepage/bkgndLINE50noline.jpg);
}

.fiveCoreImage {
	position:absolute;
	left:25px;
	bottom:23px;
}

.fiveCoreText {
	position:absolute;
	left:250px;
	top:38px;
}

.fiveCoreShad {
	position:absolute;
	left:255px;
	top:43px;
}

.logoPos {
	position:absolute;
	right:39px;
	bottom:32px;
}

.redLine {
	position:absolute;
	bottom:49px;
	height:4px;
}

.learnMore {
	position:absolute;
	left:250px;
	bottom:65px;
}