/************************************************************************
 * form styles
 */
#fbBox form div,
form div {
    margin: 5px 0;
}
#fbBox div.error-message,
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;
}
form div.checkbox input {
	margin-right: 5px;
}

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;
}
form div.submit input,
form div.submit_wide input,
form input.button {
		padding: 0px 5px;
}
form div.textarea label {
	float: none;
	display: block;
}
form div.textarea textarea {
	margin-bottom: 5px;
	width: 400px;
	height: 50px;
}
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: 60px;
}
form div.radio label {
	margin: 0 10px 0 5px; 
}
form span.hint {
	float:right;
	margin: 2px 20px 5px 0;
	font-size: 0.85em;
}
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;
}
form div.submit_wide {
	margin-left: 0px;
	margin-top: 20px;
}

/* search form */
#content .searchbox {
	width: 500px;
	height: 88px;
	padding: 22px 5px 5px 35px;
	background: url(../img/search_back.png) no-repeat;
	margin: -45px 80px 0 36px;
	float: left;
} 
#content .searchbox input.search_input {
	float: left;
	width: 400px;
	height: 28px;
	background: url(../img/search_back.jpg) no-repeat 0 5px;
	margin: 4px 10px 0 0;
	color: #888;
	padding: 5px;
	font-style: italic;
	font-size: 15px;
	border: 0;
}

#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 .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;
}
form#UserEditProfileForm div.checkbox {
	margin: 10px 0 10px 0px;
}

/* user settings form */
form#UserSettingEdit .checkbox input {
	float: left;
}
form#UserSettingEdit .checkbox label {
	float: left;
	margin-left: 5px;
}