/* CSS global BODY styles */
body {
  min-width:1024px;

	margin: 0px;
	padding: 0px;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	background: #FFF;
	color: #000;
	  
}
select {
	margin: 0px;
	padding: 0px;
}
ul, li, p, div, h1, h2, h3, form, fieldset {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
fieldset{
  border:none;
}
p {
	line-height: 1.5em;
}
.textVersion {
	display: none;
}
a, a:visited {
  color:#d14608;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.clearfix{
  display:block;
  height:1px;
  font-size:0px;
  clear:both;
}
/* ------------------------------------------------------------------------------ TOP */
#top{
  position:relative;
  height:150px;
  background: url('../img/top_bkg.jpg');
}
#top h1{
  display:block;
  width:222px;
  height:67px;
  float:left;
  padding:29px 0px 19px 30px;
}
#top h1 a{  
  display:block;
  width:222px;
  height:67px;
  background: url('../img/logo_transOrder.jpg');
}
#top h1 a span{
  display:none;
}
#top .loginInfo{  
  position:absolute;
  bottom:0px;
  left:20px;
  width:50%;
  height:26px;
  padding:0px 50px;
  overflow:hidden;
  line-height:26px;
  color:#a7a5a5;
}
#top .loginInfo b{
  color:#878787;
}
#top .logout{
  float:right;
  padding: 130px 0px 0px 0px;
  overflow:hidden;
  text-align:center;  
  background: url('../img/top_bkg.jpg') top right no-repeat;
}
#top .logout a{
  color:#878787;
}
#top .topBanner{    
  float:right;
  width:390px;
  height:150px;
  padding:6px 0px 0px 25px;
  overflow:hidden;     
  background: url('../img/top_banner_bkg.jpg') top right no-repeat;
}
#top .rightBkg{
  background: url('../img/top_right_bkg.jpg') top right no-repeat;
}
#top .leftBkg{
  height:150px;
  padding:0px 60px;
  background: url('../img/top_left_bkg.jpg') top left no-repeat;
}
/* ------------------------------------------------------------------------------ END TOP */


/* ------------------------------------------------------------------------------ MENU */
#menu{
  position:relative;
  width:183px;
  overflow:hidden; 
  background: url('../img/menu_bkg.png') 0 0 no-repeat;
}
#menu .repeatBkg{   
  background: url('../img/menu_repeat_bkg.jpg');
}
#menu .topBkg{   
  background: url('../img/menu_top_bkg.jpg') top left no-repeat;
}
#menu .BottomBkg{   
  padding:2px 3px;  
  width:177px;
  background: url('../img/menu_bottom_bkg.jpg') bottom left no-repeat;
}
#menu ul{
  width:183px;
  display:block;
  padding:2px 0px 2px 0px;
  list-style-type:none;
}
#menu ul li{
  width:177px;
  padding-top:0px;
}

#menu ul li b{
  color:#515050;
  font-size:12px;                               
  width:145px;
  line-height:30px;
  padding-left:32px;
  font-weight:bold;
  vertical-align:top;
}
#menu ul li img{
  position:relative;
  padding-top: 6px;
  padding-left: 20px;
}
#menu ul li.center {
  height:33px;
  background: url('../img/menu_center_bkg.jpg') 0 0 no-repeat;;
}
#menu ul li.first {
  height:31px;
  background: url('../img/menu_first_bkg.jpg') 0 0 no-repeat;
}
#menu ul li.last {
  height:30px;
  background: url('../img/menu_last_bkg.jpg') 0 0 no-repeat;
  background-position: top left;
}

#menu ul li.alone {
  height:29px;
  background: url('../img/menu_alone_bkg.jpg') 0 0 no-repeat;
}

#menu .BottomBkg ul li:hover{
  background-position: top right;
  color:#474f76;
}
#menu .ButtonShipmentDetails_clear{
  height: 37px
}
   
   
#main a.button{     
  line-height:24px;   
  width:auto;
  display:block;
  float:left;
  background: url('../img/button_repeat_bkg.jpg') bottom left;  
}
#main a.button span{ 
  line-height:24px;               
  padding:0px 0px;  
  display:block;
  float:left;                          
  background: url('../img/button_left_bkg.jpg') bottom left no-repeat;  
}                                 
#main a.button span span{ 
  height:24px;          
  line-height:24px;       
  padding:0px 24px;        
  font-size:12px;
  color:#4b4b4b;       
  display:block;
  float:left;
  background: url('../img/button_right_bkg.jpg') bottom right no-repeat;  
}      
#main a.button:hover{
  background-position: top left;
}     
#main a.button:hover span{
  background-position: top left;
}     
#main a.button:hover span span{  
  color:#FFF;
  background-position: top right;
} 
.centerBox{
  width:583px;
  height:269px;
  margin:20px auto;
}         
.centerBoxError{
  background: url('../img/error_bkg.jpg');
}          
.centerBoxLogin{
  background: url('../img/login_bkg.jpg');
}       
.centerBox  h2{
  display:block;
  height:46px;
  line-height:46px;
  color:#000;
  padding:0px 10px;
  font-weight:normal;
}
.centerBox .text{
  line-height:20px;
  font-weight:bold;
  width:260px;
  padding:30px 0px 0px 130px;
}
.centerBox a.back{       
  margin:30px 0px 0px 130px;
  width:188px;
  height:24px;
  display:block;
  line-height:24px;
  color:#FFF;
  padding-left:10px;
  background: url('../img/back_to_main.gif') 0 0 no-repeat;
}
.centerBox a.back:hover{
  text-decoration:underline;
}
.centerBox form{
  padding:15px 0px 0px 160px;
}
.centerBox form ul li{
  clear:both;
  width:270px;
  display:block;
  padding-top:15px;
}
.centerBox form ul li label{
  font-weight:bold;
  color:#5b5a5a;
  display:block;
  width:50px;
  float:left;
  line-height:24px;
}   
.centerBox form ul li .iText{   
  float:left;
  width:209px;
  height:15px;
  padding:5px;
  border:none;
  color:#969696;
  font-family:Tahoma;
  font-size:11px;
  background: url('../img/login_box_text_bkg.jpg');
}
.centerBox form ul li .iButton{   
  float:right;
  width:100px;
  height:24px;
  padding-left:20px;
  text-align:left;
  border:none;
  color:#FFF;
  font-family:Tahoma;
  font-size:11px;
  background: url('../img/login_button.jpg');
}

/* ------------------------------------------------------------------------------ END MENU */

/* ------------------------------------------------------------------------------ MAIN */
#content{ 
}
table.content{
  width:100%;
}    
table.content tr td{
  vertical-align:top;
}   
#content .rightBkg{
  background: url('../img/content_right_bkg.jpg') top right repeat-y;
}
#content .leftBkg{
  padding:10px 70px;
  background: url('../img/content_left_bkg.jpg') top left repeat-y;
}
#content .client_logo{
  text-align: center;
  vertical-align: bottom;
}  
#main{
  overflow:hidden;           
  padding-left:10px;
}  
#fixHeight{
  overflow:hidden;    
}
#main .tableLeftHeader{
  background: url('../img/table_header_left.jpg') top left no-repeat;
  width:100%;
}
#main .tableTopHeader{
  background: #97c8e2 url('../img/table_header_repeat.jpg') top left repeat-x;
  width:100%;
}
#main .tableRightHeader{
  background: url('../img/table_header_right.jpg') top right no-repeat;
  width:100%;
  height:78px;
}
#main .tableLeftHeader table{  
  width:100%; 
  padding:3px 3px 2px 3px;    
  vertical-align:middle;  
}     
#main .tableRightHeader tr td{
  padding:6px 0px 4px 0px;
  color:#528099;
  text-align:center;
  vertical-align:middle;
  border-right:1px solid #84bad7;
  border-bottom:1px solid #84bad7;
}
#main .tableRightHeader tr td.data{
  width:92px;
  margin:0px 0px 0px 0px
}
#main .tableRightHeader tr td.status table{
  padding: 0px;
  margin: 0px;
}
#main .tableRightHeader tr td.status{
  width: 10px;
  height: 10px;
}
#main .tableRightHeader tr td.status table{
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#main .tableRightHeader tr td.status table tr td.statusik{
  margin: 0px;
  color:#528099;
  border: none;	
  -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
}
#main .tableRightHeader tr td.direction{
  width:119px;
}
#main .tableRightHeader tr td.typ, .tableRightHeader tr td.typ_marked{
  text-align:center;
  width:41px;
}
#main  .tableTopHeader tr td.typ_marked{
  font-weight: bolder;
  color: #FFFFFF;
}
#main .tableRightHeader tr td.typLong{
  text-align:center;
  width:120px;
}

#main .tableRightHeader tr td.uwagi{
  border-right:0px;
}
#main .tableRightHeader tr td.data select{
  text-align:center;
  width:75px;
  font-size:9px;
  margin:1px 0px;
}
#main .tableRightHeader tr td.direction select{
  width:108px;
  font-size:11px;
}

#main .tableTopHeader b{
  color:#474f76;
}

#main .tableContentBorder{
  width:100%;
}
#main .tableContentBorder .scroll{
  height:600px;
  overflow:auto;
  border-left:1px solid #d4d8d7;
  border-right:1px solid #d4d8d7;
  border-top:1px solid #d4d8d7;
}

#main .tableContentBorder table{  
  width:100%;
  padding:0px 2px 2px 2px;
}
#main .tableContentBorder tr td{
  padding:3px 5px 3px 5px;
  background: #e5e5e5;
  color:#878787;
  border-right:1px solid #d0d0d0;
  border-bottom:1px solid #d0d0d0;
  border-top:1px solid #FFF;
}
#main .tableContentBorder .scroll tr.marked td {
  background: #B7DAED;
  font-weight: bolder;
  color: #706F6F;
}
#main .tableContentBorder tr:hover td{
  background: #f5f5f5;
}

#main .tableContentBorder tr td.data{
  width:82px;
  text-align: center;
}
#main .tableContentBorder tr td.direction{
  width:109px;
}
#main .tableContentBorder tr td.typ{
  text-align:center;
  width:31px;
}
#main  .tableTopHeader tr td.typ:hover{
  font-weight: bolder;
  color: #FFFFFF;
}
#main  .tableTopHeader tr td.typ_marked:hover{
  font-weight: normal;
  color: #528099;
}
#main .tableContentBorder tr td.uwagi{
  
}
#main .tableContentBorder tr td b{
  color:#515050;
  font-weight:normal;
}
#main .tableContentBorder .scroll tr.marked td b{
  font-weight:bolder;
  color: #515050;
}
#main .tableLeftFooter{
  height:7px;
  background: url('../img/table_footer_left.jpg') bottom left no-repeat;
  width:100%;
}
#main .tableBottomFooter{
  background: #97c8e2 url('../img/table_footer_repeat.jpg') bottom left repeat-x;
  height:7px;
  width:100%;
}
#main .tableRightFooter{
  height:7px;
  background: url('../img/table_footer_right.jpg') bottom right no-repeat;
  width:100%;
}


  
/* ------- Shipment Details --------- */

#main .ShipmentDetails_tableTopHeader{
  background: #97c8e2 url('../img/table_header_repeat.jpg') top left repeat-x;
  height:35px;
  width:100%;
  min-width: 352px;
}
#main .ShipmentDetails_tableLeftHeader{
  background: url('../img/table_header_left.jpg') top left no-repeat;
  height:35px;
}
#main .ShipmentDetails_tableRightHeader{
  background: url('../img/table_header_right.jpg') top right no-repeat;
  height:35px;
}

#main .ShipmentDetails_tableTopHeader table{  
  width:100%;
}

#main .ShipmentDetails_tableTopHeader tr td{
  padding:10px 0px 10px 0px;
  color:#474f76;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #84bad7;
}
#main .ShipmentDetails_tableLeft{
  background: url('../img/table_content_left.jpg') left repeat-y;
}
#main .ShipmentDetails_tableRight{
  background: url('../img/table_content_right.jpg') right repeat-y;
}
#main .ShipmentDetails_tableContent{
  width:100%;
  min-width: 352px;
  height:auto;
  overflow:auto;
}
#main .ShipmentDetails_tableContent table{  
  width:100%;
}
#main .ShipmentDetails_tableContent tr td{
  height:20px;
  padding:3px 10px 3px 10px;
  color:#474f76;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid #84bad7;
}

#main .ShipmentDetails_tableContent td.left-top{
  /*background-color:#BDDCEE;*/
  border-right:1px solid #84bad7;
  /*border-top:1px solid #84bad7;*/
  /*background: url('../img/table_content_left_bkg.jpg') left repeat-y;*/
}
#main .ShipmentDetails_tableContent td.StatusName{
  padding:  none;
  margin: none;
}
#main .ShipmentDetails_tableContent td.StatusName table{
  padding:  none;
  margin: none;
  border: none;
}
#main .ShipmentDetails_tableContent td.StatusName table tr td{
  padding:  none;
  margin: none;
  border: none;
}
#main .ShipmentDetails_tableContent tr.row-left_bkg{
  background-color:#BDDCEE;
  background: url('../img/table_content_left_bkg.jpg') left repeat-y;
}
#main .ShipmentDetails_tableContent td.left-middle{
  
  border-right:1px solid #84bad7;
  /*background: url('../img/table_content_left_bkg.jpg') left repeat-y;*/
}
#main .ShipmentDetails_tableContent td.left-top b, .ShipmentDetails_tableContent td.left-middle b{
  font-weight:bolder;
}
#main .ShipmentDetails_tableContent td.typ-left{
  padding:5px 10px 5px 10px;
  text-align:center;
  border-right:1px solid #84bad7;
  background-color:#BDDCEE;
  background:url('../img/table_content_left_bkg.jpg') left repeat-y;
}
#main .ShipmentDetails_tableContent td.typ-center{
  width: 18%;
  padding:5px 10px 5px 10px;
  text-align:center;
  /*color: #D52A20;*/
  border-right:1px solid #84bad7;
  background-color:#FFFFFF;
}
#main .ShipmentDetails_tableContent td.typ-center-off{
  width: 18%;
  padding:5px 10px 5px 10px;
  text-align:center;
  color: #BFCAFF;
  border-right:1px solid #84bad7;
  background-color:#FFFFFF;
}
#main .ShipmentDetails_tableContent td.typ-right{
  width: 18%;
  padding:5px 10px 5px 10px;
  text-align:center;
  background-color:#FFFFFF;
  background:url('../img/table_content_right.jpg') right repeat-y;
}

#main .ShipmentDetails_tableContent td.typ-right-off{
  width: 18%;
  padding:5px 10px 5px 10px;
  text-align:center;
  background-color:#FFFFFF;
  color: #BFCAFF;
  background:url('../img/table_content_right.jpg') right repeat-y;
}
#main .ShipmentDetails_tableContent td.Remarks_title{
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
  text-align: center;
  font-weight: bold;
  height: 15px;
}

#main .ShipmentDetails_tableContent td.RevokeReason_title{
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
  text-align: center;
  font-weight: bold;
  height: 15px;
}
  
#main .ShipmentDetails_tableContent td.RevokeReason_text{
  text-align: center;
}
#main .ShipmentDetails_tableContent td.RevokeReason_text textarea {
  width: 100%;
  height: 30px;
  border:none;
  background-color:#FFFFFF;
  text-align:left;
  font-family: Tahoma;
  font-size: 11px;
  color: #474f76;
}


#main .ShipmentDetails_tableContent td.last {
  /*border-bottom:none;*/
  height: 15px;
}
#main .ShipmentDetails_tableContent td.Remarks_text {
  height: 30px;
  vertical-align:top;
}
#main .ShipmentDetails_tableContent td.variables {
  background-color:#BDDCEE;
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
}

#main .ShipmentDetails_tableContent td.buttons{
  background-color:#BDDCEE;
  background:url('../img/table_content_left_bkg.jpg') left repeat-y;
  padding:0px 0px 0px 0px;
 /*border-bottom: none;*/
}
#main .ShipmentDetails_tableContent td.alone-bottom{
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
  border: none;
  height: 38px;
  text-align: center;
  vertical-align:top;
}

#main .ShipmentDetails_tableLeftFooter{
  height:7px;
  background: url('../img/table_footer_left_blue.jpg') bottom left no-repeat;
  width:100%;
}
#main .ShipmentDetails_tableBottomFooter{
  background: #97c8e2 url('../img/table_footer_repeat_blue.jpg') bottom left repeat-x;
  height:7px;
  width:100%;
}
#main .ShipmentDetails_tableRightFooter{
  height:7px;
  background: url('../img/table_footer_right_blue.jpg') bottom right no-repeat;
  width:100%;
}


/* ------- BUTTONS --------- */
#main .ShipmentDetails_tableButtons table.buttons{
  width: 100%;
  height: 100%;
  padding:0px 2px 0px 2px;
  border: none;
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
}

#main .ShipmentDetails_tableButtons table.buttons tr td{
  padding:0px 0px 0px 0px;
  background-color:#BDDCEE;
  border: none;
  margin: 0 auto;
  vertical-align:bottom;
  }
#main .ShipmentDetails_tableButtons table.Btn{
  width: 113px;
  background-color:#BDDCEE;
  border: none;
  padding:0px 0px 0px 0px;
  margin: 0 auto;
}
#main .ShipmentDetails_tableButtons table.Btn tr td{
  padding:0px 0px 0px 0px;
  height:30px;
  width:100%;
  color:#515050;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  border: none;
  background: url('../img/button_bkg.jpg') bottom left no-repeat;
}
#main .ShipmentDetails_tableButtons table.Btn tr td:hover{
  background: url('../img/button_bkg.jpg') bottom right no-repeat;
}
/* ------- KONIEC BUTTONS --------- */

/* ------- DANE KIEROWCÓW --------- */
}
#main{}

#main .ShipmentDetails_Drivers_tableTopHeader{
  background: #97c8e2 url('../img/table_header_repeat.jpg') top left repeat-x;
  height:35px;
  width:100%;
  min-width: 330px;
}
#main .ShipmentDetails_Drivers_tableLeftHeader{
  background: url('../img/table_header_left.jpg') top left no-repeat;
  height:35px;
}
#main .ShipmentDetails_Drivers_tableRightHeader{
  background: url('../img/table_header_right.jpg') top right no-repeat;
  height:35px;
}

#main .ShipmentDetails_Drivers_tableTopHeader table{  
  width:100%;
}

#main .ShipmentDetails_Drivers_tableTopHeader tr td{
  padding:10px 0px 10px 0px;
  color:#474f76;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #84bad7;
}
#main .ShipmentDetails_Drivers_tableLeft{
  background: url('../img/table_content_left.jpg') left repeat-y;
}
#main .ShipmentDetails_Drivers_tableRight{
  background: url('../img/table_content_right.jpg') right repeat-y;
}

#main .ShipmentDetails_Drivers_tableContent{
  width:100%;
  min-width: 330px;
}
#main .ShipmentDetails_Drivers_tableContent table{  
  width:100%;
}
#main .ShipmentDetails_Drivers_tableContent tr.row-left_bkg{
  background-color:#BDDCEE;
  background: url('../img/table_content_left_bkg.jpg') left repeat-y;
}
#main .ShipmentDetails_Drivers_tableContent tr td{
  height:20px;
  padding:3px 10px 3px 10px;
  color:#474f76;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid #84bad7;
}
#main .ShipmentDetails_Drivers_tableContent td.alone-top{
  background: url('../img/table_content_right_bkg.jpg') right repeat-y;
  text-align: left;
  font-weight: bold;
  height: 31px;
  /*border-top: 1px solid #84bad7;*/
}
#main .ShipmentDetails_Drivers_tableContent td.alone-middle{
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
  text-align: left;
  font-weight: bold;
  height: 27px;
}
#main .ShipmentDetails_Drivers_tableContent td.alone-bottom{
  background:url('../img/table_content_right_bkg.jpg') right repeat-y;
  border: none;
  height: 59px;
  
}
#main .ShipmentDetails_Drivers_tableContent td.left-middle{
 /* background-color:#BDDCEE;*/
  border-right:1px solid #84bad7;
 /* background: url('../img/table_content_left_bkg.jpg') left repeat-y;*/
  text-align: left;
  min-width: 60px;
  vertical-align: top;
}
#main .ShipmentDetails_Drivers_tableContent td.tb-center-top{
  padding: 0px;
  height: 18px;
  width: 150px;
  border-top:none;
  border-right: 1px solid #84bad7;
}
#main .ShipmentDetails_Drivers_tableContent td.tb-right-top{
  padding: 0px;
  height: 18px;
  border-top:none;
  vertical-align: middle;
}
#main .ShipmentDetails_Drivers_tableContent td.c-right-top{
  padding: 0px;
  margin: 0px;
  height: 18px;
  border-top:none;
}
#main .ShipmentDetails_Drivers_tableContent td.c-right-top select{
  height: 100%;
  width: 99%;
  border: none;
  text-align:left;
  color: #474f76;
  font-size:11px;
  font-weight: bolder;
}
#main .ShipmentDetails_Drivers_tableContent td.tb-right-top input, td.tb-center-top input{
  background-color:#FFFFFF;
  width: 98%;
  border: none;
  text-align:left;
  color: #474f76;
  font-size:10px;
}
#main .ShipmentDetails_Drivers_tableContent td.tb-right-top ul {
  width:87px;
  display:block;
  padding:0px 0px 0px 5px;
  list-style-type:none;
}
#main .ShipmentDetails_Drivers_tableContent td.tb-right-top ul li {
  height: 20px;
  background: url('../img/change_data_bkg.jpg') 0 0 no-repeat;
}

#main .ShipmentDetails_Drivers_tableContent td.tb-right-top ul li input{
  color: #515050;
  height: 20px;
  font-size:11px;
  text-align:center;
  padding-top: 3px;
  background: none;
}

#main .ShipmentDetails_Drivers_tableContent td.buttons{
  background-color:#BDDCEE;
  background:url('../img/table_content_left_bkg.jpg') left repeat-y;
  padding:0px 0px 0px 0px;
  border-top:none;
}

#main .ShipmentDetails_Drivers_tableContent td.tb-right-top ul li:hover{
  background: url('../img/change_data_bkg.jpg') right top no-repeat;
}
/* ------- KONIEC DANE KIEROWCÓW --------- */

/* ------- KONIEC Shipment Details --------- */
                                  
/* ------------------------------------------------------------------------------ END MAIN */

/* ------------------------------------------------------------------------------ FOOTER */
#footer{
  clear:both;
  padding:4px 60px 0px 60px;
  height:56px;
  background: url('../img/footer_bkg.jpg');
}

#footer #transflow a{
  float:right;
  margin-right: 0px;
  width:184px;
  height:40px;
  display:block;
  background: url('../img/logo_transflow.png') no-repeat scroll 0 0 transparent;
}

#footer #ocelot a{
  float:right;
  margin-right: 0px;
  width:94px;
  height:60px;
  display:block;
  background: url('../img/logo_ocelot.jpg');
}

#footer a:hover{
  background-position: top right;
}

#footer a span{
  display:none;
}
/* ------------------------------------------------------------------------------ END FOOTER */