/* GENERAL STYLES */

#holder {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
}

#textholder 
{
	float:left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: justify;
	width:800px;
	font-size: 10pt;
}

li { margin-bottom: 7px; } 

#codeholder {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 15px;
	text-align: left;
	font-size: 9pt;
}

#footer {
	height: 100%;
}


/* general element styles */

body,html {
	margin:0;
	padding:0;
	height:100%;
	background-color: #fff;
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif, Tahoma;
	font-size:12px;
	color:#333366;
	line-height:1.5em;
}

img 
{
	border-width:0;
}

input 
{
	font-size:9pt;
}

select 
{
	font-size:8pt;
	width:150px;
}


#title
{
	float:right;
	font-size:24px;
	font-weight: bold;
	padding:0;
	margin: 5px 20px 0px 0px;
	min-height:32px;
}	

#searchbox
{
	width:90px;
	position:relative;
	top:-2px;
	color:#404040;
	border-width:0px;
	background-color:#f5f5ff;
	font-size:10pt;
}

input.searchinput
{
	width:150px;
	color:#404040;
	border-width:1px;
	background-color:#f5f5f5;
	margin-bottom:3px;
	height:18px;
}


/* HEADERS */
h1 {
	font-size:30px;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	line-height:1.2;
}

h2 {
	font-size:16px;
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
	font-size: 140%;
	text-decoration: none;
}

h3 {
	font-size:14px;
	font-weight: bold;
	padding: 2px 2px 5px 0px;
	margin: 2px 2px 5px 0px;

}



/*menu logo*/
#logo
{
	position: absolute; top: 0px; left: 0px;
	float:left;
	text-align:center;
	width:80px;
	height:70px;
}
#menuholder
{
	display:block;
	height:60px;
	margin-bottom:5px;
}

#languagebox
{
	display:none;
	position:absolute;
	right:5px;
	top:57px;
	z-index:100;
	background-color:White;
	border-style:solid;
	border-color:#000066;
	border-width:1px;
	padding:5px;
}

#MoreOptions
{
	display:none;
	border-left:solid 1px #000066;
	margin: 0px 0px 8px 9px;
	padding-left:6px;
}

/* menu level 0_____________________________________________________________________________________________________________ */
#holder0
{
	display:block;
	white-space:nowrap;
	width:550px;
	margin-left:80px;
}

#selected
{
	float:left;
	background-image: url(icons/ButtonCyan.png);
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:22px;
	padding-top:10px;
	margin:0px;
	margin-right:10px;
	margin-top:5px;
	color:#000066;
	font-size:11pt;
    text-align: center;
    font-weight: bold;
}
#selected a{
    color:#000066;
    text-decoration:none;
}

#selected a:hover{
    color:Orange;
}

#notselected
{
	float:left;
	background-image: url(icons/ButtonBlue.png);
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:22px;
	padding-top:10px;
	margin-right:10px;
	margin-top:5px;
	font-size:11pt;
    text-align: center;
    font-weight: bold;
}
#notselected a{
    color:#ffffff;
    text-decoration:none;
}

#notselected a:hover{
    color:Orange;
}

/* menu level 1____________________________________________________________________________________________________________ */
#holder1 
{
	display:block;
	background-color:#b2e6fc;
	border-bottom:1px #aaa solid;
	font-size:10pt;
	text-align: left;
	padding-top: 3px;
	padding-left:20px;
	height:20px;
	white-space:nowrap;
	margin-right:5px;
	margin-left:80px;
}
#holder1 a{
    color:#000066;
    text-decoration:none;
}

#holder1 a:hover{
    color:Orange;
    text-decoration:underline;
}

#holderleft 
{
	float:left;
	width:180px;
	margin-left:5px;
	margin-top:5px;
	height:1800px;
	min-height:1000px;
}

/* Google map */
#map_area 
{
	display:block;
	height:950px;
	max-height:100%;
	min-height:80%;
	margin-right:5px;
	background-color:Silver;
	overflow:hidden;
}

#ship {
	padding-top:0px;
	padding-bottom:1px;
	margin: 0px;  
	cursor:help;
}

#ship_medium {
	cursor:help;
	width:24px;
	height:24px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/shipicons/sprite_medium.png');
}
#ship_large {
	cursor:help;
	width:24px;
	height:24px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/shipicons/sprite_large.png');
}
#ship_small {
	cursor:help;
	width:24px;
	height:24px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/shipicons/sprite_small.png');
}
#ship_wp {
	cursor:help;
	width:11px;
	height:11px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/shipicons/sprite_wp.png');
}
#wind_low {
	cursor:help;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/windicons/sprite_wind_low.png');
}
#wind_high {
	cursor:help;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-image:url('/ais/windicons/sprite_wind_high.png');
}


.ship_trans {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.ship_trans1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:Lime;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity:.3;
	-moz-opacity:.30;
}

#texttip {
	position:absolute;
	padding-top:0px;
	padding-bottom:1px;
	margin: 0px;  
	font-size:8pt;
	font-weight:normal;
	color:#111;
	white-space:nowrap;
	text-transform: capitalize;
}
#texttip_back {
	position:absolute;
	padding-top:0px;
	padding-bottom:1px;
	margin: 0px;  
	font-size:8pt;
	font-weight:normal;
	color:#fff;
	white-space:nowrap;
	text-transform: capitalize;
}

#areatext 
{
	font-size:12pt;
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	cursor:pointer;
}
#areatext_back
{
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
	cursor:pointer;
}

#areatext_small
{
	font-size:8pt;
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	cursor:pointer;
	font-family:Arial Narrow;
}
#areatext_back_small
{
	font-size:8pt;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
	cursor:pointer;
	font-family:Arial Narrow;
}

#smallbox 
{
	width:180px;
	height:80px;
	background: url(icons/callout.png) no-repeat left top;
	padding:5px;
	cursor:pointer;
	overflow:hidden;
}

#infowindow {
	font-size:8pt;
	font-family:Sans-Serif, Arial;
	color:#006;
	min-width:350px;
	width:360px;
	min-height:200px;
	height:210px;
	overflow:hidden;
	line-height:1.3em;
}

#infotitle {
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	background-color:Navy;
	padding:3px;
}

#infopic 
{
	width:150px;
	float:right;
	border-width:0;
	margin:2px;
}

#infotext 
{
	width:190px;
}

#infophoto {
	font-size:9pt;
	font-family:Sans-Serif, Arial;
	color:#006;
	min-width:300px;
	width:350px;
	min-height:120px;
	height:120px;
}

#infolistitem
{
	font-size:10pt;
	border-bottom:solid 1px #eee;
	list-style-image: url('icons/arrowdown.gif');
	margin-left:-15px;	
}

.distancetip { text-align: center;
	opacity: .70;
	-moz-opacity:.70;
	filter:Alpha(opacity=70);
	white-space: nowrap;
	margin: 0;
	padding: 2px 0.5ex;
	border: 1px solid #000;
	font-weight: bold;
	color: black;
	font-size:8pt;
	font-family:Sans-Serif, Arial;
	background-color: #cccc00;
	line-height:1.3em;
}

.rectangle 
{
	display:block;
	border-color:Green;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	overflow:hidden;
	line-height:1.1em;
}
.rect_back
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:Lime;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity:.3;
	-moz-opacity:.30;
}


#photoonmap 
{
	border: solid 1px white;
	cursor:pointer;
}

/* ship details */
#detailpic 
{
	border-width:0;
	padding:10px;
	display:inline-block;
}

#portgraph 
{
	border-width:0;
	padding:10px;
	height:800px;
	display:block;
}

#detailtext 
{
	float:left;
	padding:6px;
	width:370px;
}
#shipwiki 
{
	float:left;
	padding:6px;
	width:370px;
}

.cominfo
{display:none;
 margin-left:40px;
 margin-bottom:5px;
 border: solid 1px Gray;
 padding: 2px;
}

/* ship photos */
#shipphoto 
{
	float:left;
	font-size:10pt;
	color:#00a;
	padding:5px;
	border-color:Gray;
	border-style:double;
	border-width:thick;
	margin:10px;
	width:830px;
	max-width:830px;
	text-align:center;
}
#legendholder
{
	display:block;
	text-align:left;
	width:530px;
	float:left;
}
#ratingholder
{
	display:block;
	text-align:right;
	width:270px;
	min-width:270px;
	float:left;
}

#spinholder
{
	position:absolute;
	top:200;
	left:260;
	visibility:hidden;
}

#shipphotosmall
{
	display:inline;
	float:left;
	font-size:9pt;
	color:#00a;
	padding:5px;
	border-color:#aaa;
	border-style:solid;
	border-width:1px;
	margin:10px;
	min-width:150px;
	max-width:160px;
	height:250px;
	min-height:250px;
	max-height:250px;
	overflow:hidden;
}

#shipthumb
{
	display:inline;
	float:left;
	font-size:9pt;
	color:#00a;
	padding:5px;
	border-color:#bbbbbb;
	border-style:solid;
	border-width:thin;
	margin:10px;
	width:150px;
	height:290px;
	min-height:290px;
	max-height:290px;
	min-width:150px;
	max-width:150px;
	overflow:hidden;
}

#webcamthumb
{
	display:inline;
	float:left;
	font-size:9pt;
	color:#00a;
	padding:5px;
	border-color:Navy;
	border-style:double;
	margin:10px;
	width:230px;
	height:350px;
	min-height:300px;
	max-height:350px;
}
#sponsor
{
	display:block;
	float:left;
	font-size:12pt;
	text-align:center;
	vertical-align:middle;
	padding:1px;
	margin:3px;
	width:130px;
	height:65px;
	border-bottom-style:solid;
	border-bottom-color:#aaa;
	border-bottom-width:1px;
	line-height:90%;
}
#sponsor_left
{
	display:block;
	font-size:12pt;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	margin:3px;
	width:160px;
	border-bottom-style:solid;
	border-bottom-color:#aaa;
	border-bottom-width:1px;
}
#staricon
{
	float:left;
	padding:0px;
	margin:0px;
	border:0px;
}
#photomap
{
	position:absolute;
	top:150px;
	left:190px;
	display:none;
}

/* Styles for Datasheet */

#datasheet 
{
	display:block;
	padding:5px;
	/*margin-left:170px;*/
	min-height:100%;
	height:100%;
	margin-top:10px;
}
#filter 
{
	float:left;
	padding:4px;
	width:160px;
	margin-top:10px;
	text-align:left;
}
#geoconfirm
{
	font-size:large;
	background-color:ButtonFace;
	font-weight:bold;
	cursor:pointer;
}

/* Style for Lat-Lon display on map */
#LatLonTxt
{
	width:150px;
	font-family:Arial;
	font-size:smaller;
	font-weight:bold;
	color:Black;
}

/*callouts*/
.callout
{
	position:absolute;
	display:none;
	border-color:#9090ff;
	background-color:#ffffb0;
	border-width:2px;
	border-style:outset;
	max-width:200px;
	padding:10px;
	z-index:1000;
}
.questionmark
{
	position:relative;
	top:3px;
	left:-3px;
}

/* Fonts for displayed data and messages*/
Font.data{font-family:Tahoma,Arial,Helvetica; font-size:10pt; font-weight:normal;}
Font.help{font-family:Tahoma,Arial,Helvetica; font-size:10pt}
Font.title_error{font-family:Arial,Tahoma; font-size:10pt; color:Red; font-weight:bold}
Font.error{font-family:Arial,Tahoma; font-size:12pt; color:#AA0000; font-weight:bold}
Font.info{font-family:Tahoma,Arial,Helvetica; font-size:12pt}
Font.OK{font-family:Arial,Tahoma; font-size:10pt; color:#00AA00}
Font.NOK{font-family:Arial,Tahoma; font-size:10pt; color:#AA0000}

/* Fonts for Titles */
Font.title1{font-family:Arial,Tahoma; font-size:14pt; color:#404040; font-weight:bold}
Font.title2{font-family:Arial,Tahoma; font-size:12pt; color:#404040; font-weight:bold}
Font.title3{font-family:Arial,Tahoma; font-size:10pt; color:#404040; font-weight:bold}

/* Datasheet header and content*/
td.header{color: #3F556C; font-family:Arial,Tahoma; font-size:10pt; background-color: #C5D6E6}
td.sortable{color: #3F556C; font-size: 10pt; background-color: #C5D6E6; text-decoration:underline; font-weight:bold;}
td.center {text-align:center}
tr.marker {background-color: #006699; text-align:center}
table.data{border-collapse: collapse; border-spacing: 5;}

/* Colors for odd/even data rows */
td.even {background-color: #FFFFCC; border-bottom:1px solid #008080;}
td.odd {background-color: #E0FFFF;  border-bottom:1px solid #008080;}
tr.even {background-color: #FFFFCC}
tr.odd {background-color: #E0FFFF}

/* General links */
A:link{color:#900000; font-weight:normal; text-decoration:underline; background:none}
A:active{color:#0000bb; font-weight:normal; text-decoration:underline; background:none}
A:visited{color:#ff0000; font-weight:normal; text-decoration:underline; background:none}
A:hover{color:#009090;  text-decoration:underline; background:#}

/* Links within data records */
a:link.data{color:#007070; font-weight:normal; text-decoration:none; background:none}
a:active.data{color:#007070; font-weight:normal; text-decoration:none; background:none}
a:visited.data{color:#007070; font-weight:normal; text-decoration:none; background:none}
a:hover.data{color:#900000;  text-decoration:underline; background:#}

/* Sortable header */
a:link.sort{color:#3F556C; font-weight:bold; text-decoration:underline; background:none}
a:active.sort{color:#3F556C; font-weight:bold; text-decoration:underline; background:none}
a:visited.sort{color:#3F556C; font-weight:bold; text-decoration:underline; background:none}
a:hover.sort{color:#999999; font-weight:bold; text-decoration:underline; background:#}



/* Jquery autocomplete*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.9em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 1px solid #304090; background: #fcfdfd; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #2191c0; color: #eaf5f7; font-weight: bold; }
.ui-widget-header a { color: #eaf5f7; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #203080; background: #0078ae; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #448dae; background: #90ddff; font-weight: normal; color: #002060; }
.ui-state-hover a, .ui-state-hover a:hover { color: #026890; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #acdd4a; background: #6eac2c; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }



/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }


/* jQuery UI Autocomplete 1.8.16*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('/ais/images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	border-bottom: 1px solid #aaddff;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.4em .4em;
	line-height:1.2;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*end Jquery Autocomplete*/