/* 
Item: AJAX Form Pro
URL: http://www.ajaxformpro.com/
Layout: Basic Vertical Labels
*/

#afp7_wrap {
     color: #000000; 
     font-family: Open Sans; 
     font-weight: normal; 
     font-style: normal; 
     font-size: 14px; 
     background-color: #FFFFFF; 
    position: relative;
    text-align: left;
    padding: 10px !important;
    border: 0px none !important;
}

#afp7_wrap h1 {
     color: #000000; 
     font-family: Open Sans; 
    font-size:19px !important;
    font-weight: lighter !important;
    height: 29px;
    margin: 15px 0 !important;
    text-align: left !important;
}

#afp7_wrap .afp_wrap { position: relative; margin: 0 0 15px 0; }

#afp7_wrap .afp_field_area_wrap {
    width: 100%;
}

#afp7_wrap .afp_field_area_wrap.afp_auto_width .afp_field_wrap > input,
#afp7_wrap .afp_field_area_wrap.afp_auto_width .afp_field_wrap > textarea,
#afp7_wrap .afp_field_area_wrap.afp_auto_width .afp_field_wrap > select {
    width: auto;
}

#afp7_wrap .afp_row > .afp_merged_field.afp_not_last label.afp_field_label,
#afp7_wrap .afp_row > .afp_merged_field.afp_not_last div.afp_field_wrap {
    padding-right: 11px;
}

#afp7_wrap .afp_row.afp_cols2 > .afp_merged_field {
    width: 50%;
    padding: 0;
}

#afp7_wrap .afp_row.afp_cols3 > .afp_merged_field {
    width: 33.3%;
    padding: 0;
}

#afp7_wrap .afp_row.afp_cols4 > .afp_merged_field {
     width: 25%;
    padding: 0;
}

#afp7_wrap .afp_row.afp_cols5 > .afp_merged_field {
    width: 20%;
    padding: 0;
}

#afp7_wrap .afp_row.afp_cols6 > .afp_merged_field {
    width: 16.66%;
    padding: 0;
}

#afp7_wrap .afp_row.afp_cols7 > .afp_merged_field {
    width: 14.28%;
    padding: 0;
}

/*
In case there is a custom change to the field's width
The field will adjust to the new DIV's area
*/

/* [Start] Adjust Field Size in Merged Area */
#afp7_wrap .afp_row > .afp_merged_field.afp_auto_width {
    width: auto;
}

#afp7_wrap .afp_row > .afp_merged_field.afp_small_width {
    width: 25%;
}

#afp7_wrap .afp_row > .afp_merged_field.afp_medium_width {
    width: 50%;
}

#afp7_wrap .afp_row > .afp_merged_field.afp_large_width {
    width: 75%;
}

#afp7_wrap .afp_row > .afp_merged_field.afp_full_width {
    width: 100%;
}
/* [End] Adjust Field Size in Merged Area */

#afp7_wrap .afp_no_clear { clear:none; }
#afp7_wrap .afp_merged_field { float:left; width:auto; margin: 0 0 0 0; }

#afp7_afp_note { display:none; }

#afp7_wrap .afp_notification_ok, #afp7_wrap .afb_notification_ok {
     color: #000000 !important; 
     font-weight: normal !important; 
     font-style: normal !important; 

     border-width: 1px; 
     border-color: #1E5D00; 
    border-style: solid;

    line-height:19px;
    -moz-border-radius: 5px 5px 5px 5px;

    background: url("//www.lifeonwheels.co.uk/ajax-form-pro-std/ajax-form-app/images/icon-button-ok.png") no-repeat scroll 14px 35% #F5F9FD;

    height: auto;
    margin: 0 0 10px;
    padding: 8px 8px 8px 46px;
    text-align: left;

    
        -webkit-border-radius: 1px !important;
        -moz-border-radius: 1px !important;
        border-radius: 1px !important;
    
}

#afp7_wrap .afp_notification_error, #afp7_wrap .afb_notification_error {
     color: #000000 !important; 
     font-weight: normal !important; 
     font-style: normal !important; 

     border-width: 1px; 
     border-color: #992626; 
    border-style: solid;

    line-height:19px;
    -moz-border-radius:5px 5px 5px 5px;

     background-color: #FDF4F5 !important; 

    height:auto; margin:0 0 10px;
    padding:8px 0 8px 11px;
    text-align:left;

    
        -webkit-border-radius: 1px !important;
        -moz-border-radius: 1px !important;
        border-radius: 1px !important;
    
}

#afp7_wrap .afp_debug { border:1px solid #BF3030; padding: 5px; -moz-border-radius:4px; margin: 10px 0 10px 0; }
#afp7_wrap .afp_hide { display:none; }
#afp7_wrap div.afp_clear { clear:both; margin:0; line-height:0; }

#afp7_afp_fields div.afp_escts { padding:10px 0; clear:both; }

/* Label */
#afp7_afp_fields label {
     font-size: 14px; 
     font-family: Open Sans; 
     font-weight: normal; 
     font-style: normal; 
     color: #000000; 
}

#afp7_afp_fields .afp_labelfor {
     color: #000000; 
     font-weight:normal; 
    cursor: pointer;
    display: inline-block;
    float: none;
    padding:0 0 0 20px;
    text-align: left;
}

/* Input, Textarea, Select */
#afp7_afp_fields input.text, #afp7_afp_fields textarea, #afp7_afp_fields select {
    width: 100%;
    float: none;

     border-width: 1px; 
     border-color: #CDCDCD; 
    border-style: solid;

     color: #000000; 
     background-color: #FEFEFE; 

    margin: 5px 0px 5px 0;
    padding: 5px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

     font-size: 14px; 
     font-weight: normal; 
     font-style: normal; 

    
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    
}

/* [Start] Adjust Field Size */
#afp7_afp_fields select { min-height: 27px; }
#afp7_afp_fields textarea { min-height: 100px; padding: 5px; }

#afp7_afp_fields .afp_field_area_wrap.afp_auto_width {
    width: auto;
}

#afp7_afp_fields .afp_field_area_wrap.afp_small_width {
    width: 25%;
}

#afp7_afp_fields .afp_field_area_wrap.afp_medium_width {
    width: 50%;
}

#afp7_afp_fields .afp_field_area_wrap.afp_large_width {
    width: 75%;
}

#afp7_afp_fields .afp_field_area_wrap.afp_full_width {
    width: 100%;
}
/* [End] Adjust Field Sizes */

/* Checkbox */
#afp7_afp_fields input.afp_chck { cursor: pointer; top: 0 !important; clear:both; float:none; margin: 0px 6px 1px -20px !important; padding: 2px !important; }

/* Radio */
#afp7_afp_fields input.afp_rad { clear: both; cursor: pointer; float:none; margin: 0px 6px 1px -20px !important; padding: 2px !important; }

#afp7_afp_fields input.afp_error,
#afp7_afp_fields input.afp_chck_error,
#afp7_afp_fields input.afp_rad_error {
     border: 1px solid #F3CCBE !important; 
}

#afp7_afp_fields input.afp_ok,
#afp7_afp_fields select.afp_ok,
#afp7_afp_fields textarea.afp_ok {
     border: px solid #B2C6D5 !important; 
}

#afp7_afp_fields div.afp_error {
     font-family: Open Sans; 
     font-weight: 11; 
     font-style: 11; 
     font-size: 11px !important; 
     color: #FF0000 !important; 
    margin: 0px 0px 9px 0px !important;
    width: auto;
    text-align: left !important;
    padding: 0px !important;
    clear: both !important;
}

/* Checkboxes */
#afp7_afp_fields ul.afp_checkboxes_area { display:block; list-style:none outside none; margin:5px 0 5px; padding:0; }
#afp7_afp_fields ul.afp_checkboxes_area li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

#afp7_afp_fields div.afp_checkboxes_area_col { display: block; float: left;  font-family: Open Sans;   font-weight: normal;   font-style: normal;   font-size: 14px;  }
#afp7_afp_fields div.afp_checkboxes_area_col ul { float: none; list-style:none outside none; margin:5px 0 5px; display: block; padding: 0 25px 0 0; }
#afp7_afp_fields div.afp_checkboxes_area_col ul li { list-style-type: none; margin: 3px 0 3px 0px; padding: 6px 0 0 5px; }

/* Radios */
#afp7_afp_fields ul.afp_radios_area { display:block; list-style:none outside none; margin:5px 0 5px; padding:0; }
#afp7_afp_fields ul.afp_radios_area li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

#afp7_afp_fields div.afp_radios_area_col { display: block; float: left;  font-family: Open Sans;   font-weight: normal;   font-style: normal;   font-size: 14px;  }
#afp7_afp_fields div.afp_radios_area_col ul { float: none; list-style:none outside none; margin:5px 0 5px; display: block; padding: 0 25px 0 0; }
#afp7_afp_fields div.afp_radios_area_col ul li { list-style-type: none; margin: 3px 0 3px 0px; padding: 6px 0 0 5px; }

/* br */
#afp7_afp_fields br { clear: left; margin: -5px; padding:0; }

#afp7_afp_fields div.afp_clear { clear:both !important; }

/* The icon used to reload the CATPCHA */
img#afp7_afp_icon_refresh { margin: 0 0 7px 0 !important; display: inline; }

img.afp_captcha_vertical { margin: 0; border: 1px solid #CDCDCD;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }

#afp7_afp_captcha_div { float:left; margin: 3px 0 0 0; position: relative !important; top: 0 !important; left: 0 !important; display: block !important; }
#afp7_afp_captcha_refresh { display:none; }

#afp7_afp_input_box_div { float:left; margin: 0 8px 0 0; }

/* CAPTCHA Verified */
#afp7_afp_verified { float: left !important; margin: 0 0 10px 0; padding: 0;  color: #008000 !important;  min-height: 16px !important; }
#afp7_afp_verified img { margin-bottom: .25em; vertical-align: middle; display: inline; }
#afp7_afp_verified .ok { margin: 0px !important; }

/* A CAPTCHA DIV */

#afp7_afp_main_sec_div { clear:both; }

#afp7_afp_sec_div { float: left; }
#afp7_afp_sec_div_two { float: left; clear:both; display: none; margin: 5px 0 5px 0; }

#afp7_afp_ajax_loading { height:16px; margin: 16px 0 21px -4px; padding: 0 0 0 29px; display: none; float:left; width:324px; background: transparent url('//www.lifeonwheels.co.uk/ajax-form-pro-std/ajax-form-app/images/icon-ajax-loader.gif') no-repeat scroll 8px 66%; }

/* reCAPTCHA */
#recaptcha_afp7_output { clear: both; }

/* Highlight Rows */
#afp7_afp_fields .afp_highlighted {  background-color: #FFFFEF !important;  }

#afp7_promote_afp_link { clear:both; margin: 10px 0; }
#afp7_promote_afp_link a { font-size: 80%;  color: #000000;  }

/* Style for DatePicker */
.ui-widget { font-size: 13px !important; }
.ui-datepicker { font-size:13px !important; z-index: 99999 !important; }
#ui-datepicker-div { display: none; }

iframe.afp {
    border:none; overflow:auto;
}

.afp_attachment_area { clear:both; width: auto; border-radius: 5px; float: left; margin: 0 0 10px; padding: 0; }

.afp_attach_ok { line-height:19px; -moz-border-radius: 5px; background-color: #F5F9FD; height: auto; margin: 0 0 10px; padding: 8px 0 8px 8px; text-align: left; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 95%; }
.afp_attach_error { background-color: #FDF4F5;  color: #FF0000;   font-weight: 11;   font-style: 11;  line-height:19px; -moz-border-radius: 5px; height:auto; margin:0 0 10px; padding: 8px 0 8px 8px; text-align:left; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 95%; }
     
.afp_files_attached_area { -moz-border-radius: 5px; width: 95%; margin: 10px auto 0; padding:0px; }
.afp_files_attached_area td { padding:5px; }

.afp_files_attached_area tr:hover {  background: #FFFFEF;  }

.afp_attach_zone { width: 100%; margin: 0 auto; padding:10px 0; border:1px solid #CDCDCD; }
.afp_attach_file { background: url('//www.lifeonwheels.co.uk/ajax-form-pro-std/ajax-form-app/images/icon-attach.png') no-repeat scroll 0 44% transparent; padding: 0 0 0 21px; }

.afp_attach_notes ul {
    padding-left: 10px;
    margin-top: 0;
    list-style-type: none;
    line-height: 20px;
}

.afp_attach_notes ul li {
    margin-bottom: 10px;
}

/* simple css-based tooltip */
.afp7_tooltip {
     background-color: #FEFEFE; 
     border: 1px solid #CDCDCD; 
    padding: 10px 15px;
    width: 200px;
    display: none;
    text-align: left;
    z-index: 2000;
}

/***** [Start] RESPONSIVE FORMS ******/

/* iPhone 4 portrait */
@media only screen and (max-width: 340px) {
    #afp7_wrap { width: 310px !important; margin: 0; padding: 8px !important; }

    #afp7_wrap .afp_row > .afp_merged_field {
        width: 100% !important;
    }

    #afp7_wrap .afp_row > .afp_merged_field:not(:first-child) {
        margin: 10px 0 0 0;
    }

    #afp7_wrap .afp_row > .afp_merged_field.afp_not_last label.afp_field_label,
    #afp7_wrap .afp_row > .afp_merged_field.afp_not_last div.afp_field_wrap {
        padding-right: 0px;
    }

    #afp7_afp_fields .afp_field_area_wrap {
        width: 100% !important;
    }

    #afp7_afp_fields input.text,
    #afp7_afp_fields input[type='text'],
    #afp7_afp_fields input[type='password'],
    #afp7_afp_fields textarea,
    #afp7_afp_fields select {
        width: 97% !important;
    }
    
    #afp7_wrap .afp_notification_ok, #afp7_wrap .afb_notification_ok,
    #afp7_wrap .afp_notification_error, #afp7_wrap .afb_notification_error {
        width: inherit;
        max-width: 285px;
    }

    #afp7_afp_fields div.afp_radios_area_col ul {
        padding: 0px 5px 0px 0px;
    }

    #afp7_afp_fields div.afp_radios_area_col ul li { height: auto; margin: 0 0 10px 0; width: 100%; }
    #afp7_afp_fields div.afp_checkboxes_area_col ul li { height: auto; margin: 0 0 10px 0; width: 100%; }
}

/* iPhone 4 Landscape */
@media only screen and (min-width: 341px) and (max-width: 768px) {
    #afp7_wrap { width: 93%; margin: 0; padding: 8px; }

    #afp7_wrap .afp_row > .afp_merged_field {
        width: 100% !important;
    }

    #afp7_wrap .afp_row > .afp_merged_field:not(:first-child) {
        margin: 10px 0 0 0;
    }

    #afp7_wrap .afp_row > .afp_merged_field.afp_not_last label.afp_field_label,
    #afp7_wrap .afp_row > .afp_merged_field.afp_not_last div.afp_field_wrap {
        padding-right: 0px;
    }

    #afp7_afp_fields .afp_field_area_wrap {
        width: 100% !important;
    }

    #afp7_afp_fields input.text,
    #afp7_afp_fields input[type='text'],
    #afp7_afp_fields input[type='password'],
    #afp7_afp_fields textarea,
    #afp7_afp_fields select {
        max-width: 100% !important;
        width: 97% !important;
    }

    #afp7_wrap .afp_notification_ok, #afp7_wrap .afb_notification_ok,
    #afp7_wrap .afp_notification_error, #afp7_wrap .afb_notification_error {
        width: inherit;
        max-width: 100%;
    }

    #afp7_afp_fields div.afp_radios_area_col ul {
        padding: 0px 5px 0px 0px;
    }

    #afp7_afp_fields div.afp_radios_area_col ul li {
        height: auto;
        margin: 0 0 10px 0;
        /*
        min-width: 155px;
        max-width: 180px;
        */
    }

    #afp7_afp_fields div.afp_checkboxes_area_col ul li {
        height: auto;
        margin: 0 0 10px 0;
        /*
        min-width: 155px;
        max-width: 180px;
        */
    }
}

/* Other Devices */
@media only screen and (min-width: 481px) {
    #afp7_wrap {
        width: auto !important;
    }
}

/***** [End] RESPONSIVE FORMS ******/