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

#afp3_wrap { position: relative; background-color: inherit; text-align:left; margin-bottom: 20px; margin-left: auto; margin-right: auto; font-family: Verdana; font-size: 12px; padding: 5px; border: 0px none; color:inherit; }
#afp3_wrap h1 { background: url("../../../../images//icon-mail.png") no-repeat scroll 0 50% white; font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif; font-size: 19px; font-weight: lighter; height: 32px; margin: 17px 0; padding-left: 63px; text-align: left; }

#afp3_wrap p { line-height:0 !important; margin:0 !important; }

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

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

#afp3_afb_note { display:none; }

#afp3_wrap .afb_notification_ok { 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 0 8px 46px; text-align: left; }
#afp3_wrap .afb_notification_error { 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; }

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

#afp3_wrap .afb_hide { display:none; }

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

#afp3_afb_fields div.escts { padding:10px 0; clear:both; margin: 0 0 25px 0; }

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

/* Label */
#afp3_afb_fields label.escts { width: auto; padding-left: 0px; margin: 0px 19px 8px 7px; text-align: right; float: left; font-weight:normal !important; }
#afp3_afb_fields .afb_labelfor { font-size: inherit; display: inline; float: none; padding: 0px 0 0 5px !important; text-align: left; font-weight:normal !important; }

/* Input, Textarea, Select */
#afp3_afb_fields input.text, textarea, select { -moz-box-shadow: 0 0 3px #eeeeee; background:-moz-linear-gradient(top, #ffffff, #eeeeee 1px, #ffffff 5px); margin: 5px 5px 5px 0; padding: 2px; }
#afp3_afb_fields input.text, select { width: auto; background-color: #fefefe; float: none; border: 1px solid #cdcdcd; color: #333333; -moz-border-radius: 3px; }
#afp3_afb_fields textarea { background-color: #fefefe; width: 100%; max-width: 300px; height:auto; padding: 2px; float: none; border: 1px solid #cdcdcd; color: #333333; -moz-border-radius: 3px; }

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

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

#afp3_afb_fields input.afb_error { border: 1px solid #F3CCBE; }
#afp3_afb_fields input.afb_chck_error { border: 1px solid #F3CCBE; }
#afp3_afb_fields input.afb_rad_error { border: 1px solid #F3CCBE; }

#afp3_afb_fields select.afb_error { border: 1px solid #F3CCBE; }
#afp3_afb_fields textarea.afb_error { border: 1px solid #F3CCBE; }

#afp3_afb_fields input.afb_ok { border: 1px solid #B9E7AE; }
#afp3_afb_fields select.afb_ok { border: 1px solid #B9E7AE; }
#afp3_afb_fields textarea.afb_ok { border: 1px solid #B9E7AE; }

#afp3_afb_fields div.afb_error { font-size: 11px; color: red; margin: 0px 0px 15px 0px; width: auto; text-align: left; padding: 0px; clear: both; }

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

#afp3_afb_fields div.afb_checkboxes_area_col { display: block; float: left; margin: 0 0 15px 0; font-family: Verdana; font-size: 12px; color:black; }
#afp3_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; }
#afp3_afb_fields div.afb_checkboxes_area_col ul li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

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

#afp3_afb_fields div.afb_radios_area_col { display: block; float: left; margin: 0 0 15px 0; font-family: Verdana; font-size: 12px; color:black; }
#afp3_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; }
#afp3_afb_fields div.afb_radios_area_col ul li { list-style-type: none; margin: 3px 0 3px 0; padding: 6px 0 0 5px; }

/* Submit Button */
#afp3_afb_fields .afb_button { cursor: pointer !important; width: auto; background: white url('../../../../images//icon-send-mail.png') no-repeat scroll 11px 50% !important; border-color:#EDEDED #999999 #999999 #EDEDED !important; border-style:solid !important; border-width:1px !important; color: #333333 !important; padding: 6px 6px 8px 32px !important; -moz-border-radius: 3px !important; }

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

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

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

img.afb_captcha_vertical { margin: 0; border: 1px solid #e7e7e7; -moz-border-radius: 3px; }

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

#afp3_afb_input_box_div { float:left; }

/* CAPTCHA Verified */
#afp3_afb_verified { background: url("../../../../images//icon-tick-circle-frame.png") no-repeat scroll 0 47% white; color: green; margin: 0 0 10px 0; padding: 2px 0 0 23px !important; min-height: 16px !important; }
#afp3_afb_verified .ok { margin: 0px; } 

/* A CAPTCHA DIV */

#afp3_afb_main_sec_div { clear:both; }

#afp3_afb_sec_div { float: left; }
#afp3_afb_sec_div_two { float: left; clear:both; display: none; margin: 5px 0 5px 0; }

#afp3_afb_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_afb_fields .afb_highlighted { background-color: #FFFFEF; }

/* Style the error messages */
#afp3_afb_fields .afb_styled { font-style: italic; }

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

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

.afp_wrap { margin:0 0 10px; }

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

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

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