/* CSS Document */

*{ margin:0px; padding:0px;}

body{ background-color:#FFFFFF; background-image: url(../images/bkgroundSlice.gif);  background-position: top left; background-repeat: repeat-x; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color:#374351; font-size:12px; width: 100%;} 
p{}
h1{ }
h2{ }
h3{ }
h5{	}
ul{}
ol li{}
li{}
table{ }
tr{}
th{}
td{}
fieldset{}

ol ul {}

a:link{color:#007995; text-decoration:none; margin-bottom:5px;}
a:visited{ color:#007995; text-decoration:none;}
a:hover{ text-decoration:underline; }
a:active{ }

.boldFont {font-weight:bold;}

.currentPageIndicator{color:#848484;}

/* ---- general sections ---- */
#page{margin:auto; width: 943px;}

#header{ height:60px; margin-bottom:2px;}
.grayBorder{ border:1px solid #C5C4C9; height: auto; }
.mainHomeContent{ width: 941px; background-color:#FFFFFF; }
.mainContent{ width: 941px; height: 400px; background-color:#FFFFFF; }

.mainContentVesselDetails{ width: 941px; background-color:#FFFFFF;}
.footer{width:100%; height:25px; background-color:#C5C4C9; padding-top:10px;}
.footer img{ border: 0px;}

/* ---- general layout ---- */
.spacer-box{ clear:both;}

/* ----- layout & styles within header.php ---- */
.headerLeftBox{ position: relative; float:left; width:30%; margin-top:10px; clear:none;}
.headerRightBox{ position: relative;  float:right; height:100%; margin-right:3px; clear:none; }
.translatePagesBox{ width:550px; height: 28px; text-align:right; background-image: url(../images/translatePage.gif); background-repeat: no-repeat; background-position: top right;}
.navigationBox{ margin-top:8px;}
.navigationBox img{ border: 0px;}

/* ---- layout for homepage ----- */
.welcomeMessage{ padding: 10px 0px 0px 15px; float: left; width: 530px; font-size:1em;}
.currentNews { padding: 10px 5px 0px 20px; float: left; width: 350px;}

.title{font-size:.9em; font-weight:bold;}
.date{ font-size:.9em;}
.content{ font-size:.9em;} 

.pressTitle{ font-size:.9em; margin-left:-3px; color:#25737F;}

.seeMore {font-size:.8em; color:#25737F; margin-left:250px;}
.seeMore a:link{ font-size:inherit; color:#25737F;}
.seeMore a:visited{ font-size:inherit; color:inherit;}
.seeMore a:hover{ font-size:inherit;  text-decoration:underline; color:inherit;}
.seeMore a:active{ font-size:inherit; color:inherit;}

/* ---- layout for footer ---- */
.copyrightFont{padding:0px 5px 0px 5px; font-size:.8em;}

.footerNavFont{ font-size:.8em;width:50%; margin-left:35px; margin-right:30px;}
.footerNavFont a:link{ font-size:inherit; color:#374351;}
.footerNavFont a:visited{ font-size:inherit; color:#374351;}
.footerNavFont a:hover{ font-size:inherit;  text-decoration:underline; color:#007995;}
.footerNavFont a:active{ font-size:inherit; color:#374351;}

.adminLoginFont{ font-size:.8em; }
.adminLoginFont a:link{ font-size:inherit; color:#374351;}
.adminLoginFont a:visited{ font-size:inherit; color:#374351;}
.adminLoginFont a:hover{ font-size:inherit;  text-decoration:underline; color:#007995;}
.adminLoginFont a:active{ font-size:inherit; color:#374351;}

/* ---- layout for vessel details page ---- */
.inPageNav{ height:30px;  background-color:#C5C4C9; padding-top:10px;}
.inPageNavLeft{ position: relative; float:left; width:70%; padding-left:10px;}
.inPageNavRight{  position: relative;  float:right; width:25%; text-align:right; padding-right:20px;}


.inPageNavFont {font-size:1.2em; color:#000000; font-weight:bold;}
.inPageNavFont a:link{color:#007995; text-decoration:none;}
.inPageNavFont a:visited{ color:#007995; text-decoration:none;}
.inPageNavFont a:hover{ text-decoration:underline; }
.inPageNavFont a:active{ }

/* --- layout for all vessel listings page --- */
.orangefont { color:#F26521; font-weight: 700; font-size: 15px;}
.blueCatfont { color:#007995; font-weight: 700; font-size: 15px;}

#innerbox{ background-color:#FFFFFF; width: 800px; margin:0px auto; }

/*.listingsscroll {overflow: auto; float: left; width: 820px; height: 400px; background-color:#FFFFFF;}		removed scroll behavior because of IE incompatibility*/
.listingsscroll {float: left; width: 820px; background-color:#FFFFFF;}

.detail2-titlebox { position: relative; float:left; clear:none; width: 200px;  background-color:#D0E0F0; text-align:left;}
.detail3-titlebox { position: relative; float:left; clear:none; width: 160px; background-color:#D0E0F0; text-align:right;}
.detail4-titlebox { position: relative; float:left; clear:none; width: 200px; background-color:#D0E0F0; text-align:right;}
.detail5-titlebox { position: relative; float:left; clear:right; width: 200px; background-color:#D0E0F0; text-align:center;}

.detail2-sortbox { position: relative; float:left; clear:none; width: 200px; background-color:#FFFFFF; text-align:left;}
.detail3-sortbox { position: relative; float:left; clear:none; width: 160px; background-color:#FFFFFF; text-align:right;}
.detail4-sortbox { position: relative; float:left; clear:none; width: 200px; background-color:#FFFFFF; text-align:right;}
.detail5-sortbox { position: relative; float:left; clear:right; width: 200px; background-color:#FFFFFF; text-align:center;}

.detail2-box1 { position: relative; float:left; clear:none; width: 200px; height:30px; padding-top:8px; background-color:#EDEDED; text-align:left;}
.detail3-box1 { position: relative; float:left; clear:none; width: 160px; height:30px; padding-top:8px; background-color:#EDEDED; text-align:right;}
.detail4-box1 { position: relative; float:left; clear:none; width: 200px; height:30px; padding-top:8px; background-color:#EDEDED; text-align:right;}
.detail5-box1 { position: relative; float:left; clear:right; width: 200px; height:30px; padding-top:8px; background-color:#EDEDED; text-align:center;}

.detail2-box2 { position: relative; float:left; clear:none; width:200px; height:30px; padding-top:8px; background-color:#FFFFFF; text-align:left;}
.detail3-box2 { position: relative; float:left; clear:none; width: 160px; height:30px; padding-top:8px;  background-color:#FFFFFF; text-align:right;}
.detail4-box2 { position: relative; float:left; clear:none; width: 200px; height:30px; padding-top:8px;  background-color:#FFFFFF; text-align:right;}
.detail5-box2 { position: relative; float:left; clear:right; width: 200px; height:30px; padding-top:8px; background-color:#FFFFFF; text-align:center;}

.instructionsVesselList{font-size:1.2em; color:#000000; font-weight:700; margin-left:10px; margin-top:10px; }


/* --- layout for admin login/management page ---*/
.adminLoginBox{ margin-left:100px; margin-top:50px;}

/* --- layout for contact Us/submit your listing */
.addressHeader { font-size:13px; font-weight:700; margin-left: 125px; margin-top:10px;}
.addressBox { margin-left:200px; font-size:12px; }

.submitHeader{ font-size:13px; font-weight:700; margin-left: 125px; margin-top:10px;}
.submitListing { margin-left:200px; font-size:12px; } 

/* --- layout for specific vessel listing page */
.vesselListingLeftBox{ position: relative; float:left; clear:none; width:425px; padding: 10px 25px 0px 20px; }
.vesselListingRightBox{ position: relative; float:left; clear:right; width:425px;}
.smallfont { color:#374351; font-weight: 500; font-size: 10px;}
.smallfont a{ color:#007995; font-weight: 500; font-size: 10px; text-decoration:underline;}
.fieldset-box{position: relative; float:left; clear:right; width:365px; padding-bottom:10px; padding-left:5px;}
.detail-titlefont { color:#000000; font-weight: 600; font-size: 13px;}

/* --- layout for newspress listings page --- */
#newspressbox{ background-color:#EDF9FE; width: 800px; height:100px; margin:0px auto;}
.viewedit-box { position: relative; float:left; clear:none; width: 150px; background-color:#EDF9FE; text-align:center; }

.newsfile-box {position: relative; float:left; clear:right; width: 150px; background-color:#FFFFFF; text-align:right;}
/*.newspressscroll {overflow: auto; float: left; width: 800px; height: 400px; background-color:#EDF9FE;}		removed scroll behavior because of IE incompatibility*/
.newspressscroll {float: left; width: 800px; background-color:#EDF9FE;}

.newspressdetail1-titlebox { position: relative; float:left; clear:none; width: 100px; background-color:#D0E0F0; text-align:left;}
.newspressdetail2-titlebox { position: relative; float:left; clear:none; width: 125px; background-color:#D0E0F0; text-align:left;}
.newspressdetail3-titlebox { position: relative; float:left; clear:none; width: 275px; background-color:#D0E0F0; text-align:left;}
.newspressdetail4-titlebox { position: relative; float:left; clear:right; width: 150px; background-color:#D0E0F0; text-align:center;}

.newspressdetail1-box { position: relative; float:left; clear:none; width: 100px; background-color:#EDF9FE; text-align:left;}
.newspressdetail2-box { position: relative; float:left; clear:none; width: 125px; background-color:#EDF9FE; text-align:left;}
.newspressdetail3-box { position: relative; float:left; clear:none; width: 275px; background-color:#EDF9FE; text-align:left;}
.newspressdetail4-box { position: relative; float:left; clear:right; width: 150px; background-color:#EDF9FE; text-align:center;}

/* --- news/press releases detail page --- */
.newspress_details {margin-left:25px; margin-top:10px; margin-right:25px; margin-bottom:10px;}
/*.newspress_listingsscroll {overflow: auto; float: left; height: 400px; background-color:#FFFFFF;}		removed scroll behavior because of IE incompatibility*/
.newspress_listingsscroll {float: left; background-color:#FFFFFF;}

/* --- vessel listing categories page --- */
.category {float: left; margin: 10px 8px 10px 8px; align: center; font-weight:bold;}
.catIndicator {color:#848484; text-decoration: underline;}
.catList {margin-left: 20px; margin-top: 20px;}
.catList1 {margin-left: 20px;}

/* --- experience page --- */
.experienceHeader { font-size:13px; font-weight:700; margin-left:125px; margin-top:15px; }
.experienceBox { font-size:12px; margin-top:5px; margin-left:200px; }