/* Webcotrans Organisation - Copyright 2006 - All rights reserved */
/* Webdevelopment by Webcreatorz Media - Design & Communication  -  http://www.wmdc.be */

html {
    background-color: #F6F6F6;
}

html,body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3C3B3B;
}

a { color:#3C3B3B;}

.errorForm {
    background:#e5d2d5;
    padding:15px;
    color:#000;
    font-weight:normal;
    margin: 10px 0px;
    border:1px solid #59000c;
}

.errorForm li {
    margin-left:30px;
    padding: 1px 0px;
    list-style-type: disc;
}


body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

h1 {
    color: #f28c13;
    font-size: 12px;
    margin: 0px;
    line-height: 1.6em;
    border-bottom: 1px solid #DADADA;
    clear: both;
    margin:10px 0px;
}

.subtitle {
    color: #f28c13;
    font-size: 12px;
    font-weight: bold;
}

.subtitle2 {
    color: #f28c13;
}

#top {
    height: 60px;
    width: 100%;
    background:url('../../images/header_bg.jpg');
}

#header {
    width: 1130px;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#logo {
    width: 400px;
    height: 60px;
    float: left;
}

#welcome {
    width: 730px;
    height: 40px;
    float: right;
    margin-top: 10px;
    text-align: right;
}

#menu {
    width: 1130px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0px;
    margin-top:5px;
    text-align: left;
}

#workflow {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #DADADA;
    background-color: #FFF;
    padding: 14px;
    margin-top:-2px;
}

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

ul.tabs li {
    margin-left:0px;
    margin-top: 2px;
    float: left;
    display:block;
}

ul.tabs li a {
    text-decoration: none;
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 1px;
    display:block;
}

ul.tabs li a:hover {
    background-color: #FFF;
    border: 1px solid #DADADA;
    border-bottom: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
}

.active {
    background-color: #FFF;
    border: 1px solid #DADADA;
    border-bottom: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    margin-right: 1px;

    display:block;
}

button , input[type="submit"], a.button {
    background: url('../../../images/login/button.jpg');
    color:#FFF; width:auto;
    font-weight:bold;
    padding:1px 10px;
    text-decoration:none;
    cursor:hand;
    cursor:pointer;
    /*height:22px;*/
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    border: 2px solid #f28c13;
}

button.none { border:0px; background:none; cursor:hand;cursor:pointer; color:#000;font-weight:normal; padding:2px;}

.submenu {
    margin-right: 20px;
}

.submenu_active {
    margin-right: 20px;
    color: #f28c13;
}

.copyright {
    font-size: 10px;
    color: #3C3B3B;
}

/* FORMULIEREN */

textarea { resize: none; width: 410px;}

input {	width: 150px; border: 1px solid #DADADA; padding:2px 5px;}
input#termsandconditions { width: 15px; border: none;}
input#weight { width: 50px;	border: 1px solid #DADADA;}
input.temp ,input#temp { width: 35px;	margin:0px 5px;}
input#amount , input.amountTd { width: 50px;	}
input#ADR { width: 15px; border: none;}
input#ADRltd { width: 15px; border: none;}
input#dedicated { width: 15px; border: none;}
input#autovisible { width: 15px; border: none;}
input#messages { width: 15px; border: none; margin-left:3px; margin-top:3px;}
td.col_contnrinput input{ width: 40px;	border: 1px solid #DADADA;	text-align:center;}
input#to { width: 1038px; border: 1px solid #DADADA;}
input#cc { width: 1038px; border: 1px solid #DADADA;}
input#bcc { width: 1038px; border: 1px solid #DADADA;}
input#subject { width: 1038px; border: 1px solid #DADADA;}
input#modules { width: 15px; border: none;}
input#hours { width: 30px; border: 1px solid #DADADA; text-align: center;}
select { width: 162px; border: 1px solid #DADADA; padding:2px 0px;}
select#dimensions { width: 70px; }
select#day { width: 45px; border: 1px solid #DADADA;}
select#month { width: 45px;	border: 1px solid #DADADA;}
select#year { width: 57px;	border: 1px solid #DADADA;}
select#hour { width: 44px;	border: 1px solid #DADADA;}
select#minutes { width: 44px;	border: 1px solid #DADADA;}
select#currency { width: 58px;	border: 1px solid #DADADA;}


/* FORMULIEREN - KOLOMMEN */

.col_label { width: 75px;}
.col_input {width: 160px;}
.col_general {width: 120px;}
.col_client {width: 90px;}
.col_dest {width: 90px;}
.col_adress {width: 90px;}
.col_hour {width: 90px;}
.col_ship_comp {width: 90px;}
.col_weight {width: 90px;}
.col_action {width: 90px;}
.col_weight {width: 53px;}
.col_label_container {width: 70px;}
.col_container {width: 75px;}
.col_dep_country {width: 90px;}
.col_dep_port {width: 90px;}
.col_dep_specify {width: 53px;}
.col_imp_country {width: 90px;}
.col_imp_place {width: 90px;}
.col_imp_date {width: 53px;}
.col_imp_hour {width: 47px;}
.col_date {width: 190px;}
.col_clos_date {width: 90px;}
.col_hour {width: 120px;}
.col_des_country {width: 90px;}
.col_des_port {width: 90px;}
.col_des_specify {width: 53px;}
.col_input_weight { width: 90px;}
.col_input_temp { width: 90px;}
.col_cost { width: 53px;}
.col_costs {width: 135px;}
.col_shipcom { width: 120px;}
.col_shipcom_specify {width: 53px;}
.col_customs { width: 90px;}
.col_place {width: 90px;}
.col_adr { width: 90px;}
.col_adrltd { width: 120px;}
.col_adrinput { width: 50px;}
.col_dedicated { width: 157px;}
.col_dedicatedinput { width: 40px;}
.col_contnr { width: 90px;}
.col_contnrinput { width: 250px;}
.col_pincode { width: 90px;}
.col_invalidcontnr { color: #F00; font-weight: bold; padding-left: 10px;}
.col_bookingout { width: 90px;}
.col_bookingin { width: 90px;}
.col_info { width: 400px;}
.col_autovisible { width: 147px;}
.col_autovisibleinput { width: 40px;}
.col_space {width: 55px;}
.col_msg_detail { width: 1035px;}
.col_ok { width: 40px; }
.col_nok { width: 40px;	} /* background-image:url(../../images/icons/tick-red.png); background-repeat: no-repeat;*/
.col_remarks{vertical-align: text-top; padding-top: 10px;}

#tt {position:absolute; display:block; background:url(../../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:10px 10px 10px 10px; margin-left:1px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../../images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* MESSAGES */

.col_selectbox { width: 25px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_symbol { width: 25px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center;  border: 1px solid #DADADA; border-right: none; padding-top: 3px;}
.col_from { width: 330px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_subject { width: 480px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_received { width: 120px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center; border: 1px solid #DADADA; border-right: none;}
.col_vieworder { width: 95px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center;  border: 1px solid #DADADA;}

.col_os_from { width: 355px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_os_subject { width: 480px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}

.col_si_from { width: 381px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_si_subject { width: 479px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}

.col_company { width: 452px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_contact { width: 453px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}

.col_bl_company { width: 465px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_bl_contact { width: 465px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}

.col_ir_company { width: 478px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_ir_contact { width: 477px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}

.col_cr_current_owner { width: 260px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_cr_container_number { width: 125px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_cr_current_reference { width: 125px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_cr_new_reference { width: 125px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_cr_shipping_company { width: 200px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_cr_request_sent { width: 120px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center; border: 1px solid #DADADA; border-right: none;}
.col_cr_request_approved { width: 120px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center;  border: 1px solid #DADADA;}

.gencol_cr_sent { text-align: center; }
.gencol_cr_symbol { text-align: center;  padding-top: 3px; border-left: 1px solid #DADADA;}

.row_oneven { height: 24px;}
.row_even { background-color: #F2F2F2; height: 24px;}
.row_even2 { background-color: #f6f6f6; height: 24px;}
.last_row { border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; height: 1px;}
.subTable { border:1px solid #f6f6f6;}

.gencol_selectbox { text-align: left; border-left: 1px solid #DADADA;}
.gencol_si_symbol { text-align: center; vertical-align: bottom; padding-top: 3px; border-left: 1px solid #DADADA;}
.gencol_symbol { text-align: center; vertical-align: bottom; padding-top: 3px;}
.gencol_from { padding-left: 5px; text-align: left;}
.gencol_subject { padding-left: 5px; text-align: left;}
.gencol_received { padding-left: 7px;}
.gencol_vieworder { text-align: center;  border-right: 1px solid #DADADA;}

/* COLLEAGUES */

.col_added { width: 120px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center;  border: 1px solid #DADADA;}
.col_add_colleague { width: 73px;}

.gencol_added { text-align: center;  border-right: 1px solid #DADADA;}


select#add_colleague { width: 328px; border: 1px solid #DADADA;}


/* ORDERS OVERVIEW */

.col_th { height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_general { width: 72px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_action { width: 55px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_kind { width: 45px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_type { width: 45px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_date { width: 75px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_hour { width: 45px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_departure { width: 195px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_implementation { width: 195px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_destination { width: 195px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_shipcompany { width: 128px; height: 24px; background:url(../../images/msg_title_table_bg.jpg); padding-left: 5px; text-align: left; border: 1px solid #DADADA; border-right: none;}
.col_orders_symbol { width: 25px; height: 22px; background:url(../../images/msg_title_table_bg.jpg); text-align: center;  border: 1px solid #DADADA; border-right: 1px solid #DADADA; padding-top: 3px;}


.gencol_orders_symbol { text-align: center;  padding-top: 3px; border-left: 1px solid #DADADA;}
.gencol_orders_info { padding-left: 5px; text-align: left;}
.gencol_orders_symbol_end { text-align: center; vertical-align: bottom; padding-top: 3px; border-right: 1px solid #DADADA;}
.gencol_orders_center { text-align: center;}

.order_details { width: 100%; padding:5px; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #DADADA;}

/* HELP */

input#help { width: 315px; border: 1px solid #DADADA;}
textarea#help { resize: none; width: 315px;}
select#help { width: 315px; border: 1px solid #DADADA;}

.rowBlocked{ color:#d5d5d5; opacity:0.5 }

.error { color:#b90000;}
.fieldOk { color:#7ac43d;}
.fieldError {color:#b90000; }

#lang{ text-align:right;}

#lang a { float:right; padding:1px 4px 4px 4px; text-decoration:none; font-size:10px; margin:0px; border:0px;}

h2 { color:#380000;font-size:18px; margin-bottom:10px;}
.test { background:#e1e1e1; padding:15px;}
.block { border:1px solid #c6c7c8;}

.need { border:1px solid #b80000;}

.addOrderForm td{
    height:30px !important;
}

.addOrderForm input[type="checkbox"]{
    width:auto !important;
    float:right;
}

textarea#remarks{
    width:445px;
    height:80px;
    margin-top: 10px;
}

ul#orderTabs{
    margin:-10px 0px 15px -10px;
}

ul#orderTabs li{
    list-style: none;
    display:inline-block;
}

ul#orderTabs li a{
    padding:5px 12px;
    border:1px solid #555;
    background-color:#EEE;
    text-decoration: none;
}

ul#orderTabs li a.active{
    background-color:#FEB600;
}

ul#orderTabs li a:hover{
    background-color:#CCC;
}
body.front{background-image: none}
div.homepage{width:336px; position:absolute; left:50%; top:50%; margin-top:-225px; margin-left:-165px; }
#home-login{background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);border:1px solid #a6a6a6}
#home-login .wrapper{padding:15px;}
#home-login label{font-family: Arial, Helvetica, Verdana; display: block; font-size: 12px}
#home-login input[type="text"],#home-login input[type="password"]{width:290px;padding: 5px; margin-top: 5px}
#home-login p{margin:5px 0 15px;}
#home-login .sbutton p{margin-bottom:0px;}
#home-login div.error{background: #eee;padding: 10px;}