body{
background-color: #003366;
margin: 0em;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
text-align: center;
height: 600px;}

.iframe{
overflow:auto;
border: none;}

#page{
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;

padding-bottom: 50px;
min-height: 600px;}

#banner{
height: 120px;
width: 800px;
padding: 0em;
position: relative;
margin: 0em; background:url('../images/banner.jpg')}

#banner p{
color: #ffffff;
position: absolute;
bottom: 5px;
right: 5px;
font-size: .8em;
margin: 0em;
padding: 0em;}

#welcome{
color: #003366;
font-size: 1.4em;
margin-top: 40px;
padding: 0em;
text-align: center;}

img{
border: none;
}

/*#banner #login{
position: absolute;
border: none;
margin-left: 5px;
right: 200px;
bottom: 0px;
font-size: 0em;}*/

#banner #book{
height: 17px;
width: 104px;
position: absolute;
border: medium none;
margin-left: 5px;
right: 200px;
bottom: 0px;
font-size: 12px;
color: #003366;
text-decoration: none; background:url('../images/headertab.png')}

#banner #track{
height: 17px;
width: 104px;
position: absolute;
border: medium none;
margin-left: 5px;
right: 310px;
bottom: 0px;
font-size: 12px;
color: #003366;
text-decoration: none; background:url('../images/headertab.png')}

#banner #track:hover, #banner #book:hover{
color: #006fdf;}

/*#banner #track{
position: absolute;
bottom: 0px;
font-size: 0em;
border: none;
margin-left: 5px;
right: 310px;}*/

#middle{
width: 500px;
text-align: left;
top: +5px;
position: relative;
margin-left: auto;
margin-right: auto;}

#middle h1{
color: #003366;
font-size: 1.4em;
float: none;}

#middle a:link, #middle a:visited{
text-decoration: underline;
color: #003399;}

#middle a:hover, #middle a.active{
color: #0059ff;
text-decoration: underline;
}

#left{
float: left;
width: 140px;}

#left, #left ul {
list-style-type: none;
margin: 0em;
padding: 0em;
}

#left li{
text-align: right;
font-size: .8em;
margin-right: 5px;
border-bottom: 1px #999999 dotted;
padding: 5px;}
#left li.header{
	font-weight: bold;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#left li a:link, #left li a:visited{
color: #000000;
text-decoration: none;}

#left li a:hover, #left li a.active{
color: #003399;
}

#right{
float: right;
width: 140px;}

#right, #right ul {
list-style-type: none;
margin: 0em;
padding: 0em;
}

#right li{
text-align: left;
font-size: .8em;
margin-left: 5px;
border-bottom: 1px #999999 dotted;
padding: 5px;}

#right li a:link, #right li a:visited{
color: #000000;
text-decoration: none;}

#right li a:hover, #right li a.active{
color: #003399;
}

#mission{
border: 1px #999999 dotted;
font-weight: bold;
color: #000000;
font-size: 1.3em;
text-align: center;
padding: 5px;}

#fuel {
border: 1px #999999 dotted;
margin-top: 5px;
margin-right: 5px;}

#fuel h1{
color: #004c98;
font-size: 1.3em;
margin: 2px;}

#fuel h2{
color: #cc0000;
font-size: 1.3em;
margin: 2px;}

#links {
border: 1px #999999 dotted;
margin-top: 5px;
margin-right: 5px;}

#links h1{
color: #004c98;
font-size: .8em;
margin: 2px;}

#links img{
margin: 2px;
}

#phone{
margin-top: 5px;
padding-top: 5px;
}

#supplies{
background-color: #eaeaea;
font-size: .9em;
border: 1px #9a9a9a none;
padding: 5px;}

#supplies input{
border: 1px #cdcdcd solid;}

div.visible {
display: visible;
}
div.hidden {
display: none;
} 

.error{
	background-color: #fae6e6;
	border: 1px #ff0000 solid;
	padding: 3px;
	text-align: center;
}

.message{
	background-color: #FFFFCC;
	border: 1px solid #FFCC33;
	text-align: center;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.downloads{
margin: 5px;
}

.document{
text-align: center;
margin: 5px;
float: left;
border: 1px #ffffff solid;
padding: 2px;
display: inline-block;}

.document p{
margin: 0em;}

.document:hover{
border: 1px #838383 solid;
background-color: #e1e1e1;}

.document a:link, .document a:visited{
text-decoration: none;
color: #000000;}

.document a:hover, .document a.active{
}

.name{
margin: 1px;
font-size: 1.2em;
font-weight: bold;}

#contact a:link, #contact a:visited{
text-decoration: none;
color: #000000;}

#contact a:hover, #contact a.active{
text-decoration: underline;
color: #0000ff;}

.title{
font-style: italic;
font-size: 1.2em;
margin: 5px;
color: #003366;
font-weight: bold;
margin-bottom: 5px;}

#footer{
clear: both;
font-size: .8em;
color: #9c9c9c;
margin-top: 20px;}

#footer a:link, #footer a:visited{
text-decoration: none;
color: #9c9c9c;
margin-right: 5px;}

#footer a:hover, #footer a.active{
color: #003399;
text-decoration: underline;
}

#phoneflash{
border: none;
width: 138px;
height: 138px;}

#tracking{
text-align: center;
margin-top: 5px;}

.hawb{
font-weight: bold;
font-size: 1.2em;
margin: 5px;}

.date{
width: 50px;
/*border: 1px #838383 solid;*/}

.time{
width: 50px;
/*border: 1px #838383 solid;*/}

.event{
width: 250px;
/*border: 1px #838383 solid;*/}

#trackingnotes{
margin-left: auto;
margin-right: auto;
margin-top: 5px;}

#consignee{
margin-left: auto;
margin-right: auto;
margin-top: 5px;}

.trackinglogin p {
margin: 0px;
padding: 0px;}

.trackinglogin{
margin-top: 20px;
padding: 0px;}

#holiday td{
text-align: center;}

.tabledark{
background-color: #d9d9d9;}

form h1{
	font-size: 0.7em;
	margin: 15px;
}

form h2{
	font-size: 0.7em;
	margin: 3px;
}

.suspend{
	background-color: #FF99CC;
	border: 1px #ff0000 solid;
	padding: 3px;
}
table tr.odd {
	background-color: #BBBBFF;
}
table tr.even {
	background-color: #FFFFFF;
}
#adminmiddle{
	width: 640px;
	text-align: left;
	top: +5px;
	position: relative;
	margin-left: auto;
	margin-right: 10px;
	float: right;
}

#adminmiddle h1{
color: #003366;
font-size: 1.4em;
float: none;}

#adminmiddle a:link, #adminmiddle a:visited{
text-decoration: underline;
color: #003399;}

#adminmiddle a:hover, #adminmiddle a.active{
color: #0059ff;
text-decoration: underline;
}
#epay {
	text-align: center;
}
#epay h1, #epay p, #epay form {
	margin-top: 30px;
	margin-bottom: 30px;
}
#nochex table{
	margin-top: 10px;
	margin-bottom: 20px;
}