/*-------------------------------------------+
|             © MISSION DATA                 |
+-------------------------------------------*/
@import url(reset.css);

body { /*background: url( '/images/back.jpg' ) top left repeat-y #d1c681 fixed;*/ background: url( '/images/right_back.png' ) top left repeat-x #d1c681 fixed; color:#3f3f3f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:100%; }

a { color:#388cb4; }



/*-------------------------------------------+
|                                            |
|              LAYOUT STYLES                 |
|                                            |
+-------------------------------------------*/
/*--------------- HEADER ---------------*/
#header { background: url( '/images/arc_back.png' ) top center no-repeat #d1c681 /*#ede4a8*/;  float:left; height: 97px; margin:0 0 0 40px; max-width:1300px; min-width:900px; position:fixed; width:93%; z-index:111; }

#header iframe{display:none;display/**/:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height: 100%;background:none;}
  
 /* ul#header_top { } */
  ul#header_top li{ float:left; }
  	ul#header_top li#logo{ width: 295px; }
  	ul#header_top li#arc_holder{ width:auto; border: 1px solid #ff000;}
  	ul#header_top li#top_nav{ background: url( '/images/top_nav_back-trans.png' ) top right no-repeat; float:right; /*height: 47px;*/ width: 300px;}
	
	ul#header_top li #brand { background: url( '/images/logo-trans.png' ) top left no-repeat; display:block; /*height: 47px;*/ height: 65px; width: 295px; text-indent:-9999px; }
	
	
	ul#header_top li ul#top_navigation { float:right; padding: 43px 0px 0px 0; /*padding: 43px 13px 6px 0; display: block; height: 22px;*/}
	
  	/*#header > ul#header_top li ul#top_navigation { display: block; float:right; height: 22px; margin: 0 0 -43px 0; padding: 43px 13px 6px 0;}*/
	
		ul#header_top li ul#top_navigation li { background: url( '/images/icons/login.gif' ) 0px 0 no-repeat; display:block; padding:0px 0 9px 0px;}
  		ul#header_top li ul#top_navigation li#signup { background-image: url( '/images/icons/signup.gif' ); }
  		ul#header_top li ul#top_navigation li#contact { background-image: url( '/images/icons/contact.gif' ); }

		ul#header_top li ul#top_navigation li a {  color: #000; font-size: 9px; margin: 0 5px;  padding: 0px 5px 6px 14px; text-transform: uppercase; }
  		ul#header_top li ul#top_navigation li a:hover { text-decoration:none; }
  
/*--------------- NAVIGATION ---------------*/
/* --- =navigation (ul) --- */
#navigation { display:block; background: url( '/images/nav_back01.gif' ) top left #000; font:12px/12px Arial, Helvetica, sans-serif; font-weight:bold; height: 30px; width:100%;}

#header > #navigation {margin: 65px 0 0 0;}

#nav li { background: url( '/images/nav_sep.gif' ) top right no-repeat; padding:0 1px 0 0; float: left; } /* applies to all list items */
#nav li a { background: url( '/images/nav_anchor-back.gif' ) no-repeat; color:#fff; display: block; padding:9px 0 9px 18px; text-decoration:none;}
#nav li a.quotes { background: url( '/images/nav_anchor-back.gif' ) no-repeat; color:#fff; display: block; padding:2px 0 3px 18px; text-decoration:none; height: 25px; }
 /* main nav */
#nav li a:hover { background-position: 0px -31px; }

/* --- =setting variable widths --- */
#nav li#welcome { width: 86px; } /* top menu width */
#nav li#welcome ul, #nav li#welcome ul li { width: 130px; } /* sub menu width */

#nav li a.active {background: url('/images/nav_active.gif') no-repeat;}

#nav li a.quotes_active {background: url('/images/nav_active.gif') no-repeat; color:#fff; display: block; padding:2px 0 3px 18px; text-decoration:none; height: 25px;}

#nav li#river_info { width: 86px; }
#nav li#river_info ul, #nav li#river_info ul li { width: 140px; }

#nav li#barge_info { width: 90px; }
#nav li#barge_info ul, #nav li#barge_info ul li { width: 150px; }

#nav li#usage { width: 141px; }
#nav li#usage ul, #nav li#usage ul li { width: 185px; }

#nav li#profile { width: 68px; }
#nav li#profile ul, #nav li#profile ul li { width: 100px; }

#nav li#trip_info { width: 80px; }
#nav li#trip_info ul, #nav li#trip_info ul li { width: 120px; }

#nav li#invoice_view { width: 101px; }
#nav li#invoice_view ul, #nav li#invoice_view ul li { width: 120px; }

#nav li#login { width: 60px; }

/* second-level lists - using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul { border:1px solid #b5b5b5; /*left: -999em;*/ display:none; /*left: 0;*/ position: absolute; width: 10em; }

/* second-level lists */
#nav li ul li { padding:0; }



#nav li ul li a, #nav li ul li span { background: url( '/images/sub_nav-arrow.gif' ) no-repeat 7px 9px #fff; border-bottom:1px solid #dfdfdf; color:#388cb4; display:block; font:11px/11px Arial, Helvetica, sans-serif; padding:6px 6px 6px 15px; /*clear: left;*/ }
#nav li ul li span { color:#333; }
#nav li ul li a:hover { background: url( '/images/sub_nav-arrow.gif' ) no-repeat 8px 9px #dfdfdf; color:#111; }
#nav li ul li.last a { border-bottom:0; }
#nav li ul li.has_sub span{ background: url( '/images/sub_nav-arrow.gif' ) no-repeat 7px 9px /*#e0e0e0*/#fdf9dd; border-top:1px solid #fff7be; border-bottom:1px solid #fff7be; }
#nav li ul li.indent a, #nav li ul li.indent a:hover { background: url( '/images/sub_nav-arrow.gif' ) no-repeat 14px 9px #fff; padding-left:24px; margin: 0; }

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul { /*left: auto;*/ display: block; left: inherit; }

#menu li:hover, #menu li.hover { position: static;}
	
#menu { list-style-type:none; padding:0px 0 0 0;display:block; clear:right;   }
#menu li { display:block; float:left; position:relative; z-index:100; }




ul#menu li ul { display:none; position:absolute; top:0; left:0; margin:0; padding:0; }
ul#menu li a:hover { display:block; }
#menu dt { margin:0; font-size: 1.1em; float:left; padding:0; }
#menu dd { display:none; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left; }

#menu ul li a { width:73px;  display:block; color:#fff; padding: 9px 0 9px 19px;  text-decoration:none; }
#menu dd a { background:#fff; color:#000; text-decoration:none; display:block; padding: 5px 10px;} /* sub menu anchors */


#menu li:hover dd, #menu li a:hover dd { display:block; }
#menu li:hover dl, #menu li a:hover dl { border-bottom:15px solid #e2dfa8; }
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {  background-color:#ccc; }
	
	
	
	
	
	
	/*	
	#main_navigation li {  display: block; float: left; margin: 0px; padding:0 1px 0 0; position:relative; z-index:100; }
	#main_navigation li a { background: url( '/images/nav_anchor-back.gif' ) no-repeat; color: #fff; display: block;  text-decoration:none; }
	#main_navigation li a:hover { background-position: 0px -31px; color:#fff; } 
	
#main_navigation dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#main_navigation dt {background: #b2ab9b; margin:0; font-size: 1.1em; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff; display:block;}
#main_navigation dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
#main_navigation li:hover dd, #main_navigation li a:hover dd {display:block;}





#main_navigation li span {display:block; z-index:100; background:green; padding: 5px 10px; font-size:1.1em;}
#main_navigation li a {display:block; padding:0;}


#main_navigation dt a {display:block; color:red; padding: 5px 10px; text-decoration:none; }
#main_navigation dd a {background:#b2ab9b; color:#ff8; text-decoration:none; display:block; padding: 5px 10px;}

#main_navigation li a:hover {border:0;}


#main_navigation li:hover dl, #main_navigation li a:hover dl {border-bottom:15px solid #e2dfa8;}
#main_navigation li:hover dt a, #main_navigation li a:hover dt a, #main_navigation dd a:hover {background: #e2dfa8; color:#534;}


	
	#main_navigation li#usage {  }
	#main_navigation li#usage a { background: url( '/images/nav_anchor-back.gif' ) 0px 0 no-repeat; padding: 9px 11px 5px 17px; }
	#main_navigation li#usage a:hover { background-position: 0px -31px; color:#fff; margin:0px; } 
	#main_navigation li#usage span { color:#ccc; font-size:9px; font-weight:normal; position:absolute; top:2px; }
	#main_navigation li#usage em { display:block; font-style:normal; padding-top:4px; }
	
	
	

*/

	
	
	
	
	
	
#crumbs { background: url( '/images/crumb_back.png' ) top left repeat-x; display:block; height:50px; width:100%; }

#crumbs ul { background: #5a5a5a; display: inline; float: left; padding: 0 0px 0 0px; width: 100%;}

#crumbs ul li { color: #FFFFFF; display: inline; float: left; padding: 4px 0px 4px 10px; font-size: 11px;} 

#crumbs li a:link { color: #FFFFFF; text-decoration: none;}

#crumbs li a:visited { color: #FFFFFF; text-decoration: none;}

#crumbs li a:hover { color: #FFFFFF; text-decoration: underline;}

#crumbs li a:active { color: #FFFFFF; text-decoration: none;}

/* --- =maincontent_wrapper --- */
#container { background:url( '/images/footer_back.gif' ) bottom left repeat-x #fff; left:40px; max-width:1300px; min-width:900px; text-align:left; padding:12px 0 35px 0; position:absolute;  margin-top:125px; width:93%; min-height: 87%;
height:auto !important;
height:87%; z-index:110;
}

#maincontent_wrapper { /*background:#fff;*/ margin:0px 0 0 0; padding:0 0 0 0;
   /* height:auto !important; 
	height:100%; 
	min-height:100%; */
}


/* --- =left_sidebar --- */
#left_column { float: left; margin: 0px 25px 0 25px; padding: 0px 0px 0px 0px; text-align: left; width: 48%; }
#left_column h1 { background:url( '/images/home_h1-back.gif' ) bottom left no-repeat; color: #000; width: 90%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2.5em; font-weight:normal; margin:0 0 18px 0; padding:0 0 7px 0; text-transform:uppercase; }
#right_column { float:right; margin:15px auto; padding-right:30px; width:350px; }


#right_back { /*background: url( '/images/right_back.jpg' ) repeat-x fixed;*/ height:auto !important;  height:100%; min-height:100%; width: 90%; position:absolute; right:0; z-index:1; top:0; }



/*-------------------------------------------+
|                 HOMEPAGE                   |
+-------------------------------------------*/
/*--------------  LEFT COLUMN --------------*/
#portal { background:url( '/images/portal_bottom-left.gif' ) bottom left no-repeat #e6e6e6; padding:0px 0 20px 0; display:block; }
.portal_content { background:url( '/images/portal_heading-back.gif' ) top left repeat-x #e6e6e6; padding:0px 0 0 0; display:block; min-height:70px; width:100%; }
.portal_content .heading h2 { background:url( '/images/portal_heading-left.gif' ) top left no-repeat #e6e6e6; color:#000; float:left; font:1.8em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 0; padding:8px 6px 16px 13px; }
.portal_content.first .heading h2 { background-color:#fff; clear:both; }
.portal_content .actions q { background:url( '/images/portal_heading-show.gif' ) top left no-repeat #e6e6e6; float:right; height:47px; text-indent:-9999px; width:81px; }
.portal_content .actions q.hide { background-image:url( '/images/portal_heading-hide.gif' ); }
.portal_content.first .actions a { background-color:#fff; }

.portal_content .contents { float:left; clear:left; display:block; padding:4px 0px 14px 18px; width:94%; }
.portal_content b { font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222; }
 
#portal .close_portal { background:url( '/images/portal_bottom-right.gif' ) bottom right no-repeat #e6e6e6; width:90%; float:right; height:16px; margin:4px 0 10px 0; }

#print_content { display: none; } 

/*--------------  RIGHT COLUMN --------------*/

#home_photo { background:url( '/images/home_photo_bottom.jpg' ) bottom center no-repeat; padding:0 0 28px 0px; position:relative; text-align:center; width:350px; }
#home_photo span { background:url( '/images/home_rotation/cover.gif' ) top center no-repeat; padding:0; text-align:center; width:311px; height:12px; position:absolute; z-index:155; top:0;}
#new_at_acl, div.rightcol_info { margin:0 0 0 0px; padding:0px 0px 0px 19px; }
#new_at_acl #heading, div.headings { background:url( '/images/new_at_acl_back.jpg' ) top left no-repeat; height:39px; padding:0px 0px 0px 0px; width:312px; }
#new_at_acl #heading h2 { color:#388cb4; font:bold 16px/16px Arial, Helvetica, sans-serif; float:left; padding:11px 0px 11px 42px; }

#new_at_acl #briefs { background:url( '/images/new_at_acl_content_back.gif' ) top left repeat-x; width:286px; padding:6px 12px 14px 14px; }
#new_at_acl #briefs h4 { padding:13px 0px 0px 0px; }
div.rightcol_info h2 { padding:13px 0px 0px 0px; margin:0 0 10px 0; border-bottom: 2px solid #0d5284; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; font-weight:normal;}
#new_at_acl #briefs p, div.rightcol_info p { margin:4px 0px; }
#new_at_acl #briefs a.more { color:#388cb4; display:block; font-weight:bold; padding:2px 0; text-transform:uppercase; text-decoration:underline; }
#new_at_acl #briefs a { color:#388cb4; font-weight:bold; text-decoration:underline; }
#new_at_acl ul li {list-style-type: circle; margin: 0 0 10px 12px;}




input { border-top:1px solid #d8dde1; border-left:1px solid #d8dde1; border-right:1px solid #6d7983; border-bottom:1px solid #6d7983; background-image: url('/images/bg_input.gif'); height: 19px; margin: 0 10px 10px 0px; padding: 3px 0 0 3px;}

input.no_border {border: none; background: none; vertical-align: middle;}

input.no_border_small {border: none; background: none; vertical-align: middle; width: 400px; height: 400px;}

input.no_border_large {border: none; background: none; vertical-align: middle; width: 500px; height: 500px;}

textarea { border-top:1px solid #d8dde1; border-left:1px solid #d8dde1; border-right:1px solid #6d7983; border-bottom:1px solid #6d7983; margin: 0 10px 10px 0px; padding: 3px 0 0 0;}

select { border-top:1px solid #d8dde1; border-left:1px solid #d8dde1; border-right:1px solid #6d7983; border-bottom:1px solid #6d7983; background: url('/images/bg_input.gif') repeat-x; height: 19px; margin: 0 10px 10px 0px;}

select option {background: #fff;}

select.multiple_choices { border-top:1px solid #d8dde1; border-left:1px solid #d8dde1; border-right:1px solid #6d7983; border-bottom:1px solid #6d7983; background: url('/images/bg_input.gif') repeat-x; margin: 0 10px 10px 0px; height: auto; width:130px;}

select.configure_dropdown {width: 100px;}

fieldset { /*border:1px solid #ccc;*/ margin:11px 0 0 0; padding:13px 0 13px 13px; background: #ededed; }

legend { background:#efe8be; color:#000; padding:5px; min-width: 432px; max-width: 624px; font-size: 14px; font-weight: bold; display: block; border-bottom: 1px solid #000; margin: 0 0 0 -14px; }

div.legend { background:#efe8be; color:#000; padding:5px; min-width: 406px; max-width: 638px; font-size: 14px; font-weight: bold; display: block; border-bottom: 1px solid #000; margin: -14px 0 15px -14px; }

.form_note, .sectionnames { /*background:#f7f7f7; border:1px solid #e0e0e0;*/ background: #000; color: #fff; padding:5px; margin: 0; width: 95%; }

.foot_note { /*background:#f7f7f7; border:1px solid #e0e0e0;*/ background: #e0e0e0; color: #3f3f3f; padding:5px; margin: 0; width: 95%; }

#content p.form_note {margin: 0 0 0px 0;}

table.form { width: 97%; background: #fff;}

table.form td { padding: 10px 0 3px 10px; text-align: left; vertical-align: top;}
label {font-weight: bold; vertical-align: top; float: right;}
label.no_float {font-weight: bold; float: none; margin: 10px 10px 0 0;}

table.form td img {vertical-align: text-top; margin: 0px 0 0 0;}

table.form td ul li {margin: 0 0 10px 0; padding: 0;}


ul.industry_links { padding-bottom:24px; margin-bottom:24px; width:400px; }
ul.industry_links li a { line-height:14px; }
h3.subhead { color:#333; font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:4px 0; }
.null { color:#888; }
.clearfix { clear: both; }



.white {background: #fff;}
.grey {background: /*#dfdfdf;*/ #f3f3f3;}
.grey02 {background: #d3d3d3;}
.grey03 {background: #f9f9f9;}
td.body {padding: 7px;}
table.docs td {padding: 2px 7px 2px 2px; margin: 0;}
.table_margin_top {margin: 15px 0 0 0; padding: 0; width: 100%;}
span.small_text {font-size: 8px; margin: 0 0 -1px 0; padding: 0;}
td.MenuLink {color: #388cb4;}
td.subhead { background: none; color:#333; font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:4px 0; padding: 0 0 20px 0; }

#content p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 15px 0;}

ol {margin: 0 0 0 35px;}

ol li {list-style-type: decimal; padding: 0 0 0 5px;}

.required {color: #388cb4;}

#AutoNumber2, #AutoNumber9 {margin: 0 0 20px 0;}

.border_bottom {border-bottom: 1px solid #d3d3d3;}

#barge_list {}

.ampersand {font-family: Arial, Helvetica, sans-serif; font-weight:595;}

.BigRedWarning {color: #990000; font-weight: bold;}

div.faq_img {margin: 20px 0 20px 0;}

span.anti_space {margin: 0 0 0 -10px;}

.align_right {text-align: right; padding: 0 20px 0 0;}

.idle_hands {cursor: hand;}


/* Buttons */

input.accept {background: url('/images/btn_accept.gif') no-repeat; width: 70px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.deny {background: url('/images/btn_deny.gif') no-repeat; width: 62px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.login {background: url('/images/btn_login.gif') no-repeat; width: 62px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.submit {background: url('/images/btn_submit.gif') no-repeat; width: 71px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.search {background: url('/images/btn_search.gif') no-repeat; width: 71px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.dblarrow_left {background: url('/images/btn_dblarrow_left.gif') no-repeat; width: 29px; height: 22px; margin: 0 0 10px 0; border: none; border-collapse: collapse; vertical-align: top; padding: 0; font-size: 1px; cursor: pointer;}

input.dblarrow_right {background: url('/images/btn_dblarrow_right.gif') no-repeat; width: 29px; height: 22px; margin: 0 0 10px 0; border: none; border-collapse: collapse; vertical-align: top; padding: 0; font-size: 1px; cursor: pointer;}

input.snglarrow_left {background: url('/images/btn_snglarrow_left.gif') no-repeat; width: 29px; height: 22px; margin: 0 0 10px 0; border: none; border-collapse: collapse; vertical-align: top; padding: 0; font-size: 1px; cursor: pointer;}

input.snglarrow_right {background: url('/images/btn_snglarrow_right.gif') no-repeat; width: 29px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.save {background: url('/images/btn_save.gif') no-repeat; width: 63px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.cmdButtons {background: url('/images/btn_update.gif') no-repeat; width: 103px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.help {background: url('/images/btn_help.gif') no-repeat; width: 117px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.go {background: url('/images/btn_go.gif') no-repeat; width: 41px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.smallermap {background: url('/images/btn_smallermap.gif') no-repeat; width: 102px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.largermap {background: url('/images/btn_largermap.gif') no-repeat; width: 95px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.printmap {background: url('/images/btn_printmap.gif') no-repeat; width: 108px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}

input.schedule {background: url('/images/btn_reportdelivery.gif') no-repeat; width: 218px; height: 22px; margin: 0; border: none; border-collapse: collapse; vertical-align: top; font-size: 1px; cursor: pointer;}