html, body {
	height: 100%;
	margin:0px;
	padding:0px;
	}
body{
	font-family: Arial,sans-serif;
	font-size:10pt;
	min-width:925px;
}
.wrapper{
	float:left;
	
	height: auto !important;
	
	margin: 0 auto ;
	width:100%;
	overflow:hidden; 
	/* margin-bottom: 30px; */
}

a:hover{
	color:#F31A12 !important;
}
.floatLeft{
	float:left !important;
/*.floatLeft{
	float:left;
	margin:10px 0 10px 15px;}*/
}	
.floatleft{
	float:left !important;
}
.trackingNumber
{
	color:red;
}

.floatRight{
	float:right !important;
}
a{
	color:#2021FD;
}
.font11{
	font-size:11px;
}
.black{
	color:#000;
}
.padding5{
	padding:5px !important;
}
.padding0{
	padding:0px !important;
}
.paddingTop5{
	padding-top:5px !important;
}
.paddingTop15{
	padding-top:15px !important;
}
.paddingBottom5{
	padding-bottom:5px !important;
}
.paddingBottom15{
	padding-bottom:15px !important;
}
.paddingRight5{
	padding-right:5px !important;
}
.paddingRight10{
	padding-right:10px !important;
}
.paddingRight30{
	padding-right:30px !important;
}
.paddingRight20{
	padding-right:20px !important;
}
.paddingLeft10{
	padding-left:5px !important;
}
.paddingLeft25{
	padding-left:25px !important;
}
.paddingLeft15{
	padding-left:15px !important;
}
.paddingLeft0{
	padding-left:0px !important;
}
.paddingLeft8{
	padding-left:8px !important;
}
.paddingTop0{
	padding-top:0px !important;
}
p{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif !important;
}
.bold{
	font-weight:bold;
	color:black;
}
.marginAuto{
	margin: auto;
}
.margin0{
	margin:0px;
}
.marginLeft20{
	margin-left:20px;
}
.marginBottom5{
	margin-bottom:5px !important;
}
.marginBottom15{
	margin-bottom:15px !important;
}
.marginBottom25{
	margin-bottom:25px !important;
}

.marginBottom50{
	margin-bottom:50px !important;
}
.width60{
	width:60px;
}
.width45{
	width:150px !important;
	float:left;
}
.width50{
	width:50px;
}
.width55{
	width:55px !important;
	float:left;
}
.width80{
	width:80px !important;
	float:left;
	margin-right:20px;
}
.width95{
	width:95px !important;
}
.width110{
	width:110px !important;
	float:left;
}

.width130{
	width:130px !important;
}

.width140{
	width:140px !important;
}

.width165{
	width:165px !important;
	float:left;
}
.width170{
	width:170px !important;
	float:left;
}
.width175{
	width:175px !important;
	float:left;
}
.width160{
	width:160px !important;
	float:left;
}
.width185px{
	width:185px !important;
}
.width185{
	width:185px !important;
	float:left;
}
.width200{
	width:200px !important;
	float:left;
}
.width220{
	width:220px !important;
	float:left;
}
.width250{
	width:250px !important;
	float:left;
}

.width355{
	width:355px !important;
}


.width365{
	width:365px !important;
}

.width375{
	width:375px !important;
}

.width380{
	width:380px !important;
}
	
.width520{
	width:520px !important;
}
.width514{
	width:514px !important;
}
.width225{
	width:225px !important;
	float:left;
}
.width425{
	width:425px !important;
}
.width433{
	width:433px !important;
}
.width435{
	width:435px !important;
}
.width443{
	width:443px !important;
}
.width950{
	width:1050px !important;
}
.width990{
	width:990px !important;
}
.width890{
	width:890px !important;
}
.width900{
	width:900px !important;
}
.width50p{
	width:50% !important;
}
.height10{
	height:10px;
}
.height40{
	height:40px !important;
}
.ieHeigh280{
	*height:280px;
}
.border7d7d7d{
	border:solid 1px #7d7d7d;
}
.bottomBorder{
	float:left;
	border-bottom:1px solid #B0B0B0;
}
.marginBottom50IE7{
	*margin-bottom:50px !important
}
.marginLR0{
	margin-left:2px !important;
	margin-right:0px !important;
}
.marginLeft5{
	margin-left:5px !important;
}
.marginLeft10{
	margin-left:10px;
}
.marginLeft15{
	margin-left:15px;
}
.marginLeft25{
	margin-left:25px;
}
.marginRight5{
	margin-right:5px !important;
}

.marginRight10{
	margin-right:10px !important;
}

.marginRight220{
	margin-right:220px !important;
}


.marginTop5{
	margin-top:18px;
}

.marginTop10{
	margin-top:10px;
}

.marginTop-10{
	*margin-top:-10px;
}

.marginTop-20{
	margin-top:-20px;
}


.forgetLink:hover{
	/*text-decoration:none;*/
}
.backgroundCCF{
	background:#CCF;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

header{
    float:left;
    width:100%;
	border-bottom:2px solid #DFB42C;
	height: 65px;
	background:#2C0000;   
}

#logo{
    position:relative;
	width:150px;
	height:60px;
    float:left;
}

#logoImage{
    position:relative;
	margin:8px 0px 10px 20px;
}

#headerContent{
	background-color:#2C0000;
    height:71px;
    float:left;
    width:100%;
}

h1{
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 0 0 10px;
	display:inline-block;
	float:left;
	font-size:14pt;
}

#headerContentLinks{
	float:right;
	color:#D3E5E8;
	margin:10px 10px 0 0;	
}

#headerContentLinks a{
	color:#D3E5E8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#headerContentLinks a:visited{
	color:#D3E5E8;
}
#container{
	width:100%;
	float:left;
	height: 540px;
	display: inline-block;
}

.welcome{
	width:100%;
	font-weight:bold;
	font-size:14px;
}

.formContainer{
	width:460px;
	margin:0 auto ;
	font-size:10pt;
}
.formContainerPassword{
	width:460px;
	margin:0 auto 0;
	font-size: 10pt;
	}
.formContainerPassword p{
	line-height:150%;
	margin:0 10px 10px;
}
.formContainerPassword .heading{
	background:#C98400;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	font-size:10pt;
}
.formContainerPassword form, .formContainer .tableContainer{
	background:#EBEBE6;
	padding:10px 0 0 0;
	line-height:180%;
	overflow:hidden;
	margin-bottom:5px;	
}
.alert{
	height:45px;
	color:red;
	
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	padding-top:25px;
	}

.alertAdmin{
	height:25px;
	margin:5px auto;
	text-align:center;
	color:red;
	font:Arial,Helvetica, sans-serif;
	}

.formContainerTab{
	width:1070px;
	min-width:850px;
	margin:0 auto 0;
	font-size:10pt;
	font:Arial, Helvetica, sans-serif;
}

.formContainerTab p{
	line-height:150%;
	margin:0 10px 10px;
}
.formContainerTab .heading{
	background:#C98400;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	font-size:10pt;
}
.formContainerTab ul li a{
	background-color:#FFF;
	font-weight:100 !important;
	font-size:10pt;
	color:#333;
}
.formContainerUsrID tr td{
	padding:0px !important;
	font-size:12px !important;
}
.formContainerUsrID {
	border-collapse:separate;
}
.formContainerUsrID tr th{
	background-color:#C98400;
	color:white;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
.formContainerUsrID tr td a{
	color:#2021FD;
}
.tabStr table tr td{
	padding:5px;
	font-size:10pt;
}
.tblCnt{
	padding-bottom:10px;
	border-bottom:groove 2px #f9f9f9;
}
.tblCnt tr td{
	padding:0px !important;
	font-size:11px !important;
}
.tblCntBtm tr td{
	padding:0px !important;
	font-size:11px !important;
}
.tblCntBtm tr td img{
	position:relative;
	top:3px;
	left:2px;
	*left:2px;
	*top:0px;
}
.retailContainer{
  	background:#F0F0F0;
	width:750px;
	min-width:420px;
	margin:6px auto;
	font-size:10pt;
	overflow:hidden;
	margin-top: 35px;
}

.retailContainerLinks{
	padding:10px;
}

.retailContainerLinks a{
	width:32%;
	float:left;
}
.textRight{
	text-align:right !important;
}

.textCenter{
	text-align:center !important;
	color: #0000FF
}

.successText{
	text-align:left !important;
	color: #0000FF
}

.outputText{
	text-align:left !important;
	color: #0000FF
}

.ErrorText{
	text-align:left;
	color: #FF0000
}
.retailContainerLinks a:visited{
	color:#443DFB;
}
.retailContainerImages{
	margin:20px 10px; 
	width: 520px;
	clear: both;
}
.textAlign{
	text-align:center;
}
.textAlignIE7{
	*padding-left:40px;;
}
:focus{
	outline:0;
}
.clear{
	clear:both;
}
.overflow{
	overflow:hidden;
}

.overflowAuto{
	overflow:auto;
}
.verticleAlignBtm{
	vertical-align:bottom;
}
.big{
	width:785px;
}
.noBottomMargin{
	margin-bottom:0;
}
.formContainer p{
	line-height:150%;
	margin:0 10px 10px;
}
.formContainer .heading{
	background:#C98400;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	font-size:10pt;
}

/*Safari Changes*/
.formContainer form, .formContainer .tableContainer{
	background:#EBEBE6;
	padding:10px 0 0 0;
	line-height:180%;
	overflow:hidden;
	margin-bottom:5px;	
}
#recentScans{float: left;width: 100%}

/***********/


.tableContainer thead{
	line-height:130%;
}

.formContainer form a{
	display:inline-block;
	color:#00F;
    padding:0 0 0 10px;
	margin:0 0 15px 0;
}
.formContainer form a:visited{
	color:#00F;
}

.formContainer form p{
	margin:0 0 20px 10px;
}

.formContainer form label.small{
	       width:16%; /*  changed for polish package */
}
.formContainer form label.medium{
	width:105px;
}
.formContainer form label{
	width:85px;
	clear:both;
	display:block;
	float:left;
	margin:0 0 6px 10px;
}
.formContainerPrf form label{
	width:80px;
	clear:both;
	display:block;
	float:left;
	margin:0 0 0px 10px;
}
input[type="button"],input[type="submit"]{
	font-size:11px !important;
}
.formContainer form input[type="text"],.formContainer form select,.formContainer form input[type="password"],.formContainer form input[type="email"],.formContainer form input[type="tel"]{
	float:left;	
	margin:0 0 1px 0;
	width:170px;
}
.formContainer form select{
	width:180px;	
}
.formContainer form div.buttons, .formContainer .tableContainer div.buttons{
	background:#908474;
	text-align:right;	
	line-height:100%;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
}
.formContainer form div.buttons input[type="button"], .formContainer form div.buttons input[type="submit"], .formContainer form div.buttons input[type="reset"]
{
	font-size:11px;
}
.formContainer .tableContainer table{
/*	width:70%;*/
	margin:0px 0 0px 0px;
}
.formContainer .tableContainer table.tableCenter{
	margin:10px auto 150px !important;
}
.formContainer .tableContainer table thead th{
	border: 1px solid #FFF;
	text-align:left;
	padding: 0px 20px 1px 3px;
}
.formContainer .tableContainer table tbody td{
	border: 1px solid #000;
	background:#FFF;
	padding:0 1px;
}
.buttonTab{
	bottom: -17px;
	left: 0px;
	position: absolute;
	padding: 0px !important;
	background-color: #908474;
	width: 1070px;
	min-width: 910px;
	margin: 0px auto;
	font-size: 11px !important;
}
.buttonPickUp{
	bottom: 8px;
	position: absolute;
	padding: 0px !important;
	background-color: #808080;
	width: 949px;
	min-width: 850px;
	margin: 0px auto;
	font-size: 10pt;
	*left:25px;
}
.addUsrID{
	padding:0px !important;
	background-color: #908474;
	margin: 0px auto;
	font-size:10pt;
	width:566px;
}
.formContainer form input[type="button"]{
	margin-top:0;
}
.formContainer form div p{
	font-weight:bold;
	margin:0;
	padding:0px;
	text-align:left;
}
.formContainer form div hr{
	width:900px;
	float:left;
	clear:both;
	*margin-top:10px;
	*margin-left:-85px;

}
.apPossession{
	margin:0 45px 0 0;
	display:inline-block;
}

.formContainer form div span.whiteColor{
	font-weight:bold;
	float:left;
	color:white;
	line-height:200%;
	display:inline-block;
	margin:0 0 0 10px;	
}
.signature{
	 width:900px;
     height:180px;
     margin:10px auto;
     background:#C0C0C0;
}
.signatureNote{
	display:block;
	width:770px;
	text-align:justify;
	margin:10px auto;
	font-size:10pt;
	line-height:130%;
}
.whiteDiv{
	width:900px;
	height:140px;
	background:#FFF;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:30px auto;
}
.delSumContent{
	width:720px;
	display:block;
	overflow:hidden;
	margin-bottom:3px;
}
.controls{
	background:#679AFA;
	width:990px;
}
.controlButton{
	width:328px;
	border-right:1px solid #636363;
	border-left:1px solid #636363;
	border-top:2px solid #636363;
	border-bottom:2px solid #636363;
	float:left;
	background:#679AFA;
	text-align:center;
	line-height:100%;
}
.controlButton input[type='button']{
	background:#FFF;
	height:32px;
	width:32px;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
}
.controlButton input[type='button']#checkMark{
	background:transparent url(../images/icon_checkmark_square_32.png) no-repeat
}
.controlButton input[type='button']#trashcan{
	background:transparent url(../images/icon_trash_32.png) no-repeat;
}
.controlButton input[type='button']#redX{
	background:transparent url(../images/icon_x_square_32.png) no-repeat;
}
.contactTab tr td{
	padding:2px !important;
}
.contactTab tr th{
	font-weight:bold;
	font-size:10pt;
	color:black;
	padding:3px 3px 10px 3px;
	background-color:#D4CCBF;
	
}
footer{
	/*height:15px;*/
	1position:absolute;
	left:0;
	bottom:0;
    width:98%;
    background:rgb(176,234,255);
	float:left;
	font-size:10pt;
	padding:5px 1%;
	margin-top:8px;
}
footer p{
	color:#3192CB;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	text-align:center;
	width:59%;
}

footer a.left,footer a.right{
	color:#3192CB;
	text-decoration:none;
	float:left;
	font-size:11px;
	width:20%;
}

footer a.right{
	float:right;
	text-align:right;
}

footer a:hover{
	text-decoration:underline; 
}
.push {
	/*
	border:1px solid red;
	float:left;
	margin-top:100px;
	clear:both;
	width:100%;
	*/
}
.right{
	float:right !important;
}
.tabStr{
	background:#F0F0F0;
	padding:15px !important;
}


.placeholder{
	width:500px;
	border:1px solid black;
	margin:10px auto;
	height:100px;
	margin-bottom:15px;
	}
	
.fontweight{
	font-weight:normal;
}

.content{
	background-color:#EBEBE6;
	border:1px solid black;
	overflow:hidden;
	margin:95px auto;
}

h3{
	padding:10px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
	
.middleContent{
	border:1px solid black;
	background:white;
	height:200px;
	width:95%;
	margin:0 auto;
	}
	
.conditions{

	display:inline-block;
	line-height:100%;
}

.black{
	color:black !important;
}

.warning{
	position: absolute;
	float: right;
	top: -5px;
	right: 0px;
}
.retailContainerImages a{
	text-decoration:none;
	width:auto;
	position:relative;
}
.retailContainerImages a p{
	font-size:10pt !important;
	color:black;
	text-align:center;
	padding:1px;
}

.retailPadding{
	padding:5px 10px 0px 5px;
}
.visibilityHdn{
	visibility:hidden;
}
.ui-datepicker-calendar{
	background:#FFF;
	font-family:Arial;
}
.ui-datepicker-calendar thead{
	font-weight:bold;
}
#findUser .heading{
	background-color:#908474;
}
#findUser div div{
	font-size:10pt;
}
.imgRemove{
	cursor:pointer;
	padding-right:10px;
	width:12px;
}
span.trackingNum{
	width:210px;
	display:inline-block;
	
	
}
.financeWarningText{
	display:inline-block;
	margin:6px 0 0px 0;
	font-size: 10pt;
}
#userList{
	visibility:hidden;
}
#calTable tr td{
	padding:2px !important;
}

/*New Channges for radio buttons */
.radioText{display: inline-block;float: left;margin-top: 18px;margin-left: -3px;}
.forgotButton{float:left; display: block; !important;width: 100%;}
/*New Changes for error message */
.errorMessageLogin{height:25px;width:500px;}
.errorMessageProfile{width:365px;position: relative;margin-top: 120px;}
.errorMessageProfile span{position:absolute;bottom:10px;width:100%}
.errorMessageScan{height:20px;width:365px;margin-left: 145px;}
.errorMessagePackages{height:15px;width:365px;margin-top: 30px;}
.errorMessageDeliverySummary{width:365px;margin-top: 30px;margin-bottom:0px;}
.errorMessageShipment{width:365px;margin-top: 30px;margin-bottom:10px;}
.errorMessagePassword{height: 35px;width: 460px;margin: 0px auto;}
.errorMessageReset{ height: 34px; width: 380px;margin: 35px auto 15px;}
.errorMessageAdministration{height: 100px;margin-top: 10px;position:relative}
.errorMessageAdministration span{position:absolute;bottom:8px;width:100%}
.errorMessageInventoryShelfLoc{height:25px;}
.errorMessageCancelScan{height:25px;padding-top: 60px;}
.errorScanPackages{height:15px;width:365px;margin-top: 95px;}
/*************Password Reset*****************************/
.formContainerPassword{
	width:380px;
	margin:0 auto 0;
	font-size:10pt;
}

.formContainerPassword .heading{
	background:#C98400;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	font-size:10pt;
}

.formContainerPassword form, .formContainePassword r .tableContainer{
	background:#EBEBE6;
	padding:10px 0 0 0;
	line-height:180%;
	overflow:hidden;
	margin-bottom:5px;	
}

.formContainerPassword  form a{
	display:inline-block;
	color:#00F;
    padding:0 0 0 10px;
	margin:0 0 15px 0;
}
.formContainerPassword  form a:visited{
	color:#00F;
}

.formContainerPassword  form p{
	margin:0 0 20px 10px;
}

.formContainerPassword  form label.small{
	width:15%;
}
.formContainerPassword  form label.medium{
	width:175px;
}
.formContainerPassword form label{
	width:80px;
	clear:both;
	display:block;
	float:left;
	margin:0 0 6px 10px;
}
.formContainerPassword form input[type="text"],.formContainerPassword form select,.formContainerPassword form input[type="password"],.formContainerPassword form input[type="email"],.formContainerPassword form input[type="tel"]{
	float:left;	
	margin:0 0 1px 0;
	width:170px;
}

.formContainerPasssword form div.buttons, .formContainerPasssword .tableContainer div.buttons{
	background:#908474;
	text-align:right;	
	line-height:100%;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
}
.formContainerPasssword form div.buttons input[type="button"], .formContainerPasssword form div.buttons input[type="submit"], .formContainer form div.buttons input[type="reset"]
{
	font-size:11px;
}	

.formContainerPassword form input[type="button"]{
	margin-top:0;
}

.formContainerPassword form div.buttons, .formContainerPassword .tableContainer div.buttons{
	background:#908474;
	text-align:right;	
	line-height:100%;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
}
.tdDisplay{/* width: 130px !important; */display: inline-flex;margin-left: 25px;font-size: 11px;}
.tdDisplaymessage{
	width: 80px !important;
	display: inline;
	margin-left: 0px ;
	font-size: 12px;
	
    align: top !important;
}
.tdDisplaymessageIcon{
	width: 0px !important;
	display: inline;
	margin-left: 0px ;
	font-size: 12px;
	
    align: left !important;
}
.tdDisplaymessageicon{
	width: 0px !important;
	display: inline;
	position: relative;
	
}
.leftZero{margin-left: 0px !important;}

.positionRel{1position: absolute !important; bottom:0;left:0}
.marginTop60{margin-top: 60px;}
.heightAuto{height: auto !important;}
.btnStyles{display: inline-block; padding-top: 3px;}
.retailFix{margin-top: 30px;}
.marginTop30{margin-top: 5px;}
.uWrapper{width: 100%;float:left}
.height1{min-height: 10%;}
.height2{min-height: 85.6%}
.height3{}
.relPos{}
html{position:relative;}
.heightHeader{min-height: 81%;}
#containerSubmit{
	width:100%;
	float:left;
	1height: 487px;
	display: inline-block;
}

.signatureFix{margin-top: 60px }
#signContainer{
	width:100%;
	float:left;
	height: 400px;
	display: inline-block;
}

.noRecords{
	margin-left:20px;
	font-size: 10pt;
}

#resetPasscontainer{
	width:100%;
	float:left;
	height: 400px;
	display: inline-block;
}
.widthTel{width:100px; }
.widthFax{width:100px;}
.widthAuto{width: auto !important;margin-right:35px !important}
.tableCon{width: 566px;margin: auto;height: 138px;overflow-y: scroll;}
.clearAll{clear: both;}
.headCon{width: 65%;margin: auto;background-color: #C98400;padding: 5px 0px;color: white;font-weight: bold;}
.headOne{display: inline-block;margin-left: 178px; width:15%;}
.headT{display: inline-block;margin-left: 40px; width:15%;}
.headTh{display: inline-block;margin-left: 35px;width:15%;}
.padding5{padding-bottom:5px !important}
.user_id1{width:26%;}
.user_fname{width:24%;}
.user_lname{width:26%;}


.errorMessageReport{width:600px;position: relative;margin-top: 90px;}
.errorMessageReport span{position:absolute;bottom:10px;width:100%}
.thSpan{display: inline-block;width: 135%;}
.wordWrap{word-break: break-all;border:none;}
.dateScroll{height: 90px;overflow-y:auto;width:600px;}
.adj{width:600px;margin-top:10px;}

#trackingNumPopup{
        display: none;
        position: absolute;
        top: 12%;
        /* left: 590px;  */
        left:46% ;
		width:230px;       
        border: 1px solid black;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        max-height:90px;
} 

#CancelButtonPopUp{
		display: none;
        position: absolute;
		top: 393px;
        left: 828px;
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1003;
        overflow: auto;
        line-height:1.1;
}

#cancelScanPopup{
        display: none;
        position: absolute;
        top: 90px;
        left: 700px;  
		width:250px;        
        border: 1px solid black;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        max-height:90px;
} 
.scanPopup{
	margin-top:13px;
}
#fade{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
		background-color: white;
		/*opacity:.000001;*/
		opacity: 0.1;
  		filter: alpha(opacity=.1);		
        z-index:1001;
        -moz-opacity: 0.1;       
}
#dbox {
        display: none;
        position: absolute;
        top: 270px;
        left: 550px;  
		width:230px;        
        border: 1px solid black;
         border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
#p_text{
	padding:20px 20px 10px 20px;
	line-height:1.2;
}
#p_buttons{
	padding:10px 20px 40px 20px;
}
/* July17 start */
#printBox, #pacakgeConfimationPopup {
        display: none;
        position: absolute;
        top: 260px;
        left: 550px;  
		width:270px;        
        border: 1px solid black;
         border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
#printBoxtext{
	padding:20px 20px 10px 20px;
	line-height:1.2;
}
#printBoxbuttons{
	padding:10px 20px 40px 20px;
}
/* July17 end */
 .deliverySummScroll{height:250px;overflow-y:auto;}
 
 
/****REAP PHASE 3 Changes Start****/
#tabheader {
	width: 255px;
	text-align: left;
	padding-left: 30px;
}

#tabcontent {
	width: 211px;
	text-align: left;
	padding-left: 25px;
	padding-top: 3px;
	padding-right: 3px;
}

#title {
	margin-left: 20px;
	padding: 5px;
	text-align: left;
}

#tabhead1 {
	width: 200px;
	text-align: left;
	padding-left: 25px;
}

#tabcontent1 {
	width: 200px;
	text-align: left;
	padding-left: 25px;
}

#radio {
	padding: 8px;
}

#button {
	margin-left: 25px;
}

.wrap {
	position: relative;
	margin-left: 27px;
	padding: 26px 0 0;
	display: inline-block;
	background: white;
}

#custom_tblShipmentPackage {
	text-align: left;
}

#custom_tblShipmentPackage th {
	width: 100px;
	
}

.wrap .inner {
	padding: 0;
	overflow: auto;
	height: 85px;
	overflow-x: hidden;
}

.wrap table {
	margin: 0 0 0 0px;
}

.wrap td {
	padding: 5px;
	padding-left: 0px;
	width: 110px;
}

.wrap tbody td.alignment {
	text-align: center;
}

.wrap thead th {
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	padding-right: 0px;
	color: #000;
}

.wrap thead th {
	border: none;
}

.wrap thead tr p {
	position: absolute;
	top: 0;
	background: white;
	width: 109px;
	text-align: left;
}

.wrap thead tr p.headingalign {
	text-align: center;
}

#custom_tblShipmentPackage .largeColumns p {
	width: 150px;
	text-align: left;
}

#custom_tblShipmentPackage .largeColumns {
	width: 150px;
	text-align: left;
}

.wrap tbody tr td.inputbox {
	vertical-align: middle;
}

.space {
	margin-bottom: 25px;
}

.space1 {
	margin-bottom: 5px;
}


/* For PopUp on adding the ticket no. done by kehkasha*/


#popUp {
        display: block;
        position: absolute;
        top: 300px;
        left: 600px;  
		width:210px;    
		padding:5px 10px 10px 10px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}

#TrainingPopUp{
		display: none;
        position: absolute;
        top: 300px;
        left: 580px;  
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}

#continueButton
{
	padding:10px 40px 10px 70px;
	
}
 /*Changes by kehkasha ends */

/* ShippingTicketProcessing labels starts */

#tableHeaders
{
	width: 230px; display: inline-block;
}

/* ShippingTicketProcessing labels ends */

/* changes for CancelDropOff  starts*/
#textBox
{
margin-left:70px;
margin-top:10px;
	width: 130px;
}
/* changes for CancelDropOff  ends*/



/* forSelectActionDropOffjsp starts */
#radioForselectActionDropOff
{
	padding-left: 40px;
	line-height: 40px;
	padding-top: 10px;	
}
#Space
{	
	padding-top: 10px;
}
/* forSelectActionDropOffjsp ends */


/* Reap 3 changes  for process shipping ticket starts by kehkasha*/

#PreLabelPackageID
{
	width: 161px !important;

}
#inputbox
{
width: 150px;
}
/* Reap 3 changes for process shipping ticket ends */

.sizeOftextBox
{
	width: 180px!important;
}

.alignmentTrackingnumAndAddButton
{
	margin-top: 7px !important;
}


.alignmenterrorfromtop
{
	padding-top: 55px !important;
	width:1070px !important;
	min-width:850px !important;
	margin:0 auto 0 !important;
}
#Error
{
	padding-top: 50px;
}
/* For Textbox done by Sheetal starts*/
#trackingNum
{
	
	margin-left: 23px;
	margin-top: 5px;
	
}

/* For Textbox done by Sheetal ends*/

/* for cancel drop off (tracking no) done by sheetal starts*/
#trackingNo_text{
		
width: 170px;

}
/* For cancel drop off (tracking no) done by sheetal ends*/

/* for Label-less Return done by Sheetal  starts */

#alertShippingTicket{
	padding-top: 5px;
	height: 15px;
}
.width988{
	width: 988px !important;

	}
#containerLabelless	
{
	width:100%;
	float:left;

	display: inline-block;
}
.errorMessagePackages{
	
	margin-bottom: 7px;
}

/* for  Label-less Return done by Sheetal ends*/

/* changes done by sheetal starts */

#preLabelPackageIdWidth
{
	
	width: 150px;
}
#Trackingnumber{
	
	width:141px;
}
/* changes done by sheetal ends */
/* for scanPackage shipping ticket not supported */
#ShippingTicketNotSupported
{
	 margin-right:125px;
}
/****REAP PHASE 3 Changes End****/

.textBoxLeftAlignment
{
      margin-left: auto!important;
}
#forDropOff
{
       margin-left: 10px!important; 
}
.forAlignment
{
       width:150px!important;
}
.WidthSet
{
       width: 120px!important;
       
}
/* for alignment of radio buttons on inventory page done by kehkasha starts*/
#forInventoryRadioButtonAlignmnet
{
	margin-right: 80px;
}
.formContainer form label.small{
		width:11%;
}
.forAlignment
{
	width:102px!important;
}
/* for alignment of radio buttons on inventory page done by kehkasha 0 ends*/

/* for Signature Panel PopoUp by kehkasha */
#centreContinue
{
	margin-left: 70px!important;
	margin-top: 10px!important;
	
}

/* Reap 4 changes for shipper selection start */
#shipperTable tr
{
height: 35px;	
}
#shipperTable td
{
	
vertical-align: top;
}

/* alignment for my choice enrollment by kehkasha*/
.myChoiceErrors
{
margin-left:  217px!important;
margin-top: 40px!important;

}
#margin_table
{
	margin-left: 15px;
	margin-bottom: -40px;
	line-height: 95%!important;
}
#myChoiceMessage
{
  margin-left: 16px;
	line-height: 20px;
	color: black;
font-weight: normal!important;
}
.formContainerMyChoice
{
		width: 911px;
}
#mychoiceButton
{
 width: 120px;height: 19px; margin-left: 784px;
}
#myCpEnroll
{
	background: #C98400; color: #FFF; padding: 4px; font-weight: bold; font-size: 10pt;
}
#myCpEmail
{
	padding-top: 9px; margin-left: 5px;
}
#labelMyCp
{
	margin-left: 0px !important;margin-top: 15px!important;width:auto;
}
#height40px
{
	height: 40px;
}
#width224
{
	width:224px!important;
}
/* changes for myChoice ends */

/* for super user by kehkasha */
#selectedLocation
{
color: #FFF;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: inline-block;
float: left;
font-size: 18pt;
margin-top: 36px;
margin-left: 200px;
}#errorAPNotSelected
{
color: red;
margin-top: 2px!important;
margin-left: 200px;
}
#SuperUserPopUp
{
	    display: none;
        position: absolute!important;
        top: 300px;
        left: 580px;  
		width:205px;  
		padding:15px 15px 15px 15px;    
        border: 2px solid !important;
        border-width: 1px !important;
        background-color: #D1D0CE!important ;
        z-index:1002 !important;
        overflow: auto !important;
        line-height:1.1 !important;
      
}
/* chages for super user by kehkasha ends */
#epraPopUp{
		display: none;
        position: absolute;
        top: 300px;
        left: 580px;  
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}
/* Reap 4 changes for shipper selection end */
#pCntButton{
	padding: 10px 0px 15px 0px;
	text-align:center;
}

/* Reap 4 Changes Start for Admin Payment Collected Table */
.tblPayCollected{
	width:1030px;
}

/* RFC 8473 CHANGES START */
.thDateCollected{
width:131px!important;
word-wrap:break-word;
}
.thtrckNo{
width:145px!important;
}
.thCustName{
width:110px!important;
}
.thFundType{
width:130px!important;
}
.thAmount{
width:80px!important;
word-wrap:break-word;
}
.thCurrency{
	width:118px!important;
}
.fundAsc{
	padding-left: 0px!important;
}
.trackAsc{
	padding-left: 0px!important;
}
.trackDesc{
	padding-left: 110px!important;
}
.custDesc{
	padding-left: 80px!important;
}
/* RFC 8473 CHANGES END */
/* Reap 4 Changes End for Admin Payment Collected Table */
/*REAP 4 for super user by kehkasha */
#selectedLocation
{
color: #FFF;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: inline-block;
float: left;
font-size: 18pt;
margin-top: 36px;
margin-left: 200px;
}#errorAPNotSelected
{
color: red;
margin-top: 2px!important;
margin-left: 200px;
}
/* REAP 4 changes for super user by kehkasha ends */

/* Reap 4 Changes Start for Shipping Ticket */
#tabheading{
	width: 211px;
	text-align: left;
	padding-left: 25px;
}
#id_text{
	
	width: auto;
	margin-right:25px;
}
/* Reap 4 Changes End for Shipping Ticket */
/* Reap 4 for changes for search PoUp starts */
.dboxSearch {
	width: 240px !important;
	top: 316px !important;
	left: 545px !important;
}

/* Defect 559-overlaping of words of two coloumn */
.wrapWord
{
	word-break: break-all!important;
}
/* Reap 4 for changes for search PoUp ends */

/* REAP Sept15 Changes Start */
.tbInventoryCleanup {
	width: 1010px;
}

.trackNo {
	width: 183px;
}

.dDate {
	width: 144px;
}

.pDate {
	width: 144px;
}

.sDate {
	width: 144px;
}

.sLoc {
	width: 150px;
}

.cDate {
	width: 138px;
} 
.ui-tabs .ui-tabs-nav li a{
	padding:.5em .5em !important;
}

/* REAP Sept15 Changes Start */

/* Reap July17 changes start */
.width170{
	width:170px !important;
	float:left;
}
.wrap{
	margin-right:27px;
}
.marginLeft100{
	margin-left:100px
}
.height100{
	height:100px!important;
}
.marginLeftmin20{
	margin-left:-20px!important;
}
.labelDetails{
	/* display:none; */
	height:43px;
}
.printerConfigLabels{
	width:200px
}

.marginLeft500{
	margin-left:500px
}
#tabcontentReturn{
	padding-left:60px;
}
#tabcontentReturnImage{
	height:30px;
	padding-top:5px;
}
#tabcontentReturnppatn{
	padding-left:60px;
}
#tabheaderReturn{
	width: 180px;
	text-align: left;
	padding-left: 60px !important;
}

.thermalPrinting{
	padding-top: 5px;
	height: 15px;
	padding-left:180px;
}
/* This style is also used on Inventory.jsp for CancelDropOff,FindMatching Pkg and RTU error popup*/
#thprintbox {
        display: none;
        position: absolute;
        top: 270px;
        left: 550px;  
		width:230px;        
        border: 1px solid black;
         border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
/* This style is also used on Inventory.jsp for CancelDropOff,FindMatching Pkg and RTU error popup*/
#thprint_buttons{
	padding:10px 20px 40px 100px;
}

.labellessReturnPrinterImage{
	height:30px;
	/* padding-left:20px; */
	padding-top:0px;
}
.eATNPrinterImage{
	height:30px;
	padding-top:0px;
}
.printTab{
	margin-top:20px;
	margin-left:40px;
	width:auto;
	height:200px; 
	display:inline-block;
}
.printTab tr td{
	padding:2px !important;
}
.printTab tr th{
	font-weight:bold;
	font-size:10pt;
	color:black;
	padding:10px;
	background-color:#D4CCBF;
	
}
.headingHeight{
	height:10px !important;
}
/* Reap July17 changes end */

.note{
	color:black !important;
	display:inline-block !important;
	float:left !important;
	font-size:10pt !important;
	padding: 0px !important;
	font-weight: normal !important;
}
.PrinterImage{
	height:40px;
	padding:5px;
	margin:10px;
	margin-top:28px!important;
}


#MessagesContainer{
	background-color:#F0F0F0 ;
	height:500px;
}
#MessageList{
	border:1px solid #D1D0CE;
	float : left;
	width:515px;
	height:400px;
	margin-top:30px;
	margin-left:11px;
}
#MessageDetails{
	border:1px solid #D1D0CE;
	float : left;
	height:400px;
	width:480px;
	margin-top:30px;
	margin-left:15px;
}
#MessageHeader{
	border:1px solid #D1D0CE;
	height:30px;
	width:96%;
	margin-top:10px;
	margin-left:10px;
	padding-top:10px;
	font-weight:bold;
	overflow:auto; 
    overflow-x:hidden; 
}
#MessageContent{
	border:1px solid #D1D0CE;
	height:77%;
	width:96%;
	margin-top:10px;
	margin-left:10px;
	overflow:auto;
	overflow-x:hidden;
}
.buttons{
	background:#908474;
	text-align:right;	
	line-height:100%;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
}
.messagesTable{
	height:80%;
	
}
.subjectMessage{
	font-weight:bold;
	padding-right:0px!important;
}
.subjectMessageAfterRead{
	font-weight:normal;
	padding-right:0px!important;
}
.contentMessage{
	padding :8px;
	display:none;
	/* width:220px; */
}
/* .subjectMessageDate{
	padding :8px;
	display:none;
	width:220px;
} */
#MessagesContainer .heading{
	font-weight:bold;
	padding-left:10px;
	background-color:grey;
	height:30px;
	text-align:center;
	
	
}

 .image{
	 font-weight:bold;
	 align:left;
	 text-size:13px;
	 margin-left:30px;
	 padding-top:10px;
} 


/* These below classes are used to provide width of message on IE browser as well as normal mode */
 .messages{
	width:125px!important;
	padding-left: 10px!important;
	cursor: auto!important;
	word-wrap:break-word; 
}

.mDate{
	width: 80px!important;
	padding-left: 10px!important;
	cursor: auto!important;
	word-break:break-all!important;
}

.read{
	width: 65px!important;
	padding-left: 10px!important;
	cursor: auto!important;
	word-break:break-all!important;
	
}

.priority{
	width: 105px!important;
	padding-left: 10px!important;
	cursor: auto!important;
	word-wrap:break-word!important;
}  

.mSmall{
	width: 3px;
	padding-left: 10px;
	
} 

.width1050{
	width: 1050px!important;
}

 #MessageDate{
	text-align:right!important;
	padding-right: 10px!important;
	float:right!important;
} 

.marginRead{
	margin-left: 2px;
	margin-right: 1px;
	margin-top: 3px;
}

tbody tr.hilite td {
    background: none repeat scroll 0 0 LightSteelBLue;
}
.messageText{
	float: left!important;
	display: inline-block !important;
	font-size: 10pt !important;
	padding: 8px 5px 0 10px !important;
	color :black !important;
	font-weight: normal !important;
	font-family: serif !important; 
}
.fontSize{
	font-size:9pt;
}

body {
    font-family: "Lato", sans-serif;
}

.sidenav {
    height: 70%;/* change height of slide help screen */
    width: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #c0a794;/* change the background color of slide screen */
    overflow:hidden; 
    overflow-x:hidden;
    transition: 0.5s;
    padding-top: 60px;
    margin-top: 67px;
    font-size: 25px !important;
}
/*This class is responsible for font size in slide panel*/
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 46px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 60px;}
}

.floatRight {
   float:right !important;
   padding-top:0px !important;
   margin-right:10px !important;
}
.avoid-clicks {
  display: block;
  pointer-events: none;
 }
 .enable-clicks {
  display: block;
  pointer-events: block;
 }
 .errorTableMessage{
	width:140px;
	padding-left: 10px;
	color: red;
	
}

.receiptErrors{
	margin-top: 40px!important;
	height:25px !important;
}


/* Below lines are used to set class on row of Message screen */
.subjectMessageAtRowLevel{
	padding :5px;
}
#smartScanError{
	position: absolute;
	padding-left: 690px;
	padding-top: 30px;
}

#smartScan{
	width: auto;
	margin-top:50px; /*change for smart scan text box styling */
	padding-left:610px;
	position: absolute;
}
/* New change for JAN2018 Help Screen Start*/
.helpRetail{
	font-size: 30px;
	color: black;
}
.helpContent{
	font-size:15px;
	padding-top: 80px;
	font-weight:bold;
	padding-left:20px;
	padding-right: 20px;
}
.helpList{
	list-style-type:disc;
	padding-left:60px;
	padding-top:40px;
	padding-right :20px;
	font-size : 20px;
}
.customerSupport{
	font-size: 20px;
	color: black;
	padding-top:45px;
}
.customerNumber{
	font-size:15px;
	padding-left:10px;
	margin-top:70px;
}

#receiptPrintImage{
	height:30px;
	padding-left:18px;
	padding-top:5px;
}
.overflowX{
	overflow-x:hidden!important;
}
.overflowXY{
	overflow-x:hidden!important;
	overflow-y: auto!important;
	
}

.selectLanguage{
	width :auto!important;
	padding-right:30px;
	margin-top:-2px!important;
}
.emailAddress{
	width :auto!important;
	padding-right:30px;
}
.phoneNumber{
	width :auto!important;
	padding-right:30px;
}
.smsLanguage{
	width :auto!important;
	padding-right:23px;
}
/* This style is added for popup which is displayed on Scan page after selecting tracking no
   no on Inventory page
*/
#trackingNoPopup_text{
	padding:5px 20px 10px 20px;
	line-height:1.2;
}
.exportIcon{
	height:110px;
	margin-top: -2px;
	margin-right: -14px;
}

.possessionDate{
	word-wrap:break-word;
}
.lastCollectionDate{
	word-wrap:break-word;
}
.schearrivalDate{
	word-wrap:break-word;
}
.packageType{
	word-wrap:break-word;
}
.shelfLocation{
	word-wrap:break-word;
}
.newShelfLocation{
	padding-top: 0px;
}
.textcurrentShelf{
	padding-bottom: 0px;
}
.trackingno{
	padding-top: 10px;
}
#shelftabheader {
	width: 270px;
	text-align: left;
	padding-left: 30px;
}
#shelftabheader1 {
	width: 100px;
	text-align: left;
	padding-left: 30px;
}
#shelftabheader2 {
	width: 150px;
	text-align: left;
}
.inventoryErrors{
	position: absolute; 
	margin-top:75px; 
	padding-left:149px;
}
/* These classes are used to provide below arrow icon position in message table */
.messagesdesc{
	padding-left:115px;
}
.datedesc{
	padding-left:55px;
}
.readdesc{
	padding-left:55px;
}
.prioritydesc{
	padding-left:85px;
} 
.messagePrioritySpace{
	margin-top: -3px;
	vertical-align:bottom;
}

/*Changes done to render HTML tag in proper manner  */
#MessageContent b,strong{
	font-weight: bold!important;
    color: black!important;
}
#MessageContent ul{
	list-style-type: disc!important;
}
#MessageContent ol{
	list-style-type: decimal!important;
}
#MessageContent li{
	margin-left:60px!important;
}
#MessageContent h1{
	color: black!important;
	font-weight:bold!important;
	font-size:15pt!important;
	float:none!important;
	font-family:none!important;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px!important;
	display:inline-block;
	float:none!important;
	font-size:5pt!important; */
}
#MessageContent h3{
	color: black!important;
	font-weight:bold!important;
	font-size:10pt!important;
	float:none!important;
	padding:0px!important;
	font-family:none!important;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px!important;
	display:inline-block;
	float:none!important;
	font-size:5pt!important; */
}

/* PickupErrorReceipt Popup Changes Start */
#PickupErrorReceiptPopUp{
		display: none;
        position: absolute;
		top: 320px;
        left: 845px;
		width:243px;    
		padding:8px 15px 15px 10px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
        max-height:200px
}
#PickupErrorReceiptPopUpButtons
{
	padding:15px 10px 05px 50px;
	
}
/* PickupErrorReceipt Popup Changes End */

/* Added below classes to handle the CSV icon on payment collected Report Page*/
.paymentCsv{
	margin-top:-16px;
	width: 80px;
	margin-bottom: -30px;
}
#thprintPayment {
        display: none;
        position: absolute;
        top: 192px;
        left: 450px;  
		width:230px;        
        border: 1px solid black;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
.paymentTotal{
	float:left;
	margin-top:18px;
	display:inline-block;
}
/* Temporary Fix Jan2018- Show popup on Retail page when a Accept status package is smart scanned -Start
 * Set position of popUp for Accept status package 
 */
#smartContinueButton{
	padding-bottom: 10px;
	padding-top: 10px;
}
#smartScanPopUp{
	display: none;
        position: absolute;
        top: 300px;
        left: 541px;  
		width:210px;    
		padding:0 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1003;
        overflow: auto;
        line-height:1.1;
}
#pickUp{
	/* margin-left:-5px; */
}
#driverDelivery{
	margin-top:10px;
/* 	margin-left:11px; */
}
#smartScanPopUpRTU{
	display: none;
        position: absolute;
        top: 300px;
        left: 541px;  
		width:210px;    
		padding:0 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1003;
        overflow: auto;
        line-height:1.1;
}
#smartScanPopUpNoStatus{
	display: none;
        position: absolute;
        top: 300px;
        left: 541px;  
		width:225px;    
		padding:0 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1003;
        overflow: auto;
        line-height:1.1;
}
.crossAccept{
	margin-top:-18px;
	/* position:absolute;  */
	text-decoration: none;
	color: #818181;
	font-size: 25px;
} 
/* Temporary Fix Jan2018- Show popup on Retail page when a Accept status package is smart scanned -End */
#containerLabelless{
	visibility:hidden;
}
/* Edit user screen changes */
#userlanguage{
width: 174px;	
}


/* REAP JAN2020 Change Start */
.delwidth{
	width:275px;
	float:left;
}

.delmarginRight{
	margin-right:50px;
}

.delmarginTop{
	margin-top:15px;
}

.duemarginTop{
	margin-top:35px;
}

.fontbold{
	font-weight:bold;
}

.chkboxmarginTop{
	margin-top:15px;
}
.signConatinerwidth{
	width:185px;
	float:left;
}

.widthCustomerName{
	width:380px;
	float:left;
}

.delPaddingRight10{
	padding-right:10px;
}

.nowrap {
    white-space: nowrap;
}

.buttonPanelWidth{
	width: 900px;
	margin-left: 0px;
}

.clearButtonWidth{
	width: 298px;
}

.cancelSignPadBtnWidth{
	width: 448px;
}

#ShipperCommericalInvoiceCheck{
		display: none;
        position: absolute;
        top: 300px;
        left: 580px;  
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}

#ds_NotApPkgCheckPopup{
        display: none;
        position: absolute;
        top: 270px;
        left: 550px;  
		width:280px;        
        border: 1px solid black;
         border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
#ds_NotApPkgChecktext{
	padding:20px 10px 10px 20px;
	line-height:1.2;
}
#ds_NotApPkgCheckbuttons{
	padding:10px 50px 40px 55px;
}
/* REAP JAN2020 Change End */
/* Sonar changes for Center tag */
.textAlignCenter{
	text-align: center;
}

/* REAP RFC9591 DEC2020 Change Start */
/*
.VATdelwidth{
	width:440px;
	float:left;
}
*/
.dsVatInputs{
	float:none !important;
	width:170px !important;
	margin-left:20px !important;
}
.dsVatSelects{
	float:none !important;
	width:178px !important;
	margin-left:20px !important;
}
/*
.dsChkboxmarginTop{
	margin-top:15px;
}
*/
.dsVATmarginTop{
	margin-top:2px;
}

.dsVATContainerWidth{
	width:225px;
	float:left;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.dsVATFstDivWidth{
	width:440px;
	float:left;
	margin-left:12px;
}
/*
.dsVATmarginRight{
	margin-right:25px;
}
*/
.dsVATPaddingRight10{
	padding-right:10px;
}

.dsEnterVATContainerWidth{
	width:225px;
	float:left;
	margin-left:12px;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.enterVATDetails{
	margin-left:20px;
}

/* REAP RFC9591 DEC2020 Change End */
/* Consolidated Return changes start */
#consolidatedBox{
	border:1px solid #D1D0CE;
	float : left;
	height:400px;
	margin-top:30px;
	margin-left:15px;
}
.consolidatedBoxWidth1{
	width:220px;
}
.consolidatedBoxWidth2{
	width:480px;
}
#consolidatedContent{
	border:1px solid #D1D0CE;
	height:327px;
	margin-top:10px;
	margin-left:10px;
	overflow:auto;
	overflow-x:hidden;
}
#consolidatedHeader{
	border:1px solid #D1D0CE;
	height:30px;
	margin-top:10px;
	margin-left:10px;
	padding-top:10px;
	font-weight:bold;
	overflow:auto; 
    overflow-x:hidden; 
}
.consolidatedContentWidth1{
	width:200px;
}
.consolidatedContentWidth2{
	width:460px;
}
#consolidatedTable tr
{
height: 35px;	
}
#consolidatedTable td
{
	
vertical-align: top;
}
#consoldatedFade{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
		background-color: white;
		/*opacity:.000001;*/
		opacity: 0.1;
  		filter: alpha(opacity=.1);		
        z-index:1001;
        -moz-opacity: 0.1;       
}
#consoldatedPopup {
        display: none;
        position: absolute;
        top: 216px;
        left: 538px;  
		width:270px;        
        border: 1px solid black;
         border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
}
#C_text, #DNC_text{
	padding:20px 20px 10px 20px;
	line-height:1.2;
}
#ConsolidatedReturnContainer{
	background-color:#EBEBE6;
	height:450px;
}
#ConsolidatedReturnContainer .heading{
	font-weight:bold;
	padding-left:10px;
	background-color:grey;
	height:30px;
	text-align:center;
}
#ConsolidatedPopupButton{
	text-align:center;
	margin-botton:20px;
	margin-left: 10px;
}
.ConsolidatedReturnRoutingInfo{
	/*border-left: 1px #a3a3a3 solid;
	border-right: 1px #a3a3a3 solid;
	border-top: 1px #a3a3a3 solid;
	margin-left: 10px;
	width: 98.2%;	*/			
}
.ConsolidatedReturnBarcodeInfo{
    border-top: 1px #a3a3a3 solid;
}
.BagSearchBox{
	margin-left: 3px;
	margin-top: 5px; 
	background: white; 
	width: 94.5%; 
	padding: 5px;
}
.MarginRright10{
	margin-right: 10px;"
}
.MarginLeft10{
	margin-left: 10px;
}
.accordionButtons{
	font-weight:bold !important;
	color: black !important;
}
#RMANumberUncheckedPopup, #maxLimitExceedRMAPopup{
		display: none;
        position: absolute;
        top: 410px;
        left: 560px;  
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}
.consolidatedPkgInfo{
	border: 1px #a3a3a3 solid;
	margin: 10px;
}
.consolidatedPopupBtn{
	margin-right: 45px; 
	margin-left: 55px;
}
.consolidatedReturnErrors
{
margin-left:  227px!important;
margin-top: 40px!important;
}

#partialHttpStatusCodePopup{
		display: none;
        position: absolute;
        top: 207px;
    	left: 501px;
   		width: 411px;   
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}
.paddingLeft5px{
	padding-left: 5px;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Consolidated Return changes end */

/* 
 * Changes to show pageloading icon on clicking  Dropoff icon on retail page
 * so that user cannot click any other icon on retail page when pageloading icon is shown
 *
 * Notes for attributes setup for class blockScreen
 * position: fixed -will ensure pageloading icon is shown at same place on page even when page is scrolled.
 * z-index : 1003 to ensure pageloading icon overlaps all UI elements on retail page     
 * background : 50% 50% -to show pageload icon at center of retail page(if 50% 50% removed ,page loading 
 *                        icon will be shown at top left corner of retail page)
 *              no-repeat - to show pageload icon only once on retail.jsp(if no-repeat removed, pageload icon will 
 *                        be shown on retail page many times(20+))
 *              rgba(0,0,0,0.3) : To change background of retail page to a dark color to indicate page loading
 *                                 and that all UI elements on retail page are blocked
 * opacity : To set opacity of pageloading icon              
 */
.blockScreen{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1003;
    background: url(../images/ajax-loader.gif) 50% 50% no-repeat rgba(0,0,0,0.3);
    opacity: 0.8;
}
/* Consolidated Return phase 2 changes start */
#consolidatedContent2{
	border:1px solid #D1D0CE;
	margin-top:10px;
	margin-left:10px;
	overflow:auto;
	overflow-x:hidden;
}
#consolidatedBox2{
	border:1px solid #D1D0CE;
	float : left;
	height:450px;
	margin-top:30px;
	margin-left:15px;
}
.consolidatedHeight1{
	height:377px;
}
.consolidatedHeight2{
	height:428px;
}
.BagSearchBox2{
	margin-left: 3px;
	margin-top: 5px; 
	background: white; 
	width: 95%; 
	padding: 5px;
}
.eATnheader {
	text-align: center;
    font-weight: bold;
    color: black;
    margin: 10px 0px;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.numberList{
	list-style-type:1;
	padding-left:60px;
	padding-top:40px;
	padding-right :20px;
	font-size : 20px;
}

#CloseBagNotificationPopup{ /*refer #smartScanPopUp*/
	display: none;
    position: absolute;
    top: 300px;
    left: 541px;  
	width:210px;    
	padding:0 15px 15px 15px;    
    border: 2px solid;
    border-width: 1px;
    background-color: #D1D0CE ;
    z-index:1003;
    overflow: auto;
    line-height:1.1;
}

#closeBagNotificationButton{
	padding-bottom: 10px;
	padding-top: 10px;
}
/* Consolidated Return phase 2 changes end */
#EmailConfirmationPopUp{
		display: none;
		padding:15px 15px 15px 15px;    
        background-color: rgba(0,0,0,0.3) ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
        font-weight: bold;
	    font-size: 10pt;
	    position: fixed;
	    width: 100%;
	    height: 100%;
}
.width230 {
    width: 230px !important;
    float: left;
}
#DropoffCloseBagPopup{ /*refer #smartScanPopUp*/
	display: none;
    position: absolute;
    top: 300px;
    left: 541px;  
	width:210px;    
	padding:0 15px 15px 15px;    
    border: 2px solid;
    border-width: 1px;
    background-color: #D1D0CE ;
    z-index:1003;
    overflow: auto;
    line-height:1.1;
}
.azureHelpContent{
	font-size: 15px;
    padding-top: 10px;
    padding-left: 20px;
}
.eamLoginButton{
	margin: 23px 150px 0px 150px;
	text-align: center;
	font-size: 15px;
}
.eamButton {
	 display: block; 
	 color: black;
	 border: 1px solid #CCC; 
	 background: #F0F0F0;
	 cursor: pointer; 
	 vertical-align: middle;
	 padding: 5px; 
	 text-align: center;
	 width:400px;
	 margin: 10px 0px;
	 box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	 font-weight: bold;
}
.eamButton:active {
    color:black;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
    font-weight: bold;
}
.margin5px{
	display: block;
  	margin-bottom: 5px;
}
.eamHelpGuide{
	margin-top: 15px;
    text-decoration: underline;
    cursor: pointer;
    color: blue;
    font-weight: bold;
	padding-left: 20px;
}
.EAMNumberList{
	padding-left:60px;
	padding-top:40px;
	padding-right :20px;
	font-size: 15px !important;
	font-weight: bold;
	padding-top: 10px; !important
}
.EAMInstHeading{
	text-decoration: underline;
	color: #923927;
	font-weight: bold;
}
.EAMImg{
	height: 214px;
    font-size: 70px;
    cursor: pointer;
    margin-top: 10px;
}
.EAMhref{
	color: #923927 !important;
	font-size: 15px !important;
	text-decoration: underline;
	color: #923927 !important;
	font-weight: bold;
	font-size: 15px !important;
	padding:0px !important
}
.EAMhref:hover{
	color: #923927 !important;
}
#trainingDropDown{
	display: block;
	margin: 0 auto;
	width: auto;
    height: 30px;
    border: 1px solid #999;
    background-color: #eee;
    border-radius: 5px;
}

#TrainingUserPopup{
		display: none;
        position: absolute;
        top: 300px;
        left: 525px;  
		width:300px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}
.trainingUserheading{
	text-align: center;
	font-weight: bold;
	font-size: 13pt !important; 
	display: inline;
}

#DropoffErrorReceiptPopUp{
		display: none;
        position: absolute;
		top: 158px;
        left: 440px;
		width:500px;    
		padding:8px 15px 15px 10px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
        max-height:300px
}
#DropoffErrorReceiptPopUpButtons
{
	float: right;
	padding:15px 10px 05px 50px;
}

/**NetsSparker changes 2023*/
.tableContainer table td{
	font-size:11px !important;
}
.tableContainer table th{
	font-size:11px !important;
}
#redBagTableDiv  table td, #blueBagTableDiv table td, #greenBagTableDiv table td{
	padding: 3px 10px 5px 5px;
}
#SmartNotificationRTU{
		display: none;
        position: absolute;
        top: 300px;
        left: 580px;  
		width:210px;    
		padding:15px 15px 15px 15px;    
        border: 2px solid;
        border-width: 1px;
        background-color: #D1D0CE ;
        z-index:1002;
        overflow: auto;
        line-height:1.1;
}
.width178{
	width: 178px !important;
}