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

body
{
	font-family: Verdana;
	color: #333333;
	font-size: 11px;
}

a
{
	color: #333333;
}

img
{
	border: none 0px;
}

.stop
{
	clear: both;
}

#wrapper
{
	margin: 0px auto 0px auto;
	border: solid 1px #4B6C91;
	width: 1268px;
	height: 924px;
	background: url(../Images/background_new.jpg) top left no-repeat;
}

#header
{
	padding-left: 5px;
	height: 40px;
	background: #003468 url(../Images/logo.gif) top right no-repeat;
}

#header #printHeader
{
	display: none;
}

#icons
{
	width: 1050px;
	float: left;
}

#icons .icon
{
	float: left;
}

#icons .icon a
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

#icons #iconFuel
{
	margin: 6px 10px 0px 0px;
	width: 32px;
	background: url(../Images/icon_fuel.gif) top right no-repeat;
}

#icons #iconFuel a
{
	height: 24px;
}

#icons #iconFuel a.selected
{
	background: url(../Images/icon_fuel_selected.gif) top right no-repeat;
}

#icons #iconFuel a:hover
{
	background: url(../Images/icon_fuel_selected.gif) top right no-repeat;
}

#icons #iconAHTS
{
	margin: 9px 10px 0px 0px;
	width: 22px;
	background: url(../Images/ahts.gif) top right no-repeat;
}

#icons #iconAHTS a
{
	height: 22px;
}

#icons #iconAHTS a.selected
{
	background: url(../Images/ahts_selected.gif) top right no-repeat;
}

#icons #iconAHTS a:hover
{
	background: url(../Images/ahts_selected.gif) top right no-repeat;
}

#icons #iconPSV
{
	margin: 9px 10px 0px 0px;
	width: 22px;
	background: url(../Images/psv.gif) top right no-repeat;
}

#icons #iconPSV a
{
	height: 22px;
}

#icons #iconPSV a.selected
{
	background: url(../Images/psv_selected.gif) top right no-repeat;
}

#icons #iconPSV a:hover
{
	background: url(../Images/psv_selected.gif) top right no-repeat;
}

#icons #iconPrice
{
	margin: 9px 10px 0px 0px;
	width: 34px;
	background: url(../Images/icon_valutacalc.gif) top right no-repeat;
}

#icons #iconPrice a
{
	height: 20px;
	
}

#icons #iconPrice a.selected
{
	background: url(../Images/icon_valutacalc_selected.gif) top right no-repeat;
}

#icons #iconPrice a:hover
{
	background: url(../Images/icon_valutacalc_selected.gif) top right no-repeat;
}

#icons #iconContact
{
	margin: 7px 10px 0px 0px;
	width: 19px;
	background: url(../Images/icon_contact.jpg) top right no-repeat;
}

#icons #iconContact a
{
	height: 23px;
}

#icons #iconContact a.selected
{
	background: url(../Images/icon_contact_selected.jpg) top right no-repeat;
}

#icons #iconContact a:hover
{
	background: url(../Images/icon_contact_selected.jpg) top right no-repeat;
}

#icons #iconMarketReports
{
	margin: 7px 10px 0px 0px;
	width: 19px;
	background: url(../Images/icon_report.gif) top right no-repeat;
}

#icons #iconMarketReports a
{
	height: 23px;
}

#icons #iconMarketReports a.selected
{
	background: url(../Images/icon_report_selected.gif) top right no-repeat;
}

#icons #iconMarketReports a:hover
{
	background: url(../Images/icon_report_selected.gif) top right no-repeat;
}

#icons #iconWaves
{
	margin: 9px 10px 0px 0px;	
	width: 37px;
	background: url(../Images/waves.png) top right no-repeat;
}

#icons #iconWaves a
{
	height: 20px;
}
#icons #iconWaves a:hover
{
	background: url(../Images/waves_selected.png) top right no-repeat;
}

#icons #iconPlatform
{
	margin: 4px 10px 0px 0px;	
	width: 27px;
	background: url(../Images/platform_icon.png) top right no-repeat;
}

#icons #iconPlatform a
{
	height: 32px;
}
#icons #iconPlatform a:hover
{
	height: 32px;
	background: url(../Images/platform_icon_selected.png) top right no-repeat;
}
#icons #iconPassword
{
	margin: 15px 0px 0px 15px;	
	float:right;
}

#icons #iconPassword a
{
	height: 32px;
	color:White;
	text-indent: 0;
}
#icons #iconUser
{
	margin: 15px 0px 0px 0px;
	float:right;	
}

#icons #iconUser a
{
	height: 32px;
	color:White;
	text-indent: 0;
}

#header #logo
{
	float: right;
	display: block;
	height: 40px;
	width: 172px;
	overflow: hidden;
	text-indent: -10000px;
}


#contentWrapper
{
	padding: 26px 15px 26px 15px;
}

#widgets
{
	float: left;
	padding-right: 20px;
	width: 239px;
	line-height: 1.6em;	
}

#widgets .widget
{
	border: solid 1px #003468;
	background-color: #ffffff;
	margin-bottom: 15px;
	/*-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;    */
}

#widgets .widget h2
{
	background-color: #003468;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 1.3em;
	padding: 5px;
	overflow:hidden;
/*	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
}

.round
{
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;*/
}

#widgets #broker img
{
	padding: 5px;
	height: 66px;
}

#widgets #broker .text
{
	/*float: left;*/
	padding: 3px 5px 3px 0px;
}

#widgets #fuel
{
	display: none;
}

#widgets #AHTS
{
	display: none;
}

#widgets #PSV
{
	display: none;
}

#widgets #marketReports
{
	display: none;

}

#widgets #marketReports ul
{
	padding:5px;
	max-height:632px;
	overflow-y:auto;
	overflow-x:hidden;
}

#widgets #marketReports li
{
	list-style: none;
}

#gasPrice
{
	display:none;	
}

#oilPrice
{
	display:none;
}

#widgets #fuel .chart
{
	padding: 10px;
}

#fuel a.tablink
{
	font-size: 15px;
	text-decoration: none;
	background-color: #387095;
	color:White;	
	padding: 5px 5px 0px 5px;
	font-weight:bold;
	border:1px solid #003468;
	border-bottom:0px none;
	/*	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;*/
    font-family: Arial;
}

#fuel a.tablink.selected
{
	background-color: #003468;
}

#fuel  a.tablink:hover 
{
	background-color: #003468;
}

#fuel .source
{
	border:dotted 1px black;
	font-size: 10px;
	text-align:center;
}

#widgets #crudeOil .text
{
	padding: 3px 5px 15px 5px;
}

#widgets #fuelPrice .name
{
	display: block;
	float: left;
}

#widgets #fuelPrice .price
{
	display: block;
	float: right;
}

#widgets #chat
{
	display: none;
}

#widgets #currency
{
	display: none;
}

#widgets #calc, #converter
{
	padding: 5px;
}

#widgets .button
{
	
	background-color: #003468;
	color: #FFFFFF;
	font-family: Verdana;	
}


#content
{
	float: left;
	width: 978px;
}

#recentUpdates
{
	padding: 4px 15px 4px 5px;
	height: 18px;
	background-color: #387095;
	border: 1px solid #003468;
}

#recentUpdates h3
{
	float: left;
	color: #ffffff;
	font-size: 1.2em;
	padding-right: 10px;
}

#scrollScene
{
	padding-right: 10px;
	overflow: hidden;
	position: relative;
	font-size: 1.15em;
	color: #ffffff;
}

#scrollScene .fade
{
	background: url( "../Images/fade2.png" ) repeat-y 0 0;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 60px;
	padding: 8px 0;
	z-index: 30;
}

#scrollScene .fade-right
{
	background-position: -60px 0;
	left: auto; /* right:240px; */
	right: 0;
}

#scrollScene ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 20;
}
#scrollScene li
{
	margin: 0;
	padding: 0;
	display: inline;
}

#formWrapper
{
	padding: 7px 0px 0px 0px;
}

#formBorder
{
	float: left;
	border: solid 1px #4B6C91;
	border-right: none 0px;
	background-color: #ffffff;
}

#formContent
{
	border: solid 1px #8FA6BD;
	border-right: none 0px;
	width: 807px;
}

#underConst
{	
	width: 100%;
	height: 550px;
	background: url(../Images/watermark.png) repeat;
	text-align:center;
	padding-top:40px;
	color: #003366;	
}

#underConst h1 {font-size: 25px; font-weight: bold; line-height:100px; }
#underConst h1 a {font-size: 25px; font-weight: bold; text-decoration:underline; }
#underConst a {font-size: 15px; text-decoration:none;}


#formHeader
{
	position: relative;
	padding: 20px 0px 2px 0px;
	height: 55px;
	color: #387095;
	text-align: center;
}

#formHeader h1
{
	font-size: 25px;
	font-weight: bold;
}

#formHeader #export
{
	position: absolute;
	bottom: 0px;
	left: 5px;
}

#formBody
{
	position: relative;
	overflow: auto;
	background: url(../Images/watermark.png) center center no-repeat;
	padding: 0px 4px 40px 4px;
	height: 641px;
	line-height: 1.6em;
	color: #003366;
	font-size: 10px;
	font-family:Arial;
}

#formBody h2.type
{
	font-family: Verdana;
	font-size: 1.3em;
}

#formBody table
{
	width: 100%;
}

#formBody td
{
	padding-left: 5px;
}

#formBody td.bhp, #formBody td.dp
{
	text-align: center;
}

#formBody td.open
{
	padding-right: 5px;
}

#formBody h3.shipType
{
	margin: 9px 0px 8px 0px;		
	color: #FB0000;
	font-family: Verdana;
	font-size: 1.6em;
	
}

#formBody .flag
{
	bottom: 0;
	width: 21px;
	height: 16px;
	margin-left: 10px;	
	border: solid 1px black;
}

#formBody h4.country
{
	float: left;
	padding: 10px 5px 8px 5px;
	font-family: Verdana;
	font-size: 1.2em;
	color: #006B7A;
}

#formBody .weatherIcon
{
	
}

.time
{
	width: 60px;
}

.currencyResult
{
	width:100%;
}

.forecast
{
	/*border: solid 2px #ffffff;
	display: none;
	position: absolute;
	background: transparent url(../Images/transparent_green.png);
	color: #ffffff;
	font-size: smaller;*/
	border:2px solid #CCD2CE;
	position: absolute;
	display: none;	
	margin:0 6px 6px 0;
	overflow:hidden;
	padding:0;
	
	background-color:White;
}
#platformForecast
{
	z-index:99;
}

.waveforecast
{
	/*border: solid 2px #ffffff;
	width: 700px;
	display: none;
	position: absolute;	
	background-color: #387095;
	color:#ffffff;	
	z-index:99;*/
	border: solid 2px black;
	width: 700px;
	display: none;
	position: absolute;	
	background-color: white;
	z-index:99;
}

.waveforecast a
{	
	/*color:#ffffff;	*/
}

.waveforecast td.credit
{	
	padding: 5px;
}

.forecast .weather
{
	float: left;
	padding: 5px 5px 5px 5px;
	border:2px solid #CCD2CE;
}

.forecast .day
{
	font-weight: bold;
}

.forcast .date
{
	border-bottom : 2px solid #CCD2CE;
}

.forecast .wind
{
	float: left;
	height:40px;
	width: 50px;
	background-color: #ACCFE5;
	border: solid 1px white;
	text-align:center;	
}

.forecast .symbol
{
	float: left;
	background-color: #ACCFE5;	
	height:40px;
	width: 50px;
	border: solid 1px white;
	text-align:center;
}

.forecast .degrees
{
	float: left;
	font-size:20px !important;
	height:35px;
	width: 50px;
	background-color: #ACCFE5;
	border: solid 1px white;
	text-align:center;
	padding-top: 5px;
	font-family:Arial;
}

.forecast .yrLink
{
	border-top: solid 1px #CCD2CE;
	padding: 5px 0px 5px 0px;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
}

#formBody .grouping td
{
	padding: 10px 0px 8px 0px;
}

.gridHeader
{
	background-color: #387095;
	font-weight: bold;
	color: #ffffff;
}

#formBody .gridPromptItem
{
	font-weight: bold;
	background-color: #ACCFE5;
}

.alternateRow
{
	background-color: #CCE1E4;
}


#formTabs
{
	float: left;
	width: 169px;
	color: #666666;
}

#formTabs img
{
	border: none 0px;
}

#formTabs a
{
	color: #666666;
	text-decoration: none;
}

#formTabs a:hover
{
	text-decoration: underline;
}

#formTabs .subLinks
{
	padding-top: 5px;
}

#formTabs .tab
{
	margin-bottom: 0px;
	border-left: solid 1px #8FA6BD;
	width: 167px;
}

#formTabs .tab .links
{
	display: block;	
	border-left: solid 1px #4B6C91;
	padding: 20px 1px 10px 13px;
	height: 50px;
}

#formTabs .selected
{
	margin-bottom: 0px;
	border-top: solid 1px #4B6C91;
	border-right: solid 1px #4B6C91;
	border-bottom: solid 1px #4B6C91;
	border-left: none 0px;
	background-color: #ffffff;
	color: #006B7A;
	width: 169px;
}

#formTabs .selected a
{
	color: #006B7A;
}

#formTabs .selected .links
{
	display: block;
	border-top: solid 1px #8FA6BD;
	border-right: solid 1px #8FA6BD;
	border-bottom: solid 1px #8FA6BD;
	border-left: none 0px;
	padding: 18px 0px 9px 15px;
}

#formTabs .end
{
	margin-bottom: 1px;
	border-left: solid 1px #8FA6BD;
	border-right: solid 1px #4B6C91;
	width: 0px;
	height: 520px;
}

.login #formTabs .end
{
	height: 444px;
}

.vessel 
{
	cursor:pointer;
}
.StandardTable
{
	white-space:nowrap;
}

.StandardTable .gridHeader
{
	text-transform:uppercase;
}

.popup
{
	/*border: solid 2px #ffffff;
	display: none;
	position: absolute;
	background-color: #387095;
	color:#ffffff;
	width: 300px;
	margin-top: 0px;
	margin-left: 30px;
	padding: 5px;
	font-size: smaller;*/
	border: solid 2px black;
	display: none;
	position: absolute;
	background-color: white;	
	margin-top: 0px;
	margin-left: 30px;
	padding: 5px;
	font-size: smaller;   
}

.popup .text
{
	width: auto;
	float:left;
}

.popup .image
{	
	width: 100px;
	margin-left: 20px;
	position:relative;
	float:right;
	
}

.popup .image .openImageZoom
{
	border: solid 1px black;
	padding: 5px;
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
}

.popup .image .openImageZoom .boatImage
{
	height: 90px;
	width: 90px;
	border: soild 2px black;	
}

.popup .image .imageZoomWrapper
{
	display: none;	
}

.popupSmall
{
	border: solid 2px #ffffff;
	display: none;
	float: left;
	position: absolute;
	background: transparent url(../Images/transparent_green.png);
	padding: 5px;
	font-size: smaller;
}

.popup .header
{
	font-weight: bold;
}

.popupName
{
	/*color: #ffffff;*/
	padding-right: 10px;
	
}

.popupValue
{
	/*color:#ffffff;*/
}

.popupImageZoom
{
	z-index: 40;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;	
	background: url(../Images/transparent_black.png);
}

.popupImageZoom .imageZoom
{
	display: none;
	position: relative;
	margin: auto auto;
	border: solid 1px #ffffff;
	padding: 2px;
	float: left;
	background-color: #ffffff;
}



.popupImageZoom .imageZoom .close
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	background: #ffffff url(../Images/close.gif) center center no-repeat;
}

.pricetable
{
	padding: 5px;
	height: 200px; 
	overflow:auto;	
}

.pricetable th
{
	text-align:left;	
}

div.cmf-skinned-select {
    background: url(../Images/dropButton.png) top right no-repeat ;
    border: 1px solid #ccc;
    display:-moz-inline-stack;
    display:inline-block;
}
div.cmf-skinned-text {
    padding: 2px;
}


#footer
{
	position: relative;
	background: url(../Images/copyright_logo.png) top left no-repeat;
	height: 35px;
}

#footer .text
{
	padding-top: 10px;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
}

#footer .text a
{
	color: #ffffff;
	text-decoration: none;
}

#footer .text .phone
{
	padding-right: 20px;
}

#footer .logos
{
	position: absolute;
	top: -8px;
	right: 20px;
	width: 120px;
}

#footer .logos #achilles
{
	float: left;
	padding-right: 4px;
}

#footer .logos img
{
	padding-top: 3px;
	height: 39px;
	width: 45px;
}


#footer .logos #dnv
{
	float: left;
}

ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 45px;height: 39px;}

ul.thumb li img {width: 45px; height: 39px;padding: 5px;position: absolute;left: 0; top: 0;}

ul.thumb li img.hover {margin-top:15px;background:url(../Images/thumb_bg.png) no-repeat center center;border: none;}

.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }

.loginform { margin: 20% 30%; width: 350px; text-align:center; background-color:#387095; color:#FFFFFF;border: solid 2px black;}
.loginform #heading h2 { font-size: 24px; font-family:Arial; padding: 15px 0 15px 0}
.loginform #body { padding:25px 0 25px 20px;}