select option.customer {
	background-color: #bed993; 
} 

.error:not(.ui-autocomplete-input){
	color:red;
	font-weight: bold; 
}

div#map {
	width: 325px;
}

#adminListLoader {
	display: none;
	clear: both;
	position: relative;
	left: 355px;
}

div#admin_fill {
	width: 804px;
	font-size: 12px;
	padding-top: 5px;
}
	div.filter-check {
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}

	div#admin_fill #adminFilesList,
	div#admin_fill #adminReportsList,
	div#admin_fill #edituserform,
	div#admin_fill #adminSitesList {
		width: 100%;
		max-height: 615px;
	}
 
.non_auto_na{
	color:#bd22bd;
}
.non_auto_ec{
	color:#eb2e2e;
}
.non_auto_cn{
	color:#4d4dff;
}
.non_auto_tech{
	color:green;
}

div.tabs {
	width: 100%;
	margin-left: -11px;
	position: relative;
}
						 
div.tabswitch {
	padding: 0; margin: 0;
	float: right;
	background-color: #797979;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 26px;
	font: 11px/26px Arial;
	margin-left: 1px;
	text-align: center;
	cursor: pointer;
	width: 60px;
}
	div.tabswitch.blue { background-color: #4c9ed9; }
	div.tabswitch.orange { background-color: #ebaf40; }
	div.tabswitch.green { background-color: #6b912b; }
	div.tabswitch.green { background-color: #6b912b; }
	xdiv.tabswitch.vendor, i.toggle.vendor { display: none; }
	div.tabswitch:hover { z-index: 100; }
	
	div.tab-off , .taban-off {
		color: #ededed;
	}
	
	div.tab-off.blue:hover ,div.taban-off.blue:hover { background-color: #2c8acf; color: #fff; }
	div.tab-off.orange:hover { background-color: #e89f1a; color: #fff; }
	div.tab-off.green:hover { background-color: #527021; color: #fff; }

	div.tab-on.tabswitch.blue,
	div.taban-on.tabswitch.blue,
	div.tab-on.tabswitch.orange,
	div.tab-on.tabswitch.green {
		background-color: #d5d5d5;
		float: right;
		color: #000;
	}
	
div#admin_fill > table {
	width: 787px;
	margin-left: 6px;
}
div#admin_fill > table tr {
	width: 737px;
	border-bottom: 1px solid #c5c5c5;
}
div#admin_fill > table > thead > tr > td {
	background-color: #96aa71;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
div#admin_fill > table > tbody > tr > td {
	padding: 5px;
}
div#admin_fill > table > tbody > tr:nth-child(odd) > td {
	background-color: #ededed;
}
div#admin_fill > table > tbody > tr:nth-child(even) > td {
	background-color: #dbdbdb;
}
div#admin_fill > table > tbody > tr > td > div.block0 {
	width: 10px;
	height: 10px;
	background-color: #eb2e2e;
	cursor: pointer;
}
div#admin_fill > table > tbody > tr > td > div.block1 {
	width: 10px;
	height: 10px;
	background-color: #98ca3c;
	cursor: pointer; 
}
	div#admin_fill > table > tbody > tr > td > div.block0:hover,
	div#admin_fill > table > tbody > tr > td > div.block1:hover	{
		box-shadow: 1px 1px 2px #4d4d4d;
	}
div#admin_fill > div.totals_hdr {
  width: 790px;
  margin: 8px 0 6px 10px; 
  font: bold 14px Arial;
}
	div#admin_fill > div.totals_hdr > input#alerts_available {
		float: right; 
		cursor: pointer;
		background-image: none;
		color: #fff;
		font-weight: bold;
		background-color: #ff0000;
	}
div#admin_fill > div.cal_holder {
  width: 792px;
  padding-left: 6px;
  margin-left: 4px;
}
div#admin_fill > div.cal_holder > div.header {
  width: 65px;
  height: 17px;
  margin: 0 1px 0 0;
  font-weight: bold;
  background-color: #96aa71;
  color: #fff;
  text-align: center;
  font-size: 11px;
  padding-top: 3px;
}
div#admin_fill > div.cal_holder.projcal > div.header {
	background-color: #ebaf40;
}
div#admin_fill > div.cal_holder.eqcal > div.header {
	background-color: #2E3192;
}
div#admin_fill > div.cal_holder.acctcal > div.header {
	background-color: #4c9ed9;
}

div#admin_fill > div.cal_holder > div.month {
  width: 65px;
  margin: 0 1px 0 0;
  background-color: #f5f5f5;
  height: 21px;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  cursor: pointer;
}
	div#admin_fill > div.cal_holder > div.month.current,
	div#admin_fill > div.cal_holder > div.month:hover{
		background-color: #effadc;
	}
	div#admin_fill > div.cal_holder.projcal > div.month.current,
	div#admin_fill > div.cal_holder.projcal > div.month:hover{
		background-color: #fbefd8;
	}
	div#admin_fill > div.cal_holder.eqcal > div.month.current,
	div#admin_fill > div.cal_holder.eqcal > div.month:hover{
		background-color: #d8d9f3;
	}
	div#admin_fill > div.cal_holder.acctcal > div.month.current,
	div#admin_fill > div.cal_holder.acctcal > div.month:hover{
		background-color: #dbebf7;
	}

div#company_alert {
	width: 800px;	height: 24px;
	text-align: center;
	font: bold 12px/24px Arial;
	margin: 0 0 0 4px;
	position: relative;
	background-color: #e89f1a;
	color: #fff
}
div.calendar_header {
	width: 732px;	height: 24px;
	text-align: center;
	font: bold 12px/24px Arial;
	margin: 8px 0 0 4px;
	position: relative;
}
div.calendar_header .cal_total_txt{
	padding-right: 10px;
}
div.calendar_header #svc_buttons {
	width:185px;
}
div.calendar_header .custombutton {
	float:left;
    margin: -3px 3px 0px 0;
}
div.month_header {
	width: 800px; height: 40px;
	margin: 5px 0 5px 5px;
	border-top: 2px solid #96aa71;
	border-bottom: 2px solid #96aa71;
	text-align: center;
	float: left;
}
 
	div.month_header > input { margin-top: 3px; }
	div.month_header > div.mthly_count {
		display: inline-block;
		float: none;
		font: 11px/24px Arial;
		height:35px;
		margin: 3px auto;
		text-align: center;
		vertical-align: middle;
	}
		div.month_header > div.mthly_count > div {
			padding: 0 2px; 
			text-align: center;
			cursor: pointer;
		}
			div.month_header > div.mthly_count > div > b { color: #000; }
	 div.status_low_box  {
		height: 10px;
		min-width: 10px; 
		margin-top: -15px;
	}
td.monthhd {
	text-align: center;
	color: #fff;
	background-color: #96aa71;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0px !important;
}
.projcal td.monthhd{
	background-color: #ebaf40;
}
.eqcal td.monthhd{
	background-color: #2E3192;
}
.acctcal td.monthhd{
	background-color: #4c9ed9;
}

div#event_calendar > div.fc-header-toolbar {
	margin: 0 0 0 4px;
	padding: 5px 0;
	width: 100%;
}
div#event_calendar.svccal > div.fc-toolbar { background-color: #96aa71; }
div#event_calendar.projcal > div.fc-toolbar { background-color: #ebaf40; }
div#event_calendar.acctcal > div.fc-toolbar { background-color: #4c9ed9; }
div#event_calendar.eqcal > div.fc-toolbar { background-color: #2E3192; }
	div#event_calendar > div.fc-header-toolbar button {
		color: white;
		padding: 0 15px;
		background: none;
		border: none;
		outline: none;
		box-shadow: none;
		text-shadow: none;
		font-size: 1.5em;
	}
	div#event_calendar > div.fc-header-toolbar > div.fc-left > h2 {
		color: white;
		margin-top: 8px;
		font-size: 1.5em;
	}
	div#event_calendar > div.fc-header-toolbar button.fc-openEvents-button {
		background-color: #4a5c7b;
		text-align: center;
		border-radius: 6px;
		font-size: 1.1em;
		font-weight: bold;
		margin: 5px 10px;
		padding: 3px 6px 0 6px;
		opacity: .75;
	}
	div#event_calendar > div.fc-header-toolbar button.fc-openEvents-button:hover { opacity: 1; box-shadow: 2px 2px 3px gray; }
	div#event_calendar > div.fc-header-toolbar button.fc-openEvents-button > i {
		font-size: 20px;
		vertical-align: middle;
	}

	div#event_calendar > div.fc-view-container {
		margin: 0 0 0 4px;
		width: 100%;
	}
	div#event_calendar div.fc-content-skeleton td.fc-event-container > a.fc-day-grid-event.fc-event {
		display: none !important;
	}
	div#event_calendar:not(.empty) div.fc-bg td.fc-day:not(.fc-disabled-day) {
		padding: 20px 10px 3px 3px;
		cursor: pointer;
	}
	div#event_calendar:not(.empty) div.fc-bg td.fc-day:not(.fc-disabled-day):hover {
		/*box-shadow: 1px 1px 3px grey;*/
	}
		div#event_calendar a.fc-day-grid-event.fc-event {
			width: 22px;
			height: 18px;
			float: left;
			margin: 0 2px 2px 0;
			padding: 0;
			border: none;
		}
			div#event_calendar a.fc-day-grid-event.fc-event > div.fc-content {
				width: 22px;
				margin: 0;
				padding: 0;
				line-height: 16px;
				text-align: center;
			}

	#admin_fill #calendarLoader {
		display: none; 
		position: absolute;
		top: 515px;
		left: 360px;
	}
	#admin_fill #calendarLoader.loading {
		display: block;
	}

	#admin_fill #calfill { 
		position: relative; 
		width: 810px;
		opacity: 1;
		transition: opacity .25s ease-in-out;
	}

	#admin_fill #calendarEventContainer {
		max-height: 650px;
		opacity: 1;
		transition: opacity .25s ease-in-out;
	}
	#admin_fill #calfill.loading,
	#admin_fill #calendarEventContainer.loading {
		opacity: .33;
	}


		div.dsl_bx.admin {
			height: 88px;	background-color: #fff;
			z-index: 99;
			margin-top: 20px;
			box-shadow: 5px 5px 7px #444;
		}
div#step6 > table {
	width: 795px;
	margin-bottom: 320px;
}
div#step6 > table > thead {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #96aa71;
}
div#step6 > table > thead > tr > td, div#step6 > table > tbody > tr > td {
	padding: 5px;
}
div#pnl_cost{ 
	position: absolute;
	display: none;
	font-size: 12px;
	padding: 6px;
	z-index: 99;
	width:auto;
	min-width: 700px;
	background-color: #f5f5f5;
	box-shadow:  2px 2px 5px #000;
	left: 25px;
}

div#popup, div#popup2, div#doc_popup, div.popup {
	position: absolute;
	display: none;
	padding: 5px 5px 5px 10px;
	z-index: 995;
	width: 340px;
	max-height: 950px;	
	overflow-y: hidden;
	overflow-x: hidden;
	top: 35px;
	left: 0;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000; 
}
div#popup {
	max-height: none;
}
.files_filters_box div#popup.fileupload{
	width: 650px;
}
.files_filters_box #fup{
	margin-top:64px;
}
.files_filters_box #fup .instructions{
	padding:40px 33px;
}
.files_filters_box div.files_to_upload .dz-details{
		width:250px;
}

.ivn_image_to_upload   .dz-details{
	width:84%!important;
}

 div#sub_nabox2  {
	position: absolute;
	display: none;
	padding: 5px 5px 5px 10px;
	z-index: 995;
	width: 480px;
	max-height: 565px;	
	overflow-y: auto;
	overflow-x: hidden;
	top: 229px;
	left: 479px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 6px 6px 20px #000; 
}
	div#sub_nabox2.ui-draggable #nafileForm > div.title {
		cursor: move;
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
	}
	div#sub_nabox2.ui-draggable.ui-draggable-dragging #nafileForm > div.title {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
	}

	/*  contract information popup (assets) */
		div#ci_boxpopup {
			position: absolute;
			display: none;
			padding: 5px 5px 8px 15px;
			z-index: 995;
			width: 339px;	/*675 */
			overflow-y: auto;
			overflow-x: hidden;
			top: 35px;
			left: 362px;
			background-color: #ffd359;
			box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;  
		}
	/*  customer information popup (assets) */
		div#customerpopup {
			position: absolute;
			display: none;
			padding: 5px 5px 12px 8px;
			z-index: 995;
			width: 163px;	/*675 */
			overflow-y: auto;
			overflow-x: hidden;
			top: 35px;
			left: 362px;
			background-color: #ffd359;
			box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;  
			display: none;
		}
	/*  vendor information popup (assets) */
		div#vendorpopup {
			position: absolute;
			display: none;
			padding: 5px 5px 12px 8px;
			z-index: 995;
			width: 163px;	/*675 */
			overflow-y: auto;
			overflow-x: hidden;
			top: 288px;
			left: 545px;
			background-color: #ffd359;
			box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000; 
		}
			div#customerpopup div.title,	
			div#vendorpopup div.title {	
				font: bold 12px/24px Arial;
				height: 26px;
				padding: 2px;
				text-align: center;
				width: 148px;
			}
				div#customerpopup div.title#majminprice_note {
					font: italic 11px Arial;
					color: #87590c;
					height: 28px;
				}
			div#customerpopup div.row,
			div#vendorpopup div.row {
				height: 22px;
				margin-bottom: 2px;
				padding: 2px;
			}
				div#customerpopup div.row.long, div#vendorpopup div.row.long { width: 100%; }
			div#customerpopup div.row > div.left,
			div#vendorpopup div.row > div.left {
				font: 12px/22px Arial;
				width: 100px;
				cursor: default;
			}
			div#customerpopup div.row > div.right,
			div#vendorpopup div.row > div.right {
				width: 50px;
				position: relative;
			}
			div#customerpopup div.row.long > div.right > input[type='text'],
			div#vendorpopup div.row.long > div.right > input[type='text'] {
				height: 18px;
				padding: 2px 5px 2px 3px;
				text-align: right;
				width: 45px;
				background-color: #fff;
				border: 1px solid #d99d00;
				color: #000000;
			}
div.popup > div#close,
div.stu_box > div#close,
div.uts_box > div#close,
div#popup > div#close,
div#doc_popup > div#close_doc,
div#popup2 > div#close ,
div#na_popup3 > div#close,
div#cancel_statuschange,
div#canceleventsreport,
div#cancel_note_close,
div#sub_nabox2> div#closeDocList,
.extra_vendor_fe_wrap .close_vend_fe {
	background-color: transparent;
	color: #f9deb0;
	padding: 0 4px 2px 4px;
	cursor: pointer;
	font: bold 14px Arial;
	z-index: 999;
	float: right;
	margin-left: 2px;
	position: absolute; top: 5px; right: 5px;
	border: none;
}
	div.popup > div#close:hover,
	div#popup > div#close:hover,
	div.stu_box > div#close:hover,
	div.uts_box > div#close:hover,
	div#doc_popup > div#close_doc:hover,
	div#canceleventsreport:hover,
	div#popup2 > div#close:hover,
	div#cancel_statuschange:hover,
	div#cancel_note_close:hover,
	div#sub_nabox2> div#closeDocList:hover,
	.extra_vendor_fe_wrap .close_vend_fe:hover {
		color: #fff;
		text-shadow: 1px 1px 2px #9e7227;
		cursor: pointer;
	}

div.popup > div.addcontainer,
div#popup > div.addevent,
div#popup2 > div.addevent {
  width: 320px;
  position: relative;
}
	div#popup > div.addevent input[type="button"].requires_po,
	div#popup > div.addevent input[type="button"].blanket_po,
	div#popup > div.addevent input[type="button"].credit_hold,
	div#popup > div.addevent input[type="button"].oem,
	div#popup2 > div.addevent input[type="button"].requires_po,
	div#popup2 > div.addevent input[type="button"].blanket_po,
	div#popup2 > div.addevent input[type="button"].credit_hold,
	div#popup2 > div.addevent input[type="button"].oem {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eb2e2e), color-stop(100%, #b31111) );
		background:-moz-linear-gradient( center top, #eb2e2e 5%, #b31111 100% );
		background:-ms-linear-gradient( top, #eb2e2e 5%, #b31111 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb2e2e', endColorstr='#b31111');
		background-color:#eb2e2e;
		box-shadow: 2px 2px 7px #916109;
		color:#fff;
		text-shadow: 1px 1px 2px #4e3c03;
		border: none;
		border-radius: 3px;
		margin-left: 8px;
		font-weight: bold;
		position: absolute;
		left: 290px;
		width: 35px;
		display: none;
	}
		div#popup > div.addevent input[type="button"].requires_po { top: 63px; }/* add event form */
		div#popup2 > div.addevent input[type="button"].requires_po { top: 60px; left: 292px; }/* project line item form */

		div#popup > div.addevent input[type="button"].blanket_po { top: 32px; } /* add event form */
		div#popup2 > div.addevent input[type="button"].blanket_po { top: 90px; left: 292px; } /* project line item form */

		div#popup > div.addevent input[type="button"].credit_hold { top: 93px; } /* add event form */
		div#popup2 > div.addevent input[type="button"].credit_hold { top: 120px; left: 292px; } /* project line item form */


		div#popup > div.addevent input[type="button"].oem { top: 210px; left: 292px; } /* add event form */
		div#popup2 > div.addevent input[type="button"].oem { top: 266px; } /* project line item form */

		div#popup > div.addevent option.project,
		div#popup2 > div.addevent option.project {
			color: #174288;
		}
div.popup > div.addcontainer > form div.title,
div#popup > div.addevent > form div.title,
div#popup2 > div.addevent > form div.title {
  padding: 2px;
  width: 300px; height: 26px;
  font: bold 12px/24px Arial;
  text-align: center;
}

.files_filters_box #popup .col2{
	width:50%;
	float: left;
}

.files_filters_box #popup .addevent{
	width:100%;
}

.files_filters_box #popup .addevent label.error{
	display: inline-block;
	padding-top: 3px;
}
.files_filters_box #popup .addevent #submitUpload{
	float:right;
	width:100px;
}


div#popup2 #company_fill.right{margin-top: 4px; }
#batchpop form div.title, #mainpop form div.title, #menotespop .title{margin-top: 0;}

#mainpop.assoc .daterow, #mainpop.assoc .edit, #mainpop.edit .assoc{
	display:none;
}
#mainpop.edit ul{
	list-style: none;
	margin-left:26px;
	max-height: 260px;
	overflow: auto;
	padding-right: 4px;
}
#mainpop.edit ul::-webkit-scrollbar {
    width: 10px;
    background-color: #f9e8b6;
}
#mainpop.edit ul::-webkit-scrollbar-thumb{
	background-color: #eda630;
}
#mainpop #assoc_list_row{
	margin: 6px -20px 0 0;
}

#menotespop{
	width:500px;
}
#menotespop .title, #menotespop .row, #menotespop .addcontainer{
	width:100%;
	height: inherit;
}
#menoteentry{
	width:97%;
	height: 45px;
	border: 1px solid #d99d00;
}
#menotespop .row.submit{
	text-align: center;
	margin-top: -10px;
}
#submitmenote{
	width:100px;
}
#menotelist ul{
	list-style: none;
}
#menotelist ul li div{
	float: 	left;
	padding: 0 4px 4px 0;
}
#menotelist .mndate{
	width:34%;
}
#menotelist .mnauth{
	width:5%;
	font-style: italic;
}
#menotelist .mnnote{
	width:56%;
}


div#doc_popup > div.addevent > form div.title,
div#sub_nabox2> div.addnafile > form div.title {
	padding: 2px;
	width: 100%; height: 26px;
	font: bold 12px/24px Arial;
	text-align: center;
	margin-top: 0;
	float: none;
}
	div#doc_popup > div.addevent > form div.title { width: 100%; }
	div#popup > div.addevent > form div.title.w330 { width: 330px; }

div.popup > div.addcontainer > form div.row,
div#popup > div.addevent > form div.row,
div#popup2 > div.addevent > form div.row {
  padding: 2px;
  width: 310px; 
  min-height: 22px;
  margin-bottom: 2px;
  background-color: inherit;
}
	div#popup2 > div.addevent > form div.row.long{
		width:330px;
		position: relative;
	}
	div#popup > div.addevent > form#addFileForm div.row { width: 330px; }
	div#popup > div.addevent > form#addFileForm div.row div.left { width: 90px; }
	div#popup > div.addevent > form#addFileForm div.row div.right { width: 230px; }
	div#popup > div.addevent > form div.row.filetype {
		opacity: 0.7;
	}
	div#popup > div.addevent > form div.row.filetype:hover {
		opacity: 1.0;
	} 
		div#popup > div.addevent > form div.row.filetype:hover select#filetype {
			background-color: #fff;
		} 
	
div#doc_popup > div.addevent > form div.row,
div#doc_popup > div.addevent div.listrow,
div#sub_nabox2 > div.addnafile > form div.row,
div#sub_nabox2 > div.nadoclist div.listrow {
  padding: 2px;
  width: 310px; height: 22px;
  margin-bottom: 2px;
  background-color: inherit;
  border: none;
  float: none;
}

div.addevent .row.checkrow .right{
	font-size: 11px !important;
	width:32% !important;
	margin-top: 4px;
}

#doc_popup #projectdoclist{
	width: 100%;
	max-height: 400px;
	overflow: auto;
}
#doc_popup div.listrow,
#doc_popup div.row,
#sub_nabox2 div.listrow,
#sub_nabox2 div.row  {
	width:98% !important;
	padding: 0 0 6px 6px !important;
}

#doc_popup div.listrow,
#sub_nabox2 div.listrow {
	background-color: #f9db8a !important;
   border-top: 1px solid #ffe6aa  !important;
}
	#doc_popup div.listrow.confirm-delete,
	#sub_nabox2 div.listrow.confirm-delete {
		background-color: #cc5046 !important;
	}
#doc_popup div.addevent form#fileForm div.select-row,
div#addnafile form#nafileForm div.select-row {
	width: 100%;
	text-align: center;
	margin-bottom: 6px;
}
#doc_popup div.addevent form#fileForm div.select-row select#selectFileType,
div#addnafile form#nafileForm div.select-row select#selectFileType {
		padding: 2px;
    border: 1px solid #d99d00;
    width: 40%;
}
div#addnafile form#nafileForm div.select-row input#docVendorSearch,
div#addnafile form#nafileForm div.select-row input#docVendorPO {
	width: 55%;
	padding: 4px 5px;
	border: 1px solid #d99d00;
}
div#addnafile form#nafileForm div.select-row input#docVendorSearch::placeholder {
	font-style: italic;
}
	#doc_popup div.addevent form#fileForm div.select-row select#selectFileType.error,
	div#addnafile form#nafileForm div.select-row select#selectFileType.error,
	div#addnafile form#nafileForm div.select-row input#docVendorSearch.error {
		border-color: red;
	}
	div#addnafile form#nafileForm div.select-row input#docVendorSearch.error::placeholder {
		color: red;
	}
    

#projectdoclist .docdate {
	width:22%;
}

#projectdoclist .doclink {
	width:50%;
}
#projectdoclist .docsize {
	width:18%;
	text-align: right;
	padding-right:8px;
	padding-right:8px;
}

#sub_nabox2 #oppdoclist{
	max-height: 300px;
	overflow: auto;
	width:100%;
	overflow-y: scroll!important;
}
	/* Scroll Bar */
	/* width */
	#sub_nabox2 #oppdoclist::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	#sub_nabox2 #oppdoclist::-webkit-scrollbar-track {
	  background: #e6e6e6;
	  border-radius: 5px;
	}

	/* Handle */
	#sub_nabox2 #oppdoclist::-webkit-scrollbar-thumb {
		background: #C28515;
	  	border-radius: 5px;
	}

	/* Handle on hover */
	#sub_nabox2 #oppdoclist::-webkit-scrollbar-thumb:hover {
		background: #b37100;
	}

#projectdoclist> div.listrow > div.buttons {
	width: 20px;
	float: right;
}

#oppdoclist .docdate {
	width:16%;
	padding-right: 2px;
}

#oppdoclist .doclink {
	width:36%;
}
#oppdoclist .doctype {
	width: 32%;
    text-align: center;
	padding-right:6px;
}
#oppdoclist .docsize {
	width:9%;
	text-align: left;
}
#oppdoclist .delete {
	float: right;
	color: red;
	vertical-align: middle;
	margin-top: 6px;
	cursor: pointer;
}
#oppdoclist .delete:hover{
	text-shadow: 0 0 black;
}

div#sub_nabox2 > div.addnafile > form div.row> div.left{
	padding: 4px 0 0 0;
	font: 12px/22px Arial;
}	
	div.popup > div.addcontainer > form div.row.short,
	div#popup > div.addevent > form div.row.short,
	div#popup2 > div.addevent > form div.row.short {
		height: 16px; 
	}
	/* unless Contracted or Non-Contracted PM is chosen, the pm type drop down is not available */
	div#popup > div.addevent > form div.row#pmtype,
	div#popup2 > div.addevent > form div.row#pmtype,
	div#popup2 > div.addevent > form div.row#associatepn {
		display: none;
	}
		/* this row is taller to hold the textarea for the rating notes */
	div#popup > div.addevent > form div.row.rnotes {
		height: 65px;
	}
	div#popup > div.addevent > form div.row.quote_notes {
		height: 74px;
		margin-bottom: 5px;
		display: none;
	}
	div#popup > div.addevent > form div.row.long,
	div#popup > div.addevent > form div.row.string {
		width: 330px;
		position:relative;
	}
		div.popup > div.addcontainer > form div.row.submit,
		div#popup > div.addevent > form div.row.long.submit,
		div#popup > div.addevent > form div.row.submit,
		div#popup2 > div.addevent > form div.row.submit	{
			height: 38px;
		}
		div.popup > div.addcontainer > form div.row.errorrow {
			height: unset;
		}
			div.popup > div.addcontainer > form div.row.errorrow div {
				height: 16px;
				display: none;
				width: 100%;
				font-weight: bold;
				color: #ff0000;
				text-align: right;
				margin-top: 4px;
			}
			div.popup > div.addcontainer > form div.row.errorrow div#restriction {
				color: #c80000;
			}
			div.popup > div.addcontainer > form div.row.submit input[type='button'],
			div#popup > div.addevent > form div.row.submit input#submitpm,
			div#popup2 > div.addevent > form div.row.submit input#submitpm,
			div#popup2 > div.addevent > form div.row.submit input#savelineitemedits {
				cursor: pointer;
				margin: 8px 0 6px 0;
				width: 209px; height: 23px;
				box-shadow: inset 0 -1px 2px #744d0a;
				border: none;
				background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
			}
				div.popup > div.addcontainer > form div.row.submit input[type='button']:hover,
				div#popup > div.addevent > form div.row.submit input#submitpm:hover,
				div#popup2 > div.addevent > form div.row.submit input#submitpm:hover,
				div#popup2 > div.addevent > form div.row.submit input#savelineitemedits:hover {
					box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
				}
				
	div#popup > div.addevent > form div.row.text {
		height: 14px;
		font: italic 12px/14px Arial;
		color: #373737;
	}
	div#popup > div.addevent > form div.row.contract {
		font: bold 12px/22px Arial;
		width: 300px;
		text-align: center;
		margin-left: 10px;
		height: 20px;
	}
	
		/* adding the ability to add Project Numbers to events 2-16-2015 */
	div#popup > div.addevent > form div.row div#mainpn_text,
	div#popup2 > div.addevent > form div.row div#mainpn_text {
		font: 11px/18px Arial;
		color: #563807;
		cursor: default;
	}
		div#popup > div.addevent > form div.row div#mainpn_text { width: 225px; }
		div#popup2 > div.addevent > form div.row div#mainpn_text { width: 235px; }
		div#popup > div.addevent > form div.row div#mainpn_text span,
		div#popup2 > div.addevent > form div.row div#mainpn_text span { 
			color: #87590c; 
			margin-right: 6px;
		}
		
	div#popup > div.addevent > form div.row div#mainpn_associate,
	div#popup2 > div.addevent > form div.row div#mainpn_associate {
		width: 75px;
		font: 11px/18px Arial;
		color: #563807;
		cursor: default;
	}
		div#popup > div.addevent > form div.row div#mainpn_associate input[type="checkbox"],
		div#popup2 > div.addevent > form div.row div#mainpn_associate input[type="checkbox"] { 
			margin-right: 2px;
			margin-top: 0;
		}
		div#popup > div.addevent > form div.row div#mainpn_associate span,
		div#popup2 > div.addevent > form div.row div#mainpn_associate span { 
			color: #87590c;  
		}
	
	div#popup > div.addevent > form div.row div#addcontact_radiobuttons {
		width:100%;text-align: center;font: bold 12px/24px Arial;
	}
	
	/* adding the ability to add Job Price and Job Cost and Freight Price and Freight Cost to events 2-16-2015 */
	div#popup > div.addevent > form div.row div.col70,
	div#popup2 > div.addevent > form div.row div.col70 {
		width: 75px;
		cursor: default;
		font: 11px/22px Arial;
		text-align: right;
	}
		div#popup > div.addevent > form div.row div.col70 input,
		div#popup2 > div.addevent > form div.row div.col70 input {
			border: 1px solid #d99d00;
			color: #000000;
			height: 18px;
			padding: 2px 3px;
			width: 62px;
		}
			div.addevent > form div.row div.col70 input.cost,
			div.addevent > form div.row div.col70 input#job_cost,
			div.addevent > form div.row div.col70 input#job_price,
			div.addevent > form div.row div.col70 input#freight_cost,
			div.addevent > form div.row div.col70 input#freight_price {
				font-size: 11px;
			}
	
		/* Contract Information box ** See at div#ci_boxpopup ** */
	div#ci_boxpopup > div.line {
		padding: 2px;
		width: 315px; height: 22px;
		margin-top: 2px;
		font: 12px/22px Arial;
	}
	div#ci_boxpopup > div.line.hdr {
		font-weight: bold;
		text-align: center;
	}
		div#ci_boxpopup > div.line > div.left { width: 111px; }
		div#ci_boxpopup > div.line > div.right { width: 200px; }
		div#ci_boxpopup > div.line > div.full { width: 318px; }
		div#ci_boxpopup > div.line > div.right > input[type="text"],
		div#ci_boxpopup > div.line > div.right > input#con_pn,
		div#ci_boxpopup > div.line > div.full > input[type="text"] {
			height: 18px;
			padding: 2px 3px 2px 5px;
			width: 194px;
			background-color: #fff;
			border: 1px solid #d99d00;
			color: #000000;
		}
			div#ci_boxpopup > div.line > div.full > input[type="text"].short { 
				width: 70px;
				float: left;
				font: 12px Arial;
				color: #444;
			}
				div#ci_boxpopup > div.line > div.full > input[type="text"].short.regular { 
					color: #000;
				}
			div#ci_boxpopup > div.line > div.full > div.short {
				width: 68px;
			}
		div#ci_boxpopup > div.line > div.right > select { 
			height: 24px;
			padding: 2px;
			width: 204px;
			color: #000000;
			background-color: #fff;
			border: 1px solid #d99d00;
		}
		div#ci_boxpopup > div.line > div.right > select#con_mthfirstpm {
			color: #888;
			font-size: 12px;
		}
	/* END : Contract Information box */
			
	div#popup > div.addevent > form div.row.battery {
		font: bold 12px/28px Arial;
		width: 310px;
		text-align: center;
		margin-top: 10px;
	}
	/* css for new section to add information for each battery string (7-16-2013) */
		div#popup > div.addevent > form div.row.string > div.left {
			width: 236px;
			margin-left: 10px;
			color: #000;
		}
		div#popup > div.addevent > form div.row.string > div.right {
			width: 50px;
		}
			div#popup > div.addevent > form div.row.string > div.right > select {
				width: 50px;
				float: left;
			}
			div#popup > div.addevent > form div.row.string > div.right > div.setinfo {
				width: 19px; height: 19px;
				background-color: #d1daed;
				color: #fff;
				cursor: pointer;
				font: bold 14px/20px Arial;
				text-align: center;
				z-index: 999;
				margin-left: 10px;
			}
				div#popup > div.addevent > form div.row.string > div.right > div.setinfo:hover {
					box-shadow: 1px 1px 2px #4d4d4d;
					background-color: #d1daed;
				}
			
			div#popup > div.addevent > form div.row.string > div.right > div.stringset_popup {
				position: absolute; top: 0; left: 400px;
				width: 160px;
				padding: 4px;
				background-color: #fff;
				border: 1px solid #dfdfdf;
				z-index: 9999;
				font: 11px Arial;
				color: #868686;
			}
	
	div#popup > div.addevent > form div.row > div.right > span.qdate {
	  padding: 2px;
	  width: 20px; height: 22px;
	  margin-bottom: 1px;
	  font: 11px/22px Arial;
	  color: #68450b;
	  float: left;
	  display: inline-block;
	  text-align: center;
	}
		div#popup > div.addevent > form div.row > div.right > span.qdate.four { width: 38px; }
	div#popup > div.addevent > form div.row > div.right > input[type="text"].qdate {
		width: 22px;	
		float: left;
		text-align: center;
	}
		div#popup > div.addevent > form div.row > div.right > input[type="text"].qdate.four { width: 51px; }
		div#popup > div.addevent > form div.row.set {
			width: 315px;
			margin-top: 15px;
			padding-top: 10px;
			border-top: 1px dashed #373737;
		}
		div#popup > div.addevent > form div.row.set > div.left {
			width: 155px;
			margin-left: 25px;
			color: #373737;
			font-style: italic;
		}
			div#popup > div.addevent > form div.row.set > div.left.lastset > span {
				border: 1px solid #dfdfdf;
				background-color: #fff;
				display: inline-block;
				color: #000;
				text-align: center;
				width: 30px;
				font-style: normal;
			}
		div#popup > div.addevent > form div.row.set > div.right {
			width: 125px;
		}
			div#popup > div.addevent > form div.row.set > div.right > select {
				width: 50px;
			}
			div#popup > div.addevent > form div.row.set > div.right > span {
				font-size: 12px;
				color: #373737;
				font-style: italic;
				margin-left: 2px;
			}
	
	/* END : css for new section to add information for each battery string (7-16-2013) */
div.popup > div.addcontainer > form div.row > div.left,
div#popup > div.addevent > form div.row > div.left,
div#popup2 > div.addevent > form div.row > div.left {
  font: 12px/22px Arial;
  width: 90px;
  cursor: default;
}
	div#popup > div.addevent > form#contractfileForm div.row > div.left { width: 80px; }
	div#popup > div.addevent > form#addFileForm div.row > div.left { width: 90px; }
	
	div#popup > div.addevent > form div.row.contractfile_row > div.left.disabled { 
		color: #774e09;
		font-style: italic;
	}
	div#popup > div.addevent > form#contractfileForm div.row > div.left.start_tar,
	div#popup > div.addevent > form#addFileForm div.row > div.left.start_tar {
		text-align: right;
		padding-right: 3px;
		width: 87px;
	}
		div#popup > div.addevent > form#contractfileForm div.row > div.left.start_tar { width: 77px; }
	div#popup > div.addevent > form#addFileForm div.row > div.left.filetype {
		text-transform: uppercase;
		font-size: 11px;
		text-align: right;
		padding-right: 3px;
		width: 87px;
	}

div.popup > div.addcontainer > form div.row > div.right,
div#popup > div.addevent > form div.row > div.right,
div#popup2 > div.addevent > form div.row > div.right {
  font: 12px Arial;
  width: 220px;
  position: relative; 
}
	div#popup > div.addevent > form div.row > div.right.stars {
		width: 208px; height: 30px;
		position: relative;
	}
	div#popup > div.addevent > form div.row > div.right.auto_renew {
		font: 12px/22px Arial;
	}
		div.right > div.capacity_units.addasset {
			position: absolute; top: 5px; right: 20px;
			font-style: italic;
			font-size: 12px;
			color: #df9313;
		}
	i#event_inventory_searchbtn {
		position: absolute;
		top: 6px;
		color: #d99d00;
		font-size: 20px;
		cursor: pointer; 
	}
	.ev_info i#event_inventory_searchbtn{
		position: inherit;
		float: left;
	}
	i#event_inventory_searchbtn:hover { color: #88660d; }


		
	i#inventory_searchbtn {
		position: absolute;
		top: 2px;
		left: 215px;
		color: #d99d00;
		font-size: 20px;
		cursor: pointer; 
		display: none;
	}
	i#inventory_searchbtn:hover { color: #88660d; }
	div#inventory_checkmark:hover { color: #88660d; }
		
	div#inventory_checkmark {
		position: absolute;
		top: 5px;
		left: 221px;
		color: #d99d00;
		cursor: pointer;
		display: block;
		font: bold 11px Arial;
		display: none;
	}
	#addpmevent i#inventory_searchbtn {
		top: 4px;
		left: 312px;
	}
	#addpmevent div#inventory_checkmark {
		top: 6px;
		left: 318px;
	}

	#snlines{
		z-index: 9999;
		height: 18px;
	    border: 1px solid #d99d00;
	    overflow: hidden;
	    width: 198px;
	    padding: 2px 5px;
	    position:absolute;
	    font: 12px/1.5em Arial;
	}

	#snlines.open{
		overflow: auto;
		max-height: 335px;
	}

	#snmore{
	    position: absolute;
    	right: -21px;
    	cursor: pointer;
   	}

div.popup > div.addcontainer > form div.row > div.right > select,
div#popup > div.addevent > form div.row > div.right > select,
div#popup2 > div.addevent > form div.row > div.right > select {
	width: 211px; height: 24px; padding: 2px;
	background-color: #fff;
	border: 1px solid #d99d00;
	font: 12px Arial;
	color: #000000;
}
	div#popup > div.addevent > form div.row > div.right > select#filetype {
		text-transform: uppercase;
		font-size: 11px;
		background-color: #fecf56;
	}

div.popup > div.addcontainer > form div.row > div.right input[type='text'],
div#popup > div.addevent > form div.row > div.right input[type='text'],
div#doc_popup > div.addevent > form div.row > div.right input[type='text'],
div#popup > div.addevent > form div.row > div.right input#contract_number,
div#popup2 > div.addevent > form div.row > div.right input[type='text'],
div#popup > div.addevent > form div.row > div.right input.ev_projec_num,
div#sub_nabox2 > div.addnafile > form div.row > div.right input[type='text'] {
	width: 202px; height: 18px; padding: 2px 3px 2px 3px;
	background-color: #fff;
   	border: 1px solid #d99d00;
	font: 12px Arial;
	color: #000000;
}
div#sub_nabox2 .addnafile select {
	padding: 2px;
   	border: 1px solid #d99d00;
   	height:24px;
}
	div#sub_nabox2 .addnafile label.error {
		font-size: 75%;
		margin-bottom: 10px;
		display: block;
		width: 100%;
		text-align: center;
	}
	div#popup hr.filetype_divider {
		border-bottom: 1px solid #bc862c;
		float: left;
		height: 5px;
		width: 308px;
		border-top: none;
		margin: 0 0 5px 3px;
	}
	div#popup > div.addevent > form#contractfileForm select,
	div#popup > div.addevent > form#addFileForm select { width: 230px; }
	
	div#popup > div.addevent > form#contractfileForm input[type='text'],
	div#popup > div.addevent > form#addFileForm input[type='text']	{ width: 222px; }
	
	div#popup > div.addevent > form#contractfileForm textarea,
	div#popup > div.addevent > form#addFileForm textarea { 
		width: 220px; height: 58px;  
	}

	div#popup > div.addevent > form#contractfileForm div.row > div.right
	{ width: 230px; }
	div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='text']#in_contractfile
	{ width: 158px; }
	div#popup > div.addevent > form#contractfileForm input[type='radio'],
	div#popup > div.addevent > form#addFileForm input[type='radio'] { 
		padding: 0; 
		margin: 5px 0 0 0; 
		float: left; 
	} 
	div#popup > div.addevent > form#contractfileForm div.contract_number_radio_label,
	div#popup > div.addevent > form#addFileForm div.contract_number_radio_label { 
		font-size: 12px; 
		width: 70px; 
		margin: 4px 0 0 3px;
	}
		div#popup > div.addevent > form#contractfileForm div#addon_reset_box #addon_reset,
		div#popup > div.addevent > form#addFileForm div#addon_reset_box #addon_reset {
			font: 11px/16px Arial;
			margin-left: 15px;
			margin-top: 2px;
			color: #87590c;
			cursor: pointer;
			border: 1px solid #c8860d;
			padding: 0 5px;
			height: 16px;
			background-color: transparent; 
			visibility: hidden;
		}
			div#popup > div.addevent > form#contractfileForm div#addon_reset_box #addon_reset:hover,
			div#popup > div.addevent > form#addFileForm div#addon_reset_box #addon_reset:hover {
				color: #000;
				border-color: #000;
				background-color: #fff;
				box-shadow: 1px 2px 3px #c8860d;
			}
		div#popup > div.addevent > form#contractfileForm div.contract_number_radio_label.brown_label, 
		div#popup > div.addevent > form#addFileForm div.contract_number_radio_label.brown_label 
		{ color: #87590c; }
		div#popup > div.addevent > form#contractfileForm div.contract_number_radio_label.black_label,
		div#popup > div.addevent > form#addFileForm div.contract_number_radio_label.black_label
		{ color: #000000; }
	div#popup > div.addevent > form#contractfileForm select#contract_addon_number, 
	div#popup > div.addevent > form#addFileForm select#contract_addon_number {
		width: 40px; 
		font-size: 11px; 
		margin-left: 4px;
		height: 20px;
	}
	
	div#popup > div.addevent > form div.row > div.right > input#contract_number { width: 221px; }
	div#popup > div.addevent > form div.row > div.right > input[type='text'].disabled {
		color: #555 !important;
		font-style: italic; 
	}
	div#popup > div.addevent > form div.row > div.right > input[type='text']#in_file { width: 138px; }
	div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='text']#in_file { width: 158px; }
	div#doc_popup > div.addevent > form div.row > div.right > input[type='text']#in_file { width: 130px;	}
	div#sub_nabox2 > div.addnafile > form div.row > div.right > input[type='text']#in_file { width: 130px;	}
 
	div#sub_nabox2 > div.addnafile > form div.row > div.right > input[type='text']#opp_in_file { width: 130px;	}
	
	
	div#sub_nabox2 > div.addnafile > form div.row > div.right > input[type='file']#nafile{
		position: absolute; top: 66px; left: 86px;
		opacity: 0.0;
		filter:Alpha(opacity=0);
		cursor: pointer;
		width: 189px;
	}
	div#sub_nabox2 .addnafile .left{
		width: 50px;
	}
	div#sub_nabox2 .addnafile .right{
		width: 200px;
	}
	div#sub_nabox2 .addnafile select{
		width: 100%;
	}
	div#sub_nabox2 .addnafile #vendorRow {
		display:none;
	}
	div#sub_nabox2 .addnafile #vendorSubPoRow {
		display:none;
	}
	
	
	div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='file']#contractfile,
	div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='file']#contractfile {
		position: absolute; top: 2px; left: 0;
		width: 207px;
		opacity: 0.0;
		filter:Alpha(opacity=0);
		cursor: pointer;
	}
	div#popup > div.addevent > form div.row > div.right > input[type='button']#in_browse {
		width: 59px;
		margin-top: -1px;
	}
		div#popup > div.addevent > form#contractfileForm div.row > div.right > div.short.end, 
		div#popup > div.addevent > form#addFileForm div.row > div.right > div.short.end { 
			width: 60px;
			font: 12px/22px Arial;
			cursor: default;
			text-align: right;
			margin-right: 3px;
		}
		div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='text'].short_startend,
		div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='text'].short_startend {
			width: 75px;
			float: left;
			text-align: center;
		}
		div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='text'].short_startend.currency,
		div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='text'].short_startend.currency {
			width: 70px;
			float: left;
			text-align: right;
			padding-right: 8px;
		}
		div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='checkbox']#auto_renew,
		div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='checkbox']#auto_renew {
			margin-left: 15px;
			margin-top: 1px;
		}

	div#popup > div.addevent > form > div.row.billable {
		display: none;
	}
	
	div.popup > div.addcontainer > form div.row > div.right > input[type='submit'],	
	div#popup > div.addevent > form div.row > div.right > input[type='submit'] {
		cursor: pointer; 
		margin: 8px 0 6px 0;
		width: 209px;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
	}
		div#popup > div.addevent > form#contractfileForm div.row > div.right > input[type='submit'], 
		div#popup > div.addevent > form#addFileForm div.row > div.right > input[type='submit'] 
		{ width: 231px; }
		div#popup > div.addevent > form div.row > div.right > input[type='submit']:hover {
			box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
		}

	div#sub_nabox2 > div.addnafile {
		width:100%;
	}

	div#doc_popup > div.addevent > form div.row > div.right > input[type='submit'] ,
	div#sub_nabox2 > div.addnafile > form div.row > div.right > input[type='submit'] {
		cursor: pointer; 
		margin: 0 0 0 14px;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
	}
	div#doc_popup input[type='submit']:hover,
	div#sub_nabox2 input[type='submit']:hover	{
		box-shadow: inset 0px -1px 2px #744d0a, 1px 1px 2px #dd8a00;
	}

	div#popup > div.addevent > form div.row.long > div.right > input[type='text'] {
		height: 18px;
		padding: 2px 3px;
		width: 202px;
		/* box-shadow: 0 0 3px #b87910 inset; */
		color: #000000;
		background-color: #fff;
		border: 1px solid #d99d00;
	}
	
/*  Report uploading Rating system */
	div#popup > div.addevent > form div.row > div.right.stars > img.star {
		margin: 3px 0 0 3px;
		display: inline-block;
		cursor: pointer;
	}
	div#popup > div.addevent > form div.row > div.right.stars > div.rating_num {
		width: 30px; height: 30px;
		text-align: center;
		color: #000;
		float: right;
		font: bold 14px/30px Arial;
		margin-right: 5px;
	}
	div#popup > div.addevent > form div.row > div.right > textarea#ratingnotes,
	div#popup > div.addevent > form div.row > div.right > textarea#quotenotes {
		padding: 5px;
		width: 197px; height: 38px;
		font: 12px Arial;
		background-color: #fff;
		border: 1px solid #d99d00;
		color: #000000; 
	}
		div#popup > div.addevent > form div.row > div.right > textarea#ratingnotes {
			width: 220px;
			height: 58px;
		}
/*  END : Report uploading Rating system */

/*  Adding a next action */
div#popup > div.addevent > form div.row > div.right > textarea {
	width: 199px; height: 75px;
	padding: 4px;
	background-color: #FFFFFF;
    border: 1px solid #D99D00;
    /* box-shadow: 0 0 3px #b87910 inset; */
    color: #000000;
	font: 11px Arial;
}
/*  END : Adding a next action */

div.popup .popdate{
	width:32% !important;
	float:left;
}
div.popup .submit .error{
	display:none;
	width: 100%;
	font-weight: bold;
	color: red;
	text-align: right;
	margin-top: 4px;
}

div.milk_run_popup {
	width: 815px;
	padding: 6px 3px 10px 6px;
	position: fixed;
	z-index: 999;
	display: none;
	background-color: #fff;
	border: 1px solid #000000;
	box-shadow: 2px 2px 8px #333333;
	top: 10%;
	left: 50%;
	margin-left: -320px;
}

div#fullScreenShade {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #0000006b;
	z-index: 10000;
	overflow-y: scroll;
	top: 0;
	display: none;
}

div#fullScreenShade > div.eq_popup {
	width: 815px;
	padding: 6px 3px 10px 6px;
	font-size: 12px;
	position: absolute;
	display: block;
	background-color: #ffd359;
	box-shadow: inset -45px -15px 85px #eda630, inset 45px 15px 85px #eda630, 2px 2px 5px #000;
	border: solid 3px #df9313;	/*#e0e6f3; #ededed;*/
	top: 4%;
	left: 0;
	right: 0;
	margin: 0px auto;
}

/* put padding under the popup */
div#fullScreenShade > div.eq_popup::after {
		position: absolute;
		content: "";
		bottom: -100px;
		height: 100px;
		width: 1px;
}

	div.eq_popup > div.company-name {
		position: relative;
		z-index: 5;
	}

	div.eq_popup > div.company-name h2 {
		font-size: 18px;
		color: #483504;
	}
		
	div.eq_popup > div.update-result {
		position: absolute; top: 35px; right: 10px;
		width: 78px; height: 30px;
		padding: 3px 0 4px 0;
		background-color: #fff;
		color: #98ca3c;
		border: 3px solid #98ca3c;
		font: bold 14px/16px Arial;
		text-align: center;
		box-shadow: 1px 1px 3px #4d4d4d;
		border-radius: 6px;
		display: none;
	}
		div.eq_popup > div.update-result.bad {
			border: 4px solid #e0423d;
			color: #e0423d;
		}
		
	/*  Add Battery String box */
	div.eq_popup > div.addbs_box {
		position: absolute; top: 95px; right: -45px;
		height: 260px; width: 229px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		z-index: 9999;
		display: none;
		padding: 8px 10px;
	}
		div.eq_popup > div.addbs_box > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 100%;
			text-align: center;
			margin: 4px 0 4px 0;
		}
		div.eq_popup > div.addbs_box > div.text {
			font: 10px/20px Arial;
			height: 20px;
			margin: 0 0 2px 6px;
			margin-bottom: 2px;
			width: 100px;
		}
		div.eq_popup > div.addbs_box > input.data {
			float: left;
			font: 12px/20px Arial;
			height: 20px;
			margin-bottom: 4px;
			padding: 0 0 0 4px;
			width: 110px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		div.eq_popup > div.addbs_box > select.data {
			float: left;
			font: 12px/22px Arial;
			height: 22px;
			margin-bottom: 4px;
			padding: 2px 2px 2px 2px;
			width: 116px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		div.eq_popup > div.addbs_box > input[type="button"] {
			width: 106px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 10px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
		}
			div.eq_popup > div.addbs_box > input[type="button"]:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
	/*  END :: Add Battery String box */


	div.eq_popup > div.renew_box {
		position: absolute; top: 120px; right: 38px;
		width: 244px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		border: 2px solid #df9313;
		z-index: 9999;
		display: none;
		padding: 8px;
	}
		div.eq_popup > div.renew_box > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 100%;
			text-align: center;
			margin: 4px 0 4px 0;
		}
		div.eq_popup > div.renew_box > div.text {
			font: 10px/20px Arial;
			height: 20px;
			margin: 0 0 2px 6px;
			margin-bottom: 2px;
			width: 115px;
		}
		div.eq_popup > div.renew_box > div.text_fullline {
			font: italic 11px/20px Arial;
			text-align: center;
			width: 100%;
			height: 20px;
			color: #87590c;
			cursor: default;
		}
		
		div.eq_popup > div.renew_box > input.data {
			float: left;
			font: 12px/20px Arial;
			height: 20px;
			margin-bottom: 4px;
			padding: 0 0 0 4px;
			width: 110px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		div.eq_popup > div.renew_box > select.data {
			float: left;
			font: 12px/22px Arial;
			height: 22px;
			margin-bottom: 4px;
			padding: 2px 2px 2px 2px;
			width: 116px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
			div.eq_popup > div.renew_box#editcontract > input.data, div.eq_popup > div.renew_box#editcontract > select.data { color: #2242b0; }
			div.eq_popup > div.renew_box#editcontract > div.hdr > span {
				position: absolute; top: 5px; right: 9px;
				font-weight: normal;
				font-size: 11px;
				cursor: default;
			}
		div.eq_popup > div.renew_box input#renew_vendorpo {
			font-size: 11px;
		}
		div.eq_popup > div.renew_box > input[type="button"] {
			width: 116px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 10px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
		}
			div.eq_popup > div.renew_box > input[type="button"]:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
		
	/* contract history box  (new 11-24-2014) */
div.eq_popup > div.contracthistory_box {
	position: absolute;
	top: 180px; 
	left: 10px;
	min-height: 200px;
	width: 800px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
	padding-bottom: 15px;
}
	div.eq_popup > div.contracthistory_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}
		div.contracthistory_box > header > div#closehistory {
			background-color: #ec9e1c;
			border: medium none;
			color: #f8f9fc;
			cursor: pointer;
			font: bold 14px Arial;
			padding: 0 4px 2px;
			position: absolute;
			right: 4px;
			top: 4px;
			z-index: 999;
		}
		div.contracthistory_box > header > div#closehistory:hover {
			color: #fff;
			box-shadow: 1px 1px 2px #4d4d4d;
			background-color: #df9313;
		}
		div.contracthistory_box > header > img#cnote_icon {
			cursor: pointer;
			position: absolute;
			right: 24px;
			top: 4px;
			z-index: 999;
		}
		div.contracthistory_box > header > div#cnote_displaybox {
			position: absolute; top: 30px; left: 375px;
			min-height: 30px; width:330px;
			padding: 12px 10px;
			background-color: #ffd359;
			box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
			border: 2px solid #df9313;
			z-index: 9999;
			color: #553809;
			font: 12px Arial;
			text-align: left;
			display: none;
		}
	
	div.eq_popup > div.contracthistory_box > div.titles {
		background-color: #eda630;
		border-bottom: 1px solid #f8dcad;
		border-top: 1px solid #f8dcad;
		color: #000;
		font: 11px/24px Arial;
		height: 24px;
		margin: 2px 0 7px 6px;
		position: relative;
		text-align: center;
		width: 788px;
		cursor: default;
	}
	div.eq_popup > div.contracthistory_box > div.line {
		color: #000; 
		font: 12px/28px Arial;
		height: 28px;
		margin: 0 0 0 6px;
		position: relative;
		text-align: center;
		width: 788px;
	}
		div.eq_popup > div.contracthistory_box > div.line.current { background-color: #fff; box-shadow: 1px 2px 3px #000; }
		div.eq_popup > div.contracthistory_box > div.line.past { color: #9f680d; }
		div.eq_popup > div.contracthistory_box > div.line.future { color: #634107; }
		div.eq_popup > div.contracthistory_box > div.line.none { color: #910000; }
/* END  : contract history box  (new 11-24-2014) */

/* contract note box  (new 12-8-2014) */
div.eq_popup > div#contractnote_box {
	position: absolute; top: 55px; left: 557px;
	min-height: 160px; width: 270px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
}
	div.eq_popup > div#contractnote_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}	
		div#contractnote_box > header > div#closenote {
			background-color: #ec9e1c;
			border: medium none;
			color: #f8f9fc;
			cursor: pointer;
			font: bold 14px Arial;
			padding: 0 4px 2px;
			position: absolute;
			right: 4px;
			top: 4px;
			z-index: 999;
		}
		div#contractnote_box > header > div#closenote:hover {
			color: #fff;
			box-shadow: 1px 1px 2px #4d4d4d;
			background-color: #df9313;
		}
	div.eq_popup > div#contractnote_box > div.line {
		color: #000;
		font: 10px/28px Arial;
		height: 28px; width: 100%;
		position: relative;
	}
	div.eq_popup > div#contractnote_box > div.line.cancel_events_active {
		width: 250px;
		margin-left: 10px;
		color: #ffffff;
		background-color: #910000;
	}
		div.eq_popup > div#contractnote_box > div.line.cancel_events_active > input[type="checkbox"] {
			margin-left: 5px;
		}
		div.eq_popup > div#contractnote_box > div.line > label {
			cursor: pointer;
		}
	div.eq_popup > div#contractnote_box > textarea {
		color: #000;
		font: 12px Arial;
		width: 242px;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #d99d00;
		/* box-shadow: 0 0 3px #b87910 inset; */
		margin-left: 9px;
	}
	div.eq_popup > div#contractnote_box > div.existing {
		color: #000;
		font: 10px/12px Arial;
		width: 242px;
		padding: 4px;
		margin-left: 9px;
		border: none;
		background-color: transparent;
		box-shadow: none;
		color: #7c520c;
		min-height: 15px;
	}
	div.eq_popup > div#contractnote_box input[type="checkbox"] {
		cursor: pointer;
		float: left;
		margin: 7px 5px 0 15px;
	}
	div.eq_popup > div#contractnote_box input[type="button"] {
		background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #eda630;
		border: medium none;
		box-shadow: 0 -1px 2px #744d0a inset;
		cursor: pointer;
		font: 11px/23px Arial;
		height: 23px;
		margin: 10px 0 10px 0;
	}
		div.eq_popup > div#contractnote_box input[type="button"]:hover {
			box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
		}
/* END  : contract note box  (new 12-8-2014) */	

/* catchall note box  (new 10-10-2016) */
div.eq_popup > div#catchallnote_box {
	position: absolute; top: 320px; left: 480px;
	min-height: 160px; width: 270px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
}
	div.eq_popup > div#catchallnote_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}	
	div.eq_popup > div#catchallnote_box > div.line {
		color: #000;
		font: 10px/28px Arial;
		height: 28px; width: 100%;
		position: relative;
	}
	div.eq_popup > div#catchallnote_box > textarea {
		color: #000;
		font: 12px Arial;
		width: 242px;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #d99d00;
		/* box-shadow: 0 0 3px #b87910 inset; */
		margin-left: 9px;
	}
	div.eq_popup > div#catchallnote_box input[type="button"] {
		background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #eda630;
		border: medium none;
		box-shadow: 0 -1px 2px #744d0a inset;
		cursor: pointer;
		font: 11px/23px Arial;
		height: 23px;
		margin: 10px 0 10px 0;
	}
		div.eq_popup > div#catchallnote_box input[type="button"]:hover {
			box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
		}
/* END  : catchall note box  (new 10-10-2016) */	

/* change preferred vendor box (changed 6-29-2017 DE) */
div.eq_popup > div.pvchanges_box { 
	position: absolute; top: 360px; left: 470px;
	min-height:70px; width: 340px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
}
	div.eq_popup > div.pvchanges_box > header {
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0 0 0;
		position: relative;
	}
	div.eq_popup > div.pvchanges_box > div.sub_text {
		font: bold 11px/22px Arial;
		width: 100%;
		text-align: center;
		color: #666;
	}
	div.eq_popup > div.pvchanges_box > div.chkbox_line,div.eq_popup > div.pvchanges_box > div.chkbox_line2 {
		font: 12px/16px Arial;
		width: 312px;
		margin: 0 0 4px 14px; 
		border: 1px solid #7c520c;
	} 
	div.eq_popup > div.pvchanges_box > div.chkbox_line.pvc_checked ,div.eq_popup > div.pvchanges_box > div.chkbox_line.pvc_checked2{
		background-color: #ffe9ae;
	} 
		div.eq_popup > div.pvchanges_box > div.chkbox_line > div ,div.eq_popup > div.pvchanges_box > div.chkbox_line2 > div {
			width: 288px;
			float: right;
			line-height: 22px;
			opacity: 0.5;
		} 
		div.eq_popup > div.pvchanges_box > div.chkbox_line.pvc_checked > div, div.eq_popup > div.pvchanges_box > div.chkbox_line2.pvc_checked > div {
			opacity: 1.0;
		}
		div.eq_popup > div.pvchanges_box input[type="checkbox"] {
			float: left; 
			margin-top: 4px;
		}
		div.eq_popup > div.pvchanges_box > div.italic_note {
			color: #7c520c;
			font-style: italic;
			padding: 8px 0;
			line-height: 16px;
			text-align: center;
			margin-bottom: 0;
			margin-left: 14px;
			height: 26px;
			border: none;
			width: 312px;
		}
	div.eq_popup > div.pvchanges_box div.pvpo_label {
		width: 35px;
		font: 11px/23px Arial;
		height: 23px;
		margin-left: 14px;

	}
	div.eq_popup > div.pvchanges_box > input[type="text"] {
		float: left;
		padding: 0;
		padding-left: 4px;
		height: 20px;
		width: 273px;
		margin-bottom: 4px;
		font: 12px/20px Arial;
		background-color: #fff;
		border: 1px solid #d99d00;
	}
	div.eq_popup > div.pvchanges_box > input[type="button"] {
		height: 23px;
		font: 11px Arial;
		margin-top: 10px;
		margin-bottom: 14px;
		cursor: pointer;
		background-color: #f4c87d;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
	}
		div.eq_popup > div.pvchanges_box > input[type="button"]#save_newpv { width: 220px; margin-left: 14px; }
		div.eq_popup > div.pvchanges_box > input[type="button"]#cancel_newpv { width: 88px; margin-left: 3px; }
			div.eq_popup > div.pvchanges_box > input[type="button"]:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
/* END :: change preferred vendor box (changed 6-29-2017 DE) */

/* change preferred vendor PO# box (changed 7-18-2017 DE) */
div.eq_popup > div#changevendorpo_box { 
	position: absolute; top: 325px; left: 442px;
	min-height:70px; width: 340px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 99;
	display: none;
}
	div.eq_popup > div#changevendorpo_box > header#pvpon_title {
		font: bold 12px/28px Arial;
		height: 22px; width: 100%;
		text-align: center;
		margin-top: 4px;
	}
	div.eq_popup > div#changevendorpo_box > header#pvpon_company {
		font: 11px/12px Arial;
		height: 14px; width: 100%;
		text-align: center;
		margin: 4px 0 8px 0;
		color: #5a3c07;
	}
	div.eq_popup > div#changevendorpo_box > header#pvpon_currentnumber {
		font: 11px/12px Arial;
		height: 14px; width: 100%;
		text-align: center;
		margin: 4px 0 8px 0;
		color: #5a3c07;
	}
	div.eq_popup > div#changevendorpo_box > div.pochkbox_line {
		font: 12px/16px Arial;
		width: 312px;
		margin: 0 0 4px 14px; 
		border: 1px solid #7c520c;
	} 
	div.eq_popup > div#changevendorpo_box > div.pochkbox_line.pvc_checked {
		background-color: #ffe9ae;
	} 
		div.eq_popup > div#changevendorpo_box > div.pochkbox_line > div {
			width: 288px;
			float: right;
			line-height: 22px;
			opacity: 0.5;
		} 
		div.eq_popup > div#changevendorpo_box > div.pochkbox_line.pvc_checked > div {
			opacity: 1.0;
		}
		div.eq_popup > div#changevendorpo_box input[type="checkbox"] {
			float: left; 
			margin-top: 4px;
		}
		
	div.eq_popup > div#changevendorpo_box div.pvpo_label {
		width: 60px;
		font: 11px/23px Arial;
		height: 23px;
		margin-left: 24px;
	}
	div.eq_popup > div#changevendorpo_box > input[type="text"] {
		float: left;
		padding: 0;
		padding-left: 4px;
		height: 20px;
		width: 228px;
		margin-bottom: 4px;
		font: 12px/20px Arial;
		background-color: #fff;
		border: 1px solid #d99d00;
	}
		div.eq_popup > div#changevendorpo_box > input[type="text"]#newpon_effectivedate { 
			width: 124px; 
			text-align: center;
			padding-left: 0;
		}
	div.eq_popup > div#changevendorpo_box > input[type="button"] {
		height: 23px;
		font: 11px Arial;
		margin-top: 10px;
		margin-bottom: 14px;
		cursor: pointer;
		background-color: #f4c87d;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
	}
		div.eq_popup > div#changevendorpo_box > input[type="button"]#save_newpvpon { width: 220px; margin-left: 14px; }
		div.eq_popup > div#changevendorpo_box > input[type="button"]#cancel_newpvpon { width: 89px; margin-left: 2px; }
			div.eq_popup > div#changevendorpo_box > input[type="button"]:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
/* END :: change preferred vendor PO# box (changed 7-18-2017 DE) */


/* project number edit box  (new 1-30-2015) */
div.eq_popup > div.pn_edit_box {
	position: absolute; top: 275px; left: 110px;
	min-height: 180px; width: 300px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
}
	div.eq_popup > div.pn_edit_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 300px;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}	
		div.pn_edit_box > header > div#close_pnmbx {
			background-color: #ec9e1c;
			border: medium none;
			color: #f8f9fc;
			cursor: pointer;
			font: bold 14px Arial;
			padding: 0 4px 2px;
			position: absolute;
			right: 4px;
			top: 4px;
			z-index: 999;
		}
		div.pn_edit_box > header > div#close_pnmbx:hover {
			color: #fff;
			box-shadow: 1px 1px 2px #4d4d4d;
			background-color: #df9313;
		}
		
	div.eq_popup > div.pn_edit_box > div.line {
		color: #000;
		font: 11px/20px Arial;
		width: 100%;
		position: relative; 
	}
		div.eq_popup > div.pn_edit_box > div.line#pn_main_check_line {
			display: none;
		}
			div#check_pnmain {
				width: 131px; height: 20px;
				font: 11px/20px Arial;
				margin: 6px 0 0 2px;
			}
			div#check_pnwo {
				width: 25px; height: 20px;
				font: 11px/20px Arial;
				margin: 6px 0 0 2px;
			}
			select#pick_wo {
				width: 75px; height: 22px;
				font: 11px/22px Arial;
				margin: 4px 0 0 4px;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
			}
		div.eq_popup > div.pn_edit_box div.subhdr {
			height: 20px; width: 100%;
			text-align: center;
			margin: 2px 0;
			position: relative;
		}
		div.eq_popup > div.pn_edit_box select {
			float: left;
			width: 260px; height: 85px;
			margin-left: 20px;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			font-size: 11px;
			padding: 2px;
			font-family: Arial;
		}
			div.eq_popup > div.pn_edit_box select option {
				margin-bottom: 2px;
			}
		div.eq_popup > div.pn_edit_box input#pn_input {
			height: 20px; width: 140px;
			padding-left: 5px;
			float: left;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			margin-left: 20px;
			font-size: 11px;
		}
		div.eq_popup > div.pn_edit_box input[type="checkbox"] {
			cursor: pointer;
			float: left;
			margin: 9px 5px 0 24px;
		}
		div.eq_popup > div.pn_edit_box input[type="radio"] {
			cursor: pointer;
			float: left;
			margin: 4px 0 0 15px;
		}
		div.eq_popup > div.pn_edit_box span.pncat_label {
			float: left;
			margin: 1px 0 0 4px;
			color: #774f0b;
		}
		div.eq_popup > div.pn_edit_box input[type="button"]:enabled, div.eq_popup > div.pn_edit_box input[type="button"]:disabled {
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #eda630;
			border: medium none;
			box-shadow: 0 -1px 2px #744d0a inset;
			cursor: pointer;
			font: 11px/23px Arial;
			height: 23px; 
			width: 116px;  /*  RETURN TO THIS WIDTH WHEN ADDING HISTORY BUTTON -- width: 115px; */
			margin: 15px 0 15px 20px;
			color: #000;
		}
			div.eq_popup > div.pn_edit_box input[type="button"]#pn_cancelchanges { margin-left: 1px; }
			div.eq_popup > div.pn_edit_box input[type="button"]#pn_history { width: 20px; margin-left: 0px; }

			div.eq_popup > div.pn_edit_box input[type="button"]:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
/* END  : project number edit box  (new 1-30-2015) */		

/* project number history box  (new 8-13-2018) */
div.eq_popup > div#pn_history_box {
	position: absolute;
	height: 255px; width: 640px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	border: 2px solid #df9313;
	z-index: 9999;
	padding: 10px;
	display: none;
}
	div.eq_popup > div#pn_history_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}	
		div#pn_history_box > header > div#close_pnhbx {
			background-color: #ec9e1c;
			border: medium none;
			color: #f8f9fc;
			cursor: pointer;
			font: bold 14px Arial;
			padding: 0 4px 2px;
			position: absolute;
			right: 4px;
			top: 4px;
			z-index: 999;
		}
		div#pn_history_box > header > div#close_pnhbx:hover {
			color: #fff;
			box-shadow: 1px 1px 2px #4d4d4d;
			background-color: #df9313;
		}
		
		div#pn_history_box div.titleline {
			width: 100%;
			font: 11px/20px Arial;
		}
			div#pn_history_box div.titleline div { 
				width: 70px; 
				text-align: center;
			}
				div#pn_history_box div.titleline div:first-child{
					text-indent: 4px;
				}
				div#pn_history_box div.titleline div.long { 
					width: 170px; 
					text-align: left;
				}
		div#pn_history_box div#pnhbx_list {
			width: 100%; height: 200px;
			background-color: #fff;
			border: 1px solid #d99d00; 
			overflow: auto;
		}
		div#pn_history_box div.listline {
			width: 100%;
			height: 20px;
			font: 11px/20px Arial;
		}
			div#pn_history_box div.listline:nth-child(even) { background-color: #efefef; }
			div#pn_history_box div.listline div { 
				width: 70px; 
				text-align: center;
				cursor: default;
			}
				div#pn_history_box div.listline div:first-child {
					text-indent: 4px;
				}
				div#pn_history_box div.listline div.long { 
					width: 170px; 
					text-align: left; 
				}
				div#pn_history_box div.listline div.smallcaps { 
					font-variant: small-caps;
				}
		
	
/* END  : project number history box  (new 8-13-2018) */	

		
div.eq_popup  input:not(#transferCompanyList):hover, div.eq_popup input:not(#transferCompanyList):focus {
	background-color: #fefee9;
	color: #000;
	font-style: normal;
}
div.eq_popup > div.header {
	display: flex;
	width: 790px;
	margin: 10px auto;
	cursor: auto;
	float: unset;
}
	div.eq_popup > div.header > .eq-header-block { flex: 0 0 25%; }
	div.eq_popup > div.header > .eq-header-block:nth-child(2) { flex-basis: 50%; }

		div.header > .eq-header-block > .sysid {
			display: block;
			float: unset;
			width: 120px; 
			font: 16px/25px Arial;
			text-align: center;
			border: 3px solid #df9313;
			background-color: #b87910;
			color: #fff;
			cursor: default;
		}

		div.header > .eq-header-block > .sysid > span#editSysid {
			font-size: 18px;
			cursor: pointer;
			display: inline-block;
			vertical-align: text-bottom;
		}

		div.header > .eq-header-block > .sysidEditBox {
			display: none;
			width: 180px;
			padding: 5px;
		}

		div.header > .eq-header-block > .sysidEditBox > input {
			height: 20px;
			font-size: 16px;
			width: 70%;
			padding: 0px 5px;
		}


		div.header > .eq-header-block > .eqid {
			display: block;
			float: unset;
			border: 3px solid transparent;
			color: #b87910;
			width: 100px;
			font: 11px/10px Arial;
			text-align: center;
		}
		div.header > .eq-header-block > .eqid:hover { color: #5a3c07; }

		div.header > .eq-header-block > #billable_container {
			width: 100%;
			margin: 18px 0 0 -18px;
		}
			div.header > .eq-header-block > #billable_container > input.billable_check {
				width: 18px;
				float: left;
				cursor: pointer;
			}
			div.header > .eq-header-block > #billable_container > .ev_billable_label {
				margin-left: -3px;
				margin-top: 3px;
				cursor: pointer;
				float: left;
			}
			div.header > .eq-header-block > #billable_container > .ev_billable_label.event_bill {
				margin-right: 5px;
				margin-left: -1px;
			}

		div.header > .eq-header-block > .header-line {
			width: 100%;
			margin: 0 0 2px 0;
		}
		div.header > .eq-header-block > .header-line:nth-child(2) { margin-bottom: 10px; }

			div.header > .eq-header-block > #billable_container > .itm_hdr,
			div.header > .eq-header-block > .header-line > .itm_hdr {
				font: bold 14px/14px Arial;
				color: #483504;
			}
			div.header > .eq-header-block > .header-line > .itm_hdr#eqContractedLabel {
				float: right;
				margin-right: -6px;
			}
			div.header > .eq-header-block > .header-line > .itm_hdr#eqModelLabel {
				float: right;
				margin-right: 140px;
			}
			div.header > .eq-header-block > .header-line > .itm_hdr#eqParentLabel {
				width: 100%;
				text-align: center;
			}
			div.header > .eq-header-block > .header-line > .itm_hdr#eqNicknameLabel {
				width: 100%;
				text-align: center;
			}

			div.header > .eq-header-block > .header-line > select {
				height: auto;
				color: black;
				font-size: 12px;
				padding: 2px;
				background-color: #fff;
				border: 1px solid #d99d00;
				width: 290px;
				text-overflow: ellipsis;
				overflow: hidden !important;
				word-break: break-all;
			}

			div.header > .eq-header-block > .header-line > #copySiteAddress {
				font-size: 20px;
				vertical-align: middle;
				background: none;
				border: none;
				cursor: pointer;
				user-select: none;
			}
			div.header > .eq-header-block > .header-line > #copySiteAddress:hover {
				text-shadow: 1px 1px 1px #00000057;
			}

			div.header > .eq-header-block > .header-line > select.contract_update {
				float: right;
				width: 80px;
				margin-right: -10px;
			}
			div.header > .eq-header-block > .header-line > select.parentId {
				width: 145px;
				display: block;
				margin: 0 auto;
			}
			div.header > .eq-header-block > .header-line > input[data-field-name="nickname"] {
				width: 145px;
				display: block;
				margin: 0 auto;
			}
			div.header > .eq-header-block > .header-line > input {
				padding: 0;
				padding-left: 4px;
				height: 20px; 
				width: 175px;
				font: 12px/20px Arial;
				background-color: #fff;
				border: 1px solid #d99d00;
				color: #000000;
			}
			div.header > .eq-header-block > .header-line > input[data-field-name="model"] {
				float: right;
			}

div.eq_popup #infoHdr.dblclick-to-change {
	opacity: 1;
	transition: opacity .33s;
	z-index: 1;
}
div.eq_popup #infoHdr.dblclick-to-change.hidden {
	opacity: 0;
	z-index: 0;
}
div.eq_popup #infoHdr.dblclick-to-change:hover {
	cursor: pointer;
	text-shadow: 0px 0px 2px darkgoldenrod;
}
	div.eq_popup #infoHdr.dblclick-to-change:hover > div {
		text-shadow: none !important;
	}

div.eq_popup #typeChangeHdr {
	position: absolute;
	width: 400px;
	opacity: 1;
	transition: opacity .33s;
	z-index: 1;
}
div.eq_popup #typeChangeHdr.hidden {
	opacity: 0;
	z-index: 0;
}
	div.eq_popup #typeChangeHdr #assetTypeSelect {
		height: auto;
		border: 2px solid #d99d00;
		padding: 2px;
	}

div.eq_popup > div.eq_dates_box{
	margin-top: 8px;
	font-size: 11px; 
	width:100%;
	float: right;
	clear: both;
}
div.eq_popup >  div.eq_dates_box > div {
	float: right;
	margin-right: 10px;
} 
div.eq_popup >  div.eq_dates_box > div > div {
	float: right;
	margin-left: 4px;
}
div.eq_popup >  div.eq_dates_box > div.eq_set_dates > div > .added{
	font-size: 11px;
	height: 12px;
} 


div.eq_popup > div.left {
	width: 400px;
	clear: both;
}
div.eq_popup > div.right {
	width: 415px;
}


	div.left > div.hdr, div.right > div.hdr {
		width: 100%; height: 28px;
		font: bold 14px/28px Arial;
		color: #483504;
		margin-bottom: 5px;
		text-align: center;
		position: relative;
	}
			/* the plus (+) button to click for adding battery strings */
		div.left > div.hdr > div.plus, div.right > div.hdr > div.plus  {
			position: absolute; top: 6px; right: 118px;
			background-color: #f8dcad;
			height: 12px; width: 12px;
			border: 2px solid #df9313;
			border-radius: 4px;
			color: #ec9e1c;
			font: 12px/13px Arial;
		}
			div.left > div.hdr > div.plus:hover, div.right > div.hdr > div.plus:hover  {
				background-color: #fff;
				color: #000;
				box-shadow: 1px 1px 3px #4d4d4d;
				cursor: pointer;
			}
			div.header > div.delete_this {
				width: 14px;
				font: 14px/15px Arial;
				float: right; 
				cursor: pointer;
				color:#f00; 
			}
			div.header > span.copyBatteryString {
				font-size: 15px;
				vertical-align: middle;
				cursor: pointer;
			}
			
			
			
			
			
			
div.left > div.pic_out > div.pic, div.right > div.pic_out > div.pic2 {
	width: 168px;
	height: 151px;
	background-color: #fff;	
	border: 5px solid #df9313;
}
div.left > div.pic_out > div.arrowboxes, 
div.right > div.pic_out > div.arrowboxes {
	width:178px; 
	height: 14px;
	color: #df9313;
	margin-top: 1px;
	position: relative;
}
div.pic_out >  div.arrowboxes > div.arrowbox_left_left {
	width:25px;
	height:14px;
	display:none;
	position: absolute; top: 0; left: 0;
}
div.pic_out >  div.arrowboxes >div.arrowbox_left_right {
	width:25px;
	height:14px;
	margin-left: 150px;
	text-align: right;
	position: absolute; top: 0; right: 0;
}
div.pic_out >  div.arrowboxes >div.arrowbox_right_left {
	width:25px;
	position: absolute;
	height:14px;
	display:none;
	position: absolute; top: 0; left: 0;
}
div.pic_out >  div.arrowboxes >div.arrowbox_right_right {
	width:25px;
	height:14px;
	margin-left: 150px;
	text-align: right;
	position: absolute; top: 0; right: 0;
}
div.pic_out >  div.arrowboxes >div.arrowbox_left_add {
	width:100%;
	text-align:center;
	cursor: pointer;
	font-size: 11px;
}
div.pic_out >  div.arrowboxes >div.arrowbox_right_add {
	width:100%;
	text-align:center;
	cursor: pointer;
	font-size: 11px;
}
	div.pic_out > div.arrowboxes > div.arrowbox_right_left:hover,
	div.pic_out > div.arrowboxes > div.arrowbox_right_right:hover,
	div.pic_out > div.arrowboxes > div.arrowbox_left_left:hover,
	div.pic_out > div.arrowboxes > div.arrowbox_left_right:hover,
	div.pic_out > div.arrowboxes > input#eq_file:hover + div.arrowbox_left_add,
	div.pic_out > div.arrowboxes > input#bt_file:hover + div.arrowbox_right_add {
		color: #a56c0e;
		cursor: pointer;
	}
div.add_eq_img {
	position: absolute; top: 95px;  
	height: 150px;
	width: 250px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	z-index: 9999;
	display: none;
}
		div.add_eq_img > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 80%;
			text-align: center;
			margin: 4px 0 4px 0;
		}
		div.add_eq_img > div.close_eq_upload {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 10%;
			text-align: center;
			margin: 4px 0 4px 0;
			cursor: pointer;
		}
		div.add_eq_img > div.text {
			font: 10px/20px Arial;
			height: 20px;
			margin: 0 0 2px 6px;
			margin-bottom: 2px;
			width: 100px;
		}
		div.add_eq_img > input.data {
			float: left;
			font: 12px/20px Arial;
			height: 20px;
			margin-bottom: 4px;
			padding: 0 0 0 4px;
			width: 110px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		div.add_eq_img > select.data {
			float: left;
			font: 12px/22px Arial;
			height: 22px;
			margin-bottom: 4px;
			padding: 2px 2px 2px 2px;
			width: 116px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		div.add_eq_img > button.EQ_file_btn {
			width: 106px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 10px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
			margin-left: 75px;
		}
			div.add_eq_img > button.EQ_file_btn:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}

div.add_batt_img {
	position: absolute; top: 95px;  left:410px;
	height: 150px;
	width: 250px;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	z-index: 9999;
	display: none;
}
		div.add_batt_img > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 80%;
			text-align: center;
			margin: 4px 0 4px 0;
		}
		div.add_batt_img > div.close_bt_upload {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 10%;
			text-align: center;
			margin: 4px 0 4px 0;cursor: pointer;
		}
		  div.add_batt_img > div.text {
			font: 10px/20px Arial;
			height: 20px;
			margin: 0 0 2px 6px;
			margin-bottom: 2px;
			width: 100px;
		}
		  div.add_batt_img > input.data {
			float: left;
			font: 12px/20px Arial;
			height: 20px;
			margin-bottom: 4px;
			padding: 0 0 0 4px;
			width: 110px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		 div.add_batt_img > select.data {
			float: left;
			font: 12px/22px Arial;
			height: 22px;
			margin-bottom: 4px;
			padding: 2px 2px 2px 2px;
			width: 116px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		  div.add_batt_img > button.BT_file_btn{
			width: 106px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 10px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
			margin-left: 75px;
		}
			  div.add_batt_img > button.BT_file_btn:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}

div.left > div.pic_out > div.pic >div.pic_inner, 
div.right > div.pic_out > div.pic2 > div.pic_inner2  {
	padding-top: 0;
	height: 152px;
	width: 3000px;
	margin-left: 0;
	position: relative;
}

div.pic_inner_delete {
	position: absolute;
	cursor: pointer;
	color: red;
	font-size: 20px;
}
div.pic_inner_delete:hover {
	color: red;
	text-shadow: 1px 2px 3px black;
}

div.left > div.pic_out > div.pic >div.pic_inner > img, div.right > div.pic_out > div.pic2 > div.pic_inner2 > img {
	float: left;
}
div.left > div.info, div.right > div.info {
	width: 214px;
	margin-left: 4px;
	overflow: hidden;
	text-indent: 2px;
	margin-top: 1px;
}
	div.right > div.info {
		width: 229px;
	}
		div.right > div.info.gen {
			width: 265px;
		}
	div.right > div.info > div.inner {
		width: 229px; height: 162px;
		overflow-y: auto;
	}
		div.right > div.info > div.inner.gen { width: 290px; height: 240px; overflow-y: visible; }
div.right > div.info > div.inner > div.header {
	width: 210px;
	height: 18px;
	margin-bottom: 2px;
	font: italic bold 10px/20px Arial;
	color: #68450b;
}
div.left > div.info > div.row_left,
 div.right > div.info > div.inner   div.row_left {
	width: 100px;
	height: 20px;
	margin-bottom: 2px;
	font: 10px/20px Arial;
}
	div.right > div.info > div.inner.gen   div.row_left { width: 145px; }	/* specific to second column of generator information */
	div.right > div.info > div.inner.gen   div.row_right { width: 145px; }	/* specific to second column of generator information */
div.left > div.info > div.row_right,
 div.right > div.info > div.inner  div.row_right {
	width: 102px;
	height: 20px;
	margin-bottom: 4px;
	position: relative;
}
	div.right > div.info > div.inner   div.row_right > input.update,
	div.left > div.info > div.row_right > input.update	{
		float: left;
		padding: 0;
		padding-left: 4px;
		height: 20px; width: 105px;
		margin-bottom: 4px;
		font: 12px/20px Arial;
		background-color: #fff;
		border: 1px solid #d99d00;
		/* box-shadow: 0 0 3px #b87910 inset; */
		color: #000000;
	}
	div.right > div.info > div.inner   div.row_right > select.update,
	div.left > div.info > div.row_right > select.update {
		float: left;
		padding: 2px;
		height: 22px; width: 111px;
		margin-bottom: 4px;
		font: 12px/22px Arial;
		background-color: #fff;
		border: 1px solid #d99d00;
		/* box-shadow: 0 0 3px #b87910 inset; */
		color: #000000;
	}
		div.row_right > div.capacity_units {
			position: absolute; top: 5px; right: 0;
			font-style: italic;
			font-size: 11px;
			color: #df9313;
		}

div.eq_popup > div.section-hdr {
	font: bold 14px/32px Arial;
	height: 32px;
	margin: 12px 0 6px 0;
	text-align: center;
	width: 810px;
	position: relative;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #f8dcad;
	background-color: #eda630;
	cursor: pointer;

}

	div.eq_popup > div.section-hdr .material-icons{
		top: 5px;
		color: #000; 
		right: 3px;
		position: absolute;
		cursor: pointer;
	}

	div.eq_popup > div.section-hdr > div.renewbtn {
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		position: absolute;
		right: 27px;
		top: 8px;
		width: 12px; 
		text-align: center;
	}
		div.eq_popup > div.section-hdr > div.renewbtn:hover  {
			background-color: #fff;
			color: #000;
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}
	div.eq_popup > div.section-hdr > div.addservev {
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		position: absolute;
		right: 27px;
		top: 8px;
		width: 12px; 
		text-align: center;
	}
		div.eq_popup > div.section-hdr > div.addservev:hover  {
			background-color: #fff;
			color: #000;
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}	
		
	/* contracthistorybtn sits at the right-hand side of the Contract Information header for contracted assets */
	div.eq_popup > div.section-hdr > div.contracthistorybtn {
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		position: absolute;
		right: 27px;
		top: 8px;
		width: 12px; 
		text-align: center;
	}
		div.eq_popup > div.section-hdr > div.contracthistorybtn:hover  {
			background-color: #fff;
			color: #000;	/*#b3c1e1;*/
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}


	div.yearlyContractHeader {
		width: 800px;
		background: #eda630;
		text-align: left;
		font: bold 15px/27px Arial;
		border: 1px solid #f8dcad;
		margin-bottom: 3px;
		position: relative;
	}

	div.yearlyContractHeader .yearlyIcons {
		color: #006;
	    right: 18px;
	    position: absolute;
	    cursor: pointer
	}

	div.yearlyContractInfo {
		display: none;
	}

    div.yearlyContractInfo .yearlyContractInfoLine {
	    width: 791px;
	    height: 30px;
	    background-color: #f6bd45;
	    cursor: auto;
	    font-size: 11px;
	    padding: 5px 4px 0 4px;
	    border-bottom: 1px solid #f8dcad;
    }

    div.yearlyContractInfo .yearlyContractInfoLineBatt {
	    width: 791px;
	    height: 30px;
	    background-color: lightblue;
	    cursor: auto;
	    font-size: 11px;
	    padding: 5px 4px 0 4px;
	    border-bottom: 1px solid #f8dcad;
    }

	div.yearlyContractInfo .yearlyContractInfoLine label{
		font: 12px/26px Arial;
	}

	div.yearlyContractInfo .yearlyContractInfoLine input{
		height: 18px;
	    width: 100px;
	    margin-bottom: 3px;
	    border: 1px solid #d99d00;
	    font: 12px/20px Arial;
	    margin-right: 6px;
	}

	div.yearlyContractInfo .yearlyContractInfoLine .yearlyFeEmail{
		width: 200px;
	}

	div.yearlyContractInfo .yearlyContractInfoLine .yearlyPreferredFe{
	    width: 130px;
	}

	div.yearlyContractInfo .yearlyContractInfoLine .yearlyBatteryPercentage{
	    width: 24px;
	}

	div.yearlyContractInfo .yearlyContractInfoLine input::-webkit-outer-spin-button,
	div.yearlyContractInfo .yearlyContractInfoLine input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	div.yearlyContractInfo .yearlyContractInfoLine .yearlyPriceCost{
		width: 62px; 
		padding-right: 3px; 
		text-align: right; 
		background: url('../img/dollar_bg.png') no-repeat left #fff;  
	}

	div.yearlyContractInfo .yearlyContractInfoLine select{
		height: 23px;
	    width: 100px;
	    margin-bottom: 3px;
	    border: 1px solid #d99d00;
	    font: 12px/20px Arial;
	    margin-right: 6px;
	}

    div.yearlyContractInfo .yearlyContractInfoLine .vendorpobtn{
    	float:right; 
    	background-color: #f8dcad;
    	border: 2px solid #df9313;
    	border-radius: 4px;
    	color: #ec9e1c;
    	font: bold 10px/13px Arial;
    	height: 13px;
    	width: 12px;
    	text-align: center;
    	cursor: pointer;
    	margin: 3px 4px 0 0;
    }

    div.yearlyContractInfo .yearlyContractInfoLine .vendorpobtn:hover{
    		background-color: #fff;
    		color: #000;
    		box-shadow: 1px 1px 3px #4d4d4d;
    		cursor: pointer;
    }

	div.yearlyContractInfo .yearlyContractInfoLineBatt .batteryInfo{
		border-right: 2px solid #fff;
		padding-right: 10px;
		margin-right: 10px;
	}

	div.yearlyContractInfo .yearlyContractInfoLineBatt .batteryInfo label{
		font-weight: bold;
	}
	/* END :: contracthistorybtn sits at the right-hand side of the Contract Information header for contracted assets */
	
	/* contracthistorybtn2 sits next to the "X" (close) in the upper right-hand corner when an asset is non-contracted or decommissioned */
	
	/* END :: contracthistorybtn2 sits next to the "X" (close) in the upper right-hand corner when an asset is non-contracted or decommissioned */
	
	.eq_popup .action-bar {
		position: relative;
		z-index: 10;
	}

		.eq_popup .popup-btn,
		.eq_popup .excel-btn {
			background-color: #f8dcad;
			border: 2px solid hsl(40 95% 45%);
			color: hsl(40 95% 45%);
			border-radius: 4px;
			font: bold 10px Arial;
			text-align: center; 
			width: auto;
			cursor: pointer;
			padding: 2px 3px;
			margin: 0 2px;
		}
		.eq_popup .popup-btn:hover,
		.eq_popup .excel-btn:hover {
			background-color: #fff;
			border-color: hsl(40 100% 40%);
			color: hsl(40 100% 40%);
			box-shadow: 1px 1px 3px #4d4d4d;
		}

		.eq_popup #close {
			border-width: 2px;
			box-shadow: none;
			cursor: pointer;
			padding: 0px;
		}
		
		.eq_popup #close > i {
			font-size: 22px;
			vertical-align: middle;
		}

#assetExtraPopup {
	position: absolute;
	top: 105px;
	left: 0px;
	min-height: 200px;
	max-height: 650px;
	width: 100%;
	background-color: #efeeee;
	overflow-x: hidden;
	z-index: 1;
}
#assetExtraPopup * {
	float: unset;
}

	#assetExtraPopup > .close-popup {
		position: absolute;
		top: 5px;
		right: 5px;
		border-width: 2px;
		box-shadow: none;
		cursor: pointer;
		padding: 0px;
		z-index: 2;
	}
	#assetExtraPopup > .close-popup > i {
		font-size: 18px;
		vertical-align: middle;
	}

	#assetExtraPopup > .table-row {
		min-height: 150px;
		max-height: 590px;
		overflow-y: scroll;
	}
	
		#assetExtraPopup > .table-row table {
			table-layout: fixed;
		}
		#assetExtraPopup > .table-row table tbody > tr:nth-child(even) {
			background: #ffffff;
		}


	/* ASSOCIATED NEXT ACTIONS */
		#assetExtraPopup.next-action-list #addAssetNA {
			position: absolute;
			top: 5px;
			right: 30px;
			border-width: 2px;
			box-shadow: none;
			cursor: pointer;
			padding: 0px;
			z-index: 2;
		}
		#assetExtraPopup.next-action-list #addAssetNA > i {
			font-size: 18px;
			vertical-align: middle;
		}
		#assetExtraPopup.next-action-list .na-link {
			cursor: pointer;
		}
		#assetExtraPopup.next-action-list .na-link:hover {
			text-decoration: underline;
		}

		#assetExtraPopup.next-action-list > .table-row table thead > tr > th:nth-child(1) { width: 12%; }
		#assetExtraPopup.next-action-list > .table-row table thead > tr > th:nth-child(2) { width: 13%; }
		#assetExtraPopup.next-action-list > .table-row table thead > tr > th:nth-child(5) { width: 15%; }
		#assetExtraPopup.next-action-list > .table-row table thead > tr > th:nth-child(6) { width: 15%; }


	/* ASSOCIATED OPPORTUNITIES */
		#assetExtraPopup.opportunity-list tr[data-status="0"] *   { color: #910000; }
		#assetExtraPopup.opportunity-list tr[data-status="1"] *   { color: #000000; }
		#assetExtraPopup.opportunity-list tr[data-status="2"] *   { color: #000000; }
		#assetExtraPopup.opportunity-list tr[data-status="40"] *  { color: #660099; }
		#assetExtraPopup.opportunity-list tr[data-status="50"] *  { color: #15406a; }
		#assetExtraPopup.opportunity-list tr[data-status="70"] *  { color: #15406a; }
		#assetExtraPopup.opportunity-list tr[data-status="80"] *  { color: #800080; }
		#assetExtraPopup.opportunity-list tr[data-status="81"] *  { color: #5E3FAD; }
		#assetExtraPopup.opportunity-list tr[data-status="90"] *  { color: #4174d3; }
		#assetExtraPopup.opportunity-list tr[data-status="99"] *  { color: #ba7a10; }
		#assetExtraPopup.opportunity-list tr[data-status="100"] * { color: #638a20; }

		#assetExtraPopup.opportunity-list > .table-row table thead > tr > th:nth-child(3) { width: 14%; text-align: right; padding-right: 3% }
		#assetExtraPopup.opportunity-list > .table-row table thead > tr > th:nth-child(4) { width: 14%; text-align: right; padding-right: 3% }
		#assetExtraPopup.opportunity-list > .table-row table thead > tr > th:nth-child(5) { width: 18%; }
		#assetExtraPopup.opportunity-list > .table-row table thead > tr > th:nth-child(6) { width: 8%; }
		
		#assetExtraPopup.opportunity-list .opp-link:hover {
			text-decoration: underline;
		}


	/* ASSOCIATED EVENTS */
		#assetExtraPopup.event-list{
			width: 110%;
			left: -40px;
		}

		#assetExtraPopup.event-list .event-link:hover {
			text-decoration: underline;
		}

		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(1) { width: 10%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(2) { width: 8%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(3) { width: 6%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(4) { width: 10%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(5) { width: 18%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(6) { width: 10%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(7) { width: 8%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(8) { width: 8%; }
		#assetExtraPopup.event-list > .table-row table thead > tr > th:nth-child(9) { width: 22%; }


	/* ASSOCIATED REPORTS */
		#assetExtraPopup.report-list .file-name {
			max-width: 150px;
			margin: 0 auto;
		}
		#assetExtraPopup.report-list .file-name:hover {
			text-decoration: underline;
		}

		#assetExtraPopup.report-list > .table-row table thead > tr > th:nth-child(1) { width: 10%; }
		#assetExtraPopup.report-list > .table-row table thead > tr > th:nth-child(3) { width: 12%; }
		#assetExtraPopup.report-list > .table-row table thead > tr > th:nth-child(4) { width: 20%; }
		#assetExtraPopup.report-list > .table-row table thead > tr > th:nth-child(5) { width: 15%; }


	/* ASSOCIATED EMERGENCY CALLS */
		#assetExtraPopup.emergency-call-list .ec-link {
			text-decoration: underline;
		}

		#assetExtraPopup.emergency-call-list > .table-row table thead > tr > th:nth-child(1) { width: 10%; }
		#assetExtraPopup.emergency-call-list > .table-row table thead > tr > th:nth-child(2) { width: 12%; }
		#assetExtraPopup.emergency-call-list > .table-row table thead > tr > th:nth-child(3) { width: 12%; }
		#assetExtraPopup.emergency-call-list > .table-row table thead > tr > th:nth-child(4) { width: 26%; }


	/* MERGE / TRANSFER / ADD PM FORM */
		#assetExtraPopup.merge-asset-form,
		#assetExtraPopup.transfer-asset-form,
		#assetExtraPopup.add-pm-form {
			left: 164px;
			min-height: 150px;
			width: 500px;
			padding: 0 16px;
		}
			#assetExtraPopup.merge-asset-form {
				overflow-y: hidden;
				padding: 0px 8px;
			}

		#assetExtraPopup #loadingContainer {
			display: none;
			margin-top: -25px;
			margin-bottom: -15px;
		}

		#assetExtraPopup span.sys-id {
			float: unset;
			font: bold 16px/25px Arial;
			text-align: center;
			background-color: #b87910;
			color: #fff;
			cursor: default;
		}

		#assetExtraPopup #transferCompanyList {
			padding: 4px;
			font: 14px Arial;
			color: #483504;
		}
		#assetExtraPopup #transferCompanyList:disabled {
			opacity: .8;
		}
		#assetExtraPopup #transferCompanyList::placeholder {
			font-style: italic !important;
			color: rgb(141 94 12 / 75%) !important;
		}

		#assetExtraPopup #transferSiteList {
			width: 100%%;
			margin: 0 auto;
			padding: 2px 2px;
			border: 1px solid #cc8800;
			font: 14px Arial;
			color: #181201;
		}

		#assetExtraPopup #mergeAssetList {
			padding: 3px 4px;
			font: 14px Arial;
			color: #483504;
		}
		#assetExtraPopup #mergeAssetList:disabled {
			opacity: .8;
		}

		#assetExtraPopup #mergeDifferences {
			display: none;
			max-height: 545px;
			overflow-y: scroll;
			overflow-x: hidden;
			padding: 0 16px 8px 16px;
		}

			#assetExtraPopup #mergeDifferences .h6.merge-sub-hdr {
				font-size: 14px;
				margin: 0px;
			}

			#assetExtraPopup #mergeDifferences .options-sections {
				border-top: 1px solid #ccaa66bf;
			}

			#assetExtraPopup #mergeDifferences .old-info.not-set,
			#assetExtraPopup #mergeDifferences .new-info.not-set{
				color:gray;
			} 

			#assetExtraPopup #mergeDifferences .zone-info input[type="radio"]{
				display:none;
			}

		#assetExtraPopup #extraPmWorkType {
			padding: 3px 4px;
			font: 14px Arial;
			color: #483504;
		}
		#assetExtraPopup #extraPmWorkType:disabled {
			opacity: .8;
		}

	
	
	/* pnhistorybtn (project number) sits in the upper right-hand corner when an asset is non-contracted or decommissioned */
	div.eq_popup div.pnhistorybtn {
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/14px Arial;
		height: 14px;
		position: absolute;
		right: 45px;
		top: 5px;
		width: 12px; 
		text-align: center;
	}
		div.eq_popup div.pnhistorybtn:hover  {
			background-color: #fff;
			color: #000;	/*#b3c1e1;*/
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}
	/* END :: pnhistorybtn (project number) sits in the upper right-hand corner when an asset is non-contracted or decommissioned */
	
	div.eq_popup div.contract_section input:disabled, 
	div.eq_popup div.contract_section select:disabled {
		opacity: .7;
	}
	
	div.eq_popup div.contract_section.none input, div.eq_popup div.contract_section.past input, 
	div.eq_popup div.contract_section.none select, div.eq_popup div.contract_section.past select {
		color: #785807;
	}
	div.eq_popup div.contract_section.current input, div.eq_popup div.contract_section.current select { color: #009933; text-shadow: 0 0 0 goldenrod; }

	div.eq_popup div.section-hdr.none,
	div.eq_popup div.section-hdr.past {
		color: #eeeeee;
	}
	div.eq_popup div.section-hdr.current { color: #000000; }

	div.eq_popup > div.section-hdr > div.editcontractbtn {
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		position: absolute;
		right: 27px;
		top: 8px;
		width: 12px; 
		text-align: center;
	}
		div.eq_popup > div.section-hdr > div.editcontractbtn:hover {
			background-color: #fff;
			color: #000;	/*#b3c1e1;*/
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}
	div.eq_popup > div.section-hdr > div.contract_id {
		font-size: 11px;
		font-weight: normal;
		cursor: default;
	}
	 
	div.eq_popup div.contract_line  div.note_date  {
		width: 140px;
		margin-left: 14px;
	}
	
	div.eq_popup   div.contract_line  div.note_line_date  {
		width: 140px;
		margin-left: 5px;
	}
	
	div.eq_popup   div.contract_line  div.note_author ,	
	div.eq_popup   div.contract_line  div.note_head  , 
	div.eq_popup   div.contract_line  div.note_line_author {
		width: 50px;
		
	}
	div.eq_popup   div.contract_line  div.note_line_author {
		text-align: center;
	}
	
	div.eq_popup   div.notes_section  {
		font: 11px/24px Arial;
	}
	div.eq_popup   div.contract_line  .newnote_text{
		width: 92%;
		float:left;
		height: 28px;
		padding: 3px 4px;
		font: 11px Arial;
		border: none;
		margin-top: 2px;
	}
	
	div.eq_popup   div.contract_line  .save_generic_note{	
		cursor: pointer;
		float: right;
		margin-top: 1px;
	}	
	
	
	
	div.eq_popup   div.contract_line  div.note_item  {
		width: 550px;
	} 
	div.eq_popup   div.contract_line  div.note_item div.converted_notes_container div.converted_notes li {
		margin-left: 10px;
	} 
	div.eq_popup   div.contract_line.notes  { 
		max-height: 200px; 
		overflow-y: scroll;
		background-color: #fff;  
	}  
	div.eq_popup   div.contract_line div.contract_sub_line:nth-child(even) { background-color: #faefda; }
	
	div.eq_popup   div.contract_line div.contract_sub_line  { 
		 
		border: none;
		color: #000000;
		cursor: default;
		font: 11px/25px Arial;
		width: 100%;
		padding-top: 2px;
	} 
	
	div.eq_popup   div.contract_line div.contract_sub_line:last-child {
		margin-bottom: 0px; 
		border-bottom: 0px solid #000; 
	}
	
div.eq_popup   div.contract_line {
	width: 803px;	background-color: #f6bd45;
	cursor: auto;
	font-size: 11px;
	padding: 5px 4px 0 4px;
	border-bottom: 1px solid #f8dcad;
}
	div.eq_popup   div.contract_line > div.itm_hdr , div.eq_popup > div.contract_line.pricing > div > div.itm_hdr {
		float: left;
		font: 11px/24px Arial;
		height: 24px;
		margin: 0 3px 4px 2px;
		cursor: default;
		text-align: right;
	}

	div.itm_hdr.preferred_fe_title {
		width: 70px; 
		margin-left: 0px;
	}
	div#preferred_fe {
		width: 159px;
	}

	div.itm_hdr.fe_email_title {
		width: 50px;
	}	
	div.itm_hdr.fe_cell_title {
		width: 70px;
	}

	input.fe_email {
		width: 170px;
	}	
	input.fe_cell {
		width: 80px;
	}
	
	div.eq_popup   div.contract_line > div.itm_hdr2 {
		float: left;
		font: bold 11px/14px Arial;
		height: 14px;
		margin: 0 3px 4px 2px;
		cursor: default;
		text-align: center;
	}
		div.eq_popup   div.contract_line.pricing > div > div.itm_hdr {
			margin: 0 3px 4px 6px;
		}
		div.eq_popup   div.contract_line > div.itm_hdr.subhdr{
			width: 110px;
			border-right: 2px solid #fff;
			padding-right: 4px;
		}
		div.eq_popup   div.contract_line > div.itm_hdr.subhdr2{
			width: 110px;
			border-right: 2px solid #fff;
			padding-right: 4px;
		}
		
		div.eq_popup   div.contract_line > div.itm_hdr > em {
			color: #656565;
		}
	div.eq_popup   div.contract_line > input,
	div.eq_popup  div.contract_line.pricing > div > input  {
		float: left;
		font: 12px/20px Arial;
		height: 20px;
		margin-right: 8px;
		text-align: center;
		background-color: #fff;
		border: 1px solid #d99d00;
	}
	div.eq_popup  div.contract_line.pricing > div > .as_price,
	div.eq_popup  div.contract_line.pricing > div > .as_cost  {
		background: url('../img/dollar_bg.png') no-repeat left #fff;
		padding-right: 3px;
		width: 77px; 
		text-align:right;
		margin-right: 12px;
		float:left;
	}
	
		div.eq_popup   div.contract_line.pricing > div > input { margin-right: 2px; }
		div.eq_popup   div.contract_line.pricing > div  > select {
			float: left;
			font: 12px/24px Arial;
			height: 24px;
			margin-right: 12px;
			padding: 2px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
		}
		
		div.eq_popup   div.contract_line > select {
			float: left;
			font: 12px/24px Arial;
			height: 24px;
			margin-right: 12px;
			padding: 2px;
			background-color: #fff;
			border: 1px solid #d99d00;
		}

		div.eq_popup   div.contract_line > select.contacts_dropdown {
			max-width: 160px;
		}

		div.eq_popup   div.contract_line > input.cad { width: 72px; padding-left: 0; }
		div.eq_popup   div.contract_line > input.ct { width: 32px; padding-left: 0; }
		div.eq_popup   div.contract_line > select.ctos { width: 95px; }
			div.eq_popup   div.contract_line > select.wrnty { width: 120px; }	/* two selects in the warranty information section */
		div.eq_popup   div.contract_line > select.coverage { width: 95px; }
		div.eq_popup   div.contract_line > select.pv, div.eq_popup   div.contract_line > select.sv  { width: 240px; }
		div.eq_popup   div.contract_line > select.pmf { width: 116px; }
		div.eq_popup   div.contract_line > input.pv { width: 235px; text-align: left; padding-left: 4px; }
		div.eq_popup   div.contract_line > input.currency { 
			width: 62px; 
			padding-right: 3px; 
			text-align: right; 
			background: url('../img/dollar_bg.png') no-repeat left #fff;  
		}
			div.eq_popup   div.contract_line.pvline > input.currency.offline { 
				background-color: #eeae44; /*#FBDEAE;*/
				background-image: none;
				color: #df9313;
			}
	div.eq_popup   div.contract_line > div#assigncontact_btn {
		float:right; 
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		width: 14px;
		text-align: center;
		cursor: pointer;
		margin: 3px 4px 0 0;
	}
		div.eq_popup   div.contract_line > div#assigncontact_btn:hover {
			background-color: #fff;
			color: #000;
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}
/*XD 7/28/2022*/
/*	div.eq_popup   div.contract_line > div#vendorpobtn { 
		float:right; 
		background-color: #f8dcad;
		border: 2px solid #df9313;
		border-radius: 4px;
		color: #ec9e1c;
		font: bold 10px/13px Arial;
		height: 13px;
		width: 12px;
		text-align: center;
		cursor: pointer;
		margin: 3px 4px 0 0;
	}
		div.eq_popup   div.contract_line > div#vendorpobtn:hover {
			background-color: #fff;
			color: #000;
			box-shadow: 1px 1px 3px #4d4d4d;
			cursor: pointer;
		}*/	
div.eq_popup div.contact_section div.contract_line > div.itm_hdr.subhdr {
	width: 70px;
}

div.eq_popup div.contact_section input.phone_number {
	width: 85px;
}

/* END : Contract information - NEW - 1-8-2014 (at the bottom of the asset info popup)	*/
div.pending_pm {
	position: absolute;
	left: 815px;
	top: 205px;
	width: 190px;
	max-height: 400px;
	overflow: hidden;
	overflow-y: scroll;
	font-size: 10px;
	font-family: Arial;
	padding: 3px;
	border: solid 2px #ededed;
	color: #4a5c7b;
}
div.pending_pm > a:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #2554a0;
}
div.count {
	position: absolute;
	left: 810px;
	top: 35px;
	width: 310px;
}

/* new css - 5-18-2013 */
div.delete {
	background-color: #ea5757;
	font: bold 11px/11px Arial; 
	color: #e3d0ce;
	border-radius: 8px;
	width: 14px; height: 14px; 
	text-align: center; 
	margin: 4px 0 0 4px;
	cursor: pointer;
}
	div.delete:hover {
		background-color: #ca0000;
		color: #fff;
		box-shadow: 1px 1px 3px #4d4d4d;
	}
input.update {
	font-size: 12px;
	color: #4a5c7b;
	height: 18px;
	padding-left: 2px;
}
input.update.email {
	padding-right: 2px;
}
input.update.phone {
	border-radius: 0;
	border: 0;
}
input.update.address{
	width: 210px;
	padding-right: 2px;
}
select.update,
select.status {
	font-size: 12px;
	color: #4a5c7b;
	height: 18px;
	font-family: Arial;
}

a.fn {
	text-decoration: none;
	color: #4a5c7b;
}
	div#adminFilesList a.fn > div {
		width: 220px;
	}
	div#adminFilesList a.fn:hover > div {
		color: darkgoldenrod;
		font-weight: bold;
	}
a.fnfsr {
	text-decoration: none;
	color: #4a5c7b;
}
	a.fnfsr:hover {
		color: #2554a0;
	}
td.dot {
	font: bold 16px Arial;
	color: #707070;
	cursor: pointer;
	text-align: center;
}
	td.dot > span.smi:hover {
		color: #303030;
	}
	td.dot > span.dc {
		font: bold 12px Arial;
		color: #96aa71;
	}
	td.dot > span.dc.red {
		font: bold 12px Arial;
		color: #910000;
	}
		td.dot > span.dc:hover {
			cursor: default;
		}
	td.dot > span.dc.warning {
		padding: 0 2px 0 2px;
		height: 15px;
		background-color: red;
		color: #fff;
	}
	td.dot > img {
		box-shadow: 1px 1px 1px #868686;
		cursor: auto;
	}
td.image_shadow > img { 
	cursor: pointer;
	box-shadow: 1px 1px 1px #868686;
}
	td.image_shadow > img:hover {
		cursor: pointer;
		box-shadow: 2px 2px 2px #4d4d4d;
	}
td.image_shadow > img.nohover { 
	cursor: default;
	box-shadow: none;
}
	td.image_shadow > img.nohover:hover {
		cursor: default;
		box-shadow: none;
	}
/*  3-14-2014 - Replacing the "logo" table with the "ec_box" (edit company) */
div.ec_box {
	width: 792px;
	margin: 12px 0 0 0;
}
	div.ec_box > div.left {
		width: 370px; min-height: 425px;
		font: 12px/20px Arial;
		background-color: #dbdbdb;
	}
		div.ec_box > div.left div.line { 
			width: 365px; 
			padding: 5px 0 5px 5px;
			border-bottom: 1px solid #fff;
			position: relative;
		}
			div.ec_box > div.left select.update.status { 
				float: none; 
				border: 1px solid #a1b087; 
				width: 60px; height: 22px;
				margin-right: 225px; 
				font: 12px/20px Arial;
				color: #000;
				padding: 2px;
			}
			div.ec_box > div.left input.update { 
				float: none; 
				border: 1px solid #a1b087; 
				width: 268px; height: 18px; 
				margin-right: 15px;
				font: 12px/18px Arial;
				color: #000;
			}
			div.ec_box > div.left img.logo_image { 
				float: none; 
				width: 270px; 
				margin: 3px 15px 10px 0;
				box-shadow: 2px 2px 8px #888; 
			}
			
			div.ec_box > div.left input#in_logo {
				width: 206px; height: 19px;
				margin: 0 -4px 0 0;
				padding-left: 4px;
				border: 1px solid #a1b087;
				font: 12px/20px Arial;
				color: #000;
			}
			div.ec_box > div.left input[type="file"] {
				position: absolute; top: 4px; left: 75px;
				width: 270px;
				opacity: 0.0;
				filter:Alpha(opacity=0);
				cursor: pointer;
			}
			div.ec_box > div.left input.custombutton.savelogo {
				width: 270px;
				margin-bottom: 10px;
				cursor: pointer;
			}
			div.ec_box > div.left div.line > div.info_btn { 
				width: 17px; height: 17px;
				position: absolute; top: 7px; left: 144px;
				box-shadow: 1px 1px 3px #989898;
				color: #757575;
				cursor: pointer;
				font: bold italic 13px/16px Cambria;
				text-align: center;
				border-radius: 2px;
			}
				div.ec_box > div.left div.line > div.info_btn:hover {
					box-shadow: 2px 2px 3px #757575;
					color: #000;
				}
			div.ec_box > div.left div.line > div.active_info { 
				position: absolute; top: 5px; left: 170px;
				width: 160px;
				padding: 10px;
				background-color: #fff;
				color: #757575;
				box-shadow: 2px 2px 8px #484848;
				z-index: 99;
				display: none;
			}
			div.ec_box > div.left div.line > div.active_btn { 
				width: 17px; height: 17px;
				position: absolute; top: 7px; left: 74px;
				box-shadow: 1px 1px 3px #989898;
				border-radius: 2px;
			}
		div.ec_box > div.left div.line > div.label {
			width: 65px;
		}
		div.ec_box > div.left div.line > div.workarea {
			width: 295px;
			float: right;
		}
	div.ec_box > div.right {
		width: 421px; height: 425px;
		background-color: #dbdbdb;
		font: 12px/20px Arial;
		border-left: 1px solid #fff;
	}
	div.ec_box .instructions{
		font-style: italic;
		xheight: 18px;
		xpadding: 6px 0 5px 0px;
		width: 100%;
		color: #a56910;
		text-align: center;

	}
		div.ec_box > div.right > div.line { 
			width: 396px; 
			padding: 5px 0 5px 25px;
			border-bottom: 1px solid #fff;
		}
			div.ec_box > div.right > div.line.half { 
				width: 185px; 
				padding: 6px 0 6px 25px;
				border-bottom: 1px solid #fff;
			}
		div.ec_box > div.right > div.line > div.label {
			width: 100px;
		}
			div.ec_box > div.right > div.line > div.label.full {
				width: 312px;
				cursor: pointer;
			}
		div.ec_box > div.right > div.line > div.workarea {
			width: 282px;
			float: right;
			position: relative;
		}
		div.ec_box > div.right > div.line select {
			float: none; 
			border: 1px solid #a1b087; 
			width: 200px; height: 22px;
			font: 12px/20px Arial;
			color: #000; 
			padding: 2px;
		}
		div.ec_box > div.right > div.line > textarea {
			width: 358px;
			padding: 5px;
			font: 12px Arial;
			background-color: #fefefe;
			border: 1px solid #a1b087;
			height: 76px;
		}
		div.ec_box > div.right div.line div.distribution_btn { 
			width: 15px; height: 15px;
			box-shadow: 1px 1px 3px #989898;
			color: #757575;
			cursor: pointer;
			font: bold 16px/6px Cambria;
			border-radius: 2px;
			padding-top: 2px;
			padding-left: 3px;
			position: absolute; top: 2px; right: 55px;
		}
			div.ec_box > div.right div.line div.distribution_btn:hover {
				box-shadow: 2px 2px 3px #757575;
				color: #000;
			}
			

div#admin_fill > table.logo select.status,
div#admin_fill > table.logo input.update,
div#admin_fill > table.logo input#in_logo {
	font: 12px/20px Arial;
	color: #000;
	border: 1px solid #a1b087;
	height: 20px;
}
	div#admin_fill > table.logo select.status {
		height: 20px; width: 55px;
		padding: 2px;
	}
	div#admin_fill > table.logo input.update {
		padding-left: 4px;
	}
	div#admin_fill > table.logo input#in_logo {
		width: 201px; margin: 0;
		padding-left: 4px;
	}
	div#admin_fill > table.logo input.custombutton {
		margin: 0;
		cursor: pointer;
	}
	div#admin_fill > table.logo tr#logo_box {
		height: 30px;
		background-color: #d1dfb8;
		position: relative;
	}
	div#admin_fill > table.logo input[type="file"] {
		position: absolute; top: 589px; left: 134px;
		opacity: 0.0;
		filter:Alpha(opacity=0);
		cursor: pointer;
	}
		/* change this section's lead element from td.cell to div.buttons 9-10-2014 */
			div.buttons > div.popup {
				position: relative;
				display: none;
			}
			div.buttons > div.popup > div.box {
				position: absolute; top: 0; left: 100px;
				height: 70px; width: 280px;
				padding: 3px 8px 3px 15px;
				border: 1px solid lightblue; 
				box-shadow: 3px 3px 8px #888888;
				background-color: #fff;
			}
				div.buttons > div.popup > div.box.po { left: 80px; }
			div.buttons > div.popup > div.box > div {
				width: 90%; height: 20px;
			}
			div.buttons > div.popup > div.box > div.hdr {
				height: 24px; width: 100%;
				font: bold 13px/24px Arial;
				text-align: center;
				position: relative;
			}
			div.buttons > div.popup > div.box > div.hdr > div.close {
				position: absolute; top: 0; right: 0; 
				color: #868686;
				line-height: 12px;
			}
			div.buttons > div.popup > div.box > div.hdr > div.close:hover {
				cursor: pointer;
				color: #000;
			}
			div.buttons > div.popup > div.box > div.line {
				margin-left: 10px;
			}
			div.buttons > div.popup > div.box > div.line > a {
				color: #4A5C7B;
			}
			div.buttons > div.popup > div.box > div.line > a:hover {
				color: #2554A0;
			}
			div.buttons > div.popup > div.box > div.line > span {
				color: #868686;
			}
		/* END : change this section's lead element from td.cell to div.buttons 9-10-2014 */
			
/* New "View Company's User Side" button */
input.vcusFbtn {
	display: none;
	margin-top: 6px;
	cursor: pointer;
}

/* common to the two sections below */
	div.admin_header {
		width: 737px; height: 26px;
		background-color: #96aa71;
		color: #ffffff;
		font-weight: bold;
	}
	div.workbox {
		width: 767px; height: 450px;
		padding: 10px;
		background-color: #e1e1e1;
		margin: 6px 0 0 6px;
		box-shadow: inset -1px -1px 4px #888888, inset 1px 1px 4px #888888; 
	}
		div.workbox > div.full_line {
			width: 767px; height: 30px;	background-color: tan;
		}
		div.workbox > div.full_line:nth-child(odd) { background-color: lightblue; }
			div.workbox > div.full_line.first > div {
				height: 30px; line-height: 35px;
				padding-left: 4px;
			}
				div.workbox > div.full_line.first > div.w1 { width: 200px; }
				div.workbox > div.full_line.first > div.w2 { width: 180px; }
				div.workbox > div.full_line.first > div.w3 { width: 180px; }
				div.workbox > div.full_line.first > div.w4 { width: 180px; }
			div.workbox > div.full_line > select { font-family: Arial; }
			div.workbox > div.full_line > select#us_company {
				height: 28px; width: 200px;
				padding: 2px;
				margin-right: 8px;
				float: left;
			}
			div.workbox > div.full_line > select#us_user {
				height: 28px; width: 180px;
				padding: 2px;
				margin-right: 8px;
				float: left;
			}
			div.workbox > div.full_line.first > div.company {
				height: 30px; width: 200px;
				line-height: 30px;
				margin-right: 8px;
			}
			div.workbox > div.full_line.first > div.user {
				height: 30px; width: 180px;
				line-height: 30px;
				margin-right: 8px;
			}
		div.workbox > div.half_line {
			width: 375px; height: 30px;	background-color: tan;
		}
			div.workbox > div.half_line > input[type="checkbox"] { float: left; }
		div.workbox > div.left_box {
			width: 375px;	/* temp */ height: 250px; background-color: #f8d8b1;
			margin-right: 17px;
		}
		div.workbox > div.right_box {
			width: 375px;	/* temp */ height: 250px; background-color: #add6d6;
		}
/* END : common to the two sections below */

/* Connect Users to Sites */
	input#user_site_connect {
		display: none;
	}

/* END : Connect Users to Sites */

/* Connect Sites to Users */
	input#site_user_connect {
		display: none;
	}
/* END : Connect Sites to Users */

/* FSR Report */
	input#fsr_report {
		display: none;
	}
	div#fsrreport_fill {
		position:absolute; top: 270px; left: 296px;
		width: 310px;
		padding: 12px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000; 
		display: none;
	}
		div#fsrreport_fill > div.hdr {
			width: 310px;
			font: bold 14px/18px Arial;
			text-align: center;
			position: relative;
			margin: 12px 0 2px 0;
		}
		div#fsrreport_fill > div.subhdr {
			width: 310px; height: 15px;
			font: 12px/15px Arial;
			text-align: center;
			margin: 0 0 12px 0;
		}
		div#fsrreport_fill > div.hdr > div {
			position: absolute; top: -15px; right: 2px;
			font-size: 16px;
			cursor: pointer;
			color: #dd8a00;
		}
			div#fsrreport_fill > div.hdr > div:hover {
				color: #f4c87d;
			}
		div#fsrreport_fill > div.headline {
			width: 302px; height: 24px;	
			background-color: #f4c87d;
			font: bold 10px/24px Arial;
			padding-left: 8px;
			margin-bottom: 2px;
		}
			div#fsrreport_fill > div.headline > div.w1 { width: 130px; }
			div#fsrreport_fill > div.headline > div.w2 { width: 57px; text-align: center; }
		div#fsrreport_fill > div.dataline {
			width: 302px; height: 28px;	
			background-color: #eda630;
			font: 12px/28px Arial;
			padding-left: 8px;
			border-top: 1px solid #ffd359;
		}
			div#fsrreport_fill > div.dataline > div.w1 { width: 120px; }
			div#fsrreport_fill > div.dataline > div.w2 { width: 49px; text-align: right; padding-right: 8px; }
			
		div#fsrreport_fill > div.ftr {
			width: 310px; height: 30px;
			position: relative;
			margin-bottom: 10px;
		}
		div#fsrreport_fill > div.ftr > input {
			width: 310px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 8px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
		}
			div#fsrreport_fill > div.ftr > input:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
/* END : FSR Report */

/* All pending events Report */
	input#allpending_report {
		display: none;
	}
/* END : All pending events Report */

/* Quote Report */
	input#quote_report {
		display: none;
	}
	div#quotereport_fill {
		position: absolute; top: 270px; left: 244px;
		width: 343px;
		padding: 12px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000; 
		display: none;
	}
		div#quotereport_fill > div.hdr {
			width: 343px;
			font: bold 14px/18px Arial;
			text-align: center;
			position: relative;
			margin: 12px 0 2px 0;
		}
		div#quotereport_fill > div.subhdr {
			width: 343px; height: 15px;
			font: 12px/15px Arial;
			text-align: center;
			margin: 0 0 12px 0;
		}
		div#quotereport_fill > div.hdr > div {
			position: absolute; top: -15px; right: 2px;
			font-size: 16px;
			cursor: pointer;
			color: #dd8a00;
		}
			div#quotereport_fill > div.hdr > div:hover {
				color: #f4c87d; 
			}
		div#quotereport_fill > div.headline {
			width: 335px; height: 24px;	
			background-color: #f4c87d; 
			font: bold 10px/24px Arial;
			padding-left: 8px;
			margin-bottom: 2px;
		}
			div#quotereport_fill > div.headline > div.w1 { width: 130px; cursor: pointer; }
			div#quotereport_fill > div.headline > div.w2 { width: 57px; text-align: center; cursor: pointer; }
		div#quotereport_fill > div.dataline {
			width: 335px; height: 28px;
			background-color: #eda630;
			font: 12px/28px Arial;
			padding-left: 8px; color: #000;
			border-top: 1px solid #ffd359;
		}
			div#quotereport_fill > div.dataline > div.w1 { width: 120px; color: #000; }
			div#quotereport_fill > div.dataline > div.w2 { width: 49px; text-align: right; padding-right: 8px; }
			div#quotereport_fill > div.dataline > div.w2 > span {
				font-size: 10px;
				color: #794b00;
			}
			div#quotereport_fill > div.dataline > div.w2 > span:hover {
				cursor: pointer;
				text-shadow: 1px 1px 2px #533400;
				color: #000;
			}
			div#quotereport_fill > div.dataline:hover > div.acctmgr {
				cursor: pointer;
				text-shadow: 1px 1px 2px #533400;
				color: #000;
			}
		div#quotereport_fill > div.ftr {
			width: 343px; height: 30px;
			position: relative;
			margin-bottom: 10px;
		}
		div#quotereport_fill > div.ftr > input {
			width: 343px; height: 23px;
			font: 11px/23px Arial;
			margin-top: 8px;
			cursor: pointer;
			background-color: #f4c87d;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
		}
			div#quotereport_fill > div.ftr > input:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
/* END : Quote Report */


/* Vendor Rating Form (box) on the Events page */
	div.vr_box {
		position: absolute; top: 5px; right: 200px;
		width: 290px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		z-index: 99;
		display: none;
	}
	div.vr_box div.form_gray {
		color: #373737;
	}
		div.vr_box > div.header {
			font: bold 12px/30px Arial;
			width: 260px; height: 26px;
			padding: 2px;
			text-align: center;
			margin-left: 15px;
			border-bottom: 1px solid #373737;
			margin: 0 0 5px 15px;
		}
		div.vr_box > div.label {
			font: 12px/24px Arial;
			width: 260px; height: 24px;
			padding: 2px;
			text-align: left;
			margin-left: 15px;
		}
			div.vr_box > div.label.thin {
				height: 20px; padding: 0;
				line-height: 20px;
			}
		div.vr_box > div.field.stars {
			width: 260px; height: 30px;
			margin-left: 15px;
		}
			div.vr_box > div.field.stars > img {
				margin: 3px 3px 0 0;
				cursor: pointer;
			}
			div.vr_box > div.field.stars > div.rating_num {
				color: #000;
				float: right;
				font: bold 14px/24px Arial;
				height: 24px;
				margin: 3px 15px 0 0;
				text-align: center;
				width: 40px;
			}
			div.vr_box > div.field > select {
				width: 260px; height: 24px;
				margin-left: 15px;
				padding: 2px;
				font: 12px Arial;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
			}
			div.vr_box > div.field > textarea {
				width: 250px; height: 80px;
				padding: 5px;
				font: 12px Arial;
				float: left;
				margin-left: 15px;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
			}
			div.vr_box > input[type="button"] {
				float: left;
				margin-top: 12px;
				margin-bottom: 12px;
				cursor: pointer;
				box-shadow: inset 0 -1px 2px #744d0a;
				border: none;
				background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
			}
				div.vr_box > input[type="button"]:hover {
					box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
				}
				div.vr_box > input[type="button"]#savenewrating { width: 170px; }
				div.vr_box > input[type="button"]#cancelnewrating { width: 87px; }
/* END : Vendor Rating Form (box) on the Events page */

/* documents - NEW 2-18-2014 */
div#docs_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 2px;
}
	div#docs_fill > div.title {
		width: 100%; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
	div#docs_fill > div.list {
		width: 800px;
		position: relative;
	}
		div#docs_fill > div.header {
			width: 100%; height: 24px;
			font: bold 12px/24px Arial;
			background-color: #96aa71;
			text-indent: 25px;
			color: #fff;
		}
		div#docs_fill > div.list > div.category {
			width: 100%; height: 24px;
			font: bold small-caps 12px/28px Arial;
			text-indent: 12px;
			border-bottom: 3px solid #ffe6aa;
			margin: 20px 0 2px 0;
		}
		div#docs_fill > div.list > div.file {
			width: 785px; height: 22px;
			background-color: #dcdcdc;
			padding: 4px 0 4px 15px;
			border-bottom: 1px solid #bbb;
			font: 12px/22px Arial;
		}
		div#docs_fill > div.list > div.file:hover {
			background-color: #bed993;
		}
		div#docs_fill > div.list > div.file > a {
			width: 100%;
			margin-left: 10px;
			text-decoration: none;
			color: #000;
			font-weight: bold;
		}
/* END : documents - NEW 2-18-2014 */

/* next action - NEW 5-18-2015 */
div#nextaction_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
}
	div#nextaction_fill div {
		cursor: default;
	}
	div#nextaction_fill div.na_sortable {
		cursor: pointer;
	}
	div#nextaction_fill div.title {
		width: 790px; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
		div#nextaction_fill input#add_na,
		div#nextaction_fill input#filter_na,
		div#nextaction_fill input#sent_na,
		div#nextaction_fill input#complet_na,
		div#nextaction_fill input#na_filters_export {
			float: right;
			cursor: pointer;
			margin-bottom: 4px;
		}
		div#nextaction_fill input#reset_na {
			float: right;
			cursor: pointer;
			margin-bottom: 4px;
			margin-right: 4px;
			display: none;
		}
		div#nextaction_fill input#complet_na{
			color:#7e7d7d;
			margin-right: 4px;
		}
		div#nextaction_fill input#na_filters_export{
			margin-right: 4px;
		}
		div#nextaction_fill div.header {
			width: 790px; height: 24px;
			font: bold 12px/24px Arial;
			background-color: #96aa71;
			color: #fff;
			margin-bottom: 1px;
		}
		div#nextaction_fill div.listbox1_outer::-webkit-scrollbar {
  			width: 10px;
		}
		div#nextaction_fill div.listbox1_outer::-webkit-scrollbar-track {
			background: #f1f1f1;
			border-radius: 6px;
		}
		div#nextaction_fill div.listbox1_outer::-webkit-scrollbar-thumb {
			background: #96aa71;
			border-radius: 6px;
		}
		div#nextaction_fill div.listbox1_outer::-webkit-scrollbar-thumb:hover {
			background: #4b641b;
		}
		/* listbox1 outer and inner are generic "holders" for lists */
		div#project_fill div.listbox1_outer,
		div#tboard_fill div.listbox1_outer,
		div#inv_fill div.listbox1_outer,
		div#opp_fill div.listbox1_outer {
			width: 810px; 
			height: 680px;
			overflow-x: hidden;
			overflow-y: scroll;
		}
		div#nextaction_fill div.listbox1_outer{
			width: 802px; height: 650px;
			overflow: hidden;
			overflow-y: auto;
		}
		div#project_fill div.listbox1_inner,
		div#tboard_fill div.listbox1_inner,
		div#inv_fill div.listbox1_inner,
		div#opp_fill div.listbox1_inner {
			width: 810px;
		}
			div#inv_fill div.listbox1_inner { min-height: 320px; }
			div#nextaction_fill div.listbox1_inner span.na_loading,
			div#project_fill div.listbox1_inner span.na_loading,
			div#tboard_fill div.listbox1_inner span.na_loading,
			div#inv_fill div.listbox1_inner span.na_loading,
			div#opp_fill div.listbox1_inner span.na_loading {
				color: #444;
				font: 14px Arial;
				margin-left: 10px;
			}
				/*  image is spinning loader gif  */
			div#nextaction_fill img#customLoader,
			div#nextaction_fill div.listbox1_inner img#customLoader {
				width: 50px; height: 50px;
				margin-left: 370px;
				margin-top: 50px;
			}
		div#nextaction_fill div.row {
			width: 790px; 	/* height: 22px; */
			background-color: #dcdcdc;
			padding: 4px 0 4px 0;
			border-bottom: 1px solid #bbb;
			font: 12px/20px Arial;
		}
			div#nextaction_fill div.row.today { background-color: #f79d09; color: #fff; }
			div#nextaction_fill div.row.past { background-color: #bd3131; color: #fff; }
			div#nextaction_fill div.row.completed { background-color: #648828; color: #fff; }
			div#nextaction_fill div.row.selected { background-color: #90b358; color: #6b6b6b; }
			div#nextaction_fill div#na_box div.row { padding-left: 8px; }
						/*div#nextaction_fill div.row > div {
							cursor: default;
						}*/
		div#nextaction_fill div.read_unread { text-align: center; width:20px; }
		div#nextaction_fill div.read_unread div.circle{ width: 10px; height: 10px; border-radius: 50%; background: #FFF ;margin-left: 5px; margin-top: 5px;}
		div#nextaction_fill div.circle{ width: 12px; height: 12px; border-radius: 50%; background: #FFF ;margin-left: 5px; margin-top: 5px;}
		div#nextaction_fill div.na_num { width: 40px; font-size: 11px; text-align: center; margin-right: 5px; }
		div#nextaction_fill div.na_ddt { width: 80px; text-align: center; }
		div#nextaction_fill div.opp_owner,
		div#nextaction_fill div.na_owner
		{ width: 70px; text-align: center; font-weight: bold; }
		div#nextaction_fill div.na_action { width: 150px; }
		div#nextaction_fill div.na_company {
			display: flex;
			flex-direction: column;
			width: 180px; 
		}
		div#nextaction_fill div.na_note { width: 154px; padding-left: 6px; font-style: italic; color: #555; }
		div#nextaction_fill div.na_linkedto { width: 70px; text-align: center; }
		div#nextaction_fill div.na_status  { 
			/*width: 70px; */
			/*font: bold 11px/24px Arial;*/
			/*text-align: center;*/
			
		}
		div#nextaction_fill div.row:hover {
			background-color: #bed993;
		}
/* END : next action - NEW 2-18-2014 */

/* projects list - NEW 5-18-2015 */
div#project_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
}
	div#project_fill div.title {
		width: 790px; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
		div#project_fill i#list_return {
			vertical-align: text-top;
			font-size: 16px;
			cursor: pointer;
		}
		div#project_fill input#add_project,
		div#project_fill input#filter_project,
		div#project_fill input#excel_project,
		div#project_fill input#reset_project,
		div#project_fill input#heat_map,
		div#project_fill input#excel_all,
		div#project_fill input#excel_filters,
		div#project_fill input#excel_next_month,
		div#project_fill input#compare ,
		div#project_fill input#pl_budget_brake_down{
			float: right;
			cursor: pointer;
			margin-bottom: 4px;
			margin-right: 4px;
		}
	div#project_fill div.header,
	div#project_fill div.header_large, 
	div#project_fill div.header_sites	{
		width: 100%; 
		height: 24px; 
	}
	div#project_fill div.header_workorders{
		width: 97%; 
		height: 24px; 
		
	}
	
	div#project_fill div.header_large { 
		background-color: #96aa71;
		color: #fff;
		font: bold 21px/24px Arial; 
		margin-top:3px;
	}
	
	div#project_fill div.header_sites  { 
		background-color: #b5d084; 
		font: bold 12px/24px Arial; 
	}
	
	div#project_fill div.header_large {
		text-align: center;
	}
	div#project_fill div.header_sites > div {
		height: 100%;
		margin-left:20px;
	}
	
	
	
	
	div#project_fill .wo_row , div#project_fill .total_row{
		width:100%; 
		float:left; 
	}
	
	div#project_fill .wo_row div , div#project_fill .header_workorders div {
		width:16%; 
		float:left;
		text-indent: 14px;
	}
	
	div#project_fill .total_row div{
		width:33%; 
		float:left;
		text-align: center;
	}
	
	
	div#project_fill div.header,
	div#project_fill div.header_workorders { 
		background-color: #96aa71;
		color: #fff;
		font: bold 12px/24px Arial; 
	}
	
	
	
		div#project_fill div.header > div ,
		div#project_fill div.header_large > div ,
		div#project_fill div.header_workorders > div  {
			height: 100%;
			text-align: center;
		}
		div#project_fill div.header > div#p_number { width: 140px; text-align: left; text-indent: 8px; }
		div#project_fill div.header > div#p_customer { width: 160px; text-align: left; text-indent: 8px; }
		div#project_fill div.header > div#p_revenue { width: 70px; text-align: right; margin-right: 20px; text-indent: 5px; }
		div#project_fill div.header > div#p_onenotelink { width: 80px; }
		div#project_fill div.header > div#p_billtype { width: 30px; }
		div#project_fill div.header > div#p_datecreated { width: 70px; text-indent: 10px; }
		div#project_fill div.header > div#p_etype { width: 120px; }
		div#project_fill div.header > div#p_status { width: 65px; }
		div#project_fill div.header > div#p_edit { width: 20px; }
		div#project_fill div.header > div#p_add { width: 20px; }
	div#project_fill div#project_listbox div#recog_totals_row {
		width: 790px;  height: 16px; 
		background-color: #ffffff;
		font: small-caps 11px/16px Arial;
	}
			div#project_fill div#project_listbox div#recog_totals_row div {
				margin-right: 12px;
			}
		
		
	div#project_fill div.row {
		width: 790px; 	/* height: 22px; */
		background-color: #dcdcdc;
		padding: 4px 0 0 0;
		border-bottom: 1px solid #bbb;
		font: 12px/22px Arial;
	}

	div#project_fill div.row #procmsg{
	    background: url(../images/icons/spinner.gif) no-repeat 44%;
	    text-align: center;
	    width:100%;
	}

	div#project_fill div.row a.projdoc i.material-icons{
		font-size:22px;
		color:#7b1fa2;
	}
	div#project_fill div.row a.projdoc.empty i.material-icons{
		color:#c8b2d1;
	}

	div#project_fill div.row:hover {background-color: #00ff00;}
	div#project_fill div.row:hover div.proj_number.pn_link > a { color: darkgoldenrod; font-weight: bold; }
		div#project_fill div.row.eventspnl { font-size: 11px; }
		div#project_fill div.row.contractspnl { font-size: 11px; }
		div#project_fill div.row.today { background-color: #f79d09; color: #fff; }
		div#project_fill div.row.past { background-color: #bd3131; color: #fff; }
		div#project_fill div.row.completed { background-color: #648828; color: #fff; }
		div#project_fill div#na_box div.row { padding-left: 8px; }
		div#project_fill div.row div { text-indent: 5px; }
		
		div#project_fill div.row div.proj_number { width: 139px; }
		div#project_fill div.row div.proj_number > a { text-decoration: none; color: black; }
		div#project_fill div.row div.proj_number > a:hover { text-decoration: underline; }
		div#project_fill div.row div.proj_qty { width: 60px; }
		div#project_fill div.row div.proj_customer { width: 160px; text-indent: 0px; }
		div#project_fill div.row div.proj_revenue { width: 70px; text-align: right; margin-right: 20px; }
		div#project_fill div.row div.proj_onenotelink { width: 52px; text-indent:0;}
			div#project_fill div.row div.proj_onenotelink img { margin: 0 vertical-align: top;}
			div#project_fill div.row div.proj_onenotelink a {text-decoration: none; float: right;}
		div#project_fill div.row div.con_onenotelink { width: 70px; }
			div#project_fill div.row div.con_onenotelink img { opacity: 0.7; margin: 2px 0 0 0; }
			div#project_fill div.row div.con_onenotelink img:hover { opacity: 1.0; }
		div#project_fill div.row div.proj_datecreated { width: 70px; text-indent: 14px; }
		div#project_fill div.row div.proj_etype  { 	/* event type */
			width: 120px; 
			font: 11px/22px Arial;
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row div.proj_billtype{
			width: 30px;
			text-align:center;
		}
		div#project_fill div.row div.proj_status  { 
			width: 65px; 
			font: 11px/22px Arial;
			text-align: center;
			text-indent: 0;
		}
		div#opp_fill div.row div.opp_gotoquote .qt_box,
		div#opp_fill div.row div.opp_gotocost .cost_box,
		div#project_fill div.row div.proj_addevent,
		div#project_fill div.row div.proj_edit,
		div#project_fill div.row div.proj_notes  { 
			width: 14px; height: 14px;
			margin: 4px 0 0 3px;
			font: bold 10px/13px Arial;
			cursor: pointer;
			text-indent: 0;
			text-align: center;
			color: #888;
			border-width: 1px;
			border-style: solid;
			border-color: #aaa;
			border-radius: 4px;
		}

		div#project_fill div.row div.proj_notes { 
			background: url("../img/green_notes.png") no-repeat 2px 2px; 
			right: 24px;
		}
			div#opp_fill div.row div.opp_gotoquote .qt_box:hover,
			div#opp_fill div.row div.opp_gotocost .cost_box:hover,
			div#project_fill div.row div.proj_addevent:hover,
			div#project_fill div.row div.proj_edit:hover  {
				border: 1px solid #555;
				color: #000;
				background-color: #fff;
				font-size: 11px;
				box-shadow: 1px 2px 3px #888;
			}
		div#project_fill div.row:hover {
			background-color: #bed993;
			cursor: pointer;
		}
		
			/* project list "subs" list */
		div.proj_sublist {
			background-color: #f2f8e9;
			font: 12px/22px Arial;
			width: 790px;
			padding-bottom: 10px;
			border-bottom: 2px solid #fff;
			display: none;
			
		}
		div.proj_sublist_year {
			background-color: #f2f8e9;
			font: 12px/22px Arial;
			padding-bottom: 10px;
			border-bottom: 2px solid #fff;
			display: none;
		}
		
		
		div.proj_sublist_events {
			background-color: #f2f8e9;
			font: 12px/22px Arial;
			
			width: 770px;
			padding-bottom: 10px;
			border-bottom: 2px solid #fff;
			display: none;
		}
			div.psl_row_totals {
				width: 765px; height: 20px;		
				background-color: transparent;
				font: small-caps 11px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 25px;
				margin: 2px 0;
			}
				div.psl_row_totals input {
					background-color: transparent;
					float: left;
					font-size: 11px;
					height: 14px;
					margin: 1px 0 0 0;
					padding-left: 4px;
					width: 80px;
					font-weight: bold;
				}

				div.psl_row_totals input[type="text"]:disabled{
					background-color: transparent !important;
					margin-left: -1px;
				}

				div.psl_row_totals input.margin_total {
					width: 60px;
				}
				div.totals_text{
					padding-left: 48px;
				}
			div.psl_row_header {
				width: 786px; height: 20px;		
				background-color: #e4efd1;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 3px;
				margin-bottom: 5px;
			}
			div.psl_row_assets_header {
				width: 753px; height: 20px;		
				background-color: #e4efd1;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 20px;
				margin-bottom: 5px;
			}
			div.psl_row_years_header {
				width: 753px; height: 20px;		
				background-color: #e4efd1;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 20px;
				margin-bottom: 5px;
			}
			div.psl_row_sub_header {
				width: 745px; height: 20px;		
				background-color: #F4F9ED;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 15px;
				margin-bottom: 5px;
			}
			div.psl_row {
				width: 783px; height: 22px;		
				background-color: #e9f2d9;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 5px;
				position: relative;
			}
			
			div.psl_row_assets {
				width: 753px; height: 22px;		
				background-color: #ededed;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 20px;
				position: relative;
			}	
			div.psl_row_years {
				width: 753px; height: 22px;		
				background-color: #ededed;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 20px;
				position: relative;
			}	
			 div.psl_row_estimat {
				width: 753px; height: 22px;		
				background-color: #ededed;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 20px;
				position: relative;
			}	
			
			
			
			
			
			
			div.psl_row_sub_assets {
				width: 762px; height: 22px;		
				background-color: #e9f2d9;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 25px;
				position: relative;
			}
			
			div.psl_row_sub_events {
				width: 752px; height: 22px;		
				background-color: #ededed;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 15px;
				position: relative;
			}
			
			div.pl_event_popup{
				display:none;
				width: 350px; height: 150px;	
				background-color:#f2f2f2;
				border :1px solid #000000;
				z-index:998;
				position:absolute;
				margin-left: 395px
			}
			
			
			
			
				div.psl_row.fcg {
					color: #24651b;
					font-style: italic;
				}		/* fcg = font color green (font style was added later) */
				div.psl_row.bglight { background-color: #f2f8e9; }
				div.psl_row.main {   }
				div.psl_row.sub { background-color: #F4F9ED; }
				
				div.psl_row.deleting { 
					background-color: #cc5046; 
					color: #000;
				}
				
				div.psl_row:hover { text-shadow: 1px 1px 1px #999; }
				div.psl_row:hover div.psl_item_ae,
				div.psl_row:hover div.psl_item_notes,
				div.psl_row:hover div.psl_item_recogdate,
				div.psl_row:hover div.psl_item_delete
				{ text-shadow: none; }
				
				div.psl_row_sub_header div, div.psl_row_sub_assets div {
					text-align: left;
				}
				 
					/* Contract Budget and Contract P&L */
				 	div#project_fill > div#project_listbox > div.header > div.sort:hover { cursor: pointer; }
					div#project_fill div.header > div.contr_head_con_num { text-align:left; margin-left: 5px; width: 155px; }
					div#project_fill div.header > div.contr_head_qty { width: 50px; text-align: left; }
					div#project_fill div.header > div.contr_head_comp { width: 180px; text-align: left; }
					div#project_fill div.header > div.contr_head_date { width: 80px; text-align: left; }
					div#project_fill div.header > div.contr_head_price_total { width: 90px; text-align:center; margin-left: 8px; }
					div#project_fill div.header > div.contr_head_cost_total { width: 90px; text-align: center; }
					div#project_fill div.header > div.contr_head_margin { width:60px;  text-align: right; }

					div.contr_item_con_num { width: 155px; }
					div.contr_item_con_num a { color: black; }
					div.contr_item_qty { width: 50px; text-align: center;}
					div.contr_item_comp { width: 180px;   }
					div.contr_item_date { width: 80px;  }
					div.contr_item_total { width: 90px; text-align: right; }
					div.contr_item_margin { width:60px;  text-align: right;}
					div.contr_item_edit { 	
						width:15px; 
						float:right !important;
						margin-right: 10px;
						font: bold 10px/13px Arial;
						color: #888;
						border-width: 1px;
						border-style: solid;
						border-color: #aaa;
						border-radius: 4px;
						margin-top: 4px;}
					div.contr_item_edit:hover { 
						text-shadow: 0 0 1px #444; 
						opacity: 1.0;
						border: 1px solid #fff;
						background-color: white;
					}

					div#project_fill  div.title#compare_title { text-indent: 0px; }
					div#project_fill  div.title#compare_title span.material-icons-outlined {
							cursor: pointer;
							vertical-align: middle;
							color: #757575;
							margin-left: 8px;
					}
					div#project_fill div.header > div.contr_head_profit { text-align: right; width: 90px; margin-right: 5px; }
					div#project_fill div.header > div.contr_head_diff { text-align: right; width: 80px; }
					div#project_fill div.contr_item_profit { text-align: right; width: 90px; margin-right: 5px; cursor: pointer;}
					div#project_fill div.contr_item_diff { text-align: right; width: 80px; }
					/* END Contract Budget and Contract P&L */
										
					
					div.psl_item_opp_id{width: 60px;}
					div.psl_item_date_ex_close{width: 160px;    }
					div.psl_item_bucket{width: 100px; }
					div.psl_item_salesperson{width: 120px; }
					div.psl_item_es_price{width: 100px;text-align: right;}
					div.psl_item_es_cost{width: 100px;text-align: right;}
					div.psl_item_es_margin{width: 100px;text-align: right;}
					div.psl_item_no_results{width: 100%; text-align: center;}	
										
					div.psl_item_assets_id { width: 50px; }
					div.psl_item_qty_events { width: 50px;text-align: center; }
					div.psl_item_assets_type { width: 80px; }
					div.psl_item_assets_start { width: 65px; }
					div.psl_item_assets_end { width: 65px; }
					div.psl_item_assets_ls { width: 75px; text-align: center;}
					div.psl_item_assets_freqency { width: 80px; text-align: center;}
					div.psl_item_assets_billable { width: 50px; text-align: center;}
					div.psl_item_assets_major { width: 70px; text-align: right;}
					div.psl_item_assets_minor { width: 70px; text-align: right; }
					div.psl_item_assets_total { width: 70px; text-align: right;}					
										
					div.psl_item_assets_risk_title { width: 250px; text-align: center;}
					div.psl_item_assets_risk_reason {width: 250px; text-align: center;}
					div.psl_item_assets_risk_cost  { width: 80px; text-align: right;}
					div.psl_item_assets_risk_price  { width: 80px; text-align: right;}
					
					
					div.psl_item_event_type { width: 250px;}
					div.psl_item_event_count { width: 75px; text-align: center;}
					div.psl_item_event_price { width: 100px; text-align: center; margin-left: 100px;}
					div.psl_item_event_cost { width: 100px; text-align: center;}
					div.psl_item_event_margin { width: 100px; text-align: center;}
					
					
					div.psl_item_years_id { width: 100px; }
					div.psl_item_years_qty { width: 60px;text-align: center; }
					div.psl_item_years_start { width: 65px; }
					div.psl_item_years_end { width: 65px; }
					div.psl_item_years_major { width: 80px; text-align: right;}
					div.psl_item_years_minor { width: 80px; text-align: right; }
					div.psl_item_years_total { width: 70px; text-align: right;}
					
				
					
					
					
					
					div.psl_item_sub_date_id { width: 50px; }
					div.psl_item_sub_date_id a { color: black; }
					div.psl_item_sub_site { width: 250px; }
					div.psl_item_sub_scheduled_date { width: 100px; }
					div.psl_item_sub_status { width: 90px; }
					div.psl_item_sub_type { width: 60px; text-align: center;}
					div.psl_item_sub_qty { width: 60px; }
					div.psl_item_sub_price { width: 60px; text-align: right;}
					div.psl_item_sub_cost { width: 60px; text-align: right;}
					div.psl_item_sub_margin { width: 60px; text-align: right;}
					
					
				
					div.psl_item_billable { width: 29px; }
					div.psl_item_recog { width: 40px; }
					div.psl_item_recog_pct { width: 40px; }
						input.recognized_percent { 
							position: absolute; top: 0; left: 69px; 
							display: none;
							cursor: pointer;
							height: 18px; width: 40px;
							text-align: center;
							font: 11px Arial;
							color: #1869ba;
						}
					div.psl_item_number { width: 35px; }
					div.psl_row_header div.psl_item_type,
					div.psl_row div.psl_item_type { 
						width: 105px; 
						text-align: left; 
					}
					div.psl_row_assets_header div.psl_item_type,
					div.psl_row div.psl_item_type { 
						width: 105px; 
						text-align: left; 
					}
					div.psl_row_sub_header div.psl_item_type,
					div.psl_row div.psl_item_type { 
						width: 105px; 
						text-align: left; 
					}
					
						div.psl_row div.psl_item_type div { 
							margin-left: 8px;
							margin-right: 4px;
							color: gray;
							line-height: 16px;
						}
						div.psl_row div.psl_item_type .material-icons{
							font-size: 18px;
							color: #bed993;
							float:right;
							margin-top: 2px;
						}
					div.psl_item_cogs, div.psl_item_rev, div.psl_item_margin { width: 55px; text-align: center; }
					div.psl_item_eventdate { width: 64px; padding-left:8px; }
					div.psl_row div.psl_item_eventdate { width: 63px; padding-left:11px; }
					div.psl_row div.psl_item_eventdate a {
						color: #96aa71;
						cursor: pointer;
					}
					div.psl_row div.psl_item_eventdate a:hover {
						text-decoration: underline;
					}
					div.psl_item_shipcomp_date { width: 75px; margin-left: 2px; text-align: center; }
					div.psl_row_header div.psl_item_shipcomp_date { width: 76px; margin: 0; }
					div.psl_item_stage { width: 80px; margin: 0 4px; text-align: center; }
					div.psl_row div.psl_item_cogs, 
					div.psl_row div.psl_item_rev { text-align: right; width: 50px; padding-right: 4px; }
					div.psl_item_margin { text-align: right; width: 37px; padding-left: 0; }
					div.psl_item_wo, div.psl_item_po{
						width: 145px; padding-left: 10px;
					}
				
					#project_listbox div.psl_item_ae,
					#project_listbox div.psl_item_se,
					#project_listbox div.psl_item_add,
					#project_listbox div.psl_item_notes,
					#project_listbox div.psl_item_recogdate,
					#project_listbox div.psl_item_delete { 
						border-radius: 4px;
						border: 1px solid #adce71;
						color: #adce71;
						cursor: pointer;
						font: bold 10px/12px Arial;
						height: 14px;
						margin: 0 0 0 3px;
						text-align: center;
						text-indent: 0;
						width: 14px;
						position: absolute;
						top: 2px;
					}
						#project_listbox div.psl_item_notes { 
							background: url("../img/green_notes.png") no-repeat 2px 2px; 
							right: 24px;
						}
						#project_listbox div.psl_item_recogdate { 
							font-variant: small-caps;
							right: 82px;
						}
						#project_listbox div.psl_item_ae { 
							font-variant: small-caps;
							right: 43px;
						}
						#project_listbox div.psl_item_se { 
							font-variant: small-caps;
							right: 62px;
						}
						#project_listbox div.psl_item_delete { 
							right: 5px;
						}
						#project_listbox div.psl_item_add { 
							right: 82px;
							font: bold 10px/13px Arial;
						}
						div.psl_item_recogdate + div.psl_item_add{
							right: 102px !important;
						}


						#project_listbox div.psl_item_se:hover,
						#project_listbox div.psl_item_add:hover,
						#project_listbox div.psl_item_delete:hover,
						#project_listbox div.psl_item_recogdate:hover,
						#project_listbox div.psl_item_notes:hover,
						#project_listbox div.psl_item_ae:hover { 
							border: 1px solid #555;
							color: #000;
							background-color: #fff;
							box-shadow: 1px 2px 3px #888;
							text-shadow: none;
							cursor: pointer;
						}
						#project_listbox div.psl_item_notes:hover { 
							background: #fff url("../img/black_notes.png") no-repeat 2px 2px; 
						}

				div.psl_row div input.recog_chkbox {
					margin-left: 5px;
					cursor: pointer;
				}
			hr.psl_hr {
				width: 770px; height: 2px;
				background-color: #d1e4b2;
				border: none;
				display: inline-block;
				margin: 2px 0 2px 10px;
				border-bottom: 1px solid #96aa71;
			}
			div.psl_row.unassociated {
				color: #555;
				font-style: italic;
				font-variant: none;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: transparent;
			}
				/* P&L notes popup box */
					
					div.pnl_notebox {
						padding: 10px;
						z-index: 199;
						width: 612px;	height: 395px;
						position: absolute;
						top: 70px;
						left: 40px;
						display: none;
						background-color: #ffd359;
						box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 4px 6px 14px #000;
						font: 12px/24px Arial;
					}
						div.pnl_notebox div.pnb_inner {
							width: 610px; height: 395px;
						}
						div.pnl_notebox div.pnb_notebox,
						div.pnl_notebox .addpnlnote {
							width: 594px; height: 339px;
							background-color: #fff;
							border: 1px solid #d99d00;
							/* box-shadow: 0 0 3px #b87910 inset; */
							float: left;
							font: 12px Arial;
							padding: 8px;
							overflow-x: hidden;
							overflow-y: auto;
						}
						div.pnl_notebox .addpnlnote,
						div.pnl_notebox .savenotebtn{
							display:none;
						}
						div.pnl_notebox .addpnlnote textarea{
							width: 100%;
							height: 98%;
						}

						div.pnl_notebox div.pnb_infoline { 
							position: relative; 
							width: 610px; height: 15px;
							font: small-caps 11px/10px Arial;
							color: #5a3c07;
						}
							div.pnl_notebox div.pnb_infoline div#pnbi_sysid { width: 70px; }
							div.pnl_notebox div.pnb_infoline div#pnbi_location { width: 365px; }
							div.pnl_notebox div.pnb_infoline div#pnbi_dateid { width: 70px; text-align: right; }
							div.pnl_notebox div.pnb_infoline div#pnbi_date { width: 60px; text-align: right; }
						div.pnl_notebox div.pnbn_controls { 
							width: 100%;
							text-align: right;
							margin-top: 3px
						}
						div.pnl_notebox div#pnbn_controls_close {
							cursor: pointer;
							font-size: 14px;
							float:right;
							font-weight: bold;
						}
							div.pnl_notebox div#pnbn_controls_close:hover { color: #cc5046; }	/* light red */
						div.pnl_notebox div.pnb_note { 
							width: 100%;
							cursor: default;
							line-height: 16px;
						}
							div.pnl_notebox div.pnb_note { line-height: 18px; }
						div.pnl_notebox div.pnb_byline { 
							font-size: 10px;
							margin: 0 0 9px 0;
							text-indent: 10px;
							color: #656565;
							width: 100%;
							cursor: default;
						}
				
				/* END : project notes popup box */

/* END : projects list - NEW 5-18-2015 */
 
/* opportunities list - NEW 8-6-2015 */
div#opp_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
}
	div#opp_fill .listbox1_inner.opp_loading {
		overflow-y: hidden;
	}
	div#opp_fill .listbox1_inner #opp_loading {
		display: block;
    width: 15%;
    margin: 20px auto;
	}
	div#opp_fill div.title {
		width: 790px; height: 28px;
		font: bold 14px/24px Arial;
		margin-top: 0;
		text-indent: 5px;
		position: relative;
	}
		div#opp_fill div.title span#oppCt {
			color: #757575;
			margin-left: 5px;
		}
		div#opp_fill div.title > input:not(#salesboard_btn) {
			margin-right: 4px;
		}
		div#opp_fill div.title > input#reset_opp.active { color: #000000; }
		div#opp_fill div.title > input#reset_opp.inactive { color: #bdbfc3; pointer-events: none; }
		div#opp_fill input#add_opp,
		div#opp_fill input#filter_opp,
		div#opp_fill input#excel_smr,
		div#opp_fill input#reset_opp {
			float: right;
			cursor: pointer;
			margin-bottom: 4px;
			/* padding: 0 10px; */
		}
			div#opp_fill input#add_opp { width: 110px; }
			div#opp_fill input#filter_opp { width: 52px; }
			div#opp_fill input#reset_opp { width: 50px; }
			div#opp_fill input#excel_smr { width: 60px; }
			div#opp_fill input#salesboard_btn { width: 77px; }
			div#opp_fill img#lock_opp_filters { 
				float: right;
				margin-right: 5px;
				cursor: pointer;
				margin-top: 1px;
			}
		div#opp_fill input#salesboard_btn {
			cursor: pointer;
			margin-bottom: 4px;
			background: #79a431;
			background-image: -webkit-linear-gradient(top, #79a431, #618327);
			background-image: -moz-linear-gradient(top, #79a431, #618327);
			background-image: -ms-linear-gradient(top, #79a431, #618327);
			background-image: -o-linear-gradient(top, #79a431, #618327);
			background-image: linear-gradient(to bottom, #79a431, #618327);
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: 0 1px 2px #ccc;
			-moz-box-shadow: 0 1px 2px #ccc;
			box-shadow: 0 1px 2px #ccc;
			font-family: Arial;
			color: #ffffff;
			font-size: 11px;
			padding: 1px 6px;
			text-decoration: none;
			margin-left: 0;
			border: none;
			float: right;
		}
	div#opp_fill div.header {
		width: 790px; height: 24px;
		font: bold 12px/24px Arial;
		background-color: #96aa71;
		color: #fff;
	}
		div#opp_fill div.header > div {
			height: 100%;
			text-align: center; 
			cursor: pointer;
		}
		div#opp_fill div.header > div#col-salesperson { width: 35px; }
		div#opp_fill div.header > div#col-company_name { width: 250px; text-align: left; text-indent: 8px; }
		div#opp_fill div.header > div#col-division { width: 100px;  }
		div#opp_fill div.header > div#col-amount { width: 45px; }
		div#opp_fill div.header > div#col-quote_number { margin-left:40px; width: 126px; }
		div#opp_fill div.header > div#col-status { width: 37px; margin-left: 15px; }
		div#opp_fill div.header > div#col-date_created,
		div#opp_fill div.header > div#col-date_quoted,
		div#opp_fill div.header > div#col-date_expected_toclose,
		div#opp_fill div.header > div#col-date_won_lost { 
			width: 95px;
			margin-left: 5px;
		}
		div#opp_fill div.header > div#o_leadsource { width: 110px; }
		div#opp_fill div.header > div#o_poicon { width: 10px; }
		div#opp_fill div.header > div#o_gotoquote { width: 20px; }
	div#opp_fill div#dollar_totals_row {
		width: 790px;  height: 16px; 
		background-color: #ffffff;
		font: small-caps 11px/16px Arial;
	}
		div#dollar_totals_month,
		div#dollar_totals_etc,
		div#dollar_totals_won,
		div#dollar_totals_quoted,
		div#dollar_totals_lost {  
			width: 145px; 
			color: #333; 
			cursor: default; 
		}
		
		div#dollar_totals_month { margin-left: 5px; width: 130px; }	/* color: #444;  */
		div#dollar_totals_won { text-align: center; }	/* color: #638a20;  */
		div#dollar_totals_quoted { text-align: center; }	/* color: #15406a;  */
		div#dollar_totals_etc { text-align: center; width: 210px; }	/*color: #000;   */
		div#dollar_totals_lost {  text-align: right; }	/* color: #910000; */
		div#dollar_totals_etc_box {  		/* changed height from 45 to 58 to account for new status, future renewal, to be listed  6-12-2017 DE */
			background-color: beige;
			border: 1px solid #553809;
			box-shadow: 2px 3px 6px #555;
			color: #553809;
			display: none;
			font: 11px/13px Arial;
			height: 58px;
			left: 445px;
			line-height: 15px;
			padding: 5px;
			position: absolute;
			top: 75px;
			min-width: 160px;
			max-width: 175px;
			z-index: 10;
		}
			div#dollar_totals_etc_box div { width: 100%; }
			div#dollar_totals_etc_box span { color: #006400; }
	div#opp_fill div.row {
		position: relative;
		width: 790px; 	/* height: 22px; */
		background-color: #dcdcdc;
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #bbb;
		font: 12px/22px Arial;
	}
		div#opp_fill div.row div { text-align: center; } 
		div#opp_fill div.row div.opp_person{ width: 25px; }
		div#opp_fill div.row div.box{ width: 10px; height: 22px; margin-left: 3px; }
		div#opp_fill div.row div.box.contracted{ background:#96aa71; }
		div#opp_fill div.row div.opp_contact { width: 280px; text-align: left; text-indent: 5px; }
		
		div#opp_fill div.row div.opp_bucket { width: 40px; font-size: 11px; }
		
		div#opp_fill div.row div.opp_leadsource { width: 110px; }
		div#opp_fill div.row div.opp_date_created { width: 75px; }
		div#opp_fill div.row div.opp_date_quoted { width: 75px; }
		div#opp_fill div.row div.opp_date_expected_toclose { width: 75px; }
		div#opp_fill div.row div.opp_date_won_lost { width: 75px; }
		div#opp_fill div.row div.opp_quotenumber { width: 170px; padding-left: 5px;}
		div#opp_fill div.row div.opp_poicon { width: 10px; font-size: 9px; visibility: hidden; }
		div#opp_fill div.row div.opp_status { width: 50px; margin-left: -5px;}
		div#opp_fill div.row div.opp_amount { width: 85px; padding-right: 5px; text-align: right; background-color: beige; }
		div#opp_fill div.row div.opp_gotoquote { width: 20px; }
		div#opp_fill div.row div.opp_gotocost { width: 20px; }
		div#opp_fill div.row div.opp_description {
		    font-style: italic;
		    color: darkgoldenrod;
		    text-align: left;
		    text-indent: 5px;
		    margin-left: 38px;
		    margin-bottom: -2px;
		}
		div#opp_fill div.row:hover {
			background-color: #bed993;
			cursor: pointer;
		}
			/* opportunity - add or edit note section */
		div.na_right > div.oppn_addeditbox {
			width: 245px; height: 135px;
			position: absolute;
			display: none;
		}
		div#na_box div.oppn_addeditbox textarea.opp_textareaedit {
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #1869ba;
			font: 12px Arial;
			height: 105px;
			padding: 2%;
			width: 95%;
		}
		div#na_box div.oppn_addeditbox div.oppn_controls {
			width: 214px;
		}
		div#na_box div.oppn_addeditbox div.oppn_controls > div {
			cursor: pointer;
			float: left;
			font: 10px Arial;
			margin: 1px 4px 0 4px;
			color: #b0740f;
		}
			div#na_box div.oppn_addeditbox div.oppn_controls > div#oppn_controls_cancel { float: right; }
			div#na_box div.oppn_addeditbox div.oppn_controls > div#oppn_controls_save:hover { color: #000; }
			div#na_box div.oppn_addeditbox div.oppn_controls > div#oppn_controls_cancel:hover { color: #000; }
	
	div#opp_fill div#graph_bar {
		height: 23px;
		width: 300px;
		float: right;
		margin-right: 5px;
	}
		div#opp_fill div#graph_bar div#inner_bar {
			height: 21px;
			background-color: #f3bb52;
			margin-top: 1px;
		}
	div#opp_fill div#monthly_graph { 
		position: absolute;
		top: 0; left: 183px;
		margin-right: 4px;
		width: 300px;
		height: 21px;
		border: 1px solid #b38b42;
		font: 11px/21px Arial;
		cursor: default;
	}
	div#opp_fill div#monthly_sales {
		width: 140px; height: 100%;
		text-align: left;
	}
	
		div#opp_fill div#monthly_sales_box {  
			background-color: beige;
			border: 1px solid #553809;
			box-shadow: 2px 3px 6px #555;
			color: #553809;
			display: none;
			font: 11px/13px Arial;
			height: 60px;
			left: 170px;
			line-height: 15px;
			padding: 5px;
			position: absolute;
			top: 30px;
			width: 140px;
			z-index: 999;
		}
			div#opp_fill div#monthly_sales_box div { width: 100%; }
			div#opp_fill div#monthly_sales_box span { color: #006400; }

	div#opp_fill div#monthly_goal {
		width: 140px; height: 100%;
		text-align: right;
		padding-right: 10px;
		float: right;
		color: #6d4907;
	}
/* END : opportunities list - NEW 8-6-2015 */

/* events p&l list - NEW 3-23-2016 */
	div#project_fill input#filter_event_pnl,
	div#project_fill input#reset_event_pnl {
		float: right;
		cursor: pointer;
		margin-bottom: 4px; 
	}
		div#project_fill div.header > div#epnl_dateid { width: 65px; text-align: center; }
		div#project_fill div.header > div#epnl_customer { width: 200px; text-align: left; text-indent: 8px; }	/* 25 characters */
		div#project_fill div.header > div#epnl_location { width: 210px; text-align: left; text-indent: 8px; }	/* 35 characters */
		div#project_fill div.header > div#epnl_daterecognized { width: 90px; text-align: center; }
		div#project_fill div.header > div#epnl_asset_sysid { width: 110px; }
		div#project_fill div.header > div#epnl_eventtype { width: 110px; }
		div#project_fill div.header > div#epnl_status { width: 75px; }
		
		div#project_fill div.row div.epnl_dateid { width: 65px; text-align: center; }
		div#project_fill div.row div.epnl_customer { width: 200px; font-style: italic; }
		div#project_fill div.row div.epnl_location { width: 210px; }
		div#project_fill div.row div.epnl_daterecognized { width: 90px; text-align: center; }
		div#project_fill div.row div.epnl_asset_sysid  { 	/* event type */
			width: 110px; 
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row div.epnl_eventtype  { 	/* event type */
			width: 110px; 
			font: 11px/22px Arial;
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row div.epnl_status  { 
			width: 75px; 
			font: 11px/22px Arial;
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row:hover {
			background-color: #bed993; 
			cursor: pointer;
		}
		
			/* event P&L lists' "subs" list */
		div.epnl_sublist {
			background-color: #f2f8e9;
			font: 12px/22px Arial;
			width: 790px;
			padding-bottom: 10px;
			border-bottom: 2px solid #fff;
			display: none;
		}
			div.epnlsl_row_totals {
				width: 765px; height: 20px;		
				background-color: transparent;
				font: small-caps 11px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 25px;
				margin: 2px 0;
			}
				div.epnlsl_row_totals div:first-child { margin-left: 120px; }
				div.epnlsl_row_totals input {
					background-color: transparent;
					float: left;
					font-size: 11px;
					height: 14px;
					margin: 1px 8px 0 4px;
					padding-left: 4px;
					width: 120px;
					font-weight: bold;
				}
			div.epnlsl_row_header { 
				width: 765px; height: 20px;		
				background-color: #e4efd1;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 25px;
				margin-bottom: 5px;
			}
			div.epnlsl_row {
				width: 762px; height: 22px;		
				background-color: #e9f2d9;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 25px;
			}
				div.epnlsl_row.fcg { 
					color: #24651b; 
					font-style: italic;
				}		/* fcg = font color green (font style was added later) */
				div.epnlsl_row.bglight { background-color: #f2f8e9; }
				div.epnlsl_row.deleting { 
					background-color: #cc5046; 
					color: #000;
				}
					#project_listbox div.epnlsl_row.deleting div.psl_item_delete { 
						border: 1px solid #000;
						color: #000;
					}
				/*div.psl_row:nth-child(odd) { background-color: #e9f2d9; }*/
				
				div.epnlsl_row:hover { text-shadow: 1px 1px 1px #999; }
				div.epnlsl_row_header div, div.epnlsl_row div {
					text-align: center;
				}
					div.epnlsl_item_recog { width: 40px; }
					div.epnlsl_item_number { width: 60px; }
					div.epnlsl_row div.epnlsl_item_type,
					div.epnlsl_row_header div.epnlsl_item_type { 
						width: 110px; 
						text-indent: 5px; 
						text-align: left; 
					}
						div.epnlsl_row div.epnlsl_item_type div { 
							margin-left: 8px;
							margin-right: 4px;
							color: gray;
							line-height: 16px;
						}
					div.epnlsl_item_cogs, div.epnlsl_item_rev { width: 80px; }
					div.epnlsl_item_eventdate { width: 90px; }
					div.epnlsl_item_sysid { width: 90px; }
					div.epnlsl_item_condition { width: 100px; }
					div.epnlsl_row div.epnlsl_item_cogs, div.epnlsl_row div.epnlsl_item_rev { text-align: right; width: 70px; padding-right: 10px; }
					
					#project_listbox div.epnlsl_item_notes,
					#project_listbox div.epnlsl_item_delete { 
						border-radius: 4px;
						border: 1px solid #adce71;
						color: #adce71;
						cursor: pointer;
						font: bold 10px/13px Arial;
						height: 14px;
						margin: 4px 0 0 3px;
						text-align: center;
						text-indent: 0;
						width: 14px;
						float: right;
					}
						#project_listbox div.epnlsl_item_notes { background: url("../img/green_notes.png") no-repeat 2px 2px; }
						#project_listbox div.epnlsl_item_delete:hover { 
							border: 1px solid #555;
							color: #000;
							background-color: #fff;
							font-size: 11px;
							box-shadow: 1px 2px 3px #888;
							text-shadow: none;
							cursor: pointer;
						}
						#project_listbox div.epnlsl_item_notes:hover { 
							background: #fff url("../img/black_notes.png") no-repeat 2px 2px; 
							border: 1px solid #555;
							color: #000;
							font-size: 11px;
							box-shadow: 1px 2px 3px #888;
							text-shadow: none;
							cursor: pointer;
						}
				div.epnlsl_row div input.recog_chkbox {
					margin-left: 5px;
					cursor: pointer;
				}
			hr.epnlsl_hr {
				width: 770px; height: 2px;
				background-color: #d1e4b2;
				border: none;
				display: inline-block;
				margin: 2px 0 2px 10px;
				border-bottom: 1px solid #96aa71;
			}
			div.epnlsl_row.unassociated {
				color: #555;
				font-style: italic;
				font-variant: none;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: transparent;
			}
/* END : events p&l list - NEW 3-23-2016 */

/* contract p&l list - NEW 7-21-2016 */
	div#project_fill input#filter_contract_pnl,
	div#project_fill input#reset_contract_pnl {
		float: right;
		cursor: pointer;
		margin-bottom: 4px; 
	}
		div#project_fill div.header > div#cpnl_contractid { width: 55px; text-align: center; }
		div#project_fill div.header > div#cpnl_customer { width: 190px; text-align: left; text-indent: 8px; }	/* 25 characters */
		div#project_fill div.header > div#cpnl_asset_sysid { width: 60px; }
		div#project_fill div.header > div#cpnl_asset_type { width: 160px; text-align: left; text-indent: 8px; }	/* 35 characters */
		div#project_fill div.header > div#cpnl_level { width: 70px; text-align: center; }
		div#project_fill div.header > div#cpnl_dates { width: 150px; }
		div#project_fill div.header > div#cpnl_total { width: 90px; text-align: center; }
		
		div#project_fill div.row div.cpnl_contractid { width: 55px; text-align: center; text-indent: 0; }
		div#project_fill div.row div.cpnl_customer { width: 190px; font-style: italic; }
		div#project_fill div.row div.cpnl_asset_sysid  { 	/* event type */
			width: 60px; 
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row div.cpnl_asset_type { width: 160px; }
		div#project_fill div.row div.cpnl_level { width: 70px; text-align: center; }
		div#project_fill div.row div.cpnl_dates  { 	/* event type */
			width: 150px; 
			font: 11px/22px Arial;
			text-align: center;
			text-indent: 0;
		}
		div#project_fill div.row div.cpnl_total { width: 90px; text-align: right; padding-right: 5px; }
		div#project_fill div.row:hover {
			background-color: #bed993; 
			cursor: pointer;
		}
		
			/* contract P&L lists' "subs" list */
		div.cpnl_sublist {
			background-color: #f2f8e9;
			font: 12px/22px Arial;
			width: 790px;
			padding-bottom: 10px;
			border-bottom: 2px solid #fff;
			display: none;
		}
			div.cpnlsl_row_totals {
				width: 765px; height: 20px;		
				background-color: transparent;
				font: small-caps 11px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 25px;
				margin: 2px 0;
			}
				div.cpnlsl_row_totals div:first-child { margin-left: 120px; }
				div.cpnlsl_row_totals input {
					background-color: transparent;
					float: left;
					font-size: 11px;
					height: 14px;
					margin: 1px 8px 0 4px;
					padding-left: 4px;
					width: 120px;
					font-weight: bold;
				}
			div.cpnlsl_row_header { 
				width: 765px; height: 20px;		
				background-color: #e4efd1;
				font: small-caps 10px/18px Arial;
				color: #334417;
				border-bottom: 1px solid #96aa71;
				padding-left: 25px;
				margin-bottom: 5px;
			}
			div.cpnlsl_row {
				width: 762px; height: 22px;		
				background-color: #e9f2d9;
				font: 11px/20px Arial;
				color: #000;
				padding-left: 25px;
			}
				div.cpnlsl_row.fcg { 
					color: #24651b; 
					font-style: italic;
				}		/* fcg = font color green (font style was added later) */
				div.cpnlsl_row.bglight { background-color: #f2f8e9; }
				div.cpnlsl_row.deleting { 
					background-color: #cc5046; 
					color: #000;
				}
					#project_listbox div.cpnlsl_row.deleting div.psl_item_delete { 
						border: 1px solid #000;
						color: #000;
					}
				#project_listbox div.cpnl_sortable { cursor: pointer; }
				div.cpnlsl_row:hover { text-shadow: 1px 1px 1px #999; }
				div.cpnlsl_row_header div, div.cpnlsl_row div {
					text-align: center;
				}
					div.cpnlsl_item_recog { width: 40px; }
					div.cpnlsl_item_number { width: 60px; }
					div.cpnlsl_row div.cpnlsl_item_type,
					div.cpnlsl_row_header div.cpnlsl_item_type { 
						width: 110px; 
						text-indent: 5px; 
						text-align: left; 
					}
						div.cpnlsl_row div.cpnlsl_item_type div { 
							margin-left: 8px;
							margin-right: 4px;
							color: gray;
							line-height: 16px;
						}
					div.cpnlsl_item_cogs, div.cpnlsl_item_rev { width: 80px; }
					div.cpnlsl_item_eventdate { width: 90px; }
					div.cpnlsl_item_sysid { width: 90px; }
					div.cpnlsl_item_condition { width: 100px; }
					div.cpnlsl_row div.cpnlsl_item_cogs, div.cpnlsl_row div.cpnlsl_item_rev { text-align: right; width: 70px; padding-right: 10px; }
					
					#project_listbox div.cpnlsl_item_notes,
					#project_listbox div.cpnlsl_item_delete { 
						border-radius: 4px;
						border: 1px solid #adce71;
						color: #adce71;
						cursor: pointer;
						font: bold 10px/13px Arial;
						height: 14px;
						margin: 4px 0 0 3px;
						text-align: center;
						text-indent: 0;
						width: 14px;
						float: right;
					}
						#project_listbox div.cpnlsl_item_notes { background: url("../img/green_notes.png") no-repeat 2px 2px; }
						#project_listbox div.cpnlsl_item_delete:hover { 
							border: 1px solid #555;
							color: #000;
							background-color: #fff;
							font-size: 11px;
							box-shadow: 1px 2px 3px #888;
							text-shadow: none;
							cursor: pointer;
						}
						#project_listbox div.cpnlsl_item_notes:hover { 
							background: #fff url("../img/black_notes.png") no-repeat 2px 2px; 
							border: 1px solid #555;
							color: #000;
							font-size: 11px;
							box-shadow: 1px 2px 3px #888;
							text-shadow: none;
							cursor: pointer;
						}
				div.cpnlsl_row div input.recog_chkbox {
					margin-left: 5px;
					cursor: pointer;
				}
			hr.cpnlsl_hr {
				width: 770px; height: 2px;
				background-color: #d1e4b2;
				border: none;
				display: inline-block;
				margin: 2px 0 2px 10px;
				border-bottom: 1px solid #96aa71;
			}
			div.cpnlsl_row.unassociated {
				color: #555;
				font-style: italic;
				font-variant: none;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: transparent;
			}
/* END : contract p&l list - NEW 7-21-2016 */

/* inventory page - NEW 11-10-2015 */
div#inv_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
	margin-bottom: 400px;
}
	div#inv_fill div.title {
		width: 100%; height: 28px;
		font: bold 14px/24px Arial;
		margin-top: 0;
		text-indent: 5px;
		position: relative;
	}
		/*  image is spinning loader gif  */
		div#inv_fill img#customLoader,
		div#inv_fill div.listbox1_inner img#customLoader {
			width: 50px; height: 50px;
			margin-left: 370px;
			margin-top: 50px;
		}

	img#inventoryListLoader{
		margin-left: 370px;
		width: 50px;
		height: 50px;
	}	
	div#inv_fill input#old_inv,
	div#inv_fill input#new_inv,		
	div#inv_fill input#add_inv,
	div#inv_fill input#filter_inv,
	div#inv_fill input#search_inv,
	div#inv_fill input#excel_inv,
	div#inv_fill input#pdf_sticker,
	div#inv_fill input#upload_inv,
	div#inv_fill input#reset_inv {
		float: right;
		cursor: pointer;
		margin-bottom: 4px;
		padding: 0 10px;
	}
		div#inv_fill input#add_inv { width: 75px; }		/* width: 110px; */
		div#inv_fill input#filter_inv { width: 57px; }
		div#inv_fill input#reset_inv { width: 56px; }
		div#inv_fill input#old_inv { width: 40px; }
		div#inv_fill input#new_inv { width: 40px; }
	div#inv_fill input#search_input {
		float: right;
		width: 200px;
		border: 1px solid #bdbfc3;
		height: 21px;
		padding: 0 5px;
	}
		
	/* inventory filters box (popup) (added 11-13-2015) */
		#inv_filterbox {
			position: absolute;
			padding: 5px 12px 12px 12px;
			z-index: 99;
			width: 200px;
			max-height: 525px;
			overflow-y: auto;
			overflow-x: hidden;
			top: 40px;
			left: 440px;
			background-color: #ffd359;
			box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
			display: none;
		}
			#inv_filterbox > #loading {
				text-align: center;
				font: bold 13px/24px Arial;
				margin-top: 7px;
			}
			#inv_filterbox > div#close_inv_filters {
				background-color: transparent;
				border: medium none;
				color: #f9deb0;
				cursor: pointer;
				float: right;
				font: bold 14px Arial;
				margin-left: 2px;
				padding: 0 4px 2px;
				position: absolute;
				right: 5px;
				top: 5px;
				z-index: 999;
			}
				#inv_filterbox > div#close_inv_filters:hover {
					color: #fff;
					text-shadow: 1px 1px 2px #9e7227;
					cursor: pointer; 
				}
			#inv_filterbox > div.filter_header {
				font: bold 12px/24px Arial;
				height: 26px;
				margin-top: 6px;
				text-align: center;
				width: 190px;
			}
			#inv_filterbox div.filter_row {
				background-color: transparent;
				margin-bottom: 2px;
				width: 200px;
			}
				#inv_filterbox div.filter_row#vendornote_row { display: none; }
				#inv_filterbox div.frow_label {
					height: 20px;
					width: 100%;
					font: 12px/24px Arial;
					text-indent: 4px;
				}
				#inv_filterbox div.filter_row select {
					background-color: #fff;
					border: 1px solid #d99d00;
					/* box-shadow: 0 0 3px #b87910 inset; */
					font: 12px/24px Arial;
					height: 24px;
					padding: 2px;
					width: 200px; 
				}
				#inv_filterbox div.filter_row input[type="text"] {
					background-color: #fff;
					border: 1px solid #d99d00;
					/* box-shadow: 0 0 3px #b87910 inset; */
					font: 12px/24px Arial;
					height: 18px;
					padding: 2px 2px 2px 5px;
					width: 191px;
				}
				#inv_filterbox div.filter_row input[type="button"] {
					width: 200px;
					cursor: pointer;
					background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
					border: medium none;
					box-shadow: 0 -1px 2px #744d0a inset;
					margin: 15px 0 10px 0;
				}
			/* below is the styling for the filter description line which shows when the inventory list has been filtered or searched */
		div#inventory_filters {
			width: 100%;
			color: #777;
			font: 11px/14px Arial;
			padding-bottom: 4px;	
		}
			div#inventory_filters span { 
				color: #333; 
				margin-right: 10px;
			}
			
	/* END : inventory filters box (popup) (added 11-13-2015) */
	
	/* inventory inventory upload file box (popup) (added 12-16-2015) */
		#inv_uploadfile_box {
			position: absolute;
			padding: 5px 12px 12px 12px;
			z-index: 99;
			width: 200px;
			max-height: 525px;
			overflow-y: auto;
			overflow-x: hidden;
			top: 40px;
			left: 140px;
			background-color: #ffd359;
			box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
			display: none;
		}
			#inv_uploadfile_box div#close_inv_uploadfile {
				background-color: transparent;
				border: medium none;
				color: #f9deb0;
				cursor: pointer;
				float: right;
				font: bold 14px Arial;
				margin-left: 2px;
				padding: 0 4px 2px;
				position: absolute;
				right: 5px;
				top: 5px;
				z-index: 999;
			}
				#inv_uploadfile_box div#close_inv_uploadfile:hover {
					color: #fff;
					text-shadow: 1px 1px 2px #9e7227;
					cursor: pointer; 
				}
			#inv_uploadfile_box div.uploadfile_header {
				font: bold 13px/24px Arial;
				height: 20px;
				margin-top: 10px;
				text-align: center;
				width: 100%;
			}
			#inv_uploadfile_box div.uploadfile_row {
				background-color: transparent;
				margin-bottom: 2px;
				width: 200px;
			}
				#inv_uploadfile_box div.uploadfile_row label {
					height: 20px;
					width: 200px;
					font: small-caps 12px/24px Arial;
					text-indent: 4px;
					color: #825409;
				}
					#inv_uploadfile_box div.uploadfile_row label#inv_po_refnumber,
					#inv_uploadfile_box div.uploadfile_row label#inv_idnumber {
						display: block; 
						text-indent: none; 
						text-align: center;
						color: #593a06;
						height: 16px;
					}
				#inv_uploadfile_box div.uploadfile_row input[type="radio"] {
					margin-top: 0;
				}
				#inv_uploadfile_box div.uploadfile_row input[type="text"] {
					background-color: #fff;
					border: 1px solid #d99d00;
					/* box-shadow: 0 0 3px #b87910 inset; */
					font: 12px/24px Arial;
					height: 18px;
					padding: 2px 2px 2px 5px;
					width: 191px;
					margin-top: 6px;
				}
				#inv_uploadfile_box div.uploadfile_row input[type="button"],
				#inv_uploadfile_box div.uploadfile_row input[type="submit"] {
					width: 200px;
					cursor: pointer;
					background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
					border: medium none;
					box-shadow: 0 -1px 2px #744d0a inset;
					margin: 4px 0 5px 0;
				}
					#inv_uploadfile_box div.uploadfile_row input#inv_uploadfile_btn {
						margin-top: 0;
					}
				#inv_uploadfile_box div.uploadfile_row input#file_to_upload[type="file"] {
					width: 198px; height: 21px;
					position: absolute; top: 155px; left: 12px;
					opacity: 0.0;
					cursor: pointer;
				}
			#inv_uploadfile_box div.uploadfile_row div.file_download {
				float: right;
				overflow: hidden;
				text-decoration: none;
				width: 165px;
			}
				#inv_uploadfile_box div.uploadfile_row div.file_download a {
					color: #000;
					cursor: pointer;
					font: italic 12px/24px Arial;
					text-decoration: none;
				}
					#inv_uploadfile_box div.uploadfile_row div.file_download a:hover { text-shadow: 1px 1px 1px #8c5f09; }
			#inv_uploadfile_box div#uploadfile_leftcolumn {
				width: 24px; height: 136px;
				margin: 20px 12px 5px 0;
			}
				#inv_uploadfile_box div#uploadfile_leftcolumn div.thumbbox {
					border: 1px solid #b87910;
					height: 22px;
					margin-bottom: 10px;
					width: 22px;
					cursor: pointer;
					background-color: f3b43d;
					font: 12px/22px Arial;
					text-align: center;
					color: #999;
				}
					#inv_uploadfile_box div#uploadfile_leftcolumn div.thumbbox:hover { box-shadow: 1px 2px 2px #ac7c00; }
			#inv_uploadfile_box div#uploadfile_middlecolumn {
				width: 150px; height: 136px;
				margin: 15px 12px 5px 0;
			}
				#inv_uploadfile_box div#uploadfile_middlecolumn div.smallimagebox {
					width: 147px; height: 134px;
					border: 1px solid #b87910;
					background-color: beige;
					cursor: pointer;
					font: 14px/134px Arial;
					text-align: center;
					color: #b87910;
				}
					#inv_uploadfile_box div#uploadfile_middlecolumn div.smallimagebox:hover { box-shadow: 1px 2px 2px #ac7c00; }
			#inv_uploadfile_box div#uploadfile_rightcolumn {
				width: 225px; height: 200px;
				margin-top: 15px;
				margin-bottom: 5px;
				color: #5a3c07;
				position: relative;
			}
				#inv_uploadfile_box div#uploadfile_rightcolumn div.photo_label {
					width: 100%; height: 20px;
					font: small-caps 11px/22px Arial;
				}
			form#inventory_uploadphoto {
				width: 100%;
			}
			form#inventory_uploadphoto #ivn_image_to_upload {
				width: 100%; 
				margin: 0; 
				height: 60px;
			}
			form#inventory_uploadphoto #ivn_image_to_upload  .instructions{
				padding: 10px 10px;
			}
			form#upload_invfile #inv_file {
				width: 100%; 
				margin: 0; 
				height: 100px;
			}
			form#upload_invfile #inv_file  .instructions{
				padding: 25px 10px;
			}
			
				form#inventory_uploadphoto input[type="file"] {
					width: 100%;
					cursor: pointer;
					opacity: 0.0;
					position: absolute; bottom: 0; left: 0;
				}
				form#inventory_uploadphoto input[type="button"] {
					width: 100%;
					cursor: pointer;
					background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
					border: medium none;
					box-shadow: 0 -1px 2px #744d0a inset;
					position: absolute; bottom: 0; left: 0;
				}
			
	/* END : inventory upload file box (popup) (added 12-16-2015) */
		
	div#inv_fill div.header {
		width: 790px; height: 24px;
		font: bold 12px/24px Arial;
		background-color: #96aa71;
		color: #fff;
		margin-bottom: 5px;
	}
		div#inv_fill div.header > div {
			height: 100%;
			text-align: center; 
			cursor: default;
		}
		div#inv_fill div.header > div.inv_sortable { cursor: pointer; }
		div#inv_fill div.header > div.tal { text-align: left; }
		
		/*div#inv_fill div.header > div:nth-child(even) { background-color: lightblue; }*/
		div#inv_fill div.header > div#i_type { width: 40px; }
		div#inv_fill div.header > div#i_item_code { width: 135px; margin-right: 6px; }
		div#inv_fill div.header > div#i_location { width: 30px; }
		div#inv_fill div.header > div#i_lot_number { width: 19px; }
		div#inv_fill div.header > div#i_manufacturer { width: 108px; margin-left: 5px; }
		div#inv_fill div.header > div#i_model { width: 115px; }
		div#inv_fill div.header > div#i_condition { width: 45px; }
				/* div#inv_fill div.header > div#i_serial_no { width: 105px;  } */
		div#inv_fill div.header > div#i_size { width: 60px; }
		div#inv_fill div.header > div#i_voltage { width: 65px; }
		div#inv_fill div.header > div#i_datecode { width: 45px; }
		div#inv_fill div.header > div#i_available { width: 55px; }
		/*div#inv_fill div.header > div#i_vendor { width: 105px; }*/
		div#inv_fill div.header > div#i_unit_cost { width: 85px; padding-right: 2px; }
		div#inv_fill div.header > div#i_tooltip { width: 5px; }
		div#inv_fill div.inv_row {
			width: 790px; 	/* height: 22px; */
			background-color: #e2e2e2;
			padding: 4px 0 4px 0;
			border-bottom: 1px solid #bbb;
			font: 11px/22px Arial;
			position: relative;
		}
		
		div#inv_fill div.inv_row > div { text-align: center; } 
		div#inv_fill div.inv_row > div.h22 { height: 22px;  } 
		div#inv_fill div.inv_row > div.fsicg { font-style: italic; color: #444;  } 
		div#inv_fill div.inv_row div.fvsc { font-variant: small-caps;  } 
		div#inv_fill div.inv_row div.inv_type { width: 40px; }
			div#inv_fill div.inv_row div.inv_type div.frame { 
				height: 18px;
				line-height: 18px;
				margin: 1px 0 0 2px;
				width: 34px;
				border: 1px solid transparent; 
			}
				div#inv_fill div.inv_row div.inv_type div.frame { border: 1px dotted transparent; }
				div#inv_fill div.inv_row div.inv_type div.frame.dkborder { border: 1px solid #bebebe; }
				div#inv_fill div.inv_row div.inv_type div.frame:hover { border-color: #607043; }
		div#inv_fill div.inv_row div.inv_item_code { width: 137px; margin-right: 4px; }
			div#inv_fill div.inv_row div.inv_item_code div.folder {
				height: 18px;
				line-height: 18px;
				margin: 1px 0 0 2px;
				width: 135px;
				border: 1px dotted transparent; 
				text-align: left;
				text-indent: 2px;
			}
				div#inv_fill div.inv_row div.inv_item_code div.folder.dkborder {  border: 1px solid #bebebe; }
				div#inv_fill div.inv_row div.inv_item_code div.folder.dbldkborder {  border: 1px solid #bebebe; border-right: 3px double #bebebe; }
				div#inv_fill div.inv_row div.inv_item_code div.folder:hover { border-color: #607043; }
				
		div#inv_fill div.inv_row div.inv_location { width: 30px; text-align: center; }
		div#inv_fill div.inv_row div.inv_lot_number { width: 19px; text-align: center; }
		div#inv_fill div.inv_row div.inv_manufacturer { width: 108px; text-align: left; text-indent: 2px; margin-left: 5px; }
		div#inv_fill div.inv_row div.inv_model { width: 115px; text-align: left; text-indent: 2px; }
		div#inv_fill div.inv_row div.inv_condition { width: 45px; }
		div#inv_fill div.inv_row div.inv_size { width: 60px; }
		div#inv_fill div.inv_row div.inv_voltage { width: 65px; }
		div#inv_fill div.inv_row div.inv_datecode { width: 45px; }
		div#inv_fill div.inv_row div.inv_available { width: 50px; box-sizing: border-box; }
		/*div#inv_fill div.inv_row div.inv_vendor { width: 105px; text-align: left; text-indent: 2px; }*/
		div#inv_fill div.inv_row div.inv_unit_cost { 
			width: 65px;  
			text-align: right; 
			padding-right: 3px;
			background-color: #ffffff;
			margin-left: 4px;
		}
		div#inv_fill div.inv_row div.inv_tooltip { 
			border-color: #aaa;
			border-radius: 4px;
			border-style: solid; 
			border-width: 1px; 
			color: #888;
			cursor: pointer;
			font: italic bold 9px/14px Georgia;
			height: 14px;
			margin: 2px 0 0 7px;
			text-align: center;
			text-indent: 0;
			width: 12px;
		}
			div#inv_fill div.inv_row div.inv_tooltip:hover {	
				border: 1px solid #555;
				color: #000;
				background-color: #fff;
				box-shadow: 1px 2px 3px #888;
			}
		div#inv_fill div.inv_row:hover {
			background-color: #bed993;
			cursor: pointer;
		}
		div.tooltip {
			position: absolute; top: 35px; right: 30px;
			width: 380px; 
			overflow: hidden;
			overflow-y: auto;
			background-color: #ffffff;
			border: 1px solid #bbb;
			font: 11px Arial;
			display: none;
			z-index: 200; 
			padding: 6px 6px 8px 6px;
			text-align: left;
			box-shadow: 1px 2px 5px #222;
			text-align: left;
		}
		div.tooltip.bottom { position: absolute; top: auto; bottom: 35px; right: 30px; }
			div#inv_fill div.inv_row div.tooltip div {
				background-color: transparent;
				text-align: left;
			}
				div#inv_fill div.inv_row div.tooltip div.description { margin-bottom: 10px; width: 100%; }
				div#inv_fill div.inv_row div.tooltip div.sku { width: 370px; }
				div#inv_fill div.inv_row div.tooltip div.type { width: 220px; }
				div#inv_fill div.inv_row div.tooltip div.saleable { width: 220px; }
				div#inv_fill div.inv_row div.tooltip div.serial_no { width: 300px; }
				div#inv_fill div.inv_row div.tooltip div.vendor { width: 300px; }
				div#inv_fill div.inv_row div.tooltip div.phase { float: right; width: 70px;  text-align: right; }
				div#inv_fill div.inv_row div.tooltip div.qty { float: right; width: 70px;  text-align: right; }
				div#inv_fill div.inv_row div.tooltip div.added_by { width: 195px; }
				div#inv_fill div.inv_row div.tooltip div.added_on { width: 115px; }
				div#inv_fill div.inv_row div.tooltip div.inv_id { width: 70px; text-align: right; }
			div#inv_fill div.inv_row div.tooltip div span {  
				color: #334417; 
				background-color: transparent; 
			}
				div.inv_tooltip:hover ~ div.tooltip { display: block; }
				
		/* NEW inventory excel reports box  1-26-2018 */
			div#excel_reports_box {
				background-color: #ffd359;
				box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
				display: block;
				padding: 5px 15px 15px 15px;
				position: absolute; top: 32px; left: 148px;
				max-width: 292px;
				z-index: 995;
				display: none;
			}
				div#excel_reports_box > div.hdr {
					height: 24px;
					margin: 4px 0 4px 0;
					padding: 2px;
					width: 286px;
					text-align: center;
					font: bold 12px/24px Arial;
				}
				div#excel_reports_box input[type="button"] {
					background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
					border: medium none;
					box-shadow: 0 -1px 2px #744D0A inset;
					cursor: pointer;
					font: 11px/21px Arial;
					height: 23px;
					margin-top: 5px;
				}
					div#excel_reports_box input[type="button"]#getfullinventoryreport { width: 50px; } 
					div#excel_reports_box input[type="button"]#getnewinventoryreport { width: 50px; } 
					div#excel_reports_box input[type="button"]#gettransactionreport { width: 110px; }
					div#excel_reports_box input[type="button"]#settransactionreportdates { width: 30px; }
					div#excel_reports_box input[type="button"]#getpickticketreport { width: 68px; }
					div#excel_reports_box>div#cancelinventoryreport { 
						background-color: transparent;
						border: medium none;
						color: #f9deb0;
						cursor: pointer;
						float: right;
						font: bold 14px Arial;
						margin-left: 2px;
						padding: 0 4px 2px;
						position: absolute;
						right: 5px;
						top: 5px;
						z-index: 999;}
					div#excel_reports_box input[type="button"]#continueinventoryreport { 
						width: 292px;
						margin-top: 15px; 
					}
				div#excel_reports_box > div.daterange_options { display: none; }
				
				div#excel_reports_box > div.daterange_options div#erb_title {
					font: 10px/16px Arial;
					color: brown;
					height: 16px;
					width: 290px;
					margin-top: 10px;
					text-align: center;
				}
				
				div#excel_reports_box > div.daterange_options div#erb_dateline { 	/* erb = excel report box */
					width: 290px; 
					margin-top: 10px;
				}
					div#excel_reports_box > div.daterange_options div#erb_dateline div {
						width: 40px; height: 24px;
						font: small-caps 11px/24px Arial;
						margin-left: 22px;
					}
					div#excel_reports_box > div.daterange_options div#erb_dateline select {
						height: 24px;
						padding: 1px;
						background-color: #fff;
						border: 1px solid #d99d00;
						font: 11px Arial;
						color: #000;
					}
				div#excel_reports_box > div.daterange_options div#erb_customerline { 	/* erb = excel report box */
					width: 290px; 
					margin-top: 10px;
					display:none;
				}
					div#excel_reports_box > div.daterange_options div#erb_customerline div {
						width: 60px; height: 24px;
						font: small-caps 11px/24px Arial;
						margin-left: 22px;
					}
					div#excel_reports_box > div.daterange_options div#erb_customerline select {
						height: 24px;
						padding: 1px;
						background-color: #fff;
						border: 1px solid #d99d00;
						font: 11px Arial;
						color: #000;
					}	
					
					
			
			
		/* END :: NEW inventory excel reports box  1-26-2018 */

	/*  inventory popup - to add inventory items - NEW 11-12-2015 */
	div#addinv_popup { 
		position: absolute;
		display: none;
		padding: 5px 5px 5px 15px;
		z-index: 995;
		width: 320px;	/*675 */
		overflow-y: auto;
		overflow-x: hidden;
		top: 35px;
		left: 362px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;  
	}
		div#addinv_popup > div#add_close,
		div#addinv_popup > div#edit_close {
			background-color: transparent;
			color: #f9deb0;
			padding: 0 4px 2px 4px;
			cursor: pointer;
			font: bold 14px Arial;
			z-index: 999;
			float: right;
			margin-left: 2px;
			position: absolute; top: 5px; right: 5px;
			border: none;
		}
			div#addinv_popup > div#add_close:hover,
			div#addinv_popup > div#edit_close:hover { 
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer;
			}
		div#addinv_popup img#inv_notesicon {
			position: absolute;
			margin-left: 5px;
			cursor: pointer;
		}
		div#addinv_popup div.prow div.right select:disabled,
		div#addinv_popup div.prow div.right input[type="text"]:disabled {
			color: #656565;
			font-style: italic;
		}
		div#addinv_popup div.title {
			padding: 2px;
			width: 310px; height: 26px;
			font: bold 12px/24px Arial;
			text-align: center;
			margin-top: 6px; 
			text-indent: 0px;
		}
		div#addinv_popup div.prow {
			padding: 2px;
			width: 310px; height: 22px;
			margin-bottom: 2px;
			font: 12px/22px Arial;
		} 
			div#addinv_popup div.prow div.left {
				width: 90px;
				cursor: default;
			}
			div#addinv_popup div.prow div.right {
				width: 220px;
				position: relative;
			}
			
				div#addinv_popup div.prow div.right > div.inv_extrainputdata {
					position: absolute; top: 2px; right: 20px;
					font-style: italic;
					font-size: 11px;
					color: #df9313;
					cursor: default;
				} 
			div#addinv_popup div.prow div.right div.w50 { 
				width: 50px;
				padding-right: 5px;
				text-align: right;
			}
			div#addinv_popup div.prow div.right input[type="text"] {
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
				height: 18px;
				padding: 2px 3px 2px 5px;
				width: 200px;
				font: 11px Arial;
				float: left;
			}
				div#addinv_popup div.prow div.right input#inv_datecode[type="text"] { 
					width: 28px;  /*70px; */
					cursor: default;
				}
				div#addinv_popup div.prow div.right input#inv_quantity[type="text"] { 
					width: 30px; 
					cursor: default;
					float: right;
				}

				div#addinv_popup div.prow div.right input#inv_adjustqty[type="button"] {
					width: 24px;
					padding: 1px 4px;
					float: right;
					margin: 1px;
					margin-left: 2px;
					line-height: 1px;
					cursor: pointer;
				}

				div#addinv_popup div.prow div.right input#split_lots[type="button"] {
					float: right;
					width: 33px;
					margin: 1px;
					margin-left: 2px;
					line-height: 1px;
					cursor: pointer;
				}
				
			div#addinv_popup div.prow div.right select {
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
				font: 11px Arial;
				height: 24px;
				padding: 2px;
				width: 210px;
				margin-right: 2px;
			}
			div#addinv_popup div.prow div.right textarea {
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
				height: 58px;
				padding: 4px;
				width: 200px;
				font: 11px Arial;
			}
			div#addinv_popup div.prow div.right input[type="button"],
			div#addinv_popup div.prow div.left input[type="button"] {
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				cursor: pointer;
				margin: 8px 0 6px;
				width: 210px;
			}
			div#addinv_popup div.prow div.right input[type="button"]#inv_takeaction {
				width: 123px; height: 22px;
				margin: 1px 1px 1px 6px;
			}
			div#addinv_popup div.prow div.left input[type="button"] {
				width: 85px;
			}
				div#addinv_popup div.prow div.left input[type="button"]:hover {
					background: #cc4f46 -moz-linear-gradient(center top , #cc4f46 5%, #9e342c 100%) repeat scroll 0 0;
					color: #fff;
				}
		div#addinv_popup div.prow.itemcode_lotnumber {
			color: #87590c;
			text-align: center;
			/* background-color: beige; */
			height: 12px;
			/* border: 1px solid #87590c; */
			font: 11px/12px Arial;
		}
			
	/*  END :: inventory popup - to add inventory items - NEW 11-12-2015 */
	
	/*  inventory action popup - to take action on inventory items - NEW 10-19-2017 */
	div#invaction_popup { 
		position: absolute;
		display: none;
		padding: 5px 15px 15px 15px;
		z-index: 995;
		width: 468px;
		overflow-y: auto;
		overflow-x: hidden;
		left: 44px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;  
		font: 12px Arial;
	}
		div#invaction_popup > div#close {
			background-color: transparent;
			color: #f9deb0;
			padding: 0 4px 2px 4px;
			cursor: pointer;
			font: bold 14px Arial;
			z-index: 999;
			float: right;
			margin-left: 2px;
			position: absolute; top: 5px; right: 5px;
			border: none;
		}
			div#invaction_popup > div#close:hover { 
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer;
			}
		div#invaction_popup div.title {
			padding: 2px;
			width: 460px; height: 26px;
			font: bold 12px/24px Arial;
			text-align: center;
			margin-top: 6px;
		}
		div#invaction_popup div#lot_infolabels {
			width: 468px; height: 16px;
			font: 10px/16px Arial;
			margin-top: 8px;
			color: #b0740f;
		}
					/* div#invaction_popup div#lot_infolabels div:nth-child(odd) { background-color: tan; } */
			div#invaction_popup div#lot_infolabels div#li_itemcodelabel { width: 180px; margin-left: 12px; }
			div#invaction_popup div#lot_infolabels div#li_lotnumberlabel { width: 30px; text-align: center; }
			div#invaction_popup div#lot_infolabels div#li_conditionlabel { width: 100px; }
			div#invaction_popup div#lot_infolabels div#li_quantitylabel { width: 50px; text-align: center; }
			div#invaction_popup div#lot_infolabels div#li_percostlabel { width: 70px; text-indent: 30px; }
			div#invaction_popup div#lot_infolabels div#li_ticketlabel { width: 452px; text-align: center; }
		
		div#invaction_popup div.lot_box {
			width: 456px;
			padding: 5px 5px 7px 5px;
			border: 1px solid #b0740f;
			margin-bottom: 3px;
			cursor: pointer;
			background-color: #fffbea;
		}
		div#invaction_popup #action_summary {
			width: 458px;
			height: 24px;
			padding-left: 8px;
			font: 12px/26px Arial;
			border: 1px solid #b0740f;
			border-bottom: none;
			background-color: #fffbea;
		}
			div#invaction_popup #action_summary div.as_text {
				font-weight: bold;
				padding: 0 30px 0 4px;
				height: 22px;
			}
		div#invaction_popup div.lot_info {
			width: 451px; height: 20px;		/* background-color: beige;	disabled */
			font: 11px/20px Arial;
			margin-left: 5px;
		}
			div#invaction_popup div.lot_info.dormant { color: #b0740f; }
					/* div#invaction_popup div.lot_info div:nth-child(odd) { background-color: tan; } */
			div#invaction_popup div.lot_info div.li_itemcode { width: 180px; text-indent: 10px; }
			div#invaction_popup div.lot_info div.li_lotnumber { width: 30px; text-align: center; }
			div#invaction_popup div.lot_info div.li_condition { width: 100px; text-indent: 10px; }
			div#invaction_popup div.lot_info div.li_quantity { width: 50px; text-align: center; }
			div#invaction_popup div.lot_info div.li_percost { width: 70px; text-align: right; }
			
		div#invaction_popup div.lot_breakdown {
			width: 456px; 
			font: 11px/24px Arial;
			max-height: 306px;
			overflow-y: scroll;
			overflow-x: hidden;
			margin-top: 3px;
		}
			div#invaction_popup div.lot_breakdown.extra { display: none; }
			div#invaction_popup div.lot_breakdown div.lb_row { 	/* lb = lot breakdown */
				width: 440px;
				margin-top: 3px;
				border-bottom: 1px solid #fff;
				cursor: default;
			}
				div#invaction_popup div.lot_breakdown div.lb_row:first-child { margin-top: 0px; }
			
				div#invaction_popup div.lot_breakdown div.lb_row.available { background-color: #abc877; }
				div#invaction_popup div.lot_breakdown div.lb_row.leased { background-color: #bb79bb; }
				div#invaction_popup div.lot_breakdown div.lb_row.parted { background-color: #c9c9c9; }
				div#invaction_popup div.lot_breakdown div.lb_row.scrapped { background-color: #df9f9f; }
				div#invaction_popup div.lot_breakdown div.lb_row.reserved { background-color: #3997bb; }
				div#invaction_popup div.lot_breakdown div.lb_row.sold { background-color: #87b1cd; }
				
				/* div#invaction_popup div.lot_breakdown div.lb_row:nth-child(even) { background-color: #fdf7ec; } */
			div#invaction_popup div.lot_breakdown div.lb_row div {
				height: 26px;
			}
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status {
				width: 20px; height: 22px;
				text-align: center;
				color: #fff;
				font-size: 11px;
				margin: 2px;
			}
			
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.available { background-color: #7b9b40; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.leased { background-color: #8d478d; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.reserved { background-color: #2c5169; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.parted { background-color: #949494; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.scrapped { background-color: #a82c22; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_status.sold { background-color: #407599; }
				
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_qtytext { width: 25px; margin-left: 10px; }
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_quantity { width: 30px; font-weight: bold; }
			div#invaction_popup div.lot_breakdown div.lb_row input.lbr_affectedquantity { 
				height: 19px; width: 40px; 
				text-align: center;
				font-size: 11px;
				float: left;
				margin: 3px 4px 0 0;
			}
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_transactiondetails { width: 210px; }
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_transactiondate,
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_parteddate {
				width: 55px;  
				float: right;
				margin-right: 5px; 
			}
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_transactiondate.change:hover {
				text-decoration: underline;
				cursor: pointer;
			}
			div#invaction_popup div.lot_breakdown div.lb_row input.transactiondate_input {
				display: none;
				float: right;
				margin-top: 5px;
				width: 60px;
				padding: 2px;
				font-size: 12px;
			}
			div#invaction_popup div.lot_breakdown div.lb_row input.outaction {
					/* width: 30px; */ 
				margin: 0;
				text-align: center;
				font-size: 11px;
				padding: 0 8px;
				margin: 2px 0 2px 0;
				float: left;
				opacity: 0.7;
			}
			div#invaction_popup div.lot_breakdown div.lb_row div.action_checkmark {
				float: right;
				width: 16px;
				margin-right: 0px;
				cursor: default;
				font: bold 12px/28px Arial;
				color: #eef1cd;
				display: none;
			}
			div#invaction_popup div.lot_breakdown div.lb_row i.inventory_note {
				float: right;
				font-size: 18px;
				line-height: 24px;
				cursor: pointer;
				margin-right: 3px;
			}
			div#invaction_popup div.lot_breakdown div.lb_row input.lbr_makeavailable { 
				padding: 0 8px;
				text-align: center;
				font-size: 11px;
				margin: 2px 0 2px 0;
				float: left;
				opacity: 0.7;
			}
			div#invaction_popup div.lot_breakdown div.lb_row input.lbr_makereturn { 
				padding: 0 8px;
				text-align: center;
				font-size: 11px;
				margin: 2px 0 2px 0;
				float: right;
			}
			
			
			div#invaction_popup div.lot_breakdown div.lb_row div.lbr_subrow { 	/* lb = lot breakdown */
				width: 380px; height: 16px;		
				background-color: #a5c5da; 
				font: 10px/16px Arial;
				border-top: 1px solid #888;
				box-shadow: inset 0 1px 3px #888;
				padding-left: 60px;
				cursor: default;
			}
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_subrow div.lbs_price { width: 110px; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_subrow div.lbs_freight { width: 110px; }
				div#invaction_popup div.lot_breakdown div.lb_row div.lbr_subrow div.lbs_shipdate { width: 140px; }
				
		div#invaction_popup div#action_info {
			width: 450px;
			background-color: transparent;
			border: 1px solid #b0740f;
			border-top: 1px solid #d99d00;
			font: 12px Arial;
			padding: 8px;
			background-color: #fffbea;
		}
		
		div#invaction_popup div.ai_row {	/* ai = action info */
			padding: 2px;	
			width: 446px; height: 24px;
			font: 12px/24px Arial;
			margin: 1px 0 1px 2px;
		}
			div#invaction_popup div.ai_row.notes { height: 70px; }
			div#invaction_popup div.ai_row div.ai_label { 
				text-align: right;
				padding-right: 3px;
			}
			div#invaction_popup div.ai_row div.ai_label:first-child { 
				width: 66px;
				text-align: left;
				padding-right: 0px;
			}
			div#invaction_popup div.ai_row input,
			div#invaction_popup input#ai_qty { 
				float: left; 
				margin-top: 1px; 
				font-size: 12px;
				border: 1px solid #d3d3d3;
				height: 18px;
				padding: 2px 3px 2px 5px;
			}
				div#invaction_popup input#ai_qty { 
					display: none; 
					height: 15px; 
					width: 30px; 
					margin: 2px 5px 0 2px; 
					-moz-appearance: textfield !important;
				}
				div#invaction_popup input#ai_qty::-webkit-outer-spin-button,
				div#invaction_popup input#ai_qty::-webkit-inner-spin-button {
					-webkit-appearance: none !important;
				  margin: 0 !important;
				}
			div#invaction_popup div.ai_row input#ai_price { width: 85px; text-align: right; }
			div#invaction_popup div.ai_row input#ai_freight { width: 85px; text-align: right; }
			div#invaction_popup div.ai_row input#ai_customer { width: 366px; }
			div#invaction_popup div.ai_row input#ai_location { width: 366px; }
			div#invaction_popup div.ai_row select#ai_location_select { width: 376px;height: 23px; }
			div#invaction_popup div.ai_row input#ai_phone { width: 90px; text-align: center; padding: 2px; }
			div#invaction_popup div.ai_row input#ai_email { width: 221px; padding: 2px; }
			div#invaction_popup div.ai_row input#shipdate,
			div#invaction_popup div.ai_row input#returndate { 
				width: 85px; text-align: center; 
			}
			div#invaction_popup div.ai_row input#ai_quantity { width: 49px; text-align: center; } 
			div#invaction_popup div.ai_row.notes textarea {
				float: left; 
				margin-top: 1px; 
				font-size: 12px;
				border: 1px solid #d3d3d3;
				height: 60px;
				padding: 2px 3px 2px 5px;
				width: 366px;
			}
			
		div#invaction_popup div#action_buttons {
			width: 469px;
		}
			div#invaction_popup div#action_buttons input#action_confirm,
			div#invaction_popup div#action_buttons input#action_reset,
			div#invaction_popup div#action_buttons input#action_cancel {
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				cursor: pointer;
				margin: 15px 0 6px;
			}
				div#invaction_popup div#action_buttons input#action_confirm { width: 278px; }
				div#invaction_popup div#action_buttons input#action_reset { width: 92px; }
				div#invaction_popup div#action_buttons input#action_cancel { width: 92px; }

		/* inventory asset notes popup  (inb = inventory note box) */
	div#inventory_assetnotes {
		padding: 10px;
		z-index: 999;
		width: 612px;	height: 395px;
		position: absolute;
		top: 70px;
		left: 40px;
		display: none;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 4px 6px 14px #000;
		font: 12px/24px Arial;
	}
		div#inventory_assetnotes div.inb_inner {
			width: 610px; height: 395px;
		}
		div#inventory_assetnotes div.inb_notebox {
			width: 594px; height: 339px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			float: left;
			font: 12px Arial;
			padding: 8px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		div#inventory_assetnotes div.inb_infoline { 
			position: relative; 
			width: 610px; height: 15px;
			font: small-caps 11px/10px Arial;
			color: #5a3c07;
		}
			div#inventory_assetnotes div.inb_infoline div {
				padding: 0 15px 0 5px;
			}
				div#inventory_assetnotes div.inb_infoline div span {
					color: #895a0c;
				}
		div#inventory_assetnotes div.inbn_controls { 
			position: relative; 
			width: 610px; height: 25px;
		}
		div#inventory_assetnotes div#inbn_controls_close {
			text-align: right;
			cursor: pointer;
			margin: 3px 4px 0 4px;
			font-size: 11px;
			padding-right: 5px;
			width: 605px;
		}
			div#inventory_assetnotes div#inbn_controls_close:hover { color: #cc5046; }	/* light red */
		div#inventory_assetnotes div.inb_note { 
			width: 100%;
			cursor: default;
			line-height: 16px;
		}
			div#inventory_assetnotes div.inb_note { line-height: 18px; }
		div#inventory_assetnotes div.inb_byline { 
			font-size: 10px;
			margin: 0 0 9px 0;
			text-indent: 10px;
			color: #656565;
			width: 100%;
			cursor: default;
		}
	
	/* END : inventory asset notes popup  (inb = inventory note box) */


	/* inventory action notes popup  (ianb = inventory action note box) */
	div#inventory_actionnotes {
		padding: 7px;
		z-index: 999;
		width: 400px;	height: 220px;
		position: absolute;
		top: 70px;
		left: 20px;
		display: none;
				/* background-color: #ffd359; */
		box-shadow: 4px 6px 14px #000;
		font: 12px/24px Arial;
	}
		div#inventory_actionnotes.leased { background-color: #c996c9; }
		div#inventory_actionnotes.parted { background-color: #dedede; }
		div#inventory_actionnotes.scrapped { background-color: #dedede; }
		div#inventory_actionnotes.reserved { background-color: #54aacb; }
		div#inventory_actionnotes.sold { background-color: #a5c5da; }
		div#inventory_actionnotes div.ianb_inner {
			width: 100%; height: 92%;
		}
		div#inventory_actionnotes div.ianb_infoline { 
			position: relative; 
			width: 100%; height: 7%;
			font: small-caps 11px/10px Arial;
			color: #000;
			margin-bottom: 2px;
		}
		div#inventory_actionnotes div.ianb_notebox {
			width: 96%; height: 84%;
			background-color: #fff;
			border: 1px solid #000;
			/* box-shadow: 0 0 3px #b87910 inset; */
			float: left;
			font: 12px Arial;
			padding: 8px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		div#inventory_actionnotes div.ianbn_controls { 
			position: relative; 
			width: 100%; height: 14%;
			margin-top: 2px;
		}
		div#inventory_actionnotes div#ianbn_controls_close {
			text-align: right;
			cursor: pointer;
			font: 11px/15px Arial;
			padding-right: 5px;
			width: 100%;
		}
			div#inventory_actionnotes div#ianbn_controls_close:hover { color: #fff; }	/* light red */
		div#inventory_actionnotes div.ianb_note { 
			width: 100%;
			cursor: default;
			line-height: 16px;
		}
			div#inventory_actionnotes div.ianb_note { line-height: 18px; }
		div#inventory_actionnotes div.ianb_byline { 
			font-size: 10px;
			margin: 0 0 9px 0;
			text-indent: 10px;
			color: #656565;
			width: 100%;
			cursor: default;
		}
	
	/* END : inventory action notes popup  (ianb = inventory action note box) */
			
	
/*  END :: inventory action popup - to take action on inventory items - NEW 10-19-2017 */

/* contacts list - NEW 10-6-2015 */
div#cont_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
	margin-bottom: 600px;
}
	div#cont_fill div.title {
		width: 100%; height: 28px;
		font: bold 14px/24px Arial;
		margin-top: 0;
		text-indent: 5px;
		position: relative;
	}
		div#cont_fill input#add_contact,
		div#cont_fill input#import_batch,
		div#cont_fill input#filter_contact,
		div#cont_fill input#reset_contact {
			float: right;
			cursor: pointer;
			margin-bottom: 4px;
			padding: 0 10px;
			margin-right: 4px;
		}
			div#cont_fill input#add_contact { width: 110px; }
			div#cont_fill input#filter_contact { width: 57px; }
			div#cont_fill input#merge_contacts { width: 97px; float: right;}
			div#cont_fill input#merge_prospect_companies { width: 104px; float: right;}
			div#cont_fill input#reset_contact { width: 56px; }
			div#cont_fill input#import_batch { width: 110px; }
			
	div#cont_fill div#contactlist_header {
		width: 790px; height: 24px;
		font: italic 10px/24px Arial;
		background-color: #96aa71;
		color: #96aa71;
		text-indent: 5px;
	}
	
	div#cont_fill div.company_subhdr {
		background-color: #bed993; /*#e4efd1;*/
		border-bottom: 1px solid #96aa71;
		color: #334417;
		font: small-caps 14px/22px Arial;
		text-indent: 15px;
		width: 790px;
		margin-top: 3px;
		padding-bottom: 0;
	}
	div#cont_fill div.contact_subhdr {
		background-color: #bed993;	/*#e4efd1;*/
		border-bottom: 1px solid #96aa71;
		color: #334417;
		font: 12px/22px Arial;
		text-indent: 15px;
		width: 740px;
		margin: 3px 0 0 50px; 
		padding-bottom: 0; 
	}
	div#cont_fill div.contact_subhdr div.see_contactnotes {
			width: 600px;
		}
		div#cont_fill div.contact_subhdr div.bad_record {
			font-style: italic;
			margin-left: 10px;
			color: #6c7e4b;
			cursor: default;
		}
	div#cont_fill img.prospectLoadingIndicator {
		position: absolute;
		margin: 0;
		z-index: 10;
		right: 45%;
		width: 20px;
		height: 20px;
	}
	
		
	div#cont_fill div.na_subhdr,div#cont_fill div.opp_subhdr {
		background-color: #bed993;	/*#e4efd1;*/
		border-bottom: 1px solid #96aa71;
		color: #334417;
		font: 11px/22px Arial;
		text-indent: 15px;
		width: 715px;
		margin: 3px 0 0 0px; 
		padding-bottom: 0;
		cursor: default;
	}
	
		div#cont_fill div.na_subhdr div.naction_naid { width: 40px; text-indent: 0; text-align: right; }
		div#cont_fill div.na_subhdr div.naction_status { width: 80px; text-indent: 0; text-align: center; font-variant: small-caps; }
		div#cont_fill div.na_subhdr div.naction_owner { width: 100px; text-indent: 0; margin-right: 0; }
		div#cont_fill div.na_subhdr div.naction_due { width: 100px; text-indent: 0; }
		div#cont_fill div.na_subhdr div.naction_action { width: 350px; text-indent: 0; }
		div#cont_fill div.na_subhdr div.naction_date { width: 220px; }

		div#cont_fill div.na_subhdr img {
	    	float: right;
	    	margin: 2px;
	    	cursor: pointer; 
	    } 
		div#cont_fill div.opp_subhdr div.opp_oppid { width: 40px; text-indent: 0; text-align: right; }
		div#cont_fill div.opp_subhdr div.opp_status { width: 70px; text-indent: 0; text-align: center; font-variant: small-caps; }
		div#cont_fill div.opp_subhdr div.opp_sp_initials { width: 30px; text-indent: 0; text-align: center; margin-right: 0; }
		div#cont_fill div.opp_subhdr div.opp_amt { width: 100px; text-indent: 0; text-align: right; }
		div#cont_fill div.opp_subhdr div.opp_qn { width: 260px; text-indent: 0; }
		div#cont_fill div.opp_subhdr div.opp_date { width: 180px; }
		div#cont_fill div.company_subhdr img,
		div#cont_fill div.contact_subhdr img,
		div#cont_fill div.opp_subhdr img {
			float: right;
			margin: 2px;
			cursor: pointer; 
		}
		div#cont_fill div.contact_subhdr img.edit_contact {
			display: inline-block;
			vertical-align: middle;
			float: none;
			margin: 2px;
			cursor: pointer;
		}
		div#cont_fill div.company_subhdr img:hover,
		div#cont_fill div.contact_subhdr img:hover,
		div#cont_fill div.opp_subhdr img:hover {
			text-shadow: 1px 1px 2px #96aa71; 
		}
		div#cont_fill div.contact_subhdr div.nextaction_count,
		div#cont_fill div.contact_subhdr div.opportunity_count {
			float: right;
			cursor: default;
			font: small-caps 11px/22px Arial;
			margin-right: 5px;
			text-indent: 0;
			width: 20px;
		}
		
	div#cont_fill div.contact_label {
		color: #fff;
		font: italic 10px/22px Arial;
		height: 22px;
		margin: 3px 0 0;
		text-indent: 5px;
		width: 765px;
		background-color: #96aa71;
		width: 715px;
		margin-top:8px
	}
		div#cont_fill div.contact_label div.add_opporna_btn {
			float:right; 
			margin: 4px 5px 0 0;
			font: normal 10px Arial; 
			border:1px solid #d0d9c1; 
			cursor: pointer;
			padding: 0 5px;
			color: #d0d9c1;
		}
			div#cont_fill div.contact_label div.add_opporna_btn:hover {
				color: #fff;
				border:1px solid #fff; 
				box-shadow: 1px 1px 2px #53613a;
			}
	/*  company section  */
	div#company_infosection {
		width: 780px;
		background-color: #e4efd1;
		display: none;
		border-top: 1px solid #96aa71;
		position: relative;
		margin-left: 5px;
	}
		div#compinfo_block, 
		div.continfo_block,
		div.oppinfo_block {
			border: 1px solid #fff;
			font: 12px/22px Arial;
			height: 286px;
			margin-left: 2px;
			margin-top: 2px;
			text-align: center;
			text-indent: 0;
			width: 215px;
		}
			div#compinfo_block > div.ib_item, 
			div.continfo_block > div.ib_item,
			div.oppinfo_block > div.ib_item {
				width: 65px;
				margin-right: 5px;
			}
			div#compinfo_block > div.ib_item > div, 
			div.continfo_block > div.ib_item > div,
			div.oppinfo_block > div.ib_item > div {
				width: 60px; height: 22px;
				font: small-caps 11px/22px Arial;
				text-align: right;
			}
			div#compinfo_block > div.ib_data, 
			div.continfo_block > div.ib_data,
			div.oppinfo_block > div.ib_data {
				width: 145px;
			}
			div#compinfo_block > div.ib_data > div, 
			div.continfo_block > div.ib_data > div,
			div.oppinfo_block > div.ib_data > div {
				width: 143px; height: 22px;
				font: 11px/22px Arial;
				text-align: left;
				color: #000;
				cursor: default;
			}
				div.continfo_block span.rci_ext { margin-left: 10px; font-variant: small-caps; color: #334417; }
				div.continfo_block > div.ib_data > div.rci_company_name {
					height: 18px;
					line-height: 13px;
					margin-top: 5px;
				}
			div#compinfo_block div.cilabel, 
			div.continfo_block div.cilabel,   
			div.oppinfo_block div.cilabel,
			div.nainfo_block div.cilabel_na	{   
				font: small-caps bold 12px/22px Arial; 
				width: 90%; height: 20px;
				margin-left: 5px;
			}
			div.continfo_block .br_label {	/* br = bad record */
				position: absolute;
				left: 10px;
				background-color: #ca0000;
				color: white;
				height: 18px;
				width: 30px;
				font: bold 10px/18px Arial;
				margin-top: 3px;
				cursor: default;
				box-shadow: 0 1px 2px #729634;
			}
		div#company_infosection div#compinfo_notecontrols {
			float: right;
			width: 550px; height: 20px;
			text-indent: 0;
			padding-right: 5px;
			font: small-caps bold 12px/22px Arial;
		}
			div.comp_newnote_btn {
				cursor: pointer;
				float: right;
				margin-left: 4px;
				display: none;
			}
			div#cpbtn_add { display: block; }
			div#cpbtn_add:hover { color: #214f74; }	/* blue */
			div#cpbtn_save:hover { color: #4f6824; }	/* green */
			div#cpbtn_cancel:hover { color: #cc5046; }	/* light red */
			
		div#company_infosection div#compinfo_notebox {
			float: right;
			font: 12px Arial;
			height: 249px;
			margin: 5px 5px 5px 0;
			padding: 5px;
			width: 540px;
			background-color: #fff;
			border: 1px solid #768952;
			box-shadow: 0 0 3px #96aa71 inset;
			overflow: hidden;
			overflow-y: auto;
		}
		div#company_infosection textarea#compinfo_notebox_textarea {
			position: absolute; top: 24px; right: 5px;
			width: 540px; height: 190px;
			background-color: #fff;
			border: 1px solid #768952;
			padding: 5px;
			display: none;
			font: 12px Arial;
			color: #1869ba;
		}
			div.contactpage_note {
				color: #000;
				margin-top: 2px;
				width: 100%;
				text-indent: 0;
			}
				div.contactpage_note ul,
				div.contactpage_note ol {
					margin-inline-start: 20px;
				}
			div.contactpage_byline {
				border-bottom: 1px solid #dedede;
				cursor: default;
				font-size: 11px;
				height: 22px;
				margin-top: 3px;
				margin-bottom: 6px;
				padding-bottom: 4px;
				text-indent: 12px;
				width: 100%;
				color: #757575;
			}
				div.contactpage_byline span.edit_action:hover {
					color: #627a32;
					font-style: normal;
					cursor: pointer;
				}
	/*  contact section  */
	div.contact_infosection {
		width: 740px; 
		display: none;
		position: relative; 
		margin-left: 5px;
		float:right;
	}
	div#cont_fill .prospect_contact_container  {
		background-color: #e4efd1;
		border: 3px solid #96aa71;
	} 
	div#cont_fill .prospect_next_actions_container  {
		float:right;
		width: 715px; 
	} 
	div#cont_fill .prospect_opps_container 	{
		float:right;
		width: 715px; 
		margin-bottom:10px;
	}
	
	
		div.contact_infosection div.continfo_notebox {
			float: right;
			font: 12px Arial;
			height: 249px;
			margin: 5px 5px 5px 0;
			padding: 5px;
			width: 490px;
			background-color: #fff;
			border: 1px solid #768952;
			box-shadow: 0 0 3px #96aa71 inset;
			overflow: hidden;
			overflow-y: auto;
		}
		div.contact_infosection textarea.continfo_notebox_textarea {
			position: absolute; top: 24px; right: 5px;
			width: 490px; height: 190px;
			background-color: #fff;
			border: 1px solid #768952;
			padding: 5px;
			display: none;
			font: 12px Arial;
			color: #1869ba;
		}
		
		div.contact_infosection div.continfo_notecontrols {
			font: small-caps bold 12px/22px Arial;
			float: right;
			width: 500px; height: 20px;
			text-indent: 0;
			padding-right: 5px;
		}
			div.contact_newnote_btn {
				cursor: pointer;
				float: right;
				margin-left: 4px;
				display: none;
			}
				div#ctbtn_add { display: block; }
				div#ctbtn_add:hover { color: #214f74; }	/* blue */
				div#ctbtn_save:hover { color: #4f6824; }		/* green */
				div#ctbtn_cancel:hover { color: #cc5046; }	/* light red */
	
	/* opportunity section */
	div.opp_fill_box {
		display: none;
	}
	div.opp_infosection {
		width: 705px; 
		display: none;
		position: relative;
		border-top: 1px solid #96aa71;
		background-color: #e4efd1;
		margin-left: 5px;
	}
		div.opp_infosection div.oppinfo_notebox {
			float: right;
			font: 12px Arial;
			height: 249px;
			margin: 5px 5px 5px 0;
			padding: 5px;
			width: 465px;
			background-color: #fff;
			border: 1px solid #768952;
			box-shadow: 0 0 3px #96aa71 inset;
			overflow: hidden;
			overflow-y: auto;
		}
		div.opp_infosection textarea.oppinfo_notebox_textarea {
			position: absolute; top: 24px; right: 5px;
			width: 465px; height: 190px;
			background-color: #fff;
			border: 1px solid #768952;
			padding: 5px;
			display: none;
			font: 12px Arial;
			color: #1869ba;
		}
		
		div.opp_infosection div.oppinfo_notecontrols {
			font: small-caps bold 12px/22px Arial;
			float: right;
			width: 475px; height: 20px;
			text-indent: 0;
			padding-right: 5px;
		}
			div.opp_newnote_btn {
				cursor: pointer;
				float: right;
				margin-left: 4px;
				display: none;
			}
				div#oppbtn_add { display: block; }
				div#oppbtn_add:hover { color: #214f74; }	/* blue */
				div#oppbtn_save:hover { color: #4f6824; }		/* green */
				div#oppbtn_cancel:hover { color: #cc5046; }	/* light red */
	


	/* next action section */
	div.na_fill_box {
		display: none;
	}
	div.na_infosection {
		width: 705px; 
		display: none;
		position: relative;
		border-top: 1px solid #96aa71;
		background-color: #e4efd1;
		margin-left: 5px;
	}
		div.na_infosection div.nainfo_notebox {
			float: right;
			font: 12px Arial;
			height: 190px;
			margin: 5px 5px 5px 0;
			padding: 5px;
			width: 683px;
			background-color: #fff;
			border: 1px solid #768952;
			box-shadow: 0 0 3px #96aa71 inset;
			overflow: hidden;
			overflow-y: auto;
		}
			div.na_infosection div.nainfo_notebox ul,
			div.na_infosection div.nainfo_notebox ol {
				margin-inline-start: 20px;
			}
		div.na_infosection textarea.nainfo_notebox_textarea {
			position: absolute; top: 24px; right: 5px;
			width: 700px; height: 190px;
			background-color: #fff;
			border: 1px solid #768952;
			padding: 5px;
			display: none;
			font: 12px Arial;
			color: #1869ba;
		}
		div.na_infosection div.nainfo_notecontrols {
			font: small-caps bold 12px/22px Arial;
			float: left;
			width: 500px; height: 20px;
			text-indent: 0;
			padding-right: 5px;
		}
			div.na_newnote_btn {
				cursor: pointer;
				float: right;
				margin-left: 4px;
				display: none;
			}
		
		div#nabtn_add { display: block; }
		div#nabtn_add:hover { color: #214f74; }	/* blue */
		div#nabtn_save:hover { color: #4f6824; }		/* green */
		div#nabtn_cancel:hover { color: #cc5046; }	/* light red */
		

		div.na_infosection textarea.nainfo_notebox_textarea {
			position: absolute; top: 24px; right: 5px;
			width: 515px; height: 190px;
			background-color: #fff;
			border: 1px solid #768952;
			padding: 5px;
			display: none;
			font: 12px Arial;
			color: #1869ba;
		}


		div.na_infosection div.nainfo_notecontrols {
			font: small-caps bold 12px/22px Arial;
			float: left;
			width: 700px; height: 20px;
			text-indent: 0;
			margin-left: 5px;
		}

		/*Merge Contacts Box*/
		#merge_contacts_box {
			position: absolute;
			padding: 5px 12px 18px 12px;
			z-index: 99;
			width: 200px;
			max-height: 525px;
			overflow-y: auto;
			overflow-x: hidden;
			top: 40px;
			left: 440px;
			background-color: #ffd359;
			box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
			display: none;
		}

		div#close_merge_contacts_box {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}

		div#close_merge_contacts_box:hover {
			color: #fff;
			text-shadow: 1px 1px 2px #9e7227;
			cursor: pointer; 
		}

		div.merge_prospects_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		
		div.prospects_label{
			height: 20px;
			width: 100%;
			font: 12px/24px Arial;
			text-indent: 4px; 
		}

		input.prospect_input {
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			font: 12px/24px Arial;
			height: 18px;
			padding: 2px 2px 2px 5px;
			width: 191px;
		}

		input#submit_merge_prospects {
			cursor: pointer;
			margin: 10px 0 6px 0;
			width: 199px; height: 23px;
			font-size: 13px;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background-image: linear-gradient(#f2debd, #eda630);
		}

		div#merge_message {
			font-size: 14px;
			text-align: center;
			font-weight: bold;
		}

		/*Merge Prospect Companies Box*/
		#merge_prospect_companies_box {
			position: absolute;
			padding: 5px 12px 18px 12px;
			z-index: 99;
			width: 200px;
			max-height: 525px;
			overflow-y: auto;
			overflow-x: hidden;
			top: 40px;
			left: 440px;
			background-color: #ffd359;
			box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
			display: none;
		}

		div#close_merge_prospect_companies_box {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
			cursor: pointer; 
		}

		div.merge_prospects_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		
		div.prospects_label{
			height: 20px;
			width: 100%;
			font: 12px/24px Arial;
			text-indent: 4px; 
		}

		input.prospect_input {
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			font: 12px/24px Arial;
			height: 18px;
			padding: 2px 2px 2px 5px;
			width: 191px;
		}

		input#submit_merge_prospect_companies {
			cursor: pointer;
			margin: 10px 0 6px 0;
			width: 199px; height: 23px;
			font-size: 13px;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background-image: linear-gradient(#f2debd, #eda630);
		}

	
	/* contact filters box (popup) (added 10-7-2015) */
		#cont_filterbox {
			position: absolute;
			padding: 5px 12px 18px 12px;
			z-index: 99;
			width: 200px;
			max-height: 525px;
			overflow-y: auto;
			overflow-x: hidden;
			top: 40px;
			left: 440px;
			background-color: #ffd359;
			box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
			display: none;
		}
			#cont_filterbox > #loading {
				text-align: center;
				font: bold 13px/24px Arial;
				margin-top: 7px;
			}
			#cont_filterbox > div#close_cont_filters {
				background-color: transparent;
				border: medium none;
				color: #f9deb0;
				cursor: pointer;
				float: right;
				font: bold 14px Arial;
				margin-left: 2px;
				padding: 0 4px 2px;
				position: absolute;
				right: 5px;
				top: 5px;
				z-index: 999;
			}
				#cont_filterbox > div#close_cont_filters:hover {
					color: #fff;
					text-shadow: 1px 1px 2px #9e7227;
					cursor: pointer; 
				}
			#cont_filterbox > div.filter_header {
				font: bold 13px/24px Arial;
				height: 30px;
				margin-top: 10px;
				text-align: center;
				width: 190px;
			}
			#cont_filterbox div.filter_row {
				background-color: transparent;
				margin-bottom: 2px;
				width: 200px;
			}
				#cont_filterbox div.filter_row#vendornote_row { display: none; }
				#cont_filterbox div.frow_label {
					height: 20px;
					width: 100%;
					font: 12px/24px Arial;
					text-indent: 4px;
				}

				#sub_nabox select.frow_select,
				#cont_filterbox select.frow_select {
					background-color: #fff;
					border: 1px solid #d99d00;
					/* box-shadow: 0 0 3px #b87910 inset; */
					font: 12px/24px Arial;
					height: 24px;
					padding: 2px;
					width: 200px;
				}
					#cont_filterbox select#pf_company_select, 
					#cont_filterbox select#pf_contact_select,
					#na_filterbox select#nextaction_prospects_company_select, 
					#na_filterbox select#nextaction_prospect_contact_select,
					#contact_popup > div#inner div.row > div.right > select#addeditcontact_company_select,
					#sub_nabox #create_new #newcontact_company_select,
					#opp_filterbox select#oppf_company_select, 
					#opp_filterbox select#oppf_contact_select {
						position: absolute;
						right: 12px;
						display: none;
					}
						#contact_popup > div#inner div.row > div.right > select#addeditcontact_company_select { right: 11px; }
						#opp_filterbox select#oppf_company_select, 
						#cont_filterbox select#pf_company_select { top: 65px; }
						#na_filterbox select#nextaction_prospect_contact_select { top:295px; }
						#na_filterbox select#nextaction_prospects_company_select { top: 249px; }
						#sub_nabox #create_new select.frow_select#newcontact_company_select {
							right: 11px; 
							top: 158px;
							width: 197px;
						}
						
						#opp_filterbox select#oppf_contact_select ,  
						#cont_filterbox select#pf_contact_select{ top: 111px; }
						
						
				input#contfilter_companyname, input#contfilter_prospect {
					background-color: #fff;
					border: 1px solid #d99d00;
					/* box-shadow: 0 0 3px #b87910 inset; */
					font: 12px/24px Arial;
					height: 18px;
					padding: 2px 2px 2px 5px;
					width: 191px;
				}
				
				#opp_filterbox div.filter_row input[type="text"]#oppf_dr.invalid {
					border-width: 2px;
					animation: borderBlink 1s ease-in-out infinite;
				}
					@keyframes borderBlink {    
					    from, to {    
					        border-color: #d99d00;
					    }    
					    50% {    
					        border-color: red;
					    }    
					}    
				input#apply_cont_filters {
					width: 200px;
					cursor: pointer;
					background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
					border: medium none;
					box-shadow: 0 -1px 2px #744d0a inset;
					margin: 15px 0 10px 0;
				}
	/* END : contact filters box (popup) (added 10-7-2015) */ 
	
	#cont_import_batch_file {
		position: absolute;
		padding: 5px 12px 18px 12px;
		z-index: 99;
		width: 400px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 40px;
		left: 440px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	} 
	
	#cont_import_batch_file > #close_import_batch_file {
		background-color: transparent;
		border: medium none;
		color: #f9deb0;
		cursor: pointer;
		float: right;
		font: bold 14px Arial;
		margin-left: 2px;
		padding: 0 4px 2px;
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 999;
	}
	
	#cont_import_batch_file > #close_import_batch_file:hover {
		color: #fff;
		text-shadow: 1px 1px 2px #9e7227;
		cursor: pointer; 
	}
	#cont_import_batch_file .row{
		width:100%;
		margin-top: 5px;
	}
	
	#cont_import_batch_file .row .salesperson  {
		margin-left: 20px;
		float:left;
		width:44%;
		
	}
	#cont_import_batch_file .row .person_select{
		float:left;
		width:44%;
		
		
	}
	
	
	/* contact add/edit box (popup) (added 10-20-2015) */
	div#contact_popup {
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
		max-height: 575px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: 70px;
		left: 50%;
		width: 295px;
		z-index: 1000;
	}
		div#contact_popup > div#close_contact {
			background-color: transparent;
			color: #f9deb0;
			padding: 0 4px 2px 4px;
			cursor: pointer;
			font: bold 14px Arial;
			z-index: 999;
			float: right;
			margin-left: 2px;
			position: absolute; top: 5px; right: 5px;
			border: none;
		}
			div#contact_popup > div#close_contact:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer;
			}
		input.custombutton#contact_added {
			background: url('../img/success_buttonbg.png') repeat-x;
			background-color: transparent;
			color: #fff;
			border: 1px solid #678a26;
			display: none;
		}
		div#contact_popup > div#inner {
			width: 290px;
			position: relative;
		}
		div#contact_popup > div#inner div.column {
			width: 290px;
			position: relative;
		}
		div#contact_popup div.title {
			width: 290px; height: 26px;
			font: bold 12px/24px Arial;
			text-align: center;
			margin: 5px 0;
		}
		div#contact_popup > div#inner div.row {
			padding: 2px;
			width: 300px; height: 22px;
			margin-bottom: 2px;
		}
			form#addFileForm div.row.wide,
			div#contact_popup > div#inner div.row.wide {
				color: #7c520c;
				font-size: 12px;
				line-height: 26px;
				text-align: center;
				height: 18px;
			}
		div#contact_popup > div#inner div.row > div.left {
			font: 12px/22px Arial;
			width: 70px;
			cursor: default;
		}
		div#contact_popup > div#inner div.row > div.right {
			width: 220px;
			position: relative;
		}
		div#contact_popup > div#inner div.row > div.right > select {
			width: 209px; height: 24px; padding: 2px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
			font-family: Arial;
		}
		div#contact_popup > div#inner div.row > div.right > input[type='text'] {
			width: 201px; height: 18px; padding: 2px 1px 2px 5px;
			background-color: #fff;
			border: 1px solid #d99d00;
			/* box-shadow: 0 0 3px #b87910 inset; */
			color: #000000;
			font-family: Arial;
			float: left;
		}
			div#contact_popup > div#inner div.row > div.right > select.shortinput { width: 50px; float: left; }
			div#contact_popup > div#inner div.row > div.right > input[type='text'].shortinput { width: 40px; }
			div#contact_popup > div#inner div.row > div.right > input[type='text'].mediuminput { width: 120px; }
			div#contact_popup > div#inner div.row > div.right > input[type='text'].mediuminput#contactform_zip { width: 110px; }
		div#contact_popup > div#inner div.row > div.right > div.shortlabel {
			width: 31px;
			font: 12px/22px Arial;
			text-align: right;
			padding-right: 2px;
		}
			div#contact_popup > div#inner div.row > div.right > div.shortlabel.red {
				background-color: red;
				color: white;
				box-shadow: 1px 1px 2px #8a6400;
			}
		div#contact_popup > div#inner div.row input#submit_addcontact,
		div#contact_popup > div#inner div.row input#save_changescontact,
		div#contact_popup > div#inner div.row input#submit_addnewcontact,
		div#contact_popup > div#inner div.row input#save_prospect_company_name {
			cursor: pointer;
			margin: 8px 0 6px 0;
			width: 209px; height: 23px;
			font-size: 11px;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
		}
			div#contact_popup > div#inner div.row input#submit_addcontact:hover,
			div#contact_popup > div#inner div.row input#save_changescontact:hover,
			div#contact_popup > div#inner div.row input#submit_addnewcontact:hover {
				box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
			}
		img.edit_contact, img.edit_opp, img.edit_nextaction, img.edit_prospect_company { opacity: 0.6; }
		img.edit_contact:hover, img.edit_opp:hover, img.edit_nextaction:hover { opacity: 1.0; }
	/* END : contact add/edit box (popup) (added 10-20-2015) */
/* END : contacts list - NEW 10-6-2015 */

/* NEW events table  2-24-2014 */
div.event_list {
	width: 805px;
	position: relative;
	padding-bottom: 5px;
}
	div.header_bar {
		width: 100%; 
		height: 24px;
		background-color: #96aa71;
		font: bold 12px/24px Arial;
		color: #fff;
		margin-bottom: 2px; 
	}
	div.edit_box div.header_bar {
		background-color: #bed993;
		color: #5b6363;
	}
	
	
		div.header_bar > div {
			padding-left: 5px;
			cursor: default;
		}
		div.header_bar > div.tac {
			padding-left: 0;
			text-align: center;
		}
	div.open_hdr {
		width: 800px; height: 24px;
		background-color: transparent;
		font: small-caps bold 12px/28px Arial;
		color: #000;
		margin: 12px 0 2px 0;
		text-indent: 6px;
		border-bottom: 3px solid #ffe6aa;
		position: relative;
	}
	div.open_hdr .custombutton{
		float:right;
		margin-top: -4px;
	}
	div.open_hdr .custombutton.disabled{
		color: silver;
	}
	div.open_hdr .modselect{
		padding:1px;
		font-size:100%;
		border: solid 1px #96aa71;
		border-radius: 3px;
	}
	div.open_hdr .companie_price_total{
		margin-left: 20px; 
		float:right;
	}
	div.open_hdr .companie_price_total .companie_loading_gif,
	div.open_hdr .companie_price_total .companie_price_total_output{
		display:none;
	}
	
	
	
	div.listrow .main_event{
		padding:2px;  
		width: 410px;
	}
	div.listrow.projectrow .main_event { width: 295px; }
	
	div.listrow .main_event > .me_color{
		width:45px;
		padding-left: 2px
	}
	div.listrow.projectrow .main_event > .me_color { width: 60px; }
	
	
	
	div.listrow .main_event_info{
		width:100%;
		display:none;
		background-color:#e4efd1;
	}

	div.listrow .material-icons,  div.sub_listrow .material-icons {
		color:#96aa71;
		font-size:175%;
		cursor: pointer;
		margin-top: 5px;
		vertical-align: bottom;
		float: right;
	}
		div.sub_listrow .material-icons.transfer-event {
			margin-right: 5px;
		}
		div.sub_listrow .material-icons.transfer-event:hover {
			text-shadow: 0px 0px 6px white;
		}
		div.listrow .material-icons.oor, div.sub_listrow .material-icons.oor {
			font-size:169%;
			cursor: default;
			margin-left: -5px;
			vertical-align: middle;
		}
		div.listrow .material-icons.menotes, div.sub_listrow .material-icons.menotes {
			font-size:170%;
			margin-right: 5px;
		}
		div.listrow .material-icons.menotes.empty, div.sub_listrow .material-icons.menotes.empty { color:silver; }

	div.listrow .addmefile_btn{
		float: right;
		margin-right: 13px;
		height: 19px;
		margin-top: 5px;
	}
	
	div.open_hdr.vendor {
		background-color: #e4efd1;
		border-bottom: 1px solid #96aa71;
		line-height: 24px;
		margin: 5px 0 8px 0;
	}
	div.open_hdr > div:hover { border-color: #ffcc55; }
	div.vendor_hdr {
		width: 800px; height: 24px;
		background-color: transparent;
		font: small-caps bold 12px/28px Arial;
		color: #527021;
		margin: 0 0 2px 0;
		text-indent: 30px;
		border-bottom: 1px solid #92a17a;
		position: relative;
	}

.event_list.projcal .header_bar{
	background-color: #ebaf40;
}
.event_list.eqcal .header_bar{
	background-color: #2E3192;
}
.event_list.acctcal .header_bar{
	background-color: #4c9ed9;
}
	

	/* company-wide/site-wide note text boxes */
		div.cwnote_box .close, 
		div.swnote_box .close{
			position: absolute;
		    right: 0;
		    margin-top: -8px;
		    font-size: 21px;
		    margin-right: -6px;
		    cursor: pointer;
		}
		div.cwn_on, div.swn_on {
			border: none;
			color: #eaa400;
			float: left;
			font: bold 10px/14px Arial;
			text-indent: 2px;
			width: 17px;
			margin-top: 5px;
			cursor:pointer;
		}
		div.swn_on {
			color: #96aa71;
			text-indent: -3px;
			margin-top: 6px;
		}
		div.cwn_on .material-icons, 
		div.swn_on .material-icons{
			font-size: 18px;
		}

		div.event_list div.cwnote_box,
		div.event_list div.swnote_box {
			color: #000;
			background-color: #ffe6aa;
			border: 2px solid #ffc640;
			position: absolute;
			width: 350px;
			display: none;
			border-radius: 8px;
			z-index: 9999;
		}
		div.event_list div.swnote_box {
			background-color: #e4efd1;
			border: 2px solid #bed993;
			margin-left: 420px;
		}

			div.event_list div.cwnote_box > span,
			div.event_list div.swnote_box > span { 
				font-size: 11px; 
			}
			div.event_list div.cwnote_box div#cn_inner,
			div.event_list div.swnote_box div#sn_inner {  
				max-height: 305px;
				overflow-y: auto;
				padding: 5px;
				border-radius: 5px;
			}

			div.event_list div.cwnote_box div#cn_inner::-webkit-scrollbar,
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar {
			      background-color: #ffe6aa;
			      width:8px;
			      border-radius: 5px;
			}
			div.event_list div.cwnote_box div#cn_inner::-webkit-scrollbar-track,
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar-track {
				background-color: #ffe6aa;
				-webkit-box-shadow: inset 0 0 2px rgba(255, 198, 64,0.9);
				border-radius: 5px;
			}
			div.event_list div.cwnote_box div#cn_inner::-webkit-scrollbar-thumb,
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar-thumb {
				background-color: #ffc640;
				border-radius: 5px;
				-webkit-box-shadow: inset 0 0 2px rgba(255, 198, 64,.9);
			}
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar {
			      background-color: #e4efd1;
			}
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar-track {
				background-color: #e4efd1;
				-webkit-box-shadow: inset 0 0 2px rgba(190,217,147,0.9);
			}
			div.event_list div.swnote_box div#sn_inner::-webkit-scrollbar-thumb {
				background-color: #bed993;
				-webkit-box-shadow: inset 0 0 2px rgba(190,217,147,.9);
			}
			div.event_list div.cwnote_box div.cn_note,
			div.event_list div.swnote_box div.sn_note { 
				margin-top: 8px;
				width:100%;
			}
			div.event_list div.cwnote_box div.cn_byline,
			div.event_list div.swnote_box div.sn_byline { 
				height: 22px;
				margin-top: 8px;
				padding-bottom: 4px;
				border-bottom: 1px solid #ffc640;
				color: #555555;
				font-size: 11px;
				text-indent: 8px;
				cursor: default;
				width:100%;
			}
			div.event_list div.swnote_box div.sn_byline { 
				border-bottom: 1px solid #bed993;
			}
	/* END ::  note text box */
		 
	div.event_list div.aerow, 
	div.event_list div.narow {
		width: 800px; 
		height: 30px;
		background-color: #dcdcdc;
		font: 12px/30px Arial;
		border-bottom: 1px solid #bbb;
		position: relative;
		overflow: hidden;
	}	
	div.listrow {
		width: 100%;
		height: max-content;
		background-color: #d2d2d2;
		font: 12px/30px Arial;
		border-bottom: 1px solid #bbb;
		position: relative;
		/*overflow: hidden;*/
	}
		#admin_fill .listrow.confirm-delete {
			background-color: #cc5046;
		}	
	div.listrow.site-row {
		overflow: hidden;
		width: 101%;
	}
	div.listrow.user-row {
		width: 98%;
	}
	
	div.sub_listrow {
		width: 97%;
		margin-left: 1.5%;
		height: 30px;
		background-color: #f5f5f5;
		font: 12px/30px Arial;
		border-bottom: 1px solid #bbb;
		position: relative;
		overflow: hidden;
	}	

	#edituserform div.listrow{
		height: inherit !important;
		overflow: visible;
	} 
		div.listrow.old_contract { color: #fff; }
		div.listrow div.contract_level_icon {
			background-color: #444;
			height: 11px;
			left: 0;
			position: absolute;
			top: 10px;
			width: 3px;
		}
		div.listrow a.no_link {
			pointer-events: none;
			cursor: default;
			text-decoration: none;
			font-style: normal;
			font-size: 11px;
		}
			div.event_list div.aerow { 
				background-color: #4a5c7b; 
				border-bottom: 1px solid #99a8c1;
				color: #fff;
				font-weight: bold;
				margin-bottom: 0; 
			}
				div.event_list div.aerow > div { cursor: default; }
				div.event_list div.aerow div.ae_label {
					cursor: default;
					font: 11px/30px Arial;
					margin-left: 10px;
				}
				div.event_list div.aerow input.ae_input {
					background-color: #4a5c7b;
					color: #fff;
					font-size: 12px;
					width: 70px;
					margin: 0 0 0 4px;
					border: 1px solid #5a7196;
					text-align: center;
				}
				
		/*  next action list on the accounting page - i.e., non-related accounting events */
		div.event_list div.narow { 
			background-color: #4a5c7b; 
			border-bottom: 1px solid #99a8c1;
			color: #fff;
			font-weight: bold;
			margin-bottom: 0; 
		}
			div.event_list div.narow > div { cursor: default; }
			div.event_list div.narow div.nr_companylocation {
				cursor: default;
				font: 11px/30px Arial;
				font-weight: normal;
			}
			div.event_list div.narow div.na_label {
				cursor: default;
				font: 12px/30px Arial;
				margin-left: 5px;
			}
			div.event_list div.narow div.na_label.date_created { margin-left: 17px; }
			div.event_list div.narow  select {
				border: 1px solid #5a7196;
				background-color: #4a5c7b;
				color: #fff;
				font-family: Arial;
			}
			div.event_list div.narow  select.na_status { 
				width: 118px;
				border: 1px solid #5a7196;
			}
		/*  END : next action list on the accounting page - i.e., non-related accounting events */
		
			div.listrow.invoice { overflow: visible; }
			div.listrow.po { overflow: visible; }
		div.listrow.red { background-color: #e3ccc4; }
		div.listrow.orange { background-color: #ebddc5; }
		div.listrow.fontblack { color: #000000; }
		div.listrow.fontred { color: #fff; }	/* kept name for convenience, but changed color to white */
		div.listrow.fontwhite { color: #fff; }	/* kept name for convenience, but changed color to white */
		div.listrow.fontgray { color: #a9a9a9; }
		div.listrow:hover { background-color: #bed993; }
		div.listrow.projectrow:hover { background-color: #b9bfdb; } /*#c7cce2;*/
		div.listrow.accountingrow:hover { background-color: #ddb9b7; } /*#c7cce2;*/
		div.listrow > div , div.sub_listrow > div {
			height: max-content;
			cursor: default;
			position: relative;
		}
		div.listrow > div.meprice{
			text-align: right;
			padding-right: 10px;
		}
		div.listrow > div.main_event > span.me_site_nickname {
			display: block;
			font: 12px Arial;
			color: darkgoldenrod;
			font-style: italic;
			margin: -5px 0 2px 45px;
		}

			/* file link (9-9-2014) */
			div.sub_listrow  div.filelink {
				width: 100px;
				text-align: right;
				height: 17px;
				font: bold 11px/18px Arial;
				margin-top: 5px;
			}
				div.sub_listrow  div.filelink > div {
					float: right;
					max-width: 100px;
				}
				div.sub_listrow  div.filelink a , div.sub_listrow  div.filelink p {
					padding: 0;
					text-align: center;
					color: #777;
					font-style: normal;
					float:right;
					margin-right: 5px;
				}
				div.sub_listrow  div.filelink a:hover , div.sub_listrow  div.filelink p:hover {
					text-shadow: 0 0 1px #42561f;
					color: #000;
					cursor: pointer;
					text-decoration: none;
				}
			div.sub_listrow div.fsr_box  {
				width: 10px;
				height: 10px; 
				margin-top: 5px;
				float:left;
			}
			
			
				
			/* END : file link (9-9-2014) */
		div.listrow > div.pl5 {
			padding-left: 5px;
		}
		div.header_bar > div.site,
		div.listrow > div.site {
			padding-left: 5px;
			width: 210px;
			font-size: 11px;
		}
		div.listrow > div.fs11 {
			font-size: 11px;
		}
		div.listrow > div.pr5 {
			padding-right: 5px;
			text-align: right;
		}
		div.listrow > div.pl_none {
			padding-left: 0;
		}

		
		div.listrow  div.buttons .material-icons{
			font-size: 21px;
			margin: 5px 0 0 -10px;
		}
		div.buttons .billed, div.buttons .pending{
			color:#535353;
		}
		div.buttons .denied{
			color:red;
		}
		div.buttons .approved, div.buttons .paid{
			color:green;
		}
		
		
		div.listrow > div.buttons {
			width: 60px;
			float: right;
		}
			div.listrow > div.buttons.cfile { width: 75px; }
		div.listrow > div.buttons > img {
			margin-top: 5px;
			cursor: pointer;
		}
			div.listrow > div.buttons > img.edit_contract,
			div.listrow > div.buttons > img.delete,
			div.listrow > div.buttons > img.commentsbtn {
				float: right;
				margin-right: 2px;
			}
			div.listrow > div.buttons > img.delete,
			div.listrow > div.buttons > img.nodelete {
				float: right;
				margin-right: 2px;
			}
			div.listrow > div.buttons > img.edit_contract {
				opacity: 0.6;
				margin: 6px 4px 0 0;
			}
				div.listrow > div.buttons > img.edit_contract:hover { opacity: 1.0; }
		div.listrow > div.tac, div.sub_listrow > div.tac {
			text-align: center;
		}
		div.listrow.asset-row > div:not(.dc) {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		div.listrow > div.tac.mesub{
			text-align: left;
			width: 100px;
			padding-left: 27px;
		}
		div.listrow.projectrow > div.tac.mesub {
			text-align: center;
			width: 75px;
			margin: 0 10px;
			padding: 0;
		}
		div.listrow.projectrow > div.tac.me_pc {
			width: 80px;
		}
		div.listrow.projectrow > div.tac.mesub.wt {
			margin-right: 15px;
		}
		div.listrow > select.event-billing-type {
			display: none;
			width: 48px;
			float: left;
			margin: 5px 0 0 22px;
			padding: 0;
			height: 18px;
		}
			div.listrow > div.contract_date,
			div.header_bar > div.contract_date	{
				width: 70px;
				font-size: 11px;
			}
		div.listrow > div.tar {
			text-align: right;
			padding-right: 10px;
		}
		div.listrow > div.tac.dc {		/* dc = date code (on assets page) */
			width: 27px;
			cursor: default;
		}
			div.listrow > div.tac.dc > div.dc_box {
				width: 20px; height: 16px;
				font: bold 11px/16px Arial;
				color: #707070;
				background-color: #f0f0f0;
				margin: 7px 0 0 3px;
				box-shadow: 1px 2px 2px #444;
			}
				div.listrow > div.tac.dc > div.dc_box:hover {
					box-shadow: 1px 3px 2px #222;
				}
				div.listrow > div.tac.dc > div.dc_box.green {
					color: #fff;
					background-color: #96aa71;
				}
				div.listrow > div.tac.dc > div.dc_box.orange {
					color: #fff;
					background-color: #f79d09;
					box-shadow: 1px 2px 2px #7d5514;
				}
				div.listrow > div.tac.dc > div.dc_box.red {
					color: #fff;
					background-color: #bd3131;
					box-shadow: 1px 2px 2px #601a1a;
				}
		div.listrow > div.tac.mi {		/* mi = more info (on assets page) */
			width: 17px;
			cursor: pointer;
			font: bold 16px/30px Arial;
			color: #707070;
		}
			div.listrow > div.mi:hover { color: #000; }
		div.listrow div.block {
			width: 10px; height: 10px;
			margin: 10px 0 0 11px;
			background-color: #eb2e2e;
			cursor: pointer;
			box-shadow: 1px 1px 2px #646464;
		}
			div.listrow div.block:hover	{
				box-shadow: 1px 2px 3px #4d4d4d;
				cursor: pointer;
			}
		div.listrow div.blockacc {
			width: 10px; height: 10px;
			margin: 10px 0 0 6px;
			background-color: #eb2e2e;
			cursor: pointer;
			box-shadow: 1px 1px 2px #646464;
		}
			div.listrow div.blockacc:hover	{
				box-shadow: 1px 2px 3px #4d4d4d;
				cursor: default;
			} 
			
			div.listrow input.reset_user_password {
				width: 110px;
				position: absolute;
				top: 10px;
				left: 14px;
				border: #bdbfc3 solid 1px;
				background: url('../img/input_buttonbg.gif') repeat-x;
			}
			
			
			div.listrow input.userinput {
				color: #4a5c7b;
				cursor: default;
				font-size: 12px;
				text-align: left;
				height: 22px;
			}
				div.listrow input.userinput.pl5 { padding-left: 4px; padding-right: 4px; }
				div.listrow input.userinput.tac { text-align: center; }
			div.listrow input[type="button"]#save_usersedit,
			div.listrow input[type="button"]#cancel_usersedit {
				background-color: transparent;
				font: bold 11px Arial;
				padding-left: 6px;
				padding-right: 6px; 
				text-align: center;
				cursor: pointer;
			}
				div.listrow input[type="button"]#save_usersedit:hover { color: #8ddb46; text-shadow: 0 0 1px #4f5e33; }
				div.listrow input[type="button"]#cancel_usersedit:hover { color: #eb2e2e; text-shadow: 0 0 1px #4f5e33; }
		
		div.listrow > div a,  a.file_id, div.listrow > div a,  a.file-id{
			color: #000;
			text-decoration: none;
			font-style: italic;
		}
			div.listrow > div a:hover,  a.file_id:hover, div.listrow > div a:hover,  a.file-id:hover {
				text-decoration: underline;
			}
			div.listrow > div.tac.eq_contracted,
			div.listrow > div.tac.eq_decommissioned,
			div.listrow > div.tac.eq_noncontracted ,
			div.sub_listrow > div.tac.eq_contracted,
			div.sub_listrow > div.tac.eq_decommissioned,
			div.sub_listrow > div.tac.eq_noncontracted {
				background-color: #98CA3C;
				height: 20px;
				line-height: 20px;
				margin: 4px 2px 0 0;
				box-shadow: 1px 1px 3px #7a7a7a;
			}
			div.listrow > div.tac.eq_noncontracted ,div.sub_listrow > div.tac.eq_noncontracted {
				background-color: #757575;
				color: #fff;
			}
			div.listrow > div.tac.eq_decommissioned  ,div.sub_listrow > div.tac.eq_decommissioned{
				background-color: #fff;
				color: #a9a9a9;
			}
			div.sub_listrow div.top_system_id {
				width: 80px;
				cursor: pointer;
			}
			div.sub_listrow.sub_projectrow div.top_system_id {
				margin-right: 10px;
			}
		div.listrow  select, div.sub_listrow  select,
		div.event_list div.aerow  select,
		div.event_list div.narow  select {
			color: #4a5c7b;
			font-size: 12px;
			height: 20px;
			border: none;
			margin: 4px 0 0 2px;
			padding: 1px 2px 1px 0;
			font-family: Arial;
			float: left;
			width:118px;
		}
		div.sub_listrow select{
			border: solid 1px #bed993;
		}
		div.event_list div.aerow  select {
			border: 1px solid #5a7196;
			background-color: #4a5c7b;
			color: #fff;
		}
		div.event_list div.asset_change_pop {	
			position: absolute;
			top: 0;
			right: 144px;
			background-color: #fff;
			border: 1px solid #000000;
			box-shadow: 2px 2px 8px #333333;
			padding: 10px;
			z-index: 999; 
			width: 183px;
			display: none;
		} 
		div.asset_change_pop .row{
			width: 100%;
			float:left;
			margin-bottom:6px;
		}
		div.asset_change_pop .hdr{
			color: black; 
			float:left;
			width: 95%; 
			text-align: center;
			font: bold 14px Arial;
			
		}
		div.asset_change_pop #close_change_form{   
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			position: absolute;
			right: 12px;
			top: 9px;
			z-index: 999;
			width: 4%;
		}
		div.asset_change_pop  #close_change_form:hover { 
			color: #6c6c6c;
			text-shadow: 1px 1px 2px #9e7227;
			cursor: pointer; 
		}	
		
			div.asset_change_pop  select.asset_change{
				width: 33%; 
				text-align: right; 
				border: 1px solid; 
				margin-left: 33%;
			}
			div.event_list div.aerow > div > img { 
				margin: 5px 0 0 3px; 
				cursor: pointer;
			}
			div.listrow  select.subject,div.event_list div.aerow  select.ae_subject ,div.sub_listrow  select.subject{ width: 130px; }
			div.listrow  select.status,div.event_list div.aerow  select.ae_status,div.sub_listrow  select.status { width: 118px; }
			div.listrow  select.pv ,div.sub_listrow  select.pv{ width: 175px; }
			div.listrow  select.update2.sv { width: 165px; } 
			div.subrow select.update2.sv{ width: 128px; } 
			div.listrow  select.scheduler_list.sv { width: 165px; } 
			div.subrow select.scheduler_list.sv{ width: 128px; } 
			div.listrow  select option.project,div.sub_listrow  select option.project { color: #303030; }
		div.listrow div.multi {
			width: 12px;
			font: bold 11px/30px Arial;
			color: #5f6f42;
			text-shadow: 0 0 1px #999999;
            text-align: center;
		}
		div.edit_box {
			display: none;
			background-color: #e4efd1; 
			padding-bottom: 10px;
    	border-bottom: solid 5px #96aa71;
    	width: 100%;
		}
		div.edit_box div.sub_edit_box {
			height: inherit;
			width: 97%;
			display: none;
			background-color: #e4efd1;
			margin: 0 0 2px 1.5%;
		}
		
		div.listrow div.edit_box label.error,div.edit_box div.sub_edit_box label.error{
			margin:0 0 0 150px;
		}

	div.listrow.qtquote div,
	div.header_bar .qthead{
		width: 16%;
		padding-left: 5px;
	}
	div.listrow.qtquote div:last-child,
	div.header_bar .qthead:last-child{
		width: 15%;
		text-align: right;
	}

	div.listrow.qtquote div.quote_number{
		cursor: pointer;
	}
	div.listrow.qtquote div.quote_number:hover{
		font-weight: bold;
	}

    /* NEW : square to represent project number 2-19-2015 */
        div.event_list div.pnbx {
            height: 24px; width: 10px;
            cursor:  default;
            font:  8px/8px Arial;
            color:  #b1afaf;
            padding:  6px 0 0 1px;
            width: 10px;
         }
         div.event_list.projcal div.pnbx { margin-left: 10px; }
		     div.event_list div.pnbx:hover { 
               color:  #000;
               text-shadow: 0 0 1px #42561f;
            }
    /* END :: NEW : square to represent project number 2-19-2015 */
	
	/* NEW : square to represent site-wide note 2-25-2015 */
        div.event_list div.swbx {
            height: 24px; width: 10px;
            color:  #fff;
            padding:  3px 0 0 1px;
         }
			div.event_list div.swbx > span {
				display: block;
				height: 20px; width: 8px;
				text-align: center;
				cursor:  default;
				font: 9px/23px Arial;
			}
				div.event_list div.swbx > span:hover { 
				   color:  #000;
				   text-shadow: 0 0 1px #42561f;
				}
    /* END :: NEW : square to represent site-wide note 2-25-2015 */

		div.edit_box div.subrow {
			width: 100%;
			height: 28px;
			padding: 2px 0 0 0;
			border-bottom: 3px solid #E4EFD1;
			background-color: #e4efd1;
			font: 12px/30px Arial;
			position: relative;
		}

		/*Site nickname subrow styling*/
		div.subrow.nickname {
			background-color: rgb(190, 217, 147) !important;
			color:#000;
			width: 99.5% !important;
		}

		div.subrow.nickname .nickname_label {
			color: #000; 
			margin-left: 40px;
		}

		div.subrow.nickname .nickname_label .nickname_name {
			 margin-left: 5px;
		}

		div.edit_box  .add_extrafe_row{
			display:none;
		}

		
		div.sub_edit_box div.subrow {
			width: 99%;
		}
		
		
				div.edit_box div.subrow > div, 
				div.edit_box div.subrow > div.type_box > div {
					height: 30px;
					padding: 0 4px;
					color: #334417;
					font: 11px/30px Arial;
					cursor: default;
				}

					div.edit_box div.subrow > div.label, 
					div.edit_box div.subrow > div.type_box > div.label { margin-left: 12px; }
					div.edit_box div.subrow label{
						float: left;
						margin-left: 4px;
					}

					div.edit_box div.subrow > div.label > span {
						color: black;
						font-size: 12px;
						display: inline-block;
						width: 90px;
					}

					div.edit_box div.subrow.extra-site-info > select {
					    width: 155px;
					}

					div.edit_box div.subrow.sitecontact > div.label { margin-left: 12px; }
					div.edit_box div.subrow.sitecontact > div.label.name { width: 35px; }
					div.edit_box div.subrow.sitecontact > span.name { width: 120px; }
					div.edit_box div.subrow.sitecontact > div.label.phone { width: 42px; }
					div.edit_box div.subrow.sitecontact > span.phone { width: 110px; }
					div.edit_box div.subrow.sitecontact > div.label.ext { width: 25px; }
					div.edit_box div.subrow.sitecontact > span.ext { width: 70px; }
					div.edit_box div.subrow.sitecontact > div.label.email { width: 40px; }
					div.edit_box div.subrow.sitecontact > span.email { width: 280px; }

					div.edit_box div.subrow.sitecontact > span {
						float: left;
					}

					div.edit_box div.subrow.mgr {
						height: 35px;
					}
					div.edit_box div.subrow.mgr > div.label {
						font-size: 11px;
						line-height: 1.5;
						padding: 2px 0 0 0;
						margin: 0;
						width: 25%;
						text-align: center;
					}
					div.edit_box div.subrow.mgr > div.label > span {
						display: block;
						margin: 0;
						padding: 0;
						text-align: center;
						width: auto;
					}

					div.edit_box div.subrow.sitecontact > span,
					div.edit_box div.subrow.mgr > div.label > span {
						color: darkgoldenrod;
						font-style: italic;
					}

					div.edit_box div.subrow > div.ev_billable_label {
						margin-left: 0px;
					}
					div.edit_box div.subrow > span.pc_info {
						float: left; 
						text-indent: 5px; 
						margin: 0 20px;
						font-size: 11px;
					}
					div.edit_box div.subrow > span.pc_info .ttlamt {
						font-weight: bold; 
					}
					div.edit_box div.subrow .ic_add_extra_vend{ 
						cursor: pointer; 
						float: right;
					}
					div.edit_box.project_me div.subrow .ic_add_extra_vend { padding: 0; }
					
					div.edit_box div.subrow.first> div.label, 
					div.edit_box div.subrow.first > div.type_box > div.label {
						margin-left: 10px; 
					}
					div.edit_box div.subrow > div.label.history {
						width: 6px; height: 16px;
						margin-top: 6px;
						margin-left: 0;
						font-weight: bold;
						line-height: 16px;
						color: #fff;
					}
						div.edit_box div.subrow > div.label.history:hover { 
							text-shadow: 0 0 1px #42561f;
							color: #000;
							cursor: pointer;
						}
					div.edit_box div.subrow > div.label.got_vendorpo {
						font-style: italic;
						color: #738550;
					}
					div.edit_box div.subrow .label.polabel,
					div.edit_box div.subrow .pocount{
						border: 1px solid #bed993;
						padding: 4px 6px;
						height: auto;
						line-height: 1em;
						margin-top: 4px;
						cursor: pointer
					}

					div.edit_box div.subrow .label.polabel{
						margin-left: 4px;
					}
					div.edit_box.project_me div.subrow .label.polabel {
						margin-left: 10px;
					}
					div.edit_box div.subrow .pocount{
						font-weight: bold;
						border-left:none;
					}
					div.edit_box div.subrow .polist{
						z-index: 99;
    					position: absolute;
						border: 1px solid;
						background-color: white;
						box-shadow: 2px 2px 8px #333333;
						padding: 4px;
						width: 300px;
						height: auto;
						display:none;
					}
					div.edit_box div.subrow div.billing_info_spacer {
						width: 200px;
					}
					div.edit_box.project_me div.subrow input#material_recog_check {
						margin-left: 35px;
					}
					.subrow .polist .hdr{
					    background-color: #e4e4e4;
					    color: black;
					    font-weight: bold !important;
						width: 96%;
						padding: 0 6px;
						line-height: 2em;
						text-align: center;
					}
					.hdr .material-icons{
						float: right;
						font-size: 184%;
						color: #607d2d;
						cursor: pointer;
					}
					.subrow .polist ul{
					    list-style: none;
					    font-size: 12px;
					}
					.polist a{
    					text-decoration: none;
    					color: inherit;
						display: inline-block;
						max-width: 91%;
						max-height: 22px;
						overflow: hidden;
						margin-left: 8px;
					}


				div.edit_box  div.subrow > div.multibtn {
					color: #fff;
					font: bold 11px/18px Arial;
					height: 17px;
					text-align: center;
					width: 12px;
					padding: 0;
					margin-top: 5px;
				}
					div.edit_box  div.subrow > div.multibtn:hover { 
						text-shadow: 0 0 1px #42561f;
						color: #000;
						cursor: pointer;
					}
				div.event_list div.md_box {	/* md = multi-day, for setting multi-days for a single event */
					position: absolute;
					left: 42px;
					height: 20px;
					padding: 4px 8px;
					line-height: 28px;
					border: 1px solid #000;
					background-color: #fff;
					z-index: 999;
					box-shadow: 2px 2px 8px #333;
					display: none;
				}
					div.event_list div.md_box > div {
						height: 20px;
						font: 11px/20px Arial;
						color: #334417;
					}
						div.event_list div.md_box > div.savebtn { margin-left: 8px; color: #000; }
							div.event_list div.md_box > div.savebtn:hover { color: #334417; cursor: pointer; }
						div.event_list div.md_box > div.cancelbtn { margin-left: 8px; color: #000; }
							div.event_list div.md_box > div.cancelbtn:hover { color: #ca0000; cursor: pointer; }
					div.event_list div.md_box > input {
						border: 1px solid #aaa;
						width: 15px;
						font-size: 11px;
						padding: 1px 2px 0 2px;
						text-align: center;
						color: #334417;
						margin: 1px 0 0 5px;
						float: left;
					}
						div.event_list div.md_box > input#md_count {
							background-color: #96aa71;
							color: #fff;
							border: 1px solid #6a7b4a;
						}
						div.event_list div.md_box > input.md_day {
							width: 40px;
							margin-left: 8px;
						}
				/* the popup showing the site scheduler's information on the events page */		
				div.event_list div.siteschedulers_box {	
					position: absolute; top: 0; right: 98px;
					background-color: #fff;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					padding: 10px;
					z-index: 999; 
					width: 232px;
					display: none;
				}
					div.event_list div.siteschedulers_box > div.hdr {
						font: bold 12px/22px Arial;
						height: 22px;
						margin-bottom: 5px;
						text-align: center;
						width: 100%;
						background-color: #e4e4e4;
						position: relative;
					}
						div.event_list div.siteschedulers_box > div.hdr img {
							position: absolute;
							top: 2px; left: 2px;
						}
					div.event_list div.siteschedulers_box > div.frame {
						border: 1px solid #e4e4e4;
						padding: 10px;
					}
					div.event_list div.siteschedulers_box > div.frame > div.line {
						font-size: 11px;
						height: 14px;
						width: 210px;
						margin-bottom: 5px;
					} 
						div.event_list div.siteschedulers_box > div.frame > div.line > label { 
							float: left;
							margin-right: 5px;
							color: #757575;
						}
						div.event_list div.siteschedulers_box a {
							color: #000;
							text-decoration: none;
						}
						div.event_list div.siteschedulers_box a:hover {
							color: #1869ba;
							cursor: pointer;
						}
						div.event_list div.siteschedulers_box > div.frame > div.line > input[type="checkbox"] {
							float: left;
							cursor: pointer;
							margin: 0 6px 0 0;
						}
						div.event_list div.siteschedulers_box > div.frame > div.line > input[type="button"] {
							border: 1px solid #a4a4a4;
							cursor: pointer;
							float: left;
							font: 11px/14px Arial;
							height: 22px;
							text-align: center;
							width: 210px;
							color: #59683e;
						}
							div.event_list div.siteschedulers_box > div.frame > div.line > input[type="button"]:hover {
								text-shadow: 0 1px 1px #aaa;
								color: #000;
							}

				/* the popup showing the company next actions on the events page */		
				div.event_list div.compna_box {	
					background-color: #fff;
					background-color: #ffd359;
   					box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
					display: none;
					max-height: 215px;
					overflow-y: auto;
					padding: 0 10px;
					position: absolute;
					width: 275px;
					z-index: 999; 
				}

					div.event_list div.compna_box div#company_na_hdr {
						float: unset;
						margin: 3px auto;	
						text-align: center;				
					}
					
					div.event_list div.compna_box div.comp_na_list {
						color: #593a06;
						font-family: Arial;
						font-size: 10px;
						/*margin-bottom: 15px;*/
						/*max-height: 280px;*/
						width: 98%;
					}

					div.event_list div.compna_box div.comp_na_list div.line {
						background-color: #f1e9d5;
						border-top: 1px solid #fff;
						border-radius: 4px;
						cursor: pointer;
						margin: 3px auto;
						height: 23px;
						text-indent: 5px;
						width: 100%;
					}

					div.event_list div.compna_box div.comp_na_list div.line:nth-child(even){
						background-color: #f9db8a;
					}

					div.event_list div.compna_box div.comp_na_list div.line span {
						vertical-align: middle;
					}

					div.event_list div.compna_box div#na_loader_container {
						display: block;
						margin-top: 15px;
						text-align: center;
						width: 100%
					}

					div.event_list div.compna_box input#close_na_popup_btn {
						background-color: #f9db8a;
						border-top: 1px solid #fff;
						border-radius: 4px;
						color: #593a06;
						cursor: pointer;
						display: none;
						font-size: 12px;
						height: 23px;
						margin: 5px auto 10px;
						text-align: center;	
						width: 99%;
					}

					div.event_list div.compna_box input#close_na_popup_btn:hover {
						box-shadow:1px 1px 4px #222;
						color: #222;  
					}
				/* the popup to request a PO from the events page */		
				div.event_list div.eventspo_box {	
					position: absolute; top: 0; right: 148px;
					background-color: #fff;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					padding: 10px;
					z-index: 999; 
					width: 251px;
					display: none;
				}
					div.event_list div.eventspo_box > div.hdr {
						width: 98%;
						height: 22px;
						padding: 1%;
						text-align: center;
						font: bold 12px/22px Arial;
						border: 0 solid #ccc;
						background-color: #e4e4e4;
						position: relative;
						margin-bottom: 5px;
					}
						div.event_list div.eventspo_box > div.hdr button {
							position: absolute;
							top: 6px;
							left: 4px; 
							height: 16px;
							width: 18px;
							float: right;
							padding: 0;
							line-height: 10px;
							font-size: 9px;
							border: 0 solid #96aa71;
							color: #ffffff;
							box-shadow: 1px 1px 3px #99c254;
							border-radius: 2px;
							background-color: #607d2d;
							font-weight: bold;
						}
						div.event_list div.eventspo_box > div.hdr span {
							font-size: 11px;
							color: #9a0e0e; 
							width: 44px;
							text-align: right;
							text-indent: 0;
							cursor: default;
							position: absolute;
							right: 6px;
						}
					div.event_list div.eventspo_box > div.frame {
						border: 1px solid #e4e4e4;
						padding: 10px;
					}
					div.event_list div.eventspo_box > div.frame > div.line {
						font-size: 11px;
						height: 25px;
						width: 100%;
						margin-bottom: 7px;
						color: #535353;
					} 
						div.event_list div.eventspo_box > div.frame > div.line > div { 
							float: left;
							width: 15px; height: 22px;
							line-height: 22px;
							margin-right: 5px;
							color: #535353;
							font-size: 11px;
						}
							div.event_list div.eventspo_box > div.frame > div.line > div.full_label {
								width: 100%;
								text-align: left;
							}
						div.event_list div.eventspo_box > div.frame > div.line > input { 
							float: left;
							width: 200px; height: 18px;
							border: 1px solid #a4a4a4;
							padding-left: 4px;
							color: #59683e;
						}
						div.event_list div.eventspo_box > div.frame > div.line > input[type="button"] {
							cursor: pointer;
							text-align: center;
							height: 22px;
						}
							div.event_list div.eventspo_box > div.frame > div.line > input[type="button"]#send_porequest { width: 140px; }
							div.event_list div.eventspo_box > div.frame > div.line > input[type="button"]#cancel_porequest { width: 84px; }
							div.event_list div.eventspo_box > div.frame > div.line > input[type="button"]:hover {
								text-shadow: 0 1px 1px #aaa;
								color: #000;
							}
						div.event_list div.eventspo_box > div.frame > div.line > textarea#porequest_msg { 
							border: 1px solid #a4a4a4;
							width: 218px;
							padding: 4px;
							font-size: 11px;
							color: #59683e;
							height: 56px;
						}
				/* END :: the popup to request a PO from the events page */	
						
						
						/* the popup to allow the recording of the vendor's purchase order */		
					div.event_list div.vendorpo_box {	
						position: absolute; top: 0; right: 98px;
						background-color: #fff;
						border: 1px solid #000000;
						box-shadow: 2px 2px 8px #333333;
						padding: 10px;
						z-index: 999; 
						width: 232px;
						display: none;
					}
						div.event_list div.vendorpo_box > div.hdr {
							font: bold 12px/22px Arial;
							height: 22px;
							text-indent: 5px;
							width: 100%;
							background-color: #e4e4e4;
							position: relative;
						}
							div.event_list div.vendorpo_box > div.hdr img {
								position: absolute;
								top: 2px; left: 2px;
							}
							div.event_list div.vendorpo_box > div.hdr span {
								float: right; margin-right: 5px;
								font-size: 11px;
								color: #9a0e0e; 
								width: 44px;
								text-align: right;
								text-indent: 0;
								cursor: default;
							}
						div.event_list div.vendorpo_box > div.sub_hdr {
							font: bold 11px/24px Arial;
							height: 22px;
							text-align: center;
							width: 100%;
							color: #535353; 
						}
						div.event_list div.vendorpo_box > div.frame {
							border: 1px solid #e4e4e4;
							padding: 10px;
						}
						div.event_list div.vendorpo_box > div.frame > div.line {
							font-size: 11px;
							height: 22px;
							width: 210px;
						} 
						div.event_list div.vendorpo_box > div.frame > div.line > div { 
							float: left;
							width: 35px; height: 22px;
							line-height: 22px;
							text-align: right;
							margin-right: 5px;
							color: #535353;
							font-size: 11px;
						}
						div.event_list div.vendorpo_box > div.frame > div.line > div.full_label {
							width: 100%;
							text-align: center;
							height: 35px;
							line-height: 14px;
						}
						div.event_list div.vendorpo_box > div.frame > div.line > input { 
							float: left;
							width: 161px; height: 18px;
							border: 1px solid #a4a4a4;
							padding-left: 5px;
							color: #59683e;
						}
						div.event_list div.vendorpo_box > div.frame > div.line > input[type="button"] {
							cursor: pointer;
							width: 102px;
							text-align: center;
							border: 1px solid #a4a4a4;
							float: left;
							font: 11px/14px Arial;
							height: 22px;
							color: #59683e;
						}
							div.event_list div.vendorpo_box > div.frame > div.line > input[type="button"]:hover {
								text-shadow: 0 1px 1px #aaa;
								color: #000;
							}
						
						
						
						
						/* END ::  the popup to allow the recording of the vendor's purchase order */
				div.edit_box div.subrow > input:not(.addfile_btn) { 
					height: 16px; 
					text-align: center;
					margin: 5px 8px 0 0;
					float: left; 
				}
				div.edit_box div.subrow > input#shipping_vendor {
					width: 150px;
					text-align: left;
				}
				div.edit_box div.subrow > input[type=checkbox] { 
					margin: 8px 0 0 7px;
				}

				div.edit_box div.subrow > input.billable_check {
					width: 14px;
					margin: 7px 0 0 15px;
				}

				div.edit_box > form.site_form {
		    		background-color: #e4efd1;
		    		height: 135px;
		    		padding: 2px 18px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites {
		    		font: 12px Arial;
		    		display: flex;
		    		flex-direction: row;
		    		width: 100%;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third { flex: 33%; }
		    	div.edit_box > form.site_form > div.sub-row.sites > div.two-thirds { flex: 66%; }
		    	div.edit_box > form.site_form > div.sub-row.sites > div.two-thirds.city-state-zip {
		    		display: flex;
		    		flex-direction: row;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.two-thirds.city-state-zip > div.third {
		    		flex: 33%;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > img.editbtn {
		    		cursor: pointer;
				    position: absolute;
				    z-index: 10;
				    top: 6px;
				    right: 6px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > label {
		    		display: inline-block;
				    color: hsl(82 54% 30% / 1);
				    padding: 6px 0 0 2px;
				    opacity: .8;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > label.zip {
		    		position: absolute;
		    		left: 146px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > input,
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > select {
		    		margin: 0;
					border: 1px solid #bed993;
					padding: 2px 5px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > input.address { width: 240px; }
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > input.city { width: 240px; }
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > input.zip_code {
		    		width: 113px;
		    		float: right;
		    		margin-right: 4px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > input.storeNumber { width: 240px; }
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > select.state {
		    		height: auto;
				    width: 123px;
				    padding: 3px 5px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > select.country {
		    		height: auto;
		    		width: 252px;
				    padding: 3px 5px;
		    	}
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > select.contact_id,
		    	div.edit_box > form.site_form > div.sub-row.sites > div.third > select.scheduler_id {
		    		height: 24px;
		    		width: 255px;
		    	}

					div.edit_box div.subrow > input.date ,
					div.edit_box div.subrow > input.end_date { 
						width: 70px; 
						color: #4A5C7B;
						font-size: 12px;
						background-color: #fefefe;
					}
						div.edit_box div.subrow > input.date.contract { width: 70px; }
						div.edit_box div.subrow > input.vci { 	/* for field engineer information which was formerly vendor contract information */
							text-align: left; 
							padding-left: 5px;
							color: #4a5c7b;
							font-size: 12px; 
						}
						div.edit_box div.subrow .yellow{
							background-color:#ffffb0;
						}
						div.edit_box div.subrow .white{
							background-color:#fff;
						}
						.full_list_of_extra_fes .label{
							margin-left: 6px!important;
						}
						.full_list_of_extra_fes .first{
							margin-left: 12px!important;
						}
						
						
						div.edit_box div.subrow   .vendor_contact_access { 	/* for field engineer information which was formerly vendor contract information */
							width: 68px; 
						}
						
						div.edit_box div.subrow   .vendor_contact_info_name { 	/* for field engineer information which was formerly vendor contract information */
							width: 110px; 
						}
						div.edit_box div.subrow   .sub_vendor_contact_info_name { 	/* for field engineer information which was formerly vendor contract information */
							width: 104px; 
						}
						
						div.edit_box div.subrow   .vendor_contact_phone { 	/* for field engineer information which was formerly vendor contract information */
							width: 92px;
						}
						div.edit_box div.subrow   .vendor_contact_ext { 	/* for field engineer information which was formerly vendor contract information */
							width: 26px;
						}
						div.edit_box div.subrow   .vendor_contact_email { 	/* for field engineer information which was formerly vendor contract information */
							width: 172px;
						}
						
					div.edit_box div.subrow > div.label#custwo { margin-left: 20px; }
					div.edit_box div.subrow > input.customer_wo { 	/* for field engineer information which was formerly vendor contract information */
						text-align: left; 
						padding-left: 5px;
						width: 150px;
						font-size: 12px; 
					}
					div.edit_box div.subrow > input.ev_vendor_po { 	/* for field engineer information which was formerly vendor contract information */
						text-align: left; 
						padding-left: 5px;
						width: 150px;
						font-size: 12px; 
					}
						
					div.subrow.sitesched .copyBtn{
						font-variant: small-caps;
						margin-top:2px;
						cursor: pointer;
						font-size: 95%;
						padding: 0 2px;
					}
				div.edit_box div.subrow > select,
				div.edit_box div.subrow > div.type_box > select {
					margin: 8px 8px 0 0;
					float: left;
					font-family: Arial;
				}
					div.edit_box div.subrow.mgr > select {
						width: 140px;
					}
			div.edit_box  div.subrow > div#msa_icon {
				font: bold 11px/18px Arial;
				height: 17px;
				text-align: center;
				width: 12px;
				padding: 0;
				margin: 7px 0 0 4px;
			}
				div.edit_box  div.subrow > div#msa_icon:hover { 
					text-shadow: 0 0 1px #42561f;
					cursor: pointer;
				}
					div.edit_box  div.subrow > div#msa_icon.msa_white { color: #fff; }
					div.edit_box  div.subrow > div#msa_icon.msa_green { color: #72982d; }
					div.edit_box  div.subrow > div#msa_icon.msa_white:hover { color: #888; }
					div.edit_box  div.subrow > div#msa_icon.msa_green:hover { color: #577520; }
			div.edit_box div.subrow > .deletebtn, 
			div.edit_box div.subrow > img.commentsbtn,
			div.edit_box div.subrow > img.schedulerbtn,
			div.edit_box div.subrow > img.alertbtn,
			div.edit_box div.subrow > img.pricecostbtn,
			div.edit_box div.subrow > img.editbtn,
			div.edit_box div.subrow > .pricecostbtn,
			div.edit_box div.subrow > .nabtn,
			div.edit_box .qt {
				float: right;
				margin: 5px 4px 0 0;
				cursor: pointer;
			}
			div.edit_box div.subrow.sites > img.editbtn {
				position: absolute;
				top: 0;
				right: 10px;
				z-index: 10;
			}
			
			div.edit_box div.subrow > .pricecostbtn{
				
				font:bold 15px/20px Arial;
			}

			div.edit_box div.subrow > div.accteventbtn {
				float: right;
				display: inline-block;
				margin: 5px 4px 0 0;
				width: 25px;
				height: 20px;
				cursor: pointer;
				font-size: 15px;
				line-height: 20px;
				font-weight: 800;
				color: #586a85;
				text-shadow: 2px 2px 5px #aaaac1;
			}

			div.edit_box div.subrow > div.accteventbtn-red {
				color: #b50202;
			}
			
			
			div.edit_box .req_quote {
				float: right;
				margin: 5px 4px 0 0;
				cursor: pointer;
				font-size: 170%; 
				color: #3ec8ce;
			} 
			div.edit_box .old_event,div.edit_box .old_fsr  {
				float: right;
				margin: 5px 9px 0 0;
				cursor: pointer;
				font-size: 100%; 
			} 
			div.edit_box .old_event { 
				color: #3ec8ce;
			}  
			div.edit_box .old_fsr { 
				color:#969696; 
			}
			div.edit_box .qt {
				font-size: 170%;
				color: #aaaa55;
			}
			div.edit_box .qt.on {
				color: #607d2d;
			}

			div.edit_box .nabtn {
				font-size: 170%;
				color: #666;
			}
					
			div.edit_box .pin {
				float: right;
				margin: 5px 4px 0 0;
				cursor: pointer;
			}
			div.edit_box .pin {
				font-size: 170%;
				color: #aaaa55;
			}
			div.edit_box .gotoquote {
				float:left;
				margin-top:5px; 
				font-size: 140%;
				margin-left: 8px; 
				cursor: pointer;
				margin-right: -12px;
				color: #63aa55;				
			}
			 
			div.edit_box .gotoquote.sub{
				margin-top:3px; 
				margin-right: -5px; 
			}
			
				div.edit_box div.subrow > div.accteventbtn, div.edit_box div.subrow > img.commentsbtn { margin-right: 2px; }
				/*div.edit_box.project_me div.subrow > img.accteventbtn { margin-left: 70px; }*/
				/* new PO email button 1-19-2017  */
			div.edit_box div.subrow > button.po_mail {	
				height: 16px;
				width: 18px;
				float: right;
				padding: 0;
				line-height: 10px;
				font-size: 9px;
				margin: 7px 4px 0 0;
				border: 0 solid #96aa71;
				color: #ffffff;
				box-shadow: 1px 1px 3px #99c254;
				border-radius: 2px;
				background-color: #607d2d;
				font-weight: bold;
				cursor: pointer;
			}
				
				
				/* reasons_box is shown for a Contracted PM when the month is changed -- scheduler must chose*/
				div.event_list div.reasons_box {
					width: 350px;  
					padding: 6px;
					line-height: 28px;
					border: 1px solid #828892;
					background-color: #fff;
					z-index: 99;
					box-shadow: 2px 2px 8px #333;
					display: none;
					border-radius: 2px;
					position: absolute;
				}
 
				div.event_list div.reasons_box >.reasons_container {
					border: 1px solid #e4e4e4;
					padding: 10px 12px 15px 12px;
				}
			
 
				div.reasons_container>.header{
					width:100%;
					font: 18px/20px Arial;
					background-color: #e4e4e4;
					height:50px;
				}
				
				div.reasons_container >.header>.title{
					width:300px;
					margin-top: 4px;
				}

				div.reasons_container >.header>.title2{
					width:150px;
					margin-top: 4px;
				}
				div.reasons_container >.header>.r_close{
					width:20px;
					height:30px;
					cursor:pointer;
				}
				
				div.reasons_container>.row{
					width:100%;
				}
				div.reasons_container>.row>.r_btn{
					width:45%;
					float:left;
					background-color:#e6e6e6;
					 
					 border: 1px solid #000000; 
				}
				div.reasons_container>.row>.right{
					width:75px;
				}
				div.reasons_container>.row>.left{
					width:325px;
				}
				div.reasons_container>.row>.row_headers{
					width:100%;
				}
				 
				 
				div.reasons_container>.row>.row_headers>.item1{
					width:50px;text-align:center;
				}
				div.reasons_container>.row>.row_headers>.item2{
					width:70px;text-align:center;
				}
				div.reasons_container>.row>.row_headers>.item3{
					width:70px;text-align:center;
				}
				div.reasons_container>.row>.row_headers>.item4{
					width:220px;text-align:center;
				}
				
				
				div.reasons_container>.row>.row_items_contaner{
					width:100%;
					max-height:200px;
					overflow-y: auto;
				}
				
				div.reasons_container>.row>.row_items_contaner>.row_items{
					width:100%;
					
				} 
				div.reasons_container>.row>.row_items_contaner>.row_items>.item1{
					width:50px;text-align:center;
				}
				div.reasons_container>.row>.row_items_contaner>.row_items>.item2{
					width:70px;text-align:center;
				}
				div.reasons_container>.row>.row_items_contaner>.row_items>.item3{
					width:70px;
					text-align:center;
				}
				div.reasons_container>.row>.row_items_contaner>.row_items>.item4{
					width:220px;
				}
				
				div.reasons_container>.row>.r_btn{
					border: 1px solid #a4a4a4;
					box-shadow: 1px 1px 3px #ccc;
					cursor: pointer;
					float: left;
					font: 11px/14px Arial;
					height: 22px;
					text-align: center;
					width: 74px;
					color: #59683e;
					background: url('../img/input_buttonbg.gif') repeat-x;
				}
				

				/* this box is used for the choices between correction/reschedule and proposed/confirmed */
				div.dct_box {
					width: 138px;  
					padding: 10px 12px 15px 12px;
					line-height: 28px;
					position: absolute; top: 2px; left: 150px;
					border: 1px solid #000;
					background-color: #fff;
					z-index: 99;
					box-shadow: 2px 2px 8px #333;
					display: none;
				}
				div.dct_box div#dctbox_rest,
				div.dct_box div#dctbox_6,
				div.dct_box div#dctbox_7,
				div.dct_box #dc_reason{
					display:none;
				}
				div.dct_box #dc_reason{
					border:1px solid;
					width: 100%;
				}
				
				
					div.dct_box div.header {
						width: 100%;
						margin: 5px 0 10px 0;
						line-height: 18px;
						text-align: center;
					}
					div.dct_box input.dc_choice {
						float: left;
						cursor: pointer;
						margin: 6px 5px 0 10px;
					}
					div.dct_box label {
						width: 105px;
						float: left;
						cursor: pointer;
						margin: 0 0 0 0;
					}
					div.dct_box input.dc_cancelbtn  , div.dct_box input.dc_submitbtn{
						float: left;
						height: 18px; width: 70px;
						font: 11px/14px Arial;
						text-align: center;
						cursor: pointer;
						border: 1px solid #757575;
						box-shadow: 1px 1px 2px #aaa;
						margin: 12px 5px 0 30px;
					}
					div.dct_box input.dc_submitbtn{
						display:none;
					}
					
					div.dct_box input.dc_cancelbtn:hover ,div.dct_box input.dc_submitbtn:hover {
						box-shadow: 1px 1px 3px #999;
					}
						
				/* the popup showing the "copy to" choices on the events page */		
				div.event_list div.copyto_box {	
					position: absolute; top: 0; left: 810px;
					background-color: #fff;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					padding: 10px 10px 15px 10px;
					z-index: 999; 
					width: 220px; min-height: 60px;
					display: none;
				}
					div.event_list div.copyto_box > div.hdr {
						width: 100%; height: 22px;
						font: bold 12px/22px Arial;
						margin-bottom: 5px;
					}
						div.event_list div.copyto_box > div.hdr > div { width: 45px; text-align: center; cursor: default; }
						div.event_list div.copyto_box > div.hdr > div:first-child{ margin-left: 20px; }
						div.event_list div.copyto_box > div.hdr > div:last-child{ width: 65px; }
						
					div.event_list div.copyto_box > div.line {
						width: 100%; height: 24px;
						font:  11px/24px Arial;
					}
						div.event_list div.copyto_box > div.line:nth-child(even) { background-color: #e6e6e6; }
						div.event_list div.copyto_box > div.line > div { width: 45px; text-align: center; }
						div.event_list div.copyto_box > div.line > div > input { margin-top: 5px; }
						div.event_list div.copyto_box > div.line > div:first-child{ width: 20px; }
						div.event_list div.copyto_box > div.line > div:last-child{ width: 65px; }
						div.event_list div.copyto_box > div.line > input#copy_vci { width: 100%; cursor: pointer; }
					div.event_list div.copyto_box > div.line.all {
						border-top: 1px solid #ffe6aa;
						margin-top: 5px;
						background-color: #fff;
					}
						div.event_list div.copyto_box > div.line.all > input { margin-left: 4px; margin-top: 5px; float: left; }
						div.event_list div.copyto_box > div.line.all > div { font-style: italic; color: #1869ba;  width: 60px; }
						
			/* the popup showing the price and cost for Battery IR and T&M Work events on the events page */		
				div.event_list div.pricecost_box {	
					position: absolute; top: 0; right: 144px;
					background-color: #fff;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					padding: 10px;
					z-index: 999; 
					width: 183px;
					display: none;
				}
					div.event_list div.pricecost_box > div.hdr {
						width: 98%;
						height: 22px;
						padding: 2px;
						text-indent: 28px;
						font: bold 12px/22px Arial;
						border: 0 solid #ccc;
						background-color: #e4e4e4;
						position: relative;
					}
						div.event_list div.pricecost_box > div.hdr img {
							position: absolute;
							top: 2px;
							left: 2px; 
						}
						div.event_list div.pricecost_box > div.hdr span {
							float: right; margin-right: 5px;
							font-size: 11px;
							color: #9a0e0e; 
							width: 44px;
							text-align: right;
							text-indent: 0;
							cursor: default;
						}
					div.event_list div.pricecost_box > div.sub_hdr {
						font: bold 11px/24px Arial;
						height: 22px;
						text-align: center;
						width: 100%;
						color: #535353; 
					}
					div.event_list div.pricecost_box > div.frame {
						border: 1px solid #e4e4e4;
						padding: 6px;
					}
					div.event_list div.pricecost_box > div.frame > div.line {
						font-size: 12px;
						height: 25px;
						width: 100%;
						margin-bottom: 7px;
					} 
						div.event_list div.pricecost_box > div.frame > div.line > div { 
							float: left;
							width: 76px; height: 22px;
							line-height: 22px;
							text-align: right;
							margin-right: 5px;
							color: #535353;
							font-size: 11px;
						}
							div.event_list div.pricecost_box > div.frame > div.line > div.full_label {
								width: 100%;
								text-align: left;
							}
						div.event_list div.pricecost_box > div.frame > div.line > input { 
							float: left;
							width: 73px; height: 18px;
							border: 1px solid #a4a4a4;
							padding-right: 5px;
							text-align: right;
							color: #59683e;
						}
						div.event_list div.pricecost_box > div.frame > div.line > input[type="button"] {
							cursor: pointer;
							width: 48%;
							text-align: center;
							border: 1px solid #a4a4a4;
							float: left;
							font: 11px/14px Arial;
							height: 22px;
							color: #59683e;
						}
							div.event_list div.pricecost_box > div.frame > div.line > input[type="button"]:hover {
								text-shadow: 0 1px 1px #aaa;
								color: #000;
							}
							
						div.event_list div.pricecost_box > div.frame > div.line > textarea#pc_change_comments { 
							float: left;
							width: 97%;
							height: 56px;
							border: 1px solid #a4a4a4;
							padding: 2px;
							font: 11px Arial;
							color: #59683e;
						}
						
						
						
						
				/* the popup showing the inventory items attached to events  */		
				div.event_list div.invetor_items_box{	
					position: absolute; top: 0; right: 355px;
					background-color: #fff;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					padding: 10px;
					z-index: 999; 
					width: 450px;
					display: none;
				}
					div.event_list div.invetor_items_box > div.hdr {
						width: 446px;
						height: 22px;
						padding: 2px; 
						font: bold 12px/22px Arial;
						border: 0 solid #ccc;
						background-color: #e4e4e4;
						position: relative;
						text-align: center;
					}
						div.event_list div.invetor_items_box > div.hdr img {
							position: absolute;
							top: 2px;
							left: 2px; 
						}
						div.event_list div.invetor_items_box > div.hdr span {
							float: right; margin-right: 5px;
							font-size: 11px;
							color: #9a0e0e; 
							width: 44px;
							text-align: right;
							text-indent: 0;
							cursor: default;
						}
						div.event_list div.invetor_items_box > div.hdr >div.add_ev_intentor_btn {
							margin-right:3px;
							float: right; 
							background-color: #ccc;
							border: 2px solid #4e4e4e;
							border-radius: 4px;
							color: #000;
							font: bold 10px/13px Arial;
							height: 13px; 
							right: 8px;
							top: 8px;
							width: 12px;
							text-align: center;
							margin-top: 3px;
						}
						div.event_list div.invetor_items_box > div.hdr >div.add_ev_intentor_btn:hover  {
							background-color: #fff;
							color: #000;
							box-shadow: 1px 1px 3px #4d4d4d;
							cursor: pointer;
						}
						
						
						
					div.event_list div.invetor_items_box > div.sub_hdr {
						font: bold 11px/24px Arial;
						height: 22px;
						text-align: center;
						width: 100%;
						color: #535353; 
					}
					div.event_list div.invetor_items_box > div.frame {
						border: 1px solid #e4e4e4;
						padding: 10px; 
						margin-top:10px;
						width:428px;
					}
					div.event_list div.invetor_items_box > div.frame > div.line {
						font-size: 12px; 
						width: 100%;
						margin-bottom: 7px;
						border-bottom: 1px solid gray;
						
					} 
					div.event_list div.invetor_items_box > div.frame > div.line>div.linerow {
						width: 100%;
					} 
					
					div.event_list div.invetor_items_box > div.frame > div.line > div.line_l1{ 
						width:70px;font-size: 11px;
					}
					div.event_list div.invetor_items_box > div.frame > div.line >div.linerow > div.line_l2{ 
						width:370px;
					}
					div.event_list div.invetor_items_box > div.frame > div.line > div.line_l3{ 
						width:160px;font-size: 11px;
					}
					div.event_list div.invetor_items_box > div.frame > div.line > div.line_l4{ 
						width:160px;font-size: 11px;
					}
					div.event_list div.invetor_items_box > div.frame > div.line >div.linerow > div.line_l5{ 
						width:50px;
						text-align:right;font-size: 11px;
					}
					.line_ive_lbl{
						color:#938989;
						margin-right:6px;
					}
						
						
						
						
		div.edit_box div.subrow2 {
			width: 784px; height: 18px;
			padding: 2px 0 0 0;
			border: 1px solid #e4efd1;
			border-left-width: 8px;
			border-right-width: 8px;
			border-bottom-width: 4px;
			background-color: #d1e4b2;
			color: #334417;
			font: bold 11px/18px Arial;
			overflow: hidden;
		}
		div.sub_edit_box div.subrow2 {
			width: 99%;
		}
		
			div.edit_box div.subrow2 > div.contracted_yes {
				width: 12px; height: 18px;
				background-color: #98ca3c;
				font: bold 11px/18px Arial;
				color: #fff;
				text-align: center;
			}
			div.edit_box div.subrow2 > div.contracted_no {
				width: 12px; height: 18px;
				background-color: #757575;
				font: bold 11px/18px Arial;
				color: #fff;
				text-align: center;
			}
			div.edit_box div.subrow2 > div.contracted_dcmd {
				width: 12px; height: 18px;
				background-color: #fff;
				font: bold 11px/18px Arial;
				color: #757575;
				text-align: center;
			}
			div.edit_box div.subrow2 > span {
				margin-left: 20px;
			}
        /* NEW 2-19-2015 project number edit line */
            div.edit_box div.subrow.pnline {
			    width: 800px; height: 26px;
			    padding: 2px 0 0 0;
			    border-bottom: 3px solid #E4EFD1;
			    background-color: #e4efd1;
			    position: relative;
		    }
			div.sub_edit_box div.subrow.pnline {
			    width: 99%;  
		    }
			
            div.edit_box div.subrow.pnline div {
				height: 20px;
				font: 11px/20px Arial; 
            }
			div.edit_box div.subrow.pnline input[type="text"] {
				color: #4a5c7b;
				font-size: 12px;
				padding-left: 5px;
				text-align: left;
				float: left;
				height: 16px;
				background-color: #fefefe;
				border: 0 none;
				margin: 1px 3px 0 0;
      }
			div.edit_box div.subrow.pnline input[type="checkbox"] {
				margin: 2px 0 0 10px;
			}
			div.edit_box div.subrow.pnline input[type="button"] {
				height: 21px;
				margin: 0 2px;
				cursor: pointer;
			}

			div.edit_box div.subrow.pnline input[type="text"].wo_quote_num {
				width:130px;
			}
			div.edit_box div.subrow > div.label.wo_quote_label {
      	width: 45px; 
      	text-align: right; 
      	margin-left: 0px;
      }

				/* add a condition 5-15-2015 */
			div.edit_box div.subrow.pnline div.condition {
				background-color: #b9bfdb;
			}
        /* END :: NEW 2-19-2015 project number edit line */
		div.edit_box div.subtitle {
			width: 789px;
			height: 12px;
			border: 1px solid #e4efd1;
			border-left-width: 8px;
			border-right-width: 8px;
			text-indent: 10px;
			background-color: #d1e4b2;
			color: #334417;
			font: italic 10px/11px Arial;
		}
		div.edit_box.project_me div.subtitle.expand {
			cursor: pointer;
		}
		div.edit_box.project_me div.subtitle.expand + div {
			display: none;
		}
			
		div.sub_edit_box div.subtitle {
			width: 99%; 
		}
		div.edit_box div.mopbox {
			float: right; 
			margin-right: 10px;
			font-style: normal;
			cursor: pointer;
		}
			div.edit_box div.mopbox div.mopbox_customer,
			div.edit_box div.mopbox div.mopbox_vendor { 
				float: right; 
				position: relative;
				width: 30px;
			}
			div.edit_box.project_me div.mopbox div.mopbox_customer,
			div.edit_box.project_me div.mopbox div.mopbox_vendor {
				width: 20px;
				margin-left: 7px;
			}
				div.mopbox div.mopbox_customer div,
				div.mopbox div.mopbox_vendor div { 
					font-size: 22px;
					position: absolute; top: 0; right: 3px;
				}
				div.edit_box.project_me div.mopbox div.mopbox_customer div,
				div.edit_box.project_me div.mopbox div.mopbox_vendor div {
					font-size: 23px;
					position: absolute; top: 1px; left: 10px;
				}
				div.mopbox div.gray { color: #aaaaaa; }
				div.mopbox div.blue { color: #2b2bff; }
				div.mopbox div.green { color: #14c814; }
				div.mopbox div.red { color: #ff0000; }
		  div.set_PM_E_PC {
				float: left;
				border-radius: 2px;
				border: 1px solid #96aa71;
				color: #96aa71;
				font: bold normal 10px/10px Arial;
				height: 10px;
				margin: 8px 0 0 5px;
				text-align: center;
				text-indent: 0;
				width: 22px;
				text-align: center;
			}
				  div.set_PM_E_PC:hover {
					border: 1px solid #555;
					color: #000;
					background-color: #fff;
					box-shadow: 1px 2px 3px #888;
					text-shadow: none;
					cursor: pointer;
				}
		div.edit_box div.notes_box {
			width: 99%;
			border: 4px solid #bed993;
			margin-bottom: 10px;
			font: 12px/30px Arial;
		}
		
		div.notes_box div.sub_note_wrapper {
			display:none;
		}
		
		div.notes_box  .ic_notes {
			float: right;
			height: 20px;
			width:24px;
		}
		.ic_notes .sub_ic_notes ,  .ic_notes .me_ic_notes   {
			text-indent: -8px; 
			cursor:pointer;
		}
		
		

			input.custombutton.viewSiteFiles {
				float: right;
				cursor: pointer;
				margin-right: 2px;
				margin-top: -2px;
			}
			input.custombutton.swn {
				float: right;
				cursor: pointer;
				margin-right: 2px;
				margin-top: -2px;
			}
			div.edit_box div.notes_box.swn { position: relative; }
			div.edit_box div.notes_box.swn .swn_box { 
				position: absolute; top: 35px; left: 500px;	
				background-color: #fff;
				border: 3px solid #bed993;
				width: 275px; height: 104px;
				z-index: 200;
				box-shadow: 2px 2px 8px #333333;
				display: none;
			}
				div.edit_box div.notes_box.swn .swn_box header { 
					width: 271px; height: 20px;
					font: bold 12px/20px Arial;
					text-align: center;
					background-color: #bed993;
					margin: 2px 0 0 2px;
				}
				div.edit_box div.notes_box.swn .swn_box textarea { 
					width: 261px; height: 45px;
					font: 12px Arial;
					border: 1px solid #bed993;
					margin: 2px 0 0 2px;
					padding: 4px;
					cursor: default;
					float: left;
				}
				div.edit_box div.notes_box.swn .swn_box input { 
					width: 134px; height: 20px;
					font: 11px/20px Arial;
					text-align: center;
					background-color: #bed993;
					margin: -6px 0 0 0;
					cursor: pointer;
				}
					div.edit_box div.notes_box.swn .swn_box input.save_swn { margin-left: 2px; }
					div.edit_box div.notes_box.swn .swn_box input.cancel_swn { }
			div.notes_box  div.columns {
				background-color: #f1f7e8;
				border: none;
				color: #334417;
				font: bold 11px/25px Arial;
				height: 22px;
				width: 99%;
				margin-bottom: 3px;
				margin-top: 2px;
			}
			div.notes_box  div.columns > div {
				height: 25px;
			}
				/* events page */
			div.notes_box  div.columns > div.time { width: 150px; text-align: center; }
			div.notes_box  div.columns > div.author { width: 55px; text-align: center; }
			div.notes_box  div.columns > div.note { width: 555px; padding-left: 5px; }
			div.notes_box  div.columns > div.pin { width:20px; }
			
			div.notes_box  div.note_lines {
				height: 240px; 
				width: 99%;
				overflow: hidden;
				overflow-y: scroll;
				border: 2px solid #fff;
				border-left: none;
				background-color: #fff;
			}
				div.notes_box  div.note_lines.sites { height: 105px; }
			div.notes_box  div.note_lines > div.line {
				background-color: #ffffff;
				border: none;
				color: #000000;
				cursor: default;
				font: 11px/25px Arial;
				width: 100%;
				padding-top: 2px;
			}
				div.notes_box  div.note_lines > div.line:nth-child(even) { background-color: #faefda; }
			div.notes_box  div.note_lines > div.line > div.time { width: 148px; padding-left: 5px; font-weight: bold; }
			div.notes_box  div.note_lines > div.line > div.author { width: 55px; text-align: center; font-style: italic; color: #5f5f5f; }
			div.notes_box  div.note_lines > div.line > div.note { width: 518px !important; padding: 5px 12px 5px 5px; line-height: 13px; position: relative; }
			div.notes_box  div.note_lines > div.line > div.note.wo { width: 500px !important; }
			div.notes_box  div.note_lines > div.line > div.note.editable:hover,
			div.notes_box  div.note_lines > div.line > div.note-delete {
				width: 20px;
				cursor: pointer;
			}
			div.notes_box  div.note_lines > div.line > div.note-delete:hover {
				color: red;
			}
			div#large_notebox  div.lnb_note.editable:hover {
				cursor: pointer;
				color: #1869ba;
			}
			div.notes_box  div.notetitle {
				color: #334417;
				font: italic 10px/28px Arial;
				height: 22px;
				text-indent: 10px;
				width: 99%;
				position: relative;
				padding-bottom: 3px;
			}
				div.notes_box  div.notetitle > div#copy {
					float: right;
				}
				div.notes_box  div.notetitle.editor {
					font-style: normal;
					font-weight: bold;
					display: none;
				}
					div.notes_box  div.notetitle.editor > span { margin-left: 8px; cursor: pointer; }
					div.notes_box  div.notetitle.editor > span.saveedit:hover { color: #4f6824; font-weight: bold; }
					div.notes_box  div.notetitle.editor > span.canceledit:hover { color: #cc5046; font-weight: bold; }
				div.notes_box  div.notetitle input.addfile_btn  {
					float: right;
					height: 20px;
					margin: 3px 3px 0 0;
				}
				div.notes_box  div.notetitle input.event_status_history  {
					float: right;
					height: 20px;
					margin: 3px 3px 0 0;
				}
				div.notes_box  div.notetitle input.ac_note_button {
					float: right;
					height: 20px;
					margin: 3px 3px 0 0;
					background:#a600a6;
					color: #fff;
				} 
				
				div.edit_box div.subrow input.addfile_btn {
					float: right;
					height: 20px;
					margin: 5px 12px 0 0;
				}
				div.notes_box  div.notetitle input.addtechnote {
					float: right;
					height: 20px;
					margin-right: 3px;
					margin: 3px 3px 0 0;
				}
				div.notes_box  div.notetitle input.assets-excel {
					float: right;
					height: 20px;
					margin-right: 3px;
					margin: 3px 3px 0 0;
				}
				
				div.notes_box  div.notetitle > span.emailtxt {
					float: right;
					line-height: 20px;
					margin-right: 4px;
				}
				div.notes_box  div.notetitle > input.notifybtn {
					float: right;
					width: 55px; height: 20px;
					background-color: inherit;
					background-image: none;
					cursor: pointer;
					margin-right: 3px;
					font-size: 10px;
				}
					div.notes_box  div.notetitle > input.notifybtn:hover {
						background-color: #96b562;
						color: #fff;
						box-shadow: 1px 1px 2px #475829;
						border: 1px solid #96b562;
					}
			div.notes_box textarea {
				width: 90%; 
				height: 28px;
				padding: 3px 4px;
				font: 11px Arial;
				border: none;
				margin-top: 2px;
				margin: 2px 0 0 10px;
			}
			div.notes_box img {
				cursor: pointer;
				float: right;
				margin: 4px 0 0 0;
			}
				div.notes_box img:hover {
					box-shadow: 1px 1px 3px #96aa71;
				}
		/* the Success and Fail buttons on the events page */
	input.custombutton.success {
		background: url('../img/success_buttonbg.png') repeat-x;
		background-color: transparent;
		color: #fff;
		border: 1px solid #678a26;
		display: none;
	}
	input.custombutton.fail {
		background: url('../img/fail_buttonbg.png') repeat-x;
		background-color: transparent;
		color: #fff;
		border: 1px solid #750000;
		display: none;
	}
		/* END : the Success and Fail buttons on the events page */
		
		/* the Success and Fail buttons on the NRAE events page */
	input.custombutton.nrae_success {
		background: url('../img/success_buttonbg.png') repeat-x;
		background-color: transparent;
		color: #fff;
		border: 1px solid #678a26;
		display: none;
	}
	input.custombutton.nrae_fail {
		background: url('../img/fail_buttonbg.png') repeat-x;
		background-color: transparent;
		color: #fff;
		border: 1px solid #750000;
		display: none;
	}
/* END : the Success and Fail buttons on the events page */
/* END : NEW events table  2-24-2014 */

/* user info box for adding a FE */
div.userinfo_box {
	position: absolute; 
	/*top: 500px; left: 362px;*/
	width: 222px;
	border: 1px solid #566550;
	background-color: #ffffff;
	z-index: 1100;
	display: none;
	color: #000;
	box-shadow: 2px 2px 8px #333333;
}


div.userinfo_box  div#username_row,
div.userinfo_box  #vendornote_row,
div.userinfo_box  div.gray_btmbrdr {
	display:none;
}
	div.userinfo_box > form > div {
		width: 210px; height: 23px;
		padding-left: 6px;
		text-align: left;
		line-height: 23px;
		font-size: 12px;
	}

	div.userinfo_box  .hdr {
		width: 210px; height: 25px;
		background-color: #e4e4e4;
		text-align: center;
		margin: 5px;
		padding: 4px 0 0 0;
		position: relative;
		font-weight: bold;
	}
	div.userinfo_box  .hdr .close {
		position: absolute; top: 4px; right: 4px;
		font: bold 12px Arial;
		cursor: pointer;
	}
		
	div.userinfo_box  .acu_label {
		margin-right: 4px;
		cursor: default;
		font-size: 11px;
		width: 56px;
	}

	div.userinfo_box select, div.userinfo_box input[type="text"]  {
		border: 1px solid #a4a4a4;
		background-color: #f8f8f8;
		font: 12px Arial;
	}
	div.userinfo_box input[type="text"] {
		width: 68px; height: 18px;
		padding-left: 5px;
	}

	div.userinfo_box  select#au_state {
		margin: 0 5px 0 4px; 
		height: 22px; width: 42px;
	}

	div.userinfo_box  input[type="text"]#au_ext {
		width: 30px;
		position: absolute;
		left: 75px;
	}

	div.userinfo_box  div input.floatright { float: right; }
	div.userinfo_box  div input.acu { width: 134px; }
	div.userinfo_box  div input.acu_city { width: 92px; }

	div.userinfo_box  input.saveuser_btn { 
		font: 12px/19px Arial;
		height: 22px;
		width: 210px;
		margin: 6px;
		color: #000;
		cursor: pointer;
		text-align: center;
		border: 1px solid #a4a4a4;
		float: left;
		background: url(../img/input_buttonbg.gif) repeat-x;
	}

	div.userinfo_box label.error{
		font-weight: normal;
		font-size:90%;
		float: right;
		margin: 1px 6px 4px 2px;
	}
	div.userinfo_box input.error{
		border: solid red 1px;
	}
	div.userinfo_box   div.adminbox {
		width: 97px;
		height: 18px;
		font: 11px/18px Arial;
		text-align: center;
		float: right;
		color: #000;
		border: 1px solid #fff;
		margin: 0;
		padding-right: 3px;
	}
		div.userinfo_box div.adminbox span#sched_span,
		div.userinfo_box div.adminbox span#admin_span { 
			float: right; 
			margin-left: 3px;
			color: #999;
		}
		div.userinfo_box div.adminbox span#sched_span { 
			width: 72px; 
			height: 20px;
		}
		div.userinfo_box div.adminbox span#admin_span { width: 36px; display: none;}
	div.userinfo_box div.adminbox.on {
		background-color: #ffd5a4;
		border: 1px solid #f79c21;
	}
	div.userinfo_box div.adminbox.on span#sched_span,
	div.userinfo_box div.adminbox.on span#admin_span { color: #000;	}
	
	
	
	
	

/* NEW accounting events css  3-20-2015 */
div.ae_title {
	width: 800px;
	margin-bottom: 100px;
	position: relative;
}
	div.ae_title div.header_bar {
		width: 800px; height: 24px;
		background-color: #96aa71;
		font: bold 12px/24px Arial;
		color: #fff;
		margin-bottom: 2px;
	}
		div.ae_title div.header_bar > div {
			padding-left: 5px;
			cursor: default;
		}
		div.ae_title div.header_bar > div.tac {
			padding-left: 0;
			text-align: center;
		}
/* END :: NEW accounting events css  3-20-2015 */

/* NEW site dropdown 4-9-2014 */
	div.assetlist_box {
		height: 80px; width: 789px;
		overflow: hidden;
		overflow-y: scroll;
		border: 2px solid #fff;
		border-left: none;
		background-color: #fff;
	}
		/* sites page */
	div.notes_box  div.columns > div.sysid { width: 82px; text-align: center; }
	div.notes_box  div.columns > div.equip { width: 137px; padding-left: 5px; }
	div.notes_box  div.columns > div.manf { width: 147px; padding-left: 5px; }
	div.notes_box  div.columns > div.model { width: 147px; padding-left: 5px; }
	div.notes_box  div.columns > div.sernum { width: 147px; padding-left: 5px; }
	div.notes_box  div.columns > div.datecode { width: 92px;  text-align: center; }
	div.notes_box  div.asset_lines {
		height: 84px; width: 787px;
		overflow: hidden;
		overflow-y: auto;
		border: 2px solid #fff;
		background-color: #fff;
		border-bottom: none;
	}
	div.notes_box  div.asset_lines > div.line {
		background-color: #e4efd1;	/*#ffffff;*/
		border: none;
		color: #000000;
		cursor: default;
		font: 11px/20px Arial;
		width: 100%; height: 20px;
		border-bottom: 1px solid #fff;
	}
		/*div.notes_box  div.asset_lines > div.line:nth-child(even) { background-color: #faefda; }*/
	div.notes_box  div.asset_lines > div.line div.sysid { width: 70px; font-style: normal; text-align: right; padding-right: 10px; font-weight: bold; border-right: 2px solid #fff; position: relative; }
	div.notes_box  div.asset_lines > div.line div.sysid:hover {
		text-shadow: 0 0 1px #888;
		cursor: pointer;
	}
	div.notes_box  div.asset_lines > div.line div.sysid > div.c_stat {
		height: 13px; width: 5px;
		position: absolute; top: 4px; left: 3px;
		background-color: #98ca3c;
	}
	div.notes_box  div.asset_lines > div.line > div.equip { width: 135px; padding-left: 5px; border-right: 2px solid #fff; }
	div.notes_box  div.asset_lines > div.line > div.manf { width: 145px; padding-left: 5px; border-right: 2px solid #fff; }
	div.notes_box  div.asset_lines > div.line > div.model { width: 145px; padding-left: 5px; border-right: 2px solid #fff; }
	div.notes_box  div.asset_lines > div.line > div.sernum { width: 145px; padding-left: 5px; border-right: 2px solid #fff; }
	div.notes_box  div.asset_lines > div.line > div.datecode { width: 90px; text-align: center; }
	div.notes_box  div.asset_lines > div.line > div.grayitalic { color: #757575; font-style: italic; }
/* END : NEW site dropdown 4-7-2014 */

/* NEW site-to-user connector popup 4-16-2014 */
	div.stu_box {
		position: absolute; top: 50px; left: 140px;
		width: 400px;
		height: 520px;
		padding: 10px;
		z-index: 50;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		display: none;
	}
		div.stu_box > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 100%;
			text-align: center;
		}
		div.stu_box > div.line {
			color: #000;
			font: bold 12px/24px Arial;
			height: 24px; width: 400px;
			text-align: center;
			margin: 4px 0 4px 0;
		}
			div.stu_box > div.line > div {
				width: 125px; height: 24px;
				text-align: right;
			}
				div.stu_box > div.line > div.long { 
					width: 399px; 
					text-align: center;
					margin: 4px 0 0 0;
					line-height: 24px;
					background-color: #eda630;
				}
			div.stu_box > div.line > select {
				width: 255px; height: 24px;
				padding: 2px;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				font-family: Arial;
			}
			div.stu_box > div.assigned_box, div.stu_box > div.available_box {
				width: 387px; height: 148px;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				overflow: hidden;
				overflow-y: scroll;
				padding: 5px 5px 5px 5px;
				margin-bottom: 4px;
			}
				div.stu_box > div.assigned_box > div.ab_line, 
				div.stu_box > div.available_box > div.ab_line { 
					width: 372px; height: 21px;
					border-bottom: 1px solid #eda630;
				}
					div.stu_box > div.assigned_box > div.ab_line:last-child, 
					div.stu_box > div.available_box > div.ab_line:last-child { 
						border-bottom: none;
					}
				
				div.stu_box > div.assigned_box > div.ab_line > input, 
				div.stu_box > div.available_box > div.ab_line > input { 
					float: left; 
					margin: 4px 10px 0 3px;
				}
				div.stu_box > div.assigned_box > div.ab_line > div, 
				div.stu_box > div.available_box > div.ab_line > div { 
						width: 342px; height: 21px;
						font: small-caps 11px/21px Arial;
				}
		div.stu_box > input[type="button"] {
			width: 33%;
			cursor: pointer;
			margin: 4px 33%;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
			border: medium none;
			box-shadow: 0 -1px 2px #744D0A inset;
		}
/* END : NEW site-to-user connector popup 4-16-2014 */

/* NEW user-to-site connector popup 4-28-2014 */
	div.uts_box {
		position: absolute; top: 50px; left: 140px;
		width: 400px;
		height: 520px;
		padding: 10px;
		z-index: 50;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		display: none;
	}
		div.uts_box > div.hdr {
			color: #000;
			font: bold 14px/28px Arial;
			height: 28px; width: 100%;
			text-align: center;
		}
		div.uts_box > div.line {
			color: #000;
			font: bold 12px/24px Arial;
			height: 24px; width: 400px;
			text-align: center;
			margin: 4px 0 4px 0;
		}
			div.uts_box > div.line > div {
				width: 125px; height: 24px;
				text-align: right;
			}
				div.uts_box > div.line > div.long { 
					width: 399px;
					text-align: center;
					margin: 4px 0 0 0;
					line-height: 24px;
					background-color: #eda630;
				}
			div.uts_box > div.line > select {
				width: 255px; height: 24px;
				padding: 2px;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */ 
				font-family: Arial;
			}
			div.uts_box > div.assigned_box, div.uts_box > div.available_box {
				width: 387px; height: 148px;
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				overflow: hidden;
				overflow-y: scroll;
				padding: 5px 5px 5px 5px;
				margin-bottom: 4px;
			}
				div.uts_box > div.assigned_box > div.ab_line, 
				div.uts_box > div.available_box > div.ab_line { 
					width: 372px; height: 21px;
					border-bottom: 1px solid #eda630;
				}
					div.uts_box > div.assigned_box > div.ab_line:last-child, 
					div.uts_box > div.available_box > div.ab_line:last-child { 
						border-bottom: none;
					}
				div.uts_box > div.assigned_box > div.ab_line > input, 
				div.uts_box > div.available_box > div.ab_line > input { 
					float: left; 
					margin: 4px 10px 0 3px;
				}
				div.uts_box > div.assigned_box > div.ab_line > div, 
				div.uts_box > div.available_box > div.ab_line > div { 
					width: 342px; height: 21px;
					font: small-caps 11px/21px Arial;
				}
		div.uts_box > input[type="button"] {
			width: 33%;
			cursor: pointer;
			margin: 4px 33%;
			background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
			border: medium none;
			box-shadow: 0 -1px 2px #744D0A inset;
		}
/* END : NEW user-to-site connector popup 4-28-2014 */


/* NEW Merge Sites popup on the admin sites tab 2022-09-16 */

div#mergeSitesPopup {
	position: absolute; top: 50px; left: 140px;
	width: 400px;
	height: 125px;
	padding: 10px;
	z-index: 50;
	background-color: #ffd359;
	box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	display: none;
}

div#mergeSitesPopup > div.header {
	color: #000000;
	font: bold 14px/28px Arial;
	height: 28px; width: 100%;
	text-align: center;
}

div#mergeSitesPopup > div#closeMergeSites {
	position: absolute;
	right: 10px;
	width: 15px;
	text-align: center;
	cursor: pointer;
}

div#mergeSitesPopup div.form {
	width: 80%;
	margin: 0px auto;
	float: none;
}

div#mergeSitesPopup div.form label {
	width: 100px;
	display: inline-block;
	font-size: 15px;
	margin-bottom: 10px;
}

div#mergeSitesPopup div.form select {
	width: 200px;
	height: 20px;
	margin-bottom: 10px;
}

div#mergeSitesPopup div.form button#submitMergeSites {
	margin: 0px auto;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 15px;
	display: block;
}

/* END: Merge Sites popup */



/* NEW contract history box 4-22-2014 */
	div.history_box {
		position: absolute; top: 0; left: 335px;
		z-index: 999;
		width: 215px; min-height: 100px;
		background-color: #fff;
		border: 1px solid #000000;
		box-shadow: 2px 2px 8px #333333;
		line-height: 28px;
		padding: 10px 10px 15px 10px;
		display: none;
	}
	div.history_box  div.hdr {
		width: 100%; height: 20px;
		text-align: center;
		font: bold 12px/22px Arial;
	}
	div.history_box  div.subhdr {
		width: 100%;
		text-align: center;
		font: 11px/16px Arial;
		margin-bottom: 5px;
		cursor: default;
	}
		div.history_box  div.subhdr span.pv_text { 
			font-size: 9px; 
			color: #999;
		}
		div.history_box  div.subhdr.graytext { color: #777; }
	div.history_box  div.line {
		width: 99%; height: 26px;
		text-align: center;
		font-size: 11px;
		cursor: default;
	}
		div.history_box  div.line > div.date {
			width: 80px;
		}
		div.history_box  div.line > div.status {
			width: 80px;
			margin-left: 8px;
		}
		div.history_box  div.line > div.type {
			width: 20px;
			margin-left: 8px;
		}
/* END : NEW contract history box 4-22-2014 */

/* NEW set alert box and associated calendar box 7-2-2014 */
	div.setalert_box {
		position: absolute; top: 80px; left: 472px;
		z-index: 990;
		width: 203px; 
		min-height: 100px;
		background-color: #fff;
		border: 1px solid #000000;
		box-shadow: 2px 2px 8px #333333;
		padding: 10px;
		display: none;
	}
		div.setalert_box > div.hdr {
			width: 98%; 
			height: 20px;
			padding: 2px;
			text-indent: 25px;
			font: bold 12px/20px Arial;
			position: relative;
			border: 0 solid #ccc;
			background-color: #e4e4e4;
			border-bottom: 2px solid #fff;
		}
			div.setalert_box > div.hdr > img {
				position: absolute; top: 2px; left: 2px;
			}
			div.setalert_box > div.hdr > span {
				float: right;
				margin-right: 5px;
				font-size: 11px;
				color: #9a0e0e;
				cursor: default;
				width: 78px;
				text-indent: 0;
				text-align: right;
			}
		div.setalert_box > div.frame {
			border: 1px solid #e4e4e4;
			padding: 10px;
		}
		div.setalert_box > div.frame > div.line {
			width: 100%; 
			height: 22px;
			font-size: 11px;
			color: #535353;
		}
			div.setalert_box > div.frame > div.line > div {
				width: 45px;
				height: 22px;
				line-height: 22px;
				text-align: right;
				margin-right: 5px;
				font-size: 11px;
			/*	width: 65px;
				text-indent: 8px;
				line-height: 30px;
				float: left;
				*/
			}
			div.setalert_box > div.frame > div.line > input[type="text"] {
				background-color: #fff;
				border: 1px solid #a4a4a4;
				color: #000;
				font-size: 11px;
				height: 14px;
				padding: 2px;
				text-align: center;
				width: 96px;
				vertical-align: top;
			}
			div.setalert_box > div.frame > div.line > input[type="button"] {
				border: 1px solid #a4a4a4;
						/* box-shadow: 1px 1px 3px #ccc; */
				cursor: pointer;
				float: left;
				font: 11px/14px Arial;
				height: 22px;
				text-align: center;
				width: 87px;
				color: #59683e;
			}
				div.setalert_box > div.frame > div.line > input[type="button"]:hover { 
					text-shadow: 0 1px 1px #aaa;
					color: #000;
				}
			div.setalert_box > div.frame > div.line > textarea {
				border: 1px solid #a4a4a4;
						/* box-shadow: 0 0 3px #e4e4e4 inset;  */
				font: 11px Arial;
				width: 98%; height: 45px;
				margin: 0 0 8px 0;
			}
				div.setalert_box > div.alert_list {
					position: absolute; 
					top: 80px; 
					left: 219px;
					z-index: 999;
					width: 90px; 
					min-height: 60px;
					border: 1px solid #000000;
					box-shadow: 2px 2px 8px #333333;
					line-height: 28px;
					padding: 10px;
					background-color: inherit;
					display: none;
				}
					div.setalert_box > div.alert_list > div.hdr {
						width: 100%; height: 20px;
						text-align: center;
						font: bold 11px/20px Arial;
						border-bottom: 1px solid #e4e4e4;
						margin-bottom: 2px;
					}
					div.setalert_box > div.alert_list > div.date {
						width: 100%; height: 22px;
						text-indent: 5px;
						font: 11px/22px Arial;
						cursor: pointer;
					}
						div.setalert_box > div.alert_list > div.date:nth-child(even) { background-color: #e4e4e4; }
						div.setalert_box > div.alert_list > div.date > span {
							color: #9a0e0e;
							font-weight: bold;
							float: right;
							margin-right: 5px;
							line-height: 20px;
							
						}
							div.setalert_box > div.alert_list > div.date > span:hover { color: #ff0000; }
	div.event_list > div.calbox2 {
		position: absolute; top: 0; left: 451px;
		width: 252px; min-height: 169px;
		box-shadow: 2px 2px 6px #000;
		z-index: 999;
		background-color: #fff;
		border: 1px solid #59683e;
		display: none;
	}
		div.calbox2 > div.calbox2_inner {
			width: 246px;
			min-height: 158px;
			margin: 3px 6px 5px 3px;
		}
			div.calbox2 > div.calbox2_inner td.monthsm {
				cursor: pointer;
				font-size: 9px;
				height: 25px;
				padding-right: 3px;
				position: relative;
				text-align: right;
				vertical-align: top;
				width: 35px;
			}
		div.calbox2 > div.calbox2_inner > span > div.month {
			width: 245px;
			height: 27px;
			border-bottom: 3px solid #cccccc;
		}
			div.calbox2 > div.calbox2_inner > span > div.month > div.arrow {
				margin-top: 8px;
				padding: 0;
				cursor: pointer;
			}
			div.calbox2 > div.calbox2_inner > span > div.month > div.text {
				text-align: center;
				width: 210px;
				height: 27px;
				font: 11px/27px Arial;
			}
/* END :set alert box and associated calendar box 7-2-2014 */

/* NEW show alert box 7-2-2014 */
	div.showalert_box {
		position: absolute; top: 200px; left: 500px;
		z-index: 999;
		width: 360px;
		min-height: 100px;
		background-color: #fff;
		border: 1px solid #000000;
		box-shadow: 12px 22px 32px #555;
		display: none;
	}
		div.showalert_box > div.main_hdr {
			width: 100%; 
			height: 24px;
			text-indent: 120px;
			font: small-caps bold 12px/24px Arial;
			border-bottom: 1px solid #000;
			margin-bottom: 2px;
		}
		div.showalert_box > div.bottom {
			width: 100%; 
			height: 16px;
			border-top: 1px solid #000;
			margin-top: 2px;
		}
		div.showalert_box > div.alert {
			width: 98%;
			margin-left: 1%;
			border-top: 1px solid #fff;
			overflow-y: hidden;
			background-color: #fff;
		}
			div.showalert_box > div.alert.short { height: 22px; }
			div.showalert_box > div.alert.tall { height: 275px; }
			div.showalert_box > div.alert > div.hdr {
				width: 100%; height: 22px;
				text-indent: 10px;
				font: bold 12px/22px Arial;
				position: relative;
				color: #fff;
				border-top: 1px solid #fff;
				background-color: #9a0e0e;
				border-bottom: 1px solid #fff;
				cursor: pointer;
			}
				div.showalert_box > div.alert > div.hdr.dkred { background-color: #9a0e0e; color: #3c0404; }
				div.showalert_box > div.alert > div.hdr.red { background-color: #ff0000; color: #fff; }
				div.showalert_box > div.alert > div.hdr.blue { background-color: #276ca5; color: #0c2134; }
				div.showalert_box > div.alert > div.hdr.black { background-color: #000; color: #575757; }
				div.showalert_box > div.alert > div.hdr > span {
					font: 11px/22px Arial;
					float: right;
					margin-right: 5px;
				}
				div.showalert_box > div.alert > div.hdr > em { font-size: 10px; }
		div.showalert_box > div.alert > div.left {
			width: 64%;
			height: 238px;
			background-color: #e4e4e4;
			padding-top: 5px;
			margin-top: 5px;
			border: 1px solid #757575;
			border-right: 0;
			margin-left: 5px;
			position: relative;
		}
			div.showalert_box > div.alert > div.left > div.lbl {
				width: 100%;
				height: 22px;
				text-indent: 8px;
				font: 11px/22px Arial;
				color: #333;
			}
			div.showalert_box > div.alert > div.left > div.lbl > a {
				text-decoration: underline;
			}
				div.showalert_box > div.alert > div.left > div.lbl > span.savealertnote {
					float: right;
					margin-right: 8px;
					cursor: pointer;
					color: #0051f9;
					display: none;
				}
			div.showalert_box > div.alert > div.left > div.itm {
				width: 100%; height: 22px;
				text-indent: 12px;
				font: bold 11px/22px Arial;
				cursor: default;
			}
			div.showalert_box > div.alert > div.left > textarea {
				width: 88%; height: 45px;
				padding: 1%;
				margin: 1% 5%;
				font: bold 11px/14px Arial;
				overflow-y: scroll;
				border: 1px solid #757575;
				color: #000;
			}
		div.showalert_box > div.alert > div.right {
			width: 32%; 
			height: 238px;
			margin-top: 5px;
			padding-top: 5px;
			border: 1px solid #757575;
			border-left: 0;
			margin-right: 5px;
		}
			div.showalert_box > div.alert > div.right > input[type="button"] {
				width: 94%;
				margin: 2px 0 3px 5px;
				cursor: pointer;
			} 
				div.showalert_box > div.alert > div.right > button[type="button"]#reset_alertdate_btn {
					background: url("../img/input_buttonbg2.png") repeat-x;
					height: 38px;
					font: 11px Arial;
					width: 94%;
					margin: 2px 0 3px 5px;
					border: 1px solid #bcbfc3;
				}
				div.showalert_box > div.alert > div.right > input[type="button"]#snooze_btn {
					margin-top: 6px;
				}
			div.showalert_box > div.alert > div.right > input[type="text"] {
				width: 93%; height: 18px;
				font-size: 12px;
				border: 1px solid #e4e4e4;
				padding: 0;
				color: #333;
				text-align: center;
				margin: 2px 0 3px 5px;
			}
			div.showalert_box > div.alert > div.right > div.snoozechoice {
				width: 88px; height: 16px;
				margin: 4px 0 0 5px;
			}
				div.showalert_box > div.alert > div.right > div.snoozechoice > input[type="radio"] {
					margin: 0; padding: 0;
					margin-left: 8px;
					border: 1px solid blue;
					float: left;
				}
				div.showalert_box > div.alert > div.right > div.snoozechoice > span {
					display: block;	width: 50px; height: 16px;
					float: left; 
					font: 11px/11px Arial;
					margin: 2px 4px 0 5px;
					color: #757575;
				}
		div.showalert_box > div.main_hdr > input[type="button"]#close_btn,
		div.showalert_box > div.main_hdr > input[type="button"]#info_btn {
			height: 16px; width: 16px;
			float: right;
			margin: 3px 3px 0 0;
			cursor: pointer;
			font: bold 11px/12px Arial;
			text-shadow: 0 1px 1px #fff;
			padding: 0;
		}
/* END :show alert box 7-2-2014 */

/* NEW add accounting event (aae) box 3-12-2015 ( accessed off the event listing line ) */
	div.aae_box {
		position: absolute; top: 80px; left: 530px;
		z-index: 999;
		width: 196px; min-height: 100px;
		background-color: #fff;
		border: 1px solid #000000;
		box-shadow: 2px 2px 8px #333333;
		line-height: 28px;
		padding: 10px 10px 15px 10px;
		display: none;
	}
		div.aae_box > div.hdr {
			width: 192px; height: 20px;
			padding: 2px;
			text-align: center;
			font: bold 12px/20px Arial;
			position: relative;
			border: 0 solid #ccc;
			background-color: #4a5c7b;
			border-bottom: 2px solid #fff;
			color: #fff;
		}
		div.aae_box > div.priors {
			width: 192px;
			padding: 4px 2px 6px 2px;
			text-indent: 4px;
			font: 11px/16px Arial;
			border-bottom: 1px dotted #3a4961;
			color: #9d670d;
		}
			div.aae_box > div.priors > div.line {
				height: 16px;
				cursor: default;
			}
		div.aae_box > label {
			font: bold 11px/20px Arial;
			height: 16px;
			margin-top: 4px;
			width: 196px;
			display: inline-block;
			text-indent: 8px;
		}
		div.aae_box > select {
			border: 1px solid #3a4961;
			font: 11px Arial;
			height: 20px;
			margin-top: 2px;
			width: 196px;
		}
		div.aae_box > textarea {
			border: 1px solid #3a4961;
			box-shadow: 0 0 3px #e4e4e4 inset;
			color: #000;
			font: 11px Arial;
			height: 42px;
			padding: 5px;
			margin-top: 2px;
			width: 184px;
		}
		div.aae_box > input[type="button"] {
			border: 1px solid #3a4961;
			background-color: #4a5c7b;
			color: #fff;
			cursor: pointer;
			float: left;
			font: 11px Arial;
			height: 20px;
			margin-top: 12px;
			text-align: center;
			width: 96px;
		}
/* END :: NEW add accounting event box 3-12-2015 ( accessed off the event listing line ) */
		
	/* NEW accounting events listing  3-20-2015 */
div.ae_title {
	width: 800px;
	margin-bottom: 100px;
	position: relative;
}
	div.ae_title div.header_bar {
		width: 800px; height: 24px;
		background-color: #4c9ed9;
		font: bold 12px/24px Arial;
		color: #fff;
		margin-bottom: 2px;
	}
		div.ae_title div.header_bar > div {
			padding-left: 5px;
			cursor: default;
		}
		div.ae_title div.header_bar > div.tac {
			padding-left: 0;
			text-align: center;
		}
/* END :: NEW accounting events listing  3-20-2015 */

/* NEW accounting events listing dropdown section  3-24-2015 */
	div.ae_subrow {
		width: 800px; height: 64px;
		border-bottom: 3px solid #4a5c7b;
		background-color: #c0cada;
		position: relative;
	}
		div.ae_notetitle {
			color: #323f54;
			font: italic 10px/28px Arial;
			height: 22px;
			text-indent: 10px;
			width: 794px;
			position: relative;
		}
		div.ae_notetitle > div#nan_copy {
			float: right;
		}
		textarea.ae_notes {
			width: 734px;
			height: 28px;
			padding: 3px 4px;
			background-color: #fff;
			margin-left: 3px;
			border: none;
			font: 11px Arial;
		}
		img.ae_savenewnote {
			float: right;
			margin-right: 3px;
			cursor: pointer;
		}
		/* Add Accounting Event popup */
	div#popup.ae {
		position: fixed;
		display: block;
		padding: 5px 5px 5px 10px;
		z-index: 995;
		width: 340px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 172px;
		left: 185px;
		color: #ddd;
		background-color: #5580c6;
		box-shadow: inset -5px -5px 55px #4a5c7b, inset 5px 5px 55px #4a5c7b, 2px 4px 8px #000; 
	}
		div#popup.ae > div.addevent > form div.row > div.left { color: #ddd; }
		div#popup.ae > div.addevent > form div.title { margin-left: 35px; }
		div#popup.ae > div.addevent > form div.row > div.right > input[type="text"],
		div#popup.ae > div.addevent > form div.row > div.right > select	{ 
			border: 1px solid #39619b;
			box-shadow: 0 0 3px #5580c6 inset;
		}
		div#popup.ae > div.addevent input.require[type="button"],
		div#popup.ae > div.addevent input.blanket[type="button"],
		div#popup.ae > div.addevent input.hold[type="button"] {
			box-shadow: 2px 2px 7px #254170;
		}
		div#popup.ae > div#close { color: #c2d0e7; }
		div#popup.ae > div#close:hover {
			color: #fff;
			text-shadow: 1px 1px 2px #9e7227;
			cursor: pointer;
		}
		div#popup.ae > div.addevent > form div.row.submit input#submitpm {
			background: url("../img/input_buttonbg_lightblue.png") repeat-x scroll 0 0 #4a5c7b;
			box-shadow: 1px 1px 3px #333;
			color: #fff;
		}
/* END :: NEW accounting events listing dropdown section  3-24-2015 */

/* NEW events-to-excel extra filters box 4-22-2014 */
	div#eventsreport_fill {
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		display: block; 
		padding: 5px 5px 12px 15px;
		position: absolute; 
		top: 171px;
		left: 303px;
		width: 342px; 
		z-index: 995;
		display: none;
	}
		div#eventsreport_fill > div.hdr {
			height: 22px;
			margin: 4px 0 4px 0;
			padding: 2px;
			width: 99%;
			text-align: center;
			font: bold 12px/22px Arial;
		}
		div#eventsreport_fill > div.line {
			font: 12px/22px Arial;
			height: 22px;
			margin-top: 2px;
			padding: 2px;
			width: 99%;
		}
			div#eventsreport_fill > div.line input[type="checkbox"] {
				vertical-align: top;
				margin: 4px 0;
			}
			div#eventsreport_fill > div.line span {
				display: inline-block;
				line-height: 16px;
				font-size: 11px;
				color: #af760c;
				margin-right: 5px;
			}
		div#eventsreport_fill > div.line > div.left {
			width: 120px;
		}
		div#eventsreport_fill > div.line > div.right {
			width: 210px;
		}
			div#eventsreport_fill > div.line > div.right > em {
				font-size: 10px;
			}
			div#eventsreport_fill > div.line > div.right > input {
				width: 90px;
				background-color: #ffffff;
				border: 1px solid #d99d00; 
				color: #000000;
				height: 18px;
				padding: 2px;
				text-align: center;
				font: 11px/18px Arial;
			}
				div#eventsreport_fill > div.line > div.right > input[type="checkbox"] { width: 18px; padding: 0; cursor: pointer; margin-right: 6px; margin-top: 1px; }
				div#eventsreport_fill > div.line > div.right > span { margin-top: 3px; display: inline-block; }
				
			div#eventsreport_fill > div.line > div.right > .long_text {
				background-color: #FFFFFF;
				border: 1px solid #D99D00;
				color: #000000;
				height: 18px;
				padding: 2px;
				width: 96%; 
				text-align: left;
			}
			
			div#eventsreport_fill > div.line > div.right > select {
				background-color: #FFFFFF;
				border: 1px solid #D99D00; 
				color: #000000;
				height: 24px;
				padding: 2px;
				width: 99%;
			}
			div#eventsreport_fill > div.line > input[type="button"] {
				background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #EDA630;
				border: medium none;
				box-shadow: 0 -1px 2px #744D0A inset;
				cursor: pointer;
				font: 11px/21px Arial;
				height: 23px;
				margin-top: 5px;
			}
			div#eventsreport_fill > div.line > input[type="button"] { width: 25%; margin-left: 8px;  float:left;}
			div#eventsreport_fill > div.line > input[type="button"]#getalertsreport {  font-weight: bold; color: #ce0000;  }  
			div#eventsreport_fill > div.line > input[type="button"]#getstatuschangereport {width: 40%;}
				 
				
		div#admin_fill > div.calbox {
			position: absolute; top: 294px; left: 356px;
			width: 252px; min-height: 169px;
			box-shadow: 2px 2px 6px #000;
			z-index: 999;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.calbox > div.calbox_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 6px 5px 3px;
			}
				div.calbox > div.calbox_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.calbox > div.calbox_inner > span > div.month {
				width: 245px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
			}
				div.calbox > div.calbox_inner > span > div.month > div.arrow {
					margin-top: 8px;
					padding: 0;
					cursor: pointer;
				}
				div.calbox > div.calbox_inner > span > div.month > div.text {
					text-align: center;
					width: 210px;
					height: 27px;
					font: 11px/27px Arial;
				}
/* END : NEW events-to-excel extra filters box 4-22-2014 */

/* NEW reports date range box 8-20-2015 */
	div#reports_daterange_fill {
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		display: block;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 5px 5px 15px 15px;
		position: fixed; top: 290px;
		width: 252px; 
		z-index: 995;
		display: none;
	}
		div#reports_daterange_fill > div.hdr {
			height: 22px;
			margin: 4px 0 4px 0;
			padding: 2px;
			width: 244px;
			text-align: center;
			font: bold 12px/22px Arial;
		}
			div#reports_daterange_fill > div.hdr div#salesreport_title,
			div#reports_daterange_fill > div.hdr div#focuslist_title,
			div#reports_daterange_fill > div.hdr div#pipelinereport_title {
				position: relative;
				text-align: center;
				width: 237px;
			}
				div#focuslist_title div, 
				div#pipelinereport_title div {	
					border: 1px solid #d1b683;
					border-radius: 2px;
					color: #d1b683;
					cursor: pointer;
					font: italic 11px/10px Cambria;
					height: 12px;
					position: absolute;
					text-align: center;
					top: 4px;
					width: 12px;
				}
					div#focuslist_title div { right: 69px; }
					div#pipelinereport_title div { right: 55px; }
					div#focuslist_title div:hover, div#pipelinereport_title div:hover,
					div#focuslist_title div.hover_on, div#pipelinereport_title div.hover_on {
						background-color: beige;
						color: #553809;
						box-shadow: 1px 1px 2px #222;
					}
			div#reports_daterange_fill > div.hdr em {
				float: left;
				font: italic 10px/22px Arial;
				margin: 0 6px;
				width: 20px;
			}
		div#reports_daterange_fill > div.line {
			font: 12px/22px Arial;
			height: 22px;
			margin-top: 2px;
			padding: 2px;
			width: 244px;
		}
			div#reports_daterange_fill > div.line.short { margin-top: 4px; }
			div#reports_daterange_fill > div.line.short input[type="checkbox"] { 
				margin: 3px 5px 0 80px;
				float: left;
			}
			div#reports_daterange_fill > div.line.short div { 
				color: #553809;
				font: 11px/20px Arial;
				height: 18px;
				cursor: default;
			}
			div#reports_daterange_fill > div.line.comment {
				color: #553809;
				font: italic 11px/13px Arial;
				margin-bottom: 7px;
				height: auto;
				text-align: center;
				width: 233px;
			}
			div#reports_daterange_fill > div#focuslist_commentbox {
				background-color: beige;
				border: 1px solid #553809;
				box-shadow: 2px 3px 5px #222;
				color: #553809;
				display: none;
				font: 11px/13px Arial;
				height: 130px;
				right: 24px;
				padding: 5px;
				position: absolute;
				text-align: center;
				top: 240px;
				width: 130px;
			}
			div#reports_daterange_fill > div#pipelinereport_commentbox {
				background-color: beige;
				border: 1px solid #553809;
				box-shadow: 2px 3px 5px #222;
				color: #553809;
				display: none;
				font: 11px/13px Arial;
				height: 65px;
				left: 122px;
				padding: 5px;
				position: absolute;
				text-align: center;
				top: 356px;
				width: 128px;
			}
		div#reports_daterange_fill > div.line > div.left {
			width: 80px;
		}
		div#reports_daterange_fill > div.line > div.right {
			width: 160px;
		}
			div#reports_daterange_fill > div.line > div.right > em {
				font-size: 10px;
			}
			div#reports_daterange_fill > div.line > div.right > input, 
			div#reports_daterange_fill > div.line select#focuslist_pipelinereport_user,
			div#reports_daterange_fill > div.line select#focuslist_pipelinereport_date_type {
				width: 65px;
				background-color: #ffffff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
				height: 18px;
				padding: 2px;
				text-align: center;
				font: 11px/18px Arial;  
			}
				div#reports_daterange_fill > div.line > div.right > input[type="checkbox"] { width: 18px; padding: 0; cursor: pointer; margin-right: 6px; margin-top: 1px; }
				div#reports_daterange_fill > div.line > div.right > span { margin-top: 3px; display: inline-block; }
				div#reports_daterange_fill > div.line select#focuslist_pipelinereport_user { width: 236px; font: 11px/22px Arial; height: 22px; text-align: left; }
				div#reports_daterange_fill > div.line select#focuslist_pipelinereport_date_type { width: 236px; font: 11px/22px Arial; height: 22px; text-align: left; }
				div#reports_daterange_fill > div.line select#date_quoted_report_user {
					width: 236px;
				    font: 11px/22px Arial;
				    height: 22px;
				    text-align: left;
				    background-color: #ffffff;
    				border: 1px solid #d99d00;
    				color: #000000;
    				padding: 2px;
				}
			div#reports_daterange_fill > div.line > div.right > select {
				background-color: #ffffff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				color: #000000;
				height: 24px;
				padding: 2px;
				width: 207px;
			}
			div#reports_daterange_fill #sales_filter{
				width:100%;
			}
			
			div#reports_daterange_fill > div.line.line-centered {
				width: max-content;
			    display: block;
			    margin: 0 auto;
			    float: unset;
			    padding-bottom: 80px;
			}
			div#reports_daterange_fill > div.line > select#xm,
			div#reports_daterange_fill > div.line > select#xy {
				float: right;
				background-color: #ffffff;
				border: 1px solid #d99d00;
				padding: 2px;
				margin-right: 5px;
				width: 95px;
			}
			
			div#reports_daterange_fill > div.line > input[type="button"] {
				background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0 #eda630;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				cursor: pointer;
				font: 11px/23px Arial;
				height: 23px;
				line-height: 20px;
			}
				div#reports_daterange_fill > div.line > input[type="button"]#get_this_report { width: 77px; margin-left: 80px; } 
				div#reports_daterange_fill > div.line > input[type="button"]#cancel_this_report { width: 77px; } 
				
				
				div#reports_daterange_fill > div.line > input[type="button"]#getpipelinereport,
				div#reports_daterange_fill > div.line > input[type="button"]#cancelsalesreport,
				div#reports_daterange_fill > div.line > input[type="button"]#getfocuslist, 
				div#reports_daterange_fill > div.line > input[type="button"]#getopptrackingreport,
				div#reports_daterange_fill > div.line > input[type="button"]#getsalesreport { 
					width: 237px;  
				}
					div#reports_daterange_fill > div.line > input[type="button"]#getfocuslist { margin-left: 2px; }
				
				div#reports_daterange_fill > hr.salesreports_hr { 
					width: 235px; height: 1px;
					border: none;
					border-bottom: 1px dotted #84560a;
					margin: 10px 0 5px 3px;
					float: left;
				}
				
		div.calbox3 {
			position: absolute; top: 288px;
			width: 252px; min-height: 169px;
			box-shadow: 2px 2px 6px #000;
			z-index: 999;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.calbox3 > div.calbox3_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 6px 5px 3px;
			}
				div.calbox3 > div.calbox3_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.calbox3 > div.calbox3_inner > span > div.month {
				width: 245px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
			}
				div.calbox3 > div.calbox3_inner > span > div.month > div.arrow {
					margin-top: 4px;
					padding: 0;
					cursor: pointer;
				}
				div.calbox3 > div.calbox3_inner > span > div.month > div.text {
					text-align: center;
					width: 210px;
					height: 27px;
					font: 11px/27px Arial;
				}
				
			/* calendar for inventory action */
		div.invcal {
			position: absolute; bottom: 176px;
			width: 252px; min-height: 169px;
			box-shadow: 2px 2px 6px #000;
			z-index: 999;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.invcal > div.invcal_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 6px 5px 3px;
			}
				div.invcal > div.invcal_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.invcal > div.invcal_inner > span > div.month {
				width: 245px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
			}
				div.invcal > div.invcal_inner > span > div.month > div.arrow {
					margin-top: 4px;
					padding: 0;
					cursor: pointer; 
				}
				div.invcal > div.invcal_inner > span > div.month > div.text {
					text-align: center;
					width: 210px;
					height: 27px;
					font: 11px/27px Arial;
				}
		/* END :: calendar for inventory action */		
				
			/* new calendar box for use off the asset details popup - DE 7-25-2017 */
		div.calbox4 {
			position: absolute; top: 427px; right: 6px;
			width: 252px; min-height: 169px;
			box-shadow: 2px 2px 6px #000;
			z-index: 101;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.calbox4 > div.calbox4_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 6px 5px 3px;
			}
				div.calbox4 > div.calbox4_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.calbox4 > div.calbox4_inner > span > div.month {
				width: 245px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
			}
				div.calbox4 > div.calbox4_inner > span > div.month > div.arrow {
					margin-top: 4px;
					padding: 0;
					cursor: pointer;
				}
				div.calbox4 > div.calbox4_inner > span > div.month > div.text {
					text-align: center;
					width: 210px;
					height: 27px;
					font: 11px/27px Arial;
				}
			/* END :: new calendar box for use off the asset details popup - DE 7-25-2017 */
		
		/*  NEW, Multi-use calendar (box) frame 2-12-2016 */		
		div.calendar_frame {
			position: absolute; top: 288px;
			width: 252px; 
						/* min-height: 169px; */
			height: 192px;
			box-shadow: 2px 2px 6px #000;
			z-index: 999;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.calendar_frame > div.calendar_frame_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 3px 5px 3px;
			}
				div.calendar_frame > div.calendar_frame_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.calendar_frame > div.calendar_frame_inner > span > div.month {
				width: 246px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
				margin-bottom: 4px;
			}
				div.calendar_frame > div.calendar_frame_inner > span > div.month > div.arrow {
					margin-top: 4px;
					padding: 0;
					cursor: pointer;
				}
				div.calendar_frame > div.calendar_frame_inner > span > div.month > div.text {
					text-align: center;
					width: 216px;
					height: 27px;
					font: 11px/27px Arial;
				}
		/*  END :: NEW, Multi-use calendar (box) frame 2-12-2016 */
		
		/*  NEW, Recognize date calendar 7-1-2016 */		
		div.recog_date {
			position: absolute; right: 30px;
			width: 252px; min-height: 169px;
			box-shadow: 2px 2px 6px #000;
			z-index: 999;
			background-color: #fff;
			border: 1px solid #59683e;
			display: none;
		}
			div.recog_date > div.recog_date_inner {
				width: 246px;
				min-height: 158px;
				margin: 3px 3px 5px 3px;
			}
				div.recog_date > div.recog_date_inner td.monthsm {
					cursor: pointer;
					font-size: 9px;
					height: 25px;
					padding-right: 3px;
					position: relative;
					text-align: right;
					vertical-align: top;
					width: 35px;
				}
			div.recog_date > div.recog_date_inner > span > div.month {
				width: 246px;
				height: 27px;
				border-bottom: 3px solid #cccccc;
			}
				div.recog_date > div.recog_date_inner > span > div.month > div.arrow {
					margin-top: 4px;
					padding: 0;
					cursor: pointer;
				}
				div.recog_date > div.recog_date_inner > span > div.month > div.text {
					text-align: center;
					width: 216px;
					height: 27px;
					font: 11px/27px Arial;
				}
		/*  END :: NEW, Recognize date calendar 7-1-2016 */
				
/* END :: NEW reports date range box 8-20-2015 */

/* category buttons - changing the Events page between Projects, Service or Accounting */
	div.category_btns {
		float: right;
	} 
		div.category_btns > input.custombutton {
			cursor: pointer;
			color: #bbb;
			float: right;
			margin-left: 4px;
		}
			div.category_btns > input.custombutton:hover { color: #000; }
			div.category_btns > input.custombutton.on { 
				background-image: none;
				color: white;
				font-weight: bold;
			}
			div.category_btns > input#cat_service.custombutton.on { 
				background-color: #96aa71;
			}
			div.category_btns > input#cat_internet.custombutton.on { 
				background-color: #2E3192;
			}
			div.category_btns > input#cat_projects.custombutton.on { 
				background-color: #ebaf40;
			}
			div.category_btns > input#openNewServiceCalendar.custombutton.on { 
				background-color: #96aa71;
			}
			div.category_btns > input#openNewProjectCalendar.custombutton.on { 
				background-color: #ebaf40;
			}
			div.category_btns > input#cat_accounting.custombutton.on { 
				background-color: #4c9ed9;
			}

/* END : category buttons - changing the Events page between Projects, Service or Accounting */

/* NEW project number box - to add project number from Goldmine into Keys */
	.pn_box {
		position: absolute; top: 4px; left: 10px;
		height: 22px; width: 240px;
		line-height: 22px;
	}
		.pn_box #pn_edit {
			font: 11px/26px Arial;
			color: #87590c;
		}
			.pn_box #pn_edit:hover {
				text-shadow: 0 0 1px #b87910;
				color: #69450a;
				cursor: pointer;
			}
		.pn_box #pn_number {
			font: 11px/24px Arial;
			margin: 1px 0 0 9px;
		}
		.pn_box #edit_pn_btn {
			position: unset;
		    float: left;
		    font-size: 16px;
		    opacity: .4;
		    margin: 0;
		    padding: 0;
		    width: auto;
		    margin-left: 5px;
		}
		.pn_box #edit_pn_btn:hover {
			cursor: pointer;
			opacity: 1;
		}
		div#addedit_pnline {
			display: none;
		} 
/* END : NEW project number box - to add project number from Goldmine into Keys */

/* NEW 3-26-2015 next action popup */
	#nextaction_group {
		/*position: absolute;*/
		z-index: 800;
	}
	
	#attach_co_row{display:none;}
	

/* NEW 9-22-2015 large note section box */
	div#large_notebox {
		padding: 10px;
		z-index: 199;
		width: 512px;	height: 440px;
		position: absolute;
		top: 70px;
		left: 130px;
		display: none;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		font: 12px/24px Arial;
	}
		div#large_notebox div.lnb_inner {
			width: 510px; height: 440px;
		}
		div#large_notebox div.lnb_notebox {
			width: 494px; height: 399px;
			background-color: #fff;
			border: 1px solid #d99d00;
			float: left;
			font: 12px Arial;
			padding: 8px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		div#large_notebox div#lnbn_controls_add,
		div#large_notebox div#lnbn_controls_save,
		div#large_notebox div#lnbn_controls_cancel,
		div#large_notebox div#lnbn_controls_close {
			cursor: pointer;
			float: left;
			margin: 3px 4px 0 4px;
			font-size: 11px;
		}
			div#large_notebox div#lnbn_controls_add:hover { color: #214f74; }	/* blue */
			div#large_notebox div#lnbn_controls_save:hover { color: #4f6824; }		/* green */
			div#large_notebox div#lnbn_controls_cancel:hover { color: #cc5046; }	/* light red */
			div#large_notebox div#lnbn_controls_close:hover { color: #cc5046; }	/* light red */
			div#large_notebox div#lnbn_controls_save { display: none; }
			div#large_notebox div#lnbn_controls_cancel { display: none; }
		div#large_notebox div#lnb_addeditbox {
			width: 500px; height: 405px;
			border: 1px solid #d99d00;
			float: left;
			font: 12px Arial;
			padding: 5px;
			position: absolute;
			display: none;
		}
			div#large_notebox div#lnb_addeditbox textarea {
				height: 100%;
				margin: 0;
				padding: 0;
				width: 100%;
				border: none;
				color: #1869ba;
				font: 12px Arial;
			}
/* END : NEW 9-22-2015 large note section box */

/* NEW 3-26-2015 project popup */
	#project_listbox div.proj_sortable { cursor: pointer; }
	#project_listbox div { cursor: default; }
	#project_listbox div.active_title_frame { padding: 0 5px; }
	#project_listbox div.active_title_frame span { color: #757575; margin-left: 8px; }
	#project_listbox div.active_title_frame span.material-icons-outlined { cursor: pointer; vertical-align: middle; }
	#project_listbox div.inactive_title_frame { color: #96aa71; padding: 0 5px; opacity: 0.6; margin-left: 10px; font-style: italic; } 
	#project_listbox div.inactive_title_frame:hover { opacity: 1.0; cursor: pointer; }
	#project_popup {
		position: absolute;
		display: none;
		padding: 5px 5px 5px 10px;
		z-index: 99;
		width: 375px;
		max-height: 525px;
		overflow-y: auto;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		overflow-x: hidden;
		top: 35px;
		left: 340px;
	}
	#project_popup > div#project_close {
		background-color: transparent;
		border: medium none;
		color: #f9deb0;
		cursor: pointer;
		float: right;
		font: bold 14px Arial;
		margin-left: 2px;
		padding: 0 4px 2px;
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 999;
	}
		#project_popup > div#project_close:hover { 
			color: #fff;
			text-shadow: 1px 1px 2px #9e7227;
			cursor: pointer; 
		}		
	div#project_popup > div#project_box {
		position: relative;
		padding: 6px 0 12px 0;
	}
	div#project_popup > div#project_box > div.row {
		width: 355px;
		margin-bottom: 2px;
		background-color: transparent;
		border: medium none;
		padding: 2px 0 2px 8px;
	}
	div#project_popup > div#project_box > .plstatusenote {
		display: none;
	}
	
	div#project_popup > div#project_box > .plstatusenote #plstatusenote{
		width: 94%;
		border: 1px solid;
		margin-left: -4px; 
		height: 50px;
	}
	
	
		div#project_popup > div#project_box > div.row#extra_data1 { display: none; font-size: 12px; }
		div#project_popup > div#project_box > div.row > div.left { 
			color: #000;
			width: 100px;
			font: 12px/22px Arial;
			cursor: default;
			text-indent: 0;
		}
		div#project_popup > div#project_box > div.row > div.right { 
			width: 255px;
		}
		div#project_popup > div#project_box > div.title { 
			font: bold 13px/24px Arial;
			height: 30px;
			text-align: center;
			width: 365px;
		}
			div#project_popup > div#project_box > div.row > div.right > input[type="text"] {
				width: 231px; height: 18px;
				padding: 2px 6px;
				float: left;
				font: 12px Arial;
				background-color: #fff;
				border: 1px solid #d99d00;
			}
			div#project_box > div.row > div.right > input:disabled { color: #000; }
			div#project_popup > div#project_box > div.row > div.right > select {
				width: 245px; height: 24px;
				padding: 2px 2px;
				float: left;
				font: 12px Arial;
				background-color: #fff;
				border: 1px solid #d99d00;
			}
			div#project_box > div.row > div.right > select:disabled { color: #000; }
		
		div#project_popup > div#project_box > div.row.submit input {
			background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
			border: medium none;
			box-shadow: 0 -1px 2px #744d0a inset;
			width: 245px;
			cursor: pointer;
			font: 11px/23px Arial;
		}
		div.row#adderpn {
			display: none;
		}
		div.row#assetrow .right {
			margin-left: 92px;
		}
/* END : NEW 7-24-2015 project popup */

/* next action filters box (popup) (added 6-8-2015) */
	#na_filterbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 200px;
		max-height: 869px; /* 525px */
		overflow-y: hidden;
		overflow-x: hidden;
		top: 30px;
		left: 564px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#na_filterbox > div#close_na_filters {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#na_filterbox > div#close_na_filters:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#na_filterbox > div.filter_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		#na_filterbox div.filter_row {
			background-color: transparent;
			margin-bottom: 2px;
			width: 200px;
		}
		#na_filterbox div.filter_row_not_default{
			display:none;
		}
			#na_filterbox div.filter_row#vendornote_row { display: none; }
			#na_filterbox div.frow_label {
				height: 20px;
				width: 100%;
				font: 12px/24px Arial;
				text-indent: 4px;
			}
			#na_filterbox select.frow_select {
				background-color: #fff;
				border: 1px solid #d99d00;
				font: 12px/24px Arial;
				height: 24px;
				padding: 2px;
				width: 200px;
			}
			#na_filterbox select#naf_select_prospect{
				display: none;
			}
			#na_filterbox div.filter_row input[type="text"] {
				background-color: #fff;
				border: 1px solid #d99d00;
				font: 12px/24px Arial;
				height: 18px;
				padding: 2px 2px 2px 5px;
				width: 191px;
			}
			#na_filterbox div.filter_row input[type="button"] {
				width: 200px;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 5px 0 10px 0; /* 15px 0 10px 0; */
			}
			#na_filterbox div.filter_row div.na_filter_buttons{
				margin-top: 15px;
			}
/* END : next action filters popup (added 6-8-2015) */

/* next action list (added 2-2-2022) */

div#nextaction_fill img#naListLoader{
	margin-left: 370px;
	width: 50px;
	height: 50px;
}

/* END : next action list (added 2-2-2022) */

/* next action filters box (popup) (added 6-8-2015) */
	#opp_filterbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 200px;
		max-height: 600px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 5px;
		right: 5px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#opp_filterbox > #loading {
			text-align: center;
			font: bold 13px/24px Arial;
			margin-top: 7px;
			width:  100px;
			opacity: .9;
		}
		#opp_filterbox > div#close_opp_filters {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#opp_filterbox > div#close_opp_filters:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#opp_filterbox > div.filter_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		#opp_filterbox div.filter_row {
			background-color: transparent;
			margin-bottom: 2px;
			width: 200px;
		}
			#opp_filterbox div.filter_row#vendornote_row { display: none; }
			#opp_filterbox div.frow_label {
				height: 20px;
				width: 100%;
				font: 12px/24px Arial;
				text-indent: 4px;
			}
			#opp_filterbox select.frow_select {
				background-color: #fff;
				border: 1px solid #d99d00;
				font: 12px/24px Arial;
				height: 24px;
				padding: 2px;
				width: 200px;
			}
			#opp_filterbox div.filter_row input[type="text"] {
				background-color: #fff;
				border: 1px solid #d99d00;
				font: 12px/24px Arial;
				height: 18px;
				padding: 2px 2px 2px 5px;
				width: 191px;
			}
			#opp_filterbox div.filter_row input[type="button"] {
				width: 200px;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 15px 0 10px 0;
			}
/* END : next action filters popup (added 6-8-2015) */


/* start contract budget brake down */
#project_listbox .budget_price , 
#project_listbox .budget_cost, 
#project_listbox .budget_billing{
	width:30%; float:left; 
	text-align: center;
	height:22px
}
#project_listbox .budget_row{
	width:100%; float:left; 
}
#project_listbox .budget_row.totals{
	margin-bottom: 10px;
} 
#project_listbox .budget_full_header{
	font: bold 14px Arial;
	margin-left: 10px;
} 
#budget_brake_down_month_select {
	position: absolute;
	padding: 5px 12px 12px 12px;
	z-index: 99;
	width: 200px;
	max-height: 525px;
	overflow-y: auto;
	overflow-x: hidden;
	top: 40px;
	left: 440px;
	background-color: #ffd359;
	box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
	display: none;
}
#budget_brake_down_month_select .budget_row{
	width:100%; 
	float:left; 
}
#budget_brake_down_month_select .left ,#budget_brake_down_month_select .right{
	width:50%; 
	float:left; 
}
#budget_brake_down_month_select select{
	width:100%
}
#budget_brake_down_month_select > div#close_budget {
	background-color: transparent;
	border: medium none;
	color: #f9deb0;
	cursor: pointer;
	float: right;
	font: bold 14px Arial;
	margin-left: 2px;
	padding: 0 4px 2px;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 999;
}
#budget_brake_down_month_select > div#close_budget:hover {
	color: #fff;
	text-shadow: 1px 1px 2px #9e7227;
	cursor: pointer; 
}
#budget_brake_down_month_select > div.budget_header {
	font: bold 13px/24px Arial;
	height: 30px;
	text-align: center;
	width: 190p
}
#budget_brake_down_month_select input[type="button"] {
	width: 200px;
	cursor: pointer;
	background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
	border: medium none;
	box-shadow: 0 -1px 2px #744d0a inset;
	margin: 15px 0 10px 0;
}
/* end contract budget brake down */


/* project filters box (popup) (added 8-3-2015) */
	#proj_filterbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 200px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 40px;
		left: 440px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#proj_filterbox > div#close_proj_filters {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#proj_filterbox > div#close_proj_filters:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#proj_filterbox > div.filter_header {
			font: bold 13px/24px Arial;
			height: 30px;
			text-align: center;
			width: 190px;
		}
		#proj_filterbox div.filter_row {
			background-color: transparent;
			margin-bottom: 2px;
			width: 200px;
		}
			#proj_filterbox div.frow_label {
				height: 20px;
				width: 100%;
				font: 12px/24px Arial;
				text-indent: 4px;
			}
			#proj_filterbox select.frow_select {
				background-color: #fff;
				border: 1px solid #d99d00;
				font: 12px/24px Arial;
				height: 24px;
				padding: 2px;
				width: 200px;
			}
			#proj_filterbox select.frow_select option.group {
				font-style: italic;
			}
			#proj_filterbox input.frow_input,
			#epnl_filterbox input.frow_input {
				background-color: #fff;
				border: 1px solid #d99d00;
				padding: 3px 2px;
				width: 193px;
			}
			#proj_filterbox div.filter_row input[type="button"] {
				width: 200px;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 15px 0 10px 0;
			}
/* END : project filters popup (added 8-3-2015) */

/* contract p&l full risk box (popup) (added 5-18-2017) TB */
#full_riskbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 270px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 100px;
		right: 0px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		div#close_full_riskbox {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
		div#close_full_riskbox:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		div.full_risk_info{
			width:100%; 
		}	
		div.risk_header {
			width:100%;
		}
		div.risk_tile {
			width:90%;text-align: center;font: bold 13px/24px Arial;
		}
		div.row_risk {
			display: inline-block;
			font: 12px/24px Arial;
			width:100%;
		}
		div.money_risk {
			width:50px; 
		}	
		div.row_risk>input.risk_input {
			border-radius: 3px;
			margin: 2px;
			padding: 2px;
			width:30%;
		}

		div.row_risk>input#risk_reason{
			width: 200px;
		}

		 div.submit_risk{width: 100%;}
		
		 div.submit_risk input[type="button"] {
				width: 100%;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 15px 0 10px 0;
			}
		
/* END : contract p&l full risk box (popup) (added 5-18-2017) */

/* events p&l filters box (popup) (added 3-23-2016) */
	#epnl_filterbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 200px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 40px;
		left: 440px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#epnl_filterbox > div#close_epnl_filters {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#epnl_filterbox > div#close_epnl_filters:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#epnl_filterbox > div.filter_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		#epnl_filterbox div.filter_row {
			background-color: transparent;
			margin-bottom: 2px;
			width: 200px;
		}
			#epnl_filterbox div.filter_row.comment {
				color: #553809;
				font: italic 11px/13px Arial;
				height: auto;
				margin-bottom: 7px;
				text-align: center;
				width: 198px;
			}
			#epnl_filterbox div.frow_label {
				height: 20px;
				width: 100%;
				font: 12px/24px Arial;
				text-indent: 4px;
			}
				#epnl_filterbox div.frow_label.recognized { width: 170px; margin-top: 7px; }
			#epnl_filterbox input#epnl_filter_recognized_events {
				float: left;
				margin: 12px 6px 8px 2px;
			}
			#epnl_filterbox select.frow_select {
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				font: 12px/24px Arial;
				height: 24px;
				padding: 2px;
				width: 200px;
			}
			#epnl_filterbox div.filter_row input[type="button"] {
				width: 200px;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 15px 0 10px 0;
			}
/* END : events p&l filters box (popup) (added 3-23-2016) */

/* contract p&l filters box (popup) (added 7-21-2016) */
	#cpnl_filterbox {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 200px;
		max-height: 525px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 40px;
		left: 440px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#cpnl_filterbox > div#close_cpnl_filters {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#cpnl_filterbox > div#close_cpnl_filters:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#cpnl_filterbox > div.filter_header {
			font: bold 13px/24px Arial;
			height: 30px;
			margin-top: 10px;
			text-align: center;
			width: 190px;
		}
		#cpnl_filterbox div.filter_row {
			background-color: transparent;
			margin-bottom: 2px;
			width: 200px;
		}
			#cpnl_filterbox div.filter_row.comment {
				color: #553809;
				font: italic 11px/13px Arial;
				height: auto;
				margin-bottom: 7px;
				text-align: center;
				width: 198px;
			}
			#cpnl_filterbox div.frow_label {
				height: 20px;
				width: 100%;
				font: 12px/24px Arial;
				text-indent: 4px;
			}
				#cpnl_filterbox div.frow_label.recognized { width: 170px; margin-top: 7px; }
			#cpnl_filterbox input#cpnl_filter_recognized_contract {
				float: left;
				margin: 12px 6px 8px 2px;
			}
			#cpnl_filterbox select.frow_select {
				background-color: #fff;
				border: 1px solid #d99d00;
				/* box-shadow: 0 0 3px #b87910 inset; */
				font: 12px/24px Arial;
				height: 24px;
				padding: 2px;
				width: 200px;
			}
			#cpnl_filterbox div.filter_row input[type="button"] {
				width: 200px;
				cursor: pointer;
				background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
				border: medium none;
				box-shadow: 0 -1px 2px #744d0a inset;
				margin: 15px 0 10px 0;
			}
/* END : contract p&l filters box (popup) (added 7-21-2016) */

/* NEW 4-7-2015 site lists @ edit company */
	div#am_listbox , div#cs_listbox, div#sk_listbox {
		background-color: #fff;
		box-shadow: 2px 2px 8px #484848;
		color: #757575;
		height: 20px;
		left: 170px;
		padding: 10px;
		position: absolute;
		text-align: center;
		top: 123px;
		width: 160px;
		display: none;
		z-index: 99;
	}
		div#cs_listbox {
			top: 155px;
		}
		div#sk_listbox{
			top: 187px;
		}
/* END : NEW 4-7-2015 site lists @ edit company */

/* NEW 9-18-2015 sales board */
	div#salesboard_fill {
		background-color: #fff;
		box-shadow: 12px 12px 24px #222;
		float: none;
		left: 50%;
		margin-left: -624px;
		position: absolute;
		min-width: 698px;
		max-width: 1794px;
		z-index: 2147483648; 
		display: none;
		padding: 20px;
		font: 11px Arial;
		max-height: 800px;
		overflow-y: scroll;
	}
	

/* NEW 4-26-2016 Form to edit the price and cost information for an event's p&l line item 
			eepli = edit event pnl line item */
	div#eepli_box {
		position: absolute; top: 5px; right: 200px;
		width: 290px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		z-index: 99;
		display: none;
	}
		div#eepli_box > div#eepli_close {
			background-color: transparent;
			color: #f9deb0;
			padding: 0 4px 2px 4px;
			cursor: pointer;
			font: bold 14px Arial;
			z-index: 999;
			float: right;
			margin-left: 2px;
			position: absolute; top: 5px; right: 5px;
			border: none;
		}
		div#eepli_box > div#eepli_close:hover {
			color: #fff;
			text-shadow: 1px 1px 2px #9e7227;
			cursor: pointer;
		}
	div#eepli_box div.form_gray {
		color: #373737;
	}
		div#eepli_box div.form_gray span { font-weight: bold; }
		div#eepli_box > div.header {
			font: bold 12px/30px Arial;
			background-color: transparent;
			width: 260px; height: 26px;
			padding: 2px;
			text-align: center;
			margin-left: 15px;
			margin: 10px 0 5px 15px;
			color: #000;
		}
		div#eepli_box > div.label {
			font: 12px/24px Arial;
			width: 260px; height: 24px;
			padding: 2px;
			text-align: left;
			margin-left: 15px;
		}
			div#eepli_box > div.label.thin {
				height: 20px; padding: 0;
				line-height: 20px;
			}
		
			div#eepli_box > input.eepli_costprice {
				background-color: #fff;
				border: 1px solid #d99d00;
				color: #000000;
				font-family: Arial;
				height: 18px;
				padding: 2px 3px;
				width: 125px;
				margin: 2px 0 4px 0;
			}
			div#eepli_box > input[type="button"] {
				float: left;
				margin-top: 12px;
				margin-bottom: 12px;
				cursor: pointer;
				box-shadow: inset 0 -1px 2px #744d0a;
				border: none;
				background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
			}
				div#eepli_box > input[type="button"]:hover {
					box-shadow: inset 0 -1px 2px #744d0a, 1px 1px 2px #dd8a00;
				}
				div#eepli_box > input[type="button"]#save_eepli_changes { width: 165px; }
				div#eepli_box > input[type="button"]#cancel_eepli_changes { width: 87px; }
/* END :: NEW 4-26-2016 Form to edit the price and cost information for an event's p&l line item */

/* NEW quote required box 11-14-2016  */
	div.quote_required_box {
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
		left: 340px;
		max-height: 525px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 5px 12px 8px 12px;
		position: absolute;
		top: 35px;
		width: 410px;
		z-index: 995;
	}
		div.quote_required_box div.hdr {
			width: 98%; 
			height: 20px;
			text-align: center;
			font: bold 12px/20px Arial;
			margin: 5px 0 8px 0;
		}
		div.quote_required_box div.sub_hdr {
			width: 98%; 
			height: 20px;
			text-align: center;
			font: 12px/12px Arial;
			color: #7d7d7d;
			margin-bottom: 9px;  
		}
		
		div.quote_required_box label {
			font: 12px/20px Arial;
			height: 20px;
			margin-top: 4px;
			display: inline-block;
		}
			div.quote_required_box label#quotenotes_label { color: #b87910; }
		div.quote_required_box select {
			background-color: #ffffff;
			border: 1px solid #d99d00;
			color: #000000;
			font: 12px Arial;
			height: 24px;
			width: 48px;
			margin-left: 15px;
		}
		div.quote_required_box  .scroll_box{
			width: 108%;
			max-height: 240px;
			overflow-y: scroll; 
		}
		div.quote_required_box  .scroll_box .checkbox_row div { 
			padding-top: 2px;
		}
		div.quote_required_box  .scroll_box .checkbox_row { 
			width: 97%;
			padding-bottom: 6px;
		}
		div.quote_required_box  .scroll_box  .disabled { 
			color:#848484
		}
		
		
		div.quote_required_box textarea {
			background-color: #ffffff;
			border: 1px solid #d99d00;
			color: #000000;
			font: 12px/16px Arial;
			height: 64px;
			padding: 4px;
			width: 251px;
		}
		div.quote_required_box input[type="button"] {
			cursor: pointer;
			margin: 8px 0 6px 0;
			width: 50%; 
			float:right;
			height: 23px;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
		}
/* END :: NEW quote required box 11-14-2016  */
	
	
	
	/* Purchase Requisitions - NEW 7-15-2016 */
div#docs_purc {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 2px;
}
	div#docs_purc > div.title {
		width: 100%; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
	div#docs_purc > div.list {
		width: 800px;
		position: relative;
	}
		div#docs_purc > div.header {
			width: 100%; height: 24px;
			font: bold 12px/24px Arial;
			background-color: #96aa71;
			text-indent: 25px;
			color: #fff;
		}
		div#docs_purc > div.list > div.category {
			width: 100%; height: 24px;
			font: bold small-caps 12px/28px Arial;
			text-indent: 12px;
			border-bottom: 3px solid #ffe6aa;
			margin: 20px 0 2px 0;
		}
		div#docs_purc > div.list > div.file {
			width: 785px; height: 22px;
			background-color: #dcdcdc;
			padding: 4px 0 4px 15px;
			border-bottom: 1px solid #bbb;
			font: 12px/22px Arial;
		}
		div#docs_purc > div.list > div.file:hover {
			background-color: #bed993;
		}
		div#docs_purc > div.list > div.file > a {
			width: 100%;
			margin-left: 10px;
			text-decoration: none;
			color: #000;
			font-weight: bold;
		}
/* END : Purchase Requisitions - NEW 7-15-2016 */

	
	
	
/* calander - NEW 7-15-2016 */
div#docs_cale {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 2px;
}
	div#docs_cale > div.title {
		width: 100%; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
	div#docs_cale > div.list {
		width: 800px;
		position: relative;
	}
		div#docs_cale > div.header {
			width: 100%; height: 24px;
			font: bold 12px/24px Arial;
			background-color: #96aa71;
			text-indent: 25px;
			color: #fff;
		}
		div#docs_cale > div.list > div.category {
			width: 100%; height: 24px;
			font: bold small-caps 12px/28px Arial;
			text-indent: 12px;
			border-bottom: 3px solid #ffe6aa;
			margin: 20px 0 2px 0;
		}
		div#docs_cale > div.list > div.file {
			width: 785px; height: 22px;
			background-color: #dcdcdc;
			padding: 4px 0 4px 15px;
			border-bottom: 1px solid #bbb;
			font: 12px/22px Arial;
		}
		div#docs_cale > div.list > div.file:hover {
			background-color: #bed993;
		}
		div#docs_cale > div.list > div.file > a {
			width: 100%;
			margin-left: 10px;
			text-decoration: none;
			color: #000;
			font-weight: bold;
		}
/* END : calander - NEW 7-15-2016*/

/**** ADMIN CALENDAR TABS ****/
#admin_fill .header-bar.asset-list,
#admin_fill .header-bar.file-list {
	width: 100%;
	font: bold 12px/24px Arial;
	margin: 2px 0;
}

	#assetListTitle > div,
	#fileListTitle > div {
		margin: 0 10px;
	}

	#assetListTitle > #totalCount,
	#fileListTitle > #totalCount {
		font: bold 14px/24px Arial; 
		cursor: default;
	}

	#assetListTitle > #addEquipment,
	#assetListTitle > #viewSystems,
	#fileListTitle > #addFile {
		float: right; 
		cursor: pointer;
	}

	#assetListTitle > #addEquipment:hover,
	#assetListTitle > #viewSystems:hover,
	#fileListTitle > #addFile:hover {
		box-shadow: 1px 2px 4px gray;
	}

	.asset-list#assetListHeader,
	.file-list#fileListHeader {
		background-color: #96aa71;
		color: #ffffff;
	}

/**** ADMIN ASSET LIST ****/
	#assetListTitle > #contractedCount,
	#assetListTitle > #nonContractedCount {
		float: left; 
		cursor: default;
	}
	#assetListTitle > #nonContractedCount {
		color: #888888;
	}

	.asset-list#assetListHeader > div:nth-child(1) { width: 80px; text-align: center; }
	.asset-list#assetListHeader > div:nth-child(2) { width: 200px; }
	.asset-list#assetListHeader > div:nth-child(3) { width: 100px; }
	.asset-list#assetListHeader > div:nth-child(4) { width: 120px; }
	.asset-list#assetListHeader > div:nth-child(5) { width: 100px; }
	.asset-list#assetListHeader > div:nth-child(6) { width: 102px; }
	.asset-list#assetListHeader > div:nth-child(7) { width: 70px; }
	.asset-list#assetListHeader > div:nth-child(8) { width: 26px; }


div#admin_fill #assetFilterMessage {
	display: none;
}
div#admin_fill #assetLoader {
	display: block; 
	position: absolute;
	top: 250px;
	left: 360px;
}

div#assetListWrapper {
	width: 100%;
}
div#assetList {
	display: none;
	width: 100%;
	max-height: 615px;
}

div#assetList div.listrow.asset-row {
	cursor: pointer;
}
div#assetList div.listrow.asset-row {
	border-top: 1px solid #F5F5F5;
}
div#assetList div.listrow.asset-row + div.child-container {
	margin-left: 75px;
	width: 90%;
}

div#assetList div.child-container > div.listrow { padding-right:3px; border-radius:4px; }
div#assetList div.child-container > div.listrow.asset-row {border-left: 2px solid goldenrod;}				  /* contracted */
div#assetList div.child-container > div.listrow.asset-row.fontwhite {border-left: 2px solid #FFFFFF;} /* non-contracted */
div#assetList div.child-container > div.listrow.asset-row.fontgray {border-left: 2px solid #A9A9A9;}  /* decommissioned */

	div.listrow.asset-row > div { min-height: 1px; }
	div.listrow.asset-row > div.sysid              { width: 80px; }
	div.child-container > div.listrow.asset-row > div.sysid { text-align: left; text-indent: 10px; width: 195px; }
	div.listrow.asset-row > div.asset-location     { width: 185px; }
	div.listrow.asset-row > div.asset-type         { width: 90px; }
	div.listrow.asset-row > div.asset-manufacturer { width: 120px; }
	div.listrow.asset-row > div.asset-model        { width: 104px; }
	div.listrow.asset-row > div.asset-serial-number     { width: 90px; }
	div.listrow.asset-row > div.asset-capacity     { width: 74px; }


/**** ADMIN FILE LIST ****/
	.file-list#fileListHeader > div:nth-child(1) { width: 304px; text-indent: 15px; }
	.file-list#fileListHeader > div:nth-child(2) { width: 60px; }
	.file-list#fileListHeader > div:nth-child(3) { width: 95px; }
	.file-list#fileListHeader > div:nth-child(4) { width: 240px; }
	.file-list#fileListHeader > div:nth-child(5) { width: 45px; }
	
/* ticketing board new 1-9-2017   */
div#tboard_fill {
	width: 790px;
	position: relative;
	display: none;
	margin-top: 0;
}
div#tboard_fill  div#tboard_listbox {
background-color: #00ff00;
max-height: 525px;
min-height: 200px;	
}
div#tboard_listbox >div.top_line {
		width: 790px; height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 0;
		text-indent: 5px;
	}
div#tboard_listbox >div.title {
		width: 790px; 
		height: 28px;
		font: bold 14px/28px Arial;
		margin-top: 25px;
		text-align:center;
		
		
	}
div.butten_heder{
	width: 790px; 
	height: 10px;
	margin-top: 25px;
}	
	
	
div.butten_heder > input.custombutton_tboard {
			cursor: pointer;
			float: right;
			margin-left: 4px;
		}
#reminder_popup {
		position: absolute;
		display: none;
		padding: 5px 5px 5px 10px;
		z-index: 99;
		width: 875px;
		max-height: 625px;
		overflow-y: auto;
		 background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000; 
		overflow-x: hidden;
		top: 35px;
		left: 50px;
	}
	#reminder_popup > div#reminder_close {
		background-color: transparent;
		border: medium none;
		color: #f9deb0;
		cursor: pointer;
		float: right;
		font: bold 14px Arial;
		margin-left: 2px;
		padding: 0 4px 2px;
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 999;
	}
 

/* END : ticketing board  - NEW 1-9-2017 */
.ACcontracthistory_box #ac_fill{
}

.ACcontracthistory_box #ac_fill p{
	width:75%;
	margin:10px 25%;
}

.ACcontracthistory_box #ac_fill #stupiddrop{
	padding: 2px;
    border: solid 1px;
    background-color: white;
}

div#ac_fill > div#vend_box {
		position: relative;
		padding: 6px 0 11px 0;
		font: 12px Arial;
	}
div#ac_fill > div#vend_box > div.row {
	width: 350px;
	margin-bottom: 2px;
	background-color: transparent;
	border: medium none;
	padding: 4px 0 4px 8px;
	position: relative;
}
div#ac_fill > div#vend_box > div.row > div.left { 
	color: #000; 	/*color: #ddd;	color: #555;*/ 
	width: 50px;
	line-height: 22px;
	cursor: default;
}
div#ac_fill > div#vend_box > div.row > div.left.long { width: 100px; }
div#ac_fill > div#vend_box > div.title { 
	font: bold 13px/24px Arial;
	height: 30px;
	text-align: center;
	width: 365px;
	margin-top: 10px;
}	
div.vd_right { 
	width: 225px;
}
div.vd_right > input,
div.vd_right > select,
div.vd_right > textarea	{ 
	height: 20px;
	width: 200px;
	float: left;
	font-size: 12px;
	border: 1px solid #d99d00;
}	
	div#ac_fill > div#vend_box > div.row.submit input {
			background: #eda630 url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
			border: medium none;
			box-shadow: 0 -1px 2px #744d0a inset;
			width: 121px;
			cursor: pointer;
		}		
div.vd_right_short > input[type="text"] { width: 201px; }
div.vd_right_short > input[type="text"].date_text_font { 
	font-style: italic;
	color: #444;
}
div.vd_right_short > select { width: 206px; }		
	
/* the popup to associate a file with an event   DE  3-1-2017  */	
div.addfile_box {
	position: absolute; top: 0; right: 55px;
	background-color: #fff;
	border: 1px solid #000000;
	box-shadow: 2px 2px 8px #333333;
	padding: 10px;
	z-index: 999; 
	width: 350px;
	display: none;
}

.add_technote {
	border: 1px solid #a4a4a4;
	width: 99%; 
	font: 12px/16px Arial;
	color: #59683e;
	height: 62px;	 
}

#submit_addtechnote{
	width: 49%;
	padding: 1px 0;
	color: #59683e;
}
#cancel_addtechnote{
	width: 49%;
	padding: 1px 0;
	color: #59683e;
}

	div.addfile_box div.hdr {
		width: 98%;
		height: 22px;
		padding: 1%;
		text-align: center;
		font: bold 12px/22px Arial;
		border: 0 solid #ccc;
		background-color: #e4e4e4;
		position: relative;
		margin-bottom: 5px;
	}
		div.addfile_box div.hdr img {
			position: absolute;
			top: 5px;
			left: 4px; 
		}
		div.addfile_box div.hdr span {
			font-size: 11px;
			color: #9a0e0e; 
			width: 75px;
			text-align: right;
			text-indent: 0;
			cursor: default;
			position: absolute;
			right: 6px;
		}
	div.addfile_box div.fsr_check_section{
		width: 100%;
	}
		
	div.addfile_box div.sub_fsr_hdr {
		width: 98%;
		height: 18px;
		padding: 1%;
		text-align: center;
		font: bold 12px/18px Arial;
		border: 0 solid #ccc;
		background-color: #e4e4e4;
		position: relative;
		margin-bottom: 5px;
	}	
		
	div.addfile_box div#loaderWrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		float: unset;
		top: 58px;
		left: 150px;
		display: none;
	}
		
	div.addfile_box div.frame {
		border: 1px solid #e4e4e4;
		padding: 10px;
		opacity: 1;
		transition: opacity: .33s;
	}
	div.addfile_box div.frame.loading {
		opacity: .33;
	}
	div.addfile_box div.frame div.line {
		font-size: 11px;	
		width: 100%;
		color: #535353;
		font-style: normal;
		text-indent: 0;
		margin-bottom: 5px;
	} 
		div.addfile_box ul{
			margin: 0;
			max-height: 140px;
			overflow: auto;
			padding-right: 10px;
		}
		div.addfile_box li{
			line-height: normal;
			list-style: none;
		}
		div.addfile_box div.frame div.line div.label { 
			float: left;
			width: 67px;
		}
		div.addfile_box div.frame div.line div.label_right { 
			float: left;
			width: 200px;
			margin-top: 3px;
		}
		div.addfile_box div.frame div.line  .fsr_rekey_flag,
		div.addfile_box div.frame div.line  .fsr_add_to_all,
		div.addfile_box div.frame div.line  .fsr_customer_file_view{
			float: left;
			width: 30px;
		}
		
		
			div.addfile_box div.full_label {
				width: 100%;
				text-align: left;
				line-height: normal;
			}
		div.addfile_box div.frame > div.line > input,
		div.addfile_box select { 
			float: left;
			width: 184px;
			border: 1px solid #a4a4a4;
			padding: 2px;
			color: #59683e;
			margin-right: -1px;
			font-size: 12px;
		}
		div.addfile_box div.frame > div.line > input{ 
			width: 178px;
		}
		div.addfile_box div.frame > div.line > input[type="file"] {
			position: absolute;
			left: 71px;
			opacity: 0.0;
			width: 265px;
			cursor: pointer;
		}
		div.addfile_box div.frame > div.line > input[type="button"] {
			cursor: pointer;
			text-align: center;
			height: 22px;
			font-size: 11px;
		}
			div.addfile_box div.frame > div.line > input[type="button"]#in_browse { width: 65px; font-size: 10px; }
			div.addfile_box div.frame > div.line > input[type="button"]#submit_addfile { width: 215px; padding: 1px 0; }
			div.addfile_box div.frame > div.line > input[type="button"]#cancel_addfile { width: 109px; padding: 1px 0; }
			div.addfile_box div.frame > div.line > input[type="button"]:hover {
				text-shadow: 0 1px 1px #aaa;
				color: #000;
			}
		div.addfile_box div.frame > div.line > textarea#comments { 
			border: 1px solid #a4a4a4;
			width: 317px;
			padding: 4px;
			font: 12px/16px Arial;
			color: #59683e;
			height: 32px;
		}
			.open_events_filelist {
				width: 17px; height: 100%;
				margin-right: 2px; 
				float: right;
				text-indent: 0;
			}
			div.edit_box.project_me div.subrow .open_events_filelist {
				padding: 0;
				margin-top: 5px;
			}
				.open_events_filelist > img { 
					cursor: pointer;
				}
				
			.events_filelist_box {
				position: absolute; top: 0; right: 74px;
				background-color: #fff;
				border: 1px solid #000000;
				box-shadow: 2px 2px 8px #333333;
				padding: 10px;
				width: 575px; 
				z-index: 1110;
				display: none;
				text-indent:10px;
			}
				.events_filelist_box > #evfbx_header {
					width: 98%; height: 22px;
					padding: 1%;
					font: bold 13px/24px Arial;
					color: #000;
					background-color: #e4e4e4;
					margin-bottom: 5px;
				}
				.events_filelist_box #evfbx_header .evf_filename { width: 300px; height: 26px; }
				.events_filelist_box #evfbx_header .evf_zone { width: 125px; height: 26px; }
				.events_filelist_box #evfbx_header .evf_date { float: left; }
				
				
					 
				.events_filelist_box .evfbx_close {
					cursor: pointer;
					font-weight: bold;
					position: absolute; 
					top: 11px;
					right: 13px;
				}
				.main_event .events_filelist_box .evfbx_close {
				    top: 10px; right: 18px;
    			}
					.events_filelist_box .evfbx_close:hover { 
						color: #000; 
						text-shadow: 1px 1px 1px #888;
					}
				.events_filelist_box >  #evfbx_list {
					border: 1px solid #e4e4e4;
					width: 98%;
					min-height: 82px;
					padding: 5px;
				}
					.events_filelist_box >  #evfbx_list > div { font: 12px/26px Arial; }
					.events_filelist_box >  #evfbx_list > div:nth-child(even) { background-color: #fdf7ec; }
					.events_filelist_box >  #evfbx_list .evf_filename { width: 300px; height: 26px; }
					.events_filelist_box >  #evfbx_list .evf_zone { width: 125px; height: 26px; }
					.events_filelist_box >  #evfbx_list .evf_filename img { margin: 5px 0 0 4px; float: left; }
					.events_filelist_box >  #evfbx_list .evf_filename div { 
						height: 100%;
						max-width: 90%;
					}
					.events_filelist_box >  #evfbx_list .evf_date { 
						width: 70px; 
						text-align: center;  
						cursor: default;
						line-height: 30px;
						text-indent: 0;
					}
					.events_filelist_box >  #evfbx_list .evf_notes { 
						width: 20px; 
						text-align: center;  
						cursor: pointer;
						text-indent: 0;
						margin-left: 10px;
					}
						.events_filelist_box >  #evfbx_list .evf_notes img { margin-top: 5px; }
					.events_filelist_box >  #evfbx_list .evf_delete { 
						width: 20px;
						text-align: center;  
						cursor: pointer;
						text-indent: 0;
						margin-left: 4px;
					}
					.evf_delete  .delete,
					.polist .delete{ 
						font-size: 156%;
    					display: inline-block;
						float: right;
						margin-top: 5px;
						cursor: pointer;
					}
						
						
						
		/* END : file upload TB 12-30-2016 */
	
	 /* popup for  price cost  on admin_assetdetails page  TB  6-8-2017    */ 	
div.eq_popup > div.price_cost_box {
	position: absolute;top: 60px; left: 50px;
	min-height: 50px; width: 200px;
	background-color: #efeeee;
	border: 2px solid #df9313;
	z-index: 9999;
	display: none;
	overflow:hidden;
}	
	div.eq_popup > div.price_cost_box > header {
		color: #000;
		font: bold 14px/28px Arial;
		height: 28px; width: 100%;
		text-align: center;
		margin: 4px 0;
		position: relative;
	}
	
	div.eq_popup > div.price_cost_box > div.sub_header {
		color: #000;
		height: 28px; width: 100%;
		text-align: center;
		position: relative;
	}
	
		div.price_cost_box > header > div#closeevents {
			background-color: #ec9e1c;
			border: medium none;
			color: #f8f9fc;
			cursor: pointer;
			font: bold 14px Arial;
			padding: 0 4px 2px;
			position: absolute;
			right: 4px;
			top: 4px;
			z-index: 999;
		}
		div.price_cost_box > header > div#closefsr:hover {
			color: #fff;
			box-shadow: 1px 1px 2px #4d4d4d;
			background-color: #df9313;
		}
	div.eq_popup > div.price_cost_box > div.titles {
		background-color: #eda630;
		border-bottom: 1px solid #f8dcad;
		border-top: 1px solid #f8dcad;
		color: #000;
		font: 11px/24px Arial;
		height: 24px;
		margin: 2px 0 7px 6px;
		position: relative;
		text-align: center;
		width: 708px;
		cursor: default;
	}
	div.eq_popup > div.price_cost_box > div.none {
		color: #910000;
		font: 12px/28px Arial;
		height: 28px;
		margin: 0 0 0 6px;
		position: relative;
		text-align: center;
		width: 708px;
	}
	
	/* END : event list TB 3-27-2017 */	
  
	/* the popup to search inventory when adding an inventory item as an asset   DE  12-11-2017  */	
	div#inventory_searchbox   {
		position: absolute; top: 50px; left: 340px;
		background-color: #fff;
		border: 1px solid #000;
		box-shadow: 2px 2px 8px #333;
		padding: 10px;
		z-index: 999; 
		width: 346px;
		display: none;
	}
	div#ev_inventory_searchbox {
		position: absolute; top: -100px; left: 480px;
		background-color: #fff;
		border: 1px solid #000;
		box-shadow: 2px 2px 8px #333;
		padding: 10px;
		z-index: 999; 
		width: 346px;
		display: none;
	}

		div#inventory_searchbox div.hdr,div#ev_inventory_searchbox div.hdr {
			width: 346px;
			height: 30px;
			text-align: center;
			font: bold 12px/30px Arial;
			border: 0 solid #ccc;
			background-color: #e4e4e4;
			position: relative;
			margin-bottom: 5px;
		}
		div#inventory_searchbox div.frame ,div#ev_inventory_searchbox div.frame {
			border: 1px solid #e4e4e4;
			padding: 10px;
		}
		div#inventory_searchbox div.frame > div#inventory_typefilter ,div#ev_inventory_searchbox div.frame > div#inventory_typefilter {
			float: left;
			width: 293px; height: 16px;
			color: #59683e;
			font-size: 12px;
			text-indent: 10px;
			font-weight: bold;
		} 
		div#inventory_searchbox div.frame > div.line ,div#ev_inventory_searchbox div.frame > div.line{
			font-size: 11px;	
			height: 18px;
			width: 303px;
			color: #535353;
			font-style: normal;
			font: 11px/20px Arial;
		} 
		div#inventory_searchbox div.frame > select.line_select ,div#ev_inventory_searchbox div.frame > select.line_select {
			float: left;
			width: 324px; height: 20px;
			border: 1px solid #a4a4a4;
			padding-left: 4px;
			color: #59683e;
			font-size: 12px;
		} 
		div#inventory_searchbox div.frame > div#inventory_listhdr ,div#ev_inventory_searchbox div.frame > div#inventory_listhdr {
			width: 322px; height: 18px;
			border: 1px solid #a4a4a4;
			border-bottom: none;
			font: 11px/18px Arial;
			cursor: pointer;
			background-color: #e4e4e4;
		}
			div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(1) { width: 161px; text-indent: 10px; }
			div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(2) { width: 30px; text-align: center; }
			div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(3) { width: 40px; text-align: center; }
			div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(4) { width: 35px; text-align: center; }
			div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(5) { width: 35px; text-align: center; }
			
			div#ev_inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(1) { width: 161px; text-indent: 10px; }
			div#ev_inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(2) { width: 30px; text-align: center; }
			div#ev_inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(3) { width: 40px; text-align: center; }
			div#ev_inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(4) { width: 35px; text-align: center; }
			div#ev_inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(5) { width: 35px; text-align: center; }
			
			
			/* div#inventory_searchbox div.frame > div#inventory_listhdr div:nth-child(odd) { background-color: #e4e4e4; } */
			
		div#inventory_searchbox div.frame > div#inventory_itemlist ,div#ev_inventory_searchbox div.frame > div#inventory_itemlist {
			float: left;
			width: 322px; height: 200px;
			border: 1px solid #a4a4a4;
			color: #59683e;
			font: 12px/18px Arial;
			padding-top: 3px;
			overflow-y: scroll;
		}
			div#inventory_searchbox div.frame > div#inventory_itemlist > div#inventory_listinner,div#ev_inventory_searchbox div.frame > div#inventory_itemlist > div#inventory_listinner {
				float: left;
				width: 100%; height: 206px;
				color: #59683e;
				overflow-y: scroll;
				overflow-x: hidden;
			}
			div#inventory_searchbox div.frame div.inventory_item ,div#ev_inventory_searchbox div.frame div.inventory_item {
				float: left;
				width: 303px; height: 20px;
				margin-left: 1px;
				cursor: pointer;
			}
				div#inventory_searchbox div.frame div.inventory_item:hover { color: green; text-shadow: 0px 0px 1px #d8d8d8; }
				div#inventory_searchbox div.frame div.inventory_item:nth-child(even) { background-color: #f2f2f2; }
				div#inventory_searchbox div.frame div.inventory_item div { text-align: center; height: 20px; overflow: hidden; }
				div#inventory_searchbox div.frame div.inventory_item div:nth-child(1) { width: 161px; text-align: left; text-indent: 2px; }
				div#inventory_searchbox div.frame div.inventory_item div:nth-child(2) { width: 30px; }
				div#inventory_searchbox div.frame div.inventory_item div:nth-child(3) { width: 40px; font-variant: small-caps; }
				div#inventory_searchbox div.frame div.inventory_item div:nth-child(4) { width: 35px; }
				div#inventory_searchbox div.frame div.inventory_item div:nth-child(5) { width: 35px; font-size: 11px; }
				
				div#ev_inventory_searchbox div.frame div.inventory_item:hover { color: green; text-shadow: 0px 0px 1px #d8d8d8; }
				div#ev_inventory_searchbox div.frame div.inventory_item:nth-child(even) { background-color: #f2f2f2; }
				div#ev_inventory_searchbox div.frame div.inventory_item div { text-align: center; height: 20px; overflow: hidden; }
				div#ev_inventory_searchbox div.frame div.inventory_item div:nth-child(1) { width: 161px; text-align: left; text-indent: 2px; }
				div#ev_inventory_searchbox div.frame div.inventory_item div:nth-child(2) { width: 30px; }
				div#ev_inventory_searchbox div.frame div.inventory_item div:nth-child(3) { width: 40px; font-variant: small-caps; }
				div#ev_inventory_searchbox div.frame div.inventory_item div:nth-child(4) { width: 35px; }
				div#ev_inventory_searchbox div.frame div.inventory_item div:nth-child(5) { width: 35px; font-size: 11px; }
		
		div#inventory_searchbox div.frame > input[type="button"]#reset_inventorylist,
		div#ev_inventory_searchbox div.frame > input[type="button"]#reset_inventorylist {
			width: 179px;
			margin-top: 10px;
		}
		div#inventory_searchbox div.frame > input[type="button"]#cancel_inventorylist,
		div#ev_inventory_searchbox div.frame > input[type="button"]#cancel_inventorylist {
			width: 139px;
			margin-top: 10px;
		}
		div#inventory_searchbox div#searchInv_shade,
		div#ev_inventory_searchbox div#searchInv_shade {
			width: 366px;
			height: 544px;
			background-color: #999;
			opacity: 0.5;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 99;
			display: none;
		}
		div#inventory_searchbox div#searchInv_ptibox,
		div#ev_inventory_searchbox div#searchInv_ptibox {
			width: 306px;
			margin-top: 35px;
			background-color: white;
			position: absolute;
			margin-left: 8px;
			z-index: 110;
			padding: 10px;
			border: 1px solid #000;
			box-shadow: 2px 3px 5px #333;
			display: none;
		}
			div#inventory_searchbox div#searchInv_ptibox div#pti_hdr,
			div#ev_inventory_searchbox div#searchInv_ptibox div#pti_hdr {
				width: 306px;
				height: 30px;
				text-align: center;
				font: bold 12px/30px Arial;
				border: 0 solid #ccc;
				background-color: #e4e4e4;
				position: relative;
				margin-bottom: 5px;  
			}
			div#inventory_searchbox div#searchInv_ptibox frame,
			div#ev_inventory_searchbox div#searchInv_ptibox frame {
				border: 1px solid #e4e4e4;
				padding: 10px;
			}
			div#inventory_searchbox div#searchInv_ptibox textarea#pti_note,
			div#ev_inventory_searchbox div#searchInv_ptibox textarea#pti_note {
				float: left;
				width: 273px;
				height: 98px;
				border: 1px solid #a4a4a4;
				padding: 4px;
				font: 12px Arial;
				color: #59683e;
			}
			div#inventory_searchbox div#searchInv_ptibox div.pti_subhdr,
			div#ev_inventory_searchbox div#searchInv_ptibox div.pti_subhdr {
				font: bold 11px/24px Arial;
				height: 22px;
				width: 284px;
				color: #222; 
				cursor: default;
			}
				div#inventory_searchbox div#searchInv_ptibox div.pti_item,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_item{
					font: 11px/18px Arial;
					height: 16px;
					width: 269px;
					color: #535353;
					margin-left: 15px;
				}
					div#inventory_searchbox div#searchInv_ptibox div.pti_item span,
					div#ev_inventory_searchbox div#searchInv_ptibox div.pti_item span {
						color: #222;
						font-weight: bold; 
					}
				div#inventory_searchbox div#searchInv_ptibox div.pti_subhdr span#pti_availableqty,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_subhdr span#pti_availableqty {
					margin-right: 5px;
					float: right;
					font-weight: normal;
					font-style: italic;
				}
				div#inventory_searchbox div#searchInv_ptibox div.pti_subhdr span#pti_sublabel,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_subhdr span#pti_sublabel {
					margin-left: 189px;
				}
			div#inventory_searchbox div#searchInv_ptibox div.pti_line,
			div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line {
				width: 283px;
				/* margin-left: 15px; */ 
			}
				div#inventory_searchbox div#searchInv_ptibox div.pti_line.actionline,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line.actionline {
					width: 275px;
					padding: 2px 2px 2px 6px;
					border: 1px solid #e4e4e4;
				}
						
				div#inventory_searchbox div#searchInv_ptibox div.pti_line span.pti_linelabel,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line span.pti_linelabel{
					font-size: 11px;
					margin: 0 20px 0 2px; 
				}
					div#inventory_searchbox div#searchInv_ptibox div.pti_line span.pti_linelabel.unchosen,
					div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line span.pti_linelabel.unchosen { color: #bbb; }
				div#inventory_searchbox div#searchInv_ptibox div.pti_line select,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line select{
					border: 1px solid #a4a4a4;
					font-size: 12px;
					height: 20px; 
				}
				div#inventory_searchbox div#searchInv_ptibox div.pti_line input#pti_qty,
				div#ev_inventory_searchbox div#searchInv_ptibox div.pti_line input#pti_qty {
					border: 1px solid #a4a4a4;
					width: 35px;
					text-align: right;
					padding-right: 4px;
					float: right;
					font-size: 12px;
					height: 16px;
					background-color: #fbfbbf;
				}
			div#inventory_searchbox div#searchInv_ptibox input#continue_inventorypick,
			div#ev_inventory_searchbox div#searchInv_ptibox input#continue_inventorypick {
				margin-top: 15px;
				width: 174px;
			}
			div#inventory_searchbox div#searchInv_ptibox input#cancel_inventorypick,
			div#ev_inventory_searchbox div#searchInv_ptibox input#cancel_inventorypick {
				margin-top: 15px;
				width: 105px;
			} 
	/* END :: the popup to search inventory when adding an inventory item as an asset   DE  12-11-2017  */		
  
/*COMMENTED OUT BECAUSE THIS DECLARATION IS ALSO IN cfm.css
div#cookie_popup {
	width: 700px;
	background-color: #ffffff;
	position: absolute;
	display: none;
	margin-left: 260px;
	margin-top: 250px;
	box-shadow: 1px 1px 2px #4d4d4d;
	z-index: 999;
}*/
  
	.pl_ev_box{
		width:100%;
	}
	.pl_ev_box_header{
		width:100%;  
		height:40px;
	}
  
	.pl_ev_box_header>.pl_ev_box_title{
		width:90%; 
		text-align: center;
		font: 18px/28px Arial;
	}
	.pl_ev_box_header>.pl_ev_box_close{
		width:10%; 
		text-align: center;
		font: 18px/28px Arial;
	}
  
	.pl_ev_box_info{
		width:100%;  
	}
  
	.pl_ev_box_info>.pl_ev_row{
		width:90%;  
		margin-left:10px;
	}
	.pl_ev_box_info>.pl_ev_row>.pl_ev_row_left{
		width:25%;  
	}
	
	.pl_ev_box_info>.pl_ev_row>.pl_ev_row_right{
		width:70%;  
	}
  
	.pl_ev_box_info>.pl_ev_row>#submit{
		width:45%;
		margin-right: 5%;
		margin-left: 4%;
		color: #000;
		border: 1px solid #000000;
	}		
	.pl_ev_box_info>.pl_ev_row>#cancel{
		width:45%;
		color: #000;
		border: 1px solid #000000;
	}	
  
 #pl_ev_price::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}   
.spinner{
	background: white url('images/bigSpinner.gif') no-repeat center;
	height:100%;
	width:100%;
}

	/* FE scheduling (fes) page - NEW 4-11-2018 DE */
	div#fes_box {
		width: 890px;
		position: absolute;
		z-index: 999;
		background-color: #fff;
		display: none;
		border: 1px solid #e4e4e4;
		box-shadow: 2px 4px 8px #555;
		padding: 10px;
		float: none;
		margin: 2px 0 0 2px;
	}
	div#fes_boxheader {
		cursor: move;
		z-index: 1000;
		width: 890px;
		height: 20px;
		padding: 2px 0;
		text-align: center;
		font: bold 12px/20px Arial;
		background-color: #e4e4e4;
		margin-bottom: 2px;
	}
		div#fes_boxclose {
			background-color: transparent; 
			color: #aaa;
			cursor: pointer;
			font: bold 14px/14px Arial;
			float: right;
			position: absolute; top: 14px; right: 14px;
			height: 16px; width: 16px;
		}
			div#fes_boxclose:hover {
				box-shadow: 1px 2px 4px #888;
				background-color: #fff;
				color: #000;
			}
	div#fes_map {  
		width: 890px; height: 350px;	background-color: lightblue;
		border: 1px solid #e4e4e4;
		margin-bottom: 10px;
		box-sizing: border-box;
		font: 16px/300px Arial;
		text-align: center;
		display: none;
				/* color: #e4e4e4; */
	}
	div#fes_filters {
		width: 890px; 
		padding: 14px 10px 8px 10px;
		margin-bottom: 10px;
		border: 1px solid #e4e4e4;
		box-sizing: border-box;
		position: relative;
	}
		div#fes_filters div.smallTextLine,
		div#fes_list div.smallTextLine {
			position: absolute;
			top: 2px;
			font: 8px Arial;
			color: gray;
		}
			div#fes_filters div#small_textline1 { left: 328px; }
			div#fes_filters div#small_textline2 { left: 498px; }
			
		div#fes_filters div.fes_label { 
			height: 22px;
			padding: 0 4px 0 20px;
			font: 11px/22px Arial;
			cursor: default;
		}
			div#fes_filters div.fes_label:first-child { padding-left: 0; }
		div#fes_filters select {
			height: 22px;
			width: 150px;
			border: 1px solid #c6c5c5;
			padding: 0 2px;
			float: left;
			font-size: 12px;
		}
			em#daterange_to {
				float: left;
				font: italic 11px/22px Arial;
				padding: 0 6px;
			}
		div#fes_filters input[type="text"] {
			height: 22px;
			width: 45px;
			border: 1px solid #c6c5c5;
			padding: 0 2px;
			float: left;
			text-align: center; 
		}
		div#fes_filters input#apply_fes_filters {
			height: 22px;
			float:right;
			margin-top: 1px;
		}
		div#fes_filters input#map_toggle {
			height: 22px;
			float:right;
			margin-top: 1px;
			margin-left: 4px;
		}
	div#fes_available {
		width: 890px;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 300px;
		margin-top: 10px;
		background-color: #f7e8c8;
		border: 1px solid #eac06a;	/* #e4e4e4; */
	}
		div#fes_available_inner {
			width: 890px;
			background-color: #f7e8c8;
		}
	div#fes_assigned {
		width: 890px;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 300px;
		margin-top: 10px;
		background-color: #dfe7f4;
		border: 1px solid #91acd9;	/* #e4e4e4; */
		position: relative;
	}
		div#fes_assigned_inner {
			width: 890px;
			background-color: #dfe7f4;
		}
	div#fes_list {
		width: 890px;
		margin-bottom: 10px;
		box-sizing: border-box;
		padding: 10px; 
		position: relative;
	}
		div#fes_list div#small_textline3 { left: 322px; }
		div#fes_list div.fes_event {
			width: 840px;
			height: 28px;
			border: 1px solid #c6c5c5;
			margin-bottom: 3px;
			font: 12px/28px Arial;
			cursor: default;
			padding-left: 10px;
		}
			
		div#fes_list div.day1 { color: green; }
		div#fes_list div.day2 { color: blue; }
		div#fes_list div.day3 { color: purple; }
			div#fes_list div#fes_noresults {
				text-align: center;
				width: 100%;
				font: 14px/20px Arial;
				color: #005493;
			}
			/* div#fes_list div.fes_event:nth-child(odd) { background-color: wheat; } */
			div#fes_list div.fes_event:nth-child(odd) { background-color: #f4f4f4; }
			div#fes_list div.fes_event button {
				float: right;
				height: 22px;
				width: 22px;
				margin-right: 14px;
				text-align: center;
				padding: 0;
				margin: 4px 2px;
				cursor: pointer;
				opacity: 0.4;
			} 
				div#fes_list div.fes_ordernumber { 
					padding: 0 10px 0 5px;  
				}
				div#fes_list div.fes_workorder { 
					font: 11px/28px Arial;
					width: 60px;
					margin-left: 4px;
				}
				div#fes_list div.fes_eventtype { 
					width: 100px; 
					font: 11px/28px Arial;
					margin-left: 4px;
				}
					/*	div#fes_list div.fes_eventstatus { 
							height: 18px;
							width: 22px;
							color: #fff;
							font: bold 11px/18px Arial;
							margin: 6px 4px 0 4px;
							border-radius: 4px;
							text-align: center;
						}	*/
				div#fes_list div.fes_event select { 
					float: left; 
					margin: 3px 10px 0 -5px; 
					border: 1px solid #c6c6c6; 
					font: bold 12px Arial;
					height: 22px;
					color: #fff;
					text-align: center;
					padding: 0px; 
				}
					div#fes_list div.fes_event input.fedate_input {
						height: 20px; width: 75px;
						float: left;
						font: 12px Arial;
						text-align: center;
						text-indent: unset;
						padding: 0px;
						margin: 3px 15px 0 0;
						border: 1px solid #c6c6c6;
					}
					div#fes_list div.fes_event select.opendate_select,
					div#fes_list div.fes_event select.assigneddate_select { 
						margin: 3px 0 0 0; 
						color: #000;
						font-weight: unset;
					}
					div#fes_list div.fes_event div.select_cover {
						background-color: inherit;
						height: 22px;
						width: 18px;
						margin-left: -18px;
						border-left: 1px solid #c6c6c6;
						margin-top: 3px;
					}
				div#fes_list div.fes_location { 
					width: 250px;
					margin-left: 4px;
					font: 11px/28px Arial;
				}
				div#fes_list div.fes_customer { 
					width: 100px;
					font: bold 11px/28px Arial;
				}
				div#fes_list div.fes_sysid { 
					width: 50px;
					font: 11px/20px Arial;
					height: 20px;
					margin: 3px 2px 0 0;
					box-shadow: 1px 2px 3px #aaa;
					text-align: center;
					background-color: #98CA3C;
				} 
					div#fes_list div.fes_sysid.fr { float: right; margin-right: 5px; }
					div#fes_list div.fes_sysid.contracted { background-color: #98ca3c; color: #000; }
					div#fes_list div.fes_sysid.non-contracted { background-color: #757575; color: #fff; }
				div#fes_list div.fes_eqtype {
					margin-left: 8px;
					width: 110px; 
				}
				div#fes_list div.fes_event button:hover { opacity: 1.0; }
				div#fes_list div.fes_event button i { font-size: 18px; }
				div#fes_list div.fes_event button.setworkorder { 
					width: 40px;
					font: 12px/18px Arial;
					margin-top: 3px;					
				}
				div#fes_list div.fes_event button.setbacktoopen { 
					width: 20px;
					font: 12px/18px Arial;
					margin-top: 3px;					
				}
	
	div#fes_listhdr {
		font: 12px/20px Arial;
		height: 20px;
		width: 892px;
		margin-top: 10px;
		text-align: center;
		position: relative;
	}
		div#fes_listhdr input#reset_fes_changes,
		div#fes_listhdr input#save_fes_changes {
			position: absolute;
			right: 0px;
			display: none;
			height: 20px;
		}
			div#fes_listhdr input#save_fes_changes { right: 138px; }
	div.fes_dateline {
		font: 12px/20px Arial;
		text-indent: 5px;
		margin-top: 10px;
		width: 560px;
	} 
		div.fes_dateline div.fes_showyn {
			float: right; 
			font-style: italic;
			color: #555;
		}
			div.fes_dateline div.fes_showyn input[type="checkbox"] { float: left; }
			/* FE scheduling calendar */
			div.fescal {
				position: absolute; top: 288px;
				width: 252px; min-height: 169px;
				box-shadow: 2px 2px 6px #000;
				z-index: 999;
				background-color: #fff;
				border: 1px solid #59683e;
				display: none;
			}
				div.fescal > div.fescal_inner {
					width: 246px;
					min-height: 158px;
					margin: 3px 6px 5px 3px;
				}
					div.fescal > div.fescal_inner td.monthsm {
						cursor: pointer;
						font-size: 9px;
						height: 23px;
						padding-right: 3px;
						padding-top: 2px;
						position: relative;
						text-align: right;
						vertical-align: top;
						width: 35px;
					}
				div.fescal > div.fescal_inner > span > div.month {
					width: 245px;
					height: 27px;
					border-bottom: 3px solid #cccccc;
				}
					div.fescal > div.fescal_inner > span > div.month > div.arrow {
						margin-top: 4px;
						padding: 0;
						cursor: pointer;
					}
					div.fescal > div.fescal_inner > span > div.month > div.text {
						text-align: center;
						width: 210px;
						height: 27px;
						font: 11px/27px Arial;
					}
			/* END :: FE scheduling calendar */
			
	/* FE scheduling event move reason box  6-27-2018 */
	div#movereason_box {
		position: absolute; top: 80px; left: 472px;
		z-index: 999;
		width: 204px; min-height: 100px;
		background-color: #fff;
		border: 1px solid #000000;
		box-shadow: 2px 2px 8px #333333;
		padding: 10px;
		display: none;
	}
		div#movereason_box > div#mrb_hdr {
			width: 200px; height: 20px;
			padding: 2px;
			text-align: center;
			font: bold 12px/20px Arial;
			border: 0 solid #ccc;
			background-color: #e4e4e4;
			border-bottom: 2px solid #fff;
			margin-bottom: 5px;
		}
		div#movereason_box > div#mrb_frame {
			border: 1px solid #e4e4e4;
			padding: 10px;
		}
		div#movereason_box div#mrb_note {
			width: 182px; 
			font-size: 11px;
			color: #535353;
			margin-bottom: 8px;
			text-align: center;
		}
		div#movereason_box div#mrb_workordernumber {
			width: 182px;
			font-size: 12px;
			color: #535353;
			margin-bottom: 5px;
			text-align: center;
			font-weight: bold;
		}
			div#movereason_box div#mrb_workordernumber span { color: #9a0e0e; }
		div#movereason_box > div#mrb_frame select {
			float: left;
			width: 182px;
			height: 20px;
			border: 1px solid #a4a4a4;
			padding-left: 4px;
			color: #59683e;
			font-size: 12px;
			margin-bottom: 10px;
		}
			div#movereason_box > div#mrb_frame input[type="button"] {
				border: 1px solid #a4a4a4;
				cursor: pointer;
				float: left;
				font: 11px/14px Arial;
				height: 22px;
				text-align: center;
				width: 74px;
				color: #59683e;
			}
				div#movereason_box > div#mrb_frame input[type="button"]#save_movereason {
					margin-right: 4px;
					width: 104px
				}
				div#movereason_box > div#mrb_frame input[type="button"]:hover { 
					text-shadow: 0 1px 1px #aaa;
					color: #000;
				}
			

	/* END :: FE scheduling event move reason box  6-27-2018 */

/* add manufacturer box (popup) (added 8-3-2018) */
	input#addmanufacturer_inv { float: right; }
	#addmanufacturer_box {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 99;
		width: 250px;
		height: 103px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 33px;
		left: 440px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#addmanufacturer_box > div#close_ambx {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#addmanufacturer_box > div#close_ambx:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#addmanufacturer_box > div#ambx_header {
			font: bold 12px/24px Arial;
			height: 26px;
			margin-top: 6px;
			text-align: center;
			width:250px;
		}
		#addmanufacturer_box div.ambx_noterow {
			color: #553809;
			font: 11px/13px Arial;
			height: auto;
			width: 244px;
			margin: 0 0 2px 5px;
		}	
			#addmanufacturer_box div.ambx_noterow span { margin-left: 180px; cursor: default; }
		#addmanufacturer_box input[type="text"].ambx_input {
			width: 240px;
			background-color: #ffffff;
			border: 1px solid #d99d00;
			color: #000000;
			height: 18px;
			padding: 2px;
			font: 11px/18px Arial;
			margin-bottom: 9px;
			padding-left: 4px;
			padding-right: 4px;
			position: relative;
		}
			#addmanufacturer_box input[type="text"].ambx_input#ambx_manufacturerabbreviation { 
				text-align: center; 
				position: absolute;
				border: none;
				top: 54px;
				right: 14px;
				width: 34px;
				height: 16px;
			}
		#addmanufacturer_box input[type="button"]#ambx_savenewmanufacturer {
			background: url(../img/input_buttonbg_mustard.png) repeat-x scroll 0 0 #eda630;
			border: medium none;
			box-shadow: 0 -1px 2px #744d0a inset;
			cursor: pointer;
			font: 11px/23px Arial;
			height: 23px;
			line-height: 20px;
			width: 250px;
		}
/* END :: add manufacturer box (popup) (added 8-3-2018) */

/* adjust inventory count box (popup) (added 8-15-2018) */
	#adjustment_box {
		position: absolute;
		padding: 5px 12px 12px 12px;
		z-index: 999;
		width: 260px;
		height: 185px;
		overflow-y: auto;
		overflow-x: hidden;
		top: 368px;
		left: 4px;
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none;
	}
		#adjustment_box > div#close_ajbx {
			background-color: transparent;
			border: medium none;
			color: #f9deb0;
			cursor: pointer;
			float: right;
			font: bold 14px Arial;
			margin-left: 2px;
			padding: 0 4px 2px;
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 999;
		}
			#adjustment_box > div#close_ajbx:hover {
				color: #fff;
				text-shadow: 1px 1px 2px #9e7227;
				cursor: pointer; 
			}
		#adjustment_box > div#ajbx_header {
			font: bold 12px/24px Arial;
			height: 26px;
			margin-top: 6px;
			text-align: center;
			width:250px;
		}
		#adjustment_box > div#ajbx_subheader {
			color: #87590c;
			text-align: center;
			height: 12px;
			font: 11px/12px Arial;
			padding-bottom: 5px;
			border-bottom: 1px solid #a66d0f;
			margin: 8px 0 5px 0;
			width: 260px;
			cursor: default;
		}
		#adjustment_box > div#ajbx_subheader2 {
			color: #910000;
			text-align: center;
			height: 12px;
			font: 11px/12px Arial;
			margin: 0 0 10px 0;
			width: 260px;
			cursor: default;
		}
			#adjustment_box > div#ajbx_subheader2 span { color: red; }
			#adjustment_box > div#ajbx_subheader2 span:first-child { color: green; margin-right: 20px; }
			#adjustment_box div.totals_text { 
				height: 21px;
				font: small-caps 12px/21px Arial; 
				padding-left: 0;
				margin-left: 38px;
				margin-right: 2px;
				cursor: default;
			}
			#adjustment_box div.reason_text { 
				height: 21px;
				font: small-caps 12px/21px Arial; 
				padding-left: 0;
				margin-right: 2px;
				cursor: default;
			}
			#adjustment_box input#ajbx_reason {
				width: 204px;
				text-align: left;
			}
		
		#adjustment_box div.ajbx_noterow {
			color: #553809;
			font: 11px/13px Arial;
			height: auto;
			width: 244px;
			margin: 0 0 2px 5px;
		}	
			#adjustment_box div.ajbx_noterow span { margin-left: 188px; cursor: default; }
		#adjustment_box input[type="text"] {
			width: 30px;
			background-color: #ffffff;
			border: 1px solid #d99d00;
			color: #000000;
			padding: 2px;
			font: 11px/15px Arial;
			margin-bottom: 9px;
			float: left;
			text-align: center;
			cursor: default;
		}
			#adjustment_box input[type="text"]#ajbx_newtotal { color: green; }
		#adjustment_box input[type="button"]#ajbx_saveadjustment {
			background: url(../img/input_buttonbg_mustard.png) repeat-x scroll 0 0 #eda630;
			border: medium none;
			box-shadow: 0 -1px 2px #744d0a inset;
			cursor: pointer;
			font: 11px/23px Arial;
			height: 23px;
			line-height: 20px;
			width: 260px;
			margin-top: 5px;
		}
/* END :: adjust inventory count box (popup) (added 8-15-2018) */
	
/*  added 20180116 TB this heat map box will be set up to be pulled in from any were all other corsponding css will go into the maps folder  */
 div#heat_map_fill {
		background-color: #fff;
		box-shadow: 12px 12px 24px #222;
		left: calc(50% - 500px); 
		position: absolute;
		width:1100px; 
		z-index: 9999; 
		display: none;
		padding: 20px;
		font: 11px Arial;
	}
	#heat_map_fill>.map_extra{
		margin-top:5px;
		width:100%; 
		height: 25px;
	}
	#heat_map_fill>.map_zone{ 
		width:100%; 
	}
	#heat_map_fill>.map_zone>#usmap_heat{ 
		width:100%; 
		height: 658px;
	}
	#heat_map_fill>.map_extra >#close_maps,#heat_map_fill>.map_extra >#clear_maps{
		float: right; 
	}
	
	#heat_map_fill>.map_extra >.map_loading_gif {
		display:none;
	}
	
	#heat_map_fill>.map_extra >.map_selector{
		width:80px; 
		border: 1px solid #666561;
		float: left;
		margin-right:10px; 
		
	}
	#heat_map_fill>.map_extra >.map_selector#map_eq_selector{
		width: 115px;
	}
	#heat_map_fill>.map_extra >.map_selector_large{ 
		border: 1px solid #666561;
		float: left;
		margin-right:10px;  
	}
	
	
	#heat_map_fill>.map_extra >.hidden{
		display:none; 
		text-align: center;
		text-transform: capitalize;
		height: 19px;
		font: 11px/20px Arial;  
	}
	#heat_map_fill>.map_extra >.map_zip_text{
		width:65px; 
		
		float: left;
		font: 14px/20px Arial;
	}

	div.associate_me{
		width:100%;
	}
	div.associate_me div.hdr{
		width:100%;
		font-weight: bold;
		font-size: 100%;
		height: 22px;
		padding: 0 0 6px 0;
		text-align: center;
		background-color: #e4e4e4;
		margin-bottom: 6px;
	}
	div.associate_me div.hdr span{
		font-size: 95%;
	    color: #9a0e0e;
	    position: absolute;
	    right: 12px;
	}

	div.associate_me #assocmefields{
		border: 1px solid #e4e4e4;
    	padding: 10px 10px 4px 10px;
	}
	
	div.associate_me div.row{
		width:100%;
	}
	div.associate_me div.row div.left{
		width:20%;
		float:left;
		margin-left: 2%;
		font-weight: bold;
	}
	
	div.associate_me div.row div.right{
		width:74%;
		float:left;
		margin-left: 2%;
	}
	div.associate_me div.button_row {
		float:left;
		text-align: center;
		padding-top:6px;
	}
	div.associate_me div.row input[type="button"]{
		height: 22px;
		cursor: pointer;
		color: #59683e;
	}
	div.associate_me div.row input[type="button"]:hover {
		text-shadow: 0 1px 1px #aaa;
		color: #000;
	}
	div.associate_me div.row input[type="button"]#submit_me_aasoc{
		width: 65%;
	}
	div.associate_me div.row input[type="button"]#cancel_me_aasoc{
		width: 33%;
	}
	div.associate_me div.row input[type="text"],
	div.associate_me div.row select{
		width:99%; 
		border: solid 1px #828892;
		padding:2px;
	}
	div.associate_me div.row input[type="text"]{
		width:96.5%;
	}
	div.associate_me div.row .choose_me > option#createMainEvent {
		background-color: #bed993;
		font-weight: bold;
		text-align: center;
	}
	div.associate_me div.assoc_ev_extra , 
	div.associate_me div.assoc_ev_extra_po{
		display:none;
	}
	
	.fc-day-grid-event{
		height: 17px;
		margin-left: 5px;
	}
	.fc-widget-header {
		width: 100%;
		font-size: 12px;
	} 
	.fc-day-number{
		font-size: 12px;
	}
	.fc-day-number{
		width: 100%;
		text-align: right;
	}
	.fc-event .fc-content{
		margin-left: 4px;
	}
	.fc-popover .fc-header{
		width:96%;
	}
	.fc-popover .fc-header .fc-title{
		text-align: center;
	}
	.fc-body.fc-widget-content{
		width:99%;
	}
	.fc-more-popover .fc-event-container{
		width: 90%;
	}
	.fc-content .fc-title{
		font-size: 11px;
	}
	.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { 
		float: right;
		font-family: Arial; 
	}




	div.cancel_note_box {
		background-color: #ffd359;
		box-shadow: -5px -5px 55px #eda630 inset, 5px 5px 55px #eda630 inset, 2px 2px 5px #000;
		display: none; 
		max-height: 525px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 5px 12px 8px 12px;
		position: absolute; 
		width: 310px;
		z-index: 995;
	}
	div.cancel_note_box div.can_hdr {
		width: 98%; 
		height: 20px;
		text-align: center;
		font: bold 12px/20px Arial;
		margin: 5px 0 8px 0;
	}
		
	div.cancel_note_box div.cancel_note_row {
		width: 100%; 
		 
	}
	div.cancel_note_box input[type="button"] {
			cursor: pointer;
			float:right;
			margin: 8px 0 6px 0;
			width: 50%;
			height: 23px;
			box-shadow: inset 0 -1px 2px #744d0a;
			border: none;
			background: #eda630 url('../img/input_buttonbg_mustard.png') repeat-x;
	}

	.ACcontracthistory_box{
		position: absolute;
		top: 280px;
		left: 320px;
		min-height: 150px;
		width: 350px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
		border: 2px solid #df9313;z-index: 9999;
		display: none;
		padding:10px;
	}
	
	.ACcontracthistory_box #ACclosehistory{
		background-color: #ec9e1c;
		border: medium none;
		color: #f8f9fc;
		cursor: pointer;
		font: bold 14px Arial;
		padding: 0 4px 2px;
		position: absolute;
		right: 4px;
		top: 4px;
		z-index: 999;
	}
	
	.ACcontracthistory_box #ac_fill{
		width: 90%;
		float: left;
		margin-left:4%; 
	}
	
	.ACcontracthistory_box .sub_row{
		width: 100%;
		float: left;
		margin-top:10px;
		border: 1px solid #7c520c; 
	} 
	.ACcontracthistory_box .sub_row > div {
		padding: 10px; 
		width: 94%;
		font: 12px/16px Arial;
	}
	
	
	
	.ACcontracthistory_box .sub_row .fe_user_select{
		margin-left: 65px;
		width: 180px;
		border: 1px solid #7c520c; 
	} 
	.ACcontracthistory_box  .fe_chkbox_line   div {
		width: 90%;
		float: right;
		line-height: 22px;
		opacity: 0.5;
	} 
	.ACcontracthistory_box  input[type="button"] {
		width: 100%;
		height: 23px;
		font: 11px Arial;
		margin-top: 10px;
		margin-bottom: 14px;
		cursor: pointer;
		background-color: #f4c87d;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: url("../img/input_buttonbg_mustard.png") repeat-x scroll 0 0;
	}

	/* Project link from event to projectsP&L */
	.gotoec:hover {
		cursor: pointer;
	}
	a.accountLink {
		color: blue !important;
		font-weight: bold;
		text-decoration: underline;
		float: none !important;
		margin: 0 !important;
		font-size: 100% !important;
	}
	a.accountLink:hover {
		cursor: pointer;
		color: darkblue !important;
	}
	#day_price {
		margin-left: 15px;
	}
	.subrow select.contract-number-list {
		float: unset;
		position: absolute;
		left: 13px;
		top: 3px;
		font-size: 12px;
		display: none;
	}
		.subrow i.edit-contract-number {
			float: left;
			font-size: 16px;
			position: relative;
			top: 5px;
			left: 0px;
			color: #2f4f4f;
			cursor: pointer;
		}
		.subrow i.edit-contract-number:hover {
			color: #ebaf40;
			text-shadow: 1px 2px 2px lightgrey;
			cursor: pointer;
		}
		.subrow select.contract-number-list > option[value="cancel"] {
			background: #c23327 !important;
			color: #ffffff !important;
			font-weight: bold !important;
			text-align: center !important;
		}
 
	/* new qtool to asset stuff TB 6/6/19 */
	
	div#qtool_to_asset {
		width: 100%;
		display: none;
	}

	.set_asset_display select,
	.set_asset_display input[type=text]{
		padding:3px;
		border:1px solid silver;
		width: 200px;
	}

	.set_asset_display select{
		width: 208px;
		padding:2px;
	}
		
	.set_asset_display .q_list_stuff{
		width: 100%;
		margin-top:15px;
	}
	.q_list_stuff .q_asset_list{
		width: 100%;
		margin-top:15px;
		display:none;  
	}
	.site_line{
		border-top:1px solid #000;
		cursor:pointer;
		padding:10px 0 0 0;
	}
	
	.set_asset_display .list_row, .q_list_stuff .sub_list_row{
		width: 48%;
		margin-bottom:5px;
		margin-left:2%; 
	} 
	.q_list_stuff .list_row, .q_list_stuff .sub_list_row{
		width: 100%;
	}
	.q_asset_list .titles{
		font-weight: bold;
		padding: 2px 4px;
	}

	.list_row.hdr{
		width: 100%;
	}
	
	.list_row .hdr{
		width: 97%;
		font: bold 14px Arial;
	}
	.list_row .hdr .material-icons{
		vertical-align: middle;
		float:none;
		margin-bottom: 0;
	}
	.list_row label{
		font-weight: bold;
		font-size: 80%;
		display: inline-block;
		width: 140px;
	}
	
	.sub_list_row .hdr{
		width:197%;
		float:left;
		text-align:center; 
		font: bold 14px Arial;
	}
	
	.sub_list_row .left ,.list_row .left {
		float:left;
	}
	.sub_list_row .right ,.list_row .right {
		float:right;
	}
	
	.sub_list_row .list_equipmentid{width:10%; }
	.sub_list_row .list_type{width:14%; }
	.sub_list_row .list_manufacturer{width:18%;}
	.sub_list_row .list_model{width:19%;}
	.sub_list_row .list_serialno{width:19%;}
	.sub_list_row .list_size{width:6%;}
	.sub_list_row .list_vendor{width:14%;}
	
	.sub_list_row .items{  
		font-size:12px;  
		margin-top: 3px;
	}
	
	.q_asset_list .asset_line{
		padding: 4px 4px;
	}
	
	.items span{
		 padding:2px;
	}
	
	.q_asset_list .sub_list_row:nth-child(odd) {
		background:#FFF;
	}
	.set_asset_display .buttons{
		margin-top: 17px;
		width:100%;
		text-align:right;

	}

	form#edituserform > div.no_users {
		margin-top: 15px;
		text-align: center;
		width: 100%;
	}

	form#edituserform .delete-user {
		color: red;
		position: absolute;
		right: -25px;
	}
	div.event_pc_label {
		clear: both;
		margin-left: 20px;
	}
	div.event_pc_info {
		float: right;
		margin-right: 20px;
	}

	select.asset_vendor_selector{
		width: 125px;
		margin: -13px 0 -9px 0;
	}
	
	a.cancel_convert_qoute{
		font-size: 11px;
		color: #98ca3c;
	}
	#opp_convert_loading_gif{
		width:100%;
		display:none;
	}
	#opp_convert_loading_gif img{
		width: 10%; 
		margin-left: 46%;
	}	
	
	.extra_vendor_fe_wrap {
		width: 98%;
	}
	.extra_vendor_fe_wrap .header {
		width: 98%;
		float:left;
		font-weight: bold;
		text-align: center;
		height: 28px;
	}
	.extra_vendor_fe_wrap .close_vend_fe {
		width: 2%;
		float:left; 
	}
	
	.extra_vendor_fe_wrap .list_row {
		width: 100%;
		float:left;
		height:23px;
	}
	.extra_vendor_fe_wrap .list_row .left {
		width: 35%;
		float:left;
	}
	.extra_vendor_fe_wrap .list_row .right {
		width: 65%;
		float:left;
	}
	.extra_vendor_fe_wrap .list_row .right select {
		width: 90%;
		float:right;
	}
	
	#milk_run_close{
		float: right; 
		margin-right: 14px; 
		color: #000; 
		padding: 0 4px 2px 4px; 
		cursor: pointer; 
		font: bold 18px Arial; 
		z-index: 999; 
		border: none; 
	} 
	
	
	div.milk_run_popup .title_line{
		width:100%;
		font-size: 18px;
		line-height: 22px;
		height:25px;
		font-weight: bold;
		text-align:center;
		margin-top: 5px;
	}
	
	div.milk_run_popup .milk_run {
		width:100%;
		max-height:500px;
		overflow-y:auto;
		font-family: Arial;
	}
	
	.milk_run .line    {
		width: 100%;
		float:left;
		font: 12px/14px Arial;
		font-family: Arial;
	}
	.milk_run .line:nth-child(odd)  {
		background-color: #ededed;
	}
	.milk_run .line:nth-child(even)  {
		background-color: #b9c89e;;
	}
	
	.milk_run .company  { 
		float:left;
		width: 100%;
		font-weight: bold; 
		line-height: 28px;
		background-color: #fff;
		text-indent: 7px;
	}
	.milk_run .line .top {
		font: 14px/16px Arial ;
	}
	.milk_run .line .check_box , .form_lines .check_box {
		width: 3%;
		float:left;  
		margin-top: 3px;
	}
	
	.milk_run .line .address , .form_lines .address {
		width: 36%;
		float:left; 
	}
	.milk_run .line .me_num  , .form_lines .me_num  {
		width: 7%;
		float:left; 
	}
	.milk_run .line .subject_category  , .form_lines .subject_category  {
		width: 11%;
		float:left; 
	}
	.milk_run .line .date , .form_lines .date  {
		width: 10%;
		float:left; 
	}
	
	.milk_run .line .vend_name , .form_lines .vend_name{
		width: 34%;
		float:left; 
	}  
	.milk_run .line .vend_name ,
	.milk_run .line .date ,
	.milk_run .line .subject_category  ,
	.milk_run .line .address,
	.milk_run .line .me_num  	{	
		font: 12px/26px Arial;
		
	}
	.form_lines{ 
		font: 15px/23px Arial;
		font-family: Arial;
		width: 100%; 
		background-color: #96aa71; 
		color: #fff;
	}
	
	.title_line #milk_run_confirmed{
		height: 23px;
		border: #bdbfc3 solid 1px;
		background: url('../img/input_buttonbg.gif') repeat-x;
		font-size: 11px;
		font-family: Arial;
		cursor: pointer;
	}
	.milk_run .sub_event_info { 
	
		width: 100%;
		background-color: #fff;  
	}
	.milk_run .sub_line {
		width: 100%;
		float:left;
		font: 12px/14px Arial; 
		font-family: Arial; 
		display:none;
		line-height: 20px;
	} 
	.milk_run .sub_line:last-child{
		margin-bottom:10px;
	}
	
	.show_extra_events{
		cursor: pointer;  
		float: right;  
	}
	.milk_run .sub_line .dateid  {
		margin-left: 60px;
	} 
	
	.milk_run .sub_line .dateid ,
	.milk_run .sub_line .equipmentid ,
	.milk_run .sub_line .type	{
		width: 17%;
		
	}
	.milk_run .sub_line .subject  {
		width: 25%;
	}
	
	
	 .add_new_province_box{
		display: none;
		position: absolute;
		padding: 5px 5px 5px 10px;
		z-index: 999;
		width: 225px;
		max-height: 950px;
		background-color: #ffd359;
		box-shadow: inset -5px -5px 55px #eda630, inset 5px 5px 55px #eda630, 2px 2px 5px #000;
	}
	.add_new_province_box .head{
	    padding: 2px;
	    height: 26px;
	    font: bold 12px/24px Arial;
	    text-align: center;
	    width: 100%;
	}
	.add_new_province_box .close_province_box{
	    color: #f9deb0;
	    cursor: pointer;
	    font: bold 14px Arial;
	    z-index: 999;
	    float: right;
	    position: absolute;
	    top: 4px;
	    right: 8px;
	} 
	.add_new_province_box .row{
		float:left; 
		margin-bottom:4px;
		padding: 0px 2px;
		width: 100%;
	} 
	.add_new_province_box .row .left{
		font: 12px/22px Arial;
		width: 44%; 
	}
	.add_new_province_box .row .right{
		width: 50%;
		float:left;
		padding: 2px 3px 2px 3px;
		background-color: #fff;
		border: 1px solid #d99d00;
		font: 12px Arial;
		color: #000000;
	}
	.add_new_province_box .addnewprovince{
		display: block;
		cursor: pointer;
		box-shadow: inset 0 -1px 2px #744d0a;
		border: none;
		background: #eda630 url(../img/input_buttonbg_mustard.png) repeat-x;
		width: 121px;
		float: right;
		margin-right: 5px;
		margin-top: 4px;
		padding: 4px;
		font-size: 11px;
	}
	.add_new_province_box .addnewprovince:hover {
		box-shadow: 1px 1px 3px darkgoldenrod;
	}
	 
div#notes_fill {
	display: none;
	position: fixed;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 810px;
	height: 700px;
	background: none;
	z-index: 1000;
}

.opp_quotenumber { width: 222px; }
.opp_quotenumber:hover { font-weight: bold; }

a.greenLink:link, a.greenLink:visited {
  text-decoration: none;
  color: #638a20; 
}