/* EF page elements */
div#domData, div#domData2, div#rptDomData, div#ajaxOutput { visibility: hidden; clear:both; }

select#storeChooser { margin:10px;}

div#pageDropDown { margin:5px; }





table.htmlReceipt {
	border: 0;
	width: 100%;
}

table.htmlReceipt td {
	border: 0;
	padding:0 10px;
}

div#receiptCont {
	width: 400px;
	border: 1px solid black;
	background-color:#DAEDF3;
	padding: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size:110%;
	line-height:140%;
}

div#receiptCont h1 {
	color: #000000;
	font-size: 150%;
	font-family: "Courier New", Courier, monospace;
}




.left { text-align: left !important; }
.right { text-align: right !important; }
.centre { text-align: center;	}
.noFloat{ margin:0; height:0; clear:both; }  




/* Enhance core-admin */
div.accordion-heading span.ef-label { margin: 10px; float:right;  }

div.box.ef-alert-box  { padding:0; margin:-5px 0; border:0; }

div.box.ef-alert-box div.ef-alert-item {margin:0!important; padding:4% 2% 4% 0;}

div.news-content.ef-width { width:85%; max-width: 80%; }

div.ef-box-control { float:right; margin: 15px 10px; font-weight:normal; }

.ef-box-control td { padding: 0 10px; }

.dashboard-stats .ef-count {
  font-size: 20px;
  line-height: 20px;
  height: 20px; }

 .dashboard-stats.small .ef-count {
  font-size: 12px;
  line-height: 12px;
  height: 12px; }
  
  
 .dashboard-stats .glyph.ef {
   height: 24px;
   width: 24px;
}

  .dashboard-stats .glyph.ef i {
   line-height: 22px; }
 
 .dashboard-stats.small .glyph.ef {
   height: 18px;
   width: 18px;

} 
  
  .dashboard-stats.small .glyph i {
    line-height: 16px; }
	
	

/* stk-browse */
#browseBanner {padding-top:5px; padding-bottom:5px;}
#browseBanner  i {font-style:normal; color:#964747;}

table.stkBrowseSearchBox td.help {
	width: 30px;
}




/* Start till-maint-qcodes page */
#quickCodeDisplay {
	height: 420px;
}

.prodBox {
  width: 148px;
	height: 196px;
	margin-left: 7px;
	margin-top: 10px;
	border: 1px solid #666666;
	background-color:#FFFFFF;
	text-align: center;
	float: left;
	position: relative;
}

.first {
  /* margin-left: 0; */
}

.prodBox .iconCont {
	background-color: #CCCCCC;
}

.prodBox img.icon {
	margin: 4px 10px;
	
}

.prodBox img.prodImage {
	margin-top:0px;
}

.prodBox div.prodImageCont {
	height: 120px;
}

.prodBoxTitle  {
	margin: 0 10px;
	position: absolute;
	bottom: 0;
	vertical-align: middle;
}

/* End till-maint-qcodes page */






/* popups */

#popup {
	display: none; 
	position:absolute;
	top:30%;
	z-index: 100;

	left:50%;
	width:200px;
	margin-left:-100px;

	border: solid black 1px; 
	padding: 10px; 
	background-color: rgb(255,255,225);
	color: #333333; 
	text-align: left; 
	font-size: 12px; 

}

#popup img.close {
	position: absolute;
	top: 3px;
	right: 3px;
}


#popup div.close {
text-align: right;
	
}

#popup img.icon {
	float: left;
}



#popup h1 {
	margin-top: 10px;	
	padding-left: 40px;
	font-size: 1.5em;
	line-height: 1.1em;
}




#popupHelp {
	display: none; 
	position:absolute;
	top:10%;
	max-height: 500px;

	left:50%;
	width: 900px;
	margin-left:-450px;

	border: solid black 1px; 
	padding: 10px; 
	background-color: rgb(255,255,225); 
	text-align: left; 
	font-size: 12px; 

	overflow: scroll;
	overflow-x: hidden;
	
}

#popupHelp img.close {
	position: absolute;
	top: 3px;
	right: 3px;
}


#popupHelp div.close {
text-align: right;
	
}

#popupHelp img.icon {
	float: left;
}

#popupHelp h1 {
	margin-top: 10px;	
	padding: 0;
	padding-left: 0px;
	font-size: 2em;
	line-height: 1.1em;
	color: #008ed2;
}

#popupHelp h2 {
	margin-top: 10px;	
	margin-bottom: 0;
	padding-left: 0px;
	font-size: 1.7em;
	line-height: 1.1em;
}

#popupHelp h3 {
	margin-top: 10px;	
	margin-bottom: 0;
	padding-left: 0px;
	font-size: 1.2em;
	line-height: 1.1em;
}



#popupHelp p {
	padding: 0;
	margin: 0;
	color: #333333;
}




.buttonLink {  /*for popupContinue*/
 	border: 1px solid #666666;
	display: inline;
	padding: 5px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}


.progressBox {
	border: 1px solid #999999; 
	width: 220px; 
	margin: 10px; 
	padding-bottom: 3px;
}


.progressBox .header {
	width: 213px; 
	margin: 0; 
	padding: 2px 0 2px 7px; 
	background-color:#999999; 
	color:#FFFFFF; 
	font-weight: bold
}



.progressBox .content {
	padding: 5px 0 0 7px; 
	margin:0;
	background-color:#FFFFFF;
}




.progressBox img {
	text-align: center;
}




/* Start popupSearch popup*/

#popupSearch {
	display: none; 
	position:absolute;
	top:5%;

	left:50%;
	width: 350px;
	margin-left:-175px;

	border: solid black 1px; 
	padding: 10px; 
	background-color: #ffffff; 
	text-align: left; 
	font-size: 12px; 
	height: 600px;

}

#popupSearch img.close {
	position: absolute;
	top: 3px;
	right: 3px;
}


#popupSearch div.close {
text-align: right;
	
}

#popupSearch img.icon {
	float: left;
}

#popupSearch h1 {
	margin-top: 10px;	
	padding: 0;
	padding-left: 0px;
	font-size: 2em;
	line-height: 1.1em;
	color: #008ed2;
}

#popupSearch h2 {
	margin-top: 10px;	
	margin-bottom: 0;
	padding-left: 0px;
	font-size: 1.7em;
	line-height: 1.1em;
}

#popupSearch h3 {
	margin-top: 10px;	
	margin-bottom: 0;
	padding-left: 0px;
	font-size: 1.2em;
	line-height: 1.1em;
}

#popupSearch p {
	padding: 0;
	margin: 0;
	color: #333333;
}

#popupSearch #btnSearchGo {
	position: relative;
	top: 5px;
	
}

#popupSearch table.report {
	width: 350px;
}

/* End of popupSearch popup*/



/* report-run*/

#reportSelections {
	/*
  width: 136px;
	height: 62px;
	background-image:url(reportControls2.gif);
	position: absolute;
	top: 10px; 
	right: 250px;
	padding: 4px 7px 8px 7px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	*/
}

#reportSelections select {
	height: 17px;
}


#rtSelections {
  
  /*
  width: 222px;
	height: 62px;
	background-image:url(reportControls1.gif);
	
	position: absolute;
	top: 10px; 
	right: 410px;
	padding: 4px 7px 8px 7px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	*/
}

#reportDatePicker {
/* */
}




#reportControls {
  width: 222px;
	height: 62px;
	background-image:url(reportControls1.gif);
	padding: 4px 7px 8px 7px;
	position: absolute;
	top: 10px; 
	right: 5px;
}

#reportControls .date {
  width: 70px;
	height: 33px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-right: 6px;
	margin: 0 ;
}

#reportControls .date input {
  width: 64px;
}

#reportControls #dateApply {
  width: 70px;
	height: 33px;
	float: left;
	position: relative;
	text-align: center;
}



/* Additions to Font Awesome */
.icon-gbp:before {
  content: "\f154"; }

.icon-line-chart:before {
  content: "\f201"; }

.icon-info-circle:before {
  content: "\f05a"; }

.icon-angle-double-left:before {
  content: "\f100"; }

 .icon-calendar-empty:before {
  content: "\f133"; }



/* Adaptations to Core Admin */

table.table-normal td.noVertBorder { border-left:0; border-right:0; }

.btn.floatRight {float:right; margin-top:15px;}



div.rptDateBtn {float:left; width:33%; text-align:center; }

div.rptDateBtn img { position:relative; top: -7px;}

 td.oneThird { width:33%}
 
 .box p { font-size:0.9em; margin-bottom:0;}
 
 .box .title.bolder { font-size:0.9em;}
 .box .title.bolder2 { font-size:1.1em;}
 
 .alert p { font-size:0.9em}
 
 .btn.leftPad {margin-left:5px; margin-bottom:5px}
 
 .table-footer.biggerForButtons {height:50px}
 
 #breadcrumbs { font-size:0.7em}
 
 #results {background-color:#FFFFFF}
 
 #poInfo {text-align:right; background-color:#ccdcea; border:1px solid #a8c3dc; background-image: -webkit-linear-gradient(top, #dee8f2, #ccdcea); margin:2px; padding:3px; width:100%; text-align:center; height:30px; font-size:0.9em; }