/*** 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;*/
}

body.mainin {
     /*padding-right: 35px;*/
}

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:10px;
    background: none;
    top:95px;
    z-index: 10;
}

#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;
}
.tiny{
    font-weight:normal !important;
    margin-bottom:20px !important;
}
.sidebarBut{
    display: block;
    padding-left:20px;
}
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;
}
a.buttround{
	border:2px solid #aaa;
	padding:3px 8px 3px 8px;
	 -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow:  
    2px 2px 4px rgba(0, 0, 0, .2),  
    0px 0px 3px rgba(0, 0, 0, .1),
    inset 0px 10px 12px #fff,  
    inset 0px 20px 2px rgba(220, 220, 220, .7),  
    inset 0px 25px 25px #fff;  
    -moz-box-shadow:  
    2px 2px 4px rgba(0, 0, 0, .2),  
    0px 0px 3px rgba(0, 0, 0, .1),
    inset 0px 10px 12px #fff,  
    inset 0px 20px 2px rgba(220, 220, 220, .7),  
    inset 0px 25px 25px #fff;  
;  
     
}

a:hover.buttround{
	border:2px solid #aaa;
	padding:3px 8px 3px 8px;
	 -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
     -webkit-box-shadow:  
    2px 2px 4px rgba(0, 0, 0, .2),  
    0px 0px 3px rgba(0, 0, 0, .1),
    inset 0px 10px 12px #ccc,  
    inset 0px 20px 2px rgba(255, 255, 255, .7),  
    inset 0px 25px 25px #ccc;    
    -moz-box-shadow:  
    2px 2px 4px rgba(0, 0, 0, .2),  
    0px 0px 3px rgba(0, 0, 0, .1),
    inset 0px 10px 12px #ccc,  
    inset 0px 20px 2px rgba(255, 255, 255, .7),  
    inset 0px 25px 25px #ccc;    
    
}
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: 16px;
    height:16px;
    border: none;
    background: URL('icons/new/arrow.gif') no-repeat;
    margin: 0px;
    cursor: pointer;
}

button.del {
    width: 22px;
    height:22px;
    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;
}

p.remarks{
    color: #DA251E;
    border:1px solid  #AFC8E6;
    padding:5px;
    background:#eeeeee;
}

p.remarks span{
    padding-left:25px;

}


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: 60px;
    /*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:16px;
    height: 16px;
    background: URL('icons/note.gif') no-repeat center;
}

.print {
    height:18px;
    padding-left:20px;
    background: URL('icons/print.gif') no-repeat left;
}

.important {
    background: URL('icons/Pi Diagona Icons/01/16/50.png') no-repeat left;
}
.forum {
    background: URL('icons/Pi Diagona Icons/01/16/30.png') no-repeat left;
}

.message {
    background: URL('icons/Pi Diagona Icons/01/16/04.png') no-repeat left;
}

.user {
    background: URL('icons/Pi Diagona Icons/01/16/10.png') no-repeat left;
}
.settings {
    background: URL('icons/Pi Diagona Icons/01/16/41.png') no-repeat left;
}
.download {
    background: URL('icons/Pi Diagona Icons/02/16/46.png') no-repeat left;
}
.exit {
    background: URL('icons/Pi Diagona Icons/03/16/49.png') no-repeat left;
}
.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;
}

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

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

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-small.gif') no-repeat center;
    margin:0px;
}

.messanger-text-indent {
    text-indent:-9999px;
    display: block;
    width:22px;
    height:22px;
    background: URL('icons/letter-small.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;
    padding-left:20px !important;
    text-decoration: none;

}

div.submenu a:hover {
    color: #9BAFBF;
}


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 {
    height: 16px;
    padding-right:20px;
    background: URL('icons/Pi Diagona Icons/03/16/35.png') no-repeat right;
}

.prev {
    height:16px;
    padding-left:20px;
    background: URL('icons/Pi Diagona Icons/03/16/36.png') no-repeat left;
}
.back {
    height:16px;
    padding-left:20px;
    background: URL('icons/Pi Diagona Icons/03/16/18.png') no-repeat left;
}
.notes {
    height:16px;
    width:16px;
    background: URL('icons/Pi Diagona Icons/04/16/18.png') no-repeat left;
}
.refresh {
    display: block;
    width:22px;
    height: 19px;
    background: URL('icons/refresh.gif') no-repeat center;
    margin:0 auto;
}

.lock {
    height: 22px;
    padding-left:20px;
    background: URL('icons/locked.gif') no-repeat left;
}

.unlock {
    height: 22px;
    padding-left:20px;
    background: URL('icons/unlocked.gif') no-repeat left;
}


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;
}


p.sent,.sent {
    background-color: white;
}
.received {
    background-color: #F8F8cd;
}
p.received{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #F8F8cd;
}

p.received,
p.sent {
    color: #222;
    padding-left:5px;
}

p.received em,
p.sent em {
    color: #222;
}

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;
    min-height: 190px;
    /*
    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 {
}

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;
}


/*
 * messanger block
 */
div.messanger-block {
    position: fixed;
    bottom: 0px;
    right: 5px;
    width: 200px;
    height: auto;
    background-color: #FFFFFF;
    border: 1px solid #AFC8E6;
    z-index: 40;
}

/*
 * IE hack not work
 */

* html div.messanger-block {
    position: absolute;
	bottom: expression( (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) - 60 + 'px' );
}

div.messanger-block h2 {
    color:#fff;
    font-size:12px;
    height:32px;
    padding:0 5px 0 5px;
    line-height:28px;
    cursor:pointer;
    background: URL('topmenubgblue.jpg') repeat-x;
}

div.messanger-block h2.red {
    color: #fE3E50;
}

div.messanger-block ul {
    margin:0;
    padding:0;
    width:180px;
    height:287px;
    overflow:auto;
    padding: 10px;
    background-color:#fff;
    border-top:1px solid #AFC8E6;
    border-left:1px solid #AFC8E6;
    border-right:1px solid #AFC8E6;
    position:absolute;
    left:-1px;
    bottom:36px;
    z-index: 20;
    background: #ffffff url(../images/msgttl.jpg) 0 0 no-repeat;
    padding-top: 20px;
}

div.messanger-block .inner {
    margin:0;
    padding:0;
    width:200px;
    height:285px;
    /*overflow:auto;*/
    /*padding: 6px;*/
    border-top:1px solid #AFC8E6;
    border-left:1px solid #AFC8E6;
    border-right:1px solid #AFC8E6;
    position:absolute;
    left:-1px;
    bottom:33px;
    z-index: 20;
    background: #ffffff url(../images/msgttl.jpg) 0 0 no-repeat;
    padding-top: 25px;
}

.hideallmess {
	position:absolute;
	top:0px;
	right:10px;
}

.innerscroll {
    position: absolute;
    top: 26px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    overflow: auto;
}

.w100 {
    width: 100%;
}

div.messanger-block ul li {
    list-style-type:none;
    margin-bottom:5px;
}

div.messanger-block ul li h4,div.messanger-block h4 {
    color:#31628B;
    padding:2px;
    font-weight: bold;
    font-size: 1em;
    text-align: left;
    text-transform:uppercase;
    border-bottom: 1px solid #AFC8E6;
    background-color:#eee;

}

div.messanger-block ul li img {
    vertical-align: middle;
}

div.messanger-block ul li a.viewall {
    float:right;
    width:180px;
    text-align:right;
    border-bottom:1px solid #AFC8E6;
    margin-bottom:10px;
}

div.viewmessage {
    /*background-color: #FFFFFF;
    border: 1px solid #AFC8E6;*/
    height: 310px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 6px;
    bottom:30px;
    width: 300px;
    z-index: 20;
    background: url(../images/msgbg.png) 0 0 no-repeat;
}

/*div.viewmessage div.text-message-box {
	border:1px solid #AFC8E6;
	width:100%;
	height:148px;
	overflow:auto;
}*/

div.viewmessage div.text-message-box {
    border:0;
    width:290px;
    height:212px;
    overflow:hidden;
    overflow-y: visible;
    position: absolute;
    top: 58px;
    left: 4px;
}

div.viewmessage div.text-message-box p.sent,
div.viewmessage div.text-message-box p.received {
    font-size:11px;
    /*margin:4px;*/
}

div.viewmessage textarea.message {
    background-image:none;
    background-color:#fff;
    border:1px solid #AFC8E6;
    width:100%;
    height:58px;
}

div.viewmessage button {
    background-color:#fff;
    float:right;
    margin-top:5px;
}

div.viewmessage button.change {
    border:1px solid #386AA7;
    color:#386AA7;
}

div.viewmessage button.blur {
    border:1px solid #DFDFDF;
    color:#DFDFDF;
}

div.viewmessage h3 {
    font-size:11px;
}

div.viewmessage a.close {
    float:right;
}

div.display-tabs {

}

div.open-messanger-tabs {
    margin-right: 5px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 200px;
    left:0;
}

div.open-messanger-tabs div.closer-tab {
    background-color:  #FFF;
    border: 1px solid #AFC8E6;
    float: right;
    margin: 0;
    padding: 4px;
    width: 176px;
    background: URL('topmenubgblue.jpg') repeat-x;
}

div.open-messanger-tabs a {
    padding:3px;
    font-size:.8em;
    text-decoration:none;
    color: #fff;
}

div.open-messanger-tabs div.closer-tab a.on {
    /*color: #DA251E;*/
    text-decoration:underline;
}

div.open-messanger-tabs div.closer-tab a.close-tab {
    padding:0;
    margin-top:0px;
    color:#fff;
    float:right;
    font-size:14px;
}

div.open-messanger-tabs div.closer-tab.light {
    background: url('../images/bgtabh.jpg') 0 0 repeat-x;
}

.messanger-user {
    display: block;
    left: 6px;
    width:12px;
    float:left;
    margin-top:5px;
    margin-right:3px;
    height: 12px;
    background: url('../images/graydot101.png') -1px -2px no-repeat;
}

.messanger-user.online {
    background: url('../images/greendot101.png') -1px -2px no-repeat;
}

.closer-tab a.tab{
    width: 155px;
    display: block;
    float: left;
    height: 18px;
    overflow: hidden;
    line-height: 18px;
}

.messanger-block a.popupview{
    background: url(../images/greendot101.png) 0px 2px no-repeat;
    padding-left: 17px;
    line-height: 17px;
    display: block;
    width: 165px;
    padding-bottom: 5px;
}

a.popupview.msgoffline {
    /*color: #b1b2bB;*/
    background: url(../images/graydot101.png) 0px 2px no-repeat;
    padding-left: 17px;
    line-height: 17px;
    display: block;
}

a.msgoffline:hover{
    color: #DA251E;
}

.clear {
    clear: both;
}

.messenger-close{
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/clo.png') 0 0 no-repeat;
    float: left;
}

.messenger-min{
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/min.png') 0 0 no-repeat;
    float: left;
}

a.messenger-close:hover{
    background: url('../images/cloh.png') 0 0 no-repeat;
}

a.messenger-min:hover{
    background: url('../images/minh.png') 0 0 no-repeat;
}

input.message{
    position: absolute; top: 285px; left: 7px; width: 245px;
    font-size: 10px; border: 0; color: #444; line-height: 10px;
    background: white;
}

input.message:focus{
    border:0;
    outline: none;
}

a.popupview span {
    color: black;
    text-decoration: none;
    font-weight: normal;
}

.viewmessage .boxtop{
    height: 20px; width: 100%; overflow: hidden; position: relative;
}

.viewmessage .boxttl{
    line-height: 22px; color: #072995; font-size: 11px; font-weight: bold; padding-left: 22px; padding-right: 45px;
}

.msgbtnr{
    padding-right: 6px;
    padding-top: 9px;
    float: right;
}

.msgbtnr a.info{
    width: 24px;
    height: 20px;
    background:url(../images/info.png) 4px 0px no-repeat;
    display: block;
    float: left;
}

.msgbtnr .addpartner,.msgbtnr .partner{
    float: left;
}

.viewmessage .boxbtn{
    position: absolute;
    right: 4px;
    top: 3px;
}



.chatarea{
    padding-right: 5px;
}

.msgbtn{
    padding-left: 6px;
    padding-top: 10px;
    width:230px;
    height:18px;
    overflow:hidden;
    float: left;
}

.msgbtn .icq, .msgbtn .skype,.msgbtn .msn {
    width: 65px;
    height: 30px;
    display: block;
    float: left;
}

.msgbtn a.icq {
    background: url(../images/btnicq.png) -10px -5px no-repeat;
}

.msgbtn a.skype {
    background: url(../images/btnskype.png) -10px -5px no-repeat;
}

.msgbtn a.msn {
    background: url(../images/btnmsn.png) -10px -5px no-repeat;
}

.msgbtn span.icq {
    background: url(../images/btnicqd.png) -10px -5px no-repeat;
}

.msgbtn span.skype {
    background: url(../images/btnskyped.png) -10px -5px no-repeat;
}

.msgbtn span.msn {
    background: url(../images/btnmsnd.png) -10px -5px no-repeat;
}

#staticbar, #messanger-notify {
	position: fixed;
	right: 0px;
	bottom: 20px;
	width: 25px;
	padding: 20px 5px;
	background-color: #fff;
	border: 1px solid #AFC8E6;
	border-right: none;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	text-align:center;
	overflow: hidden;

	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;

	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.7);
	box-shadow: 0px 0px 5px rgba(0,0,0,.7);

}

#messanger-notify {
	display: none;
	width: auto;
	right: 40px;
	border: 1px solid #AFC8E6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

* html #staticbar {
    position: absolute;
	bottom: expression( (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) - 60 + 'px' );
	width: 40px;
}


@media print {
    #header div.menu, #langbar, #toolsnav, #offersnav, #left, #right {
        display: none;
    }
    #center {
        margin-left:0;
        margin-right:0;
        float:none;
    }
}
a.register{
	background:url('register-button260.png') no-repeat 0px -5px;
	display:inline-block;
	width:260px;
	height:40px;
	text-align:center;
	padding-top:17px;
	font-size:16px;
}