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

/** Reset **/
html, body, div, a:link, a:hover, a:visited, a:active, a, img, a img, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  pre, form, fieldset, table, th, td, span {
	margin: 0;
	padding: 0;
	border: 0;
}

/** General **/
body {
	background: url('../images/layout/bodybg.jpg') top left repeat;
	min-width: 960px;
	/*font-family: Shanti, Helvetica, Arial, sans-serif;*/
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 11px;
}

#bg_wrap {
	background: url('../images/layout/wrapbg.jpg') repeat-x top left;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 960px;
	min-height: 100%;
	height: auto;
}

#pageleft, .left {
	float: left;
}

#pageleft {
	width: 140px;
}

#pageright, .right {
	float: right;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.smallspace {
	margin: 8px;
}

.clear {
	clear: both;
}


.inactive {
	color: #888888;
	font-style: italic;
}

.dnone {
	height: 0;
	width: 0;
	display: none;
	visibility: hidden;
	border: 0;
	outline: 0;
}

.mid, .halfdata table .datahead.mid {
	vertical-align: middle;
}
table.left-align-header th {text-align:left;padding-left:8px;line-height:22px}
table.left-align-header th:first-child {padding-left:12px;}
.dcadd {
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.halfdata #pricing {
	margin-top: 5px;
	width: 500px;
}

.half {
	float: left;
	width: 48%;
	margin: 4px;
}

.border {
	border: 2px solid #222222;
}

.blackoverlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	z-index: 20000;
	-moz-opacity: .75;
	filter: alpha(opacity = 75);
	opacity: .75;
}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	margin: 2px 0;
}

h1 {
	font-size: 24px;
	line-height: 30px;
}

h2 {
	font-size: 22px;
	line-height: 28px;
}

h3 {
	font-size: 18px;
	line-height: 24px;
}

h2.drop {
	cursor: pointer;
}

h4 {
	font-size: 16px;
}

p, a, td {
	/*font-family: Shanti, Helvetica, Arial, sans-serif;*/
	font-family: "Helvetica Neue, Arial", sans-serif;
	font-size: 12px;
}

a {
	color: #205eb3;
	text-decoration: underline;
}

a:hover {
	color: #16417b;
}

.bold {
	font-weight: bold;
}

span.hidden {
	display: none;
}

span.small, a.small, p.small {
	font-size: 10px;
}

.italic {
	font-style: italic;
}

span.error {
	font-size: 12px;
	color: #FF0000;
}

p.smalltext {
	font-size: 10px;
}


.size_click {
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.imgicon {
	margin-bottom: -4px;
	float: left;
	margin-right: 5px;
}



#logo {
    width: 360px;
    float: right;
    height: 60px;
    margin-bottom: 10px;
    margin-top: 20px;
    background-image: url('../images/layout/applicationlogo.png');
    background-size: auto 60px;
    background-repeat: no-repeat;
}


div.hrule {
	background-color: #000000;
	height: 1px;
	width: 100%;
}

p.error {
	color: #aa4444;
	margin-top: 4px;
	margin-bottom: 0;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

div.systemerrors {
	background: #f4caca;
	width: 680px;
	font-size: 16px;
	padding: 10px 20px;
	margin: 3px auto 6px auto;
	text-align: left;
	background: #a22a00;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a22a00', endColorstr='#6e1d00');
	background: -webkit-gradient(linear, left top, left bottom, from(#a22a00), to(#6e1d00));
	background: -moz-linear-gradient(top,  #a22a00,  #6e1d00);   
	
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #b85454;
	-webkit-box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #b85454;
	box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #b85454;
 	behavior: url('/css/PIE.htc');
}

div.systemmsg {
	background: #9adcb4;
	width: 680px;
	font-size: 16px;
	padding: 10px 20px;
	margin: 3px auto 6px auto;
	min-height: 13px;
	
	text-align: left;
	background-color: #00A264;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A264', endColorstr='#00663f');
	background: -webkit-gradient(linear, left top, left bottom, from(#00A264), to(#00663f));
	background: -moz-linear-gradient(top,  #00A264,  #00663f);   
	
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #2d9b6b;
	-webkit-box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #2d9b6b;
	box-shadow: 2px 2px 3px #444444, inset -1px 1px 1px #2d9b6b;
 	behavior: url('/css/PIE.htc');
}
.systemerrors p, .systemmsg p {
    font-family: "Futura Std", "Century Gothic", "Helvetica Neue", "Arial", sans-serif;
    color: #FFFFFF;
    text-shadow: 1px -1px 1px rgba(68, 68, 68, 0.8);
    font-size: 14px;
    width: 650px;
    display: inline-block;
}

.systemerrors a, .systemmsg a {
    font-family: "Futura Std", "Century Gothic", "Helvetica Neue", "Arial", sans-serif;
    font-size: 12px;
	text-shadow: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	width: 10px;
}

.systemerrors a.sysclose, .systemmsg a.sysclose {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
}

.systemerrors a.sysclose:hover, .systemmsg a.sysclose:hover {
	color: #222222;
}
   
div.normaldiv {
	background: #cfcfcf;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB) to(#CFCFCF));
    background: -webkit-linear-gradient(#EBEBEB, #CFCFCF);
    background: -moz-linear-gradient(#EBEBEB, #CFCFCF);
    background: -ms-linear-gradient(#EBEBEB, #CFCFCF);
    background: -o-linear-gradient(#EBEBEB, #CFCFCF);
    background: linear-gradient(#EBEBEB, #CFCFCF); 
 	-pie-background: linear-gradient(#EBEBEB, #CFCFCF);
 	width: 780px;
	padding: 10px;
	margin: 0 auto;
	/*border-top: 2px solid #666666;*/
}

td.space {
	width: 10px;
}

td.h_space {
	height: 10px;
}

div.loader {
	height: 18px;
	width: 18px;
	display: inline-block;
	margin: 5px 4px 0 1px;
	float: right;
	background: url(../images/layout/ajax-loader.gif) center center no-repeat;
	visibility: hidden;
}

.light.repeat, .light.repeat td, .formtable .light.repeat td {
	background-color: #5C77B4;
}
.dark.repeat, .dark.repeat td, .formtable .dark.repeat td {
	background-color: #4863A0;
}




.light, .light td {
	background-color: none;
}
.light.incomplete-info, .light.incomplete-info td, .formtable .light.incomplete-info td {
	background-color: #5C77B4;
}
.light.on-hold, .light.on-hold td, .formtable .light.on-hold td {
	background-color: #FFFD8A;
}
.light.special-instructions, .light.special-instructions td, .formtable .light.special-instructions td {
	background-color: #E55451;
}
.light.to-complete, .light.to-complete td, .formtable .light.to-complete td {
	background-color: #54AA36;
}
.dark, .dark td {
	background-color: #fdfdfd;
}
.dark.incomplete-info, .dark.incomplete-info td, .formtable .dark.incomplete-info td {
	background-color: #4863A0;
}
.dark.on-hold, .dark.on-hold td, .formtable .dark.on-hold td {
	background-color: #FFF380;
}
.dark.special-instructions, .dark.special-instructions td, .formtable .dark.special-instructions td {
	background-color: #DB4A47;
}
.dark.to-complete, .dark.to-complete td , .formtable .dark.to-complete td  {
	background-color: #4AA02C;
}
.incomplete a, .special-instructions a, .ready a, .incomplete-info a {color:#000;font-weight:bold}

table {
	border-collapse: collapse;
}


.tooltip {
	position: absolute;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
	opacity: 0;
	display: none;
	background: url(../images/layout/tooltip.png) left top no-repeat;
	min-height: 19px;
	max-width: 728px;
	padding: 8px 4px 4px 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
}

.tooltip p {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 4px;
}

.button {
	background-color: #007ea2;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ea2', endColorstr='#02637e');
	background: -webkit-gradient(linear, left top, left bottom, from(#007ea2), to(#02637e));
	background: -moz-linear-gradient(top,  #007ea2,  #02637e);
    
    border: 1px solid #004052;
    box-shadow: 0 2px 0 #004052;
    color: #FFFFFF;
    line-height: 17px;
    padding: 3px 12px;
    vertical-align: baseline;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	margin: 2px 10px 4px 10px;
	display: block;
	float: left;
	position: relative;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;

    /*height: 28px;
	width: 150px;
	color: #000000;
	background: url('../images/layout/button.png') right center no-repeat;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	padding-top: 2px;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;*/
}

.button.submit {
	outline: none;
}


.button:hover {
	color: #CCCCCC;
}

.button.red {
	background-color: #a22a00;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a22a00', endColorstr='#6e1d00');
	background: -webkit-gradient(linear, left top, left bottom, from(#a22a00), to(#6e1d00));
	background: -moz-linear-gradient(top,  #a22a00,  #6e1d00);   
   
    border-color: #461200;
    box-shadow: 0 2px 0 #461200;
}

.button.green {
	background-color: #00A264;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A264', endColorstr='#00663f');
	background: -webkit-gradient(linear, left top, left bottom, from(#00A264), to(#00663f));
	background: -moz-linear-gradient(top,  #00A264,  #00663f);   
	
    border-color: #004229;
    box-shadow: 0 2px 0 #004229;
}

.button.orange {
	background-color: #a26300;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a26300', endColorstr='#684000');
	background: -webkit-gradient(linear, left top, left bottom, from(#a26300), to(#684000));
	background: -moz-linear-gradient(top,  #a26300,  #684000);   
	
    border-color: #3e2600;
    box-shadow: 0 2px 0 #3e2600;
}

.button:active { margin-top: 3px; margin-bottom: 3px; box-shadow: 0 1px 0 #01526c; }
.button.red:active { box-shadow: 0 1px 0 #6c0e01; }
.button.green:active { box-shadow: 0 1px 0 #016C43; }

.button span {
	display: block;
	height: 21px;
	width: 100%;
	color: #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	text-align: center;
	position: absolute;
	left: -6px;
	top: 0;
	vertical-align: middle;
	overflow: hidden;
}
.button.savenewadd span, .button.line-item-form-button span, .button.email-estimate-button span, .button.view-partial-estimate span, .partial-complete-button span  {
	position:static;
	padding-left:0;
}

.button p {
	display: inline;
}

.button p.text {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	padding-top: 2px;
	margin-top: 3px;
}

#buttonbar .button {
	margin-bottom: 0;
}

.notfound { 
	color: #FF0000;
}

.newjob {
	height: 12px;
	width: 12px;
	background: url('../images/layout/job_sprite.png') no-repeat;
	display: inline-block;
	margin: 0 6px -1px 0;
}

#jobstatus, #manualjobstatus {
	display: inline-block;
	margin: 5px 20px 10px 5px;
	
}

#flagalert {
	border: 2px solid #880000;
	display: block;
	width: 400px;
	padding: 16px;
	text-align: center;
	color: #880000;
	background: #f4e461;
	margin: 2px auto 8px auto;
	font-size: 14px;
}

.save {
	background-position: 0 0;
}

.savenew {
	background-position: -14px 0;
}

.schedule {
	background-position: -28px 0;
}

.info {
	background-position: -40px 0;
}

.edit {
	background-position: -53px 0;
}

.checkin {
	background-position: -80px 0;
}

.checkout {
	background-position: -66px 0;
}

.attach {
	background-position: -92px 0;
}

.clear {
	background-position: -105px 0;
}

#noprintbutton {
	display: block;
}

/** File Uploaders **/

.uploadqueue {
	display: none;
	background-color: #444444;
	min-height: 30px;
	width: 300px;
	margin-top: 10px;
}

.fileattachbutton {
	cursor: pointer;
}

.uploadqueue .file_entry_queue {
	height: auto;
	min-height: 26px;
	width: 288px;
	border: 2px solid #ebebeb;
	color: #000000;
	padding: 4px;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ebebeb;
}

.uploadqueue .file_entry_queue p.filename {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.uploadqueue .file_entry_queue p.filename .filesize, .uploadqueue .file_entry_queue .queuestatus {
	margin-left: 10px;
}

.uploadqueue .file_entry_queue.progress {
	background-color: #D6AA63;
}

.uploadqueue .file_entry_queue.complete {
	background-color: #99D1A8;
}

.uploadqueue .file_entry_queue.error {
	background-color: #C9555C;
}

.uploadqueue .file_entry_queue .progressholder {
	width: 250px;
	margin: 5px 0;
	background: url('../images/layout/upload_progressbackground.jpg') repeat-x center #444444;
	border: 1px solid #888888;
	height: 5px;
	display: inline-block;
	float: left;
}

.uploadqueue .file_entry_queue .progressholder .progress {
	height: 5px;
	background: url('../images/layout/upload_progressbar.jpg') repeat-x center #21a01c;
	width: 0;
}

.uploadqueue .file_entry_queue .perc {
	display: inline;
	float: right;
	margin-right: 5px;
	font-size: 11px;
}


/** Forms **/

.textbox {
	height: 28px;
	width: 241px;
	position: relative;
	background: url(../images/layout/textbox_sprite.jpg) center top no-repeat;
}

.fakebox {
	height: 15px;
	width: 231px;
	position: relative;
	padding: 7px 4px 4px 4px;
	color: #444444;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:	11px;
	font-style:	normal;
	border: 1px solid #777777;
}

.textbox.small {
	width: 170px;
	background: url(../images/layout/textbox_small_sprite.jpg) center top no-repeat;
}

.textbox.tiny {
	width: 30px;
	background: url(../images/layout/textbox_tiny_sprite.jpg) right top no-repeat;
}

.textbox.ktiny {
	width: 65px;
	height: 26px;
	background: url(../images/layout/textbox_small_sprite.jpg) 50% -1px no-repeat;
	border: 1px solid #444444;
}

.textbox.error {
	background-position: center -56px;
}

.textbox.approved {
	background-position: center -28px;
}

.textbox.disabled {
	background-position: center -84px;
}

.textbox input {
	background: none;
	outline: none;
	margin: none;
	border: none;
	vertical-align: middle;
	width: 210px;
	float: left;
	padding: 8px 4px 4px 4px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 100;
	color: #444444;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:	11px;
	font-style:	normal;
}

.textbox .pw {
	color: #CCCCCC;
}

.textbox.small input {
	width: 139px;
}

.textbox.tiny input {
	width: 25px;
}

.textbox.ktiny input {
	width: 55px;
}

.textbox.noload input {
	width: 215px;
}

.textbox.small.noload input {
	width: 160px;
}

.textbox.ktiny.noload input {
	width: 60px;
}

.textarea {
	height: 183px;
	width: 480px;
	position: relative;
	background: url(../images/layout/textarea_sprite.jpg) center top no-repeat;
	border: 1px solid #777777;
}

.textarea.small, .textarea.short {
	height: 80px;
	background-position: center -5px;
}

.textarea.short {
	width: 316px;
	background: url(../images/layout/textarea_sprite_short.jpg) center top no-repeat;
}

.textarea.error {
	background-position: center -368px;
}

.textarea.approved {
	background-position: center -184px;
}

.textarea.disabled {
	background-position: center -554px;
}

.textarea textarea {
	background: none;
	outline: none;
	margin: none;
	border: none;
	vertical-align: middle;
	height: 165px;
	width: 462px;
	padding: 6px 14px;
	resize: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 100;
	color: #444444;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:	11px;
	font-style:	normal;
}
label.statement-message {font-size:14px;font-weight:bold}
.textarea.statement-note {width:320px;height:80px}
.textarea.statement-note textarea {width:302px;height:80px}
.textarea.statement-message-textarea {height:80px;margin-bottom:20px}
.textarea.statement-message-textarea textarea {height:80px}
.textarea.small textarea, .textarea.short textarea {
	height: 70px;
}

.textarea.short textarea {
	width: 310px;
}

.progressbar_parent {
	height: auto;
	background: none;
	width: 90%;
	display: block;
	border: 1px solid #888888;
	margin-top: 2px;
	float: left;
	visibility: hidden;
}

.progressbar {
	background-color: #000000;
	display: block;
	width: 0;
	height: 2px;

}

.remaining {
	font-size: 8px;
	display: inline-block;
	float: left;
	margin-left: 5px;
	visibility: hidden;
}

.dropdown_results {
	position: absolute;
	top: 28px;
	left: 0;
	width: 239px;
	border: 1px solid #444444;
	border-top: none;
	background: #FFFFFF;
	display: none;
	z-index: 2000;
}

.dropdown_results div {
	color: #444444;
	font-size: 12px;
	min-height: 20px;
	padding: 2px 4px;
	cursor: pointer;
	width: 231px;
	display: block;
	margin: 0;
}

.dropdown_results .light {
	background-color: none;
}

.dropdown_results .dark {
	background-color: #ebebeb;
}

.dropdown_results .selected {
	background-color: #c7d9ed;
}

.dropdownbox select {
	width: 241px;
}

.dropdownbox.error {
	outline: 2px solid #880000;
}

.ajax_drop_search {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 100;
	color: #444444;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:	11px;
	font-style:	normal;
	font-weight: 100;
}

.addnew {
	margin-top: 8px;
	display: block;
}

.caps {
	text-transform: uppercase;
}

#true_result {
	display: none;
}

.ghost_search {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 5px;
	width: 210px;
	height: 22px;
	overflow: hidden;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:	11px;
	font-style:	normal;
	font-weight: 100;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-transform: uppercase;
}

.ghost_search .typed, .ghost_search .retrieved {
	position: relative;
	top: 8px;
	left: 0;
	height: 22px;
	overflow: hidden;
}

.ghost_search .typed {
	color: #000000;
	visibility: hidden;
	height: 22px;
	overflow: hidden;
}

.ghost_search .retrieved {
	color: #999999;
}

.submit_button {
	background: url(../images/layout/button.png) center bottom no-repeat;
	width: 150px;
	height: 38px;
	outline: none;
	border: none;
	cursor: pointer;
	
}


#hidesubmit {
	/*height: 0;
	width: 0;
	border: none;
	outline: none;
	background: none;
	color: none;
	font-size: 0;
	display: none;
	visibility: hidden;*/
}

.formnote {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 5px 2px;
	display: block;
}

.c_container, .l_container {
	display: none;
}

.c_info {
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	cursor: pointer;
}

.contact_name {
	margin: 2px 5px;
}

.c_info .contact_email {
	height: 14px;
	width: 14px;
	display: inline-block;
	background: url(../images/layout/email.png) center center no-repeat;
}

/** Status Icon Sprites **/
.status_sprite {
	height: 36px;
	width: 36px;
	background: url(../images/layout/status_sprite.png) no-repeat;
}

.large_status_sprite {
	height: 60px;
	width: 60px;
	background: url(../images/layout/status_sprite.png) no-repeat;
}

.status_sprite.processing {
	background-position: -1px -156px;
}

.status_sprite.field {
	background-position: -6px -308px;
}

.status_sprite.research {
	background-position: -1px -337px;
}

.status_sprite.routing {
	background-position: -3px -372px;
}

.status_sprite.review {
	background-position: -1px -404px;
}

.status_sprite.due_soon {
	background-position: -1px -55px;
}

.status_sprite.entered {
	background-position: -2px -619px;
}

.status_sprite.ordered {
	background-position: -4px -585px;
}

.status_sprite.drafting {
	background-position: -1px -438px;
}

/* Overdue Sprites */

.status_sprite.overdue {
	background-position: -1px -3px;
}

.status_sprite.entered.overdue {
	background-position: -2px -1053px;
}

.status_sprite.routing.overdue {
	background-position: -3px -372px;
}

.status_sprite.research.overdue {
	background-position: -1px -867px;
}

.status_sprite.field.overdue {
	background-position: -6px -962px;
}

.status_sprite.review.overdue {
	background-position: -1px -813px;
}

.status_sprite.ordered.overdue {
	background-position: -4px -1006px;
}

.status_sprite.drafting.overdue {
	background-position: -1px -915px;
}

/* Sprites that override overdue */

.status_sprite.done {
	background-position: -1px -105px;
}

.status_sprite.hold {
	background-position: -1px -705px;
}

.status_sprite.billed {
	background-position: -1px -471px;
}

.status_sprite.paid {
	background-position: -1px -507px;
}

.status_sprite.archive {
	background-position: -1px -665px;
}

.status_sprite.cancelled {
	background-position: -1px -544px;
}

.large_status_sprite.normal {
	background-position: -1px -192px;
}

.large_status_sprite.urgent {
	background-position: -1px -254px;
}

.duplicatecheck {
	position: absolute;
	top: -200px;
	left: 0px;
	display: none;
	background-color: #dbe7eb;
	padding: 8px;
	border: 2px solid #999999;
	width: 200px;
}

.duplicatecheck a {
	display: block;
	margin: 4px 0;
}

#contact_load {
	padding: 8px;
	border: 1px solid #999999;
}

#filequeue, #attachqueue {
	width: 490px;
	background-color: #ebebeb;
	margin-top: 10px;
	min-height: 100px;
	height:auto !important;
	height: 100px;
}

#attachqueue {
	height: 20px;
}

.file_delete {
	height: 10px;
	width: 10px;
	background: url('../images/layout/file_delete.png') left center no-repeat;
	display: block;
	float: left;
	margin: 5px;
	cursor: pointer;
}

.file_delete:hover {
	background-position: right center;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	margin: 5px;
}

/** Status Bar **/

#moveit {
	height: 50px;
	width: 81px;
	cursor: pointer;
	position: fixed;
	top: 30px;
	right: 20px;
	background: url(../images/layout/status_bar_pulldown.png) bottom center no-repeat;
}

#status_bar_wide {
	width: 100%;
	height: 41px;
	background: url(../images/layout/status_bar_bg.png) top center repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

#status_bar {
	background: url(../images/layout/status_bar_right.jpg) top right no-repeat;
	height: 33px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#status_bar_welcome {
	font-family: PT Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 8px 4px;
	float: left;
	font-size: 14px;
	position: relative;
	top: 0;
	left: 0;
}


#status_bar #topbarextra {
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}

#status_bar #topbarextra a {
	color: #222222;
}
/*
#status_bar .icon {
	height: 29px;
	width: 29px;
	background: url(../images/layout/status_bar_sprite.png) center no-repeat;
	float: right;
	margin: 0 3px;
}

#status_bar .icon:hover {
	background-color: #888888;
	outline: 4px solid #888888;
}

#status_bar #settings {
	background-position: 4px 6px;
}

#status_bar #log_out {
	background-position: -31px 6px;
}

#status_bar #sendannouncement {
	background-position: -67px 6px;
}
*/


#status_bar #icons {
	float: right;
	margin-right: 200px;
	cursor: pointer;
	display: inline-block;
	width: 350px;
}

#status_bar #icons div {
	float: right;
	padding: 8px;
}

#status_bar .icon a {
	display: block;
	height: 100%;
	width: 100%;
}

#status_bar #notificationalert {
	display: block;
	height: 26px;
	width: 16px;
	float: left;
	margin-left: 2px;
	background: url(../images/layout/status_bar_notification.png) 1px 3px repeat-y;
	cursor: pointer;
	text-align: center;
	padding-top: 7px;
	padding-right: 1px;
	color: #880000;
}

#status_bar #notificationalert:hover {
	background-color: #888888;
}

.bwarning_container {
	position: absolute;
	top: 0;
	width: 100%;
}

.browserwarning {
	background-color: #f4caca;
	width: 750px;
	position: relative;
	top: 20px;
	padding: 20px 10px 10px 10px;
	margin: 0 auto;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url('/css/PIE.htc');
	font-size: 12px;
	text-align: center;
}

.browserwarning a {
	font-size: inherit;
}

#notificationdrop {
	width: 400px;
	position: absolute;
	top: 33px;
	left: 2px;
	border-bottom: 2px solid #444444;
	display: none;
}

#notificationdrop a {
	text-decoration: none;
	color: #222222;
	display: block;
	height: 100%;
	width: 380px;
	padding: 10px;
}

#notificationdrop a:hover {
	text-decoration: underline;
}

#notificationdrop .notif, #notificationdrop .view {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #444444;
}

#notificationdrop .light {
	background-color: #FFFFFF;
}

#notificationdrop .dark {
	background-color: #CCCCCC;
}

#notificationdrop .unread {
	background-color: #f8d185;
}

#notificationdrop .view {
	border-top: 2px solid #444444;
	background: url(../images/layout/notifications_view.jpg) left center repeat-x;
	text-align: center;
	font-weight: bold;
}

#notificationdrop .notif:hover {
	background-color: #c7d9ed;
}

#welcome {
	text-shadow: 1px 1px 0 rgba(256, 256, 256, 0.5);
}

/** Content Wrapper **/
#wrapper {
	width: 932px;
	margin: 0 auto;
	padding: 45px 12px 35px 12px;
	border-left: 2px solid #888888;
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
}

#wrapper img#idty {
	position: relative;
	top: 5px;
	left: 0;
}

/** Side Navigation **/
#side_nav {
	width: 137px;
	position: relative;
	top: 20px;
	left: 0;
	margin-bottom: 6px;
	/* background: url(../images/layout/nav_background.jpg) top center repeat-y; */
}

#side_nav #navlist {
	margin: 0;
	background-color: #dddddd;
	overflow: hidden;
}

#side_nav #navlist li {
	list-style: none;
	height: 30px;
	width: 137px;
	background: url(../images/layout/nav_item_bg.jpg) bottom center no-repeat;
}

#side_nav #navlist li:hover {
	background-position: top center;
}

#navlist li a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	display: block;
	width: 121px;
	font-weight: bold;
	padding: 6px;
}

#side_nav #navlist .sub.closed {
	display: none;
}

#side_nav #navlist .sub.open {
	display: block;
}

#side_nav #navlist .sub li {
	height: 20px;
	background: none;
	width: 137px;
}

#side_nav #navlist .sub li:hover {
	background: url(../images/layout/nav_sub_bg.jpg);
}

#side_nav #navlist .sub li:hover a {
	color: #FFFFFF;
	text-shadow: none;
}

#side_nav #navlist .sub li a {
	font-weight: normal;
	padding: 2px 20px;
	width: 137px;
	font-size: 11px;
}

#side_nav #quicksearch {
	background-color: #CCCCCC;
	border-radius: 0 0 10px 10px;
	border-left: 1px solid #888888;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	padding: 6px;
	z-index: 1000;
	position: relative;
	behavior: url('/css/PIE.htc');
	text-align: center;
}

#side_nav #quicksearch input#quickinput {
	width: 45%;
	margin: 0 auto;
	background-color: #eeeeee;
	border: 1px solid #888888;
	outline: none;
}

/** Main Content **/

#content {
	position: relative;
	top: 42px;
	left: 0;
	width: 790px;
	padding-top: 0;
}

.normaldiv h1 {
	text-shadow: 2px 2px 0 rgba(256, 256, 256, 0.5);
}
/** Top Messages **/

.message {
	width: 730px;
	margin: 8px auto;
}

.message .closeit {
	height: 14px;
	width: 14px;
	background: url(../images/layout/msg_close.png) center top no-repeat;
	float: right;
	margin-right: 16px;
	cursor: pointer;
}

.msg_icon {
	height: 60px;
	width: 60px;
	float: left;
	margin: 6px 0 auto 25px;	
}

.message p {
	float: right;
	margin-right: 20px;
	padding: 2px;
	width: 570px;
}

/* Urgent */

.msg_urgent_top {
	width: 730px;
	height: 13px;
	background: url(../images/layout/msg_urgent_top.png) bottom center no-repeat;
}

.msg_urgent_bottom {
	width: 730px;
	height: 15px;
	background: url(../images/layout/msg_urgent_bottom.png) top center no-repeat;
}

.msg_urgent {
	width: 730px;
	background: url(../images/layout/msg_urgent.png) top center repeat-y;
}

/* Normal */

.msg_normal_top {
	width: 730px;
	height: 13px;
	background: url(../images/layout/msg_normal_top.png) bottom center no-repeat;
}

.msg_normal_bottom {
	width: 730px;
	height: 15px;
	background: url(../images/layout/msg_normal_bottom.png) top center no-repeat;
}

.msg_normal {
	width: 730px;
	background: url(../images/layout/msg_normal.png) top center repeat-y;
}

/** Modules **/

.module {
	width: 730px;
	margin: 0 auto 12px auto;
}

.module_head {
	height: 38px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	background: url(../images/layout/module_head.png) top right no-repeat;
}

.module_head h2 {
	font-size: 15px;
	float: left;
	padding: 4px 0 0 10px;
	text-shadow: 1px 1px 0 rgba(256, 256, 256, 0.5);
	line-height: 17px;	
}

.module_head.large {
	width: 730px;
}

.module_head .view_cont {
	float: right;
	width: 20px;
	display: inline;
	cursor: pointer;
	margin-right: 10px;
	height: 28px;
	padding-top: 5px;
	background: url(../images/layout/module_opclo.png) no-repeat 1px 10px;
}

.module_head .mod_head_button {
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	display: block;
	width: 150px;
	cursor: pointer;
	height: 28px;
	text-align: right;
}

.sortingmod {
	float: left;
	margin: 8px;
	display: block;
}

.sortingmod a {
	color: #333333;
	margin-right: 3px;
}

.module_head .mod_head_button a {
	margin-top: 5px;
	display: inline-block;
	margin-right: 5px;
}

.module_head .mod_head_button .loader {
	margin-top: 6px;
}
.module_head .view_cont.open {
	background-position: 1px 10px;
}

.module_head .view_cont.close {
	background-position: -23px 10px;
}

.module .m_contents {
	width: 690px;
	position: relative;
	top: -8px;
	left: 20px;
}

.module .m_contents .entry {
	height: 50px;
	width: 690px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

.m_contents .entry.dark {
	background-position: 0 -50px;
}

.m_contents .entry.light {
	background-position: 0 -100px;
}

.m_contents .entry.red {
	background-position: 0 -150px;
}

.m_contents .entry.flagged {
	background-position: 0 -200px;
}

.m_contents .entry:hover {
	background-position: 0 0;
}

.entry .status {
	height: 36px;
	width: 36px;
	float: left;
	margin-left: 12px;
	margin-top: 7px;
}

.entry .address {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 8px 0 0 15px;
	height: 18px;
	width: 525px;
}

.entry .duetime {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 20px;
	width: 525px;
	margin-left: 15px;
}

.entry .actions {
	height: 25px;
	float: right;
	padding-right: 12px;
	padding-top: 25px;
}
/*
.actions a {
	height: 22px;
	width: 22px;
	float: left;
	margin: 0 2px;
	text-decoration: none;
	background: url(../images/layout/module_actions.png) no-repeat;
}

.actions a.view {
	background-position: 1px 1px;
}

.actions a.edit {
	background-position: -20px 1px;
}

.actions a.email {
	background-position: -42px 2px;
}

.actions a.delete {
	background-position: -66px 1px;
}

.actions a.print {
	background-position: -89px 1px;
}

.actions a.invoice {
	background-position: -110px 1px;
}
*/
.actions a {
	float: left;
	margin: 0 2px;
	text-decoration: none;
	padding: 2px 5px;
}
.actions a:hover {
	background-color: #ebebeb;
}


/** Past Messages **/

#messages_cont .msg_normal {
	background: url(../images/layout/module_message_light.jpg) center top repeat-y;
	width: 690px;
}

#messages_cont .msg_urgent {
	background: url(../images/layout/module_message_urgent.jpg) center top repeat-y;
	width: 690px;
}

#messages_cont .msg_normal p, #messages_cont .msg_urgent p {
	width: 550px;
	padding: 5px 10px;
	float: right;
}

/** Login Page **/

#login_bg {
	background: url(../images/layout/login_bg_stripes.png) bottom right no-repeat;
	height: 700px;
	width: 800px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
}

#loginbox {
	width: 485px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	margin-top: -200px;
	padding: 30px;
	-webkit-border-radius: 35px;
    -moz-border-radius: 350px;
    border-radius: 35px;
    border: 8px solid #666666;
	behavior: url('/css/PIE.htc');
}

#logintable {
	width: 220px;
	margin: 20px auto 20px auto;
}

#formtable, .formtable {
	width: 700px;
	margin: 10px auto 10px auto;
	display: block;
	border-collapse: collapse;
}

.formtable.reports {
	width: 100%;
	margin: 0 auto;
	display: table;
}

.formtable.reports tr td {
	padding: 10px 5px;
}

.formtable.reports span {
	font-size: 12px;
}


.formtable .padded td, #formtable .padded td {
	padding: 0 15px 10px 0;
	font-size: 16px;
}

.middle, .middle td {
	vertical-align: middle;
}

.formtable .table_head .form_head {
	border-bottom: 1px solid #000000;
	padding-top: 10px;
	background: #d9d9d9;
}

.formtable .light td {
	background-color: #ebebeb;
}

.formtable .dark td {
	background-color: #CCCCCC;
}

#viewdata .formtable.view {
	width: 90%;
	padding-top: 0;
	margin-top: 0;
}

#viewdata .formtable.view h2, #viewdata .formtable.view h3, #viewdata .formtable.view div {
	float: left;
	margin-right: 4px;
	display: block;
	width: 100%;
}

#viewdata h2 {
	font-size: 18px;
}

#viewdata h3 {
	font-size: 14px;
	margin-top: 10px;
}

#viewdata .ttitle {
	margin-top: 10px;
}

#viewdata .formtable.view div {
	width: 40%;
}

#viewdata .formtable.view .files {
	width: inherit;
	display: block;
	float: none;
}

.jobfiles {
	background-color: #999999;
	border: 1px solid #000000;
	height: auto;
	padding: 10px 10px 20px 10px;
	text-align: center;
	float: left;
	margin: 2px;
	position: relative;
}


.attachment img{
height:110px;
}



.jobfiles .delete_file {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 8px;
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;

}

.underlined_row td {
	border-bottom: 1px solid #444444;
}

#logintable tr td, #formtable tr td, .formtable tr td {
	padding: 1px 8px 3px 8px;
	vertical-align: top;
}

.formtable.notop tr td {
	vertical-align: middle;
}

#logintable .login_head {
	text-align: right;

}

#formtable .form_head, .formtable .form_head, #formtable .form_head a, .formtable .form_head a {
	text-align: left;
	padding-bottom: 0;
	padding-top: 10px;
	font-size: 16px;
}


#formtable .form_head a, .formtable .form_head a {
	color: #222222;
}


#notifs {
	width: 640px;
	display: block;
	margin: 0 auto;
}

#notifs .notif_head td {
	font-size: 12px;
	color: #777777;
	border-bottom: 1px solid #CCCCCC;
}

#notifs .notificationtext, #notifs .notificationtext a {
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	width: 600px;
}

#notifs .notificationtext a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 6px;
}

#notifs .date {
	color: #555555;
	font-size: 12px;
	text-align: right;
	padding: 8px;
	width: 80px;
}

#notifs .notificationtext:hover, #notifs .notificationtext:hover a {
	text-decoration: underline;
}

#syslog {
	width: 640px;
	display: block;
	margin: 0 auto;
}

#syslogkey {
	display: block;
	margin: 0 auto;
}

#syslog .log_head td {
	font-size: 12px;
	color: #777777;
	border-bottom: 1px solid #CCCCCC;
}

#syslog .log_text {
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	width: 600px;
	padding: 6px;
}

#syslog .date {
	color: #555555;
	font-size: 12px;
	text-align: right;
	padding: 8px;
	width: 80px;
}

#syslog .code {
	height: auto;
	width: 10px;
}

#syslog .code.automation, #syslogkey .autokey  {
	background-color: #e69898;
}

#syslog .code.user, #syslogkey .userkey {
	background-color: #98c4e6;
}

#syslog .code.setting, #syslogkey .settingkey {
	background-color: #55d1a4;
}

#syslogkey td {
	padding: 2px 8px;
	cursor: pointer;
}

/* Inner Window plugin */

.innerwindow {
	border: 1px solid #444444;
	position: fixed;
	top: 30px;
	right: 20px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url('/css/PIE.htc');
	z-index: 4000;
}

.innerwindow .innerwindow_menubar {
	width: 100%;
	background-color: #CCCCCC;
	height: 20px;
	position: relative;
	border-bottom: 2px solid #444444;
	overflow: hidden;
}

.innerwindow .innerwindow_close {
	position: absolute;
	top: 0;
	right: 3px;
	height: 20px;
	width: 20px;
	background: url("../images/layout/modal_close.png") center center no-repeat;
	cursor: pointer;
}

.ui-resizable-se {
	height: 20px;
	width: 20px;
	background: url('../images/layout/resize.png') center no-repeat;
	position: absolute;
	bottom: 18px;
	right: 20px;
	cursor: se-resize;
	z-index: 10;
}

.innerwindow_content {
	padding: 8px;
	overflow: hidden;
	position: relative;
}

/* Expand/Collapse Plugin */

.expcol {
	height: 10px;
	width: 10px;
	margin: 6px;
	display: inline-block;
	float: left;
	background: url('../images/layout/expand_collapse.png') right center no-repeat;
	cursor: pointer;
}

/* View Job Page */

#viewhistory, .viewmore {
	background-color: #888888;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
	behavior: url('/css/PIE.htc');
	z-index: 500;
	position: relati
	width: 80%;
	text-align: center;
	margin: 20px auto;
	padding: 10px 16px 2px 16px;
	cursor: pointer;
}

#viewhistory h2, .viewmore h2 {
	font-size: 18px;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	font-weight: bold;
}

#viewhistory p, .viewmore p {
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin-bottom: 8px;
}

#viewhistory:hover, .viewmore:hover {
	background-color: #666666;
}

/* New view job page */

.hwrap {
	width: 365px;
	float: left;
	margin: 8px;
}

.client-lender-view img {
	max-width: 100%;
}

.halfdata {
	padding: 4px 20px 10px 20px;
	margin: 0 auto;
	width: 325px;
	background-color: #eeeeee;
}

.hshd {
	background: url('../images/layout/half_shadow.png') center top no-repeat;
	height: 24px;
	width: 335px;
	margin: 0 auto;
}

.halfdata table {
	width: 335px;
	margin: 6px auto;
	box-shadow: 0 0 6px #444444;
}

.halfdata.editjobnotes table {
	width: 485px;
}

.halfdata table.int { width: auto; }
.halfdata table.int td { vertical-align: top; }
.hwrap.full, .hwrap.full .halfdata {
	width: 706px;
}

.int .form_head {
    text-align: center;
}

.halfwrap .noshadow,
.halfdata .noshadow,
.noshadow { box-shadow: none; }

.halfdata table td {
	padding: 2px 8px;
}


.halfdata table tr:first-child td,
.halfdata table tr.first td
{ padding-top: 12px; }

.halfdata table tr:last-child td,
.halfdata table tr.last td
{ padding-bottom: 12px; }

.halfdata table tr td:last-child { padding-right: 12px; }
.halfdata table tr td:first-child { padding-left: 12px; }

.halfdata .report-first td,
.report-first td
{ padding-top: 8px; }

.halfdata .report-last td,
.report-last td
{ padding-bottom: 8px; }


/* Report Filters */
.filters {
	display: block;
	margin: 4px auto 30px auto;
}

.filters a {
	float: left;
	margin: 4px;
	height: 15px;
	padding: 4px 8px;
	background-color: #777777;
	color: #FFFFFF;
	border-radius: 12px;
	text-decoration: none;
}

.filters a:hover {
	background: #752e2e;
}

.halfdata table .datahead {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

.halfdata table .datahead.two {
	text-align: center;
}

#viewdata .hwrap h2 {
	font-size: 20px
}

.form_head, .modal_content .form_head td, .form_head td {
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
}


span.form_head {
	display: block;
}

tr td {
	padding-bottom: 5px;
}


.modal_content table {
	margin: 0 auto;
}

.modal_content td {
	padding: 2px 6px;
	vertical-align: top;
}

/* Permissions */

#permissionscont {
	position: relative;
	margin-bottom: 20px;
}

#permissionscont .permissions {
	position: absolute;
	background: #ebebeb;
	padding: 3px;

}

/* Routing */

.sbg {
	height: 12px;
	width: 12px;
	background: url('../images/layout/sbg.png') 0 0 no-repeat;
	cursor: pointer;
}

.sbg.g {
	background-position: 0 -30px;
}

.sbg.b {
	background-position: 0 -14px;
}

/* Settings */

.settings_top {
	width: 300px;
	text-align: center;
	margin: 10px auto;
}

#setting_subs {
	float: left;
	width: 160px;
	margin: 0;
}

#setting_subs ul {
	width: 150px;
	background-color: #999999;
	color: #FFFFFF;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}

#setting_subs ul li {
	height: 40px;
	color: #FFFFFF;
	width: 160px;
	background-color: #999999;
}

#setting_subs ul li a {
	display: block;
	height: 20px;
	padding: 10px;
	width: 140px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
}

#setting_subs ul li:hover, #setting_subs ul li a:hover {
	text-decoration: underline;
	color: #EEEEEE;
	background-color: #666666;
}


#settings_cont {
	position: relative;
	float: right;
	width: 525px;
}

.settings_pane {
	top: 0;
	left: 0;
	width: 505px;
	margin: 0;
	background-color: #EBEBEB;
	padding: 10px;
}

/* Field Assignments */
.plus {
	height: 18px;
	width: 20px;
	background-color: #CCCCCC;
	visibility: hidden;
	text-align: center;
	cursor: pointer;
}

.check {
	color: #008800;
	padding: 0 5px;
	visibility: hidden;
}

/* Photo Viewer */

#photo_gallery {
	display: none;
}

#photoback {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000000;
	filter: alpha(opacity=75);
    opacity: 0.75;
	height: 100%;
	width: 100%;
	z-index: 10000;
}

#photo_filename {
	height: 40px;
	width: 100%;
	position: fixed;
	top: 18px;
	z-index: 12000;
	color: #ebebeb;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

#currentphoto {
	height: 408px;
	width: 500px;
	position: fixed;
	top: 80px;
	left: 50%;
	margin-left: -250px;
	border: 3px solid #444444;
	z-index: 12000;
}

#thumbs {
	position: fixed;
	bottom: 20px;
	left: 50%;
	margin-left: -350px;
	height: 110px;
	z-index: 12000;
	overflow: hidden;
	width: 700px;
}

#thumbnavi {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -350px;
	height: 150px;
	width: 700px;
	z-index: 12000;
}

#thumbnavi #photoleft {
	float: left;
	height: 74px;
	width: 50px;
	margin-top: 8px;
	background: url('../images/layout/photo_left.png') center bottom no-repeat;
	cursor: pointer;
}

#thumbnavi #photoright {
	float: right;
	height: 74px;
	width: 50px;
	margin-top: 8px;
	background: url('../images/layout/photo_right.png') center bottom no-repeat;
	cursor: pointer;
}

#thumbnavi #photoright:hover, #thumbnavi #photoleft:hover {
	background-position: center top;
}

#thumbviewer {
	width: 550px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#thumbslider {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	z-index: 12500;
}

#thumbslider img {
	border: 2px solid #CCCCCC;
	margin: 0 12px 20px 0;
	cursor: pointer;
}

#thumbslider img:hover, #thumbslider img.selected {
	border: 2px solid #3399cc;
}

/* Settings */
.delete_row {
	padding: 5px;
	visibility: hidden;
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
	background-color: #CCCCCC;
	text-align: center;
}

/* popups */

.jobpop {
	position: relative;
}

.popuptable .jobpriority {color:#DB4A47;}

.popuptable {
	background: #FFFFFF;
	font-size: 10px;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #444444;
	background: none !important;
}

.popuptable tr, .popuptable td {
	background: none !important;
	padding: 2px 8px;
	font-weight:normal;
}

.popup {
	display: none;
	position: absolute;
	top: -200px;
	left: -450px;
	z-index: 10000;
}

.popup .ct {
	/*background: url('../images/layout/popup_body.jpg') top center no-repeat;*/
	padding: 10px;
	overflow: hidden;
}

.popup .ct .data {
	background: #FFFFFF;
	/*height: 125px;*/
}

/* Payments */

.payments {
	width: 625px;
	margin: 0 auto;
}

.payments td {
	padding: 6px !important;
}

.payments .jobdesc {
	background-color: #999999;
}

.payments .jobpayments {
	background: none !important;
}

.payments .none, .payments .dark .none, .payments .light .none {
	background: none !important;
	min-width: 45px;
}

.payments .amtdue td {
	color: #880000;
}

.payments .adj {
	font-style: italic;
}

.voided {
	text-decoration: line-through;
	color: #666666;
}

.memo {
	font-size: 10px;
}

.memo td {
	padding: 1px !important;
	height: 12px;
	margin: 0;
}

/* Contacts */

#active, #inactive {
	overflow: scroll;
	overflow-x: hidden;
	height: 400px;
}

.half .entry {
	width: 90%;
	margin: 2px auto;
	height: 60px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	overflow: hidden;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#DDD)); /*old webkit*/
    background: -webkit-linear-gradient(#FFF, #DDD); /*new webkit*/
    background: -moz-linear-gradient(#FFF, #DDD); /*gecko*/
    background: -ms-linear-gradient(#FFF, #DDD); /*IE10*/
    background: -o-linear-gradient(#FFF, #DDD); /*opera 11.10+*/
    background: linear-gradient(#FFF, #DDD); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#FFF, #DDD); /*PIE*/
    behavior: url('/css/PIE.htc');
}

.half .entry .info {
	float: left;
	width: 80%;
	overflow: hidden;
	padding: 2px 5px;
}

.half .entry .moveit {
	height: 60px;
	width: 10px;
	background: url('../images/layout/moveit.png') center no-repeat #888888;
}

.half .entry .autocheck {
	display: block;
    height: 100%;
    padding: 3px;
    text-align: center;
    width: 10%;
}

#inactive .autocheck {
	display: none;
}

#active .moveit {
	float: left;
	background-position: -11px 0;
}

#inactive .moveit {
	float: right;
	background-position: 1px 0;
}

.moveit a {
	display: block;
	height: 100%;
	width: 100%;
}

.moveit a:hover {
	background-color: #CCCCCC;
}

.half .entry .name {
	font-size: 14px;
	font-weight: bold;
}

.half .entry .small {
	font-size: 12px;
	color: #444444;
}


#viewdata #internalnotes, #viewdata #fieldnotes {
	display: block;
	width: 80%;
	top: 10px;
	position: relative;
}

#viewdata #internalnotes .note, #viewdata #fieldnotes .note {
	width: 100%;
	margin: 0 auto;
	display: block;
	float: none;
	margin-bottom: 5px;
}

#viewdata #internalnotes .note .author, #viewdata #fieldnotes .note .author {
	width: 100%;
	padding: 5px;
	display: block;
	background-color: #ebebeb;
	color: #000000;
	border-bottom: 1px solid #000000;
	float: none;
}

#viewdata #internalnotes .note .notecontent, #viewdata #fieldnotes .note .notecontent {
	width: 100%;
	padding: 5px;
	display: block;
	float: none;
}

/* Reviews */

.organize {
	background-color: #bbbbbb;
	padding: 10px 3px 20px 3px;
	cursor: move;
	float: left;
	margin: 3px;
	border: 1px solid #444444;
}

.organize p {
	width: 100%;
	margin-top: 3px;
	text-align: center;
}

.half.border.drop {
	min-height: 100px;
}

.half.border.drop h4 {
	text-align: center;
}

#joboperations .button {
	/*float: right; */
}

.rotation {
	height: 20px;
	width: 100%;
}

.rotation .rotateright, .rotation .rotateleft {
	height: 20px;
	width: 20px;
	display: block;
}

.rotation .rotateright {
	background: url('../images/layout/rotateright.png') center no-repeat;
	float: right;
}

.rotation .rotateleft {
	background: url('../images/layout/rotateleft.png') center no-repeat;
	float: left;
}
/* Pagination */
.pagenavigation {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

.pagenavigation a, input {
	margin: 2px 6px;
}

.pagenavigation table {
	width: 150px;
	margin: 0 auto;
	text-align: center;
}
/* Postcards */
.postformtable {
	width: 350px;
	margin: 16px auto;
}

.postformtable td {
	padding: 4px 3px;
}

.postformtable td.phead {
	font-weight: bold;
	text-align: right;
}

#post-preview, #post-back-preview {
	width: 100%;
	margin: 12px auto;
	padding: 8px 0 12px 0;
	position: relative;
}

#post-preview .imgcontainer {
	display: block;
	margin: 2px auto;
	position: absolute;
	top: 10px;
	left: 50%;
	border: 8px solid #031579;
}

#post-preview p {
	display: block;
	position: absolute;
}

#post-preview #postaddress {
	font-family: Georgia, sans-serif;
	font-size: 20px;
	top: 10px;
	left: 10px;
	padding: 8px;
	background: rgba(0, 0, 0, 0.5);
}

#post-preview #postaddress.black { background: url('/images/layout/postcard_bg-black.png') repeat; }
#post-preview #postaddress.white { background: url('/images/layout/postcard_bg-white.png') repeat; }
#post-preview #postaddress.none { background: none; }


#post-preview #postaddress .white { color: #FFFFFF; text-shadow: 1px 1px 0 #444444; }
#post-preview #postaddress .black { color: #000000; text-shadow: 1px 1px 0 #CCCCCC; }
#post-preview #postaddress .grey { color: #888888; text-shadow: 1px 1px 0 #FFFFFF; }
#post-preview #postaddress .red { color: #c92430; text-shadow: 1px 1px 0 #444444; }
#post-preview #postaddress .blue { color: #126bd9; text-shadow: 1px 1px 0 #444444; }
#post-preview #postaddress .green { color: #15c64b; text-shadow: 1px 1px 0 #444444; }

.colorbg { color: #000000; }
.colorbg .black { background: #000000; color: #FFFFFF; }
.colorbg .white, .colorbg .none { background: #FFFFFF; }
.colorbg .grey { background: #888888; }
.colorbg .red { background: #c92430; }
.colorbg .blue { background: #126bd9; }
.colorbg .green { background: #15c64b; }

/* Postcard logos */
.postimg {
	position: absolute;
}

#logo1.postimg {
	bottom: 0;
	right: 0;
}

#logo2.postimg {
	bottom: 0;
	left: 0;
}

.postimg .delimg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	display: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.postimg .delimg span {
	margin-top: 20px;
	display: block;
}

.postimg:hover .delimg {
	display: block;
	opacity: 0.85;
	-moz-opacity: 0.85;
}

#post-back-preview {
	background: #FFFFFF;
	width: 475px;
	height: 300px;
	padding: 22px 20px 22px 25px;

}

#post-back-preview .addytd {
	padding: 4px;
	height: 405px;
	width: 450px;
}

#post-back-preview .addy {
	/*height: 397px;*/
	/*width: 442px;*/
	display: block;
}

#post-back-preview .moved {
	float: right;
	text-align: right;
	display: inline;
}

#post-back-preview #logo_back {
	margin-right: 10px;
}

#post-back-preview .naddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	float: left;
	width: 400px;
	display: inline;
}


#post-back-preview .lofficer {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	font-family: "Times New Roman", serif;
}

#post-back-preview .cmp {
	font-size: 13px;
	font-style: italic;
	color: #031579;
	font-family: "Times New Roman", serif;
	margin-top: 0;
}

#post-back-preview .cmpdiv {
	margin-top: 75px;
}

#post-back-preview .to {
	margin-left: 95px;
	clear: both;
	font-size: 14px;
	font-style: italic;
	color: #031579;
	font-family: "Times New Roman", serif;
	padding-top: 20px;
	display: block;
}

#post-back-preview .lines { float: right; display: inline-block; text-align: right; }

#post-back-preview .bold { font-weight: bold; line-height: 18px; }

/* Progressbar */
.progresscont {
	height: 38px;
	margin: 0;
	width: 180px;
	display: block;
	margin: 4px auto;
}

.landmark {
	display: block;
	font-size: 12px;
	margin: 10px 0 0 45px;
	text-align: center;
	width: 180px;
}

.progresscont .barcont {
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
	height: 8px;
	overflow: hidden;
	margin: 2px auto;
	width: 175px;

	background: #AAAAAA;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#EEEEEE));
	background: -moz-linear-gradient(top,  #AAAAAA,  #EEEEEE);
}

.progresscont .barcont .progress {
	border-radius: 3px;
	height: 8px;
	width: 55%;
	
	background: #EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4f3a', endColorstr='#7bc196');
	background: -webkit-gradient(linear, left top, left bottom, from(#2c4f3a), to(#7bc196));
	background: -moz-linear-gradient(top,  #2c4f3a,  #7bc196);	
}

#mcronperc {
	display: block;
	margin: 2px auto;
	text-align: center;
	font-weight: bold;
}

#jobprogress {
	width: 600px;
	border: 1px solid #000000;
	box-shadow: 0 0 4px #000000;
	margin: 10px auto;
	display: block;
	padding: 8px;
}

#jobprogress table { width: auto; }

a.add-new-file {padding-left:10px}
.quote-line-items, .quote-line-items div, .quote-line-items a {
	position:relative;
	float:left;
}
.quote-line-items {
	margin-left:56px;width:740px;
}
.quote-line-item {
	width:420px;
	margin-top:10px;
	margin-right:20px;
  margin-bottom:10px;
}
.quote-line-items a {
	margin-top:10px;
	cursor:pointer;
}
.quote-line-items a.edit_quote_line_item {margin-right:10px}
.update {
	color:#007ea2;
}
.added-to-batch {text-align:right}
.send-statement-batch {float:right;display:none;}
#plat_form img {width:500px;height:auto}
a.remove-quote-file {padding-left:18px}

#correction_file_box p {
	margin:10px 0;
}
#correction_file_box .fileinput-button {
	margin-bottom:16px;
}
#correction_file_box table {
	width:100%;
	margin-top:16px;
}
#total_ajax_buttons {
	position:relative;
	float:left;
	clear:both;
	margin-bottom:20px;
}
#total_ajax_buttons .hshd {
	margin-top:40px;
}
#total-order {width:100%;float:left;margin-top:20px;margin-bottom:10px;}
#total-order a, #total-order p {

}

#uploadconfirmform {
	margin-top:-40px !important;
}
#uploadconfirmform label {
	margin-top:10px;
	display:inline-block;
}
#uploadconfirmform .button {
	margin-top:20px;
}
#uploadconfirmform .button span {
	position:static;
}


#partialinvoiceform {
	margin-top:-40px !important;
}
#partialinvoiceform label {
	margin-top:10px;
	display:inline-block;
}

#partialinvoiceform input[type="text"] {
	width:300px;
	margin-top:10px;
}
#partialinvoiceform .button {
	margin-top:20px;
}
#partialinvoiceform .button span {
	position:static;
}
.email-partial-invoice-button span, .view-partial-invoice-button span {
	position:static;
	padding-right:40px;
	padding-left:0;
}

.line_item_select, .partial_percentage, .partial_amount {
  display: none;
}
.partial_percentage input {
  width: 30px;
}
, .partial_amount input {
  width: 50px;
}
#quote_form .addnew {
  margin-top: 10px;
}

.preview img{
height:110px;
}


/* job search boxes */

.jobsbox { margin-top:2px; margin-bottom:2px; margin-right:0px; margin-left:25px;}
.jobsbox-l {font-size:13px;}