body { 
	background-color: #333333; 
	padding:0;
	margin: 0;
	background-image: url(/images/mesh_back.gif);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	}
/* template stuff */
a:hover { 
	color: darkblue;
	background-color: #E6E6FF;  
	}
div#page {
	width: 775px; margin-right: auto;  margin-left: auto; text-align: center; 
	margin-top: 1px;
	background-color: #ffffff;
	padding-bottom: 20px;
	border-bottom: 6px solid #c22; /* same color as div#menu */
	}
div#footer {
	background-image:url(/images/top_header_19.gif); 
	background-repeat:repeat-x; 
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height: 15px;
	color: #464646;
	margin: 25px 0 0 0;
	padding: 20px 0 0 0;
	}
div#footer p { 
	margin: 0;
	padding: 10px 0;
	}
div#footer a { 
	padding: 0 3px;
	}
div#menu, div#admin_menu {
	font-size: 12px; 
	padding: 3px 7px;
	}
div#menu {
	color: #f0f0f0;
	background-color: #c22;  
	}
div#admin_menu {
	color: #f0f0f0;
	background-color: darkblue; 
	}
div#menu a, div#admin_menu a {
	padding: 1px 4px;
	}
div#admin_menu a:link, div#admin_menu a:visited, div#admin_menu a:focus, div#admin_menu a:active {
	color: white;
	text-decoration: none; 
	}
div#menu a:link, div#menu a:visited, div#menu a:focus, div#menu a:active {
	color: white;
	text-decoration: none; 
	}
div#menu a:hover, div#admin_menu a:hover {
	color: darkblue;
	background-color: #fdfdfd; 
	}
div#user {
	text-align: right;
	margin: 2px 10px 0 0;
	font-size: 11px;
	}
div#graphic	{
	margin: -10px 0 10px 0;  /* graphic has too much white space at top */
	text-align: center;
	}
.orange { 
	color: #FF9B37;
	font-weight: bold;
	}
/* common */
div#page_heading {
	color: darkblue;
	font-weight: bold;
	font-size: 120%;
	padding-left: 20px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 7px;
	}
div#security_notice {
	background-color: #f6f6f6;
	border: 1px solid #aaa;
	padding: 8px;
	margin: 5px 0 12px 0;
	font-size: 85%;
	width: 97.5%;  /* REQUIRED or IE7 layout shift when hovering over link and labels !! */
	}
/* common forms */
fieldset {
	border: 1px solid #aaa; /* #93A0E3; */
	padding: 5px 5px 10px 5px;
	margin: 5px 0 10px 0;
	background-color: #f6f6f6;
}
legend {
    color: #666;
    /*font-variant: small-caps;*/
    font-weight: bold;
    letter-spacing: 0.05em;
    font-family: arial, helvetica, sans-serif;
    background-color: #DCE0F5; color: darkblue; /* #F2F2FF;*/
    padding: 2px 6px;
    margin: 0 0 8px 0;
    font-size: 15px;
    }
label  {
    line-height: normal;
    text-align: right;
    margin-right: 10px;
    padding-top: 4px; /* push down a bit */
    /*position: relative; */
    display: block;
    float: left;
    width: 175px;
    }
.past_label  {
	margin-left: 185px;
	}
.no_float_label {
	float: none;
	display: inline;
	margin-left:  5px;
	margin-right: 4px;
}
.required {
	font-weight: bold;
	}
input, textarea, select {
	border: 1px solid #aaa;
	padding: 1px 1px 3px 1px;
	margin: 3px 0 0 0;
	}
/* :hover works on IE7 now! but not select: */
label:hover, checkbox:hover, input:hover, textarea:hover, select:hover {
	cursor: pointer;
	}
label:focus, checkbox:focus, input:focus, textarea:focus { /* not supported on IE */
	background-color: #FEFFE8;
	cursor: text;
	}
select:focus {
	background-color: #FEFFE8;
	cursor: default;
}
.plain_label:hover {
	cursor: default;
	}
.button {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: black;
	background-color: #ddd;
	border: 2px outset #ddd;
	padding: 1px;
	}
.button:focus, .button:hover  {
	background-color: #DCE0F5;
	cursor: default;
	}
.button:active  {
	border: 2px inset;
	background-color: #FEFFE8;
	}
/*select[disabled] { background-color:lightgray }*/
.upload_button {
	color: black;
	background-color: #ddd; /* #DCD3C2; */
	border: 2px outset;
	padding: 0 3px;
	text-decoration: none;
	margin-right: 5px;
	}
.upload_button:hover {
	color: black;
	background-color: #DCE0F5; /* #EDE9E0;*/
	}
.upload_button:active  {
	border: 2px inset;
	background-color: #FEFFE8;
	}
div#submit_buttons {
	margin-top: 5px;
	text-align: center;
	}

.dfv_errors { /* used by ValidateRM */
	color: #d22;
	font-weight: bold;
	font-family: arial, sans-serif;
	}
div#main_error {
	margin: 9px 0 9px 20px;
	color: #d22;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: left;
	}
div#cgi_message {
	color: #007700;
	margin: 5px 0;
	}
/* home.html */
div#action_list {
	text-align: left; 
	margin-left: 10px;
	padding-left: 10px;
	}
div#action_list li { 
	padding-bottom: 2px 
	}
/*div#action_list a:link, div#action_list a:visited, div#action_list a:focus, div#action_list a:active {
	color: darkblue;
	}
div#action_list a:hover { 
	background-color: #E6E6FF; color: darkblue 
	}
*/

/* form_estimate.html form_project.html*/
div#estimate, div#project {
	text-align: left;
	padding: 0 20px;
	}
div#project {
	margin-top: 10px;
	}
div#project th {
	background-color: darkblue; color: #E6E6FF;
	font-weight: normal;
	margin-bottom: 4px;
	}
div#sign_in_tag {
	margin: 0 5px 7px;
	font-family: arial, helvetica, serif;
}
div#company_div {
	float: right;
	margin-right: 8px;
	text-align: right;
	}
.company {
	font: bold italic 14px arial, helvetica;
	color: darkblue;
	}
div#instructions, div#instructions_indented {
	text-align: left;
	margin: 8px 10px;
	}
div#instructions_indented {
	margin-left: 185px
	}
/* form_user.html */
div#profile {
	text-align: left;
	margin: auto;
	width: 45em;
	/*padding: 0 20px; */
	}
/* proofs_uploaded.html */
div#status {
	margin: 20px;
	text-align: left;
	}
/* projects.html, pending_estimates.html, upload_proofs.html, active_jobs.html */
div#projects {
	margin: 10px 20px;
	text-align: left;
	}
div#projects th {
	background-color: darkblue; color: #E6E6FF;
	font-weight: normal;
	text-align: left;
	margin: 2px 0 4px 0;
	}
div#projects th.td_center, div#projects td.td_center {
	text-align: center;
	}
div#projects td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	padding: 3px 4px;
	}
div#sort {
	float: right; 
	margin-right: 20px; 
	font-size: 11px;
	}
div#projects table {
	border: 1px solid darkblue;
	}
.table_title {
	color: #faa15d;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	margin-top: 13px;
	margin-bottom: 7px;
	}
/* readonly_project.html, readonly_user.html */
div#readonly {
	margin: 10px 20px;
	text-align: left;
	}
div#readonly table {
	margin-left: 30px;
	border-top: 1px solid #ccc;
	}
div#readonly td {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 3px 4px;
	}
/* subform_upload.html, form_approve.html */
div#upload, div#approve {
	margin: 10px 20px;
	}
div#upload th {
	text-align: left;
	}
div#upload td {
	margin: 10px 10px;
	}
/* login.html */
div#login {
  text-align: left;
  margin: auto;
  width: 34em;
}
.err_msg {
	color: red;
	font-weight: bold;
	}
#authen_loginfield, #authen_passwordfield { 
  border-top: solid 1px #565656;
  border-left: solid 1px #565656;
  border-bottom: solid 1px #a2aac4;
  border-right: solid 1px #a2aac4;
  padding: 2px 0 2px 18px;
  margin: 0.3em 0;
  width: 12em;
}
#authen_loginfield { /* image courtesy of http://www.famfamfam.com/lab/icons/silk/  */
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG5SURBVHjaYvz//z8DJQAggFiIVfh0twHn9w8KD9+/ZBT+9/cfExfvwwc87GxWAAFEtAFf3yl++/9XikHXL56BkYmJ4dKmcoUPT99PBQggRmK8ALT9v4BUBQMLrxxQMztY7N+PjwyXtk76BxBATMRoFjGewsDCx8jw9Oxyht9vboIxCDAxs/wCCCC8LoBrZv/A8PPpVoZ/39gZ7p57xcDLJ8Xw5tkdBrO8DYwAAcRElOYXaxn+/73DwC4vzyAmzsLw58kJsGaQOoAAYiJK868nDGwSXgxvjp1n+Hz7HoNawRFGmFqAAMIw4MBEDaI1gwBAAKEYsKtL/b9x2HSiNYMAQACBA3FmiqKCohrbfQ2nLobn97Yz6Br/JEozCAAEEDgh/eb6d98yYhEDBxsnw5VNZxnOffjLIKltw/D52B6GH89fMVjUnGbEFdgAAQRPiexMzAyfDk9gMJbmYbh17irDueMrGbjExBi8Oy8z4ksnAAEENuDY1S8MjjsnMSgaezJ8Z2Bm+P95PgPX6ycENYMAQACBwyDSUeQ/GzB926kLMEjwsjOwifKvcy05EkxMHgEIIEZKszNAgAEA+j3MEVmacXUAAAAASUVORK5CYII=') no-repeat 0 1px #ffffff;
  }
#authen_passwordfield { /* image courtesy of http://www.famfamfam.com/lab/icons/silk/  */
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKbSURBVHjaYvz//z8DPvBko+s0IJUJ5U6X8d+dhSwPEEAMIANw4ccbXKYB8f8/P+6BMYgNEkNWAxBAhDV/Pff/5+t5/39/2gcU/gc25P5qpzkwdQABxIjNCzBnS7p2Mfz5tJ+BkVWE4dWRxWA5oBcYHiyyYnj5heGAedYxR4AAwmXAf0mPWQx/3q9n+P/3I9AAMaCoBsPr4x0MDH/+MUgHrGG4P8eF4fVf9gMAAcSEK/D+/3oA1gxm/3kLJG8wSDhWMAjoeTJ8fxjNoJDQzyD0+7sDQACx4DKAkVWcgZGZG2jIV6AJfxn+/37F8OfPO6BhRxl+f/nIwC7xluHPm58MAAHEhMX5ILHp787OYvj/7zvDr7f7Gf59vw804DUwPM4x/P3+loFb0ZfhVlc1wxMu7psAAcSCEd9MjAzswoYMAppmDD9e9DKwcIkwMHFyMPx+dZnh7+9vDDxqwQx3Ji1jeMrJc9W1/JQOQAAheyFT2mctw9+vpxh+fz7A8O1JDQMrEz/QK2YMb47uZpD0SmEAmsRwu7eJ4QUX1wWXklOGIE0AAcQIim9YShOzSmf49W4xw5+PdxlYeIUYWLh9GS6vXPH+3U/Gd3K/vikzcTAzvOTkOmNXeNIUZitAALFAbF4D9N8Bhl+vJjP8/vCUgY1fkoGZ24PhysoV7178Y9vmW3M8FqZBHS3MAAIIZMDnP59P835/3Mnw98t7Bg5xNQZGNnOgzSvfv2ZgX+dbfiwVX14BCCCQAbyMrNwMDKxcDOxi/Az/WU0YLi1b8/E9K8cqr6JjGQwEAEAAMf378+/cn+//GFi5bRiYuMOBzt7w4RMH50IPIjSDAEAAsbz8+Gfdh9VFEr9//WX7//s/009uzlmuWUcqGYgEAAEGAIZWUhP4bjW1AAAAAElFTkSuQmCC') no-repeat 0 1px #ffffff;
}
#authen_loginfield:focus, #authen_passwordfield:focus {
  background-color: #FEFFE8; /* #E6E6FF; */
  color: darkblue;
}
#forgot_password {
	text-align: right;
	margin: 0 8em 8px 0;
	font-size: 11px;
}

/* other -- */
div#project_upload_form {
	text-align: left;
	margin: auto;
	width: 43em;
	padding: 0 20px;
	}
div#indent {
	text-align: left;
	margin: 20px;
}