/* general classes and overrides */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #000000}
h4 { color: #392A7E; font-size: 16px}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
form { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
input { font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

a { color: #000000; font-weight: bold; text-decoration: none; }
a:hover { color: #000000; font-weight: bold; text-decoration: none; }
a:active { color: #000000; font-weight: bold; text-decoration: none; }

.error {
	color: #CC0000;
	font-weight: 700;
	text-align:center;
	margin-top : 10%;
} // error is not only used for errors!
.input { font-weight: bold; color: #392A7E; font-size: 12px; }
.constat { text-align: center; vertical-align: middle; }
.logo { background-color: #9B9B9B; background-image: url(/images/logo.gif); background-repeat: no-repeat; background-position: center right}

/* menu classes */
body.menu { color: #CCCCCC; font-family: Arial, "Arial Narrow", "Arial Black"; font-size: 9px; font-weight: bold; text-decoration: none; }
table.menu { background-color: #392A7E; color: #CCCCCC; font-family: Arial, "Arial Narrow", "Arial Black"; font-size: 9px; font-weight: bold; text-decoration: none; }
a.menu { color: #CCCCCC; font-weight: bold; text-decoration: none; }
a.menu:hover { color: #392A7E; background-color: #CCCCCC; font-weight: bold; text-decoration: none; }
a.menu:active { color: #392A7E; font-weight: bold; text-decoration: none; background-color: #CCCCCC; }
div.menu { font-family: Helvetica, Arial, Verdana, "Times New Roman"; font-size: 9px; font-weight: bold; text-decoration: none; }

/* t1 classes are used for the "Container info" -table */
.t1 { background-color: #FFFFFF; border-right: 0px solid #999999; border-left: 0px solid #999999; border-bottom: 1px solid #999999; border-top: 0px solid #999999; }
.t1top{ background-color: #FFFFFF; border-right: 0px solid #999999; border-left: 0px solid #999999; border-bottom: 0px solid #999999; border-top: 0px solid #999999; }
.t1header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t1left{ background-color: #d6d3d6;
         border-right: 1px solid #999999;
         border-left: 0px solid #999999;
         border-bottom: 0px solid #999999;
         border-top: 1px solid #999999;
         font-family: Arial;
         font-size: 11px;
         font-style: normal;
         line-height: normal;
         font-weight: normal;
         color: #000000; }
.t1right{ background-color: #FFFFFF;
          border-right: 0px solid #999999;
          border-left: 0px solid #999999;
          border-bottom: 0px solid #999999;
          border-top: 1px solid #999999;
          font-family: Arial;
          font-size: 11px;
          font-style: normal;
          line-height: normal;
          font-weight: normal;
          color: #000000; }

/* t2 classes are used for the "Tracing results" -table */
.t2 { background-color: #392A7E ; color: #FFFFFF; border: 2px #392A7E solid}
.t2header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t2first {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t2second {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}

/* t3 classes are used for the "Tracing detailed results" -table */
.t3 {background-color: #999999; border: 2px #392A7E solid}
.t3left {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t3right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}

/* t4 classes are used for the "IMDG labels" -table */
.t4 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid}
.t4header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t4left {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t4right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}
.t4white {  background-color: #FFFFFF; border: 1px #392A7E solid; color: #000000}

/* t5 classes are used for the "damage codes" -table */
a.t5header { color: #CCCCCC; text-decoration: none; }
a.t5header:hover { color: #392A7E; background-color: #CCCCCC; text-decoration: none; }
a.t5header:active { color: #392A7E; text-decoration: none; background-color: #CCCCCC; }

.t5 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid; }
.t5header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t5left {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t5right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}

/* t6 classes are used for the "ISO codes" -table */
a.t6header { color: #CCCCCC; text-decoration: none; }
a.t6header:hover { color: #392A7E; background-color: #CCCCCC; text-decoration: none; }
a.t6header:active { color: #392A7E; text-decoration: none; background-color: #CCCCCC; }

.t6 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid; }
.t6header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t6left {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t6right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}

/* t7 classes are used for the "ports" -table */
a.t7header { color: #CCCCCC; text-decoration: none; }
a.t7header:hover { color: #392A7E; background-color: #CCCCCC; text-decoration: none; }
a.t7header:active { color: #392A7E; text-decoration: none; background-color: #CCCCCC; }

.t7 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid}
.t7header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t7left {  background-color: #999999; border: 1px #392A7E solid; color: #000000}
.t7right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000}

/* t8 classes are used for the "Vessel info" -table */
a.t8header { color: #CCCCCC; text-decoration: none; }
a.t8header:hover { color: #392A7E; background-color: #CCCCCC; text-decoration: none; }
a.t8header:active { color: #392A7E; text-decoration: none; background-color: #CCCCCC; }

.t8 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid; }
.t8header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t8left {  background-color: #999999; border: 1px #392A7E solid; color: #000000; color: #000000}
.t8right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000; color: #000000}

/* t9 classes are used for the "Empty Stock" -table */
.t9 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid; }
.t9header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t9left {  background-color: #999999; border: 1px #392A7E solid; color: #000000; color: #000000}
.t9right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000; color: #000000}

/* t10 classes are used for the "VGS Overview" -table */
.t10 { background-color: #392A7E; color: #FFFFFF; border: 2px #392A7E solid; }
.t10header { background-color: #392A7E; color: #FFFFFF; border: 1px #392A7E solid; text-align: left; vertical-align: top}
.t10left {  background-color: #999999; border: 1px #392A7E solid; color: #000000; color: #000000}
.t10right {  background-color: #CCCCCC; border: 1px #392A7E solid; color: #000000; color: #000000}

/* Order information requests style sheets

/* table_layer is used for scrollable layer of all order tables   */
.table_layer {
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
  border: #6b1410 solid;
  position: absolute;
  visibility: visible;
  z-index: 1;
  clip: rect( );
  height: 300px;
  width: 100%;
  border-width: 0 1px 1px 0px;
  overflow : auto;
}

/* table_header is used for the column heads  */
.table_header {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #6b1410;
  background-color: #d6d3d6;
  text-align: left;
  vertical-align: top;
  margin-left: 0px;
  clip: rect( );
  position: absolute;
  z-index: 1;
  height: 15;
  top: 1px;
  width:99%;
  
}

/* table_rows is used for the table rows properties */
.table_rows {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  border-right : 1px solid #6b1410;
  border-left : 0px solid #6b1410;
  border-bottom : 1px solid #6b1410;
  border-top : 0px solid #6b1410;
}

/* column_title is used for the layer under the columns which is nessesary for scrolling */
.column_title {
  position:absolute;
  z-index: 1;
  height: 20px;
  width: 99.7%;
  left: 1px;
  top: 0px;
  clip: rect( );
  background-color: #d6d3d6;
  border-top-color : #6b1410;
  border-top-style : solid;
  border-top-width : 1px;
  border-left-color : #6b1410;
  border-left-style : solid;
  border-left-width : 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-right-color : #6b1410;
  border-right-style : solid;
  border-right-width :2px;
  border-bottom-color:#6b1410;

}

/* first_column is used for the first column of each row  */
.first_column {
  background-color: #d6d3d6;
  width: 25px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color:#6b1410;
  border-left-color : #6b1410;
  border-left-style : solid;
  border-left-width:1px;
  border-right-color : #6b1410;
  border-right-style : solid;
  border-right-width:1px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color : #6b1410;
}

/* Different font which are used in orders section   */
.the_font {  font-family: Arial; font-size: 11px; font-style: normal; font-weight: normal; color: #000000}
.bold_font {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #000000
}
.title {
  position: absolute;
  height: 18px;
  width: 100%;
  left: 0px;
  top: 25px;
  clip: rect( );
  background-color:  #6b1410;
  border-top-color : #6b1410;
  border-top-style : solid;
  border-top-width : 1px;
  border-left-color : #6b1410;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #6b1410;
  border-right-style : solid;
  border-right-width : 1px;
  border-bottom-color : #6b1410;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #d6d3d6
}

/* background is used for layer backgrounds   */
.header {
  background-color: #d6d3d6;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left : #6b1410 solid 1px;
  border-top : #6b1410 solid 1px;
}

.header_column{
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  border-right : 1px solid #6b1410;
  border-left : 0px solid #6b1410;
  border-bottom : 1px solid #6b1410;
  border-top : 0px solid #6b1410;
  background : #d6d3d6;
}

.table1{
  border-top-color : #6b1410;
  border-top-style : solid;
  border-top-width : 1px;
  border-left-color : #6b1410;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #6b1410;
  border-right-style : solid;
  border-right-width : 1px;
  border-bottom-color : #6b1410;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  width : 100%;
}


.header_text{
  border-bottom : 1px solid #6b1410;
  background : #d6d3d6;
  font-family : Arial;
  font-size : 11;
  font-style : normal;
}
.header_test{
   border-right : 1px solid #6b1410;
  border-left : 0px solid #6b1410;
  border-bottom : 1px solid #6b1410;
  border-top : 0px solid #6b1410;
  background-color : #d6d3d6;
  font-family : Arial;
  font-size : 11;
 font-style: normal;
  font-weight: bold;
}
.title2 {
  background-color: #6b1410;
  border-top-color : #6b1410;
  border-top-style : solid;
  border-top-width : 1px;
  border-left-color : #6b1410;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #6b1410;
  border-right-style : solid;
  border-right-width : 1px;
  border-bottom-color : #6b1410;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #d6d3d6
}
.buttonLeft {  height: 20px; width: 60px; font-family: Arial; font-size: 11px; background-image: url(../images/orders/arrowleft.jpg); background-repeat: no-repeat; background-position: center center}
.buttonRight {  background-image: url(../images/orders/arrowright.jpg); background-repeat: no-repeat; background-position: center center; height: 20px; width: 60px}

.button{height: 20px; width: 60px; font-family: Arial; font-size: 11px; text-align::center}

/*A:link {
	TEXT-DECORATION: none;
	color: #333333;

}
A:visited {
	TEXT-DECORATION: none;
	color: #333333;

}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: none
}*/


.pw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	color: #000000;

}
.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 21px;
	text-decoration: none;
	color: #000000;
}
.copyright {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.piccolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.testorosso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.traccia {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.spaziatura {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
}
.testogrande {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.grosspic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
}
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #990000;
}

/* End of Order requests styles. */