/*
VISUAL EFFECTS
background color of form: fieldset
background color of submit btns: input.submit

Change input lengths 
	(i.e. <li class="i2">) 
	input.i1 {width:50px;} - fits dates
	input.i2 {width:90px;} - passwords
	input.i3 {width:179px;} - email, web addresses
	input.i4 {width:350px;} - titles

	default input length is 120px

MARKUP RULES
Align fields in a row 
	give a class of "inline" to each <li> you want in the row. Give the first <li> in the row a class of "first_inline" to make its label    align correctly with the rest of the labels.

<li>s containing checkboxes or radios need a class of either "checkbox" or "radio"

any forms unique to a specific site should be styled in the "SPECIALIZED FORMS" area at the bottom of this stylesheet

required fields labels should have a class of "bold"
*/

form, input, fieldset, legend, label {
	margin:0;
	padding:0;
}

form {margin-bottom:20px;}

fieldset, legend {
	background-color:#ebebeb; /* background color of form */
	border:0px solid black;
}

fieldset {
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	padding-top:0px;
	padding-bottom:10px;
}

legend {
	font-size:16px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:10px;
	margin-left:-20px;
	padding:4px 13px;
}

form ul, form#Form1 td ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

/*form ul li, form#Form1 td ul li {*/
form li, td ul li {
	clear:both;
	margin-right:0px;
	padding-bottom:10px;
	border:0px solid black;
}

label, li.inline label, li.first_inline label {
	float:left;
	text-align:right;
	width:100px;
	margin-top:4px;
	margin-right:4px;
	margin-left:20px;
}
li.inline label {
	width:auto;
	/*float:none;*/
}

input, textarea, select {
	border:1px solid #7f9db9;
	font:12px arial, sans-serif;
}

input, textarea {
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
}

input {
	width:120px;
}

textarea {
	width:350px;
	height:90px;
}

select {
	min-width:126px;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:1px;
	padding-left:2px;
}

/* BEGIN CLASSES */
li.inline, li.first_inline {
	float:left;
	clear:none;
	border:0px solid blue;
}

li.radio, li.checkbox {
	float:left;
	clear:none;
	border:0px solid black;
}

li.setwidth {
	width:240px;
	padding-right:15px;
}
li.clear {clear:both;height:auto;}
input.checkbox, input.radio, li.radio input , li.checkbox input, li.radio_single input, li.checkbox_single input {
	width:14px;
	height:14px;
	margin-right:0px;
	padding:0;
	vertical-align:middle;
	border:0;
}
li.radio span, li.checkbox span { /* the overall label for a group of checkboxes or radios */
	width:100px;
	text-align:right;
	display:block;
	float:left;
	margin-right:10px;
	padding-left:20px;
	border:0px solid black;
}
li.radio label, li.checkbox label {
	float:none;
	text-align:left;
	margin-right:20px;
	margin-left:2px;
	width:auto;
}
li.radio_single label, li.checkbox_single label {
	float:left;
	text-align:right;
}

input.submit { 
	background-color:#0f78b6; /* background color of submit buttons */
	color:#fff;
	border:0px solid #000;
	width:auto;
	font-size:11px;
	font-weight:bold;
	padding-top:2px;
	padding-right:7px;
	padding-bottom:2px;
	padding-left:7px;	
}
.submit:visited {}
.submit:hover {
	background-color:#f06c1a; /* hover background color of submit buttons */
}
form div.clear {
	height:auto;
}

input.i1 {width:50px;}
input.i2 {width:90px;}
input.i3 {width:179px;}
input.i4 {width:350px;}

.error, .success {
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:5px;
}
.error {
	background-color: #CC0000;
	color:#fff;
}
.success {
	background-color:#39b44a;
	color:#fff;
}

.hidden {display:none;}

/* BEGIN SPECIALIZED FORMS */
form#form_login {
	margin:0;
	padding:0;
	position:absolute;
	top:-22px;
	left:0px;
}
form#form_login img {
	float:left;
	margin-right:2px;
	margin-top:1px;
}
#form_login input {
	background-color:#fff;
	margin:0;
	margin-right:8px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
	border:0;
	height:17px;
	float:left;
}
#form_login input#password {
	width:70px;
}
#form_login input.submit { 
	background-color:#0f78b6; /* background color of submit buttons */
	color:#fff;
	border:0px solid #000;
	width:46px;
	font-size:11px;
	font-weight:bold;
	height:17px;
	padding:0;	
}
#form_login .submit:visited {}
#form_login .submit:hover {
	background-color:#f06c1a; /* hover background color of submit buttons */
}

td#search_footer {background-color:#efefef;}
#search_footer h2 {margin-top:20px;}
div#event_search, {
	float:left;
	width:545px;
	margin:0;
	padding:0;
	padding-left:15px;
	padding-top:15px;
}

#search_footer form {
	padding:0;
	margin:0;
}
#search_footer div#event_search div, #search_footer div#member_search div {
	border:1px solid #b0b0b0;
	background-color:#fff; 
	padding:0;
	margin-bottom:15px;
	min-height:284px;
}
#search_footer fieldset {
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#fff; 
	border:0px solid black;
}
#search_footer legend {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:4px;
	margin-left:-20px;
	background-color:#fff;
	padding:4px 13px;
}
#search_footer label, #search_footer li.inline label, #search_footer li.first_inline label {
	float:none;
	width:auto;
	margin:0;
	padding:0;
	border:0px solid blue;
}
#search_footer li.inline {
	padding-left:10px;
}
#search_footer input.submit_img {
	margin-top:15px;
	width:75px;
	height:26px;
	border:0;
}

form#email_newsletter {
	border:1px solid #ebebeb;
	padding:1px;
	margin-top:20px;
}
/*ie.css*/
#email_newsletter fieldset {
	margin:0;
	margin-top:-25px;
	padding:0;
	padding:10px;
}
/*ie.css*/
#email_newsletter legend {
	margin:0;
	padding:0;
	margin-top:40px;
	margin-bottom:-5px;
	font-size:14px;
}
#email_newsletter label {
	width:auto;
	text-align:left;
	float:none;
	margin:0;
	padding:0;
	border:0px solid black;
}
#email_newsletter input {width:176px;margin:0;}
#email_newsletter input.submit{
	width:74px;
	height:25px;
	padding:0;
	margin:0;
	margin-top:10px;
	border:0;
	background:none;
}
/*
fieldset {
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	padding-top:0px;
	padding-bottom:10px;
}

legend {
	font-size:16px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:10px;
	margin-left:-20px;
	padding:4px 13px;
}*/
/* END SPECIALIZED FORMS */