body
{
padding:0;
font-family: 'LatoRegular', sans-serif;font-size:11px;
 font-style: normal;
 font-variant: normal;
margin:0;
color:#000;
}

div * 
{
   font-family: 'LatoRegular', sans-serif;font-size:11px;
 font-style: normal;
 font-variant: normal;
}

#main_container{
width:100%;
height:auto;
margin:auto;
padding:0px;
background-color:#ffffff;
}
#main_content{
clear:both;
}
/*-------------left_content------------------*/
div.left{
width:16%;
float:left;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 100%;
}    
div.left_hide{
width: 20px;
float:left; 
height: 339px; 
background-color:#EEE;
border:1px solid #ccc;
}
/*center content--------------------------*/
div.content_left_show{
float:left;
padding-top:0px;
width: 83%;
padding-left:5px;
}
div.content_left_hide{
float:left;
padding-top:0px;
width: 97%;
padding-left:5px;
}
div.content{
float:left;
padding-top:0px;
width: 99%;
padding-left:5px;
}
.footer{
clear:both;
text-align: center;
padding: 20px 0px 0px 0px;
border: 1px solid #666;
}
img{ border: 0;}

/*select, textarea, input {
border: #808080 1px solid;
color: #000000;
font-size: 11px;
font-family: MS Trebuchet; BACKGROUND-COLOR: #ffffff;
}*/

select{ width: 137px;}
.leftsearch{
    padding-left: 1px;
    padding-top: 1px;
}

/** header section classes */
#logo{
float:right;
}
#login{
float:right;
padding:10px 5px 0px 0px;
}
div#menu {  
position:absolute;
top:54px;
height:26px;
width:100%;
/*background-color: #BFBFBF;*/
background: url("../images/publishheader.png") repeat-x bottom;
border-bottom:1px solid #ccc;
margin:0;
Z-INDEX: 214! important;
}

/** end header section classes */

.right{
text-align: right;
}
.center{
text-align: center;
}
.leftalign{
text-align: left;
}
.pd5{
padding: 5px;
}
.pd5bottom{ padding-bottom: 5px;}
.pd10{padding: 10px;}
.successMsg{color: green; font-weight: bold; padding: 2px; width:auto;}
.errorMsg{ padding:5px; border:1px solid #e3d19b; background:#f6eac8; font-family:verdana; font-size:10px; color:red; text-align:center; }

.header {margin: 0; font-size : 12px; font-weight: bold; color: #808080; font-family: verdana; text-decoration: none; padding:4px; background: url("../images/publishheader.png") repeat-x bottom;}
input[type=submit]:hover, input[type=button]:hover{
background-color:#EBEBEB !important;}
a.nav:active,a.nav:visited,a.nav:link {color: #000000; text-decoration: underline; font-family:'LatoRegular', sans-serif; font-size: 90.0%}
a.nav:hover {color: #00004F; text-decoration: none; font-family: 'LatoRegular', sans-serif; font-size: 90.0%; } 

a.nav_blue:active,a.nav_blue:visited,a.nav_blue:link {color: blue; text-decoration: underline; font-family: 'LatoRegular', sans-serif; font-size: 90.0%;}
a.nav_blue:hover {color: blue; text-decoration: none; font-family: 'LatoRegular', sans-serif; font-size: 90.0%; }

.bborder{ background-color: #FFFFFF; border: 1px #A7A6B4 solid; width:600px; height:180px; -moz-border-radius-topleft: 0.8em; -moz-border-radius-topright: 0.8em; -moz-border-radius-bottomright: 0.8em; -moz-border-radius-bottomleft: 0.8em; }
#w700{ width: 700px; text-align:center;}
.forgotPasswd{ position: absolute; left:280px; padding:20px;}
.loginlabel{margin-right: 11px; margin-left: 98px; font-size:10px; padding-bottom:5px;}
.passwdlabel{ margin-left:6px; font-size:10px; padding-bottom:5px;}

/*---------------contact_form------------------*/
.contact_form{
/*width:500px;
float:left;
padding:0px 0 0 75px;*/
}
.form_row{
clear:both;
padding:5px 0 5px 0;
font-family:Tahoma;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#000000;         
}
.form_row_single{
clear:both;
font-family:Tahoma;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#000000;
}
label.contact{
width:50%;
float:left;
text-align:right;
padding:4px 5px 0 0;
}
label.cargo{ 
width: 30%; 
float:left;
text-align:right;
padding:4px 5px 0 0;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
.center_title_bar{
width:575px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:0 0 0 5px;
line-height:31px;
font-size:12px;
color:#159DCC;
font-weight:bold;
background:url(../images/bar_bg.gif) no-repeat center;
}
/*--------------footer----------------*/
.tablediv {
display:  table;
width:100%;
border-collapse:separate;
}
.tabledivB {
display:  table;
width:100%;
border-top: 1px #ccc solid;
border-collapse:separate;
}
.celldivThB {
float:left;/*fix for  buggy browsers*/
display:table-cell;
font-family:Tahoma;
font-size:90%;
font-weight:normal;
font-style:normal;
color:#000000;
border-right:1px solid #CCC;          
padding: 2px;
white-space: nowrap;
}
.celldivTh
{
float:left;/*fix for  buggy browsers*/
display:table-cell;
font-family:Tahoma;
font-size:90%;
font-weight:normal;
font-style:normal;
color:#000000;
padding: 2px;
white-space: nowrap;
}
.celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
background-color:white;
font-family:Tahoma;
font-size:90.0%;
font-weight:normal;
font-style:normal;
color:#000000;
text-decoration:none;
text-align:left;
vertical-align:bottom;
white-space: nowrap;
text-indent:0px;       
padding:2px; 
border-bottom:1px solid #CCC;
}
.celldivB {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
background-color:white;
font-family:Tahoma;
font-size:90.0%;
font-weight:normal;
font-style:normal;
color:#000000;
text-decoration:none;
text-align:left;
vertical-align:bottom;
white-space: nowrap;
text-indent:0px;
padding:2px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.rowdiv  {
display:  table-row;
width:auto; 
overflow: auto;
}

.flright{float: right;}
.flleft{float: left; width: 40%; text-align: right;}
#layer div.flleft{float: left; width: 130px; text-align: right;}

.border{ background-color: #FFFFFF; border: 1px #A7A6B4 solid; -moz-border-radius-topleft: 0.8em; -moz-border-radius-topright: 0.8em; -moz-border-radius-bottomright: 0.8em; -moz-border-radius-bottomleft: 0.8em; }
.chk{border: 0px;}
.sortBar{ background-image: url(../images/gradient.gif); background-repeat: repeat-x; height: 12px; text-align: right; z-index: 1; overflow: hidden; white-space: nowrap; border:1px solid #CCC; width: 100%;}

div#module{border: 1px #ccc solid;}

div#paging{padding: 10px;}

/** calculator css */
input.calendar_dom{width:115px;}
img.calicon{vertical-align: bottom; width:20px; height:14px; border:none; padding-bottom: 2px;}
a.calicon_link{position:relative;left:-22px;height:14px;width:20px;}
span.calicon_link{position:relative;left:-22px;height:14px;width:14px;cursor:pointer;}
#layer {display:none;position:absolute;left:115px;top:110px;border: 1px solid #666;background-color: #FFF; padding:0px; }

/** slider images */
.DHTMLSuite_paneSplitter_vertical{    /* Vertical splitter resize handle */
    background-image:url('../images/pane-splitter-resize-ver.png');
    background-repeat:no-repeat;
    background-position: left center; 
    position: absolute;
    width: 6px; 
    left: 16%; 
    top: 81px; 
}
.DHTMLSuite_paneSplitter_vertical_hide{    /* Vertical splitter resize handle */
    background-image:url('../images/pane-splitter-resize-ver.png');
    background-repeat:no-repeat;
    background-position: left center;
    position: absolute;
    width: 6px; 
    left: 0px; 
    top: 81px;
    z-index: 0;
}
.DHTMLSuite_resizeButtonLeft,.DHTMLSuite_resizeButtonRight{
    position:absolute;
    left:0px;
    top:50%;
    height:50px;
    margin-top:-25px;
    width:100%;
    background-repeat:repeat;
    cursor:pointer;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.DHTMLSuite_paneSplitter_vertical .DHTMLSuite_resizeButtonLeft{
    background-image:url('../images/pane-splitter-coll-v-new.png');
}
.DHTMLSuite_paneSplitter_vertical_hide .DHTMLSuite_resizeButtonLeft{
    background-image:url('../images/pane-splitter-coll-v-e-new.png');
}
table.tblBorder{ border: #ccc 1px solid;}
table.tblBorder td{
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
font-family:Tahoma;
font-size:90%;
font-weight:normal;
font-style:normal;
color:#000000;
}
/** vessel description styles */
.vd_main{ width: 47%; float: left; padding: 5px;}
.vd_main_3{ width: 32%; float: left; padding: 5px;}
.hrborder{margin:0; padding: 0; background:url('../images/graycolor.gif') repeat-y; width:1px; height: 320px; float: left;}
.grayborder{ margin:0; padding: 0; background:url('../images/graycolor.gif') repeat-y; width:1px; height: 320px;}
.vd_label{
width:30%;
float:left;
text-align:right;
color: #333333;
}
.vd_main_form_row{
clear:both;
padding:6px 0 6px 0;
}
.bd_bottom{ border-bottom: #ccc 1px solid;}
.bd_right{ border-right: #ccc 1px solid;}
form{margin: 0px;}
.disabled{ background-color: #eee;}
#posLayer{display: none;}
#trackLayer{display:none;}
.err{ text-align: center; color: red; padding: 2px; font-family: verdana; font-size: 10px;}
.errBig{ text-align: center; color: red; padding: 2px; font-family: verdana; font-size: 12px;}
.mand{text-align: right; color: red; padding: 4px; font-family: verdana; font-size: 10px;}
.red{ font-family: verdana; color: red;}
button{border:1px solid #eee; background-color: #f3f3f3; width: 20px; height: 17px; margin-left: 5px;}
.fntSize{ text-align: right; padding-bottom: 5px;}
.sel_height{height:100px;}
.row1{ background-color: #9F9F9F; font-family: Tahoma; font-size: 20px; color: #fff; font-weight: bold; }
.row2{ background-color: #cccccc; height: 20px;}
.row3{ background-color: #eeeeee; height: 20px;}
.maxpos {z-index: 2147483647;}
.dispnone{ display: none;}
.blacktxt{ color: #000; font-weight: bold;}
.autocomplete{border: 1px solid #FFAE4F;}

#msg span {
    background:#FFFDBC url(../images/buttons_icons.gif) no-repeat scroll 15px -1764px;
    border-left:1px solid #FFEA96;
    border-right:1px solid #FFEA96;
    display:block;
    font-weight:bold;
    padding:5px 10px 5px 45px;
}
.detailDiv{
 font-family: 'LatoRegular', sans-serif;
 font-size:11px;
}
table.voyage{
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}
table.voyage th {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: white;
}
table.voyage td {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: #FF0;
}

/** class for voyage1 */
table.voyage1{
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: solid solid solid solid;
    border-color: #ccc #ccc #ccc #ccc;
    border-collapse: collapse;
    background-color: white;
}
table.voyage1 th {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: #ccc #ccc #ccc #ccc;
}
table.voyage1 td {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: #ccc #ccc #ccc #ccc;
}

/** Extjs Classes for left panel - Aug 04 */
.x-panel-header {-moz-background-clip: border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -x-system-font:none; background:transparent url(../images/white-top-bottom.gif) repeat-x scroll 0 -1px; border:1px solid #ccc; color:#333333; font-family:Helvetica Neue; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:15px; overflow:hidden; padding:5px 3px 4px 5px;}
.x-tool-collapse-west {background-position:0 -180px;}

.x-tool { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/tool-sprites.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:15px; margin-left:2px; overflow:hidden; width:15px; }
.x-unselectable, .x-unselectable * {-moz-user-select:none;}
.x-tool-collapse-west {background-position:0 -180px;}
.x-tool-expand-west {background-position:0 -165px;}
.x-tool-expand-east, .x-tool-expand-west {float:none;margin:3px auto;}

/** new input css */
select, input, textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:White url(../images/input_bg.gif) repeat-x scroll 0 0;
border-color:#666666 #DDDDDD #DDDDDD #666666;
border-style:solid;
border-width:1px;
color:Black;
font-family:'LatoRegular', sans-serif;
font-size:1em;
vertical-align:middle;
visibility:visible;
}
select:focus, textarea:focus, input:focus{
border-color:#FFA500;
border-width:1px;
}
.clear{ clear: both;}

/** given by Jignesh Shrimali dated 22th OCT 09 */

/* remove the margin and bullets, set the padding and margin for this demo only*/
.neon {list-style:none; margin: 0px; padding: 0px;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; background:url(../images/neon_on.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; height:32px; float:left; background:url(../images/neon_off.gif); text-decoration:none; font-size:11px; font-family:'LatoRegular', sans-serif; line-height:30px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 20px; display:inline; float:left; height:32px; background:url(../images/neon_off.gif) right top; padding:0 20px 0 0; color:#333;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(../images/neon_on.gif); cursor:pointer; color:#000;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(../images/neon_on.gif); color:#000; cursor:default;}
.bgwhite { background-color: white;}
.bggray{ background-color: #f2f2f2;}