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

* {
	text-decoration:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

a:visited, a:active, a:hover, a:link {
	text-decoration:none;
}

body {
	font: 80% "Lucida Sans Unicode", "Lucida Grande", sans-serif;  /*easy to read, clean style fonts */
	height:100%; /*necssary to keep the footer on the bottom of the page, rather than bottom of the content */
}

#wrapper {
	width:1150px;
	margin:25px auto;
	border:1px solid black;
	background-color:#999;
}

#header {
	margin-top:15px;
	margin-left:15px;
}

#cssmenu {
	float:left;
	position:relative;
	display:block;
	border:1px solid;
	margin-bottom:25px;
	margin-top:25px;
} 

#cssmenu img {
	width:15px;
	height:15px;
}

#cssmenu > ul > li {
	float:left;
	display:block;
	position:relative;
} 

#cssmenu > ul > li > a {
	display:block;
	position:relative; 
	padding:12px 20px; 
	font:bold 13px/100% Arial, Helvetica, sans-serif; 
	text-align:center; 
	text-shadow:1px 1px 0 rgba(0,0,0, 0.4); 
} 

#cssmenu > ul > li:first-child > a {
	border-radius:5px 0 0 5px;
} 

#cssmenu > ul > li > a:after {
	content:'';
	position:absolute; 
	border-right:1px solid; 
	top:-1px; 
	bottom:-1px; 
	right:-2px; 
	z-index:99; 
} 

#cssmenu > ul > li.has-sub > a:before {
	content:'';
	position:absolute;
	top:18px;
	right:6px; 
	border:5px solid transparent; 
	border-top:5px solid #fff; 
} 

#cssmenu ul li.has-sub:hover > a {
	background:#3f3f3f; 
	border-color:#3f3f3f;
	padding-bottom:13px; 
	padding-top:13px; 
	top:-1px; 
	z-index:999; 
} 

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
	display:block;
} 

#cssmenu ul li.has-sub > a:hover {
	background:#3f3f3f; 
	border-color:#3f3f3f;
} 

#cssmenu ul li > ul, #cssmenu ul li > div {
	display:none; 
	width:auto; 
	position:absolute; 
	top:38px; 
	padding:10px 0; 
	background:#3f3f3f;
	z-index:999; 
}

#cssmenu ul li > ul {
	width:200px;
} 

#cssmenu ul li > ul li {
	display:block; 
	list-style:inside none; 
	padding:0; 
	margin:0; 
	position:relative;
} 

#cssmenu ul li > ul li a {
	display:block; 
	position:relative; 
	margin:0; 
	padding:8px 20px; 
	font:10pt Arial, Helvetica, sans-serif; 
	color:#fff; 
	text-shadow:1px 1px 0 rgba(0,0,0, 0.5); 
} 


#cssmenu, #cssmenu > ul > li > ul > li a:hover {
	background:#a12022; 
	background:-moz-linear-gradient(top,  #dc6227 0%, #a12022 100%);  /*alt color = #ff6600 - #e0541d */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc6227), color-stop(100%,#a12022 )); 
	background:-webkit-linear-gradient(top,  #dc6227 0%,#a12022 100%); 
	background:-o-linear-gradient(top,  #dc6227 0%,#a12022 100%); 
	background:-ms-linear-gradient(top,  #dc6227 0%,#a12022  100%); 
	background:linear-gradient(top,  #dc6227 0%,#a12022  100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6227', endColorstr='#a12022',GradientType=0 ); 
} 

#cssmenu {
	border-color:#912b14;
} 

#cssmenu > ul > li > a {
	border-right:1px solid #912b14;
	color:#fff;
} 

#cssmenu > ul > li > a:after {
	border-color:#ff723b;
} 

#cssmenu > ul > li > a:hover {
	background:#3f3f3f;
} 

#job_left, #job_right {
	width:430px;
	float:left;
	position:relative;
	margin-left:14px;
}

.sub_left {
	float:left;
	position:relative;
	width:170px;
}

.sub_right {
	float:left;
	position:relative;
}

#comment {
	clear:both;
	width:850px;
	margin:auto;
}

#content {
	clear:both;
	margin:50px 14px 14px 14px;
	background-color:#ffffff;
	border:1px solid black;
	padding:14px;
}

#job_list {
	border-collapse:collapse;
	text-align:center;
}

tr {
	border:1px solid #ffffff;
	background-color:#DFEFFF;
	color:#006AD5;
	padding:5px;
}

tr:hover {
	background-color:#006ad5;
	color:#DFEFFF;
}

tr:hover a {
	color:#ffffff;
}

tr a:hover {
	color:red;
}

th {
	background-color:#94C4FE;
	padding:5px;
	color:#039;
	border-top:3px solid #69C;
}

td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
}

#entry_form {
	margin-top:15px;
}


#job_wrap li {
	margin-bottom:14px;
	line-height:20px;
}

#job_wrap input[type="text"] {
	width:200px;
}

#job_wrap select {
	width:205px;
	text-align:center;
}

#job_wrap textarea {
	width:815px;
	height:250px;
}

#job_wrap legend {
	margin-bottom:10px;
}

#resource_admin {
	margin-top:10px;
	margin-bottom:10px;
}

#buttons {
	width:300px;
	margin:30px auto auto;
}

#job_list button a{
	color:black;
	display:block;
}

#job_list button.red a:hover {
	color:red;
}

#job_list button.yellow a:hover {
	color:blue;
}

#job_list button.green a:hover {
	color:green;
}

#logo {
	float:right;
	position:relative;
	margin-top:-30px;
	margin-right:14px;
	border:none;
}

#add_date input, #add_date select {
	margin:5px 5px 10px 5px;
}

#add_date label, #add_date legend {
	margin-left:14px;
}

#add_date {
	width:700px;
	margin:auto;
}

#create_job legend {
	margin-left:14px;
}

.required {
	color:red;
	position:relative;
	top:-5px;
}

.note {
	margin-left:14px;
	color:red;
	top:-5px;
	position:relative;
}

.warning {
	font-weight:bold;
	color:red;
	text-align:center;
}

.redirect li {
	float:left;
	position:relative;
	display:inline;	
	margin-right:10px;
} 

.redirect li a {
	font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 5px 8px 5px 8px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}
   
.report_button li {
}

.report_button li a {
	display:block;
  	font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 5px 8px 5px 8px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.report_button li a:hover{
	background-color:#C0C0C0;
}

.report_button li a:active{
	background-color:#333333;
	color:#eeeeee;
}

.clearFix {
	clear:both;
}

#logger {
	clear:both;
	float:right;
	position:relative;
	margin-right:14px;
	background-color:#eeeeee;
	border:1px solid black;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
}

.red {
	color:#FF0000;
}

.box_left {
	float:left;
	position:relative;
	text-align:center;
	padding-bottom:5px;
}

.box_left li {
	margin-bottom:10px;
	margin-right:2px;
	background-color:#6CF;
	padding:5px 2px;
}


.column_header {
	font-weight:bold;
	background-color:#9FF;
	padding:4px 8px;
	border-bottom:1px solid white;
	border-right:1px solid white;
	display:block;
}

.column_row {
	background-color:#9CF;
	padding:4px 8px;
	border-bottom:1px solid white;
	border-right:1px solid white;
	display:block;
}

#clearForm {
	float:left;
	position:relative;
	color:red;
}

#submitForm {
	float:right;
	position:relative;
	padding:3px;
	margin-bottom:10px;
	margin-right:5px;
}

.add_new_button {
	font-size:9px;
}

/* MICRO PAGE LAYOUT */

#micro_wrapper {
	min-width:220px;
	max-width:450px;
	margin:25px auto;
	border:1px solid black;
	background-color:#999;
}

#micro_content {
	clear:both;
	margin:50px 14px 14px 14px;
	background-color:#ffffff;
	border:1px solid black;
	padding:14px;
}

/* Login Form */


#login {
	clear:both;
	margin:auto;
	width:400px;
	border:7px solid #A8ADAE;
	border-radius:5px;
}

#login ul {
	margin:15px auto;
}

#login ul li {
	margin:auto;
	width:200px;
}

#login input[type="text"], #login input[type='password'] {
	width:200px;
	border-radius:1px;
	border:.1em solid #b9bfbf;
	padding:2px;
}

#login input[type='button'], #login input[type='submit'] {
	margin-top:5px;
	width:75px;
	height:25px;
}

#login input[type='submit'] {
	background-color:#6fb13c;
	border:1px solid #6fb13c;
	border-top:1px solid #6F0;
	border-left:1px solid #6f0;
	border-bottom:1px solid #090;
	border-right:1px solid #090;
	border-radius:2px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000;
}

#login input[type='button'] {
	background-color:#3CF;
	color:#ffffff;
	border-top:1px solid #6FF;
	border-left:1px solid #6ff;
	border-bottom:1px solid #09C;
	border-right:1px solid #09c;
	text-shadow:1px 1px 1px #000;
	border-radius:2px;
}

#login input[type='submit']:active {
	background-color:#090;
	border-top:1px solid #6fb13c;
	border-left:1px solid #6fb13c;
	border-bottom:1px solid #6f0;
	border-right:1px solid #6f0;
}

#login input[type='button']:active {
	background-color:#09c;
	border-top:1px solid #06C;
	border-left:1px solid #06c;
	border-bottom:1px solid #6ff;
	border-right:1px solid #6ff;
}

/* Registration Form */


#registration_form {
	clear:both;
	margin:auto;
	width:400px;
	border:7px solid #A8ADAE;
	border-radius:5px;
}

#registration_form ul {
	margin:15px auto;
}

#registration_form ul li {
	margin:auto;
	width:250px;
}

#registration_form input[type="text"], #registration_form input[type='password'], #registration_form select {
	width:250px;
	border-radius:1px;
	border:.1em solid #b9bfbf;
	padding:2px;
	margin-top:2px;
}

#registration_form input[type='submit'] {
	margin-top:5px;
	width:75px;
	height:25px;
}

#registration_form input[type='submit'] {
	background-color:#6fb13c;
	border:1px solid #6fb13c;
	border-top:1px solid #6F0;
	border-left:1px solid #6f0;
	border-bottom:1px solid #090;
	border-right:1px solid #090;
	border-radius:2px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000;
}

#registration_form input[type='submit']:active {
	background-color:#090;
	border-top:1px solid #6fb13c;
	border-left:1px solid #6fb13c;
	border-bottom:1px solid #6f0;
	border-right:1px solid #6f0;
	text-shadow:-1px -1px 1px #000;
}

#registration_form fieldset {
	width:330px;
	margin:15px auto;
	padding-bottom:10px;
}

/* Pagination */

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

#paginate {
	text-align:center;
	margin-top:10px;
}

.error {
	text-align:center;
	margin-top:5px;
	color:red;
	font-weight:bold;
}

#rememberme {
	margin-top:5px;
}

#login input[type='checkbox'] {
	margin-right:5px;
}

/* employee report tables */

.report_box {
	max-width:200px;
	float:left;
	position:relative;
}

#emp_report {
	width: 150px;
	margin:auto;
	text-align:center;
}

.thinner {
	width:50px;
}

.center_job {
	clear:both;
	width:888px;
	margin:auto;
}


#registration_form input[type='reset']:active {
	background-color:#900;
	border-top:1px solid #c00;
	border-left:1px solid #c00;
	border-bottom:1px solid #f60;
	border-right:1px solid #f60;
	text-shadow:-1px -1px 1px #000;
}

#registration_form input[type='reset'] {
	margin-top:5px;
	width:75px;
	height:25px;
	background-color:#C00;
	border-top:1px solid #F60;
	border-left:1px solid #F60;
	border-bottom:1px solid #900;
	border-right:1px solid #900;
	border-radius:2px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000;
}

#pwd_recover {
	font-size:9px;
}

/* CREATE DOOR REPORT */
fieldset {
	padding:15px;
}

#door_table textarea{
	width:300px;
	height:100px;
}

#ac_interior textarea {
	width:100%;
	height:100px;
}

#wedge_condition select {
	width:100px;
}

/* TABBED BOX */

#tabbed_box_1 {
	margin:0px auto;
	width:1090px;
	border:1px solid black;
}

.tabbed_box h4 {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:23px;  
    color:#666666;  
    letter-spacing:-1px;  
    margin-bottom:10px;  
}  
.tabbed_box h4 small {  
    color:#666666;  
    font-weight:normal;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
}  

.tabbed_area {  
    border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px;      
}  

ul.tabs {  
    margin:0px; padding:0px;  
}  

ul.tabs li {  
	display:inline;  
}  

ul.tabs li a {  
    background-color:#464c54;  
    color:#ffebb5;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    border:1px solid #464c54;   
}  

ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  

ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;  
}  

.content {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;     
}  

#tabbed_2 { display:none; }  

ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:6px;  
}  


.log_block {
	float:left;
	position:relative;
	display:inline;
	width:100px;
}

.log_block li {
	width:100px;
	height:10px;
}

.created_col, .job_num_col, .supervisor_col, .client_col, .equipment_col, .created_by_col, .report_button_col, .option_col {
	float:left;
	position:relative;
	width:150px;
}

#recommendation table textarea {
	width:650px;
	height:100px;
}

.desc, .asc {
	height:8px;
	width:8px;
}

#search {
	margin-top:15px;
	margin-bottom:15px;
}

#searchBtn {
	margin:10px;
}

#doorSearchResults {
	margin-top:30px;
}

.sub_fieldset {
	width:400px;
}

.main_fieldset {
	width:450px;
	border-radius:5px;
}