@charset "utf-8";
/* CSS Document */

body.iframe { background-color:#FFFFFF; }

div.submit { text-align:center; }

.head_logo { vertical-align:middle!important; height:90px; }

.blue { color:#003366; }

a { outline:none; }

#grayed {
	background-image: url(../img/70-opac.png);
	position:fixed; /* fix of IE6 */
	height:100%;
	width:100%;
	z-index:1040;
	top:0;
	left:0;
	display:none;

}

#pop_win { 
	position:fixed; 
	/*margin:20px 100px;   margin can be adjusted to center on screen */
	display:none;
	width:700px;
	z-index:1200;
	background-color:#FFFFFF;
	border:1px solid #999999;
	box-shadow:3px 3px 5px #333;
	top:50px; 
	left: 50%;
    margin-left: -350px; /* left - half width */
	padding-bottom:10px;
}

#pop_win.new_truck_pop { 
	width:1170px;
	margin-left: -585px;
}

#pop_win.new_truck_pop iframe { width:1170px; }

#pop_note { 

	position:fixed; 
	display:none;
	width:500px;
	z-index:200;
	background-color:#FFFFFF;
	border:1px solid #999999;
	box-shadow:3px 3px 5px #333;
	top:50px; 
	left: 50%;
    margin-left: -270px; /* left - half width */
	padding:20px;

}

#pop_note2 { width:500px; margin:0 auto; }

#iframe_wrap { background-color:#FFFFFF; padding:15px; }


.iframeTitle {
	border:1px solid #71644f;
	background-color:#71644f; 
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:10px;
}

.close { float:right;  margin:0; text-shadow:none; /* padding:5px 10px;*/ }
.close a{ color:#CC0000; text-decoration:none; }

.iframeTitle .close {
	background-color:#FFF;
	background-color:#EBF7FE;
	border-radius: 50%;
	padding: 0 4px 1px 3px;
	text-decoration:none;
}
.iframeTitle .close a { color:#CC0000; padding:3px; }

#stat_bar a.active { font-weight:bold; }

#notify { padding-top:12px; padding-right:10px; text-align:right; }

#notify .num { 
	border:1px solid #ccc;
	font-size:10px;
	border-radius:8px; 
	height:14px; 
	width:14px;
	margin-left:-11px;
	background-color:#036;
	color:#FFF;
	display:inline-block;
	
}

#notify .num > div { padding-right:4px; padding-top:2px; } 

#notify #pop_notify { 
	background-color:#fff;
	border:1px solid #808080;
	position:absolute;
	display:none;
	text-align:left;
	color:#111;
	box-shadow:2px 2px 5px #808080;
	margin-top:4px;
	z-index:200;
}

#notify #pop_notify > div { padding:0px; border-bottom:1px solid #ccc; font-size:12px; }
#notify #pop_notify > div a { text-decoration:none; color:#111; display:block; padding:6px; }
#notify #pop_notify > div span { color:#111; display:block; padding:6px; }
#notify #pop_notify > div a:hover { background-color:#eee; }
#notify #pop_notify > div a.all { background-color:#eee; }

div.viewed a{ color:#808080!important; }
div.read a { color:#aaa!important; }

#form_wrap { 
	font-size: 14px;
	width:1000px; 
	margin:0 auto; 
	padding:20px;
}

#form_wrap td { vertical-align:middle; padding:2px; }
.b1 { border:1px solid #999; padding:5px; }
#form_wrap div { margin:10px 0; }
#form_wrap input, #form_wrap select { 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
}

#form_wrap input[type=radio], #form_wrap input[type=checkbox] { margin:3px 3px 0 5px;  }

.formBack { background-color:#f0f0f0; border:1px solid #ccc; }

input[type="submit"].fButton, input[type="button"].fButton  { 
	cursor:pointer;
	padding:4px!important;
	font-size:14px!important;
}
.go2 { cursor:pointer; font-size:12px; }

a.go2 { 
	font-size:12px;
	padding:2px 3px; 
	border:1px solid #adadad; 
	background-color:#e1e1e1;
	color:#333;
	text-decoration:none;
}

input[type=submit],input[type=button] { padding:0 3px; cursor:pointer;}

.formDiv { }
.formDiv .formTable { }

.formDiv .formTable td { text-align:right; padding:2px; }
.formDiv .formTable td + td { text-align:left; }

#juris {
	display:none;
	position:fixed;
	background-color:#FFF;
	border:1px solid #ccc;
	padding:15px; 
	top:30px;
	z-index:20;
	width:600px;
	left: 50%;
    margin-left: -315px;
	box-shadow:1px 1px 5px #333;
}

#juris input[type=checkbox] { margin:3px 3px 0 5px;  }

#flashMessage { color:#33CC00; font-weight:bold; font-size:20px; margin-top:10px; padding-bottom:0px; }
#flashMessage.fail { color:#CC0000;}

.note { /*font-size:12px;*/ color:#666; font-size:0.8em; }
.req, .red { color:#C00!important; }
.redBG, .redBG td { background-color:#ff8b8b!important; }

.tal { text-align:left!important; }
.tac, .tac th, .tac td { text-align:center!important; }
.tar { text-align:right!important; }
.vat, .vat td, .vat th { vertical-align:top!important; }
.vam, .vam td, .vam th { vertical-align:middle!important; }
.vab, .vab td, .vab th { vertical-align:bottom!important; }

.invis, .invis td { visibility:collapse; display:none; }
.inact, .inact td { visibility:collapse; display:none; }
.vis, .vis td { visibility: visible; }

.trunc { white-space:nowrap; overflow:hidden; cursor:help; }
.trunc.view { white-space:normal; overflow: visible; cursor:help; }
.more { cursor:help; }

.collapse { height:80px; overflow:hidden; }

.p1, .p1 td { padding:1px!important; }
.p2, .p2 td { padding:2px!important; }
.p3, .p3 td { padding:3px; }
.p4, .p4 td { padding:4px; }
.p5, .p5 td { padding:5px; }
.p10, .p10 td { padding:10px; }
.p15, .p15 td { padding:15px; }
.p20, .p20 td { padding:20px; }
.p0, .p0 td { padding:0!important; }

.fs10 { font-size:10px!important; }
.fs11 { font-size:11px!important; }
.fs12 { font-size:12px!important; }
.fs13 { font-size:13px!important; }
.fs14 { font-size:14px!important; }
.fs15 { font-size:15px!important; }
.fs16 { font-size:16px!important; }
.fs18 { font-size:18px!important; }

.fwn { font-weight:normal!important; }
.fwb { font-weight:bold!important; }

.u { text-decoration:underline; }
.strike { text-decoration: line-through!important; color:#999!important; }

.bts { border-top:1px solid #ccc; }
.bbs, .bbs td { border-bottom:1px solid #ccc!important; }
.no-border, .no-border th, .no-border td { border:0!important; }

.ar-al td{ text-align:right!important; }
.ar-al td + td{ text-align:left!important; }

ol { padding-left:20px; }

.b { font-weight:bold; }

.asc::after { content:' ↑'; font-weight:bold!important; }
.desc::after { content:' ↓'; font-weight:bold!important; }

.grn { font-weight:bold; color:#390; }
.green, a.green:hover { color:#390; }

.orange {
	font-weight:bold;
	color:#FF8D1C!important;
}

.org {
	color:#FF8D1C;
}

.gray { color:#CCC; }

.header {
	color:#BFB5A4;
}

table.dataTable { width:100%; }
.dataTable th { text-align:left; padding:3px; border-bottom:1px solid #aaa; }
.dataTable td { text-align:left; vertical-align:top; padding:3px; border-bottom:1px solid #ccc; }

.dataTable tr:nth-child(even) td {background-color: #FFF; }
.dataTable tr:nth-child(odd) td {background-color: #EEE; }

.dataTable.reverse tr:nth-child(odd) td {background-color: #FFF; }
.dataTable.reverse tr:nth-child(even) td {background-color: #EEE; }

.stripeTable td { border-bottom:1px solid #ccc!important; }
.stripeTable tr:nth-child(even) td { background-color: #FFF!important; }
.stripeTable tr:nth-child(odd) td { background-color: #EEE!important; }

.dbPdfs .cols { 
	column-count:3;
}

.search_result { 
	position:absolute;
	background-color:#FFF;
	border:1px solid #ccc;
	border-bottom:0;
	box-shadow: 1px 1px 2px #666; /* 3px 3px 5px #666 */
	z-index:100;
}

.search_result:empty { border:0px; box-shadow: 0px 0px 0px #fff; }

.search_result a { 
	display:block;
	padding:5px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	font-size:14px;
}
.search_result a:hover { 
	background-color:#eee;
}

.search_result a.hover { 
	background-color:#eee;
	color: #C60;
}

.search_result a > span { font-size:12px; color:#666; }

#wo_panes { border:1px solid #ccc; margin-top:-1px; }
#wo_panes > div { padding:10px; display:none; }

#new_wo table tr th:nth-child(6),
#new_wo table tr td:nth-child(6){ /* display:none; */ }

#wo_panes h3 { margin-bottom:10px; }

#wo_panes span[title] { cursor:help; }


@media print {
 #cust_panes #wo_eq { display:block!important; }
}

.tabs ul { 
	margin:0; 
	padding:0; 
	list-style:none; 
	margin-left:10px; 
	font-size:14px; 
}
.tabs ul li {
	display: block;
	float:left;
	text-align:center;
	margin:0px 5px;
	
}

.tabs ul li a {
	display:block; 
	padding:6px 10px;
	text-decoration:none;
	border:1px solid #ccc;
	background-color:#f3f3f3;
}

.tabs ul li a.act { 
	background-color:#fff;
	border-bottom:1px solid #fff;
}

#cust_info_p td { vertical-align:top; }

#cust_panes { border:1px solid #ccc; margin-top:-1px; padding-bottom:0px;}
#cust_panes > div { padding:10px;  display:none; }

#cust_panes h3 { margin-bottom:10px; }

#cust_panes span[title] { cursor:help; }

#cust_panes th a { text-decoration:none; }

#wo_panes .box-table-a td, #wo_panes .box-table-a th { font-family:Arial,Helvetica,sans-serif!important; font-size:14px; }

.notes { }
.notes > div { border-bottom:1px dashed #aaa; margin-bottom:5px; padding:5px; }
.notes > div span { font-size:12px; color:#666; }

#cust_notes { max-height:200px; overflow:auto; }

#addNote { display:none; }

.highlight td {
	background-color:#FCD89A;
}

.workorders {
	border-radius: 4px;
	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top;
   border: 1px solid #dddddd;
   color: #333333;
   padding-bottom:10px;
 
}

.workorders .tabs ul { margin-top:10px; }
.workorders .tabs ul li { }

.workorders input { }

.workorders #wo_panes { margin-left:10px; margin-right:10px; background-color:#FFF;}
.workorders #wo_panes > div { }

#edit_truck { }
#edit_truck td {  }

#edit_truck input { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:2px; }
#edit_truck select { padding:1px; }
#edit_truck input[type=number]{ width:75px;}


/* ---- drag drop uploader ---- */


#ddUpload {
	color:#090;
	font-size:16px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

#ddUpload { border: 4px dashed #ccc; width: 250px; height: 250px; }
#ddUpload.hover { border-color:#0c0; }
#ddUpload img { display: block; margin: 10px auto; }
#ddUpload p { margin: 10px; font-size: 14px; }
progress { width: 100%; }
progress:after { content: '%'; }
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}

#uploadFloat { width:400px; padding:10px; border:1px solid #666; }

.e90, .e90 td { background-color: #FFC; font-weight:bold; }
.e60, .e60 td { background-color:#FDB; font-weight:bold;}
.e30, .e30 td { background-color:#FCC; font-weight:bold;}
.exp, .exp td { color:#C00; }

/* ---- drag drop uploader ---- */


#wo_new { }

#wo_new table td{ vertical-align:top; }

#wo_new .wo_left { } /* add line-height ?*/
#wo_new .wo_right { }

#wo_new .truckTable { }

#wo_new .truckTable th{ text-align:left; font-size:12px!important; padding:2px; }
#wo_new .truckTable td{ 
	font-size:12px!important; 
	vertical-align:middle; 
	/*/ border-bottom:1px solid #ccc; /*/
}
#wo_new .truckTable td input{ font-size:12px!important; font-family:Arial, Helvetica, sans-serif; }

#wo_new .truckTable .rt_info { border-bottom:1px solid #aaa; }
#wo_new .truckTable .rt_info .pfrTable { border:0; }
#wo_new .truckTable .rt_info td{ border:0; }


/*/
.truckTable tr:nth-child(even) td { background: #FFF; }
.truckTable tr:nth-child(odd) td { background: #EEE; }
/*/