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

#afp3_wrap { color: #000000; font-family: Verdana; font-weight: normal; font-style: normal; font-size: 14px; position: relative; background-color: inherit; text-align:left; padding: 10px !important; border: 0px none !important; }
#afp3_wrap h1 { color: #000000; font-family: Verdana; font-size:19px !important; font-weight:lighter !important; height:29px; margin:15px 0 !important; text-align:left !important; padding-left: 10px; }

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

#afp3_wrap .no_clear { clear:none; }
#afp3_wrap .small { float:left; width:auto; margin: 0 15px 0 0; }

#afp3_afp_note { display:none; }

#afp3_wrap .afp_notification_ok, #afp3_wrap .afb_notification_ok { color: #000000; font-weight: normal; font-style: normal; border: 1px solid #1E5D00; line-height:19px; -moz-border-radius: 5px 5px 5px 5px; background: url("../../../../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; -moz-border-radius: 1px; border-radius: 1px; }
#afp3_wrap .afp_notification_error, #afp3_wrap .afb_notification_error { color: #000000; font-weight: normal; font-style: normal; border: 1px solid #992626; line-height:19px; -moz-border-radius:5px 5px 5px 5px; background-color: #FDF4F5; height:auto; margin:0 0 10px; padding:8px 0 8px 11px; text-align:left; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

#afp3_wrap .afp_debug { border:1px solid #BF3030; padding: 5px; -moz-border-radius:4px; margin: 10px 0 10px 0; }

#afp3_wrap .afp_hide { display:none; }

div.afp_clear { clear:both; margin:0; line-height:0; }

#afp3_afp_fields div.escts { padding:10px 0; clear:both; }

#afp3_afp_fields div.parent { margin: 0 0 10px 0; clear:left; }

/* Label */
#afp3_afp_fields label { font-size: 14px; font-family: Verdana; font-weight: normal; font-style: normal; color: #000000; }
#afp3_afp_fields label.escts { width: auto; padding-left: 0px; margin: 8px 19px 8px 1px; text-align: right; float: none; font-weight:normal !important; }
#afp3_afp_fields .afp_labelfor { color: #000000; display: inline-block; font-weight:normal; float: none; padding:0 0 0 5px; text-align: left; }

/* Input, Textarea, Select */
#afp3_afp_fields input.text, #afp3_afp_fields textarea, #afp3_afp_fields select {
    width: auto; float: none; border: 1px solid #690707; color: #000000; background-color: #FEFEFE; margin: 5px 5px 5px 0; padding: 5px; font-size: 14px; font-weight: normal; font-style: normal; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
#afp3_afp_fields select { height: 27px; }
#afp3_afp_fields textarea { max-width: 300px; width: 100%; height:80px; padding: 5px; }

#afp3_afp_fields input.larger, #afp3_afp_fields select.larger { width:177px; }

/* Checkbox */
#afp3_afp_fields input.chck { cursor: pointer; top: 0 !important; clear:both; float:left; margin: 1px 1px 0 0 !important; padding: 2px !important; }
#afp3_afp_fields input.rad { clear: both; cursor: pointer; float:left; margin: 1px 1px 0 0 !important; padding: 2px !important; }

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

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

#afp3_afp_fields div.afp_error { font-family: Verdana; 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 */
#afp3_afp_fields ul.afp_checkboxes_area { display:block; list-style:none outside none; margin:5px 0 5px; padding:0; }
#afp3_afp_fields ul.afp_checkboxes_area li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

#afp3_afp_fields div.afp_checkboxes_area_col { display: block; float: left; font-family: Verdana; font-weight: normal; font-style: normal; font-size: 14px; }
#afp3_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; }
#afp3_afp_fields div.afp_checkboxes_area_col ul li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

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

#afp3_afp_fields div.afp_radios_area_col { display: block; float: left; font-family: Verdana; font-weight: normal; font-style: normal; font-size: 14px; }
#afp3_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; }
#afp3_afp_fields div.afp_radios_area_col ul li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

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

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

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

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

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

#afp3_afp_input_box_div { float:left; }

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

/* A CAPTCHA DIV */

#afp3_afp_main_sec_div { clear:both; }

#afp3_afp_sec_div { float: left; }
#afp3_afp_sec_div_two { float: left; clear:both; display: none; margin: 5px 0 5px 0; }

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

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

#afp3_promote_afp_link { clear:both; margin: 10px 0; }
#afp3_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; }

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: url("../../../../images//icon-button-ok.png") no-repeat scroll 14px 35% #F5F9FD;*/ height: auto; margin: 0 0 10px; padding: 8px 0 8px 46px; text-align: left; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 89%; }
.afp_attach_error { color: #FF0000; font-weight: 11; font-style: 11; line-height:19px; -moz-border-radius: 5px; /*background: url("../../../../images//icon-dialog-error.png") no-repeat scroll 14px 35% #FDF4F5;*/ height:auto; margin:0 0 10px; padding: 6px 0 0px 0px; text-align:left; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 100%; }
     
.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 #690707; }
.afp_attach_file { background: url('../../../../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 */
.afp3_tooltip {
    background-color: #FEFEFE;
    border: 1px solid #690707;
    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) {
    #afp3_wrap { width: 310px !important; margin: 0; pading: 8px !important; }

    #afp3_afp_fields input.text,
    #afp3_afp_fields input[type='text'],
    #afp3_afp_fields input[type='password'],
    #afp3_afp_fields textarea,
    #afp3_afp_fields select {
        width: 300px !important;
    }
    
    #afp3_wrap .afp_notification_ok, #afp3_wrap .afb_notification_ok,
    #afp3_wrap .afp_notification_error, #afp3_wrap .afb_notification_error {
        width: inherit;
        max-width: 310px;
    }

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

    #afp3_afp_fields div.afp_radios_area_col ul li { height: auto; margin: 0 0 10px 0; width: 144px; }
    #afp3_afp_fields div.afp_checkboxes_area_col ul li { height: auto; margin: 0 0 10px 0; width: 144px; }
}

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

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

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

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

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

    #afp3_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) {
    #afp3_wrap {
        width: auto !important;
    }
}

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