/*  Styles by Katy Jockelson (krjockelson@gmail.com) for CiviCRM launch (especially Member's Area)

    Like I said before, I've done it so it can be added to the bottom of the main stylesheet.
    Normally/ideally I'd edit the stylesheet myself and add each line in a sensible place.
    This is especially true because in places I have written a rule which literally overrides
    one that will be higher up the same page. Not ideal, but will work. You should add a
    comment above my stuff maybe...

    You should do thorough testing on dev003 before you put this on live as I am not all that
    familiar with the site and in places, it was hard to understand why what had been put in
    place had been done like that.

    The newsletter sign up in the footer should work if you add the footer.inc file from dev003.
    The webform itself will need publishing - http://www.vegansociety.com/node/100376/edit. As
    soon as you add this file, the mailchimp form will disappear - so one for go live day I guess.

    When someone submits the form they will see the system message as well as the custom
    confirmation message. 

    You can change the lower message here - http://www.vegansociety.com/node/100376/webform/configure.
    We need this because I think it's useful to say the thing about junk mail.

    You need to add the webform_ajax module to live (https://www.drupal.org/project/webform_ajax),
    and once you've done it I'll need to change one setting on the webform, so let me know (see
    below for when I am away - I can tell Olly what to do if necessary).

    When doing the CSS for the Civi pages I realised that the normal civicrm.css stylesheet isn't being
    called. It's there - http://dev003.vegansociety.com/sites/all/modules/civicrm/css/civicrm.css -
    but it's not being referenced. So some of the styles I've added in are really just basic Civi
    stuff that is missing. Also - you'll notice that there's something weird happening with the selects
    on the Civi pages - see the country dropdown and the 'how did you hear about us?' Again, this is
    due to a missing file -
    http://dev003.vegansociety.com/sites/all/modules/civicrm/packages/jquery/plugins/select2/select2.css
    (also there on the server but not being called). I don't know why these files are missing, they are
    there in an out of the box civi install. I think it's important to work this out and get them back.
    I can't see another way to fix the selects, apart from copying over miles of code in to the main
    stylesheet, which seems a bit nuts. Maybe you need to talk to your devs. If you look at the source
    code on another civi page e.g. http://www.sakya.com.au/civicrm/contribute/transact?reset=1&id=3,
    you'll see a section which seems to be entirely missing on your site:

    <style type="text/css" media="all">
      @import url("http://www.sakya.com.au/sites/all/modules/civicrm/packages/jquery/css/menu.css?ntzp0i");
      @import url("http://www.sakya.com.au/sites/all/modules/civicrm/packages/jquery/jquery-ui/jquery-ui.min.css?ntzp0i");
      @import url("http://www.sakya.com.au/sites/all/modules/civicrm/packages/jquery/plugins/DataTables/media/css/jquery.dataTables.min.css?ntzp0i");
      @import url("http://www.sakya.com.au/sites/all/modules/civicrm/packages/jquery/plugins/select2/select2.css?ntzp0i");
      @import url("http://www.sakya.com.au/sites/all/modules/civicrm/css/civicrm.css?ntzp0i");
      @import url("http://www.sakya.com.au/modules/toolbar/toolbar.css?ntzp0i");
    </style>

    I think this needs looking at before you go live, but do be aware that if we get these stylesheets
    called in, then some of the code I've written might need changing and you might see other style
    changes around the site - so do it in good time to sort all this out.
*/

/* general */ 
input[type="radio"],
input[type="checkbox"] {
    width: auto;
    margin-right: 4px;
}
fieldset {
    clear: both;
}
#_qf_Main_upload-bottom {
    border: 0 none;
    background-color: #4da89e;
    color: #fff;
    display: block;
    font-size: 0.9375em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 0.75em;
    text-align: center;
    text-transform: uppercase;
    float: right;
}
#_qf_Main_upload-bottom:hover {
    background-color: #ff9e16;
}

/* civircm */
#printer-friendly,
.crm-credit_card_type-icons { 
    display: none;
}
.crm-section {
    overflow: hidden;
}
.page-civicrm form {
    background: transparent;
    color: #666;
    overflow: visible;
    padding: 0;
}
.page-civicrm fieldset {
    margin-top: 1em;
}
.page-civicrm table.crm-profile-tagsandgroups,
.page-civicrm table.crm-profile-tagsandgroups tbody,
.page-civicrm table.crm-profile-tagsandgroups tr,
.page-civicrm table.crm-profile-tagsandgroups td {
    border: 0 none;
}
.page-civicrm table.crm-profile-tagsandgroups td td {
    padding: 0;
}
.page-civicrm legend {
    margin-bottom: 0.5em;
}
.page-civicrm form label,
.billing_name_address-group legend, .credit_card_info-group legend {
    color: #666;
}
.page-civicrm form input,
.page-civicrm form select {
    width: auto;
    border: 1px solid #ddd;
}
.crm-container .crm-section .label {
    float: left;
    text-align: right;
    width: 17%;
}
.crm-container .label-left .label {
    text-align: left;
}
.crm-container .crm-section .content {
    margin-left: 19%;
}
.crm-container .no-label .content {
    margin-left: 0;
}
div.crm-container label {
    display: inline;
    font-weight: normal;
}
.billing_name_address-group .content input, 
.billing_name_address-group .content select, 
.credit_card_info-group .content input, 
.credit_card_info-group .content select {
    border: 1px solid #ddd !important;
}

.billing_name_address-group .content input#_qf_Main_upload_express,
.credit_card_info-group .content input#_qf_Main_upload_express {
    border: 0 none;
    width: auto;
}
.billing_name_address-group legend, 
.credit_card_info-group legend {
    font-size: 1.2em !important;
}
.billing_name_address-group .content.description, 
.credit_card_info-group .content.description {
    float: none;
}


/* webforms */
.webform-client-form div.crm-container label {
    color: inherit;
    float: none;
    margin-top: 0;
    padding-right: 0;
    text-align: inherit;
    width: auto;
}
.webform-client-form .form-actions .form-submit.webform-next {
    width: auto;
    height: auto;
}
/* Monthly & Annual Direct Debit webforms */
.webform-client-form-110883 div.crm-container div.payer_confirmation-section div.label,
.webform-client-form-109704 div.crm-container div.payer_confirmation-section div.label,
.webform-client-form-124919 div.crm-container div.payer_confirmation-section div.label,
.webform-client-form-124920 div.crm-container div.payer_confirmation-section div.label {
    width: 80%;
    text-align: left;
    margin-right: 1em;
}
.webform-client-form-110883 div.crm-container div.payer_confirmation-section,
.webform-client-form-109704 div.crm-container div.payer_confirmation-section,
.webform-client-form-124919 div.crm-container div.payer_confirmation-section,
.webform-client-form-124920 div.crm-container div.payer_confirmation-section {
    margin-top: 0.5em;
}
.webform-client-form-110883 div.crm-container div.direct_debit_info-section div.description,
.webform-client-form-109704 div.crm-container div.direct_debit_info-section div.description,
.webform-client-form-124919 div.crm-container div.direct_debit_info-section div.description,
.webform-client-form-124920 div.crm-container div.direct_debit_info-section div.description {
    width: auto;
    float: left;
    color: #ff9e16;
}

/* newsletter subscription block */
/* form#webform-client-form-100376 {
    padding: 0;
}
form#webform-client-form-100376 .form-text {
    width: 100%;
}

form#webform-client-form-100376 .form-actions {
    float: left;
}
form#webform-client-form-100376 .form-actions .form-submit {
    margin: 0;
} */

.block-list #user-login-form .item-list {
    padding-left: 0;
}
.block-list #user-login-form a {
    color: #fff;
}