@charset "utf-8";
/* CSS Document */

body {
	padding: 0; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .69em;
	background: #C9DAE7;
	background: white;
	text-align: center;
}

.bodytext {
	font-size: .8em;
}

.error-msg {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
    color: red;
    font-weight: bold;
}

h1 { 
	font-size: 1.9em;
	margin: 0.2em 0 0.2em 4.5em;
}
h2 {
	font-size: 1.5em;
	margin: 0.9em 0 0 0;
}
h3 {
	font-size: 1.3em;
	margin: 0.9em 0 0 0;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.0em;
}
h6 {
	font-size: 0.8em;
}
/*a:link {
	color: #0075b1;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #0075b1;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;

}
a:active {
	color: #ffffff;
	text-decoration: underline;
}*/
a:hover {
    /* color: #80a1b6; */
    color: #993399;
    text-decoration: underline;
}
a:active, a:link, a:visited, a:link {
    color: #80a1b6;
    text-decoration: none;
}
#outer {
	width: 95%;
	text-align: left;
    margin: 0 auto;
}
#main {
	padding: 0 25px 0 25px;
	background: #ffffff;
}
#breadcrumbs {
	padding: 6px 0 6px 25px;	
}

#breadcrumbs a:link, a:hover {
	font-weight: normal;
	color: #0075b1;
}

#container {
	WIDTH: 100%;
	background: #ffffff url(../images/leftnav-bg.gif) repeat-y top left;
	margin: 0; padding: 0;
}
#header {
	WIDTH: 100%; POSITION: relative; HEIGHT: 100px;
	background: #ffffff url(../images/header-bg.jpg) no-repeat top left;
}
#headertools {
    float: right;
     clear: right;
    margin: 12px 16px 0 0;
     height: 12px;
    display: inline;
}
#headerlinks {
	text-align: right;	
	margin-bottom: 20px;
}
#headerdiv {
	background: #0276b2;
	width: 100%;
	height: 3px; line-height: 3px;
	clear: left;
	margin: 0; padding: 0;
}
#userinfo {
	height: 29px; line-height: 29px;
	background: #ffffff url(../images/userinfo-bg.gif) repeat-x top right;
	width: 300px;
}
#logo {
	float: left;
	width: 400px;
}
#intro {
	float: right;
	width: 630px;
	margin-top: 23px;
}
#logo a:hover {
	background-color: white;	
}
#secondaryNavDate {
	font-size: 10px;
}


}
.pagediv {
	background: #ffffff url(../images/rule_hor_754px-dotted-666666.png) repeat-x center left;
	width: 100%;

}
.col1 {
	width: 160px;
	font-size: 1em;
	margin: 0;
	vertical-align: top;
}
.col2 {
	padding-top: 20px;
	vertical-align: top;
}

.col1 ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
}

.col1 ul li {
    background: url(../images/level1bg.gif) no-repeat top left;
	padding: 3px 5px 3px 27px;
}

.col1 ul li .small {
	font-size: 10px;
	color: #80a1b6;
}
.col1 ul li a:link, .col1 ul li a:visited {
	color: #0075b1;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
}
.col1 ul li a:hover, .col1 ul li a:active {
	text-decoration: underline;
}
.col1 ul ul li a:link, .col1 ul ul li a:visited {
	color: #0075b1;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
	margin: 3px 5px 3px 13px;
}
.col1 ul ul li a:hover, .col1 ul ul li a:active {
	text-decoration: underline;
}

.col1 ul ul li .small {
	color: #80a1b6;
	margin-left: 16px;
}
.col1 .selected {
	color: #0075b1;
	font-weight: bold;
	background:url(../images/level1selected.gif) no-repeat top left;
}
.col1 .selected a:hover {
	color: #0075b1;
	text-decoration: underline;
}
.col1 .open {
	color: #0075b1;
	font-weight: bold;
	background: url(../images/level1open.gif) no-repeat top left;
}

.col1 .divider {
	height: 2px;	
	line-height: 2px;
	font-size: 0.1em;
	padding: 0;
	background:url(../images/leftnav-div.gif) repeat-x center left;
}
.col1 ul ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
}

.col1 ul ul li {
    background: url(../images/level2bg.gif) no-repeat top left;
	padding: 5px 5px 3px 0;
}

.col1 ul li .selected {
	color: #0075b1;
	font-weight: bold;
	background:url(../images/level1current.gif) top left;
}
.col1 ul li .selected a:link, .col1 ul li .selected a:visited {
	color: #0075b1;
	font-weight: bold;
	background:url(../images/level1current.gif) top left;
	padding: 3px 5px 3px 40px;
}


ol li {
 list-style-image: none;
}

.smalltext {
	font-size: .8em;
}
.clear {
	CLEAR: both
}

#pageFooter {
	PADDING-TOP: 10px; TEXT-ALIGN: center;
	width: 100%;
	clear: both;
	FONT-SIZE: 10px; COLOR: #80a1b6; FONT-FAMILY: Arial, Verdana, sans-serif; TEXT-DECORATION: none
}
#pageFooter a:link, #pageFooter a:visited {
	FONT-SIZE: 10px; COLOR: #80a1b6; FONT-FAMILY: Arial, Verdana, sans-serif; TEXT-DECORATION: none
}
#pageFooter a:hover {
	color: #80a1b6;	 text-decoration: underline;
}

/* TREE VIEW STYLES */
/*
#ctl00_tvVoyages {
	margin-top: 20px;
}
.ctl00_tvVoyages_0 { text-decoration:none; font-size:12px; color:#0075b1}
.ctl00_tvVoyages_1 { color:#0075b1;font-family:Verdana; font-size:12px; font-weight: normal;}
.ctl00_tvVoyages_2 { padding:0px 5px 0px 5px; font-size:12px; color:#0075b1}
.ctl00_tvVoyages_3 { color:#0075b1;font-weight:normal; font-size:12px; }
.ctl00_tvVoyages_4 { font-size:12px; color:#0075b1 }
.ctl00_tvVoyages_5 { font-size:12px; color:#0075b1; }

.ctl00_tvVoyages_0 a:link, .ctl00_tvVoyages_0 a:visited, .ctl00_tvVoyages_1 a:link, .ctl00_tvVoyages_1 a:visited, .ctl00_tvVoyages_2 a:link, .ctl00_tvVoyages_2 a:visited, .ctl00_tvVoyages_3 a:link, .ctl00_tvVoyages_3 a:visited, .ctl00_tvVoyages_4 a:link, .ctl00_tvVoyages_4 a:visited, .ctl00_tvVoyages_5 a:link, .ctl00_tvVoyages_5 a:visited {
	font-weight: normal; text-decoration: none;
}
.ctl00_tvVoyages_0 a:hover, .ctl00_tvVoyages_0 a:active, .ctl00_tvVoyages_1 a:hover, .ctl00_tvVoyages_1 a:active, .ctl00_tvVoyages_2 a:hover, .ctl00_tvVoyages_2 a:active, .ctl00_tvVoyages_3 a:hover, .ctl00_tvVoyages_3 a:active, .ctl00_tvVoyages_4 a:hover, .ctl00_tvVoyages_4 a:active, .ctl00_tvVoyages_5 a:hover, .ctl00_tvVoyages_5 a:active {
	text-decoration: underline;
}
#ctl00_tvVoyages table {
	padding: 2px 0 2px 0;
}
#ctl00_tvVoyages .small {
	font-size: 10px;
	color: #80a1b6;
}
*/
.col3 {
	padding-left: 20px;
	width:185px;
	background: url('../images/rnlevel1bg.gif') repeat-y top right;
}
.col3 table {
	margin-left: 15px;
	font-size: 12px;
}
.col3 h2 {
	font-size: 13px;
	color: #0075B1;
	margin: 0 0 8px 20px;
}
.col3 a:link, .col3 a:visited {
	color: #97824a;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
	
}
.col3 a:hover, .col3 a.active {
	text-decoration: underline;
}
/*.col3 .selected 
{
   color: #0075b1;
	font-weight: bold;
	background:url(../images/level1selected.gif) no-repeat top left;
}
.col3 .info .selected a:link, .col3 selected a:visited {
	color: #0075b1;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
}*/
.col3 .selected {
	background: #ffffff;
}
.col3 .selected a:link, .col3 selected a:visited {
	color: #0075b1;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
}

.col3 .info .selected {
	color: #0075b1;
	font-weight: bold;
	background:url(../images/level1selected.gif) no-repeat top left;
}
a.info{
    position:relative; 
    text-decoration:none;
    position:relative; 
    z-index:24;
    text-decoration:none
    }
    
a.info:hover{z-index:25;background-color:#ff0}
a.info span{display: none}

a.info:hover span, a.info:active span { 

    display:block;
    position:absolute;
    top:2em; left:-11em; width:15em;
	padding: 3px;
    border:1px solid #96B1C7;
	background: url('../images/tablerowodd_bg.gif') repeat-x top left;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #618298;}
	
a.info.selected {
	color: #0075b1;
	font-weight: bold;
	background:url(../images/level1selected.gif) no-repeat top left;
}
	
/* Content area styles */

.outerbox_left {
	border-left: 2px solid #f0edea;
	width: 12px;
}
.outerbox_right{
	border-right: 2px solid #f0edea;
	width: 12px;
}
.outerbox_bottom {
	background: url('../images/outertable_br.gif') no-repeat scroll top right;
}
.outerbox_title {
	background: url('../images/outerbox_title_bg.gif') no-repeat scroll top right;
}
.outerbox_title h1 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 3px 0 0 0;
	color: #ffffff;
}
.outerbox_center {
	width: 100%;
}
.outerbox_center a:link {
	color: #97824a;
	/*text-decoration: underline;*/
	font-weight: normal;
}
.outerbox_center a:visited {
	/*color: #993399;*/
	color: #97824a;
	font-weight: normal;
}
.outerbox_center a:hover {
	/*color: #ffffff;*/
	color: #993399;
	text-decoration: underline;

}
.outerbox_center a:active {
	/*color: #ffffff;*/
	color: #97824a;
	text-decoration: underline;
}
.subtitle {
	color: #0075b1;
	font-size: 15px;
	font-weight: bold;
	background:url(../images/title_bg.gif) no-repeat bottom left;
	height: 37px;
	line-height: 37px;
}

.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: inline;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    margin: 1px 6px 1px 0;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 11px;
    padding: 2px 0 3px 12px;
    color: #ffffff;
    text-decoration: none;
}
.button:hover, a.button:active {
    background-position: bottom right;
    color: #ffffff;
    outline: none;
    text-decoration: underline;
}
.button:hover span, .button:active span {
    background-position: bottom left;
}
.datatable  .datatable select {
	border: 4px solid;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-color: #e6f1fb;
	border-collapse: collapse;

    /* margin: 10px 0 10px 0; */
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}



/* Data tables */
.questiontable {
	border: 1px solid;
	border-spacing: 0px;
	border-color: #e6f1fb;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
	font-size: 12px;
	float: left;
}
.table_header {
    background: url('../images/tableheader_bg.gif') repeat-x top left;
	border-left: 1px solid #6c91aa;
}

.table_header td {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 8px;
	border-style: inset inset inset inset;
	border-color: #6c91aa;
	-moz-border-radius: 0px 0px 0px 0px;
}
.table_header a:link, .table_header a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.table_header a:hover, .table_header a:active {
	color: #e2e9f3;
	text-decoration: underline;
}
.table_title {
	font-weight: bold;
	color: #618298;
}
.section_header {
	color: #0075b1;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
}

.table_even {
	background: #ffffff;
	border:1px; 
	/*border-color:Red;*/
}



.data_label {
	color: #618298;
}
.data_value {
	font-weight: bold;
	color: #618298;
}
.table_odd 
{
   
	background: url('../images/tablerowodd_bg.gif') repeat-x top left;
	border:1px; 
	border-color:Red;
}
.table_odd1 
{
   background: #hhhhhh;
}
.table_flagged {
	background: #fff3f3;
	border-collapse: none;
}
.table_flagged .table_title{
	color: #e60d2e;
}
/*
.datatable .table_even td, .datatable .table_odd td {
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 8px;
	border-style: inset inset inset inset;
	border-color: #e6f1fb;
	-moz-border-radius: 0px 0px 0px 0px;
	vertical-align: top;
}*/
.table_even td, .table_odd td {
	font-size: 12px;
	border-width: 0px 1px 1px 0px;
	padding: 2px 2px 2px 8px;
	border-style: inset inset inset inset;
	border-color: #e6f1fb;
	-moz-border-radius: 0px 0px 0px 0px;
}





.table_evan3 td{
	border-width: 0px 0px 0px 0px;
	border-style:solid;
    border-bottom-width    :1px;
  	border-color: #e6f1fb;
  	
}

.questiontable td {
	vertical-align: top;
	padding: 2px 2px 2px 8px;
}

.questiontable .table_even tr, .questiontable .table_odd tr {
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 8px;
	border-style: inset inset inset inset;
	border-color: #e6f1fb;
	-moz-border-radius: 0px 0px 0px 0px;
}
.pagedivider {
	height: 2px;	
	line-height: 2px;
	font-size: 0.1em;
	padding: 0;
	background:url(../images/pagedivider.gif) repeat-x center left;
}

.button2 {
    background: transparent url('../images2/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: inline;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 10px;
    margin: 1px 2px 1px 0;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.button2 a:link, .button2 a:active, .button2 a:visited {
    background: transparent url('../images2/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 11px;
    padding: 2px 0 3px 12px;
    color: #ffffff;
    text-decoration: none;
}

.button2 a:hover {
    background-position: bottom left;
    color: #ffffff;
    outline: none;
    text-decoration: underline;
}


.TV_ROOT_RIGHT {
	margin: 0px 0 0 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
}

.TV_NODE, .TV_NODE a:visited, .TV_NODE a:active, .TV_NODE a:link  {
	font-family: Arial, Helvetica, sans-serif;
    font-size:12px; color:#0075b1;
    font-weight: normal;
	padding: 3px 5px 3px 2px;
    background: url(../images-x/treeview-divider.gif) repeat-x bottom right;
	text-decoration: none;
}

.TV_NODE a:hover {
	color: #0075b1;
	text-decoration: underline;
}

/* TABS */
#navtabs {
	padding: 0px; 
	font-size: 12px; 
	line-height: 13px;
	background: url('../images/tabs_bg.gif') #ffffff repeat-x bottom left; 
	/*float: left;*/
	margin: 5px 0 0 0; width: 100%;
}
#navtabs table {
	padding: 5px 5px 0 0;
	margin: 0;
	font-size: 12px;
	vertical-align: bottom;
}
#navtabs td {
	padding: 0 0 0 8px;
	margin: 0px;
}
#navtabs A, #navtabs A:visited {
	padding: 4px 8px 3px 1px;
	color: #97824a;
	text-decoration: none;
}
#navtabs A:hover {
	color: #97824a; text-decoration: underline
}
#navtabs #current {
	font-weight: bold; 
	background: url('../images/left_on.gif') no-repeat top left; 
}
#navtabs #current A {
	background: url('../images/right_on.gif') no-repeat top right; 
	padding: 4px 8px 3px 1px; 
	color: #0075b1; 
	font-weight: bold;
	display: block;
}

/* COMMENT BOX */

.comment_outer {
	width: 98%;
	margin: 5px 10px 5px 10px;
	padding-top: 12px;
	background: url('../images/commenttop.gif') no-repeat top left; 
}
.comment_inner {
	border-top: 0;
	border-left: 2px solid #ebe6d7;
	border-right: 2px solid #ebe6d7;
	border-bottom: 2px solid #ebe6d7;
	padding: 3px;
}

.comment_inner .title {
	color: #618298;
	font-size: 12px;
	font-weight: bold;
}

.comment_inner .details {
	font-size: 10px;
}

.small {
	font-size: 10px;
}

#homebanner {
	background: #80a0b5 url('../images/homebanner_bg.gif') no-repeat top right; 
	height: 196px;
	width: 760px;
	vertical-align: top;
}
#homelinks {
	width: 425px;
	margin: 10px 10px 0 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#homelinks a:link, #homelinks a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#homelinks a:hover, #homelinks a:active {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
#homelinks .details {
	font-size: 12px;
	display: block;
	font-weight: normal;
	color: #ffffff;
}

#homelinks #tanker a:link {
	width: 152px; height: 78px;
	padding-top: 0px;
	display: block;
	background: url('../images/tankerbutton_bg.gif') no-repeat top left;
	text-align: center;
	-moz-box-sizing:border-box;box-sizing:border-box;
}
#homelinks #tanker a:hover, #homelinks #tanker a:active {
	background-position: bottom left;
}

#homelinks #barge a:link {
	width: 152px; height: 78px;
	padding-top: 50px;
	display: block;
	background: url('../images/bargebutton_bg.gif') no-repeat top left;
	text-align: center;
	-moz-box-sizing:border-box;box-sizing:border-box;
}
#homelinks #barge a:hover, #homelinks #barge a:active {
	background-position: bottom left;
}

#homelinks #drycargo a:link {
	width: 152px; height: 78px;
	padding-top: 50px;
	display: block;
	background: url('../images/bargebutton_bg.gif') no-repeat top left;
	text-align: center;
	-moz-box-sizing:border-box;box-sizing:border-box;
}
#homelinks #drycargo a:hover, #homelinks #drycargo a:active {
	background-position: bottom left;
}
#homelinks #pdflink {
	width: 322px; height: 71px;
	padding: 0px 10px 0px 45px;
	display: block;
	background: url('../images/pdfbox_bg.gif') no-repeat top left;
	-moz-box-sizing:border-box;box-sizing:border-box;
}
#homelinks #pdflink:hover, #homelinks #pdflink:active {
	background-position: bottom left;
}

#homelinks .time {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

/* LOGIN */
.flattable-tl
{
 width: 4px;
 height: 4px;
 background: url('../images/flattable-tl.gif') no-repeat;
}
.flattable-t
{
 height: 4px;
 background: url('../images/flattable-t.gif') repeat;
}
.flattable-tr
{
 width: 4px;
 height: 4px;
 background: url('../images/flattable-tr.gif') no-repeat;
}
.flattable-l
{
 width: 4px;
 background: url('../images/flattable-l.gif') repeat;
}
.flattable-r
{
 width: 4px;
 background: url('../images/flattable-r.gif') repeat;
}
.flattable-bl
{
 width: 4px;
 height: 4px;
 background: url('../images/flattable-bl.gif') no-repeat;
}
.flattable-b
{
 height: 4px;
 background: url('../images/flattable-b.gif') repeat;
}
.flattable-br
{
 width: 4px;
 height: 4px;
 background: url('../images/flattable-br.gif') no-repeat;
}
#login-inner {
	padding: 0 15px 0 15px;
}

#login-banner {
	background: #eef3f9 url('../images/loginbox-bg.gif') no-repeat bottom right; 
	padding: 15px;
	margin-bottom: 10px;
}

#login-banner div.textinput { background: url('../images/bg-text-input-250x24.gif') top left no-repeat; width: 250px; height: 28px; margin: 3px 0 0 0; }
#login-banner input { font: normal 11px Arial, sans-serif; color: #333333; background: none; width: 250px; height: 23px; padding: 5px 6px 0 6px; border: none; }
input#remember { width: 12px; height: 12px;}


/* button links 2 */
.button2 {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: inline;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    margin: 1px 6px 1px 0;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.button2 a:link, .button2 a:active, .button2 a:visited {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 11px;
    padding: 2px 0 3px 12px;
    color: #ffffff;
    text-decoration: none;
}

.button2 a:hover {
    background-position: bottom left;
    color: #ffffff;
    outline: none;
    text-decoration: underline;
}

a.info1{
    position:relative; 
    text-decoration:none;
    position:relative; 
    z-index:24;
    text-decoration:none
    }
    
a.info1:hover{z-index:25;background-color:#fff}
a.info1 span{display: none}


a.info1:hover span, a.info1:active span { 

    display:block;
    position:absolute;
    top:0em; left:2em; width:12em;
	padding: 3px;
    border:0px solid #fff;
	background: url('../images/tablerowodd_bg.gif') repeat-x top left;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #618298;}

 a.info2{
    position:relative; 
    text-decoration:none;
    position:relative; 
    z-index:25;
    text-decoration:underline
    }
    
a.info2:hover{z-index:25;background-color:#fff}
a.info2 span{display: none}


a.info2:hover span, a.info2:active span { 

    display:block;
    position:absolute;
    top:0em; left:2em; width:5em;
	padding: 3px;
    border:0px solid #fff;
	background: url('../images/tablerowodd_bg.gif') repeat-x top left;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #618298;}