/**************************************************header**************************************************/

/**************************************************content area********************************************/

/**************************************************center column*******************************************/

/*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 dl.personalInfo {font-size: 1.1em;}
#main dl.personalInfo:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main dl.personalInfo dt {margin: 0 10px 0 0; float: left; clear: both;}
#main dl.personalInfo dd {margin: 0; float: left;}

#main form {position: relative; font-size: .92em;}
#main form .formWrap {background: url(../images/bg-form-top.png) no-repeat 0 10px; min-height: 280px; padding: 10px 0 0 0;}
#main form .formWrapBottom {background: url(../images/bg-form-bottom.png) no-repeat; width: 634px; height: 10px; display: block;}
#main form fieldset {margin: 0; padding: 20px;}
#main form fieldset.end {}
#main form div {position: relative;}
#main form h1 {background: #666; color: #fff; margin: 0 0 15px 0; padding: 5px 15px; font-size: 14px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
#main form h2 {margin: 0 0 15px 0; padding: 20px 0 0 0; font-size: 1.2em; border: solid #999; border-width: 0 0 1px 0;}
#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.error {color: #c00;}
#main form h3.valid {color: #184;}
#main form h3 span {font-size: .8em;}
#main form h3.error span {font-size: 1em; float: none;}
#main form h3.valid span {font-size: 1em; float: none;}
#main form p {margin: 0 15px 15px 15px;}
#main form p.required {width: 604px; color: #332; top: -10px; position: absolute; font-size: .9em; font-style: italic; text-align: right;}
#main form p.securityNote {width: 230px;}
#main form label,#main form h4 {color: #444; margin: 0 0 10px 0; font-weight: normal; float: left; display: block; cursor: pointer;}
#main form h4.clear {float: none;}
#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: #332; padding: 3px; font-size: 1em; float: left; display: block; border: 1px solid #999;}
#main form textarea {color: #332; padding: 3px; font-size: 1.33em; border: 1px solid #999; float: left; display: block;}
#main form input[type="hidden"] {background: transparent; height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ border: none;}
#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;}
#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: 141px; text-align: left;}
#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;}
/*checkboxs*/
#main form .checkbox {margin: 0;}
#main form .checkbox h2 {}
#main form .checkbox h4 {width: 141px; 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: 141px; 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;}
#main form .full label {width: 20%;}
#main form .single label {width: auto; margin: -3px 0 0 0;}
/*half width checkbox and radio buttons*/
#main form .half {margin-left: 31.5%;}
#main form .half label {width: auto; padding: 0;}
#main form .half label.error {color: #c00;}
/*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 form table {background: none; width: 100%; margin: 0 0 20px 0; border: none;}
#main form table tr th {background: none; color: #332; padding: 5px 10px; text-align: left; font-weight: bold; vertical-align: bottom; border: none; border-width: 0 0 0 0;}
#main form table tr td {padding: 5px 10px; vertical-align: middle; border-color: #bcd;}
#main form table tr th label {width: auto; margin: 0; float: none; text-align: left;}
#main form 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 hr {margin: 0 0 10px 0; clear: both; border: solid #bcd; border-width: 1px 0 0 0;}
#main form hr.divider {border: solid #ccc; border-width: 3px 0 0 0;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {border: none; float: right;}
/*verify page*/
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {color: #332; margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #332;}
#main ul.formVerify li.odd {color: #776; border-bottom: 1px dotted #776;}
#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*/

/* Make a Gift Styles */
#main form.formMakeAGift {font-size:1.0em;}
#main form.formMakeAGift .half {margin-left: 25.5%;}
#main form.formMakeAGift label,#main form.formMakeAGift h4 {color: #333;}

/**************************************************left column*********************************************/

/**************************************************footer**************************************************/