/*-----------FORMELEMENTS----------------*/
form.simpleform {

}

form.simpleform fieldset{
	border-width: 0px;
	margin:0px;
	padding:0px;
}

form.simpleform legend{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
	line-height:0px;
	text-indent:-999em;
	z-index:0;
	color: #ffffff;
}

form.simpleform label {
	display:block;
	padding-top:8px;
	padding-bottom:3px;
	clear:both;
}

form.simpleform .inputtext {
	border:1px solid #BFD0DE;
	font-family:Arial, Verdana, 'Sans Serif';
}

form.simpleform input.focusclear {
	color: #AAA;
}

form.simpleform .generalsize_text {
	width:450px;
}

form.simpleform .smalltext {
	width:120px;
	background: #FFFFFF;
	border: 0px;
	height: 20px;
	min-height: 20px;
	border:1px solid #BFD0DE;
	width: 50%;
}

form.simpleform .generalsize_textarea {
	width:450px;
	font-family:Arial, Verdana, 'Sans Serif';
}

form.simpleform select {
	width:450px;
}

form.simpleform .alignment { margin-right: 32px;}
form.simpleform .alignment_summary { margin-right: 70px;clear:both;}

form.simpleform #search_area {
	position: relative;
	width: 75%;
}
	
form.simpleform #search_area label {
	background: transparent url(images/magnifying_glass_black.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 15px;
	color: #<dsutil:write source="COLOR3" />;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 5px; 
}
	
form.simpleform #search_area .inputtext {
	width: 475px;
}

form.simpleform #search_area label {
	background: transparent url(images/magnifying_glass_black.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 15px;
	color: #<dsutil:write source="COLOR3" />;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 5px; 
}

form.simpleform #search_area .inputtext {
	width: 475px;
}

form.simpleform #search_area .submit_button{
  margin: 22px 0px 0px 0px;
  padding: 0 4px;
  position:absolute;	
  top:20px;
  left:500px;
  height: 24px;
  margin-left: 6px;
  width: 50px;
}

form.simpleform .submit_button {
	border:1px solid #8B3C8B;
	cursor:pointer;
	font-weight:bold;
	font-size: 110%;
	height:22px;
	min-height: 22px;
	padding:0px 5px 0px 5px;
	clear: both;
	background-color: #8B3C8B;
	color: #FFFFFF;
}

form.simpleform a.submit_button {
	padding:0px 5px 0px 5px;
	display: block;
	width: 100px;
	text-align: center;
}

form.simpleform .submit_button_md {
}
	
form.simpleform .submit_button_mo, a.submit_button:hover {
	color: #FFFFFF;
	text-decoration: none;
}

form.simpleform input#submit_forms_nextPage,
form.simpleform input#submit_forms_previousPage {
	clear: none;
}

form.simpleform input#submit_forms_nextPage {
	float: right;
}

form.simpleform input#submit_forms_previousPage {
	float: left;
}

form.simpleform .radio_check_input {
		float:left;
		width:20px;
	}
	
form.simpleform .radio_check_label {
	float:left;
	width:80%;
}

form.simpleform .radio_check_label label {
	padding-top:0px;
}

form.simpleform .bold {
	font-weight: bold;
}

/** Hardcoded forms **/
form.simpleform form.form p {
	clear: both;
	margin: 10px 0;
}

form.simpleform form.form label {
	padding: 0 20px 0 0;
	float: left;
	font-weight: bold;
}

form.simpleform form.form label.inlinelabel {
	float: none;
	font-weight: normal;
}

form.simpleform form.form ul.checklist {
	clear: both;
	overflow: hidden;
}

form.simpleform form.form input.checkbox {
	vertical-align: top;
}

/*-----------FORM DESIGNER-----------------*/
form.simpleform {
	/* width: 585px; */
}

form.simpleform h2 {
	margin-top:  0;
}

form.simpleform div.form-row {
	clear: both;
	overflow: hidden;
	padding-bottom: 1px;
}

form.simpleform div.question {
	margin: 0 25px 0 0;
}

form.simpleform div.question.last-child {
	margin-right: 0;
}

form.simpleform div.one-column div.question {
	float: left;
	width: 540px;
	margin-right: 0;
}

form.simpleform div.two-columns div.question {
	float: left;
	width: 250px;
}

form.simpleform div.three-columns div.question {
	float: left;
	width: 150px;
}

form.simpleform div.four-columns div.question {
	float: left;
	width: 110px;
}

form.simpleform label, form.simpleform div.comment h3 {
	display: block;
	margin: 0;
	padding: 8px 0 3px;
	font-size: inherit;
	color: inherit;
}

form.simpleform span.required {
	color: #D72626;
}

form.simpleform div.question span.required {
	padding-right: 5px;
}

form.simpleform a.hint-toggle, form.simpleform a.set {
	outline: none;
	padding-left: 10px;
}

form.simpleform a.hint-toggle {
	cursor: help;
}

form.simpleform span.hint {
	display: block;
	position: absolute;
	margin: -12px 0 0 50px;
	border: 1px solid #CC9933;
	background-color: #FFFFCC;
	padding: 10px 12px;
	color: #000;
}

form.simpleform span.hidden {
	display: none;
}

ul.warnings {
	margin: 0 0 5px;
	list-style: none;
	background: #FFFFE0 url('images/tooltip-arrow-up.gif') no-repeat left top;
	padding: 13px 5px 5px;
	color: #FF0000;
}

form.simpleform .inputfield {
	width: 99%;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #777777;
}

form.simpleform .inputfield:focus {
	border-color: #999999;
	color: #555555;
}

form.simpleform textarea.inputfield {
	overflow: auto;
	font-family: Arial, Verdana, 'Sans Serif';
}

form.simpleform input.delete-submit {
	border: none;
	width: 20px;
	background: url('images/icon_delete.gif') no-repeat 2px 4px;
	padding-left: 20px;
	text-indent: 20px;
	color: #E5E7E6;
}

/* widths per column 
form.simpleform div.one-column .inputfield { width: 550px; }
form.simpleform div.two-columns .inputfield { width: 220px; }
form.simpleform div.three-columns .inputfield { width: 140px; }
form.simpleform div.four-columns .inputfield { width: 100px; }

form.simpleform div.one-column select.inputfield {		width: 550px; }
form.simpleform div.two-columns select.inputfield {		width: 220px; }
form.simpleform div.three-columns select.inputfield {	width: 140px; }
form.simpleform div.four-columns select.inputfield {	width: 100px; }
*/
form.simpleform div.datefield input.inputfield {	width: 145px; }
form.simpleform div.timefield select.inputfield { width: 50px; }

/* full width question types */
form.simpleform div.form-row div.geofield, form.simpleform div.form-row div.webeditor {
	width: 100%;
}

form.simpleform div.google-map {
	width: 500px;
	height: 300px;
}

#content form.simpleform div.checkfields ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content form.simpleform div.checkfields li {
	padding: 5px 0;
	list-style-type: none;
	margin-left: 0;
}

#content form.simpleform div.checkfields input.checkbox, 
#content form.simpleform div.checkfields input.radio {
	vertical-align: middle;
	border: none;
	width: 15px;
	height: auto;
	background: none;
}

form.simpleform div.checkfields input.radio {
	vertical-align: text-bottom;
}

form.simpleform div.checkfields ul label {
	display: inline;
}

form.simpleform div.submit-buttons {
	clear: both;
	min-height: 22px;
	margin-right: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.summary div.form-row {
	padding: 0 0 8px;
}

form.summary div.form-row p {
	float: left;
	margin: 0;
}

form.summary div.one-column p { width: 100%; }
form.summary div.two-columns p { width: 49%; }
form.summary div.three-columns p { width: 33%; }
form.summary div.four-columns p { width: 24%; }

