/*FOR LOGIN SCREEN ONLY*/
.loginArea {
	width:478px;
	margin:auto;
	position:relative;
	top:15%;
}

.loginForm {
	width:478px;
	border:2px solid #3f2a15;
	padding-bottom: 13px;
	background:#FFF;
}

.loginForm h3.title {
	background:#312414;
	color:#FFF;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:6px;
}

.loginArea .logo {
	margin-bottom:30px;
}

.loginBlk {
	width:346px;
	margin:27px auto;
}

.loginBlk label {
	display:block;
	font-size:12px;
	margin-bottom:10px;
}

.txtbox {
	border: 1px solid #C6B1A1;
	height: 25px;
	margin-bottom: 15px;
	padding: 3px 35px 5px 5px;
	width: 304px;
}

input.error {
	border:1px solid #cd5257;
	background:url(Images/erroImg.png) no-repeat right center;
}

.errorTxt {
	font:11px Verdana, Geneva, sans-serif;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442;
	padding:5px;
	position:absolute;
	width:336px;
	bottom:0px;
	width:468px;
	display:none;
}

.successTxt {
	font:11px Verdana, Geneva, sans-serif;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #3C763D;
	padding:5px;
	position:absolute;
	width:336px;
	bottom:0px;
	width:468px;
}

.buttonsLoginBlok {
	position:relative;
	top:10px;
	width:100%;
}

.loginButtons {
	border: 1px solid #C6B1A1;
	height: 35px;
	margin-bottom: 15px;
	padding:2px 5px 3px;
	width: 346px;
	background:#b29884;
	border:1px solid #4b3b2a;
	cursor:pointer;
}

.loginButtons:hover {
	background: #4b3b2a;
	border:1px solid #b29884;
	color:#FFF;
}/*FOR LOGIN SCREEN ONLY ENDS*/


/*FOR INNERPAGES-    PO MANAGEMENT*/

/*HEADER BRANDING*/

.topLogo{ position:relative; top:7px;}
.topRightarea{ position:relative; top:10px;}
.topRightarea .userIcon{ position:relative; top:10px; margin-right:5px;}
.topRightarea span{ top:8px; font:13px Verdana, Geneva, sans-serif; margin-right:10px; color:#471212;}
.topRightarea span label{ font-weight:bold;}

.logoutLnk{ background:url(../Images/logoutIcn.png) no-repeat 4px 2px #ac8c78;display:inline-block; margin:5px; width:24px; height:24px; float:right;}
.logoutLnk:hover{ background-color:#471212;}
.brandingArea{height:60px; background:#FFF;width:940px; padding:0 10px; margin:auto;}

/*HEADER BRANDING*/
.pointer{ top:5px}
.customerPoActive .pointer{ left:35px; top:5px}
.poQueueActive .pointer{ left:180px; top:5px}
.umActive .pointer{ left:325px; top:5px}
.cmActive .pointer{ left:470px; top:5px}
.mapShippingActive .pointer{ left:615px; top:5px}

.bodyContent{ background:#FFF; padding-bottom:10px;}
.containerWrap{min-height:600px; width:960px; margin:auto;}
.bodyContent h3.title{ padding:10px; border-bottom:2px solid #f6a17f; width:920px; margin:auto; font:bold 14px Tahoma, Geneva, sans-serif;}

.customerBlockWrap{ padding:10px; display:inline-block;}
.custName{background:#be2024; color:#FFF; font:16px Tahoma, Geneva, sans-serif; padding:5px 10px;}
.customerBlock .errorMsg{ right:10px; color:#C30; font-size:11px;}
.uploadFile{margin:10px; background:#FFF; font-size:12px; padding:5px;}
.uploadFile .errorMsg{right:10px; font-size:11px; color:#C30;}
.poTable{ border:0; padding:10px 8px; margin-top:15px;}
.poTable td span.info{ font-size:12px;}

.uploadFile label{ color:#754c24; font:bold 13px Tahoma, Geneva, sans-serif;}
.uploadFilePO{ border:0; padding:10px 8px; width:100%;}
.uploadFilePO p{ font-size:12px;}
.uploadFilePO p span{ display:inline-block; margin:5px; position:relative; top:-2px;}
.uploadFilePO td .linkBtn {
    position: relative;
    width: 95px;
}


.customerBlock{background:url(../Images/patrnBg.png) #e8e8e8; width:457px; float:left;}

.footerBlok{ bottom:10px; width:100%; font-size:11px; color:#6f4c23;}
.footerBlok a{ color:#000;}
.footerBlok a:hover{ color:#471212; text-decoration:none;}



/*GRIDS AND INPUT BOX*/
.serchOptArea{ list-style:none;}
.serchOptArea li{ float:left; font-size:12px; margin-right:10px;}
.serchOptArea li select{ width:120px; border:1px solid; padding:6px 3px 6px 3px; }
.serchOptArea li select, .serchOptArea li input{ margin-left:5px;}
.txtboxDate{ background:url(../Images/calenderIcon.png) no-repeat right center; border:1px solid; padding:6px 20px 6px 3px; color:#666666; width:80px;}


.gridTable{ width:940px; margin:auto; font-size:12px; border-collapse:collapse; background:#f0f0f0;}
.gridTable .headerReg{ background:#993333; color:#FFF;}
.gridTable td{ border:1px solid #FFF; padding:5px 10px;}
.gridTable tr.odd{ background:#f8f8f8;}
.gridTable tr.txtRed{ color:#C30;}
.gridTable tr.txtRed a{ color:#0000FF;}
.gridTable tr.paging td{ border:0; background:#AE8067;}




.paging p.status label{ color:#FFF; font-weight:bold;}

.pagingBlock{ position:relative; top:1px;}
.numberBlock{ position:relative; left:-5px;}
.pagingBlock a{background: url(../Images/pagingBtns.png) no-repeat 0 0; width: 13px; height: 12px; display:inline-block; margin:0 3px;}

.pagingBlock a.numbers{ color:#000; background:none; text-decoration:none; position:relative; top:-2px;}
.pagingBlock a.next:hover{ background-position: 0 0; } 
.pagingBlock a.next{ background-position: 0 -14px; } 
.pagingBlock a.nextLst:hover{ background-position: 0 -28px;} 
.pagingBlock a.nextLst{ background-position: 0 -42px;} 
.pagingBlock a.prev:hover{ background-position: 0 -56px; } 
.pagingBlock a.prev{ background-position: 0 -70px; } 
.pagingBlock a.prevFst:hover{ background-position: 0 -84px;} 
.pagingBlock a.prevFst{ background-position: 0 -98px;}