body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*-------------- All Padding Classes Starts --------------*/
.paddRt{ padding-right:18px;}
.padd10{ padding:10px;}
.paddTop10{ padding-top:10px;}
.paddRtLt13{ padding-right:13px; padding-left:13px;}
.paddRtLt70{ padding-top:30px; padding-bottom:50px;} /*Spacing from the top for the main table*/
.paddTopLt13{ padding-top:20px; padding-left:20px;}
.paddTopBot20{ padding-top:20px; padding-bottom:20px;}
.paddRt14{ padding-right:14px;}
.paddLt15{ padding-left:15px;}
.paddLt30{ padding-left:30px;}
.paddLt10{ padding-left:10px;}
.paddLt11{ padding-left:11px;}
.paddLt25{ padding-left:25px;}
.paddLt6{ padding-left:6px;}
.paddTop6{ padding-top:6px;}
.paddTop11{ padding-top:11px;}
.paddTop5{ padding-top:5px;}
.paddTop30{ padding-top:30px;}
.paddTop60{ padding-top:60px;}
.paddTop70{ padding-top:70px;}
.paddBot11{ padding-bottom:11px;}
.paddBot5{ padding-bottom:5px;}
.padd5{padding:5px;}
.paddRt10{ padding-right:10px;}
.padding10{padding:10px;}
/*-------------- All Links Classes Starts --------------*/



.bottonbg{ background-image:url(../images/logoutbg.gif); background-repeat:repeat-x; background-position:left top;}
.boxbg{ background-image:url(../images/boxbg.gif); background-repeat:repeat-x; background-position:left top;}
.headingbg{ background-image:url(../images/headingbg.gif); background-repeat:repeat-x; background-position:left top; height:37px;}
.loginLt{ background-image:url(../images/loginlt.gif); background-repeat:no-repeat; background-position:left top;}
.footerbg{ background-image:url(../images/footer-bgh.gif); background-repeat:repeat-x; background-position:left top;}
.lik12:link, .lik12:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.lik12:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
.backgrnd{
    background:#CCCCCC; font-weight: bold;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #827788;
	text-decoration: none;
}
a:link, a:visited{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	/*color: RoyalBlue;*/
	text-decoration: none;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #827788;
	text-decoration: underline;
}
.org{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ef6409;
	text-decoration: none;
}
.inp{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #827788;
	text-decoration: none;
	padding-left: 3px;
	border:1px solid #bebdbf;
}
.text18{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}
.text14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight:bold;
	text-decoration: none;
}
.bodrLt{ border-left:1px solid #d7d7d7;}
.bodrTop{ border-top:1px solid #d7d7d7;}
.bodrBot{ border-bottom:1px solid #d7d7d7;}
.bodr{ border:1px solid #d7d7d7;}

.paging{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#FF6600;*/
color:#888888;
font-weight:normal;
}
.submit {
	background-color: #0085bc;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
	height:30px; 
	text-align:center;
	border:double;
	cursor:pointer;
}

.messegeBodySuccess {
	background: #f3f4f6 url(../images/correct.gif) no-repeat 5px;
	background-position:left middle;
	height:auto;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	border:1px solid #adadb0;
	margin:10px;
	padding:8px 5px 5px 35px;
	vertical-align:middle;
	text-align:left;
}

.messegeBodyError {
	background: #f3f4f6 url(../images/warning.gif) no-repeat 5px;
	background-position:left middle;
	height:auto;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	border:1px solid #adadb0;
	margin:10px;
	padding:8px 5px 5px 35px;
	vertical-align:middle;
	text-align:left;
}
.blockfield {width: 98%; margin: 5px 5px;background-color:  #FFFFFF;}
.blockfield .blocklagend{display: block; height: 15px; padding: 5px; background-color: #999999;color:#FFFFFF;}
.charlist{
    float: left;
    padding: 3px;
    border: #999999 solid 1px;
    color:#666666;
    margin-right: 3px;
}


.copyright_txt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #206986;
    text-decoration: none;
}
.error{
    color:red;
    font-size:11px;
    font-weight: bold;
}
.suss{
    color:green;
    font-weight: bold;
}
.actionbtn img{ cursor: pointer}
.listheadbg{background-color: #0086C0; padding: 5px; font-size: 16px; color:#999999;color:#FFFFFF; font-weight: bold}
.blue_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0084b9;
	text-decoration: none;
}
.gray_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #888888;
	text-decoration: none;
}
.dark-gray_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5d;
	text-decoration: none;
}
.text_area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #d9d9d9;
	height: 25px;
	width: 250px;
}
.tblBorder{border: #CCCCCC solid 1px;}
.tblbackgroud{background-color:  #FFFFFF;}

.row_first{background-color: #FFFFFF;}
.row_first:hover{background-color: #8EC2E8;}
.row_second{background-color: #EEEEEE;}
.row_second:hover{background-color: #8EC2E8;}


strong.headtxt{color:#FFFFFF;font-weight:bold;}

/*Messge Log List CSS*/
.msglistheadbg{background-color: #0086C0; padding: 5px; font-size: 16px; color:#999999;color:#FFFFFF; font-weight: bold; width:99%;display:block;}
.msgcontainer{
    float: left;
    width: 100%;
    max-height: 300px;
    overflow: auto;
}
.msgbox{
    float: left;
    margin: 5px;
    border-bottom: #666666 solid 1px;
    width: 98%;
    
}
.msgtxt{
    float: left;
    width: 100%;
    color: #000000;
    font-family: serif;
    font-size: 12px;
}
.msgdetail{
    float: left;
    width: 99%;
    height: 15px;
    padding: 5px;
    text-align: right;
    background-color: #EEEEEE;
    color: #000000;
    font-family: serif;
    font-size: 12px;
}

/*LIght Box Title Class*/
.lightboxtitle{
    color:#FFFFFF;
    font-size: 20px;
    margin:50px 5px 0 10px; 
}

img.event{cursor: pointer;}
.success, .failure {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success{ 
    color: #4F8A10; 
    background: url(../images/correct.gif)  top left no-repeat;
    background-position: 5px 5px;
    font-size: 20px;
} 
.failure{ 
    color: #4F8A10; 
    background: url(../images/delete.png)  top left no-repeat;
    background-position: 5px 5px;
    font-size: 20px;
} 
.mandatory{ 
    
    background-image: url(../images/correct.gif)  top left no-repeat;
    background-position: 5px 5px;
    font-size: 20px;
      
} 
/*  Paging style added at 07 Nov 2013 */

/*ul{border:0; margin:0; padding:0;}

.pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
.pagination a{
border:solid 1px #9aafe5;
margin-right:2px;
}
.pagination .previous-off,
.pagination .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
/*text-decoration: none;*/
/*}
.pagination .next a,
.pagination .previous a {
font-weight:bold;
} 
.pagination .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
.pagination a:link,
.pagination a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.pagination a:hover{
border:solid 1px #0e509e;
}
*/
/* tabular structure by css  */
.tablediv {
    display:table;
    width:86%;
    border-spacing:5px; /*cellspacing:poor IE support for  this*/
    border-collapse:separate;
}
.rowdiv  {
    display:table-row;
    width:auto;
}
.celldiv {
    float:left;/*fix for  buggy browsers*/
    display:table-cell; text-align:left;
    width:auto;
    font-family: arial,sans-serif,Halvetica;
    font-size:12px;
    color:#827788;
    font-weight: bold;
    margin-top:5px;
}
.celldiv1 {
    float:right;/*fix for  buggy browsers*/
    display:table-cell; text-align:left;
    width:62%;
    font-family: arial,sans-serif,Halvetica;
    font-size:12px;
    color:#827788;
    font-weight: bold;
    line-height: 0px;
}
.hdingnstrip{
    padding:20px 12px; float: left;width: 98%;
}
.clr {
    clear:both;
}
.imgClass { 
    background-image: url(../images/accept.png);
/*    background-color:#d2d5cc;*/
background-color:transparent;
    background-position:  0px 0px;
    background-repeat: no-repeat;
    font-size:0;
    overflow:hidden;
    zIndex: -9999;
    line-height: 0;
    position: relative;
    cursor:pointer;
    width: 16px;
    height: 30px;
    border: 0px;

}
.wms_container {
  margin: 0px auto;
  width: auto;
}
.wms_container .pagination {
  margin: 15px 0;
}

.wms_pagination {
  padding: 8px;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #070809 #0d0e0f #131517;
  border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px rgba(255, 255, 255, 0.05);
}
.wms_pagination > a, .wms_pagination > span {
  float: left;
  margin-left: 5px;
  padding: 0 6px;
  min-width: 17px;
  line-height: 27px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: 1px solid black;
  border-radius: 3px;
}
.wms_pagination :first-child {
  margin-left: 0;
}
.wms_pagination > a {
  text-decoration: none;
  cursor: pointer;
/*  text-shadow: 0 1px black;*/
  background-clip: padding-box;
  border-color: rgba(0, 0, 0, 0.9);
  background: #d3d3d3; /* Old browsers */
    background: #969696; /* Old browsers */
    background: -moz-linear-gradient(top,  #444444 0%, #f2f2f2 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(87%,#C5C5C5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #444444 0%,#C5C5C5 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #444444 0%,#C5C5C5 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #444444 0%,#C5C5C5 87%); /* IE10+ */
    background: linear-gradient(to bottom,  #444444 0%,#C5C5C5 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.wms_pagination > a:hover {
  background-color: #333;
  background-color: rgba(255, 255, 255, 0.05);
}
.wms_pagination > span, .wms_pagination > a:active {
  color: #888888;
  text-shadow: 0 -1px black;
  background: #1c1c1c;
/*  background: rgba(255, 255, 255, 0.01);*/
     background: #ffffff; /* Old browsers */
     background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 87%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(87%,#eaeaea)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 87%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 87%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 87%); /* IE10+ */
     background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 87%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

border-color: black rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
.wms_pagination .prev, .wms_pagination .next {
  font-family: Noteworthy, Arial, sans-serif;
  font-size: 12px;
}
.wms_pagination .prevdis, .wms_pagination .nextdis {
  font-family: Noteworthy, Arial, sans-serif;
  font-size: 12px;
  cursor: not-allowed;
}
.loading_bck{
    padding: 65px 1px;top:410px; position: absolute; text-align: center;width: 94%; background: none repeat scroll 0 0 #E8E9ED; display: none;
}
.button-gradient{
    background: #cdeb8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #cdeb8e 46%, #a5c956 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#cdeb8e), color-stop(75%,#a5c956)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cdeb8e 46%,#a5c956 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cdeb8e 46%,#a5c956 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cdeb8e 46%,#a5c956 75%); /* IE10+ */
    background: linear-gradient(to bottom,  #cdeb8e 46%,#a5c956 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
    height: 33px;
    cursor:pointer;

}
.button-gradient:hover{
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
    height: 33px;
    cursor:pointer;

}
.nohover:hover  { 
color: #FFFFFF;background-color: #0085bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 30px;
text-align: center;
border: double;
cursor: pointer; 
text-decoration: none;
padding: 4px;}

.nohover:visited  { 
background-color: #0085bc;
color: #FFFFFF;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 12px;
font-weight: bold;
height: 30px;
text-align: center;
border: double;
cursor: pointer;}


.spanlink{
    color:white;font-weight: bold;background-color:#0085bc;border: medium double;padding:3px;cursor:pointer;
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
 padding: 7px;
  margin: 11px 15px 7px 4px;
  text-decoration: none !important;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none !important;
}


    #processingDiv {
      width: 99%;
      height: 100%;
      position: absolute;
      opacity: 0.8;
      background-color: gray; /* for demonstration */
      z-index:99999;
      margin:-80px 0 0 5px;
    }
    .ajax_loader {
        width: 100px;
        height: 100px;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 150px 0 0 580px; /* presto! */
    }
/** Express GRN CSS  **/
.po-container{
    width:95%; margin:0 auto; font-family:Arial, Helvetica, sans-serif;
}
.po-main{
    float:left; width:100%; border:1px solid #CCC;background:#f3f4f6; margin-top:10px;
}
.po-header{
    float:left; width:100%; background: -webkit-linear-gradient(#eff0f3, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eff0f3, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eff0f3, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eff0f3, #ffffff); /* Standard syntax (must be last) */ }
.po-header h2{
    font-size:16px; color:#666; padding:0 10px; font-weight:normal;
}
.po-header h2 em{
    float:left; padding-right:10px;
}

.po-row{
    float:left;border-top:1px solid #CCC; width:100%
}
.col-6{
    float:left; width:50%; margin-top:10px;
}
.col-6 .row-small{
    float:left; width:100%
}
.col-6 .row-small .text-box{
    float:left; width:60%;
}
.select-box1{
    border:1px  solid #ccc; width:55%; height:24px;;
}

.col-6 .row-small .text-box span{
    font-size:14px; color:#666; padding:5px; float:left;
}
.col-6 .row-small .input-box{
    float:left; width:40%;
}
.col-6 .row-small .input-box input{
    border:1px solid #CCC;
}
.truckinfo-row{
    float: left; width:100%;border-top:1px solid #CCC;
}
.truckinfo-row .button{
    padding:5px; margin:5px 0px 5px 10px;
}
.truckinfo-row table{
    font-size:14px; color:#666; padding:5px;
}
.truckinfo-row table td{
    padding:5px;
}
.truckinfo-row table td input{
    border:1px solid #CCC;
}

.footer1{float:left; width:100%; background:#ccc; height:50px; margin-top:10px; border-radius:3px; border:1px solid #999;}
.footer1 input{margin-top:11px;margin-left:10px;padding:5px 10px}
.error_msg{
    font-weight: bold; font-size: 10px; color: #FF0000;
}
.hide{
    display: none;
}