body {
	font-family: Helevetica, Verdana, Arial, Tahoma;
	font-size:12px;
	text-align: center;
	margin:0;
	padding:0;
	background: #000000;
}

/* Remove border around linked images */
img {
	border: 0;
}
h2 {
	padding:0;
	margin:0;
}
input:focus{ border:1px solid #108cda; }
a:link {
	text-decoration: none;
	color:blue;
}
a:visited {
	text-decoration: none;
	color:blue;
}
a:active {
	text-decoration: none;
	color:#4b4640;
}
a:hover {
	text-decoration: underline;
	color: #7c0c00;
}
.fltleft{ float:left; }
.fltright{ float:right; }
.clear{ clear:both; }

.hidden {
        display: none;
}
.notify{ color:#ce0000;}

.button{
	width:60px;
	height:40px;
	background:#ffffff;
	border:1px solid #000000;
	color:#827b7b;
}
.button-small{
	width:60px;
	height:30px;
	background:#ffffff;
	border:1px solid #000000;
	color:#827b7b;
}
.selected, .selected:active, .selected:visited {
	text-decoration: underline;
	font-weight:bold;
}
.bold{ font-weight:bold;}
/*#wrapper{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background:#464444;
}*/
div.wrapper{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background:#464444;
}
div.banner-wrapper{
	height:240px;
	background:#464444;
}
#header-container, #content-container{
	padding:20px 50px;
}
#banner-container{
	height:240px;
	z-index:100;
	overflow:visible;
}

/* Overlay */
div#overlayDiv {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #000000;
        opacity:0.45;
        -moz-opacity:0.45;
        filter:alpha(opacity=45);
}
#loginDiv,
#CarrierCodeUserLoginDiv {
        width: 600px;
        height: 300px;
        margin-left: -300px;
        margin-top: -100px;
		text-align:left;
}

#loginDiv table,
#CarrierCodeUserLoginDiv table{
	padding-top:80px;
}
/* Modal edit form */
.form {
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #ffffff;
        color: #000000;
		font-size:14px;
}
.form .pad {
        padding: 1.5em 3em 3.5em 3.2em;
}
.form th {
        text-align: right;
        vertical-align: top;
        font-weight: normal;
}
.form td {
}
input.loginInput{
	width:335px;
	height:25px;
	color:#827b7b;
	border:1px solid #000000;
	padding-left:10px;
}
.form .actionBar {
        margin: 0;
        padding: 0;
}
.form .actionBar li {
        list-style-type: none;
        margin-top: 1em;
        margin-right: 0.75em;
}
.form .actionBar li a {
        color: #000000;
        text-decoration: none;
}

div#close-box{
	padding-top:35px;
	padding-right:32px;
}

/*======== Header =======*/
#header-logo {
	width:206px;
}
#header-nav, #header-search {
	width:654px;
	text-align:right;
}
#header-search {
	padding-top:20px;
}
input.header-input{
	width:335px;
	height:35px;
	font-size:18px;
	color:#827b7b;
	border:1px solid #000000;
	padding-left:10px;
}
/*======== Navigation =======*/

#header-nav{ padding-top:20px}
#header-nav ul {
	margin:0px;
	padding:0px;
}

#header-nav ul li {
	padding-left:20px;
	list-style-type:none;
	display:inline;
}

#header-nav ul a, #header-nav ul a:hover, #header-nav ul a:visited {
	font-family: Helevetica, Verdana, Arial, Tahoma;
	font-size:20px;
	color:#FFFFFF;
	text-decoration:none;
}

/*======== Content Banner =======*/
#content-banner{
	background:#cecece;
	height:26px;
	color:#464444;
	font-weight:bold;
	padding:10px;
}
table#cb {
	width:100%;
}
table#cb td{
	vertical-align:middle;
	padding:5px;
}
table#cb h1{
	font-size:20px;
	padding:0;
	margin:0;
}
table#cb td.title{
	text-align:center;
	width:25%;
}
table#cb td.bar{
	width:75%;
}
table#cb hr{
	color:#464444;
	background:#464444;
	height:4px;
}

/*======== Content =======*/
#content{
	padding:15px;
	width:640px;
}

h2#cargo-track{
	color:#ffd800;
	font-size:20px;
}
input.cargo-input{
	width:525px;
	height:30px;
	font-size:14px;
	color:#827b7b;
	border:1px solid #000000;
	padding-left:10px;
}
div#cargo-search-form{
	padding-top:10px;
	width:537px;
}
#cargo-track-steps{
	color:#ffd800;
	line-height:140%;
}
#cargo-track-list, p#faq{
	color:#ffffff;
}

#cargo-track-list ul{
	list-style:none;
}
span.green{ color:#25c31d;}
span.white{ color:#ffffff;}
span.red{ color:#ce0000;}
.lgray{ color:#cecece;}
.yellow{color:#ffd800}
.spacer{ padding:15px 0;}
.cargo-track-font{
	font-size:14px;
}
.homeBtn{
	margin:5px 0 0 10px;
	font-weight:700;
}
/*======== Side Bar =======*/
#sidebar{
	width:225px;
	padding-top:15px;
	text-align:center;
}
#sidebar a, #sidebar a:active, #sidebar a:hover{
	color:#108cda;
	font-weight:bold;
	font-size:16px;
}

/*======== About US =======*/
#aboutus-img{
	padding:15px 0 15px 15px;
	width:458px;
}

#aboutus{
	padding:23px 15px 15px 5px;
	width:400px;
}

#aboutus h2{
	font-size:20px;
	font-weight:bold;
}
#aboutus p{
	color:#ffffff;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
}

#aboutus-services{
	background:#cecece;
	padding:10px 15px;
	font-size:14px;
}

#aboutus-services ul{
	padding:10px 25px 10px;
}

#aboutus-services a:hover{
	color:#ffffff;
}
/*======== Contact Us =======*/

#contactus{
	padding:25px 15px;
}

#contactus h2{
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
}

#contact-tbl1 table, #contact-tbl2 table {
	width: 400px;
}

#contact-tbl1, #contact-tbl2, #contact-warehouse, #contact-dept{
	padding:10px 0;
}
#contact-tbl1 td, #contact-tbl2 td, #contact-warehouse td, #contact-dept td {
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}

#contact-tbl2 a:hover{
	color:#ffffff;
}
#contact-dept td {
	padding:5px 55px 5px 0;
}

#contact-dept a, #contact-dept a:active, #contact-dept a:visited {
	color:#ffd800;
}

.heading {
	font-size:20px;
	color:#25c31d;
	font-weight:bold;
}

/*======== Link =======*/

#link{
	padding:25px 15px;
	width:720px;
}

#link-sidebar{
	width:102px;
	padding:25px 15px;
}
.link-box{ padding:10px 0; }
.link-box h2{
	font-weight:bold;
	padding:5px 0;
	color:#ffffff;
}
.link-box img{
	background:#ffffff;
}
#link hr{
	height:5px;
	color:#cecece;
	background:#cecece;
	border:0;
}
#link p {
	font-size:14px;
	padding-right:10px;
}
#link a:hover{
	text-decoration:none;
}

/*======== News =======*/
#news{
	padding:25px 0;
}
#news-tbl{
	width:100%;
}
.date, .news-title{
	background:#25c31d;
	color:#cecece;
	font-size:16px;
	font-weight:bold;
	padding:15px 20px;
}
.date{
	width:25%;
}
.news-title{
	width:75%;
}
.date-out, .news-out{
	background:#cecece;
	font-size:16px;
	padding:15px 20px;
}

/*======== Cargo OLTracking =======*/
td.title,
td.bar{
	border: none;
}
.tdGreen{
	background-color: #9BC8B6;
}
input.ccButton,
input[type=reset].ccButton{
	border: 1px;
	padding: 3px 5px;
}
div.cargoError{
	margin:25px 0;
	height:40px;
	font-size:14px;
	padding:25px 15px;
	background:#cecece;
}

div.cargoResult table{
	width:900px;
	background:#ffffff;
	border-collapse:collapse;
	margin: 0;
	padding: 0;
}

div.cargoResult td{
	padding:5px;
	border:1px solid black;
	margin: 0px;
}
div.cargoResult td.label{
	background:#EEEEEE;
	font-weight:bold;
	text-align: center;
}
div.cargoResult td.heading{
	background:#DDDDDD;
	color: #000000;
	font-weight:bold;
	text-align: center;
	font-size: 18px;
}

div.cargoResult .align_center {
	text-align: center;
}
/*======== Footer =======*/
#footer-container{
	padding:15px;
}

#footer{
	padding-right:30px;
	color:#ffffff;
	font-weight:bold;
}

#cargocontroluser-list{
	background:#cecece;
	padding:10px 15px;
	font-size:14px;
}
#cargocontroluser-list ul{
	padding:10px 25px 10px;
}

#cargocontroluser-list a:hover{
	color:#ffffff;
}
.cargocontroluser-logout{
	margin-bottom: 6px;
	text-align: right;
	font-size:20px;
}
.cargocontroluser-logout a{
	color:#ffffff;
}

#cargocontroluser-search{
	background:#cecece;
	padding:10px 15px;
	font-size:14px;
}