/*form elements*/
#main div.error {background: #f7cbca; color: #c00; margin: 0 0 20px 0; padding: 15px; font-weight: bold; border: 1px solid #c00;}
#main div.error ul {margin: 0 0 0 30px;}
#main div.error p {margin: 0 0 10px 0;}

#main div.notice {background: #cec; color: #184; margin: 0 0 20px 0; padding: 15px; font-weight: bold; border: 1px solid #184;}
#main div.notice ul {margin: 0 0 0 30px;}
#main div.notice p {margin: 0 0 10px 0;}

#main form {font-size:12px;}
#main form fieldset {margin: 0 0 20px 0;}
#main form fieldset.end {background: none; border: none;}
#main form div {position: relative;}
#main form h1 {background: #3f133f; color: #fff; margin: 0 0 15px 0; padding: 5px 15px; font-size: 14px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#main form h2 {margin: 0 0 15px 0; padding: 20px 0 0 0; font-size: 1.5em; border: solid #999; border-width: 0 0 1px 0;}
.athletics #main form h2 {color:#ddaadd;}
#main form h2.error {color: #c00;}
#main form h2.valid {color: #184;}
#main form h3 {margin: 0 0 15px 0; font-size: 1.1em;}
#main form h3 span {font-size: .8em;}
#main form p {margin: 0 15px 15px 15px;}
#main form p.required {color:#666666; font-size: .9em; font-style: italic;}
.athletics #main form p.required {color: #fff;}
#main form label,#main form h4 {color: #666666; margin: 0 0 10px 0; font-weight: normal; float: left; display: block; cursor: pointer;}
.athletics #main form label, .athletics #main form h4 {color: #fff;}
#main form label.required {font-weight: bold;}
#main form label.error {color: #c00;}
#main form label.valid {color: #184;}
#main form input,#main form select {color: #999999; padding: 3px; font-size: 1em; float: left; display: block; border: 1px solid #999;}
.athletics #main form input, .athletics #main form select {color: #666666;}
#main form textarea {color: #999999; padding: 3px; font-size: 1.0em; border: 1px solid #999; float: left; display: block;}
#main form input.error,#main form select.error,#main form textarea.error {background: #f7cbca; color: #c00; border: 1px solid #c00;}
#main form input.valid.required,#main form select.valid.required,#main form textarea.valid.required {background: #cec; color: #184; border: 1px solid #184;}
#main form span.note {margin: 0 0 0 15px; float: left; display: block; font-style: italic; color:#666666;}
.athletics #main form span.note {color:#ffffff;}
#main form span.error {color: #c00; width: auto; margin: 0; padding-left: .5em; float: left; text-align: left; display: inline;}
#main form span.valid {color: #184; width: auto; margin: 0; padding-left: .5em; float: left; text-align: left; display: inline;}
/*inputs, select boxes, textareas*/
#main form .text label {width: 32%; text-align: right;}
#main form .text label.checkbox-title {margin:0; font-size:12px;}
#main form .text input,#main form .text select {margin: 0 0 10px 1.5%;}
#main form .text textarea {margin: 0 0 10px 1.5%; float: left; width:590px;}
#main form .text #txtComments {margin:0 0 10px 10px;}
#main form input[type="hidden"] {border: none; padding: 0; display: none;}
/*checkboxes*/
#main form .checkbox {margin: 0;}
#main form .checkbox h2 {}
#main form .checkbox h4 {width: 30%; margin: 0 1.5% 0 0; text-align: right;}
#main form .checkbox label {width: auto; margin: 0 5px 0 0;}
#main form .checkbox label.text {width: auto;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .checkbox input.text {margin: 0 0 20px 5px; padding: 3px; border: 1px solid #999;}
/*radio buttons*/
#main form .radio {margin: 0;}
#main form .radio h2 {}
#main form .radio h4 {width: 30%; margin: 0 1.5% 0 0; text-align: right;}
#main form .radio label {width: auto; margin: 0 5px 0 0;}
#main form .radio label.text {width: auto;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio input.text {margin: 0 0 20px 5px; padding: 3px; border: 1px solid #999;}
/*full width checkbox and radio buttons*/
#main form .full {margin: 0; padding:0 0 0 10px;}
#main form .full label {width:45%;}
/*half width checkbox and radio buttons*/
#main form .half {margin-left: 33.5%;}
#main form .half label {width: auto; padding: 0;}
#main form .half label.error {color: #c00;}
#main form .twocolumn label {width: 33%; text-align:left;}
/*tables*/
#main form .text table tr th label {width: auto; margin: 0; float: none; text-align: left;}
#main form .text table tr td input,#main form .text table tr td select {width: auto; margin: 0; float: none; text-align: left;}
#main table {margin: 0 0 20px 0;}
#main table tr th {padding: 5px 10px; text-align: left; font-weight: bold; vertical-align: bottom; border: solid #999; border-width: 0 0 0 0;}
#main table tr td {padding: 5px 10px; vertical-align: middle;}
#main table tr th label {width: auto; margin: 0; float: none; text-align: left;}
#main table tr td input,#main form .text table tr td select {width: auto; margin: 0; float: none; text-align: left;}

#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit, #main form input#btnBack {background:url(../images/athletic-form-btns-XL.png) no-repeat; margin: 0; padding:0; cursor: pointer; border: none; display:block; height:30px;}
#main form input#btnBack {width:75px; background-position:0px 0px;}
#main form input#btnNext {width:75px; background-position:-100px 0px;}
#main form input#btnEdit {width:75px; background-position:-200px 0px;}
#main form input#btnSubmit {width:97px;  background-position:-300px 0px; margin:0 10px 0 0;}

#main form input.zip {width:50px;}

/*verify page*/
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {color: #999; margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #999; padding:0 0 3px 0;}
#main ul.formVerify li.odd {color: #444; border-bottom: 1px dotted #444;}
#main ul.formVerify li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {margin: 0; top: .3em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li.odd strong {}
#main ul.formVerify li em { margin: 0; top: .3em; float: right; display: block; position: relative;}
#main ul.formVerify li.odd em {}
#main ul.formVerify li.textbox {margin: 15px 0 10px 0; border: none;}
#main ul.formVerify li.textbox strong {font-weight: bold; float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
#main form span.fileError {color: #c00; margin: 0 0 0 20px; font-weight: bold;}
/*end form elements*/

#main form select option.highlight {font-weight:bold;}