/* 
    Document   : cargo
    Created on : Sep 16, 2009, 9:08:21 AM
    Author     : ivar
    Description:
*/


#bow { text-align: center;  }
#bow a { text-decoration: none;  color: black; }
#bow h1 {
	font-size: 3em;
	margin: 0 0 0 0;
	padding: 0;
	text-shadow: gray 0.1em 0.1em 0.2em;
	-moz-text-shadow: gray 0.1em 0.1em 0.2em;
}
#bow #mission {
	float: right;
	font-style: italic;
	font-weight: bold;
	margin: -1em 2em;
}

#stern { padding: 0.2em 1em 1em 1em; }
#stern img { float: right; border: 0; }
#stern p { margin: 0; padding: 0.3em 0 0 0; font-size: 0.4em; color: gray; float: left;}

#aft { text-align: right; }

ul.horizontal {
	margin: 0;
}
ul.horizontal li {
	display: inline;
	padding-right: 20px;
	list-style: none;
}

#lookout ul.horizontal { }
#lookout ul.horizontal li { font-size: 1em; font-weight: bold; }
#lookout ul.horizontal li a { text-decoration: none; color: black; }
#lookout ul.horizontal li a:hover,
#lookout ul.horizontal li a:active { text-decoration: underline; color: blue; }

#aft ul.horizontal { }
#aft ul.horizontal li { font-size: 0.8em; font-weight: bold; }
#aft ul.horizontal li a { text-decoration: none; color: black; }
#aft ul.horizontal li a:hover,
#aft ul.horizontal li a:active { text-decoration: underline; color: blue; }


ul.vertical { padding: 0.1em; }
ul.vertical li { list-style: none; white-space: nowrap; }
ul.vertical li a { }

#hatch { vertical-align: top; }
#hatch ul.vertical { vertical-align: top; }
#hatch ul.vertical li { font-size: 0.8em; font-weight: bold; padding: 0.2em 0.2em; }
#hatch ul.vertical li button { width: 100%; }

ul.feedbackPanel { text-align: center; border-top: 1px solid #990000; padding: 0.5em 0.2em; margin: 0; }
ul.feedbackPanel li { list-style: none; font-size: 0.75em; }
ul.feedbackPanel li.feedbackPanelINFO { color: #00aa00; }
ul.feedbackPanel li.feedbackPanelWARNING { color: #cc6600; font-weight: bold; }
ul.feedbackPanel li.feedbackPanelERROR { color: #aa0000; font-weight: bold; }


#jib { text-align: center; }
#jib h2 { font-size:1.4em; margin:0.05em 0.2em; }

#foremast { text-align: center; }
#foremast > img { width: 36em; height: 3em; }

#tug > .compartment > iframe, #tug > .compartment img,
#net > .compartment > iframe, #net > .compartment img { width: 36em; height: 3em; }
#ama > .compartment > iframe, #ama > .compartment img { width: 6em; height: 27em; }

#lighthouse > .compartment { height: 0.5em; }


#port {  }
.rotatemenu { margin: 1em 0 0 1em; padding: 0; }
.rotatemenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 1em;
	height: 4em;
	font-size: 1.3em;
	font-weight: bold;
	left: 1em;
	position: relative;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-o-transform: rotate(-90deg);
}
.rotatemenu li a { text-decoration: none; color: black; }
.rotatemenu li a:hover { text-decoration: underline; }

#prow { 
	font-size: 0.6em;
	text-align: right;
}
#prow a { text-decoration:  none; color: black; }
#prow a:hover { text-decoration:  underline; color: blue; }

/* cargo specific */

#cargo {
	font-size: 1em;
}
#cargo h1 {
	font-size: 1.3em;
	font-weight: bold;
}
#cargo h3 {
    margin-top: 0.2em;
	font-size: 1em;
	font-weight: bold;
}
#cargo h4 {
	font-size: 1em;
	font-weight: bold;
}
#cargo p {
	font-size: 0.8em;
	font-weight: normal;
}
#cargo th,
#cargo td {
	border: 1px solid black;
	padding: 0.2em 0.5em;
}
#cargo th.valign,#cargo td.valign {
	vertical-align: top;
}
#cargo th {
	font-size: 1em;
	font-weight: bold;

}
#cargo td {
	font-size: 0.8em;
	font-weight: normal;
}
#cargo table {
}


#cargo .centreCargo { text-align: center; }
#cargo .centreCargo table { margin-left:auto; margin-right:auto }



#cargo li { list-style: none; }