html {
	position: relative;
	min-height: 100%;
}

body {
	font: 14px 'Droid Sans',Arial,Verdana,Sans-serif;
	background: #ececec;
	margin: 0 0 230px 0;
	padding: 0;

	
}

#wrap {
	max-width: 1170px;
	min-width: 767px;
	margin: 0 auto 0 auto;
	padding: 0 10px 0 10px;
}
#content {height: 180px;}

/**** Header bar ****/
#headerBar {width: 100%; height: 60px; background: #34393c; margin: 0 0 80px 0;}
	#headerBar #top {
		max-width: 1170px;
		min-width: 767px;
		height: 48px;
		margin: 0 auto 0 auto;
		padding: 12px 10px 0 10px;
	}
	#headerBar #top h1 {width: 180px; height: 36px; display: block; float: left; background: url(../img/avenue4.gif) no-repeat; text-indent: -9000px; margin: 0 15px 0 0; padding: 0;}
	#headerBar #top h2 {width: 177px; height: 38px; display: block; background: url(../img/sprites.png) -20px -130px no-repeat; text-indent: -9000px; float: left; margin: 0; padding: 0;}
	#headerBar #top ul {margin: 0 0 0 0; padding: 0; display: block; float: right;}
	#headerBar #top ul li {margin: 0 18px 0 0; padding: 0 0 0 22px; display: block; float: left; background: url(../img/topDivider.png) left no-repeat; color: #fff;} 
	#headerBar #top ul li:first-child {background: none;}
	#headerBar #top ul li:last-child {margin-right: 0;}
	#headerBar #top ul li a {height: 30px; margin: 0; padding: 14px 30px 0 0; display: block; color: #fff; text-decoration: none; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);}
		#headerBar #top ul li a:hover {color: #81b53a;}
		#headerBar #top ul li a#products {background: url(../img/topProducts.png) right 17px no-repeat;}
		#headerBar #top ul li a#account {background: url(../img/topAccount.png) right 11px no-repeat;}
		#headerBar #top ul li a#logout {background: url(../img/topLock.png) right 11px no-repeat;}
	
	#headerBar #top ul li ul {width: 190px; display: none; position: absolute; background: #34393c; margin-left: -88px; padding: 20px 0 0 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5);}
	#headerBar #top ul li ul li {display: block; list-style: none; float: none; background: none; margin: 0 0 20px 0;}
	#headerBar #top ul li ul li a {text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); margin: 0 0 0 0; padding: 0 0 0 20px; height: auto;}
	#headerBar #top ul li ul li a span {display: inline-block; width: 24px; height: 23px; margin: -3px 10px 0 -30px; position: absolute;}
	#headerBar #top ul li:hover ul {display: block;}

	#headerBar #top ul li ul li a.dg span {background: url(../img/sprites.png) -540px -72px no-repeat;}
	#headerBar #top ul li ul li a.lm span {background: url(../img/sprites.png) -628px -72px no-repeat;}
	#headerBar #top ul li ul li a.cm span {background: url(../img/sprites.png) -584px -72px no-repeat;}

#headerBar #bottom {width: 100%; height: 6px; background: #73a033; border-top: 1px solid #7fb138; clear: both;}
	#headerBar #bottom ul {width: 1170px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; display: block;}
	#headerBar #bottom ul li {margin: 0 1px 0 1px; display: block; float: left; list-style: none; font-family: 'Droid Sans',Arial,Verdana,Sans-serif; height: 34px; border-radius: 4px; background: url(../img/subNavBackground.gif) repeat-x;}
	#headerBar #bottom ul li a {text-decoration: none; color: #fff; font-size: 0.8em; padding: 10px; height: 14px; display: block; text-shadow: 0px -1px 0px rgba(96, 134, 34, 1);}
	#headerBar #bottom ul li a:hover {background: url(../img/subNavActive.gif) center bottom no-repeat;}
	#headerBar #bottom ul li a.current {background: url(../img/subNavActive.gif) center bottom no-repeat;}
/**** End Header bar ****/

/**** Login ****/
.box {width: 106px; height: 40px; border: none; padding: 0 10px 0 43px; color: #5b6469; font-family: 'Droid Sans',Arial,Verdana,Sans-serif;}
	.box.loginUsername {border-radius: 4px 0 0 4px; margin: 0 2px 0 0; background: #fff url(../img/iconUsername.gif) 15px 11px no-repeat;}
	.box.loginPassword {border-radius: 0 4px 4px 0; background: #fff url(../img/iconPassword.gif) 15px 11px no-repeat;}
#rememberBox{display: block; text-align: left; margin-top: 20px; font-size: 0.9em; color: #5b6469;}

#main_login {margin-top:50px;}
#login_box {background: #dbdfe1; width: 430px; border-radius: 8px; margin: 150px 0 0 0; padding: 20px 15px 20px 15px;}
#login_box input {font-size: 1.2em;}
#login_header {background-color:#33ff33; color:#FFFFFF; padding:3px;}

.submit {width: 94px; height: 40px; border: none; margin: 0 0 0 15px; padding: 0; background: url(../img/sprites.png) -406px -20px no-repeat; text-indent: -9000px; cursor: pointer;}
.submit:hover,.submit:focus {background-position: -406px -70px;}

#login_error_message {width: 280px; height: 20px; margin: -23px 0px 0px 150px; font-size: 0.9em; color:#fff; padding: 5px 0 0 0; border-radius: 4px; background: #da918f; border: 1px solid #b47876; position: absolute; text-shadow: 0px -1px 0px rgba(183, 98, 97, 1);}
#login_error_message span {width: 16px; height: 12px; background: url(../img/alertFailArrow.png) no-repeat; position: absolute; display: block; left: 50%; margin: 20px 0 0 -8px;}
/**** End Login ****/

/**** Generator ****/
input {font-family: 'Droid Sans',Arial,Verdana,Sans-serif; color: #5c656a; font-size: 1em;}

#formGenerator {width: 315px; margin: 0 auto 0 auto;}

#getdata {width: 94px; height: 40px; display: block; background: url(../img/sprites.png) -214px -20px no-repeat; border: none; text-indent: -9000px; cursor: pointer; float: left;}
	#getdata:hover, #getdata:focus {background-position: -214px -70px;}

#usedata {width: 58px; height: 40px; display: block; background: url(../img/sprites.png) -328px -20px no-repeat; border: none; text-indent: -9000px; cursor: pointer; float: right;}
	#usedata:hover, #usedata:focus {background-position: -328px -70px;}

#docNum {width: 176px; height: 40px; border-radius: 4px; border: 1px solid #b4bbc1; float: right; padding: 0 12px 0 12px;}
#job_descr {width: 289px; height: 40px; border-radius: 4px; border: 1px solid #b4bbc1; margin: 0; padding: 0 12px 0 12px;}

#customer_name, #sale_name, #sale_name_search {width: 313px;}
#new_customer, #new_sale {display: none; margin: 20px 0 0 0; padding: 0 12px 0 12px; width: 289px; height: 40px; border-radius: 4px; border: 1px solid #b4bbc1;}
/**** End Generator ****/

/**** Search ****/
#search_result {
	max-width: 1170px;
	min-width: 767px;
	margin: 40px auto 0 auto;
}
	#search_result h3 {font-size: 1.2em; font-weight: 700; color: #34393c; margin: 40px 0 15px 0;}
	#search_result h4 {margin: 10px 0 10px 0; color:#cc3333; font-weight: 400; font-size: 0.85em;}
	#search_result p {text-align: center; font-size: 1.1em; color: #34393c; margin: 0 0 0 0;}

#docketResults {width: 373px; margin: 40px auto 20px auto; padding: 20px; background: #dfdfe0; border-radius: 8px;}
#docketResults dl {}
	#docketResults dl dt {text-align: center; display: block;width: 370px;clear: both;}
		#docketResults dl dt p {text-align: center; font-size: 1em; color: #34393c; margin: 0; padding: 0;}
		#docketResults dl dt > label {text-align: left; font-size: 1em; color: #34393c; float:left;padding-top: 15px;}
		#docketResults dl dt > input {text-align: left; float:right; width:220px;height: 40px; margin: 0 auto 20px auto; display: block; padding: 0 12px 0 12px; border-radius: 4px; border: 1px solid #b4bbc1;}
		#docketResults dl dt select {text-align: left; float:right; width:245px;height: 40px; margin: 0 auto 20px auto; display: block; padding: 0 12px 0 12px;
			border: solid 1px #BBB;
			line-height: 1.5;
			text-decoration: none;
			text-align: left;
			color: #000;
			outline: none;
			vertical-align: middle;
			background: #F2F2F2;
			background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
			-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
			-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
			box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			cursor: pointer;
		}
		#docketResults dl dt select option { display: block;padding: 10px 12px 10px 12px; background-color: white;}
		#docketResults dl dt select option:hover, #docketResults dl dt select option:checked {     
			background-color: #8bc13e;
			background-image: -moz-linear-gradient(top, #8bc13e, #73a033);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8bc13e), to(#73a033));
			background-image: -webkit-linear-gradient(top, #8bc13e, #73a033);
			background-image: -o-linear-gradient(top, #8bc13e, #73a033);
			background-image: linear-gradient(to bottom, #8bc13e, #73a033);
			background-repeat: repeat-x;
			color: #ffffff;
		}
		#docketResults dl dt div.checkbox {
			display: inline;
			padding: 0 35px 0 0px;
			float: left;
			margin-bottom: 25px;
			margin-top: 15px;
		}
		#docketResults dl dt p strong {font-size: 1.4em;}

#advancedSearch {width: 100%;}
	#advancedSearch dt {
		display: inline-block;
		margin: 0;
	}
	#advancedSearch dt.selects {margin-right: 30px;}
	#advancedSearch dt.search-btn {float: right;}
	#advancedSearch .searchButton {}

#formSearch {
	width: 410px;
	margin: 0 auto 0 auto;
}
	#formSearch input {
		height: 40px;
		padding: 0 12px 0 12px;
		border-radius: 4px;
		border: 1px solid #b4bbc1;
	}
		#formSearch input[type=text] {float: left;}
		#formSearch button {float: right;}

#search_by_doc {width: 288px; font-size: 1em;}
#search_by_client {width: 312px;}

.searchButton {width: 77px; height: 40px; display: block; background: url(../img/sprites.png) -117px -20px no-repeat; border: none; text-indent: -9000px; cursor: pointer;}
	.searchButton:hover, .searchButton:focus {background-position: -117px -70px;}

#docketList {
	width: 100%;
	margin: 15px auto 0 auto;
	padding: 0;
}

.download {
	color: #6aa40b;
	text-decoration: none;
	font-weight: bold;
}
	.download:hover {color: #426607;}

#tableHeader {}
#tableHeader {background: url(../img/backgroundTableHeader.gif) repeat-x; height: 33px;}
	#tableHeader td {
		vertical-align: middle;
		color: #fff;
		position: relative;
		padding-left: 20px;
		text-align: left;
		font-size: 0.857em;
	}
	#tableHeader td span {width: 2px; height: 32px; display: block; margin: -8px 0 0 -20px; background: url(../img/backgroundTableHeaderDivider.gif) no-repeat; position: absolute;}
		#tableHeader td span.empty {margin-top: -15px;}
	#tableHeader td.middle {
		padding-left: 20px;
		padding-right: 20px;
	}
		#tableHeader td#first {
			background: url(../img/backgroundTableHeaderLeft.gif) left no-repeat;
			padding-left: 20px;
			padding-right: 20px;
		}
		#tableHeader td#last {background: url(../img/backgroundTableHeaderRight.gif) right no-repeat;}
		#tableHeader td#last span {margin-top: -16px;}

		#tableHeader td:first-child {max-width: 48px; width: 48px; min-width: 48px;}
		/*
		#tableHeader td:nth-child(2) {width: 62px;}
		#tableHeader td:nth-child(3) {width: 62px;}
		#tableHeader td:nth-child(4) {width: 62px;}
		#tableHeader td:nth-child(5) {width: 62px;}
		#tableHeader td:nth-child(6) {width: 150px;}
		#tableHeader td:nth-child(7) {width: 121px;}
		#tableHeader td:nth-child(8) {width: 43px;}
		*/
		#tableHeader td:nth-child(8) {min-width: 52px;}
		#tableHeader td:last-child {max-width: 73px; width: 73px; min-width: 73px;}

#tableContent {}
	#tableContent td {
		padding: 12px 20px 12px 20px;
		vertical-align: middle;
		color: #34393c;
		font-size: 0.857em;
	}
	#tableContent:hover td {color: #fff; text-shadow: 0px -1px 0px rgba(88, 122, 39, 1); cursor: pointer;}
	#tableContent:nth-child(even) {background: #dfdfe0;} 
	#tableContent:hover {background: #61872b url(../img/backgroundTableContentHover.gif) repeat-x;}
	#tableContent td:last-child {
		padding: 12px 10px 12px 15px;
	}

.edit {
	color: #7cac37;
	padding: 0 10px 0 0;
	text-decoration: none;
	font-weight: 400;
}
	.edit i {margin-left: 3px;}
	#tableContent:hover td a.edit {color: #fff;}

.updateDocket {width: 370px; margin: 0 auto 0 auto;}

#new_descr {width: 386px; height: 40px; margin: 0 auto 20px auto; display: block; padding: 0 12px 0 12px; border-radius: 4px; border: 1px solid #b4bbc1;}
.updateDocket #new_descr {width: 344px; height: 40px; margin: 0 auto 20px auto; display: block; padding: 0 12px 0 12px; border-radius: 4px; border: 1px solid #b4bbc1;}

#change_descr_button {
	width: 77px;
	height: 40px;
	display: block;
	margin: 0 0 0 0;
	background: url(../img/sprites.png) -20px -20px no-repeat;
	border: none;
	text-indent: -9000px;
	cursor: pointer;
	float: right;
}
	#change_descr_button:hover, #change_descr_button:focus {background-position: -20px -70px;}

#cancel_descr_button {
	margin-top: 15px;
	height: 16px;
	display: block;
	background: none;
	border: none;
	cursor: pointer;
	float: left;
	color: #898f94;
	border-bottom: 1px dotted #898f94;
}
	#cancel_descr_button:hover, #cancel_descr_button:focus {background-position: -20px -238px;}
	
#delete_button {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1.143em;
	color: #b10000;
}
	#delete_button:hover, #delete_button:focus {color: #6e0000;}

	input[type=checkbox] {margin-right: 3px;}

/**** End Search ****/

/**** Messages ****/
#message {color: #cc3333; width: 340px; margin-top: 30px; display: block;}
#message1 {color: #73a033; width: 340px; margin-top: 30px; display: block;}

.errorMessage {width: 410px; display: block; border-radius: 4px; background: #da918f; border: 1px solid #b47876; margin: 0 auto 0 auto !important; padding: 15px 0 15px 0; color: #fff !important; font-size: 0.85em !important; text-shadow: 0px -1px 0px rgba(183, 98, 97, 1);}
.successMessage {width: 410px; display: block; border-radius: 4px; background: #98af72; border: 1px solid #7e915e; margin: 0 auto 0 auto !important; padding: 15px 0 15px 0; color: #fff !important; font-size: 0.85em !important; text-shadow: 0px -1px 0px rgba(106, 134, 67, 1);}
/**** End Messages ****/

/**** Footer ****/
#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 60px 0 20px 0;
	padding: 20px 0 0 0;
	background: url(../img/footerBackground.gif) top repeat-x;
}
	#footer ul {width: 96px; display: block; margin: 0 auto 0 auto; padding: 0;}
	#footer li {display: block; width: 38px; height: 39px; margin: 0 20px 0 0; padding: 0; float: left;}
	#footer li:last-child {margin-right: 0;}
	#footer li a {display: block; width: 38px; height: 39px;}
	#footer li a.dg {background: url(../img/sprites.png) -612px -130px no-repeat; text-indent: -9000px;}
	#footer li a.lm {background: url(../img/sprites.png) -728px -130px no-repeat; text-indent: -9000px;}
	#footer li a.cm {background: url(../img/sprites.png) -670px -130px no-repeat; text-indent: -9000px;}
/**** End Footer ****/


/**** Clear Floated Elements ****/
	
/**** http://sonspring.com/journal/clearing-floats ****/
html body div.clear,
html body span.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/**** End Clear Floated Elements ****/

/**** Headings ****/
h1, h2, h3, h4 {font-family: 'Droid Sans',Arial,Verdana,Sans-serif; font-weight: normal;}
h1 {font-size: 1.54em;}
h2 {font-size: 2.14em; padding: .5em 0 1em 0; color: #900;}
/**** End Headings ****/

/**** Spacing ****/
p {overflow: hidden; padding: 0 0 1em 0;}

dl {padding: 0 0 0 0; font-size: .857em;}
	dt {display: block; margin-top: 0; margin-bottom: 20px;}
		dd {padding: 0; font-size: .875em;}
		dd img {vertical-align: middle;}

ol {list-style: decimal;}
ul {list-style: square;}
	li {margin-left: 30px;}

hr,
ol,
ul,
pre,
table,
address,
fieldset {margin-bottom: 20px;}