/*=============================================

	CARDINAL MARITIME
	--------
	
	File		:	common.css
	Started		:	20/11/2007
	By			:	Steve Gale, Jim Neath	
	
	
=============================================*/

/* === RESET === */
*
{
	padding: 0;
	margin: 0;
	border: none;
}

/* === BASIC HTML === */
body
{
	text-align: center;
	font: 11px Verdana, sans-serif;
	background: url(../images/body-bg.gif) top center repeat-x;
}

html, body { height: 100%; }

a
{
	text-decoration: none;
	font-weight: bold;
	color: #0066BC;
}

a:hover
{
	text-decoration: underline;
}

p.small
{
	font-size: 10px;
}

.smallprint
{
	font-size: 10px;
}

.smltext
{
	font-size: 9px;
}


.error {
	color:#E10915;
}

h2
{

}

h3
{

}

:focus
{
	outline: none;
}

hr{
	color: #0066BC;
	height: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	background-color: #0066bc;
}

/* === FORMS === */
form
{

}

fieldset
{

}

legend
{
	font-weight: bold;
}

input, select, textarea
{
	font: 11px Arial, sans-serif;
	margin-bottom: 8px;
	padding: 2px;
	border-top: 1px solid #7DAADF;
	border-left: 1px solid #7DAADF;
	border-right: 1px solid #CFE5FF;
	border-bottom: 1px solid #CFE5FF;
	color: #00619D;
}

label, input.button
{
	cursor: pointer;
}

label
{
}

input.button
{
}

form ol
{

}

form ol li
{
	list-style-type: none;
}

.turbofreight, .smlform {
	width: 229px;
}

/* === TABLES === */
div.large table
{
	width: 665px;
	margin: 0 25px 15px 25px;
	border-collapse: collapse;
	border: 1px solid #006699;
}

div.medium table
{
	width: 420px;
	margin: 0 25px 15px 25px;
	border-collapse: collapse;
	border: 1px solid #006699;
}

.userarea {
	width:auto;
	margin: 5px;
	font-size: 10px;
}

div.popup table{
	/*width: auto;*/
	margin: 0 25px 15px 25px;
	border-collapse: collapse;
	border: 1px solid #006699;
}
.sailtbl {
	width: auto;
	margin: 0 25px 15px 25px;
	padding: 0px;
	border-collapse: collapse;
}

.containertbl {
	width: auto;
	margin: 0 25px 15px 25px;
	padding: 0px;
	border-collapse: collapse;
}

th
{
	background: #006699;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

.rates th
{
	background: #006699;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}

th a {
	color: #FFFFFF;
	text-decoration: underline;
}

td
{
	
}

th, td
{
	padding: 6px;
}

td.small, th.small
{

}

td.center, th.center
{

}

td.right, th.right
{

}

tr.odd
{
	background: #ebf4f9;
}

tr.even
{
	background: #f3f8fb;
}

tr.odd-head
{
	background: #ebf4f9;
	border-top: 1px solid #006699;
}

tr.even-head
{
	background: #f3f8fb;
	border-top: 1px solid #006699;
}

/* === CONTAINERS === */
div#container
{
	width: 745px;
	text-align: left;
	margin: 10px auto;
}

div#popcontainer
{
	width: 530px;
	text-align: left;
	margin: 10px auto;
}

div#header
{
	position: relative;
	margin-bottom: 10px;
}

div.module
{
	background: url(../images/menu-top.gif) top left no-repeat;
	padding-top: 20px;
	margin-bottom: 0;
}

div.popmodule
{
	background: url(../images/pop-menu-top.gif) top left no-repeat;
	padding-top: 20px;
	margin-bottom: 0;
}

.inner
{
	background: url(../images/menu-bottom.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

.popinner
{
	background: url(../images/pop-menu-bottom.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

.content
{
	background: #A9C7ED;
	padding: 0 15px;
	margin: -5px 0;
}

/* === HEADER === */
div#header h1
{
	width: 500px;
	height: 63px;
	display: block;
	background: url(../images/cardinal-maritime.gif) top left no-repeat;
	text-indent: -999em;
}

div#header img.logo
{
	position: absolute;
	top: 0;
	left: 0;
}

div#header img
{
	position: absolute;
	top: 0;
	right: 0;
}

/* === QUOTE === */
div#quote
{
	color: #FFF;
	position: relative;
}

div#quote fieldset fieldset
{
	float: left;
	width: 180px;
	padding: 5px 10px 0 0;
	margin-right: 10px;
	border-right: 1px solid #FFF;
}

div#quote select
{
	width: 180px;
}

div#quote label
{
	float: left;
	width: 48px;
	padding-top: 2px;
}

div#quote label.long
{
	width: 150px;
}

div#quote input.button
{
	width: 76px;
	height: 37px;
	border: none;
	background: url(../images/quote-button.gif) top left no-repeat;
	text-indent: -999em;
	margin: 30px 0 0 20px;
}

fieldset.content
{
	padding-top: 15px;
}

img#calc
{
	position: absolute;
	top: 0;
	left: 15px;
}

div#quote p#strap
{
	position: absolute;
	top: 6px;
	left: 155px;
	background: url(../images/quote-strap.gif) top left no-repeat;	
	width: 366px;
	height: 9px;
	text-indent: -999em;
}

ul#select
{
	position: absolute;
	margin-top: 0px;
	padding-top: 0px;
	top: 0;
	right: 20px;
	list-style: none;
	left: 525px;
}

ul#select li a
{
	height: 24px;
	display: block;
	float: left;
	text-indent: -999em;
	font-weight: normal;
	top: 0;
}

ul#select li.expQuote a
{
	width: 114px;
	background: url(../images/from.gif) center top no-repeat;
	margin-right: 8px;
}

ul#select li.impQuote a
{
	width: 76px;
	background: url(../images/to.gif) center top no-repeat;
	top: 0;
}

ul#select li.expQuote a.active
{
	background-image: url(../images/from-active.gif);
}

ul#select li.impQuote a.active
{
	background-image: url(../images/to-active.gif);
}

/* === NAV === */
div#nav
{
	background: #006598 url(../images/nav-left.gif) top left no-repeat;
	text-align: center;
	font: bold 12px verdana, sans-serif;
}

div#nav ul
{
	list-style: none;
	background: url(../images/nav-right.gif) top right no-repeat;	
	padding: 13px 0 14px 0;
}

div#nav li
{
	display: inline;
	margin: 0 25px;  
	position: relative;
  z-index: 6;
}

div#nav li ul
{
	display: none;
  position: absolute; 
  top: 12px;
  left: -65px;
  background: url(../images/dropdown-bg.gif) bottom left no-repeat;
  text-align: left;
  font-weight: normal;
  padding: 0;
  width: 182px;
  z-index: 7;
  padding-bottom: 17px;
  padding-top: 5px;
}

div#nav li ul li
{
	display: block;
	margin: 0;
  background: #006598;
  padding: 4px 15Px;
  float: none;
}

div#nav li ul li a
{
	display: block;
	font-weight: normal;
}

div#nav li:hover ul
{ 
	display: block; 
}

div#nav a
{
	color: #FFF;
}

/* === CONTENT === */
div.pod
{
	background: #FFF url(../images/pod-bottom.gif) bottom left no-repeat;
	float: left;
	width: 229px;
	margin-right: 14px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #006699;
	position: relative;
}

div.last
{
	margin-right: 0;
}

div.pod h2
{
	background: url(../images/pod-header.gif) top left no-repeat;
	color: #FFF;
	padding:  5px 25px;
	font: bold 12px Verdana, sans-serif;
	margin-bottom: 10px;
}

div.pod p.podtext
{
	font: 10px Verdana, sans-serif;
}

div.pod fieldset
{
	padding: 7px 25px;
	margin-top: 5px;
	position: relative;
	height: 100px;
}

div.pod fieldset
{
	padding: 7px 25px;
	margin-top: 5px;
	position: relative;
	height: 100px;
}

div.midpod fieldset
{
	height: 80px;
	padding: 0px 25px 0px 25px;
}

div.medium fieldset, div.large fieldset
{
	height: auto;
}

div.pod legend
{
	color: #006598;
}

div.pod label
{
	float: left;
	width: 30px;
	padding-top: 3px;
}

div.large label, div.medium label
{
	width: 100px;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
	padding-top: 3px;
}

div.large #updatePro label {
	width:200px;
	padding-bottom: 5px;
}

#updatePro select {
	width: 60px;
}

div.pod select
{
	width: 100%;
}

div.pod form.sailsched select
{
	width: auto;
	margin-left: 25px;
}

div.pod input.button
{
	position: absolute;
	bottom: 16px;
	right: 50px;
	width: 93px;
	height: 24px;
	padding: 0;
	background: #006598 url(../images/pod-button.gif) top left no-repeat;
	border: none;
	color: #FFF;
	font-weight: bold;
}

div.pod input.midbutton
{
	position: absolute;
	bottom: 9px;
	right: 50px;
	width: 93px;
	height: 24px;
	padding: 0;
	background: #006598 url(../images/pod-button.gif) top left no-repeat;
	border: none;
	color: #FFF;
	font-weight: bold;
}

div.large input.button, div.medium input.button
{
	position: relative;
	bottom: auto;
	right: auto;
}

div.pod input.button:hover
{
	background-color: #0B83BF;
}

div.more
{
	position: relative;
	height: 35px;
}

div.pod a.button
{
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 93px;
	height: 19px;
	text-align: center;
	padding: 5px 0 0 0;
	background: #006598 url(../images/pod-button.gif) top left no-repeat;
	color: #FFF;
	font-weight: bold;
}

div.medium
{
	width: 472px;
	background-image: url(../images/pod-medium-bottom.gif);
}

div.medium h2
{
	background-image: url(../images/pod-medium-header.gif);
}

div.popup
{
	width: 500px;
	background-image: url(../images/pod-popup-bottom.gif);
}

div.popup h2
{
	background-image: url(../images/pod-popup-header.gif);
}

div.large
{
	width: 714px;
	margin-right: 0;
	background-image: url(../images/pod-large-bottom.gif);
}

div.large h2
{
	background-image: url(../images/pod-large-header.gif);
}

div.pod h3, div.pod h4, div.pod p
{
	padding: 0 25px;
}

div.pod h3
{
	color: #e10915;
	margin-bottom: 14px;
	font-size: 14px;
	font: bold 14px Arial, sans-serif;
}

div.pod h4
{
	margin-bottom: 10px;
	font: bold 12px Arial, sans-serif;
}

div.pod p
{
	line-height: 1.5;
	margin-bottom: 10px;
}

div.pod img.center
{
	display: block;
	text-align: center;
	margin: 0 auto 5px auto;
}

div.bottom
{
	margin-bottom: 0;
}

div.large img.right,
div.right
{
	float: right;
	padding: 10px 25px 10px 10px;
}

div.large img.left
{
	float: left;
	padding: 10px 10px 10px 25px;
}

div.medium img.right
{
	float: right;
	padding: 10px 0px 10px 0px;
}

div.medium img.left
{
	float: left;
	padding: 10px 0px 10px 0px;
	
}

div#left
{
	float: left;
	width: 243px;
}

/* === added SG === */
ul.mainbody{
	padding: 0px 0px 10px 45px;
}

ul.reallist {
	padding: 0px 25px 25px 25px;
	list-style-type:none;
}

ul.reallist li{
	padding: 2px 2px 2px 0px;
}

ul.realbulletlist {
	padding: 0px 25px 10px 40px;
	list-style-type: disc;
}

ol.mainbody{
	padding: 0px 0px 10px 45px;
}

ol.reallist {
	padding: 0px 25px 25px 25px;
	list-style-type:none;
}

ol.reallist li{
	padding: 2px 2px 2px 0px;
}

ol.realbulletlist {
	padding: 0px 25px 10px 40px;
	list-style-type: disc;
}

ul.reallist li h3{ padding: 10px 0px 0px 0px;}
/* === end steve === */
/* === CAPTAINS QUOTE === */
div#captain
{
	margin-bottom: 15px;
	position: relative;
}

div#captain dl
{
	margin-left: 25px;
	float: left;
	margin-bottom: 10px;
	width: 335px;
	background: url(../images/dl-bg.gif) 110px 0 repeat-y;
}

div#captain dd, div#captain dt
{
	padding: 7px 0;
}

div#captain dt
{
	font-weight: bold;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	margin-right: 10px;
	clear: left;
	float: left;
}

div#captain div.quote
{
	width: 350px;
	height: 260px;
	float: right;
	background: url(../images/captains-quote.gif) 20px 10px no-repeat;
	position: relative;
}

div#captain div.quote span
{
	font: bold 16px Verdana, sans-serif;
	color: #E10915;
	position: absolute;
	top: 75px;
	left: 70px;
}

div#captain div.buttons
{
	position: absolute;
	bottom: 0;
	right: 0;
}

div#captain a.button
{
	display: block;
	float: left;
	margin-left: 10px;
	background-color: #E10915;
	position: relative;
}

/* === FOOTER === */
div#footer
{
	text-align: right;
	color: #006598;
	font: 10px Arial, sans-serif;
	background: url(../images/footer-bg.gif) top left no-repeat;
	padding-top: 45px;
}	

/* === CLEAR === */
.clearer 
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

/* === rate nav === */
#ratenav select{width: 180px;}

/* === end === */

.redlink{color: #E10915; }
ul.homelist {
	padding: 0px 5px 25px 25px;
	list-style-type:none;
}

ul.homelist li{
	padding: 2px 2px 2px 0px;
}

div.pod form#importSearch p {padding:0px;}

/* jquery homepage search stuff */
div#popupSearch{
	background-color: #fff;
	padding: 0px;
	margin: 10px;
}

#popupSearch #vesselSearch{
	width: 250px;
	float: left;
}

#popupSearch #containerSearch{
	width: 250px;
	float: left;
}

#popupSearch fieldset {
	height: 90px;
}

#popupSearch legend{
	color: #006598;
	font-weight:bold;
	padding: 10px;
}

#popupSearch #searchSuggestions{
	width: 570px;
	float: left;
	background-color: #fff;
	height: 300px;
}

.containertbl {width: 500px; border: 1px solid #006699; text-align: left;}