body {background: white; margin: 0; color: #253b92; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; z-index: 300;}
.hard {color:  Black; font-size: 7pt; }
input {margin: 0; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; }
select {background: white; margin: 0; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt;}
textarea {background: white; margin: 0; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt;}
.theme1 {color: #fff200;}
.theme2 {background: #ef3931;}
.theme3 {background: #fff200;}
.theme4 {background: #ef3931; font-size: 1px;}
.theme5 {background: #eeeeff; color: #253b92;}
.theme5hidden {background: #ffffff;  color: #ffffff;display:none;}
.tinyHidden {font-size:1pt; color:White;}
.theme5 th {background: #6788be; color: #ffffff; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 8pt;}
.theme5 tr { font-family: Verdana, 'Trebuchet MS', Arial; font-size: 8pt;}

.confirm {color:Green}
.deny {color:Red}

.mapholder {position: absolute; left: -20px; top: 85px; z-index: -1; overflow: hidden; background-color: transparent;}
.pieholder {position: absolute; left: 900px; top: 5px; overflow: hidden; background-color: transparent; z-index: 50;}

skinReverse {background: #253b92; margin: 0; color: white; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 1em;}
blanked {background: white; margin: 0; color: #f0f0f0; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 1em;}
.NoShow {background: White; color: White;}
table {border: 0px; padding: 0px; border: none; padding-top: 1px; background: white;}
h6 {background: #fff200; margin: 0; color: #ef3931; font: bold 1.2em 'Arial Bold', Arial, Verdana, Helvetica, Sans-serif;}
h5 {font-size: x-small;}
h4 {background: #253b92; margin: 0; color: white; font: normal 0.8em 'Arial Bold', Arial, Verdana, Helvetica, Sans-serif;}
h3 {background: #253b92; margin: 0; color: white; font: bold 1.2em 'Arial Bold', Arial, Verdana, Helvetica, Sans-serif;}
img {border: 0}

.noborder {border-style:none;}
.newsContent {font: normal 1.2em Arial, Verdana, Helvetica, Sans-serif; color: red ;  background-image: url(../Images/newsBg.gif); background-repeat: repeat-y; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px;}
.diamond {vertical-align: middle;}
.date {font-weight: bold; font-size: 0.6em;}
.news {text-align: justify;}
.standout {font-weight: bold; color: black; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 8pt; }
.shout {font-size: 2em; color: #a5bedf; background-color: transparent; border: solid 0px #6788be; border-bottom-width: 0px; }
.translucent {filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}

div.newadd {display: none;}
div.config {display: none;}
div#darkscreen {z-index:400; position:absolute; top:0; left:0; width:80px; height:80px; background-color:#253b92; opacity:0.5; filter:alpha(opacity=50); display: none;}
div.popout {z-index:500; position:absolute; top:300px; left:480px; margin:auto; background: #eeeeff; color: #253b92; }

.mnu {background: white; margin: 0; color: #253b92; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; z-index: 300; padding-right:6px;}
.mnuHover {background: #FFFF80; margin: 0; color: #253b92; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; z-index: 300;}
.submnu {background: white; margin: 0; color: #253b92; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; z-index: 300; }
.submnuHover {background: #FFFF80; margin: 0; color: #253b92; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt; z-index: 300; }

input.btnEnabled:hover {background-position: 0 24px; background-repeat: no-repeat; width: 160px; height: 24px;}
.labelCss {font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color : #000000 ; text-align : center; height : 15px;  }
div.postCodeError{position: absolute; left: 680px; top: 550px; overflow: hidden; }
.labelError{font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  Red   ; text-align : center; height : 15px;  }
div#ddlSub1{position: absolute; left:100px; top: 100px; overflow: hidden;}

lnkConsignmnet
{
 width:50px; height:10px; color:black; padding:0; background:#888888; }
	
a.lnkConsignmnet:link {color: red; text-decoration: none; }
a.lnkConsignmnet:visited {color: purple; text-decoration: none; }
a.lnkConsignmnet:hover {color: orange; text-decoration: underline; }
a.lnkConsignmnet:active {color: blue; } 

link{ width:50px; height:10px; color:black; padding:0; background:#888888; }
a.link:link {color: red; text-decoration: none; }
a.link:visited {color: purple; text-decoration: none; }
a.link:hover {color: orange; text-decoration: underline; }
a.link:active {color: blue; }

/* Discrepancy */

.disMainPane{position: absolute; top : 10px; left : 34px; width: 818px; height: 500px;}
.divMainHeader{position : relative;left : 2px;background-color :  #6788be; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;font-weight : bold;color:#ffffff;}
div#disLeftTable{position: relative; top : 0px; left : 0px; width: 400px; height: 450px; border-bottom : 0px; border-left :0p; border-right :1px thin outset; border-top : 0px;}
div#disRightTable{position: absolute; top : 15px;  left : 402px;width: 420px; height: 450px;border-bottom : 0px; border-left :0px; border-right :0px; border-top : 0px;}
.disRotator{  width: 350px;    height: 100px; background-image: url(Images/thumbsBg.gif);background-color :#ffffff;}
.DisTable{background: #ffffff; color: #000000;}
.DisTable th{ background-color :  #6788be; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;font-weight : bold;color:#ffffff;}
.DisTable tr {font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;}
.DisTable td {font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;}
.disRadUploadHeader{position:relative ; top:-22px; vertical-align : top; background-color :  #6788be;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;font-weight:bold ;color : #ffffff; width:410px;}
.disTextArea { border-color : #6788be; border-width:1px; height : 100px; width :250px; }
.disText { border-color : #6788be; border-width:1px; }
.disRadUpload{ }
.disRadUploadCon{ position:relative ; top : -20px;border : 1px;border-color : #6788be; }
.disTableTdBlock{border:0px solid #6788be;}
#tripDispRadWindow{position:relative ;}
.lDisbutton{float : left;  background-image: url(../Images/blueButton.png); background-repeat :repeat-x ;
	height : 20px;width:100px; text-align :center ; vertical-align :middle ;}

/* Discrepancy */

/*Consignment Details Page*/

.cDtlHeader{font-family  :   Verdana, 'Trebuchet MS', Arial; font-size : 12pt; color :  white ; background: #6593cf; border-color:black;   text-align : center; height : 20px; width : 800px; }

.cDtlHeaderTD{font-family : Verdana, 'Trebuchet MS', Arial; font-size : 12pt; color :  #6788be ;   text-align : left; height : 20px; width : 100px; }

.cDtlMain{font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12pt; color :  Black ;  border: 0px solid #6593cf; width:850px;height:600px; }
.cDtlStripTable{}
.cDtlStripTable td{font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; font-weight :bold; color :  #6788bf ;  text-align :left ; vertical-align :top; height : 20px; width :160px; }
.cDtlStripTD{font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  #6788bf ;  font-weight : bold ; text-align : left; height : 20px; width : 160px;}
.cDtlDataLabels{font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  #000000 ;  font-weight : bold ; text-align : left; height : 20px; width : 100px; }

div#imageRotatorDiv{text-align:center; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 6pt; color :  Black ; padding-right : 10px;padding-bottom : 5px;}
.RotatorImage{vertical-align:middle;margin:0px 11px;cursor:hand;cursor: pointer;padding-bottom : 0px;}
.cDtlfileName{padding : 10px;}
.thumbsViewer{background-color: #fff;background-image: url(Images/thumbsBg.gif);}
#cDtlMiddleSplitter{position : relative ; top: 20px; left : 10px; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  Black ;ove?flow : hidden; }

/*#RadSplitter2{ width:820px;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  Black ;}*/

#MidPane{}

.cDtlConNocss{ font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 20px; color:#ffffff;}
.cDtlTDL{color: #000000; width :40px; height : 15px; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 9pt;}

#txtcDtlConNo{position:relative;top:0px;left:0px; float :left; display:inline;  width:160px; height : 15px; margin-left : 0px; font-family : Verdana, 'Trebuchet MS', Arial; font-size : 9pt;}

.cDtlConNoDiv{position:relative; top:43px; left:116px; margin-left:10px; width:200px; height:19px; z-index:1;}
.drpcDtlConNocss{position:relative; top:0px; left:0px; margin-left:0px; width:140px; height:30px; z-index:1;}
.drpcDtlConNo1css{position:absolute; top:51px; left:128px; width:165px; height:20px; margin-left:10px; font-size:12px;z-index:1;}
.txtcDtlConRef{width:132px; height : 14px;}

#txtcDtlConRef{position:relative; width:160px; height : 15px; margin-left : 10px; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt;}

#cDtlLoadB{position:relative  ; left:20px;}
.cDtlTableTD{height : 20px; width : 100px; background-color: #6788be;border:0; color:#ffffff;}
.cDtlTableTeTD{height : 20px; width : 100px; background-color: #eeeeff;border:0 none;}
.cDtlTableTop{width:810px;border:0;}
.cDtlTableTopLabel{	width:90px;	font-weight:bold;	color:#6788bf;	font-family :  Verdana, 'Trebuchet MS', Arial;	font-size:12px;	border:0;	}
.cDtlTableTopData{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight : bold; padding:3px 2px 3px 2px;height : 10px; width : 200px; border:0;color:#6788b9; }
.cDtlTableTopDataCol4{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight : bold; padding:3px 2px 3px 2px;height : 10px; width : 320px; border:0;color:#6788b9; }
.tcDtlInscss{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight:bold;font-size : 12px; color :  #6788b9;text-align : left; height : 70px; width : 522px; border : 1px solid #6788bf;}                      
.tcDtlRefcss{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight:bold;font-size : 12px; color :  #6788b9; text-align : left; height : 105px; width : 255px;border : 1px solid #6788bf; }
.tcDtladdcss{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight:bold;font-size : 12px; color :  #6788b9; text-align : left; height : 105px; width : 260px;border : 1px solid #6788bf;  }
.cDtlTextArea{font-family :  Verdana, 'Trebuchet MS', Arial; font-weight:bold;font-size : 12px; color :  #6788b9; text-align : left;width : 280px; height : 80px; border : 1px solid #6788bf;}
.cDtlbuttton{border-color: #ffffff; border-width : 2px; border-style : outset; background-color : #6788b9; color : #ffffff;}
.cDtlbutttonClose{position : absolute; top : 13px; left : 830px; border-color: #ffffff; border-width : 2px; border-style : outset; background-color : Red; color : #ffffff;}
.cDtlTableHazard{width : 260px;padding: 0px;}
.cDtlTableFooter{width:800px;border :0px; padding :0 ; }
.cDtlTableFooterLabel{color:#6788bf;	font-family :  Verdana, 'Trebuchet MS', Arial;	width:150px;	font-weight:bold;	font-size:12px;	padding:3px 2px 3px 2px;height : 10px;}
.cDtlTableFooterData{width:180px;	font-family :  Verdana, 'Trebuchet MS', Arial;font-weight:bold;font-size:12px;color:#6788b9;padding:3px 2px 3px 2px;height : 10px}
.cDtlRg1Table { width:780px; color: #6788b9;border-bottom : 0px solid #6788b9;overflow :hidden;}
.cDtlRg1Table th {color: #6788bf; font-family: Verdana, 'Trebuchet MS', Arial; font-size: 12px } 
.cDtlRg1Table td {background-color: #ffffff; color : #000000 ; font-weight :normal ; font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px; margin-left :2px; } 
.cDtlRg1RightW40{width :40px; min-width:45px; text-align : right ;  vertical-align :top; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg1LeftW80{width :80px; min-width:85px; text-align  : left  ; vertical-align :top;height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDt?Rg1RightW60{width :60px; min-width :65px; text-align  : right ;vertical-align :top; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg1LeftW60{width :60px; min-width:65px; text-align :left; vertical-align :top;height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg1LeftW300{width :360px; min-width : 300px; text-align :left ; vertical-align :top;height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg1LeftW40{width :40px; min-width:45px; text-align : left;vertical-align :top; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}

.cDtlRg2Table { width:500px; color: #6788b9;border-bottom : 0px solid #6788b9;overflow :hidden;}
.cDtlRg2leftW60{width :60px; min-width:20px; text-align : left;vertical-align :top; text-align :left ; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg2leftW80{width :80px; min-width:80px; text-align : left;vertical-align :top; text-align :left ; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg2leftW150{width :150px; min-width:150px; text-align : left;vertical-align :top; text-align :left ; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
.cDtlRg2LeftW220{width :220px; min-width:220px; text-align : left;vertical-align :top; height:100%;font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}

.cDtlDelStatusIcss{height:24px;width:24px; vertical-align : middle ;}
#cDtlButtons{position : relative ;  top: 0px; left : 20px; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px;  font-weight:bold; color :  #6788b9 ;}
#cDtlMainHead{position : relative ; display :none ;  top: 10px; left : 0px; width : 850px; height : 25px;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px; color :   #ffffff ;background-color : #6788bf;  }
.cDtlMainHeadT{position : relative  ; display :none ;top: 2px; left : 330px;  font-family :  Verdana, 'Trebuchet MS', Arial;font-weight:bold; font-size : 15px; color :  #ffffff ; }/**/
.cDtlMainHeader{position : relative ; top: 20px; width : 795px;left : 35px; background-color :#6788bf; font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px; font-weight:bold; color :  Black ;}
.cDtlMainHeadTab{background-color : #6788bf; width: 500px;}
.cDtlHeaderTDL{height : 20px; width : 40px; border:0;color:#ffffff; font-weight :bold;}
#cDtlCheck{ height:110px; width:800px;background-color: #ffffff;padding: 0px; white-space :normal ;   padding: 0px;overflow : hidden;   float :left ; border:solid 0px #000000;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px; color :  black   ; text-align : left; }
#cDtlDet{height : 40px; width : 800px;  background-color: #ffffff;padding: 0px; white-space :normal ;   padding: 0px;overflow : auto;   float :left ; border:solid 0px #000000;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  black   ; text-align : left; z-index : -1 auto; }
#cDtlDetHead{height : 18px; width : 818px; position :static ;  background-color: #ffffff;padding: 0px; white-space :normal ;   padding: 0px;overflow : hidden;   float :left ; border:solid 0px #000000;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 9pt; color :  black   ; text-align : left; z-index : 0 auto; }
.cDtlItmDet{}
#cDtlDetailMain{float:left;}
#cDtlDetail{float:left;height : 25px; width:800px;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px; color :   #ffffff ;background-color : #6788bf;  }
.cDtlDetailHead{float:left;padding-top : 2px ; left : 0px;  font-family :  Verdana, 'Trebuchet MS', Arial;font-weight:bold; font-size : 15px; color :  #ffffff ; }/**/
.cDtlHeaderItem{background-color: #ffffff; color : #000000 ; font-weight :bold ; font-family :  Verdana, 'Trebuchet MS', Arial;font-size : 12px;}
#cDtlFooter{float:left;}
#cDtlFooterHeader{height : 25px;width:800px;font-family :  Verdana, 'Trebuchet MS', Arial; font-size : 12px; color :   #ffffff ;background-color : #6788bf;  }
.cDtlFooterHead{padding-top : 2px; left : 0px;  font-family :  Verdana, 'Trebuchet MS', Arial;font-weight:bold; font-size : 15px; color :  #ffffff ; }
.cDtlTableInst{width : 190px;}
.cDtlLResponse{color: #6788bf; font-family: Verdana, 'Trebuchet MS', Arial; font-weight :bold;  font-size: 14px; color :#6788bf;  }
/*Consignment Details*/
#RadWM{position:absolute ; }

/* big screen */

.trafficList
{
    width: 693px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
.leftSide
{
    float: left;
}
.tagList
{
    position: absolute;
    top: 50px;
    float: left;
    left: 760px;
    width: 500px;
    height: 614px;
    padding-top: 0px;
    padding-left: 20px;
    background-color: white;
    background-repeat: no-repeat;
    border: none;
}
.tagChart
{
    position: absolute;
    top: 50px;
    float: left;
    left: 24px;
    width: 780px;
    height: 360px;
    text-align: left;
}
.traffic
{
    background-image: url('../images/main_back.png');
    width: 769px;
    height: 200px;
    position: absolute;
    top: 420px;
    left: 0px;
    float: left;
    padding-top: 46px;
    padding-left: 0px;
    background-repeat: no-repeat;
    text-align: center;
}
.banner
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../images/clarkebannerskinny.jpg');
    width: 1200px;
    height: 50px;
    float: left;
    background-repeat: no-repeat;
}
.ticker
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 1200px;
    height: 80px;
    float: left;
    padding-top: 10px;
    padding-left: 25px;
    background-repeat: no-repeat;
}
.nbalogo
{
    position: relative;
    bottom: 8px;
    right: 0px;
    background-image: url('../images/nbalogo.gif');
    background-repeat: no-repeat;
    position: absolute;
    width: 134px;
    height: 46px;
    z-index: 100;
}
.titleText
{
    width: 769px;
    float: right;
    margin-right: 200px;
    padding-top: 8px;
}
.rotator
{
    margin-left: 40px;
    margin-top: 15px;
    width: 693px;
    height: 200px;
}
.dateTime
{
    width: 100px;
    height: 56px;
    float: left;
}
.consignmentNumber
{
    width: 60px;
    color: Navy;
    font-size: 16px;
    margin-top: 0px;
    text-align: left;
    text-transform: capitalize;
}
.delivery
{
    width: 220px;
    color: Navy;
    font-size: 12px;
    margin-top: 0px;
    text-align: left;
    text-transform: capitalize;
}
.title
{
    width: 565px;
    float: right;
    font-weight: bold;
    font-size: 14px;
}
.category
{
    width: 565px;
    margin-top: 8px;
    float: left;
    color: Black;
    font-size: 16px;
}
.conslist
{
    width: 540px;
    margin-top: 0px;
    color: Black;
    font-size: 14px;
    background-color: Transparent;
    margin-left: 3px;
    border-left: solid 3px white;
}
.conslistNew
{
    width: 540px;
    margin-top: 0px;
    color: Black;
    font-size: 14px;
    font-weight: bolder;
    background-color: Transparent;
    border-left: solid 3px red;
}
.bannerText
{
    margin-top: 8px;
    font-size: 24px;
}
.tickerDate
{
    float: left;
    margin-top: 6px;
    font-size: 18px;
    color: Gray;
    margin-right: 8px;
}
.tickerText
{
    font-size: 24px;
    color: Navy;
}
.date
{
    margin-top: 10px;
    margin-left: 5px;
    color: White;
    float: right;
    font-size: 9px;
    text-transform: capitalize;
}
.time
{
    margin-top: 5px;
    margin-left: 10px;
    color: White;
    font-size: 16px;
}