/* @override 
	http://bunkerworld.local.m.ac.nz/assets/css/directory.css
	http://i8.o2.local.m.ac.nz/directory/css/directory.css
	http://i8.o2.local.m.ac.nz/directory/css/directory.css?v2
	http://i8.o2.local.m.ac.nz/directory/css/directory.v8.11.5.1.css
*/
/* ----------------------------------------------------------
 * Directory
 * ----------------------------------------------------------
 */
 #directory_col1{
 	float: left;
 	width: 400px; 	
	overflow: hidden;
 }

 #directory_col2{
 	float: left;
 	width: 350px;
 	margin-left: 10px;
 }
#directory-rhs {
	float: left;
	overflow: hidden;
	padding-left: 10px;
	width: 510px;
}

#directory-main_col1 {
	float:left;
	width: 190px;
	margin-right: 10px;
	}
#directory-main_col2 {
	width: 720px;
	
	overflow:hidden;
	}
.search-label {
	color: #3399CC;
	font-weight: bold;
	display: block;
	float: left;
	overflow: hidden;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	font-size: 0.9em;
}
.search-section {
	padding-bottom: 10px;
	overflow: hidden;
}
.search-section h3 {
	
	display: block;	
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
}
.search-section img {
	float: left;
}
.search-section h3 {

	font-weight: bold;
	font-size: 1em;
}
.search-section a {
	color: #3399CC;
}
h3.form-section {
	font-size: 0.8em;
}
.form-section {
	padding-top: 20px;
	padding-left: 10px;
}
.form-section a {
	color: #3399CC !important;
	font-size: 0.8em;
}
.search-item {
	padding-top: 10px;
	clear: left;
}
#search-reports {
}
.order-field label {
	width: 150px;
	display: block;
	float: left;
}
.reports-search-label {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	float: left;
	overflow: hidden;
	width: 90px;
	text-align: right;
	padding-right: 10px;
}
#poform, #psearch {
	margin: 0px;
	padding: 0px;	
}
#search-result {
	width: 100%;
	overflow: hidden;	
	margin-right: 10px;
}

#search-results {
	overflow: hidden;
	width: 100%;
	font-size: 1.1em;
}
#search-results th {
	background-image: url('../image/header_fade.png');
	background-repeat-x: repeat;	
}
#search-results th a:visited {
	color: #0000FF;
}
#search-results td, th {
	font-size: 0.8em;
	text-align:left;
}
#search-results td,th {

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#search-results .column-hint {
	font-weight: normal;
	color: #666666;
}
#search-results .enhancedListing td {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	/* font-weight: bold; */
	/* font-size: 0.95em; */
}
#search-results .enhancedListing td.on {
	background-color: #fff;
}

#search-results td.on {
	background-color: #F3F3F3;
}
#search-results img {
	padding-right: 10px;
}
#search-result-header {
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}
#search-result-header img {
	position: relative;
	top:4px;
}
#search-result-footer {
	font-size: 0.9em;
	text-align: center;
}
#search-result-page {
	font-size: 0.9em;
	float: right;
	color: #666666;
	font-weight:bold;
	padding-top:4px;
}
#result-title {
	overflow: hidden;	
	padding-top: 10px;
}
#result-icon {
	display: block;
	overflow: hidden;
	float: left;
	
}
.recent-list {
	margin-left: 0px;
	padding-left: 24px;
	list-style-image: url("../image/recent_arrow.png");
	font-size: 0.9em;
}
a {
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}

#directory-header {
	height: 70px;
	border-bottom: 1px solid #eee;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	font-size: 1.2em;
	padding-bottom: 10px;
	margin-left: 20px;
	
}
#directory-header.portPage {
	height: 100px;
	overflow: hidden;
}
#directory-header h1 {
	font-size: 1.1em;
	margin-bottom: 0;
	padding-top: 13px;
}
#directory-header h1.company-name {
	font-size: 1.2em;
}

#directory-header.portPage h1 {
	font-weight: normal;
	font-size: 1.0em;
}
#directory-header.portPage h1 strong {
	font-weight: bold;
	font-size: 1.1em;
}

#directory-header .directory-byline {
	font-size: 0.8em;
	color: #666;
}
#directory-header .directory-byline a.company-name-country {
}

.directory-bannerA {
	float: right;
	text-align: center;
	margin-left: 10px;
}
.directory-serviceLogo {
	float: right;
	text-align: center;
	margin-left: 10px;
	padding-top: 15px;
}

.directory-sign {
	float: right;
	text-align: center;
	margin-left: 10px;
	color: #222;
	margin-top: 15px;
}

#directory-globalmap-top {
	float: right;
}
#directory-map {
	width: 370px;
	height: 160px;
	background-image: url(../../directory/image/directorymap.png);
}

#directory-companyList .colistnote {
	color: #777;
	font-size: 0.8em;
}

#directory-region table.data {
	width: 700px;
}

#directory-region table td {
	line-height: 1.5em;
	font-size: 0.8em;

}

#directory-region table.data strong {
}

#directory-region h2 {
	font-weight: normal;
	font-size: 1.1em;
	border-bottom: 1px solid #f0f0f0;
}
#directory-region h2 em {
	font-weight: bold;
}

#directory-localtime {
	color: #666;
	font-size: 0.9em;
}

.portbuttonbg {
		background-image: url('http://www.bunkerworld.com/image/24x24_vert_fade.gif'); 
		height: 24px ;
}


.portbutton A {
		text-decoration: none;
		font-size: 0.9em;
		display: block;
		padding: 1px 12px 0;		
}
.portbutton { 
		border-style: solid; 
		border-color: #CCCCCC;
		border-right-width: 1px;
		border-left-width: 0; 
		border-top-width: 0;
		border-bottom-width: 0;
		float: left; 
		background-image: url('../image/24x24_vert_fade.gif'); 
		height: 24px ;
		
}
.portbutton A {
		text-decoration: none;
		color: #003366;
		font-size: 0.9em;
}
.portbuttonselected { 
		border-style: solid; 
		border-color: #CCCCCC;
		border-right-width: 1px;
		border-left-width: 0; 
		border-top-width: 0;
		border-bottom-width: 0;
		padding: 0px 12px 4px;
		float: left; 
		background-image: url('../image/24x24_vert_fade_green.gif'); 
		height: 20px;	
		
		color: #006600;	
}
.portbuttonselected A {
		text-decoration: none;
		color: #006600;
		font-size: 0.9em;
}

#directory-port-globalmap {
	margin-top: 10px;
	width: 240px;
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #444;
}
#directory-port table.data {
	width: 375px;
	margin-top: 10px;
}
#directory-port {
	width: 570px;
	overflow: hidden;
}

#directory-news ul {
	margin: 0;
	padding: 0;
}
#directory-news li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

#directory-news li div {
	overflow: hidden;
	padding-bottom: 5px;
	font-size: 0.8em;
	color: #666;
	width:  100%;
}
#directory-news .news-stamp {
	display: block;
	float: left;
	padding-top: 1px;
	padding-right: 5px;
	width: 55px;
}
#directory-news li div img {
	float: right;
	margin-left: 10px;
}
#directory-news a.high {
	font-size: 1.1em;
}
#directory-news a {
	display: block;
}
#directory-news a.high, #directory-news a.feat {
	margin-left: 60px;
}
#directory-news li div br {
	display: none;
}

#directory-news .ingress {
	display: block;
	margin-left: 60px;
}
.directory-searchAgain {
	padding: 3px;
	margin: 10px 0;
	border-top: 1px solid #f2f2f2;
	text-align: right;
	font-weight: bold;
}

.mainarea {
	
	margin-right:  200px;
	/*
	border-color: #00FF00;	
	border-style: solid;
	border-width: 3px;
	*/
	display: block;
	
	float: left;
}
.rightside {
	width: 120px;
	float: right;
	background-color: #eee;
	padding: 5px;
}
.rightside h2 {
	color: #444;
	font-size: 0.9em;
	padding-left: 4px;
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: 0;
}
.rightside ul {
	margin-bottom: 5px;
}
.rightside ul {
	margin: 0;
	padding: 0;
}
.rightside li {
	list-style: none;
	margin-bottom: 5px;
	padding-left: 5px;
}
.rightside a {
	font-size: 0.9em;
}
.rightside a.fixed {
	font-size: 0.8em;
}
.padder {
	clear:  both;
	width: 100%;
	display: block;
}

.maininfoarea {
	/*
	border-color: #0000FF;	
	border-style: solid;
	*/
	padding-left: 10px;		
	padding-right: 0;
	
	clear: both;		
	font-size: 0.9em;
	width: 510px;
}

.header {}

.servicelogo {
	float: left;
	padding-right: 10px;
}

.companynamearea {
	margin-bottom: 1em;
	padding-left: 10px;
}

.companyname {
	
	font-size: 16pt;
	font-weight: bold;
}
.servicecat {		
	/* padding-left: 40px; */
}

.listlink {
	float: right;
	/*
	border-color: #FFFF00;	
	border-style: solid;
	*/
}

.officeselector {
	padding-top: 1em;	
	padding-left: 10px;
	width: 520px;
	display: block;
	overflow: hidden;
}

.officetablabel {
	display: block;
	float:left;
	padding-right: 20px;
	color: #666;
}	
.officetab, .officetabselected {
	display: block;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	border-top: solid;
	border-width: 1px;
	border-color: #FFFFFF;	
		
}
.officetabselected {
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
/*	
.officetabselected {
	display: block;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	
	border-top: solid;
	border-left: solid;
	border-right: solid;
	border-width: 1px;
	border-color: #CCCCCC;
			
}	*/

.officetab A,  .officetab A:hover, .officetab A:visited, .officetabselected A,  .officetabselected A:hover, .officetabselected A:visited {	
	text-decoration: none;
	color: #006699 !important;
}
	

.officedetails {
	width: 500px;
	overflow: hidden;
	background-color: #F9F9F9;
	padding: 5px;
	border-top: solid;
	border-width: 1px;
	border-color: #CCCCCC;			
}
.officecontacts {
	clear: left;
}
.officeaddress {

	display: block;
	
	border-style: dashed;
	border-color: #FFFFFF;
	border-width: 0px;
	border-left-width: 3px;
	padding-left: 5px;
	padding-right: 4em;
}
.personnelcontacts {
	padding: 1em 0 0 0.4em;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	width: 100%;
	clear: left;
	display: block;	
	font-size: 0.9em;;
}
.stafflisttitle {
	font-weight: bold;
	font-size: 1.4em;
	color: #666666;
}
dl.contactlist {
	display:block;
	float: left;
	 margin: 0;
	padding: 0;		
	margin-bottom: 1.0em;
}
.contactlist dd {	
	display:block;
	white-space: nowrap;
	 margin: 0;
	 margin-left: 7em;
	 margin-right: 1em;
	font-size: 0.9em;
}
.addressList dd {
	margin-left: 8em;
}
.contactlist dt {
	 float: left;
	 margin: 0;
	 padding: 0;
	font-size: 0.9em;
}
.addressList dt, .addressList dd {
	margin-bottom: 1.0em;
}
.actionbuttons {
	margin-top: 2em;
	display: block;
	text-align: right;
}
.actionbuttons form {
	display: inline;
}
.actionbutton {
	margin-right: 2em;
	font-size: 8pt;
	
	
}
.companynewstitle {
	font-weight: bold;
	color: #666666;
	padding-bottom: 1em;		
}

#officechooserblock {
	display: inline;
	float: left;
}
.companynews li {
	list-style: none;
}
.companynews li div {
	overflow: auto;
	width: 100%;
}
.companynews .news-stamp {
	color: #666;
	font-size: 0.8em;
	float: left;
	padding-top: 1px;
	width: 50px;
	display: block;
}

.directory-port-subPorts {
	font-size: 0.9em;
	margin-bottom: 10px;
}
.portdetails-suppliers td {
	font-size: 0.9em;
}
.companyList table, .portdetails-suppliers table {
	width: 100%;
}
.companyList td, .portList td {
	font-size: 0.75em;
}
.country-lubes, .country-bw {
	font-size: 1.0em;
	color: #444;
	height: 25px;
	padding-left: 32px;
	padding-top: 3px;
	background-image: url( /image/lube_24.gif );
	background-repeat: no-repeat;
	float: left;
}
.country-bw {
	background-image: url( /image/supplier_24.gif );
}
a.goto-brokers {
	margin-top: 12px;
	display: block;
	float: right;
	font-size: 1.0em;
	height: 25px;
	padding-left: 32px;
	padding-top: 3px;
	background-image: url( /image/broker_24.gif );
	background-repeat: no-repeat;
}
a.goto-bargers {
	margin-top: 12px;
	display: block;
	float: right;
	font-size: 1.0em;
	height: 25px;
	padding-left: 32px;
	padding-top: 3px;
	padding-right: 8px;
	background-image: url( /image/barge_operator_24.gif );
	background-repeat: no-repeat;
}
#all-suppliers, #all-suppliers-wchoices {
	font-size: 0.85em;
	text-align: right;
	padding-top: 16px;
	float: right;
}
#all-suppliers-wchoices {
	padding-top: 2px;
}
#country-h2-header {
	width: 560px;
	overflow: hidden;
	border-bottom: 1px solid #f8f8f8;
}
.simpleareas {
	padding-top: 16px;
	font-size: 0.9em;
	color: #444;
}

#directory-home-search {
	width: 280px;
}
#directory-home-search h2, #directory-home-map h2 {
	margin: 10px 10px;
	color: #666;
	font-size: 1.1em;
}
#directory-home-search h3 {
	font-weight: normal;
	color: #999;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: none;
}
#directory-home-search h3.up {
}
#directory-home-search h3 strong {
	font-weight: normal;
	color: #666;
	font-size: 1.2em;
}
#directory-home-search form {
	display: inline;
}
#by-ports {
	width: 270px;
	overflow: hidden;
}
#by-ports select, #by-company select {
	width: 150px;
}
#by-company, #by-personnel {
	border-bottom: 1px solid #eee;
}
#by-company, #by-personnel, #by-ports {
	padding: 10px 10px;
}
#by-ports label, #by-company label, #by-personnel label {
	float: left;
	width: 65px;
	font-size: 0.85em;
	color: #444;
	padding-top: 2px;
	padding-right: 5px;
	text-align: right;
}
#by-company #letters {
	padding-top: 3px;
	font-size: 0.8em;
	margin-left: 70px;
}
#by-company #letters a {
	padding: 0 2px;
}
#by-company #letters a.selectedLetter {
	color: #900;
}

#directory-home-search .submitRow {
	text-align: right;
}
#directory-home-map {
	margin-left: 301px;
}
#prices-map {
	width: 420px;
	margin-left: 10px; 
	height: 238px; 
	background-image: url(../bunkerworld/maps/world/mapbg.gif);
}


/* ---------------- COMPANY DETAIL PAGE --------------------- */

#directory-cheader {
	overflow: hidden;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	width: 890px;
}
#directory-co-logo {
	float: right;
	margin-right: 10px;	
}
#directory-cname {
	font-size: 1.5em;	
}
#directory-ccountry {
	
}
#directory-cservices {
	color: #999999;
	font-size: 0.9em;
}
#map-box {
	float: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 3px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	width: 520px;
	height: 600px;	
	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;			
}
#mapcanvas {
	width: 520px;
	height: 600px;
}

#pos-page #map-box, #pos-page #mapcanvas {
	width: 665px !important;	
	height: 500px;
}

#directory-office-list, #directory-supply-port-list {
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
	float: left;
	width: 375px;
}

#pos-page #directory-supply-port-list {
	width: 230px !important;	
}

.directory-office, .directory-port-selector {
	overflow: hidden;
	padding: 6px;
	background-color: #EEEEEE;	
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
	width: 100%;
	cursor: hand;
	cursor: pointer;	
}
.directory-port-selector {
	padding-top: 3px;
	height: 12px;
	margin-bottom: 4px;
}
.office-active {
	background-color: #EEF6EE !important;	
}
.directory-office:hover, .directory-port-selector:hover {
	background-color: #F6F6F6;
}
.directory-port-left {
	float: left;
	width: 180px;
	overflow: hidden;
}
.directory-office-name, .directory-port-selector-name {
	font-weight: bold;
	font-size: 0.9em;
}
.port-selector-country-name {
	color: #000000;	
}
.directory-address-list {
	overflow: hidden;
	width: 170px;	
	float: left;
}
.directory-contacts-list {	
	overflow: hidden;
	font-size: 0.9em;
	color: #33333;	
	width: 160px;
	float: left;
	margin-left: 4px;
}
.co-address {	
	overflow: hidden;
	font-size: 0.9em;
	color: #33333;
	margin-bottom: 10px;
}
.address-selection-arrow, .port-selection-arrow {
	overflow: hidden;
	float:left;
	background-image: url(../image/address-selection-arrow.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 29px;
	height: 80px;
	margin-top: auto;
	margin-bottom: auto;
}
.port-selection-arrow {
	height: 15px !important;	
	background-position: 0px -22px;
}	
.address-selection-arrow-on {
	background-image: url(../image/address-selection-arrow-on.gif);
}
.address-selection-arrow-fail {
	background-image: url(../image/address-selection-arrow-fail.gif);
}
.address-selection-arrow-working {
	background-image: url(../image/address-selection-arrow-fail2.gif);
}
#employee-list {
	overflow: hidden;
	float: left;
}
#employee-list tr.over td {
	background-color: #FF9;	
}
#employee-list th {
	font-size: 0.9em;
}
#employee-list td {
	font-size: 0.9em;	
	cursor: hand;
	cursor: pointer;
	padding-left: 10px;
}
#employee-list tr:hover {
	
}
#employee-list .odd {
 background-color: #EEE;
}
#employee-list .even {
 background-color: #FFF;
}
#employee-details {
	border: 1px dashed #CCCCCC;
	width: 400px;
	height: 500px;
	float: left;
	overflow: hidden;	
	margin-left: 20px;
	
}
#employee-main {
	overflow: hidden;
	padding-top: 60px;
	padding-left: 40px;
	margin-bottom: 30px;
	display: block;
	
}
#employee-photo {
	overflow: hidden;
	float: left;
	width: 68px;
	height: 68px;
	text-align:right;
}
#employee-placeholder {
	background-image: url('../image/placeholder.png');
	background-repeat: no-repeat;
	background-position: right;
	width: 48px;
	height: 48px;
	overflow: hidden;
	float: left;
	
	padding-left: 20px;
}
#employee-header {
	float:left;
	overflow: hidden;
	padding-left: 20px;
}
#employee-header h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.employee-title {
	font-weight: bold;
	color: #666666;
}
#employee-contacts {
	overflow: hidden;
	clear: left;
}
#employee-contacts .contact-type {
	overflow: hidden;
	float: left;
	
	width: 68px;
	text-align: right;
	color: #AAAAAA;
	font-weight: bold;
	
}
#employee-contacts .contact-value {
	overflow: hidden;
	
	width: 260px;	
	padding-left: 20px;
	float: left;
	
}
#employee-contacts ul {
	list-style-type:  none;
}
#employee-contacts li {
	overflow: hidden;
	padding-bottom: 15px;
}

#directory-company-news .gwtk_newslist-block {
	width: 800px !important;	
}
#directory-company-news .newslist-block-headlinestandfirst-block  {
	width: 600px !important;	
}
#directory-company-news #news-archive-link {
	float:right;
}

#brightstar-leftside {
	overflow: hidden;
	float: left;
	width: 400px;
	margin-right: 10px;
	padding: 0px;
}
#brightstar-rightside {
	overflow: hidden;
	float: left;	
	
	width: 490px;
}
#bs-agreement-download {
	overflow: hidden;
	float: right;
	padding-top: 20px;
	padding-bottom: 10px;
}
#brightstar-terms-box {
	overflow-y: scroll;
	height: 300px;
	width: 840px;	
	background-color: #EEEECC;
	padding: 20px;
}
#brightstar-terms-box pre {
	font-family: arial;
	font-size: 0.8em;	
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}	
/* ----------------- TOPOGRAPHY STUFF ---------------------- */

#directory-region-trail {
	overflow: hidden;
	float: left;
	width: 140px;
	
}

#directory-region-main {
	overflow: hidden;
	float: left;
	width: 530px;
	padding-top: 10px;
	padding-right: 20px;
	
	padding-left: 10px;
}
#directory-port-news .gwtk_newslist-block {
	width: 650px !important;	
}
#directory-port-news .newslist-block-headlinestandfirst-block  {
	width: 450px !important;	
}
#directory-port-news #news-archive-link {
	float:right;
}
#list-selectors {
	font-size: 0.9em !important;
	font-weight: normal !important;
}