/*-- HEADER STYLES --*/
body {
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	color: #000;
	background: top left url('/images/lines.gif');
}
td {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000;
}
div.container {
	width: 740px;
	border: 1px solid black;
	background: #fff bottom right no-repeat url('/images/fire_water_faded_right.gif')
}
table.header td.title {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
table.header td.nav {
	background: #0A75C5;
	text-align: center;
	border-top: 3px solid #AB2C1B;
	border-bottom: 3px solid #AB2C1B;
	color: #fff;
	font-size: 13pt;
	font-weight: normal;
	padding: 10px;
}
table.header td.nav a {
	padding: 0 7px;
}
table.header td.employeenav {
	background: #0A75C5;
	text-align: center;
	border-top: 3px solid #AB2C1B;
	border-bottom: 3px solid #AB2C1B;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
table.header td.employeenav span {
	padding: 0px 17px 0px 17px;
}
div.sep {
	width: 600px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

td.nav a:link, td.nav a:visited {text-decoration: none; color: #FFF;}
td.nav a:hover {text-decoration: underline; color: #FFF;}
td.nav a:active {text-decoration: underline; color: #F00;}

/*-- END HEADER STYLES --*/



/*-- CONTENT STYLES --*/
a img {border: none;}
td.content {
	font-size: 9pt;
	padding: 10px 20px 10px 20px;
}
td.content h2, td.content h2 a {
	color: #AB2C1B;
	font-size: 13pt;
}

td a:link, td a:visited {text-decoration: none; color: #00F;}
td a:hover {text-decoration: underline; color: #00F;}
td a:active {text-decoration: underline; color: #F00;}

.bold {font-weight: bold; font-size: 10pt;}
.red {color: #f00;}
.small {font-size: 9pt; color: #777;}


table.service {
	width: 500px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
table.service tr.odd {
	background: #C2E7FF;
}
table.service tr {
	background: #E5F3FC;
}
table.service td.col1 {
	width: 35%;
	text-align: left;
	font-size: 10pt;
	padding: 8px 0px 8px 10px;
}
table.service td.col2 {
	width: 65%;
	text-align: left;
	font-size: 10pt;
	padding: 8px 10px 8px 10px;
}
table.service td.col {
	text-align: left;
	font-size: 10pt;
	padding: 8px 10px 8px 10px;
}

/*-- END CONTENT STYLES --*/


/*-- SURVEY STYLES --*/


table.survey {
	width: 550px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
table.survey tr.odd {
	background: #C2E7FF;
}
table.survey tr.even {
	background: #E5F3FC;
}
table.survey td {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
}
table.survey td.question {
	font-weight: bold;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	font-size: 10pt;
	text-align: left;
	padding: 15px 5px 2px 5px;
}
table.survey td.option {
	vertical-align: bottom;
	padding: 2px;
}
table.survey td.sub {
	width: 160px;
	font-size: 10pt;
	text-align: left;
	padding: 8px 0px 8px 15px;
}
table.survey h2 {
	color: #AB2C1B;
	font-size: 13pt;
	margin: 0pt;
}
table.survey p {
	width: 660px;
	text-align: justify;
	font-size: 12pt;
	font-family: arial, sans-serif;
}
span.sig {
	font-style: italic;
	font-size: 14pt;
}

/*-- END SURVEY STYLES --*/


/*-- FOOTER STYLES --*/
table.footer {
	padding-top: 15px;
	background: bottom left no-repeat url('/images/fire_water_faded_left.gif')
}
table.footer td.contact {
	font-size: 9pt;
	text-align: center;
	padding: 15px;
}
table.footer td.copy {
	font-size: 8pt;
	text-align: center;
	padding-bottom: 0px;
}
table.footer td.pwd {
	color: #aaa;
	font-size: 8pt;
	text-align: center;
}

table.footer td.pwd a:link, table.footer td.pwd a:visited {text-decoration: none; color: #aaa;}
table.footer td.pwd a:hover {text-decoration: underline; color: #888;}
table.footer td.pwd a:active {text-decoration: underline; color: #F00;}

/*-- END FOOTER STYLES --*/


/*-- ADMIN STYLES --*/

div.input {
	width: 300px;
}
div.input p {
	text-align: right
}
p.message {
	color: red;
	font-weight: bold;
}
p.delete {
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
}
table.header td.employeenav hr {
	color: white;
	height: 1px;
}
table.header div.adminnav {
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
	background: #033A62;
	padding: 10px 0 10px 0;
	margin: 5px 0 0 0;
}

td.loggedin {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid black;
	font-size: 8pt;
	text-align: right;
	background: #FEFDCF;
}

table.users {
	border: 1px solid black;
	width: 600px;
	margin-left: 25px
}
table.users th {
	font-size: 9pt;
	border-bottom: 2px solid black;
	text-align: left;
	padding: 4px;
}
table.users td {
	padding: 4px;
	border-bottom: 1px solid #aaa;
}
table.users td.action, table.users th.action {
	border-right: 1px solid #aaa;
	background: #FEFDCF;
	text-align: center;
}

table.editusers {
	border: 1px solid black;
	width: 300px;
	margin-left: 25px
}
table.editusers th {
	font-size: 9pt;
	border-right: 2px solid black;
	border-bottom: 1px solid #aaa;
	text-align: right;
	padding: 4px;
	background: #FEFDCF;
}
table.editusers td {
	padding: 4px;
	border-bottom: 1px solid #aaa;
}
input.phone3 {
	width: 28px;
}
input.phone4 {
	width: 35px;
}


td.employeenav a:link, td.employeenav a:visited {text-decoration: none; color: #FFF;}
td.employeenav a:hover {text-decoration: underline; color: #FFF;}
td.employeenav a:active {text-decoration: underline; color: #F00;}

/*-- END ADMIN STYLES --*/

/*-- TIMESHEET STYLES --*/

table.timesheet {
	border: 2px solid black;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
table.timesheet th {
	font-size: 9pt;
	border-bottom: 1px solid black;
}
table.timesheet td {
	text-align: center;
	border-bottom: 1px solid #aaa;
	padding: 2px 0px 2px 0px;
}
input.two {
	width: 20px;
	text-align: right;
}
input.four {
	width: 35px;
	text-align: right;
}
input.five {
	width: 38px;
	text-align: right;
}
table.timesheet th.customer, table.timesheet td.customer {
	border-right: 2px solid black;
}
table.timesheet th.workorder, table.timesheet td.workorder {
	border-right: 1px solid #aaa;
}
table.timesheet th.phase, table.timesheet td.phase {
	background: #fc0;
	border-right: 1px solid #aaa;
}
table.timesheet th.category, table.timesheet td.category {
	background: #ff9;
	border-right: 2px solid black;
}
table.timesheet th.labor, table.timesheet td.labor {
	background: #c0c0c0;
	border-right: 2px solid black;
}
table.timesheet th.date, table.timesheet td.date {
	border-right: 2px solid black;
}
table.timesheet th.starttime, table.timesheet td.starttime {
	border-right: 2px solid black;
}
table.timesheet th.totaltime, table.timesheet td.totaltime {
}
table.timesheet td.weektotaltext {
	text-align: right;
	border-top: 2px solid black;
}
table.timesheet td.weektotal {
	border-top: 2px solid black;
}
table.legend {
	padding: 0px;
	border: 2px solid black;
}
table.legend th {
	font-size: 9pt;
	border-bottom: 1px solid black;
	border-right: 1px solid #aaa;
}
table.legend td {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
table.legend th.phase, table.legend td.phase {
	background: #fc0;
}
table.legend th.category, table.legend td.category {
	background: #ff9;
}
table.legend th.labor, table.legend td.labor {
	background: #c0c0c0;
}

/*-- END TIMESHEET STYLES --*/