/* --- General --- */
body {
	text-align: center;
	font-family: Tahoma, 'Lucida Grande', Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	background: #E5E5E5;
}

* { margin:0; padding:0; text-align:left;}
img { border: 0; }
a { text-decoration: none; }
a:link, a:visited { color: #FFA918; }
a:hover { color: #000; text-decoration: none; }


.navbut {
	padding: 0px 10px 0px 10px;
	height: 20px;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid ;
	background:none !important;
}


/*--------------------------*/
/*     HEADER               */
/*--------------------------*/
#header {
	width: 100%;
	height: 115px;
	background: url(images/head_back.jpg) repeat-x;
	z-index: 0;
}
#header_container {
	width: 950px;
	height: 115px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/houseplans.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 0;
}
/*--   Header navigation rollover buttons --*/
#header_nav {
	width: 500px;
	height: 35px;
	float: right;
	text-align: right;
	margin-top: 50px;
}


#register_button {
	display: inline-block;
	width: 118px;
	height: 38px;
	background: url(images/register.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#register_button:hover {
	background-position: 0 0;
}

#login_button {
	display: inline-block;
	width: 97px;
	height: 38px;
	background: url(images/login.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#login_button:hover {
	background-position: 0 0;
}

#logout_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/logout.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#logout_button:hover {
	background-position: 0 0;
}

#home_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/home.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#home_button:hover {
	background-position: 0 0;
}
#status_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/status.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#status_button:hover {
	background-position: 0 0;
}
#outline_button {
	display: inline-block;
	width: 176px;
	height: 38px;
	background: url(images/outline.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#outline_button:hover {
	background-position: 0 0;
}
#select_button {
	display: inline-block;
	width: 176px;
	height: 38px;
	background: url(images/select.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#select_button:hover {
	background-position: 0 0;
}
/*--- end header navigation ---*/


/*--------------------------*/
/*     CENTER               */
/*--------------------------*/
#wrapper {
	width: 100%;
	min-height: 300px;
	background: #FFF;
	z-index: 0;
	padding-bottom:30px;
}
#wrapper_container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
}


#left_panel {
	width: 710px;
	margin: 0px;
	text-align: left;
	z-index: 0;
}
#right_panel {
	width: 200px;
	float: right;
	text-align: left;
	z-index: 0;
}

/*--- dashboard ---*/
#dashboard {
	width: 200px;
	height: 160px;
	font-size: 12px;
	background: url(images/dash_back.png) no-repeat;
	padding: 5px 15px 10px 15px;
}
#dashboard H1{
	font-size: 14px;
	font-weight: bold;
	color:#333;
}
#dashboard H2{
	font-size: 12px;
	font-weight: bold;
	color:#333;
	text-align:left;
}
#dashboard a{color:#333;}
#dashboard a:hover{color:#C60;}

/*--- sub_nav ---*/
#sub_nav {
	width: 200px;
	height: 140px;
	background: url(images/sub_nav_back.png) no-repeat;
	font-size: 14px;
	line-height: 12px;
	color: #333;
	padding-top: 5px;
}
#sub_nav dl {
	width: 200px;
}
#sub_nav dd {
	width: 200px;
	padding-left: 15px;
	padding-top: 5px;
}


#sub_nav a {
	color: #666;
}

#sub_nav a:hover {
	color: #000;
}


/*--------------------------*/
/*     FOOTER               */
/*--------------------------*/
#footer {
	width: 100%;
	height: 130px;
	background: #e5e5e5 url(images/foot_back.jpg) repeat-x;
	z-index: 0;
	clear: both;
}
#footer_container {
	width: 950px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	color: #666;
	background: url(images/shadow_curve.png) top center no-repeat;
	z-index: 0;
}
#footer a{
	color: #666;
	text-decoration: none;
	padding: 5px;
}
#footer a:hover{
	color:#000;
	text-decoration: none;
}
#footer_nav {
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
}
#footer_sub_nav {
	text-align: center;
	margin: 0px;
	padding-top:15px;
	height: 33px;
	font-size: 12px;
	background: url(images/foot_sub_back.png) no-repeat center;
}
#footer_no_sub_nav {
	margin: 0px;
	padding-top:15px;
	height: 33px;
}
#footer p {
	color: #AAA;
	font-size: 10px;
}
/*--   end footer definition   -------------*/


/*--- lower navigation section for client work oreder definition ---*/
#lower_nav {
	width:100%;
	height:50px;
	background: url(images/lower_nav_back.png) bottom no-repeat;
	clear:both;
	margin:30px 0px 30px 0px;
}


/*----- BUTTONS -----*/

#previous_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/previous.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#previous_button:hover {
	background-position: 0 0;
}

#next_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/next.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#next_button:hover {
	background-position: 0 0;
}

#order_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/order.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#order_button:hover {
	background-position: 0 0;
}

#back_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/back.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#back_button:hover {
	background-position: 0 0;
}


#update_button {
	display: inline-block;
	width: 104px;
	height: 38px;
	background: url(images/update.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#update_button:hover {
	background-position: 0 0;
}

#collected_button {
	display: inline-block;
	width: 270px;
	height: 38px;
	background: url(images/collected.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#collected_button:hover {
	background-position: 0 0;
}

#resolved_button {
	display: inline-block;
	width: 270px;
	height: 38px;
	background: url(images/resolved.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#resolved_button:hover {
	background-position: 0 0;
}

#accept_button {
	display: inline-block;
	width: 165px;
	height: 38px;
	background: url(images/accept_order.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#accept_button:hover {
	background-position: 0 0;
}

#raise_issue_button {
	display: inline-block;
	width: 165px;
	height: 38px;
	background: url(images/raise_issue.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#raise_issue_button:hover {
	background-position: 0 0;
}

#return_undone_button {
	display: inline-block;
	width: 165px;
	height: 38px;
	background: url(images/return_undone.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#return_undone_button:hover {
	background-position: 0 0;
}

#submit_issue_button {
	display: inline-block;
	width: 165px;
	height: 38px;
	background: url(images/submit.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#submit_issue_button:hover {
	background-position: 0 0;
}

#complete_button {
	display: inline-block;
	width: 270px;
	height: 38px;
	background: url(images/complete.png) bottom no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#complete_button:hover {
	background-position: 0 0;
}
/*==========================================================*/




/*--- breadcrumb --*/
#breadcrumb {
	font-size: 14px;
	font-weight: bold;
	vertical-align:top;
	color: #999;
}

#breadcrumb a{
	color: #999;
}
#breadcrumb a:hover{
	color: #000;
}





/*-- standard element definitions --*/
H1 { color: #FFA918; font-size: 48px; font-weight: bold; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }
H2 { color: #FFA918; font-size: 28px; font-weight: bold; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }
H3 { color: #333; font-size: 18px; font-weight: bold; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }

E1 { color: #FFA918; font-size: 28px; font-weight: bold; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }


H5 {
	/* --- standard message --*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #090;
	padding: 5px;
	border: 2px solid #090;
	background-color: #DDD;
	margin: 10px 0px 10px 0px;
}

H6 {
	/* --- ERROR MESSAGE --*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:red !important;
	padding: 5px;
	border: 2px solid #900;
	/*background: #DDD url(images/error_back.jpg);*/
	/*
	background-color: #EEE;
	background-image: url(images/alert.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 100px;
	height: 40px;
	margin: 10px 0px 10px 100px;*/
}

p {	padding-bottom:5px; font-weight:normal;}

table {
	font-size: 14px;
}

td {
	padding: 1px 5px 1px 5px !important;
	text-align:left;
}
th {
	font-weight: bold;
	color: #EEE;
	background-color: #333;
	padding: 2px 5px 2px 5px !important;
	text-align:left;
}


/*---  DEFINED CLASSES  ---*/
.clearboth { clear: both; }
.fineprint { font-size: 12px; color:#888;}

.tabledata {font-size:12px; width:100%;}
.tabledata a {color: #09C;}
.tabledata a:hover {color: #090;}

.textbox {
	border: 1px solid #999999;
	background: #EEE;
	padding: 0px 8px 0px 8px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.textboxreqd {
	border: 1px solid #FFA918;
	background: #FDE39B;
	padding: 0px 8px 0px 8px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.textboxmiss {
	border: 1px solid #bc7c0d;
	background: #FFA918;
	padding: 0px 8px 0px 8px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.result {
	font-size: 24px;
	border: 0px;
	height: 40px;
}
.button {
	padding: 0px 10px 0px 10px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.noround {
	border: 1px solid #999999;
	background: #EEE;
	padding: 0px 8px 0px 8px;
	height: 25px;
}

.light_button {
	display: inline-block;
	width: 45px;
	height: 50px;
	background: url(imageslight_button.png) bottom no-repeat;
}
.light_button:hover {
	background-position: 0 0;
}

.corner_shadow {
	background:url(images/div-corner.png) bottom right no-repeat;
	padding-right:13px;
	padding-bottom:20px;
}