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

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

#afp1_wrap .afp_wrap { position: relative; margin: 0px 0 10px 0; }

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

#afp1_afb_note { display:none; margin: 0 0 5px 0; }

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

#afp1_wrap .afb_debug { border:1px solid #BF3030 !important; padding: 5px !important; -moz-border-radius:4px !important; margin: 10px 0 10px 0 !important; }

#afp1_wrap .afb_hide { display:none; }

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

#afp1_afb_fields label.escts { width: auto !important; padding-left: 0px !important; margin: 8px 19px 8px 1px !important; text-align: right !important; float: none !important; }
#afp1_afb_fields .afb_labelfor { float: none !important; padding:0 0 0 5px !important; margin:0 !important; text-align: left !important; }

/* Label, Input, Textarea */

#afp1_afb_fields div.afp_wrap label.in_field { color: #777777; margin: 9px 5px 5px 6px; font-size: 14px; font-family: Lato; font-weight: normal; position: absolute; clear: both; }
#afp1_afb_fields div.afp_wrap label.security_code { color: #777777; display: inline; margin: 9px 2px 0 5px; font-weight: normal; position: absolute; }


#afp1_afb_fields label.afb_labelfor { color: #000000; display: inline-block; font-weight:normal; position:none !important; float: none !important; padding:0 0 0 5px !important; margin:0 !important; text-align: left !important;  }

#afp1_afb_fields div.afp_wrap { line-height:11px !important; padding: 1px 0 1px 0px; }

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

#afp1_afb_fields div.escts { line-height: 12px; padding: 10px 0 10px 0 !important; margin: 0 !important; min-height:17px; }
#afp1_afb_fields label.escts { color: #000000; font-weight:normal !important; width: auto !important; padding-left: 0px !important; margin: 0px 17px 5px 5px !important; text-align: right !important; }

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

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

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

#afp1_afb_fields input.afb_error,
#afp1_afb_fields input.afb_chck_error,
#afp1_afb_fields input.afb_rad_error {
    border: 1px solid #F3CCBE !important;
}

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

#afp1_afb_fields div.afb_error { font-family: Lato; font-size: 14px !important; font-weight: 14; font-style: 14; color: #FF0000 !important; margin: 0px 0px 9px 0px !important; width: auto; text-align: left !important; padding: 0px !important; clear: both !important; }

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

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

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

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

#afp1_afb_fields .fieldTitle { color: #000000 !important; font-weight: normal; font-style: normal; }

#afp1_wrap div.afp_spacer { margin: 3px 0 5px 0; }

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

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

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

#afp1_afb_main_sec_div { margin: 0 0 7px 0; }

#afp1_afb_sec_div_two { clear: both; display: none; margin: 0; }

#afp1_afb_captcha { border: 1px solid #CDCDCD !important; margin:15px 0 0; -moz-border-radius: 3px; }

#afp1_afb_captcha_div { float:left !important; margin: -11px 0 0 !important; position: relative !important; top: 0 !important; left: 0 !important; display: block !important; }

#afp1_afb_captcha_refresh { display:none; }

#afp1_afb_input_box_div { float:left !important; }

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

/* A CAPTCHA DIV */
#afp1_afb_sec_div { float: left !important; }

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

/* Highlight Rows */
#afp1_afb_fields .afb_highlighted { background-color: transparent !important; }

#afp1_promote_afp_link { clear:both; margin: 10px 0; }
#afp1_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; 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: 0 auto; padding:0px; }
.afp_files_attached_area td { padding:5px; }

.afp_files_attached_area tr:hover { background: transparent; }

.afp_attach_zone { width: 100%; margin: 0 auto; padding:10px 0; border:1px solid #CDCDCD; }
.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 */
.afp1_tooltip {
    background-color: #FEFEFE;
    border: 1px solid #CDCDCD;
    padding: 10px 15px;
    width: 200px;
    display: none;
    text-align: left;
    z-index: 2000;
}

@media only screen and (max-width: 450px) {
    #afp1_wrap { width: auto; max-width: 420px; margin: 0; }

    #afp1_afb_fields input.text,
    #afp1_afb_fields input[type='text'],
    #afp1_afb_fields input[type='password'],
    #afp1_afb_fields textarea,
    #afp1_afb_fields select {
        width: 100% !important;
    }
    
    #afp1_wrap .afb_notification_ok,
    #afp1_wrap .afb_notification_error {
        width: inherit;
        max-width: 340px;
    }
    
    #afp1_afb_fields div.afb_radios_area_col ul li { height: auto; margin: 0 0 10px 0; }
    #afp1_afb_fields div.afb_checkboxes_area_col ul li { height: auto; margin: 0 0 10px 0; }
}