@CHARSET "UTF-8";
body{
font-family:Verdana,Helvetica,Arial;
text-align:center;
margin:0px auto;
padding:0px 0px 0px 0px;
background-color: #eaeaea !important;
font-size:0.4em;

}

#wrapper{
	width:100%;
	height:100% auto;
	margin:0px auto;
	padding:10px 0px 10px 0px;
}

#container{
	width:90%;
	max-height:auto;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

.uPhLine{
	color:#fff;
	display: block;
    height: 0px;
    border: 0;
    border-top:1px solid #b7b7b7;
    border-bottom:1px solid #fff;
    margin:0 auto;
    padding:0px; 
}

.bLhLine{
	color:#fff;
	display: block;
    height: 0px;
    border: 0;
    border-top:1px solid #b7b7b7;
    border-bottom:1px solid #fff;
    margin:1px 0px 0px 0px;
    padding: 0; 
}

.scanCWBTable ,.checkTable, #scancwb{
	width:100%;
	margin:0 auto;
	padding:5px;
	text-align:center;
	border:1px solid #dddcde;
	box-shadow:0px 0px 1px #ffffff;
	overflow:hidden;
}

#scancwb div{
	text-align:left;
}

#scancwb input{
	text-transform:Uppercase;
}


.scanCWBTable{
	width:50% !important;
	overflow:hidden;
	table-layout:fixed;
	height:0 auto;
	border:0px !important;
	box-shadow:none !important;
	text-align:right !important;
}

#scancwb input, #scancwb select, .checkTable input, .checkTable select{
	width:250px;
	height:20px;
	border-radius:2px 2px 2px 2px;
	border:1px solid #a5a5a5;
}

.warning{
	color:red;
	text-align:center;
}

#cma, #checkcwb{
	font-size:14px !important;
	color:#e95103;
}
#checkcwb{
	width:50% !important;
}

.scanCWBTable td, .checkTable td{
	padding:3px 0px 3px 0px;
}

.buttonLine {
	text-align:center; 
	margin:0 auto;
}

button{
	width:150px;
	height:30px;
}

.right{
	text-algin:center !important;
	margin:auto;
}

#header{
	width:100%;
	height:0 auto;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:.85em;
}
#headInfo{
	width:90%;
	margin:0 auto;
	padding:0px;
	height:100px !important;
}

#headInfo .logo{
	float:left;
	text-align:left;
	padding:0 0 0 5px;
}
.logo h5{
	color:#2B70E8;
	font-family:Vardana;
}

.logout{
	font-size:14px !important;
	float:right;
}

#menu{
	/*background-color:#1c69ff;*/
	background-color:#2B70E8;
	width:100%;
	height:0 auto;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

#menu ul{
	width:90%;
	height:35px;
	text-align:center;
	margin:0px auto;
	padding:0px;
}

#menu ul li{
	float:left;
	list-style:none;
	height:35px;
	padding:9px 0 0 0;
	border-right:1px solid #0704d6;
	box-shadow:1px 0px 1px #84cbff;
}

#menu ul li a{
	text-decoration: none;
	color:#eef1fb;
	/*text-shadow:1px 1px #4a494b;*/
	padding:10px 10px 10px 10px;
	font-size:1em !important;
}

#menu ul ul{
	width:200px !important;
	display:none;
 	position:absolute;
 	height:auto;
}
#menu ul ul li, #subMenu li{
	width:100%;
	text-align:left;
	padding:0;
	margin:0 auto;
	height:35px;
	border-right:0px !important;
	border-bottom:1px solid #0704d6;
	box-shadow:inset 0px 1px 3px #84cbff;
}

#menu ul ul li:first-child{
	height:36px;
	border-top:1px solid #0704d6 !important;
}

#menu ul ul li:last-child{
	box-shadow:0px 1px 3px #84cbff !important;
	box-shadow:inset 0px 1px 3px #84cbff !important;
	border-bottom:0px !important;
}

#menu ul ul li a{
	display:block;
	height:34px !important;
	margin:0px;
}

#menu ul li a:hover, .active{
	background-color:#1449f8;
	text-shadow:none !important; 
}

#menu ul li:hover > ul{
	display:block;
	z-index:1;
	background-color:#2B70E8;
	color:#eef1fb;
	text-shadow:1px 1px #4a494b;
	width:170px;
	margin:10px 0 0 0;
	border-right:1px solid #0143af;
	border-left:1px solid #0143af;
	border-bottom:1px solid #0143af;
}

#subMenu{
	width:200px !important;
	display:none !important;
 	position:absolute;
 	height:auto;
}

#menu ul li:hover > #subMenu{
	display:block !important;
	z-index:1;
	color:#eef1fb;
	text-shadow:1px 1px #4a494b;
	width:170px;
	margin:-35px 0 0 199px;
	border-right:1px solid #0143af;
	border-left:1px solid #0143af;
	border-bottom:1px solid #0143af;
}

#formbody{
	width:90%;
	margin:0px auto;
	padding:0px;
	text_align:center;
}

#formbody table{
	width:100%;
	margin:0 auto;
}

#formbody .search{
	height:50px;
	background-color:#cdccce;
	border-bottom:1px solid #f8f7fa;
}

#formbody .result{
	margin: 10px 0px 0px 0px;
}

#formbody .result th{
	height:35px;
	background-color:#cdccce;
	padding:0px 0px 0px 5px;
}

//Generate Invoice
.rdb{
	display:block;
}

.checkTable label {
  float: left;
  clear: none;
  display: block;
  margin:-1px 0px 0px 5px;
}

.checkTable input[type=radio],
.checkTable input.radio {
  width:13px !important;
  height:13px !important;
  float: left;
  clear: both;
  margin:0px 0px 0px 10px;
}

.checkTable fieldset{
	margin:0 auto;
	padding:0 0 0 2em;
}

#specCus, .searchBy, .generatedBy{
    padding:0px;
    display: none;
    margin-top:0px;
}

.genCwb input{
	margin:5px 5px 0px 0px; 
}

#blank{
	width:32px;
	height:32px;
}

.hideRemove{
	opacity:0;
}

#ResultBody{
	width:90%;
	margin:0 auto;
	background-color:#fff;
}

#searchResult table, #extraChargeInvListMal table{
	width:90%;
	margin:0 auto;
	padding:0px;
	text-align:left !important;
}

#searchResult table tr:nth-child(even), #extraChargeInvListMal table tr:nth-child(even) {background: #f7f7f7}
#searchResult table tr td, #searchResult table tr th, #extraChargeInvListMal table tr th, #extraChargeInvListMal table tr td{
	height:50px;
	padding:5px 0px 5px 3px;
}

#searchResult table tr td:nth-child(4), #searchResult table tr th:nth-child(4), #extraChargeInvListMal table tr td:nth-child(4), #extraChargeInvListMal table tr th:nth-child(4){
	width:auto !important;
}


#searchResult table tr .amt, #searchResult table tr .amt, #extraChargeInvListMal table tr .amt, #extraChargeInvListMal table tr .amt{
	text-align:right !important;
	padding:0px 10px 0px 3px !important;
	width:auto !important;
}



#searchResult table tr, #extraChargeInvListMal table tr{
	height:45px;
	margin:0 auto;
	padding:0px;
}

#invoice table .right{
	text-align:right !important;
	padding-right:10px;
}

.compareResult table th{
	text-align:center !important;
}

.compareResult table td{
	padding-right:10px !important;
}

.compareResult tr td:nth-child(4){
	text-align:center !important;
}

.pad{
	padding:0x 10px 0px 0px;
}
.red{
	color:#ff0900;
}

#container img{
	clear:both;
}

#loading-image{
	display:none;
}
/**/
h4{
	text-align:left !important;
}

.uppercase{
	text-transform: uppercase;
}

.wrapText{
	word-wrap:break-word;
}
.W_hundred{
	width:60px;
}
#unBilledList th{
	text-align:center;
}
/*Scan CWB*/

#scancwb{
	width:960px;
	background-color:#dcdcdd;
}

.greyborder{
	padding:0px 5px 5px 5px;
	border:1px solid #c3c1c5;
	margin:5px 0px 0px 0px;                                                           
}
.second{
	height:150px;
}

.localSecond{
	height:180px;
}

.third{
	height:390px;
}
.localThird{
	height:310px;
}
.twocol{
	width:100%;
	float:left;
	height:100px;
}

#scancwb .twocol div{
	display:block;
	align:center;
	margin:0 auto;
	padding:0px auto;
	float:left;
}

#scancwb aside{
	padding:0px 0px 3px 0px;
}

#cname{
	width:400px !important;
}

#addr, #consignee{
	width:520px !important;
}

.twocol .left{
	width:75%;
}

.twocol .right{
	width:25%;
}

.third .left, .localThird .left{
	width:45% !important;
}
.third .right, .localThird .right{
	width:55% !important;
}
.third .right div, .localThird .right div{
	width:100%;
	border:1px solid #c3c1c5;
	padding:0px 10px 0px 10px;
}
.bleft{
	width:45% !important;
	height:0 auto;
	border:none !important;
}
.bleft input, .bleft select, .bleft label, .bright label{
	width:80px !important;
}
 .bright input[type=radio]{
 	width:25px !important;
 	height:13px !important;
 }
.bright{
	width:55% !important;
	height:0 auto;
	margin:0 auto !important;
	padding:0 auto !important;
	border:none !important;
	border-left:1px solid #c3c1c5 !important;
}

#scancwb label{
	width:150px;
	font-size:12px;
}

#scancwb input, #scancwb select{
	width:250px;
}

.smalldigit, .smalllabel{
	width:100px !important;
	background-color:#dcdcdd;
	border:0px;
}

.tinyfield{
	width:33px !important;
	background-color:#dcdcdd;
	border:0px;
}

.smalldigit{
	color:#497c24;
	font-weight:bold;
}
#scancwb hr{
	display: block;
    height: 1px;
    border: 0;
    border-top:1px solid #ccc;	
    margin: 0.3em 0;
    padding: 0; 
}

#FLDO input{
	width:25px !important;
	height:13px !important;
	margin:0 3px 0px 0px;
}

#FLDO label{
	width:300px;
}

#bottomRight{
	clear:both;
}
/*Partition*/

/*Get Sale Journal*/
#salesjournal input[type=radio]{
	width:13px !important;
}

.blinking{
	animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
    0%{     color:transparent }
    50%{    color:transparent}
    100%{   color:#e95103;    }
}
		
#salesjournal table tr:nth-child(2){
	text-align:right;
}


#footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	height:50px;
	background-color:#263336;
	color:#fff;	
	border-top:1px solid #000;
	margin:0 0 0px 0;
}

#footer p{
	padding:15px 0px 0px 0px;
} 


/*SOA PDF*/
.psize{
	width: 80%;
	text-align:left;
	font-size:12px !important;
	margin:0px;
}
.psize table{
	padding:0px !important;
	margin:0px auto;
}

.psize table th{
	border-top:1px solid;
	border-bottom:1px solid;
}