/*** The Essential Code ***/

body {
	margin: 0;
	padding: 5px;
/*	background: URL('background.jpg') repeat-x #dddddd;*/
	background: #eeeeee;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

body.main {
	/*min-width: 850px;*/
}

html, body {
	height:100%;
}

/*** IE Fix ***/
* html body {
	height:100%;
}

th {
	text-align:left;
}

td {
	font-size: 1em;
}

ol li {
	margin-bottom:5px;
}

#container {
	position: relative;
	min-height:80%;
	/*padding-left: 170px;*/      /* LC fullwidth */
	/*padding-right: 180px;*/     /* RC fullwidth + CC padding */
	margin: 5px 0;
}

/*** IE Fix ***/
* html #container {
	height:80%;
}

#container .column {
	/*position: relative;*/
	/*border: 1px solid red;*/
}

#center {
	padding: 0px;       /* CC padding */
	float: none;
	margin:0 175px 0 165px;
	/*width: 100%;*/
}

#left {
	float: left;
	width: 160px;             /* LC width */
	padding: 0px;          /* LC padding */
	/*right: 180px;*/             /* LC fullwidth + CC padding */
	/*margin-left: -100%;*/
}

/*** IE Fix ***/
* html #left {
	/*left: 170px;*/              /* RC fullwidth */
}

* html div.ieleft {
	left:-5px;
}

#right {
	float:right;
	width: 170px;             /* RC width */
	padding: 0px;          /* RC padding */
	/*margin-right: -100%;*/
}

#footer {
	clear: both;
	height: 40px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -225px;
}

#header {
	background: URL('logo/bggrey.jpg') top left repeat-x;
/*	background: URL('logo/logo-normal.jpg') top left no-repeat;*/
/*	background: URL('logo/logoenh.gif') top left no-repeat #FFA83C;*/
	margin: 0;
	border: 0px solid #AFC8E6;
}

#header, #footer {
	padding: 0;
}

h1 {
	font-size: 1.8em;
	margin-top:0px;
}

h2 {
	font-size: 1.4em;
	margin: 0px;
}

h3 {
	font-size: 1.1em;
	margin: 2px;
}

h4, h5 {
	font-size: 0.9em;
	margin: 0px;
	margin-bottom: 0px;
}

a:link, a:visited, a:active, a:hover {
	color: #31628B;
	text-decoration: none;
	font-weight:bold;
}

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

a:link img, a:visited img, a:active img, a:hover img {
	border: none;
	margin-bottom: -2px;
}

div.menu {
	display: block;
	background: URL('topmenubgblue.jpg') top left repeat-x;
	margin-top: 5px;
	height: 32px;
}

div.menu span {
	color: #fff;
	position: relative;
	top:10px;
	margin-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#langbar {
	position:absolute;
	float: right;
	right:5px;
	height: auto;
	text-align:right;
	padding-top:0px;
	padding-right:5px;
	background: none;
	top:95px;
	z-index: 101;
}

#langbar a:link,
#langbar a:visited,
#langbar a:hover,
#langbar a:active
 {
	display: inline !important;
	background: none;
	height: auto;
}

#langbar img {
	border: 1px solid #AFC8E6;
}

div.langSel {
	width:120px;
	background:white;
	border: 1px solid #AFC8E6;
	display: none;
	position: absolute;
	right: 10px;
	z-index: 100;
}

* html div.langSel {
	margin-top:18px;
}

div.langSel a:link,
div.langSel a:visited,
div.langSel a:active,
div.langSel a:hover
 {
 	display: block !important;
	padding:5px;
	font-size: 0.9em;
}

div.langSel a:hover {
	background: #AFC8E6;
}

div.langSel a:link img,
div.langSel a:visited img,
div.langSel a:active img,
div.langSel a:hover img
{
	margin-left: 5px;
	border: 1px solid #AFC8E6;
}


#sitenav {
	position:relative;
	float:right;
	height:32px;
	top:-10px;
	margin:0px;
	padding:0px;
}

#sitenav a:link, #sitenav a:visited, #sitenav a:active, #sitenav a:hover {
	display: block;
	float: left;
	padding: 7px 10px;
	margin-left:3px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	background: URL('topmenubgblue.jpg') repeat-x ;
}

#sitenav a:hover {
	background: #EAEDF4;
	color:#31628B;
}


#toolsnav {
	clear:both;
	height: 37px;
	background: URL('mainmenuback.jpg') repeat-x ;
	width: 100%;
	border-bottom: 1px solid white;
	text-align:left;
}

#toolsnav * {
	vertical-align: middle;
}

#toolsnav a:link, #toolsnav a:visited, #toolsnav a:active, #toolsnav a:hover {
	display: block;
	height: 100%;
	/*width:100%;*/
	padding: 5px 10px;
	margin: 0px;
	font-weight: bold;
	font-size:1em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	/*	background: #E04701;*/
	/*background: URL('mainmenuback.jpg') repeat-x #dddddd;*/
	/*border-right: 1px solid #ffffff;*/
}

#toolsnav a:hover {
	/*background: URL('mainmenuup.jpg') repeat-x white;*/
	color: #31628B;
	text-decoration: underline;
}

#offersnav {
	clear:both;
	height: 32px;
	/*background: #31628B;*/
	width: 100%;
}

#offersnav * {
	vertical-align: middle;
}

#offersnav a:link, #offersnav a:visited, #offersnav a:active, #offersnav a:hover {
	display: inline-block;
	float: left;
	margin: 0px;
	margin-top: -2px;
	padding: 8px 10px;
	font-weight: bold;
	font-size:0.8em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	/*background: #31628B;*/
	background: URL('topmenubgblue.jpg') repeat-x ;
	border: 1px solid #31628B;
	border: 1px solid white;
}

#offersnav a:hover {
	background: #EAEDF4;
	color:#31628B;
	border: 1px outset white;
}

#offersnav a:active {
	background: #EAEDF4;
	color:#31628B;
	border: 1px inset white;
}


div.sidebarBlock {
	background: #ffffff;
	margin:0px 0px 5px 0px;
	border: 1px solid #AFC8E6;
/*	-moz-border-radius: 8px;*/
}

div.sidebarBlock h4 {
	color:#31628B;
	margin: 5px 10px;
	/*background: URL('titlebackground.jpg') bottom left repeat-x;*/
	padding: 0px;
	padding-bottom:8px;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	text-transform:uppercase;
	border-bottom: 1px solid #AFC8E6;
}

div.sidebarBlock div {
	margin: 0px;
	padding: 5px 10px;
}

div.mainBlock {
	/*position: relative;*/
	background: #ffffff;
	padding: 0px;
	margin:0px;
	margin-bottom: 10px;
	border: 1px solid #AFC8E6;
/*	-moz-border-radius: 8px;*/
}


div.mainBlockTitle {
	/*background: URL('titlebackground.jpg') bottom left repeat-x;*/
	/*background:#7D9AB6;*/
	margin-bottom: 1px;
}

div.mainBlockTitle h1 {
	color:#31628B;
	margin: 0px 10px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	text-transform:uppercase;
	/*height:25px;*/
	border-bottom: 1px solid #AFC8E6;
}

div.mainBlockTitle h1.cargo {
	background: URL('icons/cargo_small.gif') 5px 8px no-repeat;
	padding-left: 35px;
}

div.mainBlockTitle h1.truck {
	background: URL('icons/truck_small.gif') 5px 5px no-repeat;
	padding-left: 35px;
}

div.mainBlockTitle h1.error {
	color: #DA251E;
}

div.mainBlock div.content {
	margin: 0px;
	padding: 5px 10px;
}


h2.cargo {
	background: URL('icons/cargo_small.gif') 5px 5px no-repeat;
	padding:3px 0 0 30px;
	margin: 3px 0px;
	height: 22px;
}

h2.truck {
	background: URL('icons/truck_small.gif') 5px 3px no-repeat;
	padding:3px 0 0 30px;
	margin: 3px 0px;
	height: 22px;
}

a.cargo:link, a.cargo.visited {
	color: #FFA0A0;
}

a.truck:link, a.truck:visited {
	color: #31628B;
}

/* IE hack to show the background */
* html div.sidebarBlock h4, * html div.mainBlock h1 {
	position:relative;
}

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

fieldset {
	display: block;
	/*clear:both;*/
	border: 1px solid black;
	margin-top: 10px;
}

* html fieldset {
	padding: 5px;
}

legend {
	font-size: 1.2em;
	font-weight:bold;
}

input.checkbox {
	width:15px;
}

input.required {
/*	background: #FEFF9F;*/
}

fieldset label {
	width: 110px;
	margin-right: 10px;
	text-align: left;
}

fieldset label.cl {
	display:block;
	float:left;
	width: 130px;
	margin-right: 10px;
	text-align: left;
	white-space: nowrap;
}

fieldset label.ll {
	display:block;
	float:left;
	width: 22%;
	margin-right: 10px;
	text-align: left;
	white-space: nowrap;
}

fieldset div {
	margin-bottom: 5px;
}

fieldset div label {
	display: block;
	float: left;
	clear:left;
	width: 160px;
	margin-right: 10px;
	text-align: right;
}

fieldset div input, fieldset div select {
	width: 250px;
}

fieldset div div input, fieldset div div select {
	width: 100px;
}

fieldset div.column div label {
	width: 120px;
}

div.selectbox {
	 width:200px;
	 height:150px;
	 overflow:auto;
	 border: 1px solid #31628B;
}

fieldset div.column div div.selectbox label {
	width: auto;
	clear: both;
	text-align:left;
}
fieldset div.column div div.selectbox input {
	width: auto;
}

fieldset div.column div input, fieldset div.column div select {
	width: 150px;
}


fieldset div textarea {
	width: 300px;
	height: 120px;
}

fieldset.offer {
	border: none;
	padding-top: 0px;
	margin-top:10px;
}

fieldset.offer div textarea {
	width: 250px;
	height: 80px;
}

button {
	font-size: 1.0em;
	font-weight:bold;
}

div.button {
	text-align:center;
	margin: 10px 0px;
}

#loginMain div.button {
	text-align:right;
}

button.next {
	width: 20px;
	height:20px;
	border: none;
	background: URL('icons/next.gif') no-repeat;
	margin: 0px;
	cursor: pointer;
}

button.del {
	width: 20px;
	height:20px;
	border: none;
	background: URL('icons/delete.gif') no-repeat;
	margin: 0px;
	cursor: pointer;
}

fieldset.forum {
	border: none;
}

fieldset.forum div input, fieldset.forum div select {
	width: 400px;
}

fieldset.forum div textarea {
	width: 400px;
	height: 200px;
}


div#loginMain {
	vertical-align: middle;
	width:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 20px;
	border: 2px dashed #999999;
}

* html div#loginMain {
	width:305px;
}

div#loginMain label {
	display:block;
	float:left;
	clear:left;
	width:145px;
}

div#loginMain input {
	display:block;
	float:left;
	width:150px;
	margin-bottom:10px;
}

div#loginMain div.button {
	clear:both;
	margin-right:5px;
}

* html div#loginLeft {
	position:relative;
}

div#loginLeft label {
	font-size: 0.9em;
	font-weight:bold;
}

div#loginLeft input {
	font-size: 0.9em;
	padding: 1px 0 1px 2px;
}

div#loginLeft button {
	float:left;
	font-size: 0.9em;
	margin: 5px 0px;
}

div#loginLeft p {
	margin: 5px 0px;
	clear:both;
	text-transform: lowercase;
	font-size: 0.9em;
}

div.offer fieldset div {
	margin:0px;
}

fieldset div.label {
	float: left;
	clear:left;
	width: 160px;
	margin:0px 10px 5px 0px !important;
	text-align: right;
	padding:0px;
}

fieldset div.value {
	float:left;
	font-weight:bold;
	margin:0px 0px 5px 0px !important;
	padding:0px;
}

fieldset div.column {
	 float:left;
	 width:48%;
	 margin:0px;
}

fieldset div.first {
	 clear:left;
	 width: 50%
}

fieldset.companyprofile div.column {
	 float:both;
	 width:38%;
	 margin:0%;
}

fieldset.companyprofile div.first {
	 clear:left;
	 width: 60%
}


fieldset div.column div.value {
	width: auto !important;
}

fieldset.companyprofile div.column div.label {
	width:80px !important;
}

fieldset.companyprofile div div.label,
fieldset.companyprofile div.first div.label
 {
	width:170px !important;
}

div.offer {
	padding:5px;
}

div.offer fieldset div.label {
	width: 150px;
}

div.offer fieldset div div.value {
	height: auto;
}

div.offer fieldset div div.value {
	width: auto;
	white-space: wrap;
	overflow: hidden;
	float:none;
	margin-left: 180px;
	clear:none !important;
	min-height: 15px;
}

* html div.offer fieldset div div.value {
	height: 15px;
}

fieldset.destination {
	border: none;
	margin: 0px;
	margin-left: 155px;
	padding: 0px;
	padding-left: 25px;
}

fieldset.destination legend {
	font-size: 1em;
	font-weight: normal;
	margin-left: -25px;
	margin-bottom: -55px;
}

fieldset.destination div {
	float:left !important;
	width: auto !important;
}

fieldset.destination div label {
	display: inline;
	width:auto;
	text-align: left;
}

fieldset.destination div input, fieldset.destination div select {
	float: left;
	clear:both;
	width: auto;
}


fieldset.setdest div label {
	display: inline;
	width:auto;
	text-align: left;
}

fieldset.setdest div input, fieldset.setdest div select {
	float: left;
	clear:both;
	width: auto;
}

fieldset.zip {
	border: none;
	width:440px;
	margin: 0px auto;
	padding: 10px 0px;
}

fieldset.zip label input {
	width:15px;
	margin-left:8px;
}

fieldset.zip div.radio label {
	width:185px;
}

.error, .error:link, .error:visited, .error:active {
	color: #DA251E;
}

div.content h1 a:link,
div.content h1 a:visited,
div.content h1 a:active,
div.content h1 a:hover
{
	color: #DA251E;
}

div.content h5 a:link,
div.content h5 a:visited,
div.content h5 a:active,
div.content h5 a:hover
{
	color: #DA251E;
	font-size: 1.2em;
}

.startend {
	font-weight: bold;
}

table.bordertable {
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid #ffffff;
	margin-left:2px;
	width:99%;
}

table.bordertable td {
	border: 1px solid #ffffff;
	padding: 5px 4px;
	/*min-height:50px;*/
}

table.bordertable th {
	border: 1px solid #ffffff;
	text-align: left;
	padding-left:4px;
}

table.bordertable tr.new td {
	font-weight:bold;
}


table.forum td {
	min-height:50px;
}

* html table.forum td {
	height:50px;
}

table.offerstable {
	empty-cells: show;
	border-collapse: collapse;
	/*border: 1px solid #ffffff;*/
	margin-left:2px;
	width:99%;
}

table.offerstable td {
	padding: 2px 4px;
	height: 50px;
	/*white-space: nowrap;
	overflow: hidden;*/
	border-bottom: 1px solid #AFC8E6;
}

table.offerstable th {
	border-bottom: 1px solid #AFC8E6;
	text-align: left;
	padding-left:4px;
}

table.offerstable tr.clickable td,
table.offerstable tr.clickable td {
	font-weight:bold;
}

table.offerstable tr.deleted td,
table.offerstable tr.deleted td {
	font-weight:bold;
	color: #999;
}

tr.deleted td div.deleted {
	position:absolute;
	font-size:10px;
	margin-top: -3px;
}

* html tr.deleted td div.deleted {
	margin-top: 85px;
	left: 35px;
}

table.offerstable tr.company td {
	border-bottom: 1px solid #AFC8E6 !important;
	padding: 2px 4px;
}

table.offerstable tr.company td.company {
	color: #31628B;
}

table.offerstable tr.detailed td {
	height:25px;
	border-bottom: none;
}



table.bordertable tr td.cargo, table.offerstable tr td.cargo {
	background: URL('icons/cargo_small.gif') center no-repeat;
	background-color: inherit;
}

table.bordertable tr.new td.cargo, table.offerstable tr.new td.cargo {
	background: URL('icons/cargo_small_new.gif') center no-repeat;
	background-color: inherit;
}

table.bordertable tr td.truck, table.offerstable tr td.truck {
	background: URL('icons/truck_small.gif') center no-repeat;
	background-color: inherit;
}

table.bordertable tr.new td.truck, table.offerstable tr.new td.truck {
	background: URL('icons/truck_small_new.gif') center no-repeat;
	background-color: inherit;
}

table.bordertable tr td.cargoexpired, 
table.bordertable tr.new td.cargoexpired, 
table.offerstable tr td.cargoexpired,
table.offerstable tr.new td.cargoexpired {
	background: URL('icons/cargo_expired.gif') center no-repeat;
	background-color: inherit;
}

table.bordertable tr td.truckexpired, 
table.bordertable tr.new td.truckexpired, 
table.offerstable tr td.truckexpired,
table.offerstable tr.new td.truckexpired {
	background: URL('icons/truck_expired.gif') center no-repeat;
	background-color: inherit;
}




table.companiestable {
	empty-cells: show;
	border-collapse: collapse;
	/*border: 1px solid #ffffff;*/
	margin-left:2px;
	width:99%;
	border-bottom: 1px solid #AFC8E6;
}

table.companiestable td {
	padding: 2px 4px;
	height: 30px;
	/*white-space: nowrap;
	overflow: hidden;*/
	border-top: 1px solid #AFC8E6;
}

table.companiestable th {
	text-align: left;
	padding-left:4px;
}

table.companiestable tr.clickable td,
table.companiestable tr.clickable td {
	font-weight:bold;
}

table.companiestable tr.company td {
	padding: 2px 4px;
	border: none;
	font-weight: normal;
}

table.companiestable tr.company td.company {
	color: #31628B;
}



body.cargo {
	background: #EFEFEF;
	height:auto;
	padding: 0px;
}

body.truck {
	background: #EFEFEF;
	height:auto;
	padding: 0px;
}

body.cargo div.offer {
	background: URL('icons/cargo.gif') no-repeat 98% 99%;
	margin-top:0px;
	padding-top:0px;
}

body.truck div.offer {
	background: URL('icons/truck.gif') no-repeat 98% 99%;
	margin-top:0px;
	padding-top:0px;
}

body.cargo div.offer fieldset {
	margin-top:3px;
	padding:5px;
}

body.truck div.offer fieldset {
	margin-top:3px;
	padding:5px;
}

.startend img {
	border: 1px solid #4773A4 !important;
}

.odd, tr.odd td {
	background-color: #F9F9F9;
}

.even, tr.even td {
	background-color: #EFEFEF;
}

.even:hover, .odd:hover {
	/*background: #BECDE1;*/
}

div.odd h3, div.even h3 {
	padding:0;
	margin:0;
	border-bottom: 1px solid #4773A4;
}

div.odd p, div.even p {
	padding:0;
	margin:0;
	border-bottom: 1px solid #4773A4;
	margin-bottom:10px;
}

.clickable {
	cursor: pointer;
}

.page {
	text-align:center;
	padding: 10px 10px;
}

/*
 * CLASSES FOR AUTOCOMPLETE OPTIONS LIST
 */

.ac_input {
	width: auto;
}
.ac_results {
	width: 380px;
	background: #EAEDF4;
	cursor: pointer;
	position: absolute;
	left: 0;
	font-size: 90%;
	z-index: 101;
/*	max-height: 150px;
	overflow: auto;*/
}
.ac_results ul {
	width: 380px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #000;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	cursor: pointer;
	display: block;
	width: 370px;
	padding: 2px 5px;
}
.ac_results a {
	width: 100%;
}
.ac_loading {
	background : url('trobber.gif') right center no-repeat;
}
.over {
	background: yellow;
}
.required {
	color: red;
}

/*
 * END CLASSES FOR AUTOCOMPLETE OPTIONS LIST
 */

/*
 * table sort
 */
.largeHeaders {
		background: 
			#e9e9da
			url('icons/green_arrows.gif')
			no-repeat
			center right;
		color: #333;
		padding: 5px;
		padding-left: 25px;
		text-align: left;
		cursor: pointer;	
}
.sortUp {
	background:
		url('icons/green_decending.gif')		
		no-repeat
		center right;
}

.sortDown {
	background:
		url('icons/green_acending.gif')
		no-repeat
		center right;
}
#sorting {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0px;
	top:0px;
	text-align: center;
	display: none;
	margin:0px;
	padding:0px;
}
#sorting div {
	border: 1px solid #000;
	padding:10px;
	margin: auto;
	text-align: center;
	width: 300px;
	top:200px;
	position: relative;
	background-color: #FFF;
	color: #333;
	font-weight: bold;
}

/*
 * end sort
 */

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left {
	background-image: url(arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right {
	background-image: url(arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:110;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy {
	padding:10px 10px 10px 10px;
	color:#333333;
	z-index:200;
}

.JT_loader {
	background-image: url(trobber.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p {
	margin:0 0 5px 0;
}

#JT_copy img {
	padding: 1px;
}

.jTip, .jTip:link, jTip:visited, jTip:hover {
	cursor:help;
	z-index: 101;
}

#JT iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:100%;
	height:500px;
}

#JT_HideSelect {
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}


/* ---------->>> END jtip <<<---------------------------------------------------------------*/


.help {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/help.gif') no-repeat;
}

.edit {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/edit.gif') no-repeat;
}

.del {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/delete.gif') no-repeat center;
}

.note {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/note.gif') no-repeat center;
}

.print {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/print.gif') no-repeat center;
}

.profile {
	display: block;
	width:22px;
	height: 22px;
	background: URL('icons/named.gif') no-repeat center;
}

.close, a.close:link {
	display: block;
	width:16px;
	height: 16px;
	background: URL('icons/close.png') 0px 0px no-repeat;
}

a.close:hover {
	display: block;
	width:16px;
	height: 16px;
	background: URL('icons/close.png') -16px 0px no-repeat;
}

a.close:active {
	display: block;
	width:16px;
	height: 16px;
	background: URL('icons/close.png') -32px 0px no-repeat;
}

td.poptip {
	text-align:center;
}

.date {
	padding:0;
	margin:0 0 10px 0;
	display: block;
	/*width:22px;*/
	font-size:0.9em;
	height: 10px;
}

div.newsitem {
	margin-bottom:5px;
}

div.newsitem p.date, div.newsitem p {
	margin:0px;
}

.addpartner, a.addpartnet:link, .addpartners, a.addpartnets:link {
	display: block;
	width:22px;
	height:22px;
	background: URL('icons/anyone.gif') no-repeat;
	margin:0px;
}

.partner, a.partnet:link {
	display: block;
	width:22px;
	height:22px;
	background: URL('icons/shared.gif') no-repeat center;
	margin:0px;
}

a.JT_loader:link, a.JT_loader:visited, a.JT_loader:hover {
	display:block;
	width:22px;
	height:22px;
	margin:0px;
}

.messanger, a.messanger:link {
	display: block;
	width:22px;
	height:22px;
	background: URL('icons/letter.gif') no-repeat center;
	margin:0px;
}

.email, a.email:link {
	display: block;
	width:22px;
	height:22px;
	background: URL('icons/letter.gif') no-repeat center;
	margin:0px;
}

div.subject {
	border-bottom:1px solid white;
	margin: 0px -4px;
	padding:0px 5px 5px 5px;
}

div.submenu {
	float:right;
	margin: 5px;
}

* html div.submenu {
	float: none;
	position: absolute;
	right: 10px;
}

div.submenu a:link,
div.submenu a:visited,
div.submenu a:hover,
div.submenu a:active
{
	display: inline-block;
	text-transform: uppercase;
	color: #31628B;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #31628B;
}

div.submenu a:active {
	border: 1px inset #dddddd;
}

div.submenu a:hover {
	background: #31628B;
	border: 1px outset #dddddd;
	color: white;
}


div.content div.submenu a:link,
div.content div.submenu a:visited,
div.content div.submenu a:hover,
div.content div.submenu a:active
{
	display: inline-block;
	text-transform: uppercase;
	color: #31628B;
	padding: 2px;
	text-decoration: none;
}

div.content div.submenu a:hover {
	background: #31628B;
	color: white;
}

div#logo {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ccc;
}

.next {
	display: block;
	width:19px;
	height: 19px;
	background: URL('icons/next.gif') no-repeat center;
}

.prev {
	display: block;
	width:19px;
	height:19px;
	background: URL('icons/prev.gif') no-repeat center;
}

.refresh {
	display: block;
	width:22px;
	height: 19px;
	background: URL('icons/refresh.gif') no-repeat center;
	margin:0 auto;
}

div.leftbar {
	float:left;
	height: 100%;
	width:15px;
	margin-right: 5px;
}

div.leftbar.cargo {
	background: #FFA0A0;
}

div.leftbar.truck {
	background: #31628B;
}

img.flag, a img.flag {
	border: 1px solid #999;
}

.sent strong {
	color: green;
}

.recieved strong {
	color: red;
}

div.news {
	padding-top:10px;
	/*min-height: 235px;*/
}

* html div.news {
	/*height: 245px;*/
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
}

input.spin-button {
	width: 50px;
	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(spinbtn_updn.gif);
}

input.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
input.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}



#tabsContainer {
	border: none;
	margin-bottom: 10px;
}

#imgContainer {
	display: block;
	height:133px;
	border: 1px solid #AFC8E6;
	border-bottom: none;
	margin-bottom: 2px;
	background-color: #fff;
}

span.tab1 {
	background: URL('tabs_top/004.jpg') no-repeat top left;
}

span.tab2 {
	background: URL('tabs_top/001.jpg') no-repeat top left;
}

span.tab3 {
	background: URL('tabs_top/003.jpg') no-repeat top left;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0px !important;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    width: 33.3%;
    height: 55px;
}

.tabs-nav a {
    display: block;
    position: relative;
    top:1px;
    z-index: 2;
    height: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.tabs-nav a:link, .tabs-nav a:visited, .tabs-nav a:hover {
    color: #fff;
    text-decoration: none;
}

.tabs-nav > a {
	width: 100%;
}

.tabs-nav a span {
	display: block;
	padding-top: 15px;
}

.tabs-nav .tabs-selected a {
    color: #fff;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* @ Firefox, switch off dotted border */
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-nav a.tab1 {
	background: URL('tabs/02_tab.gif') repeat-x top left;
	border: 1px solid #fff;
	border-bottom: 1px solid #AFC8E6;
}

.tabs-nav a.tab2 {
	background: URL('tabs/03_tab.gif') repeat-x top left;
	border: 1px solid #fff;
	border-bottom: 1px solid #AFC8E6;
}

.tabs-nav a.tab3 {
	background: URL('tabs/01_tab.gif') repeat-x top left;
	border: 1px solid #fff;
	border-bottom: 1px solid #AFC8E6;
}

.tabs-nav .tabs-selected a.tab1 {
	border: 1px solid #AFC8E6;
	border-bottom: 1px solid #3669A7;
}

.tabs-nav .tabs-selected a.tab2 {
	border: 1px solid #AFC8E6;
	border-bottom: 1px solid #D53E33;
}

.tabs-nav .tabs-selected a.tab3 {
	border: 1px solid #AFC8E6;
	border-bottom: 1px solid #838383;
}

.tabs-container {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    border:1px solid #AFC8E6;
    color: white;
    height: 150px;
    /*
    overflow: auto;
    */
}

.tabs-container *,
.tabs-container a:link, .tabs-container a:visited, .tabs-container a:hover {
    color: white;
}

#tabsContainer div.tab1 {
    background: #3669A7;
}

#tabsContainer div.tab2 {
    background: #D53E33;
}

#tabsContainer div.tab3 {
    background: #838383;
}


* html .tabs-nav { /* auto clear */
    display: inline-block;
}

* html .tabs-nav .tabs-disabled a {
    filter: alpha(opacity=40);
}

ul.thumbs { 
	margin: 20px 10px;
	padding: 0;
}
ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
}	
ul.thumbs li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	list-style-type: none;	
}
ul.thumbs li a:link img,
ul.thumbs li a:visited img,
ul.thumbs li a:active img
{
	border: 5px solid #ddd;
}

ul.thumbs li a:hover img {
	border: 5px solid #648AB4 !important;
}	

ul.thumbs li p {
	text-align:center;
}

html>body ul.thumbs li a {
	background-color: transparent;
}


ul.messagearchive {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.messagearchive li div {
	display:none;
}

div.ratingbars {
	height:25px;
	line-height:25px;
	display:inline-block;
	vertical-align:bottom;
}

div.ratingbars div {
	display:inline-block;
	position:relative;
	vertical-align:bottom;
	width:20px;
	margin-right:2px;
}

div.ratingbars div span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	line-height:1;
	/*color: #31628B;*/
}

div.ratingbars div.plus {
	background:green;
}

div.ratingbars div.minus {
	background:red;
}

@media print {
	#header div.menu, #langbar, #toolsnav, #offersnav, #left, #right {
		display: none;
	}
	#center {
		margin-left:0;
		margin-right:0;
		float:none;
	}
}