/* Ajax Controls */
#animate,
#animateEmail {float:left; padding-left:4px;}
#checked,
#checkedEmail {float:left; padding:2px 0 0 4px; font-weight:normal;}

/* Default Form Control */
.required {color:red; font-weight:bold;} /*used for 'required' asterisk */
.note {padding-top:15px;}
p.color {padding:0 10px;}

form {width:100%; margin:1em auto; color:#444; cursor:pointer;}
form .url {float:left; line-height:1.6em;} /*used for event creation */
form span.url-folder {float:left; padding-top:6px;}
form .form-tip {float:left; margin:5px 0 0 8px; color:#909090; line-height:16px;}

fieldset {position:relative; margin-bottom:0.5em; padding:0; color:#444; cursor:pointer;}
legend {display:none; visibility:hidden; margin-bottom:8px; padding:2px 6px; font-weight:bold; font-variant:small-caps;}
fieldset ul {margin-bottom:5px; list-style:none;}
fieldset li {float:left; margin-right:0.1em;}
fieldset .selector {float:left; max-height:16px; margin:0; padding:0; margin-left:1em; border:1px solid #CCC; overflow:hidden;}
fieldset .selector:hover {border:1px solid #0066CC;}
fieldset .selector img {padding:0; border:2px solid #FFF;}

form table {}
form ul {margin:0 0 5px 0; list-style:none;}
form li {float:left; margin-right:0.1em;}
form .selector {float:left; max-height:16px; margin:4px 0 0 1em; padding:0; border:1px solid #CCC; overflow:hidden;}
form .selector:hover {border:1px solid #0066CC;}
form .selector img {padding:0; border:2px solid #FFF;}
form ul.form_note {display:block; float:left; }
form ul.form_note li {clear:left; display:block; padding-top:4px; vertical-align:middle;}

form .blog_photo {float:left; margin:6px 0 4px 0; padding:3px; border:solid 1px #AAA; /* used on blogs_edit_post */}
form .current_photo {float:left; margin:6px 0 4px 0; padding:3px; border:solid 1px #AAA; /* used on clubs_aboutus */}
form .left_margin {float:left; margin-left:196px;}


/* club creation step 1 */
fieldset ul.form_note {float:left; margin-left:12em; list-style:none;}
fieldset ul.form_note li {display:block; width:37em;}
#formset-ul {margin-left:12em; padding:0;}
div#formset-ul table {margin:0; padding:0;}
div#formset-ul td {vertical-align:middle; border:none; text-align:left;}


/* Common Elements */
/*label.join {display:block; clear:left; float:left; margin:0; padding-right:10px; width:185px; font-weight:bold; text-align:right; line-height:22px;}*/
label {display:block; clear:left; float:left; margin:0; padding-right:10px; padding-top:1px; width:185px; font-weight:normal; text-align:right; line-height:22px;}
label.colorize {width:20em;}

input, textarea, select {display:block; float:left; margin-bottom:8px;/*margin:2px 0 4px;*/ padding:2px; border:solid 1px #AAA; background:url(images/form_back.png) repeat-x #FFFFFF;}

select.dropdown {margin-bottom:8px;}

#button-list-left {float:left; margin:0; padding-top:20px; overflow:hidden; width:35%;}
#button-list {float:right; margin:0; padding-top:20px; overflow:hidden; width:62%;}
div#button-list, div#button-list-left ul {list-style:none;}
div#button-list, div#button-list-left li {display:inline; margin:0;}
div#button-list li {float:right; margin-left:10px;}

input.checkbox, input.radio {border:none;}
input.radio {clear:left; margin-top:0; }
input.checkbox {margin-top:5px;}

input:hover,
textarea:hover,
select:hover,
radio:hover,
input.checkbox:hover {/*background-color:#F0F0F0;*/ border:solid 1px #636363/*#990000*/; cursor:pointer;}
input.button:hover {background:none; background-color:#990000; border:solid 1px #636363/*#990000*/; cursor:pointer;}

input:focus, input:active,
textarea:focus, textarea:active,
select:focus, select:active {border:solid 1px #636363/*#990000*/; cursor:text;}

input#postalcode {width:5.0em;}
input[type=checkbox],
input[type=dropdown],
input[type=radio],
input[type=submit],
div#button input[type=submit] {width:auto;}
br {clear:both;}

input.hidden {display:none; visibility:hidden; border-width:0px;}
input[type=hidden] {display:none; visibility:hidden; border-width:0px;}