/**
 * These are the styles for all Zend Forms
 */

dl{ margin: 1em 0; padding: 0; }
dt{ clear: both; width: 250px; float: left; margin: 0 0 0 0; padding: .5em; font-weight: bold; }
dd{ margin:0 0 0 0; }

.textbox { border: 1px solid #B6B5B5; height: 20px; padding-left: 3px; margin-bottom: 3px }
.textarea { border: 1px solid #B6B5B5; margin-bottom: 3px }

/** trying to force this width, jimi, wanna clean this up? **/
dd#content-element { width: 780px; }

dl.zend_form fieldset dl {
    margin:5px 0px 0;
    padding:0;
    *zoom: 1;
}
dl.zend_form fieldset dl:after {
    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
}
#nesp-donationsform dl.zend_form fieldset dl {
    border-top:0;
    margin:0px;
    padding:0px;
}


dl.zend_form fieldset.buttons dl {
    border:none;
}
dl.zend_form fieldset legend {
    font-weight:bold;
}



.ui-watermark-container {
    position: relative;
}
.ui-watermark-label {
    position: absolute;
    cursor: text;
    color:#8e8e8e;
}

/*div.form_element {
    margin-bottom:5px;
}*/

p.optional, span.optional {
    color:#8e8e8e;
    font-weight: normal;
}

input.error { border: solid 1px #c00b0f; }

span.errors, ul.errors, div.errors {
    color:#C00B0F;
    padding-left: 10px;
    word-wrap: break-word;
}
ul.errors {
    margin-right: 0;
    margin-left: 5px;
    clear: left;
}
div.informmsg {
    width:195px;
    float:right;
    clear:both;
    display:none;
}
div#emailCheckerErrors #emailCheckerRequireLogin #emailCheckerRequireReactivation { width: auto; float: none; margin-bottom: 10px }
div.errors {
    padding:8px;
    margin:5px 0px;
    color:#c00b0f;
    background:#f9e9e9;
    font-weight: bold;
}
div.cool {
    color:green;
    border:1px solid green;
}
div.payment-errors {
    margin-left:145px;
    color:#C00B0F;
    font-weight:bold;
    padding:5px 0px;
    width:280px;
}

div.team_result {
    display:block;
    float:none;
    margin:5px 0px;
}

div.donatee_message {
    border:1px solid #f37a21;
    padding:5px;
    margin:5px 0px;
    color:#562a0d;
}

div#form_element_certificate div.form_element_label { float: none; width: auto }
div#form_element_certificate div.form_element_radio input { float: left; }
div#form_element_certificate div.form_element_radio span { float: left; display: block; margin: 0 0 5px 5px}
div#form_element_certificate div.form_element_label { margin-bottom: 10px }

div.rego_steps {
    margin:10px 0px;
    padding:10px;
    border:1px solid #ccc;
    background:#f2f2f2;
}

/* FORM STYLES */

/* NEW FORM Styles */
.mov-form div.form_element_label {
    width: 140px; /* plus the 5px padding-right from styles.css = 145px */
    padding-bottom: 5px;
}
.mov-form div.form_element_input {
}
.mov-form div#form_element_submit div.form_element_input, .mov-form div#form_element_back div.form_element_input {
    width:auto;
}
.mov-form div.form_element_input input.sf-text,
.mov-form div.form_element_input select {
    width:216px;
}
.mov-form div.form_element_input input#submit, .mov-form div.form_element_input .button,.mov-form div.form_element_input  input#continue {
    width:auto;
    *overflow: visible; /* IE6/7 loses the ability to auto-width these things ... UNTIL NOW */
}
/*Radio buttons*/
.mov-form div.form_element_label_radio {
    width:auto;
    padding-top: 0;
}
.mov-form div.form_element_radio {
    float:none;
    clear:left;
}
.mov-form div.form_element_radio div {
    clear:both;
}
.mov-form div.form_element_radio input {
    float:left;
}
.mov-form div.form_element_radio span {
    padding:3px 0px 1px 5px;
    *padding:2px 0px 3px 5px;
    display:block;
    float:left;
}
    .mov-form div.form_element_radio span.samurai_editable {
        margin:0;padding:0;display:inline;float:none;
    }
    div.samurai_advanced {
        padding: 5px; background-color: #bbb; border: 1px solid black;float:none;width: auto; display:none;
    }
input.error { height: 21px }

.mov-form div.form_element_radio label { margin-top: 1px; }
.mov-form div.form_element_radio input { margin-top: 3px; *position: relative; /* Intent of p:rel -- never clip in IE6/7 */ }

/*#password, #confirm_password, .password { font-size: 22px; }*/
#register-form #form_element_email { float: left; width: 375px; }
form#register-form #form_element_email div.form_element_input { width: 230px }
#emailCheckerOk { float: left; width: 25px; }
.mov-form div.form_element_radio .errors span { margin: 0 }
.mov-form div#form_element_back.form_element {
    float:left;
    clear:left;
    /*padding-top:0px;*/
}
.mov-form div#form_element_submit,
.mov-form div#form_element_submit_solo,
.mov-form div#form_element_submit_team,
.mov-form div#form_element_submit_captain {
    float:left;
    clear:none;
    /*padding-top:0px;*/
}
.mov-form div.checkBox_element div.form_element_label_radio {
    font-weight:normal;
}
.mov-form .non-bold-radio div.form_element_label_radio label{
    font-weight:normal;
}
.mov-form div#form_element_search {
    float:left;
    width: 197px;
    _width: 194px;
}


.form_element_input p.description { margin: 0 }
/* END NEW FORM STYLES */


/*.mov-form dt {
    clear: both;
    float: left;
    width:100px;
    padding:3px 0px;
    font-weight: normal;
    margin:5px 0px;
}
.mov-form dd {
    float: right;
    margin:5px 0px;
    padding:0;
}
.mov-form dd input, .mov-form dd select {
    width:200px;
}
.mov-form .form_element_label_radio label, .mov-form .form_element_label label {
    font-weight:bold;
}
.mov-form .form_element label input {
    float:left;
}
.mov-form .form_element div {
    display:block;
    margin:0px 0px 0px 20px;
}*/
/*.mov-form .form_element div.form_element_label_radio {
    margin-left:0px;
}*/
/*.mov-form div.form_element_label_radio label span {
    margin:10px 0px 10px 0px;
}
.mov-form div.form_element_label_radio {
    margin:10px 0px 10px 0px;
    font-size:12px;
}*/

#team_id-label {
    display:none;
}

/* REGISTER FORM */

/*#register-form div#form_element_spokesperson div.form_element_label_radio {
    margin:0px 0px 0px 5px;
    float:left;
    width:80%;
}
#register-form div#form_element_spokesperson div.form_element_input {
    width:20px;
}*/
#register-form   div.form_element_input,
#reregister-form div.form_element_input{
    width:250px;
}

#register-form   div.form_element_radio,
#reregister-form div.form_element_radio {
    width:335px;
    overflow:visible;
}
#register-form   #form_element_acceptterms div.form_element_radio,
#reregister-form #form_element_acceptterms div.form_element_radio,
#facebookErrorForm #form_element_acceptterms div.form_element_radio {
    width: auto;
}
#register-form   #form_element_acceptterms,
#reregister-form #form_element_acceptterms,
#facebookErrorForm #form_element_acceptterms {
    float: left;
    *padding-top: 0; /* Undoes IE hack from styles.css -> .form_element */
}
    #register-form   #form_element_acceptterms .form_radio_wrapper,
    #reregister-form #form_element_acceptterms .form_radio_wrapper {
        display: inline-block; *display: inline; *zoom: 1;
    }

#register-form div.spokesperson div.form_element_label_radio,
#reregister-form div.spokesperson div.form_element_label_radio{
    padding-bottom:0px;
    margin-bottom:0px;
}
#register-form div.spokesperson p.optional,
#reregister-form div.spokesperson p.optional{
    clear:both;
    margin:0px;
}
#register-form div#form_element_attending_galaparte, #register-form div#form_element_spokesperson,
#reregister-form div#form_element_attending_galaparte, #reregister-form div#form_element_spokesperson{
    padding:0px;
    clear:none;
}
#register-form div#form_element_spokesperson_story .form_element_label,
#register-form div#form_element_spokesperson_story .form_element_input,
#reregister-form div#form_element_spokesperson_story .form_element_label,
#reregister-form div#form_element_spokesperson_story .form_element_input{
    float:none;
    padding-right: 0;
    width:100%;
}
#register-form div#form_element_spokesperson_story .form_element_input input,
#reregister-form div#form_element_spokesperson_story .form_element_input input{
    width:415px;
}

#register-form div#form_element_galaparty_id,
#register-form div#form_element_galaparty_id div.form_element_label {
    display:none;
}

#register-form div#form_element_galaparty_id { margin-bottom: 10px }
#register-form #galaparte-details { padding-top: 15px }

#form_element_gender div.form_element_label_radio {
    width: 145px;
    padding-right: 0;
}
#form_element_gender div.form_element_input {
    clear: none; float: left; width: 250px
}
#form_element_gender .form_radio_wrapper {
    display: inline-block; *display: inline; *zoom: 1;
    width: 30%;
}

div.selectedSuburb {
    text-align:right;
    float:right;
    margin-right:3px;
}
div.selectedSuburb button {
    margin-left:10px;
}
#register-form div#register-submit-buttons div.form_element_input {
    float:left;
}

#team_id-label {
    display:none;
}
#team_search_form dt#submit-label {
    display:none;
}
#team_search_form dd#search-element, #team_search_form dd#submit-element {
    float:left;
}

#searchPredictionResults {
    display:none;
    background:#D8D2BA;
    position:absolute;
    z-index:1000;
    width:280px;
    padding:5px;
    margin-top:0px;
    margin-left:145px;
    max-height:260px;
}

#searchPredictionResults ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#searchPredictionResults a {
    display:block;
    margin:0px;
    padding:2px;
}

#searchPredictionResults a:hover {
    background:#faca00;
}


/*  -----------------------------------------------------------------------
    Forms: Donation.ini -> [ find-member | find-team ] (forms/Donation.ini)
    Forms: Team.ini     -> [ find-member | find-team ] (forms/Team.ini)
    -----------------------------------------------------------------------  */


    .donation-search-form-container {
        text-align: center;
        *zoom: 1;
    }
    .donation-search-form-container:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        #team_search_form,
        #donation-search-form {
            width: auto;
            display: inline-block; *display: inline; *zoom: 1;
            text-align: left;
        }
            #team_search_form #form_element_search .form_element_label,
            #donation-search-form #form_element_search .form_element_label {
                width: auto;
            }
            #team_search_form #form_element_search,
            #donation-search-form #form_element_search {
                width: auto;
            }
                #team_search_form #form_element_search #search,
                #donation-search-form #search {
                    width: 192px;
                    margin-bottom: 5px;
                }
            #team_search_form #form_element_search .description,
            #donation-search-form #form_element_search .description {
                white-space: nowrap;
            }
            #team_search_form #form_element_submit,
            #donation-search-form div#form_element_submit {
                 margin-left: 2px;
                margin-right: 0;
            }
                #team_search_form #submit,
                #donation-search-form #submit {
                    margin: 0;
                }



 /**
  * Donation message form
  */
 #donation_message_form dd {
     float:none;
     margin-right:1em;
 }
 #message-label, #privacy-label, #submit-label, #continue-label {
     display: none;
 }
 #message {
     width:446px;
     height: 61px;
 }
 .admin_donor_form #message {
     width:400px;
 }
 #privacy-element {
     margin-bottom:10px;
 }
 #privacy-element p.description {
     display:inline;
 }

 #payment_form div.form_element_input input.sf-text {
     width:280px;
 }
 #payment_form div#form_element_submit,
 #payment_form div#form_element_back,
 #payment_form div#form_element_continue,
.events-and-ticketing div#form_element_submit{
     float:right;
     clear:none;
     display: inline-block; *display: inline; *zoom: 1;
     /*padding-top:0px;*/
 }
 #payment_form div#form_element_submit,
 #payment_form div#form_element_continue,
.events-and-ticketing div#form_element_submit {
     margin-right:105px;
     *margin-right: 90px;
 }

 div#form_element_message div {
     float: none;
 }
 .admin_donor_form div#form_element_message div {
     float:left;
 }

 div#form_element_privacy {
     margin-top: 0;
     padding-top: 0;
 }

 div#form_element_privacy input.sf-text {
     width: auto;
     float: left;
 }

 div#form_element_privacy .form_element_label {
     width: 395px;
     padding-left: 5px;
 }

 div#form_element_submit, div#form_element_resetpassword {
     display: -moz-inline-stack;
     display: inline-block;
     float: left;
     clear: none;
     margin-right: 10px;
 }

 #donation-search-form div#form_element_submit {margin-right: 0}

 div#form_element_skipmessage{
     display: -moz-inline-stack;
     display: inline-block;
     clear: none;
     width: 150px;
     float:left;
     margin-left: 5px;
 }



/**
 * Payment method field (i.e. the field with bank card icons)
 */

div#form_element_method div.form_radio_wrapper {
     width: 60px;
     text-align: center;
     float: left;
     clear: none;
     position: relative;
     left: -11px;
     margin-left: 4px;
     padding: 3px 0 1px 0;
}

    div#form_element_method div.form_radio_wrapper span {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
     }

        div#form_element_method div.form_radio_wrapper span label{
            display: block;
            height: 55px;
            margin-bottom: 5px;
            background-repeat: no-repeat;
            font-size: 11px;
         }
        #form_element_method #radInput-method-amex label { margin-top: 0; height: 60px; *margin-top: -5px; } /* Intent: simulate vertical centering of 2-line label */

        div#form_element_method div.form_element_input {
            _display: inline-block;
        }
        div#form_element_method div.form_element_input:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            div#form_element_method div.form_element_input input {
                 float: none;
            }


#radInput-method-amex label     { background-image: url(/theme/2011/images/sprite-white.png); background-position: -1px -245px }
#radInput-method-visa label     { background-image: url(/theme/2011/images/sprite-white.png); background-position: -1px -350px }
#radInput-method-mc label       { background-image: url(/theme/2011/images/sprite-white.png); background-position: -101px -350px }
#radInput-method-paypal label   { background-image: url(/theme/2011/images/sprite-white.png); background-position: -101px -300px }
#radInput-method-laser label    { background-image: url(/theme/2011/images/sprite-white.png); background-position: -101px -250px }
#radInput-method-discover label { background-image: url(/theme/2011/images/sprite-white.png); background-position: -1px -400px }
#radInput-method-maestro label  { background-image: url(/theme/2011/images/sprite-white.png); background-position: -96px -400px }
#radInput-method-ideal label    { background-image: url(/theme/2011/images/sprite-white.png); background-position: -1px -300px }



 /**
 * STYLES FOR CARD DETAILS PAGE
 */

#payment_form div.field_line_group {
    height:auto;
    display:block;
    width:100%;
    float:left;
    *margin-top:-10px;
}
#payment_form div.displayNone {
    visibility:hidden;
    overflow:hidden;
    height:0px;
}

    #payment_form div.field_line_group div {
        float:left;
        clear:none;
    }
        /*#payment_form #card_issue_num, #payment_form #card_start_date {
           visibility:hidden;
           overflow:hidden;
           height:0px;
        }*/

        #issuenum {
            width:30px;
        }
        #payment_form div.form_element_input input.donation_amount {
            width:67px;
        }
        #payment_form div.form_element_input input.card_number {
            width:64px;
            margin-right:3px;
        }
        #payment_form div.form_element_input select {
            width:64px;
            margin-right:10px;
        }
        #payment_form div.form_element_input select#issuer {
            width:200px;
        }
        #payment_form div.form_element_input input.card_cvv,
        #payment_form div.form_element_input input#issuenum {
            width:64px;
        }

        #payment_form div.form_element_input select#galaparty_id {
            width:100px;
        }
        #payment_form div.form_element_input select#country_code,
        #payment_form div.form_element_input select#country,
        #payment_form div.form_element_input select#stated {
            width: 283px
        }

#payment_form.cc-form div#form_element_back {
    float:left;
    clear:left;
}
#payment_form.cc-form div#form_element_continue {
    clear:none;
    float: left;
    margin-left: 8px;
    margin-right: 0px;
    /*padding-top:0px;*/
}
#payment_form div#form_element_giftaid {
    margin-left:179px;
    font-size: 11px;
}
#payment_form div#form_element_giftaid span {
    width: 265px;
}
#payment_form div#form_element_giftaid div.form_element_label_radio {
    width:auto;
}
#payment_form div#giftaid-amount-container {
   margin-left: 179px;
}



/**
 * American address is not needed unless the donation amount is $250 or over
 */
 #fieldset-address {
     display:none;
 }

 #giftaid-element {
     width:250px;
     margin-bottom:10px;
 }
 #giftaid-element p.description {
     display:inline;
     font-size:10px;
     line-height:15px;
 }

 /**
  * Payment confirmation styles
  */
 #paymentConfirmation .confirmationHeader {
    font-weight:bold;
    padding:0 0 5px;
  }
 #paymentConfirmation .confirmationHeader a {
    margin-left:11px;
    font-weight:normal;
    font-size:11px;
 }
 #paymentConfirmation .buttons {
    margin:10px 0px;
 }

#paymentConfirmation-details,
#paymentConfirmation-payment,
#paymentConfirmation-partydetails { margin: 15px 0; }


 /**
  * Gala Party tickets party location details
  */
 .events-galapartes-tickets-location-details {
     float: left;
     margin-right: 30px;
 }
 /* GP FORM */
 #payment_form input#total_tickets, #payment_form input#discount_code {
     width:105px;
 }
 #payment_form input#total_cost {
     width:66px;
 }

 dd#gender-element div {
    float:left;
    clear:right;
    margin:10px 0px 0px 5px;
 }
 dd#gender-element label {
    float:left;
    clear:left;
    margin-top:10px;
 }



 /* MOMONEY FORMS */

 #map-search-form div.form_element {
     float:left;
     clear:none;
     margin-right:10px;
 }
 #map-search-form div.form_element_label {
     width:auto;
     padding-right:10px;
 }
 #map-search-form div#form_element_city input.sf-text {
     width:150px;
 }

 /* MO PARTY FORMS */

 #mopartydetails #fieldset-datetime .form_element_input select {
     width:60px;
 }
 div#form_element_start_time_hour, div#form_element_end_time_hour {
     clear:left;
     float:left;
 }
 div#form_element_start_time_min, div#form_element_end_time_min, div#form_element_start_time_ampm, div#form_element_end_time_ampm {
     float:left;
     clear:none !important;
     /*padding-top:10px;*/
 }
 div#form_element_end_time_ampm, div#form_element_start_time_ampm
 {
     clear:right;
 }

 div#form_element_venue_type_other
 {
     display:none;
 }

 div.merchandise-form #fieldset-about div.form_element_label
 {
     width: 95px;
 }


   div.merchandise-form #fieldset-about div.form_element_input input#submit
 {
     width: auto;
 }


 #register-team h3 { padding: 0; margin: 0; }
 #reactivate-change-email { display: none}
 .required-fields-statement { float: left; width: 150px; padding-left: 10px; padding-top: 5px; font-size: 11px}
 #register-team #form_element_team { padding-top: 5px; margin-bottom: 0 }

#form_element_continue .form_element_label,
#form_element_back .form_element_label,
#participate-form #reregister-submit-buttons .form_element_label{ display: none }

body.donate-your-details #form_element_updates { margin-left: 145px }
body.donate-your-details #form_element_anonymous {
    margin-left: 145px;
}

#form_element_amount {
    position: relative; /* Positioning context for .currency */
}
    #form_element_amount .form_element_input .currency {
        font-weight: bold;
        line-height: 1.5em;
        padding-top: 3px;
        position: absolute;
        right: 100%;
        margin-right: -140px;
    }

#form_element_method .form_element_label { float: left; width: 140px }
#form_element_method .form_element_input { float: left; width: 323px; clear: none }

#payment-processing-image { float:left; margin-left:4px;vertical-align:middle;margin-top: 3px; display: none }
#payment-processing-button {float:left; margin-top: 4px; display: none}

#form_element_method .form_element_input label { margin-top: 5px }
#form_element_method .form_element_label { margin-top: 30px }

#radInput-allocation-split { width: 340px !important }

#card_cvv_num .payment-errors { width: 80px; margin-right: 50px }

.merchandise-view #form_element_submit .form_element_input #submit { margin-left: 100px}

#form_element_cvv .form_element_input { width: 90px }

/* Only used on /register/complete-profile/ */
.text-btn,
.text-btn:hover {
    *overflow: visible; /* IE6/7 loses the ability to auto-width these things ... UNTIL NOW */
    background-color: transparent;
    color: #7E8D7F;
    font-size: 100%;
    text-decoration: underline;
    vertical-align: middle;
}
.text-btn:hover {
    color: #000000;
}

/* To use, your container must be relative/absolute */
.loading-overlay {
    display:none;
    z-index:999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
    _background: #FFFFFF;
    text-align: center;
}

.loading-overlay-text {
    display: inline-block;
    *display: inline; zoom: 1;
    position:relative;
    bottom:75px;
    border: 1px solid #888;
    padding: 30px 20px;
    padding-top: 55px;
    background: #FFFFFF url(/images/loading.gif) center 30px no-repeat;
    text-align: center;
}