html{
	height:100%;
	width:100%;
	display:table;
}
body{
	margin:0;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}
.form-login form,
.form-login fieldset,
.form-login img{
	margin:0;
	padding:0;
	border:0;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}
.form-login input,
.form-login textarea,
.form-login select{
	font:10px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
/*agency login*/
.index-page{
	height:100%;
	width:100%;
	/*vertical-align:middle;*/
	display:table-cell;
}
.login-box{
	width:313px;
	overflow:hidden;
	margin:0 auto;
	height:220px;
	background: url(/images/bg-login-box.gif) no-repeat;
}
.login-box .header{
	padding:19px 0 0 15px;
	height:44px;
	overflow:hidden;
}
.login-box .logo{
	width:206px;
	height:32px;
	margin:0;
}
.login-box .logo a{background: url(/images/logo-2.png) no-repeat;}
.login-box .content{
	width:277px;
	overflow:hidden;
	padding:13px 18px 0;
}
.login-box h2{
	margin:0 0 9px;
	font-size:12px;
	line-height:21px;
	color:#646464;
}
.form-login .wrapper{
	width:100%;
	margin:0 0 5px;
	overflow:hidden;
}
.form-login label{
	float:left;
	font-size:12px;
	line-height:24px;
	color:#444;
	width:89px;
	text-align:right;
	padding:0 7px 0 0;
	font-weight:bold;
}
.form-login .input-holder{
	float:left;
	padding:5px 10px;
	width:159px;
	background: url(/images/bg-input-holder.gif) no-repeat;
}
.form-login .input-holder input{
	float:left;
	width:159px;
	border:none;
	background:none;
	font-size:12px;
	line-height:14px;
}
.form-login .button{
	cursor:pointer;
	width:72px;
	height:24px;
	padding:0;
	border:none;
	margin:3px 0 0 98px;
	background: url(/images/bg-btn.gif) no-repeat;
}

/*shipper-login*/
.shipper-login-box{
	width:313px;
	overflow:hidden;
	margin:0 auto;
	height:180px;
	background: url(/images/bg-login-box-2.gif) no-repeat;
}
.shipper-login-box .header{
	padding:19px 0 0 15px;
	height:44px;
	overflow:hidden;
}
.shipper-login-box .logo{
	width:206px;
	height:32px;
	margin:0;
}
.shipper-login-box .logo a{background: url(/images/logo-2.png) no-repeat;}
.shipper-login-box .content{
	width:277px;
	overflow:hidden;
	padding:13px 18px 0;
}
.shipper-login-box h2{
	margin:0 0 9px;
	font-size:12px;
	line-height:21px;
	color:#646464;
}

/*inner-page*/
#wrapper{
	width:940px;
	margin:0 auto;
}
#header{
	padding:16px 0 0;
	margin:0 0 18px;
	height:1%;
	overflow:hidden;
	background: url(/images/bg-header.gif) no-repeat;
}
#header .holder{
	height:1%;
	overflow:hidden;
	padding:0 20px 21px 28px;
}
.logo{
	float:left;
	width:275px;
	height:44px;
	margin:42px 0 0;
}
.logo a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:100%;
	cursor:pointer;
	background: url(/images/logo.png) no-repeat;
}
.logout{
	cursor:pointer;
	float:right;
	width:80px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/images/bg-logout.png) no-repeat;
}
#ctl00_Navigation{
	margin:0;
	padding:1px 0 0;
	list-style:none;
	width:100%;
	overflow:hidden;
	background: url(/images/bg-nav.gif) repeat-x;
}
#ctl00_Navigation li{
	float:left;
	font-size:18px;
	line-height:20px;
	background: url(/images/separator.gif) no-repeat 100% 0;
}
#ctl00_Navigation li a{
	color:#fff;
	display:block;
	padding:0 0 6px;
}
#ctl00_Navigation li.active a{
	font-weight:bold;
	background: url(/images/arrow.gif) no-repeat 50% 100%;
}
#ctl00_Navigation li a span{
	display:block;
	padding:13px 17px;
}
#ctl00_Navigation li.active a span{background: url(/images/bg-nav-active.gif) repeat-x;}
#content{
	width:940px;
	overflow:hidden;
	margin:0 0 80px;
}
.columns-holder{
	width:960px;
	overflow:hidden;
	font-size:18px;
	line-height:21px;
	margin:0 0 1px;
	background: url(/images/bg-columns-holder.gif) repeat-x 0 100%;
}
.columns-holder-2{
	background: url(/images/bg-column-holder-2.gif) repeat-y;
	margin:0 0 11px;
}
#content .columns-holder-2 .column{padding:8px 10px 7px 16px;}
.columns-holder .column{
	float:left;
	width:444px;
	margin:0 10px 0 0 ;
	padding:8px 10px 14px 16px;
}
.columns-holder .column .heading{
	float:left;
	color:#005da5;
	padding:0 8px 0 0;
}
.columns-holder dl{margin:0;}
.columns-holder dt{display:inline;}
.columns-holder dd{
	margin:0;
	display:inline;
}
.item-column-holder{
	margin:0 0 11px;
	width:100%;
	overflow:hidden;
	background: url(/images/bg-item-column-holder.gif) repeat-y;
}
.item-column-holder .columns-holder{background: url(/images/bg-column-holder-3.gif) no-repeat;}
.item-column-holder .columns-holder .column{padding:8px 10px 7px 16px;}
.columns-holder h2{
	margin:0;
	font-size:16px;
	line-height:21px;
	color:#333;
}
.columns-holder .data{
	font-style:normal;
	font-weight:bold;
}
.two-column{
	width:960px;
	overflow:hidden;
	margin:0 0 21px;
}
.two-column .column{
	float:left;
	width:470px;
	padding:0 10px 0 0;
}
.item-table{
	font-size:14px;
	line-height:21px;
	color:#333;
	width:460px;
	border-collapse:collapse;
	margin:0;
	background: url(/images/separator02.gif) repeat-y;
	border-right:1px solid #e1e1e1;
}
.item-table caption{
	overflow:hidden;
	text-align:left;
	padding:5px 6px 6px 15px;
	background:#e1e1e1 url(/images/bg-caption.gif) repeat-x;
}
.safari2 .item-table caption,
.safari3 .item-table caption,
.safari4 .item-table caption,
.chrome .item-table caption{width:439px;}
.safari2 .notes caption,
.safari3 .notes caption,
.safari4 .notes caption,
.chrome .notes caption{width:100%;}
.item-table caption strong{
	float:left;
	font-size:16px;
	line-height:25px;
	color:#005da5;
}
.item-table caption strong span{
	color:#333;
	padding:0 0 0 4px;
}
.contact-info{
	cursor:pointer;
	float:right;
	width:101px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/images/bg-contact-info.png) no-repeat;
}
.item-table th,
.item-table td{
	width:132px;
	padding:4px 10px;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.item-table th{
	text-align:right;
	border-left:none;
}
.item-table thead td,
.item-table thead th{
	text-align:left;
	font-weight:bold;
	background:#f0f0f0;
}
.item-table thead th{
	background:#f0f0f0 url(/images/separator02.gif) repeat-y;
	text-align:right;
}
.item-table .grey th{
	background:#f0f0f0 url(/images/separator02.gif) repeat-y;
	font-weight:normal;
}
.item-table .footer{background:#f0f0f0 url(/images/separator02.gif) repeat-y;}
#content .item-table .footer td{
	border-left:0 !important;
}
.item-table-2 th{width:136px;}
.item-table-2 td{width:301px;}
.table-notes td{
	width:440px;
	padding:4px 10px;
	border-left:0;
}
.notes{width:940px;}
.notes td{width:920px;}

/* Added */
.red {
    color:#ff0000;
}

.strong {
    font-weight: bold;
}

#shipments a {
    color:#005da5;
}
#shipments h1 {
   color:#005da5;
   font-size:18px;
}

#shipments table {
	font-size:14px;
	line-height:21px;
	color:#333;
	width: 100%;
	border-collapse:collapse;
	margin:0;
	background: url(/images/separator02.gif) repeat-y;
	
}

#shipments table th {
    text-align:left;
    background: #f0f0f0;
    padding:4px 10px;
    padding-bottom: 3px;
}

#shipments table td {
    padding:4px 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

#grid a {
    color:#005da5;
}
#grid h1 {
   color:#005da5;
   font-size:18px;
}

#grid table {
	font-size:14px;
	line-height:21px;
	color:#333;
	width: 100%;
	border-collapse:collapse;
	margin:0;
	background: url(/images/separator02.gif) repeat-y;
	
}

#grid table th {
    text-align:left;
    background: #f0f0f0;
    padding:4px 10px;
    padding-bottom: 3px;
}

#grid table td {
    padding:4px 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

#logout {   
	width:225px;
	margin:0 auto;
	margin-top:100px;
	text-align:center;
}

.login-wrapper {
    width:313px;
	overflow:hidden;
	margin:0 auto;
	margin-top:50px;
}

.login-wrapper h1 {
	margin:0 0 9px;
	font-size:18px;
	line-height:21px;
	color:#646464;
}

#help-content {
    width:600px;
	overflow:hidden;
	margin:0 auto;
	margin-top:50px;
}

#help-content-contact {
    float:left;
}

#help-content-problems {
    float:right;
}

.clear {
    clear:both;
}

#maintain-shipment fieldset {
    margin-bottom:20px;
}

#maintain-shipment td {
    padding: 5px 5px 5px 5px;
}

#maintain-shipment legend {
    color:#005da5;
    font-size: 14px;
    font-weight:bold;
}

#maintain-shipment .label {
    width:250px;
    text-align:right;
    font-weight:700;
}

#maintain-shipment .field {
    width:450px;
}

#maintain-shipment .textarea {
    width:450px;
    height:100px;
}

#save {
    float:right;    
}

#add-shipment {
    float: right; 
    padding: 0 0 0 0;  

}

#add {
    float: right; 
    padding: 0 0 0 0;  
}



#message .error {
    color:#FF0000;
    font-weight:bold;
}

#message .success {
    color:#060;
    font-weight:bold;
}

#message {
 padding: 0 0 15px 0;
}

#maintain-shipment .error {
    color:#FF0000;
}

#aspnetForm input.error {
    background: #f8dbdb;
    color:#000000;    
}

#OriginAgentDialog {
    padding: 2px;
    margin: 2px;
    font-size:14px;
    line-height:21px;
}

#OriginAgentDialog p{
    padding: 2px;
    margin: 2px;
}
#OriginAgentDialog .field {
    font-weight:bold;
    width:250px;
}

#DestinationAgentDialog {
    padding: 2px;
    margin: 2px;
    font-size:14px;
    line-height:21px;
}

#DestinationAgentDialog p{
    padding: 2px;
    margin: 2px;
}
#DestinationAgentDialog .field {
    font-weight:bold;
    width:250px;
}

#PortAgentDialog {
    padding: 2px;
    margin: 2px;
    font-size:14px;
    line-height:21px;
}

#PortAgentDialog p{
    padding: 2px;
    margin: 2px;
}
#PortAgentDialog .field {
    font-weight:bold;
    width:250px;
}

#contact {
 padding: 10px 10px 10px 10px;
}

#contact h3 {
    color: #005da5;
    font-size:18px;
    line-height:21px;
}

#footer{
	width:340px;
	margin: auto;
	padding-top:100px;
	text-align:center;
}