/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/**************** layout ******************/

div.form{ float:left; background:#AD2134; padding:3px 3px 6px; border: 1px solid #BFBAB0; margin:10px 0 }
fieldset { float: left; clear: both; border: 1px solid #fefde8; background: #e8e5e0 url('/InterActRV/Supplements/Style/CustomForms/Images/fieldsetBG.jpg') repeat-x; padding-top:1em; position:relative; width:745px; }
fieldset p { margin:.75em .5em;}
fieldset small {font-size:12px; font-style:italic; margin-left:1em}

fieldset ol { padding: 0 1em 0 2.5em; margin-top:1em; list-style: none; }
fieldset legend + ol { margin-top:5em }
fieldset li { float: left; clear: left; width: 100%; margin-bottom: 1em !important; }
label, fieldset span label { display: block; float: left; width: 17em; margin-right: 4em; position: relative; }
legend span { position: absolute; top: 0; margin-left:1.2em; font-size:1.5em }
ol li label.main{ font-weight:700;}
ol li label.main em{margin-left:30px; margin-top:5px;}
fieldset.alt { background-color: #E6E3DD; }
.fullWidth label { width:27em }
fieldset.submit { border-style: none; }
.fullWidth label em { left:100% }
.form h3{margin-bottom:10px;}
.RadioButton input{float:left; margin-left:300px; margin-bottom:12px;}
.RadioButton span label{display: block; float: right; width: 145px; margin-top:2px;  }

.checkbox {width:48%; float:left;}
.checkbox input{float:left; margin:8px 10px 0 10px; }
.checkbox label{float:left;width: 200px; margin-left:35px; margin-top:-17px; }


.form h4{margin:5px 0px; font-size:14px; font-weight:bold; font-style:italic; position:relative; top:10px; float:left; width:100%; margin-bottom:15px}

/* Text fields */

.form input { width:16em }
.form input, .form textarea, .form select
 { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:5px; z-index:100 !important; position:relative; }
.form input { border:2px solid #ccc; background-color:#fff; }
.form input:focus,.form textarea:focus
 { border:2px solid #AD2134; }
.form input[type="radio"], .form input[type="checkbox"]
 { background:transparent !important; border:0 !important; width:16px !important; }
.form input[type="radio"], .miniform input[type="radio"] { width:13px !important; }
.form button, .miniform button { outline:none; }

/* Textareas */

.form textarea { width:37em; float:left }
.form textarea  { padding:5px; border:2px solid #ccc; background-color:#fff; }

/* Select fields */

.form select { width:17.2em }
.form select { border:2px solid #ccc; background:#fff; padding:5px; }
.form select:focus{ border:1px solid #999; }

/***** required fields *****/

label em { display: block; color: #cc0000; font-family: Helvetica, Arial, sans-serif; font-size: 29px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; line-height: 1em; text-transform: uppercase; }
label em { position: absolute; left:10em; top: 0; }
#vs, fieldset small em { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#cc0000 }
#vs { background:#fefde8; border:3px solid #cc0000; padding:5px; margin:5px; width:530px; }
fieldset small {position:relative; top:16px; margin-left:3em}
fieldset small em { position:relative; top:7px; }
#vs ul { font-size:16px; padding-left:10px; list-style-type:none }
#vs ul li { color:#cc0000; background:url("/InterActRV/Supplements/Style/CustomForms/Images/rqdBullet.png") no-repeat left; padding-left:20px; line-height:1.3em }


.FormFieldAlert { background:#fefde8 url('/InterActRV/Supplements/Style/CustomForms/Images/rqd.png') no-repeat right center; }
select.FormFieldAlert { background: url('/InterActRV/Supplements/Style/CustomForms/Images/rqd.png') no-repeat 90% center; }

/***** submit button *****/

input#SubmitButton { display:block; text-indent:-9999px; border:0; background:url('/images/submit.png') top center; width:140px; height:27px;  margin-left:31em; 
font-size: 0;
color: #fff;
letter-spacing:100px;  }
.form input#SubmitButton:hover { background:url('/images/submit.png') bottom center;  }
 


