@charset "utf-8";
/* CSS Document */

/* generic form styling */
fieldset {
    /* border:1px solid #BFBFBF; */
    border:none;
    padding:1em;
    margin-bottom: 1.5em;
    background: #F7F5F3;
}
label span {
    padding:0 0 0 .1em;
}
label sub, .checkboxLabel sub {
    vertical-align:baseline;
    font-size:0.9em;
    font-weight:normal;
}
label, .radioContainer, .formSubmit, .formCheckbox {
    display:block;
    margin:0;
    padding:.5em 1em 1em 1em;
    border:none;    
    color:#645D51;
    font-size:1.3em;
    font-weight:bold
}
.buttonContainer {
    display:block;
    margin:0;
    padding:.5em 1em 1em 1em;
    border:none;    
    color:#000000;
    font-weight:bold
}
legend {
    border: none;
    padding: 0;
    margin: 0 0 -0.5em 0;
    color: #3F5B7F;
    background: #EBEBEB;
    font-style: normal;
    font-weight: bold;
    font-size: 1.2em;
}
input[type=text]:hover, input[type=password]:hover,
textarea:hover, .inputText:hover, .inputPassword:hover,
.inputTextarea:hover {
    cursor: text;
}
input[type=submit]:hover, label:hover,
select:hover, .inputSubmit:hover {
    cursor: pointer;
}
input, textarea, select {
    border: 1px solid #BFBFBF;
}

/* base form styling */

/* specific forms */
form {
    float:left;
    border:none;
    background:transparent;
    font-size:76.9%;
}
.narrowForm {
    width:475px;
}
.standardForm {    
    width:600px;    
}
.wideForm {
    width:100%;
}

.dialogForm {
    float:none;
    width:300px;
    margin:2em auto;
    padding:0;
    border:1px solid #BFBFBF;
    background-color:#EBEBEB; 
    text-align:left;
}

/* form elements */
.fieldsetLegend, .legend {
    margin:.5em;
    padding:0 0 0.3em 0;
    font-size:1.8em;
    font-weight:bold;
    font-style:normal;
    color:#000000;
    line-height:1.22;
    border-bottom:1px dashed #BFBFBF;
    background:transparent;
}


/* input field generic classes */
.inputText, .inputPassword {
    font-size:130%;
}

/* radio button generic classes */
.radioText {
    float: left;
    margin:0 1.2em 0 0;
    padding:0.23em 0 0 0.15em;
    font-size:0.92em;
    font-weight: normal;
}
.radioLabel {
    float:left;
    margin:0 1em 0 0;
    padding:0.1em 0 0 0;
    font-weight:bold;
}
.inputRadio {
    float:left;
    margin:0.3em 0.23em 0 0;
    width:auto;
}

/* checkbox generic classes */
.inputCheckbox {
    float:left;
    width:1.3em;
    margin-top:0.3em;
    margin-bottom:0.5em;
}
.checkboxText {
    float:left;
    margin:.2em 1em 0 0;
    font-weight:normal;
    font-size:0.769em;
}
.checkboxLabel {
    display:block;
    margin-bottom:1em;
    margin-right:1em;
}

/* select generic classes */
.inputSelect {
    font-size:130%;
    font-weight:normal;
}

/* CORE FORM CLASSES */
/* formCheckbox Class (for non-specific, full width fields) */
.formCheckbox label {
    margin-left:2em;
    padding:0;
}


/* formText Class (for non-specific, full width fields) */
.formText input {
    width:100%;
    margin-right:-2px;
}

/* formTextHalfWidth Class (for non-specific, half width fields) */
.formTextHalfWidth input {
    width:50%;
    margin-right:-2px;
}

/* formTextThirdWidth Class (for non-specific, one-third width fields) */
.formTextThirdWidth input {
    width:33%;
    margin-right:-2px;
}

/* lastFormField Class (for non-specific, last field in a row, to remove last right side margin) */
.lastFormField {
    margin-right:0;
}

/* formSelect Class (for non-specific select lists) */
.formSelect select {
    width:50%;
    margin-right:-2px;
}

/* formCheckbox Class (for non-specific checkbox groups) */

/* formTextarea Class (for non-specific Textareas) */
.formTextarea textarea {
    width:100%;
    height:10em;
    margin-right:-2px;
}
.formTextareaLarge textarea {
    width:100%;
    height:400px;
}


/* formFirstName Class */
.formFirstName {
    float:left;
}
.formFirstName input {
    width:250px;
}

/* formLastName Class */
.formLastName {
    float:left;
}
.formLastName input {
    width:250px;
}

/* formStreetAddress1 Class */
.formStreetAddress1 input {
    width:514px;
}

/* formStreetAddress2 Class */
.formStreetAddress2 input {
    width:514px;
}

/* formCity Class */
.formCity {
    float:left;
}
.formCity input {
    width:256px;
}

/* formState Class */
.formState {
    float:left;
}
.formState select {
    width:3.2em;
}

/* formPostalCode Class */
.formPostalCode {
    float:left;    
}
.formPostalCode input {
    width:150px;
}

/* formPhoneNumber Class */
.formPhoneNumber input {
    width:250px;
}

/* formEmailAddress Class */
.formEmailAddress input {
    width:250px;
}

/* formSubmit Class */
.formSubmit input {
    float:right;
    margin:0 0.5em 0 0.5em;
    padding:0.3em 2em;
    font-weight:bold;
    background-color: #d5d5d5;
    border: 1px solid #4B606D;
}
/* wideForm classes */
.wideForm .inputText, .wideForm .inputSelect,
.wideForm .inputTextarea, .wideForm .inputPassword {
    width:100%;
    margin-right:-2px;
}



/* dialogForm classes */
.dialogForm .inputText, .dialogForm .inputSelect,
.dialogForm .inputTextarea, .dialogForm .inputPassword {
    width:100%;
    margin-right:-2px;    
}
.dialogForm fieldset {
    margin:0;
    padding:0;
}
.dialogForm .legend {
    background-color:#3F5B7F;
    border-bottom:none;
    color:#FFFFFF;
    font-size:1.4em;
    margin:0 0 1em 0;
    padding:0.5em;
}
.dialogForm .errorAlert {
    display:none;
    font-size:1.3em;
    margin:0.3em 0.5em;
    padding:0 0.7em;    
}
.dialogForm .errorAlert p {
    margin:0.5em 0;
}
.dialogForm .errorAlert p span {
    float:left;
    margin-right:0.3em;
}

/* links to show parts of forms */
a.showLink {
    float:left;
    display:block;
    margin:0 0 2px 10px;
    padding:3px;
    outline:none;
}
a.showLink:link, a.showLink:visited {
    text-decoration:underline;
}
a.showLink:hover, a.showLink:active {
    text-decoration:none;
    background-color:#3F5B7F;
    color:#FFFFFF;
}

/* Error Dialog Box */
#formErrorDialog h1 {
    margin:0 0 10px 0;
    font-size:1.2em;
}
#formErrorDialog ul {    
    margin:20px 0;
    padding:0;
    list-style: disc inside none;
}
#formErrorDialog ul li {
    display:list-item;   
}

/* Submit Success Dialog Box */
div.formSubmitConfirmDialog .ui-dialog-content {
    text-align:left;
    padding-top:20px;
}
div.formSubmitConfirmDialog .ui-dialog-content p {
    margin-top:0;
    margin-bottom:50px;
}

/***** START: sideBySideForm Class *****/
form.sideBySideForm {        
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:normal;
    color:#333333;
}

form.sideBySideForm label {
    display:block;
    float:left;
	clear:both;
	padding:0.1538em 0;
}

form.sideBySideForm input,
form.sideBySideForm select,
form.sideBySideForm textarea {
    font-size:1em;
    /* margin:2px 0 19px 0; */
    margin:0.1538em 0 1.4615em 0;
}

/* div.fieldsetLegend Class */
form.sideBySideForm .fieldsetLegend {
    /*
    background-color:#B9B8B7;
    padding:0.2353em 0.5882em;
    */
    margin:0 0 1.5em 0;
    font-size:1.6667em;
    line-height:normal;
    font-weight:bold;
}
/*

.fieldsetLegend, .legend {
    margin:.5em;
    padding:0 0 0.3em 0;
    font-size:1.8em;
    font-weight:bold;
    font-style:normal;
    color:#000000;
    line-height:1.22;
    border-bottom:1px dashed #BFBFBF;
    background:transparent;
}

*/

form.sideBySideForm label span,
form.sideBySideForm label input,
form.sideBySideForm label select,
form.sideBySideForm label textarea,
form.sideBySideForm .formRadioContainer .radioContainerLabel,
form.sideBySideForm .formCheckboxContainer .checkboxContainerLabel,
form.sideBySideForm .formExpirationDate .expirationDateLabel {
    display:block;
    float:left;
}

/* Label Classes */
form.sideBySideForm .formRadioContainer .radioContainerLabel,
form.sideBySideForm .formCheckboxContainer .checkboxContainerLabel,
form.sideBySideForm .formExpirationDate .expirationDateLabel,
form.sideBySideForm label span {
    color:#333333;
}

form.sideBySideForm .formRadioContainer .radioContainerLabel,
form.sideBySideForm .formCheckboxContainer .checkboxContainerLabel,
form.sideBySideForm .formExpirationDate .expirationDateLabel,
form.sideBySideForm label span.textLabel,
form.sideBySideForm label span.selectLabel,
form.sideBySideForm label span.radioLabel {
    font-size:1em;    
    width:13.0769em;
    padding:0.3077em 1.5385em 0 0;
    text-align:right;
}

/* radioContainer Classes */
form.sideBySideForm .formRadioContainer .radioContainer {
    font-size:1em;
    float:left;
    /* width:533px; */
    padding:0.3846em 0 0 0;
}

form.sideBySideForm .formRadioContainer .radioContainer .inputRadio {
    font-size:1em;
    float:left;
    margin:0.2em 0.2308em 0.7em 0;
}
form.sideBySideForm .formRadioContainer .radioContainer label {
    padding:0;
}
form.sideBySideForm .formRadioContainer .radioContainer label span.radioLabel {
    float:left;
    width:auto;
    padding:0;
    text-align:left;
    margin:0.0769em 0 0 0;
}

form.sideBySideForm .formRadioContainer .radioContainer .otherRadio {
    font-size:1em;
    margin-bottom:0.6154em;
}

form.sideBySideForm .formRadioContainer .radioContainer .inputText {
    font-size:1em;
    margin:0 0 0 1.3077em;
    width:7em;
}

/* checkboxContainer Classes */
form.sideBySideForm .formCheckboxContainer .checkboxContainer {
    font-size:1em;
    float:left;
    width:auto;
    padding:0.3846em 0 0 0;
}

form.sideBySideForm .formCheckboxContainer .checkboxContainer label {
    margin-bottom:0.7692em;
}

form.sideBySideForm .formCheckboxContainer .checkboxContainer .inputCheckbox {
    display:block;
    font-size:1em;
    float:left;
    margin:0.18em 0.2308em 0.7em 0;
}

form.sideBySideForm .formCheckboxContainer .checkboxContainer label span.checkboxLabel {
    width:21em;
    padding:0;
    text-align:left; 
}


/* formSelect Classes */
form.sideBySideForm .formSelect select {
    font-size:1em;
    width:18em;
}

/* fieldset.personalInformation Classes */
form.sideBySideForm fieldset.personalInformation input,
form.sideBySideForm fieldset.personalInformation select,
form.sideBySideForm fieldset.personalInformation textarea,
form.sideBySideForm fieldset.paymentInformation input,
form.sideBySideForm fieldset.paymentInformation select,
form.sideBySideForm fieldset.paymentInformation textarea {
    font-size:1em;
    margin-bottom:0.3077em;
}

/* formSalutation Select Class */
form.sideBySideForm .formSalutation select {
    font-size:1em;
    width:5em;
}

/* formMiddleInitial Class */
form.sideBySideForm label.formMiddleInitial input {
    font-size:1em;
    width:3em;
}

/* formPostalCode Class */
form.sideBySideForm label.formPostalCode input {
    font-size:1em;
    width:10em;
}

/* formShipSameAsBill Class */
form.sideBySideForm label.formShipSameAsBill input {
    margin-left:12.1538em;
    margin-right:1.4615em;
}
form.sideBySideForm label.formShipSameAsBill span.checkboxLabel {
    float:left;
}

/* formCreditCardType Class */
form.sideBySideForm label.formCreditCardType select {
    font-size:1em;
    width:18em;
}

/* formCsc Class */
form.sideBySideForm label.formCsc input {
    font-size:1em;
    width:4em;
}
form.sideBySideForm label.formCsc a {
    display:block;
    float:left;
    margin:0.1538em 0 0 0.3846em;
    padding:0.2308em 0.3077em 0.1538em;
}

/* formExpirationDate Class */
form.sideBySideForm .formExpirationDate {
	float:left;
	clear:both;
}
form.sideBySideForm .formExpirationDate select#expirationMonth {
    font-size:1em;
    width:3.5em;
}
form.sideBySideForm .formExpirationDate select#expirationYear {
    font-size:1em;
    width:5.5em;
    margin-left:0.3846em;
}

/* formSubmit Class */
form.sideBySideForm .formSubmit input {
    margin:0.7692em 0 0 13.7693em;
    /*
    border:1px solid #336699;
    background-color:#CC9900;
    color:#FFFFFF;
    font-weight:bold;
    */
    padding:0.1538em 1.1538em;      
    outline: none;
}

/* fieldRequired Class */
form.sideBySideForm .fieldRequired span {
    background: url(/images/required-field-asterick.gif) no-repeat 92% 40%;
}

/***** ACH styling *****/
form.sideBySideForm img#achImg {
    margin:0 auto 5px auto;   
}


/***** END: sideBySideForm Class *****/


/* Misc Classes */
input.buttonFloatRight {
    float: right;
}