.form{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:small;
	width: 600px;
}
.form li{
	width:100%;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
form li{
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	clear:both;
}
form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
	display:inline-block;
}
form li div, form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}

/* Contractor / Business Licensing */
table.jurisdiction hr {border:0; height:1px; background-color:#ccc;}

form li div.license-cont, form li div.license-bus {
	margin:0;
	padding:0;
}

form li div.license-bus input.radio {
	width:auto;
	display:inline;
	clear:none;
}

form li div.license-bus label.radio {
	width:auto;
	display:inline;
	clear:none;
}

form input.disabled {background-color:#eee;}


/* END Contractor / Business Licensing */

form li div#pt_selection_status {
	font-weight: bold;
	font-size: 115%;
	line-height: 150%;
}

form li span{
	float:left;
}

form ul.inspections{
	margin:0;
	padding:0;
	list-style-type:circle;
}

form.assign fieldset {margin-bottom:20px;width:100%;border:1px solid #999;}
form.assign legend {font-weight:bold;font-size:120%;}
form.assign ul.inspections {padding: 7px 3px 7px 0;}

form li span.permit{
	width:90px;
	margin:0 15px 0 5px;
	float:left;
}

form li span.address{
	width:130px;
	margin:0 15px 0 15px;
	float:left;
}

form li span.inspect-item{
	width:150px;
	margin:0 15px 0 15px;
	float:left;
}

form li span.permit-type{
	width:240px;
	margin:0 15px 0 15px;
	float:left;
}

form li span.sched-date{
	width:25px;
	margin:0 15px 0 15px;
	float:left;
}

form li div.address{
	padding-bottom:0;
}

form li div.left{
	display:inline;
	float:left;
	width:47%;
}

form li div.right{
	display:inline;
	float:right;
	width:47%;
}

form li div.left.small {
	display: inline;
	float: left;
	width: 25%;
}

form li div {
	position: relative;
}

form .sort li {border:dotted 1px #666;cursor:crosshair;padding:4px;margin-bottom:5px;}
form .sort li:hover {border:solid 1px #666;background:#CCC;}

form div.right{
	display:inline;
	float:right;
	width:47%;
}

.clear{
	clear:both !important;
}

.inline_delete {
	margin-left:15px;
	position:relative;
	top:3px;
}

.handle {
	font-weight:bold;
	font-size:10px;
	padding:3px;
	float:none;
	border:1px solid #7EA49E;
	background:#CBDBEB;
	cursor:crosshair;
	margin:2px 0 0 20px;
}

.inspect-handle {
	font-weight:bold;
	font-size:10px;
	padding:3px;
	border:1px solid #7EA49E;
	background:#CBDBEB;
	cursor:crosshair;
}

.empty-handle {
	font-weight:bold;
	font-size:10px;
	padding:3px;
	border:1px solid #FFF;
	border-top:none;
	border-bottom:none;
	background:#FFF;
	color:#FFF;
}

p span.asterisk {font-size:200%;position:relative;top:8px;}

.sort_group {
	border:1px solid #999;
	margin:5px 0 10px 0;
	padding:8px;
	min-height:20px;
	width:575px;
}

.sort_group .group_handle {
	position:relative;
	left:563px;
	top:-7px;
	height:30px;
	font-weight:bold;
	font-size:10px;
	padding:3px;
	float:none;
	border:1px solid #7EA49E;
	background:#CBDBEB;
	cursor:crosshair;
	margin:2px 0 0 20px;
}

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
	margin-top:20px;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p{
	font-size:95%;
	line-height:135%;
	margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr {
	display:none;
}
.section-noform {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	font-weight:normal;
	font-size:120%;
	line-height:135%;
	margin:0 0 2px 0;
}
.first-noform {
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form li.section{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
}
form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 2px 0;
}
form .section p{
	font-size:85%;
	margin:0 0 10px 0;
}

form p#online_payment {
	margin:0 0 0 20px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-1.55em 15px 0 20px;
	padding:4px 0 5px 0;
	color:#222;
	width:90%;
}
label.inline{
	display:inline;
	font-size:100%;
	line-height:1.4em;
	padding:4px 0 5px 0;
	color:#222;
}
form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}
input.text, input.file{
	padding:2px 0 2px 0;
}
input.big {
	font-size: 150%;
	font-weight: bold;
}
input.currency{
	text-align:right;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
	height:13px;
}

input[readonly] {
	color: #777;
}

textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}

select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}

*:first-child+html select.select[class]{
	margin:1px 0;
}

.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

span.symbol{
	font-size:115%;
	line-height:130%;
}

form li .datepicker{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

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

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:0 auto;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin:3px 0;
}
form li.error label{
	color:#DF0000 !important;
}
form span.error{
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:0;
}
form div.error{
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:0;
}
.leftLabel p.error, .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	vertical-align:middle;
	color:red !important;
	font-size:140%;
	font-weight:bold;
	margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
}
form .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
form .instruct-inline{
	width:95%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
}
form .instruct small{
	font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
	visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	background:none;
	border:none;
	width:100%;
	font-size:9px;
	clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
	width:74% !important;
	padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
	width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:30%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel .address, .rightLabel .address{
	float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:30% !important;
	padding-left:15px;
	width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
	margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
	display:none !important;
}
.noI form li, .noI form li.buttons{
	width:97% !important;
}
.noI form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
	width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
	width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
	width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
	width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}

/* ------ AUTO COMPLETER ------ */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color: #dff4ff;
  border:0px solid #888;
  margin:0px;
  padding:0px;
  z-index: 99999;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
background-color: #dff4ff;
}
div.autocomplete ul li.selected { background-color: #E6EFC2;}
div.autocomplete ul li {
  background-color: #fff;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
background-color: #dff4ff;
}
div.autocomplete ul li span.informal {
	font-size: 10px;
}

/* ------ FILE UPLOADER ------ */
#upload-status
{
	border: 1px solid #999;
	padding: 10px 15px;
	width:95%;
}

#upload-status span {
	float: none;
}

#upload-status.hide {
	display: none;
}
 
#upload-status .progress {
	background:	white url(../images/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
}
 
#upload-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}
 
#upload-list {
	list-style:	none;
	width: 95%;
	margin: 0;
}

#upload-list span {
	float: none;
}
 
#upload-list li.file
{
	border-bottom: 1px solid #eee;
	background:	url(../images/file.png) no-repeat 4px 4px;
}
#upload-list li.file.file-uploading
{
	background-image: url(../images/uploading.png);
	background-color: #D9DDE9;
}
#upload-list li.file.file-success
{
	background-image: url(../images/success.png);
}
#upload-list li.file.file-failed
{
	background-image: url(../images/failed.png);
}
 
#upload-list li.file .file-name
{
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	font-weight: bold;
}
#upload-list li.file .file-size
{
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
#upload-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}
#upload-list li.file .file-remove
{
	clear: right;
	float: right;
	line-height: 12px;
	margin-right: 6px;
}

/* online permitting summary */
#app_review label.desc-light {line-height:150%; padding:0 0 1px 0; border:none; color:#666; display:block; font-size:95%; font-weight:bold;}
#app_review li {padding-left: 15px;}
#app_review li.section {padding-left: 0;}
#app_review .section h3 {font-weight:bold; font-size:120%; line-height:135%; margin:0 0 2px 0;}