@import url('glyph-font.css');
html { overflow-y: scroll; }

td, center, span, p, div, li, input, select, textarea, blockquote, body {
	font-family: Arial, sans-serif;
	font-size:14px;
}

input[type="submit"], button {
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
}

.little { font-size:13px }
.si_listmode { font-size:13px }
.si_form_post,
.si_form_sub,
.si_form_right {
	font-size:12px
}
.error { color: red }

h1 { font-family: Arial, sans-serif; font-size:22px; margin:10px 0 15px 0; padding:0 }
h2 { font-family: Arial, sans-serif; font-size:18px; margin:7px 0 12px 0; padding:0; cursor: help; }
h3 { font-size:14px }

.lightgrey { background-color: lightgrey }


.heading1 { font-size:150% }
.heading2 { font-size:125% }


a:link    { color: black }
a:visited { color: black }
a:hover, a.off   { color: #666666 }

a:link.noul    { text-decoration: none }
a:visited.noul { text-decoration: none }
a:hover.noul   { text-decoration: none }

.sitemenu    { font-size:13px }
a:link.sitemenu    { text-decoration: none; color: #000000 }
a:visited.sitemenu { text-decoration: none; color: #000000 }
a:hover.sitemenu   { text-decoration: none; color: #000000; background: none }

#container {
	min-height:500px; /* bumped up from 300px to accomodate tag selection box */
	padding-bottom:20px;
}

#footer p {
	color:#5f6c77;
	font-weight:bold;
	font-size:12px;
}
#footer a:link    { text-decoration: none; color: #5f6c77 }
#footer A:visited { text-decoration: none; color: #5f6c77 }
#footer A:hover   { text-decoration: underline; color: #5f6c77 }

#popheader,
#popcontainer {
	background: white;
}

td, center, span, p, div, li, input, select, textarea, blockquote, body {
}

#help {
	border: 1px solid #B8C726;
	padding: 10px;
}
#help li {
	list-style: none;
	padding-bottom: 5px;
}
#help a.back,
#help li a {
	color: #004D6D;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#help a.back:hover,
#help li a:hover {
	text-decoration: underline;
}

p.site_name {
	font-family: Arial, sans-serif;
	font-size:40px;
	padding:0;
	margin:8px 0 0 0px;
	color: #c32a34;
}

#sform {
	float:right;
	margin:8px 20px 0 10px;
	padding:0px;
	width:282px;
	display:block;
	border:1px solid #CCCCCC;
}
#sform input#qsbasic {
	height:18px;
	line-height:18px;
	width:246px;
	padding:7px 2px;
	border:0;
	background:white;
}
#sform input#qsimg {
	height:32px;
	width:32px;
	position:absolute;
}



table#actionsummary {
	width:110px;
	margin:0px 0 0 10px;
}
#actionsummary td, th {
	font-size:12px;
	line-height:11px;
}
#actionsummary th {
	background-color: #cedee8;
}
#actionsummary .rowcolor {
	background-color:#EEEEEE;
}

.dialogBG{z-index:1000;background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;width:100%;height:100%;}
.dialogO{position:absolute;top:50%;left:50%;}
.dialogI{
	background:#FFFFFF;color:#000;position:relative;left:-50%;border:8px solid rgba(0,0,0,0.6);padding:14px;min-width:68px;min-height:68px;
	border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-o-border-radius:12px;
}
.dialogX{
	position:absolute;top:28px;right:28px;width:40px;height:40px;background:#000;background-color:rgba(0,0,0,0.6);color:#fff;font:bold 24px/40px Arial, sans-serif;text-align:center;cursor:pointer;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;
}
.dialogBG.medium-width > .dialogO > .dialogI{width:820px;}

div.rhs_button {
	font-size:12px;
	margin:0;
	padding: 0;
	text-align:center;
	background-color:#e0eaca;
	border: 1px solid transparent;
	margin: 0;
}

div.rhs_button a {
	text-decoration: none;
	margin:0;
	margin-left: 4px;
	text-align:center;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:1px;
	padding: 5px;
	display: block;
	/*margin:0;*/
	height: 100%;
	/*width:100%;*/
	font-weight: 500;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 22px;
}

/*Background Images 22*/
div.rhs_button a.tick16 {
	background: url(/egc/gfx/message_tick.gif);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.card16 {
	background: url(/egc/gfx/si_card22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.upload16 {
	background: url(/egc/gfx/si_upload22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.email16 {
	background: url(/egc/gfx/si_email22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.letter16 {
	background: url(/egc/gfx/si_letter22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.report16 {
	background: url(/egc/gfx/si_report22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.pdf16 {
	background: url(/egc/gfx/si_pdf22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.detail16 {
	background: url(/egc/gfx/si_detail22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.print16 {
	background: url(/egc/gfx/si_print22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.edit16 {
	background: url(/egc/gfx/si_edit22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.export16 {
	background: url(/egc/gfx/si_export22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.search16 {
	background: url(/egc/gfx/si_search22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.copy16 {
	background: url(/egc/gfx/si_copy22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.help16 {
	background: url(/egc/gfx/si_help22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.new16 {
	background: url(/egc/gfx/si_new22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.delete16 {
	background: url(/egc/gfx/si_delete22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.filter16 {
	background: url(/egc/gfx/si_filter22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.list16 {
	background: url(/egc/gfx/si_list22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.prev16 {
	background: url(/egc/gfx/si_prev22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.next16 {
	background: url(/egc/gfx/si_next22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.first16 {
	background: url(/egc/gfx/si_first22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.last16 {
	background: url(/egc/gfx/si_last22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.phone16 {
	background: url(/egc/gfx/si_phone22.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
/*Background Hover Images 22*/
div.rhs_button a.card16:hover {
	background: url(/egc/gfx/si_card22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.upload16:hover {
	background: url(/egc/gfx/si_upload22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.email16:hover {
	background: url(/egc/gfx/si_email22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.letter16:hover {
	background: url(/egc/gfx/si_letter22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.report16:hover {
	background: url(/egc/gfx/si_report22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.pdf16:hover {
	background: url(/egc/gfx/si_pdf22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.detail16:hover {
	background: url(/egc/gfx/si_detail22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.print16:hover {
	background: url(/egc/gfx/si_print22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.edit16:hover {
	background: url(/egc/gfx/si_edit22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.export16:hover {
	background: url(/egc/gfx/si_export22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.search16:hover {
	background: url(/egc/gfx/si_search22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.copy16:hover {
	background: url(/egc/gfx/si_copy22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.help16:hover {
	background: url(/egc/gfx/si_help22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.new16:hover {
	background: url(/egc/gfx/si_new22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.delete16:hover {
	background: url(/egc/gfx/si_delete22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.filter16:hover {
	background: url(/egc/gfx/si_filter22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.list16:hover {
	background: url(/egc/gfx/si_list22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.prev16:hover {
	background: url(/egc/gfx/si_prev22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.next16:hover {
	background: url(/egc/gfx/si_next22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.first16:hover {
	background: url(/egc/gfx/si_first22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.last16:hover {
	background: url(/egc/gfx/si_last22_off.png);
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:left;
}

/*Background Images 22*/
div.rhs_button a.card22 {
	background: url(/egc/gfx/si_card22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.upload22 {
	background: url(/egc/gfx/si_upload22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.email22 {
	background: url(/egc/gfx/si_email22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.letter22 {
	background: url(/egc/gfx/si_letter22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.report22 {
	background: url(/egc/gfx/si_report22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.pdf22 {
	background: url(/egc/gfx/si_pdf22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.detail22 {
	background: url(/egc/gfx/si_detail22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.print22 {
	background: url(/egc/gfx/si_print22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.edit22 {
	background: url(/egc/gfx/si_edit22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.export22 {
	background: url(/egc/gfx/si_export22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.search22 {
	background: url(/egc/gfx/si_search22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.copy22 {
	background: url(/egc/gfx/si_copy22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.help22 {
	background: url(/egc/gfx/si_help22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.new22 {
	background: url(/egc/gfx/si_new22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.delete22 {
	background: url(/egc/gfx/si_delete22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.filter22 {
	background: url(/egc/gfx/si_filter22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.list22 {
	background: url(/egc/gfx/si_list22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.prev22 {
	background: url(/egc/gfx/si_prev22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.next22 {
	background: url(/egc/gfx/si_next22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.first22 {
	background: url(/egc/gfx/si_first22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.last22 {
	background: url(/egc/gfx/si_last22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.phone22 {
	background: url(/egc/gfx/si_phone22.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
/*Background Hover Images 22*/
div.rhs_button a.card22:hover {
	background: url(/egc/gfx/si_card22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.upload22:hover {
	background: url(/egc/gfx/si_upload22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.email22:hover {
	background: url(/egc/gfx/si_email22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.letter22:hover {
	background: url(/egc/gfx/si_letter22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.report22:hover {
	background: url(/egc/gfx/si_report22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.pdf22:hover {
	background: url(/egc/gfx/si_pdf22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.detail22:hover {
	background: url(/egc/gfx/si_detail22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.print22:hover {
	background: url(/egc/gfx/si_print22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.edit22:hover {
	background: url(/egc/gfx/si_edit22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.export22:hover {
	background: url(/egc/gfx/si_export22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.search22:hover {
	background: url(/egc/gfx/si_search22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.copy22:hover {
	background: url(/egc/gfx/si_copy22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.help22:hover {
	background: url(/egc/gfx/si_help22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.new22:hover {
	background: url(/egc/gfx/si_new22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.delete22:hover {
	background: url(/egc/gfx/si_delete22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.filter22:hover {
	background: url(/egc/gfx/si_filter22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.list22:hover {
	background: url(/egc/gfx/si_list22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.prev22:hover {
	background: url(/egc/gfx/si_prev22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.next22:hover {
	background: url(/egc/gfx/si_next22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.first22:hover {
	background: url(/egc/gfx/si_first22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.last22:hover {
	background: url(/egc/gfx/si_last22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}
div.rhs_button a.phone22:hover {
	background: url(/egc/gfx/si_phone22_off.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}

div.rhs_button a.removeEng:hover {
	background: url(/egc/gfx/icons/01/001_02.png);
	background-size: 22px 22px;
	background-repeat:no-repeat;
	background-position:left;
}


div.rhs_button_off {
	background-color:#CCCCCC;
}
div.rhs_button_off a {
	color:#666666;
	display: block;
	width: 100%;
	height: 100%;
}
div.rhs_button_off a:hover {
	color:#000000;
}

#benchmark-select {
	float: left;
}
label[for="benchmark-select"] {
	float: left;
}
a.help {
	margin-bottom: 5px;
	width: 26px;
	height: 30px;
	display: block;
	float: left;
	background: url(/egc/gfx/si_help22.png);
	background-size: 26px 22px;
	background-repeat:no-repeat;
	background-position:left;
}

table.little {
	clear: left;
}

form.but_right input,
form.but_right select {
	height:27px;
}
form.but_right input[type="submit"] {
	height: 31px;
	margin-bottom: 2px;
}

#clientpaneldiv {
	background:white;
	/*
	background: #EEEEFF;
	*/
	padding:5px;
	border:1px solid #CCCCCC;
	border-color:#CCC black black #CCC;
}

/*
 * pipeline
 */

.plworkedwith {
	clear:both;
	display:block;
	float:left;
}

.plstatus {
	width:144px;
	min-height:200px;
	display:block;
	float:left;
}
.plstatus h2 {
	border:1px solid #CCCCCC;
	font-size:16px;
	margin:0;
	padding:5px;
	background:white;
}

.plclientdiv, .tlclientdiv {
	height:19px;
	overflow:hidden;
	border:1px solid #999999;
}
.plclientdiv {
	cursor:move;
}
.plclientdiv h3, .tlclientdiv h3 {
	font-size:13px;
	margin:0;
	padding:2px 5px 0px 5px;
	white-space:nowrap;
}
.plclientdiv h3 A:link.noul    { text-decoration: none }
.plclientdiv h3 A:visited.noul { text-decoration: none }
.plclientdiv h3 A:hover.noul   { text-decoration: underline }

#switchmode {
	width:80px;
	display:block;
	float:left;
	margin-left:5px;
}

.tl_value { width:65px; }
.tl_probability { width:60px; }
.tl_job_number { width:78px; }
.tl_month { width:55px; }

.loginpassword {
	width:40px;
}

.strength_bar{display:inline-block;margin:4px 0;height:8px;}
.strength0 .strength_bar{width:5%;background-color:#ff0000;}
.strength1 .strength_bar{width:24%;background-color:#ff0000;}
.strength2 .strength_bar{width:43%;background-color:#ff5f5f;}
.strength3 .strength_bar{width:62%;background-color:#56e500;}
.strength4 .strength_bar{width:81%;background-color:#4dcd00;}
.strength5 .strength_bar{width:100%;background-color:#399800;}

.report_button_1 {
	width:70px;
	position:absolute;
	margin-left:827px;
	top: 100px
}

.report_button_2 {
	width:70px;
	position:absolute;
	margin-left:747px;
	top: 100px;
}

#ajax_wrapper {
	width:300px;
	height:150px;
	background:#FFF;
	opacity: 1;
	z-index: 100;
	position:fixed;
	border-radius: 8px;
	margin-left:320px;
	top:200px;
	display:none;

}
#ajax_loader {
	display:block;
	z-index:999;
	float:left;
	margin-left:114px;
	margin-top:20px;
}
#ajax_text {
	clear:both;
	float:left;
	width:100%;
	text-align: center;
	margin-top:10px;
}
#callBackShade {
	background-color:#000000;
	height:100%;
	width:100%;
	position:fixed;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	opacity:0.6;
	display:none;
	z-index:98;
}

/** help section styles **/

div.help_block {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 20px;
	display: none;
}

div.help_block_selected {
	display: block;
}

div.help_block h2 {
	color: #c32a34;
	font-size: 18px;

}

#help_submit_button {
	float: right;
	margin-right: 330px;
	background: #c32a34;
	border: solid 1px #999;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.help_jump_holder {
	background: #f5f5f5;
	padding: 20px;
	margin-bottom: 20px;
}

.help_jump_holder select {
	width: 400px;
}

ul.cont_details {
	list-style-type: none;
}

ul.cont_details li {
	padding-left: 180px;
	position: relative;
	padding-bottom: 10px;
}

ul.cont_details li span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

p.help_success_message {
	font-weight: bold;
}


#site_header_message {
	height:26px;
		float:left;
		padding-top:6px;
		position:absolute;
		margin-left:-354px;
		margin-bottom:10px;
		padding-left:20px;
		padding-right:20px;
		padding-top:8px;
		color:#FFFFFF!important;
		color:green;
		clear:both;
}

/** new help menu **/

#help_menu {
	background: #f5f5f5;
	padding-top: 10px;
}

#help_menu ul {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#help_menu li {
	float: left;
	width: 232px;


	margin-right: 10px;
	margin-bottom: 10px;
}

#help_menu li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #c32a34;
	min-height: 35px;
}

#help_menu li a:hover {
	background: #777 !important;
}

#help_menu li a.help_menu_active {
	background: #333 !important;
}


.clear_float {
	clear: both;
}


/** checklist link **/
ul.checklist_link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.checklist_link li {
	margin-bottom: 2px;
}

ul.checklist_link li a {
	background: #ededed;
}

span.checklist_incomplete {
	background: #FF6633;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	margin-left: 2px;
	width: 36px;
	text-align: center;
	display: block;
	float: left;
	font-size: 12px;
}

span.checklist_completed {
	background: rgb(204, 255, 102);
	padding: 2px 2px 2px 2px;
	display: inline-block;
	margin-left: 2px;
	width: 36px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
}

ul.checklist_link li.checklist_incomplete a {
	background: #f33;
}

ul.checklist_link li.checklist_incomplete a:hover {
	background: #FF5C5C;
}

ul.checklist_link li.checklist_completed a {
	background: #5CD65C;
}

ul.checklist_link li.checklist_completed a:hover {
	background: #7DDE7D;
}

ul.checklist_link a {
	display: block;
	color: #000;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

ul.checklist_link a span {
	font-weight: bold;
}

/** checklist **/

.cl_holder {
	width: 720px;
	float: left;
}

.list_item {
	background: #ededed;
	padding: 10px;
	margin-bottom: 10px;
}

.cl_holder .NO {
	background: #FF6633;
}

.cl_holder .YES {
	background: rgb(204, 255, 102);
}

.list_item h3 {
	margin: 0;
	padding: 0 0 10px 0;
}

div.cl_control_holder {
	width: 100px;
	float: left;
}

ul.cl_update_info {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.cl_update_info li {
	line-height: 19px;
}

ul.cl_update_info li span {
	font-weight: bold;
}

div.checklist_sidebar {
	background: #cedee8;
	width: 200px;
	float: right;
	padding: 10px;
}

tr.set_upload_block td {
	padding-bottom: 20px;
}


#ocr:hover {
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}


.photo img {
	width:238px;
	height:148px;
	margin-left:2px;
	margin-top:2px;
	float:left;
}
.photo {
	float:left;
	background:#CCC;
	width:242px;
	height:152px;
	margin-left:2px;
	margin-bottom:2px;
}
.photo:hover{
	opacity: 0.8
}

.photo_label {
	position:absolute;
	background:#000;
	width:242px;
	height:28px;
	margin-top:120px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	color:#FFF;
	text-align:center;
	display:none;
}

.photo_label a {
	color:#FFF;
	float:right;
	margin-right:8px;
	margin-top:4px;
}
.photo_label a:hover {
	color:#999;
	text-decoration: none;
}


.photo_label_text {
	float:left;
	margin-left:8px;
	margin-top:5px;
}

/* Reports */
.add {
	color:green;
}
.subtract {
	color:red;
}

/* Table Styling */
.table {
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	width: 100%;
	margin-bottom: 18px;
}
.table th, .table td {
	padding: 4px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table th, .table td, .table td span {
	font-size: 12px;
}
.table th {
	font-weight: bold;
}
.table thead th {
	vertical-align: bottom;
	background: none;
}
.table thead:first-child tr th, .table thead:first-child tr td {
	border-top: 0;
}
.table tbody + tbody {
	border-top: 2px solid #ddd;
}
.table-condensed th, .table-condensed td {
	padding: 4px 5px;
}
.table-bordered {
	border: 1px solid #ddd;
	border-collapse: collapsed;
	*border-collapse: collapsed;
/*	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}
.table-bordered th,
.table-bordered td {
	border: 1px solid #ddd;
	/*border-left: 1px solid #DBDBDB;*/
}
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
/*	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;*/
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
/*	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;*/
}
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
/*	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;*/
}
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
/*	-webkit-border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;*/
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
	background-color: #f9f9f9;
}
.table tbody tr:hover td, .table tbody tr:hover th {
	background-color: #f5f5f5;
}

td.left-align-td, th.left-align-th {
	text-align: left;
}

td.center-align-td, th.center-align-th {
	text-align: center;
}

td.right-align-td, th.right-align-th {
	text-align: right;
}

/* Table Styling */
table.tdonly {
	/*border: 1px solid black;*/
	border-collapse: collapse;
}
table.tdonly td {
	padding: 2px;
	border: 1px solid lightgrey;
	vertical-align: middle;
}
.table-thick-border
{
	border: 2px solid #aaa;
}

table.tdonly.full {
	width:960px;
}

table.tdonly.left {
	/*width:500px;*/
}

table.tdonly.right {
	/*width:300px;*/
}

td.si_listmode.benchmark-cell {
	background-color: white!important;
}

td.si_listmode.benchmark-cell-shade {
	background-color: rgb(224, 224, 224)!important;
}

.hidden-row {
	display: none;
}

.loading-holder {
	width :960px;
	height: 200px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.generating_pdf {
	display: block;
	width: 239px;
	height: 26px;
}
/* Footer */

#footer p{float:left;}
#footer #evergreen{float:right;}
/*.padv{padding-top:12px;padding-bottom:16px;}*/

/* File extentions */
a.pdf-link-32 {
	display: block;
	height: 32px;
	padding-left: 34px;
	background: url(/gfx/pdf.png) no-repeat
}

/* Accoridan */
#accordion {
	padding: 0px;
	margin: 0px;
}
#accordion h3 {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-indent: 18px;
	margin-bottom: 2px;
	background: #3276b1 url('/gfx/plus-white.gif') center left no-repeat;
	font-weight:normal;
	background-color: #428bca;
	border-color: #357ebd;
}
#accordion h3,
#accordion h3 a {
	outline: 0px;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
}
#accordion h3:hover {
	background-color: #3276b1;
	border-color: #285e8e;
}
#accordion h3 a:hover {
	background:none;
	text-decoration:underline;
}
#accordion div {
	margin: 0px;
	padding: 0px;
}
#accordion li {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 2px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
}
#accordion li a {
	text-decoration: none;
	line-height: 20px;
	font-size: 10px;
	padding-left: 2%;
	width: 98%;
	display: block;
}
#accordion h3.ui-state-active {
	background: #3276b1 url('/gfx/minus-white.gif') no-repeat center left;;
}
#accordion li a.active {
	color: #3276b1;
	font-weight: bold;
}

/*Store Competition CSS*/
#headers {
	padding-left:18px;
}
span.store_name {
	float: left;
	width:180px;
}
span.distance_km {
	float: left;
	width:180px;
}
span.distance_time {
	float: left;
	width:180px;
}
.multi-checkbox{border:1px solid #CCCCCC;border-width:1px 0;overflow-y:auto;overflow-x:hidden;height:150px;min-width:300px;width:580px;}
.multi-checkbox .checkbox-wrapper{padding:4px 0;}
.multi-checkbox .checkbox-wrapper label{display:inline-block;padding:1px 0;height:14px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.multi-checkbox.narrow .checkbox-wrapper label{max-width:268px;}
.multi-checkbox.wide .checkbox-wrapper label{max-width:574px;}
.multi-checkbox .checkbox-wrapper{padding:2px 18px;margin:1px}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder{visibility:visible !important;display:block;height:16px;background:orange;opacity:0.4;}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder *{visibility:hidden;}
.multi-checkbox .checkbox-wrapper.moveable:hover{outline:1px solid orange;}
.multi-checkbox .checkbox-wrapper.moveable .handle{display:none;float:left;margin-left:-18px;vertical-align:middle;}
.multi-checkbox .checkbox-wrapper.moveable .remove{display:none;float:right;margin-right:-18px;vertical-align:middle;cursor:pointer;}
.multi-checkbox .checkbox-wrapper.moveable:hover .handle, .multi-checkbox .checkbox-wrapper.moveable:hover .remove, .multi-checkbox .checkbox-wrapper.moveable:hover .edit{display:block;}
.multi-checkbox .checkbox-wrapper.moveable:last-child .move-down{display:none;}
.multi-checkbox.large{height:300px;}
.multi-checkbox label{display:block;position:relative;padding:4px 0;vertical-align:middle;}
.multi-checkbox input[type=checkbox]{box-sizing:content-box;padding:3px;margin:0;border:1px solid #aaa;vertical-align:middle;}


.service-multi-checkbox{border:1px solid #CCCCCC;border-width:1px 0;overflow-y:auto;overflow-x:hidden;height:150px;min-width:300px;width:580px;}
.service-multi-checkbox .checkbox-wrapper{padding:0;}
.service-multi-checkbox .checkbox-wrapper label{display:inline-block;padding:1px 0;height:20px;line-height:20px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.service-multi-checkbox.narrow .checkbox-wrapper label{max-width:268px;}
.service-multi-checkbox.wide .checkbox-wrapper label{max-width:574px;}
.service-multi-checkbox.large{height:300px;}
.service-multi-checkbox label{display:inline-block;position:relative;padding:4px 0;vertical-align:middle;}
.service-multi-checkbox input[type=checkbox]{box-sizing:content-box;padding:3px;margin:0;border:1px solid #aaa;vertical-align:middle;}

/* CSS for autocomplete */
.ui-autocomplete-loading { background: white url('/egc/gfx/ui-anim_basic_16x16.gif') right center no-repeat!important; }
.options-loading { padding-left:20px;background: white url('/egc/gfx/ui-anim_basic_16x16.gif') left center no-repeat; }

/* Job Contact/Engineer select styles */
span.contact_name {
	vertical-align: top;
	display: inline-block;
	width:150px;
}
span.contact_detail {
	vertical-align: top;
	display: inline-block;
	width:250px;
}
span.contact_roles {
	vertical-align: top;
	display: inline-block;
	width:130px;
}

span.engineer_name {
	vertical-align: top;
	display: inline-block;
	width:150px;
}
span.engineer_detail {
	vertical-align: top;
	display: inline-block;
	width:250px;
}
span.engineer_role {
	vertical-align: top;
	display: inline-block;
	width:130px;
}
table, td, th {
	border:none;
}
a img {outline : none;}
img {border : 0;}

.login-box {
	width:100%;
	box-sizing: border-box;
	max-width:500px;
	margin:0 auto;
	border: 1px solid #ccc;
	padding:5px
}

.dashboard-visit a {
	color: white;
	text-align: left;
	text-decoration: none;
	display: block;
	line-height: 20px;
	transition: background-color 0.5s ease;
}

.INPROGRESS {
	background: #f08a24;
	border: 1px solid #de770f;
}

.INPROGRESS:hover {
	background: #de770f;
	border: 1px solid #f08a24;
}

.CANCELLED, .SENTTOENGINEER {
	background: #f04124;
	border: 1px solid #de2b0f;
}

.CANCELLED:hover, .SENTTOENGINEER:hover {
	background: #de2b0f;
	border: 1px solid #f04124;
}

.COMPLETE {
	background: #43ac6a;
	border: 1px solid #3a945b;
}

.COMPLETE:hover {
	background: #3a945b;
	border: 1px solid #43ac6a;
}

.STARTED, .ENGINEERCOMPLETED, .ACCEPTEDBYLEADENGINEER {
	background: #008cba;
	border: 1px solid #007ba0;
}

.STARTED:hover, .ENGINEERCOMPLETED:hover, .ACCEPTEDBYLEADENGINEER:hover {
	background: #007ba0;
	border: 1px solid #008cba;
}

span.job-status {
	white-space:nowrap;
	padding:5px;
	text-align:center;
	line-height:15px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display:block;
	color:white;
	width: 100%
	box-sizing: border-box;
}


.fixed-buttons {
	position: fixed;
	bottom: 0px;
	background: white;
}

/* Tag CSS */
.wrapper > #container {
	position: relative;
}
span.si_mcb_colours {
	display: inline-block;
	border: 1px #CCC solid;
	border-width: 0 1px 1px 0;
	padding: 2px;
	font-size: 12px;
	max-width: 16.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
#tagdiv {
	position: absolute;
	top: 81px;
	left: 134px;
	border: 1px solid #ccc;
	background: white;
	padding: 8px 8px 0 8px;
	width: 300px;
	z-index: 5;
	display: none;
}
.taglabel.checked {
	background-image: url(/egc/gfx/tristate-checked.png);
}
.taglabel.unchecked {
	background-image: url(/egc/gfx/tristate-unchecked.png);
}
.taglabel.partial {
	background-image: url(/egc/gfx/tristate-partial.png);
}
.taglabel {
	padding: 0px 0 0px 25px;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
#tagdiv > .sortable-heading {
	margin: 0;
	line-height: 40px;
}

#tagdiv > .sortable-heading > .fright {
	float: right;
}

#tagdiv > .sortable-heading > .fright > .sortable-source-filter {
	padding-left: 20px;
	padding-right: 20px;
}

#tagdiv > .sortable-heading > .sortable-source-filter-wrapper .search, #tagdiv > .sortable-heading > .sortable-source-filter-wrapper .clear {
	position: absolute;
	top: 12px;
}

#tagdiv > .sortable-heading > .sortable-source-filter-wrapper .search {
	left: 2px;
}

#tagdiv > .sortable-heading > .sortable-source-filter-wrapper .clear {
	right: 2px;
	cursor: pointer;
}

#tagdiv .sortable-source-filter-wrapper {
	position: relative;
	display: inline-block;
}

#labelbutton {
	text-decoration: none;
}

#tagdiv > .sortable {
	border: 1px solid #CCCCCC;
	border-width: 1px 0;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 150px;
	max-height: 600px;
	min-width: 300px;
	position: relative;
}

#message-centre {
	border: 1px solid #c32a34;
	color: #c32a34;
	display: none;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	height: 37px;
	line-height: 1.5;
	padding: 5px;
	width: 300px;
}

#message-centre a {
	color: #a3252d;
}

#message-dueJobs {
	border: 1px solid #c32a34;
	color: #c32a34;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	height: 37px;
	line-height: 1.5;
	padding: 5px;
	width: 200px;
}

#message-dueJobs a {
	color: #a3252d;
}

#message-onCall {
	border: 1px solid #c32a34;
	color: #c32a34;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	height: 37px;
	line-height: 1.5;
	padding: 5px;
	width: 220px;
	margin-left: -1px;
}

#message-onCall a {
	color: #a3252d;
}

.sage-params-outer {
	background-color: #f4f4f4;
	border: 1px solid black;
	display: none;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.sage-params-buffer {
	clear: both;
	display: none;
}

.sage-params-date {
	margin: 0 10px;
}