/* $Id: forms.css,v 1.3 2009/08/12 08:37:42 johnalbin Exp $ */

/**
 * @file
 * Form Styling
*/


.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
    margin: 1em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
    border: 2px solid #c00;
}

.form-item label /* The label for a form element */ {
    display: block;
    font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */ {
    display: inline;
    font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
    color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
    font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
    margin: 0.4em 0;
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
    display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Search (search-theme-form.tpl.php)
*/
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
    display: none;
}


/*
 * Search (search-block-form.tpl.php)
*/
#search-block-form /* Wrapper for the search form */ {
}

#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
    display: none;
}


/*
 * Drupal's default login form block
*/
#user-login-form {
    text-align: left; /* LTR */
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
*/

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
    margin-top: 1em;
    margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
    margin-top: 1em;
}

#user-login ul {
    margin: 1em 0;
}

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
    margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-elements.css, but restore them for the admin
 * section of the site.
*/

form tbody {
    border-top: 1px solid #ccc;
}

form th,
form thead th {
    text-align: left; /* LTR */
    padding-right: 1em; /* LTR */
    border-bottom: 3px solid #ccc;
}

form tbody th {
    border-bottom: 1px solid #ccc;
}

.form-radios .form-item, .form-radios {
    display:inline;
}

.inlineradios .form-item label {
    display: inline;
    margin-right: 10px;
}

.inlineradios .description {
    display: inline;
}

#csw-form .form-item,
#csw-form .form-checkboxes,
#csw-form .form-radios /* Wrapper for a form element (or group of form elements) and its label */ {

}

#csw-form .form-submit {
    clear: both;
    margin: -25px 0 0 10px;
    background-color: #05436c;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 11px;
    padding: 5px;
    width: 60px;
}

#news-signup {
    margin-top: 0px;
}

#news-signup .subscribetext {
    width: 130px;
    margin: 4px 0;
    color: #666;
}

#news-signup .imagebutton {
    margin: 4px 0 0 0;
}

#block-webform-client-block-9575 {
    text-align: left;
}

#block-webform-client-block-9575 h2.title {
    display: none;
}

#block-webform-client-block-9575 .textarea-identifier {
    display: none;
}

#webform-client-form-9575 input {
    width: 265px;
    position: relative;
}

#webform-client-form-9575 .form-text {
    width: 265px;
    position: relative;
    left: 0;
}

#webform-client-form-9575 fieldset {
    border: 0 none;
    margin-top: -30px;
    padding: 20px 20px 0px 1px;
    position: relative;
    width: 560px;
}

#webform-client-form-9575 fieldset legend {
    background-color: #5f75c4;
    border-bottom: 1px solid #666;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 2px 7px;
    margin: 30px 0 0 -20px;
}

#webform-client-form-9575 textarea {
    width: 265px;
    height: 116px;
}

#webform-client-form-9575 .webform-component {
    float: left;
    clear: left;
    margin-bottom: -11px;
}

#webform-client-form-9575 #webform-component-submit-an-enquiry--message {
    float: right;
    margin-top: -160px;
}

#webform-client-form-9575 label {
    font-size: 12px;
    display: block;
}

#webform-client-form-9575 .form-actions {
    /*margin: -50px 20px 0 0;
    float: right;*/
}

#webform-client-form-9575 .form-actions input {
    width: 120px;
    border: 1px solid #5f75c4;
    background: none;
    font-size: 11px;
    color: #5f75c4;
    cursor: pointer;
}

#block-webform-client-block-9818 {
    text-align: left;
}

#block-webform-client-block-9818 h2.title {
    display: none;
}

#block-webform-client-block-9818 .textarea-identifier {
    display: none;
}

#webform-client-form-9818 input {
    width: 265px;
    position: relative;
}

#webform-client-form-9818 .form-text {
    width: 265px;
    position: relative;
    left: 0;
}

#webform-client-form-9818 fieldset {
    border: 0 none;
    margin-top: -30px;
    padding: 20px 20px 0px 1px;
    position: relative;
    width: 560px;
}

#webform-client-form-9818 fieldset legend {
    background-color: #5f75c4;
    border-bottom: 1px solid #666;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 2px 7px;
    margin: 30px 0 0 -20px;
}

#webform-client-form-9818 textarea {
    width: 265px;
    height: 105px;
}

#webform-client-form-9818 .webform-component {
    float: left;
    clear: left;
    margin-top: -20px;
}

#webform-client-form-9818 #webform-component-submit-an-enquiry--message {
    float: right;
    margin-top: -154px;
}

#webform-client-form-9818 label {
    font-size: 12px;
    display: block;
}

#webform-client-form-9818 .form-actions {
    /*margin: -50px 20px 0 0;
    float: right;*/
}

#webform-client-form-9818 .form-actions input {
    width: 120px;
    border: 1px solid #5f75c4;
    background: none;
    font-size: 11px;
    color: #5f75c4;
    cursor: pointer;
}

#imageDataContainer {
    height: 40px;
}

.lightbox2-alt-layout-data #bottomNavClose, .lightbox2-alt-layout #bottomNavClose {
    margin-top: 0px;
}

.block-webform .webform-component-markup {
    font-size: 11px;
}

.block-webform {
    position: relative;
}

.block-webform fieldset {
    border: none;
}

.block-webform label {
    font-size: 11px;
    display: inline;
}

.block-webform select {
    font-size: 11px;
    position: absolute;
    left: 260px;
    width: 200px;
}	

.block-webform input {
    font-size: 11px;
}	

.block-webform .form-text {
    position: absolute;
    left: 260px;
    width: 200px;
}

.block-webform .webform-component {
    position: relative;
}

.block-webform .webform-component .form-radios {
    position: absolute;
    left: 260px;
    width: 210px;
    top: -13px;
}

#webform-component-keep-informed .form-radios, #webform-component-subscribe .form-radios, #webform-component-critical-illness-cover-finder--keep-informed .form-radios, #webform-component-critical-illness-cover-finder--subscribe .form-radios {
    position: relative;
    left: 0;
    top: 0;
}

#webform-component-type-of-loan {
    margin-bottom: 30px;
}

#webform-client-form-9734 .form-text {
    left: 60px;
}

#webform-client-form-9733 .form-text {
    left: 60px;
}

#webform-client-form-9737 .form-text {
    left: 100px;
}

#webform-client-form-9738 .form-text {
    left: 60px;
}

#webform-client-form-9739 .form-text {
    left: 60px;
}

#webform-client-form-9744 .form-text {
    left: 60px;
}

#block-webform-client-block-9732 h2.title, 
#block-webform-client-block-9734 h2.title, 
#block-webform-client-block-9735 h2.title, 
#block-webform-client-block-9736 h2.title, 
#block-webform-client-block-9737 h2.title, 
#block-webform-client-block-9738 h2.title, 
#block-webform-client-block-9739 h2.title,
#block-webform-client-block-9744 h2.title,
#block-webform-client-block-11068 h2.title {
    display: none;
}

.block-webform .textarea-identifier {
    display: none;
}

.block-webform #webform-component-critical-illness-cover-finder--cover-required .option {
    display: block;
}

#block-csw-0 {
    width: 340px;
    padding: 15px 20px 5px;
    float: left;
    border: 1px solid #ccc;
}

#block-csw-0 p.desctext {
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px;
    border-bottom-color:#006599;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    font-size: 12px;
}

#csw-form {
    color: #434343;
}

#block-csw-0 .form-item {
    padding-bottom: 5px;
}

#block-csw-0 .description {
    margin: 0 40px 0 10px;
    float: left;
    font-style: italic;
}

#block-csw-0 label {
    text-transform: uppercase;
    margin-left: 10px;
    color: #434343;
    font-weight: normal;
    font-size: 11px;
}

#block-csw-0 .form-text {
    width: 295px;
    background-color: #cde0ec;
    border: none;
    color: #434343;
    font-size: 11px;
    padding-left: 5px;
}

#block-csw-0 #edit-keywords,#block-csw-0 #edit-exclude-keywords,#block-csw-0 #edit-exclude-location,#block-csw-0 #edit-location {
    margin-left: 10px;
}

#block-csw-0 select {
    margin-left: 10px;
    width: 301px;
    background-color: #cde0ec;
    border: none;
    color: #434343;
    font-size: 11px;
    padding-left: 0px;
}

#block-csw-0 #edit-submit-1 {
    clear: both;
    float: right;
    margin: 0;
    background-color: #05436c;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 11px;
    padding: 5px;
    margin: 0;
    width: 60px;
}

#block-csw-0 #edit-clear {
    clear: both;
    margin: -25px 0 0 0;
    background-color: #05436c;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 11px;
    padding: 5px;
    width: 60px;
}

#block-csw-0 h1 {
    border-bottom-color:#006599;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    color:#066295;
    font-size: 18px;
    padding-bottom: 2px; margin-bottom: 10px;
}

#csw-logo-container {
    text-align: center;
    margin-top: 60px;
}

.node .table-no-border, .node .table-no-border th, .node .table-no-border tr, .node .table-no-border td {
    border: none;
    padding-left: 10px;
}

#node-10315 .form-item, #block-webform-client-block-10829 .form-item {
    display: block;
}

#node-10315 .webform-component, #block-webform-client-block-10829 .webform-component {
    margin-bottom: 30px;
}

.block-webform {
    background-color: #f2f2f2;
    padding: 10px 15px 20px;
}

#webform-component-critical-illness-cover-finder--cover-required {
    height: 82px;
}

.awards-form .form-radios, .awards-form .form-text {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
}

.awards-form .form-radios .form-item {
    display: block !important;

}

.awards-form label {
    display: block !important;
}

/* narrow calculator form */
div.calculator-narrow div.webform-component-radios {
		height: 20px;
}

div.calculator-narrow div.webform-component-radios div.form-radios {
    display: inline-block;
    left: 0;
    margin: 10px 0;
    position: relative;
    width: 100%;
}

div.calculator-narrow div.webform-component-radios div.form-radios input {
		width: auto !important;
}

div.calculator-narrow div.webform-component div.form-item input {
		position: relative;
		left: 0;
		width: 99%;
}