
/************************************************************************
 * form styles
 */
form div {
    margin: 5px 0;
}
div.error-message {
	color: red;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding-left: 25px;
	background: url('../img/warning.gif') no-repeat;
	clear: left;
}

fieldset { 
	border: 1px solid #ccc;
	padding: 0 10px 10px 10px;
}
fieldset legend { padding: 5px; font-weight: bold; }

div.text input,
div.password input {
	width: 140px;
}
div.text_small input {
	width: 110px;
}
div.select select {
	width: 142px;
}
div.select select.select_wide {
	width: 225px;
}
div.text input.form-error,
div.password input.form-error {
	background-color: #FFAAAA;
}
 
form div.text label, 
form div.text_small label,
form div.file label, 
form div.password label, 
form div.select label,
form div.time label,
form div.date label,
form div.radio legend,
form div.checkboxeslabel,
form div.textarea_small label {
	display: block;
	float: left;
	width: 120px;
}
form div.submit {
	margin-left: 120px;
	float: left;
}
form div.submit_wide {
	float: left;
}
form div.submit_small input {
	padding: 0px 5px;
}
form div.submit input,
form div.submit_wide input,
form input.button {
	padding: 3px 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}
form div.textarea label {
	float: left;
	display: block;
	width: 120px;
}
form div.textarea textarea {
	margin-bottom: 5px;
	width: 400px;
	height: 50px;
	float: none;
}
form div.textarea textarea#MessageMessageText {
	height: 130px;
}
form div.textarea_wide textarea {
	width: 600px;
	height: 50px;
	margin-bottom: 10px;
}
form div.textarea_small textarea {
	margin-bottom: 5px;
	width: 140px;
	height: 50px;
}
form div.text_small label {
	width: 80px;
}
form div.radio label,
form div.checkbox label {
	margin: 0 10px 0 5px; 
}
form div.radio input,
form div.checkbox input {
	margin: 5px 0 5px 125px; 
}
form span.hint {
	margin: 2px 20px 5px 0;
	font-size: 0.85em;
	display: block;
	text-align: right;
}
form span.hint_onecol {
	margin-left: 5px;
	font-size: 0.85em;
}
span.must {
	font-weight: bold;
	color: red;
	font-size: 1.2em;
}
img.icon {
	margin: 0 0 2px 3px;
	vertical-align: bottom;
}
/* wide form */
form div.checkbox_wide {
	margin-top: 10px;
}
form div.checkbox_wide input {
	float: left;
}
form div.checkbox_wide label {
	display: block;
	margin-left: 20px;
}
form div.select_wide {
	margin-top: 10px;
}
form div.select_wide input {
	width: 220px;
	margin-left: 20px;
}
form div.input_wide input {
	width: 220px;
	margin-left: 20px;
}
form div.select_wide label {
	float: left;
	width: 260px;
}

/* search form */
#content .searchbox {
	position: absolute;
	z-index: 10;
	top: 258px;
	left: 38px;
	width: 584px;
	height: 74px;
	padding: 150px 20px 5px 20px;
	background: url(../img/search_back.png) no-repeat;
} 
#content .searchbox input.search_input {
	float: left;
	width: 399px;
	/*height: 32px;*/
	background: url(../img/search_back.jpg) no-repeat 0 5px;
	margin-top: 2px;
	color: #888;
	padding: 10px 5px;
	font-style: italic;
	font-size: 15px;
	border: 0;
}
#content .searchbox div.submit {
	float: left;
	margin: 0;
}
#content .searchbox .search_hint {
	float: left;
	font-size: 11px;
	margin: 0 0 0 6px;
}
#content .searchbox .advanced_search {
	float: right;
	font-size: 11px;
	margin-right: 18px;
}
#content #location_searchbox,
#content #username_searchbox {
	width: 230px;
	height: 106px;
	background: url(../img/forms/location_searchbox_back.jpg) no-repeat;
	padding: 20px 0 0 20px;
} 
#content #location_searchbox input.search_input,
#content #username_searchbox input.search_input {
	float: left;
	vertical-align: bottom;
	width: 165px;
	height: 15px;
	background: url(../img/forms/input_back.jpg) no-repeat;
	margin: 4px 5px 0 0;
	color: #888;
	padding: 3px;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #999;
}
#content #location_searchbox input.submit {
	padding-top: 5px;
}

#content .search_form {
	margin: 20px 0 0 0;
}
#content .search_form input.search_input {
	float: left;
	width: 400px;
	margin-right: 10px;
	color: #666;
	padding: 5px;
	font-style: italic;
	font-size: 20px;
}
#content.events input.search_input {
	width: 320px;
}
#content .search_form div.submit input {
	padding: 3px 10px;
	font-size: 20px;
	overflow: visible;
	width: auto;
}
#content .searchbox div.submit input {
	margin-top: 4px;  
}

/* login form */
form.login div.text label,
form.login div.password label {
	width: 110px;
}
form.login div.text input {
	margin-bottom: 5px;
}
form.login div.checkbox input {
	margin: 0 5px 5px 110px;
}
form.login div.submit input {
	margin-left: 110px;
}
/* register form */
form.register div.text label,
form.register div.password label {
	width: 140px;
	clear: left;
}
form.register div.text input,
form.register div.password input {
	width: 130px;
}
form#UserEditProfileForm div.checkbox {
	margin: 10px 0 10px 0px;
}

/* submenu form */
#submenu_option fieldset {
	float: left;
	width: 146px;
	border: 0;
	border-left: 2px solid #fff;  
	padding: 0 15px;
}
#submenu_option fieldset.first { border: 0; }
#submenu_option legend {
	color: #7e9a1f;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 10px;
	padding: 0;
}
#submenu_option .select { clear: left; margin-top: 10px; }
#submenu_option .select select { margin-top: 3px; }
#submenu_option .radio input { clear: left; float: left; margin-top: 5px; }
#submenu_option .radio label { width: 110px; display: block; float: left; margin-top: 5px; }
#submenu_option .checkbox { clear: both; padding-top: 5px; }
#submenu_option .checkbox input { float: left; margin-top: 2px;}
#submenu_option .checkbox label { width: 110px; display: block; float: left; }
#submenu_option .submit {
	margin: 0 !important;
	float: right;
	padding: 210px 10px 0 0;
}

/* custom forms */
form#UserSettingEdit .checkbox_wide input {
	float: left;
}
form#UserSettingEdit .checkbox_wide label {
	float: left;
	margin-left: 5px;
	display: inline;
}
form#FilterFindUsersForm .checkbox input,
form#FilterFindUsersForm .radio input {
	margin-left: 0px;
	clear: left;
}

