.devWarning { background: red; font-weight: bold; text-align: center; font-size: 20px; padding: 10px; color: white;}
.CSPsuspended {
  background-color: white;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999;
  opacity: 0.7;

}
.CSPsuspendedText {
  display: block; color: red;
  font-size: 30px;
  font-weight: bold;
  margin: 20px;


}

.CSPsubscription {position: relative;}

.postcodeResults {min-height:100px;}

#formBuild {display: none;}
.logo { padding: 1em; 0 1em 0; }

.top-bar {
    background: none;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1em;

}

/** Removes black background on menu bar **/
.top-bar-section ul li {
    background: none;
    text-transform: uppercase;
}
.contain-to-grid {background-color: #0A826A;
    background-image: -webkit-linear-gradient( #47A18F, #0A826A );
    background-image: -moz-linear-gradient(top,  #47A18F,  #0A826A);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47A18F', endColorstr='#0A826A');
  border: #ccc 1px solid;
    border-radius: 4px; }

/** Removes black background on menu item **/
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none;
    line-height: 40px;
    padding: 0 27px;
}
.top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
	background-color: #0A826A;


	}
.ldev{border-left: 2px solid white;}
#quote_list {max-height: 20em; overflow:auto;}
#page {width: 999px;}
.top_space {height:1em;}
.left_item {float: left;}
.right_item {float: right;}

.item_name {float: left; font-weight: bold; padding: 5px; width: 100px; }
.item_data {padding: 5px; min-height: 20px;}
#header {}
.line { width: *; height: 2px; background-color: #000000; margin: 1em 0px 1em 0px; }
#pop_over {position: absolute; top: 200px; left: 124px; padding: 10px; background-color: red; width: 750px; display: none;}
#pop_content {width: 730px; min-height: 200px; background-color: #ffffff; padding: 10px;}
#pop_over_stock {position: absolute; top: 200px; left: 124px; padding: 10px; background-color: red; width: 1020px; display: none;}
#pop_content_stock {width: 1000px; min-height: 200px; background-color: #ffffff; padding: 10px;}

.add_left {width: 85px;  float: left; font-weight: bold; text-align: right;}
#heading, #description, #notes {text-weight: bold;}
#description {height: 6em;}
.space1{margin-top: 1em;}
#table_top {display: table; margin-bottom: -16px; padding:0; font-weight:bold; text-align: center;}
.center {text-align: center;}
#items { padding:0;}
.item {border: 0px solid black;}
/*.item DIV {display: table-cell; min-height: 20px;  border-style: solid; padding: 5px;}*/
.itemBox {width: 600px; border-width: 2px 2px 0px 2px; }
.qtyBOX {width: 35px; border-width: 2px 2px 0px 0px;}
.sellBOX {width: 75px; border-width: 2px 2px 0px 0px;}
.delBOX { width: 30px; border-width: 2px 2px 0px 0px;}
.finance { width: 100px; border-width: 2px 2px 0px 0px;}
.totalBOX {width: 75px; border-width: 2px 2px 0px 0px;}
.heading {font-weight: bold; font-size: 16px; }
.head1 {font-weight: bold; font-size: 1em; text-align:left; margin-top:1em;}
.head2 {font-weight: bold; font-size: 1em; text-align:center; margin:1em 0 1em;}
.head3 {font-size: 1em; text-align:left; margin: 0 0 1em; }
.head4 {font-size: 1em; text-align:left; margin: 1em 0 0.5em; }
.head5 {font-size: 1em; border: 1px solid #F6DE23; margin-bottom: 1em; text-align:right; padding-right:1em !important; background-color:white;  }
.totals {font-weight: normal;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
padding: 0.25rem 0.5rem 0.375rem 1em !important;
margin-bottom: 1em;
border: 1px solid #F6DE23;
}
.details { display:inline-block; padding: 0 1em 0 1em;}
.description {font-size: 10px;}
.itemSpacer {width: 602px; border-width: 0px 0px 0px 0px;}
.itemSpacerTop {border-width: 2px 0px 0px 0px;}
.titleBOX {width: 60px; border-width: 2px 0px 0px 2px; }
.infoBOX {width: 137px; border-width: 2px 2px 0px 2px; }
.endspacerBOXTop {width: 144px; border-width: 2px 0px 0px 0px;}
.endspacerBOX { border-width: 0px 0px 0px 0px;}
.titleBOXBottom { border-width: 2px 0px 2px 2px; }
.infoBOXBottom {border-width: 2px 2px 2px 2px; }

#table_bottom {display: table; margin-top: -16px; padding:0;}
.add_customer INPUT {width: 300px; }
#DPostCode, #IPostCode {width: 150px;}
#DCity, #ICity {width: 200px;}
#setAsInvoice {width: 20px;}
.live_result:hover {background-color:#eee;}
.live_result {cursor:pointer; border: dashed 1px yellow; }
.live {background-color: white;}
.type{width: 150px; overflow: hidden; white-space: nowrap;}
.processor{width: 300px; overflow: hidden; white-space: nowrap;}
.os{width: 300px; overflow: hidden; white-space: nowrap;}
.model{width: 200px; overflow: hidden; white-space: nowrap;}
.search_table {display: table; width: 100%; position:relitive; z-index: 1000; }
.search_row{display: table-row; }
.search_item{display: table-cell;}
.STOCKcell{display:table-cell; padding-left: 1em; margin-left:1px; background-color:red;}
@media only screen and (max-width: 40em) {
	.STOCKrow TD, .STOCKheader TH {font-size: 0.5em;}
}




.STOCktable {display: table; width: 100%;  border-collapse:separate; border-spacing:5px 5px; }
#search_results { width: 100%; font-size: 1em;}
.STOCKrow {}
.STOCKrow:hover {background-color:#eee;}
.STOCKtag {width: 50px; overflow: hidden;}
.STOCKtype {width: 75px;}
.STOCKmodel {width: 100px;}
.STOCKprocessor {width: 200px;}
.STOCKos {width: 200px;}
.STOCKITEMtable {display: table; width: 100%;  border-collapse:separate; border-spacing:5px 5px; }
.STOCKITEMrow{display: table-row;}
.STOCKITEMcell{display:table-cell; margin-left: 5px;}

.TABLEheader {display: table-row; font-weight:bold;}
.TABLE{display: table;  border-collapse:separate; border-spacing:5px 5px; }
.TABLErow {display: table-row; }
.TABLErow:hover, .JOBrow:hover {background-color:#eee !important; cursor:pointer;}
.TABLEcell{display:table-cell; margin-left: 5px;}

.addressReset {cursor:pointer; color:blue; }

.OQTable {display: table;  border-collapse:separate; border-spacing:5px 5px; }
.OQRow {display: table-row;}
.OQCell {display:table-cell; margin-left: 5px;}
#topMenu {list-style-type:none; margin:0; padding:0;}
#topMenu li {display:inline; padding: 5px;}
.ERROR {background-color:red; }
.PRINT {background-color:yellow;}
.UPDATED {background-color:green;}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background-color: white;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 20px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.commentsBox { max-height:20em; overflow: auto;}

.jobs-alert-overdue {background-color: #FF8080 !important;}
.jobs-alert-1day {background-color: #FFB84D !important;}
INPUT.livesearch { margin: 0; font-size: 0.6em}
DIV.livesearch { background-color: white;  border-color: #cccccc; position: absolute; z-index:4;}
UL.livesearch {list-style-type: none; margin:0 .5em .5em;}
UL.livesearch A {color: black; font-size: 0.6em; display: block; }
.liveOpen {border-style: dashed; background:white; }
.liveSelect {background-color: #cccccc !important;}
.isStock {background-color: #FFFFC9;}

UL.livesearchV2 {list-style-type: none; margin:0 .5em .5em;}
UL.livesearchV2 A {color: black; font-size: 1em; display: block; }
UL.livesearchV2 A:hover {background: #0A826A; }
.debugInfo
{
  height: 250px;

  padding:3px;
    background:#f00;
}
.debugInfoContent
{
  height:224px;
   overflow:auto;
    background:#fff;
}