body
{    
	background-color: #FFC430;
	font-size: 1em;
	font-family: 'Open Sans', Verdana, Arial;
	padding:0;
	margin:0;
	color: black;
}

a, a:visited {
	color:blue;
}

a:hover {
	text-decoration:none;
}

input, select {
	font-size: 1em;
	font-family: 'Open Sans', Verdana, Arial;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], select, label  {
	cursor:pointer;
}

textarea {
	font-family: 'Open Sans', Verdana, Arial;
}

#pagewrapper
{    
	min-width:768px;
	text-align:center;
	margin: 0 auto 0 auto;
}

#header {
	margin: 0 auto 0 auto;
	text-align:center;
}

#logo {
	display:inline-block;
	margin: 0;
}

#title{
	display:inline-block;
	font-size: 1.8em;
	font-weight: bold;
	color: #331600;
	margin:20px;
}

#topbar {
	position:relative;
	background-color: #331600;
	color: White;
	height: 40px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-weight:bold;
	clear:both;
}

#top_menu {
	position: absolute;
	top:0px;
	left:0px;
	margin: 5px 0 0 10px;
	z-index:10;
}

#top_menu a{
	text-decoration: none;
}

#logout {
	position: absolute;
	top:0px;
	right:0px;
	margin: 5px 10px 0 0;
	
	font-weight: bold;
	color: #AAFF00;	
}

	#logout img {
		cursor:pointer;
	}

#loginbox {
	background-color: #FFF3D1;
	border: solid 1px #331600; 
	width:380px; 
	padding: 5px;
	text-align:center;
	margin: 20px auto 0 auto;
}

#main{
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	clear:both;
}
		
#host {
	color: #1166FF;
	font-size: 0.8em; 
	font-weight: bold; 
	font-style: italic;
	margin: 0 0 10px 0;
}		
		
#footer {
	background-color: #331600;
	color: White;
	margin: 0 auto 0 auto;
	padding: 5px;
	font-size:0.8em;
	font-weight:bold;
	clear:both;
}

#footer a{
	color: #AFF0FF;
}

.successmsg {
	color: Green;
	font-weight: bold;
}

.warnmsg {
	color: Orange;
	font-weight: bold;
}

.errmsg {
	color: Red;
	font-weight: bold;
}

.msg_red {
	color: Red;
	font-weight: bold;
}

.msg_green {
	color: Green;
	font-weight: bold;
}

.msg_orange {
	color: Orange;
	font-weight: bold;
}

.msg_grey {
	color: Grey;
}

.readonly {
	background-color: #F0F0F0;
	color: #333333;
}

#searchbox {
	background-color: #FFFFDD;
	border: solid 2px orange; 
	width:600px; 
	padding: 5px;
	margin: 5px auto 5px auto;
}

#searchbox  td{
	text-align: left;
}

#detail_page {
	text-align: left;
	padding: 0 10px 0 10px;
}

.detail_fields {

}

	.detail_fields th {
		text-align:left;
	}

#main .details {
	padding: 10px;
	background-color: #ffffdd;
}

#main_popup {
	width: 640px;
	text-align: center;
	font-family: 'Open Sans', Verdana, Arial;
}

#main_popup .details {
	padding: 10px;
	background-color: #ffffdd;
}

#upload_file {
	width: 640px;
	text-align: center;
	font-family: 'Open Sans', Verdana, Arial;
}

#upload_file .details {
	padding: 10px;
	background-color: #ffffdd;
}


/* Table formats */
.table {
	padding: 5px;
	clear: both;
}

.table TABLE {
	background-color: #ffffdd;
	text-align: center;
}

.table TH
{
	background-color: #ffffaa;
}

.table TD
{

}

.table a {
	font-weight: bold;
}

.record_count {
    font-weight:bold;
	font-style:italic;
	font-size:0.85em;
}

.align_left {
	text-align: left;
}

.align_mid {
	text-align: center;
}

.align_right {
	text-align: right;
}

.pagination {
	margin-top: 10px;
}

.smallbox{	
	background-color: #FFF3D1;
	border: solid 1px #331600; 
	width:380px; 
	padding: 5px;
	text-align:center;
	margin: 20px auto 0 auto;	
}

.smallbox TH, .smallbox TD
{
	text-align: left;
}

/* Buttons */
.buttonbox{
	margin-top: 10px;
	margin-bottom: 5px;
	clear:both;
}

.buttons{
	cursor:pointer;
	padding: 5px 35px 5px 35px;
	text-align: center;
	min-width: 120px;
	min-height: 40px;	
	background-color:#F0F0F0;
	font-size: 1em;
}

.button_search {
	cursor:pointer;
	background-image:url('../images/search_small.png');
	background-repeat: no-repeat;
}

.button_select {
	cursor:pointer;
}

#btnLogin {
	font-weight: bold;
	background-image:url('../images/login.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnResetPwd {
	font-weight: bold;
	background-color: Blue;
	color: White;
	
	background-image:url('../images/keys.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnDelete {
	font-weight: bold;
	background-color: Red;
	color: White;

	background-image:url('../images/delete.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
	}

#btnSearch{
	background-image:url('../images/search.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnPrint{
	background-image:url('../images/print.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnClear{
	background-image:url('../images/recycle.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnNew{
	background-image:url('../images/add.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnEdit{
	background-image:url('../images/edit.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnSave {
	background-image:url('../images/save.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnSaveTop {
	background-image:url('../images/save.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnRefresh {
	background-image:url('../images/refresh.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnBack {
	background-image:url('../images/back.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnAssignWorker {
	background-image:url('../images/workers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.menu_buttons {
	cursor:pointer;
	font-weight:bold;
	min-width: 220px;
	min-height: 40px;
	padding: 5px 35px 5px 35px;
	text-align: center;
	background-color:#F0F0F0;
	font-size: 1em;
}

#btnHome{
	background-image:url('../images/home.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnCustomers{
	background-image:url('../images/customers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnWorkers{
	background-image:url('../images/workers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnUsers{
	background-image:url('../images/users.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnAuditLog{
	background-image:url('../images/notepad.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnJobs{
	background-image:url('../images/job.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnPay{
	background-image:url('../images/dollar.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnReports{
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptJobList {
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptWorkerWages{
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptOutstandingWages{
	background-image:url('../images/dollar.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnChgPwd{
	background-image:url('../images/keys.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnLogout{
	color: Red;	
	background-image:url('../images/logout.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#mainmenu {
	padding: 0 10px 0 10px;
}

.admin_access {
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}

	.admin_access .menu_buttons{
		background-color: #7F3E18;
		color:White;
	}

.common_access {
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}

/* Expand/Collapse DIV */
    .container{
	  border: solid 1px silver;
	  margin:10px;
	}


	.header{
	  background:#FFDA7C url('../images/arrow_up.png') no-repeat right center;
	  cursor:pointer;
	  padding: 5px;
	  font-weight: bold;
	}

	.collapsed .header{
	  background-image:url('../images/arrow_down.png');
	}

	.content{
	  height:auto;
	  min-height:100px;
	  overflow:hidden;
	  transition:all 0.3s linear;
	  -webkit-transition:all 0.3s linear;
	  -moz-transition:all 0.3s linear;
	  -ms-transition:all 0.3s linear;
	  -o-transition:all 0.3s linear;
	}

	.collapsed .content{
	  min-height:0px;
	  height:0px;
	}	

	
/* Job */
#job_details {
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 680px;
	border: solid 1px black;
	min-height: 100px;
}

#job_details .detail_header {
	background-color:#ADEEFF;
	padding: 5px;
	font-weight: bold;	
	border-bottom: solid 1px #DDDDDD;
}

#job_worker{
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 680px; 
	border: solid 1px black; 
	min-height: 100px;
}

#job_worker .detail_header {
	background-color:#AEFF8E;
	padding: 5px;
	font-weight: bold;	
	border-bottom: solid 1px #DDDDDD;
}

#job_cost{
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 450px; 
	border: solid 1px black; 
	min-height: 100px;
}

#job_cost .detail_header {
	background-color:#FFBBBB;
	padding: 5px;
	font-weight: bold;	
	border-bottom: solid 1px #DDDDDD;
}

#job_files {
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 450px; 
	border: solid 1px black; 
	min-height: 100px;
}

#job_files .detail_header {
	background-color:#FFDD00;
	padding: 5px;
	font-weight: bold;	
	border-bottom: solid 1px #DDDDDD;
}

.detail_footer {
	text-align: right;
	background-color:#E8FAFF;
	padding: 5px;
	font-weight: bold;	
	border-top: solid 1px #DDDDDD;
}

.section_box {
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 600px; 
	border: solid 1px silver; 
	min-height: 100px;
}

.section_header {
	background-color:#EEEEEE;
	padding: 5px;
	font-weight: bold;	
	font-size: 1.2em;
	color: Black;
	border-bottom: solid 1px silver;
}

.section_footer {
	text-align: right;
	background-color:#E8FAFF;
	padding: 5px;
	font-weight: bold;	
	border-top: solid 1px #DDDDDD;
}

.red_footer {
	background-color:Red;
	color: White;
}

.outstanding {
	background-color:Yellow;
}

/* Tooltip */
.ToolText{position:relative; }
.ToolTextHover{position:relative;}

.ToolText span{display: none;}
.ToolTextHover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:1.3em;
  left:5px;
  background-color:#ffff66; 
  color:Blue;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding: 5px;
  z-index: 1;
}