/************** form container styles*********************/

.DA_custom_form { margin: 0; padding: 0; }
.DA_holder{ width:315px; margin:0; padding:0; }

.DA_radio_holder, 
.DA_check_holder, 
.DA_select_holder{ position:relative;}


/*
.DA_check_holder, .DA_radio_holder{ margin:0}
.DA_radio_holder{ padding:0;}
*/

/************** end of form container styles*********************/

/********************* text fields frames styles **********************/

/***
.DA_custom_form{ margin:0 auto 30px auto; padding-bottom:15px; max-width:700px; padding:0 10px; position: relative; z-index: 1}
.DA_custom_form .DA_field_container{ display: block; width:100%; height:25px; padding:10px 0;  border:solid 1px #ccc; }
.DA_custom_form .DA_field_container{ -webkit-border-radius: 5px; border-radius: 5px; }
.DA_custom_form .DA_field_container{ position: relative; z-index: 1;}

.DA_custom_form .textarea-frame{ display: block; width:100%; height:160px; padding:10px 0;  border:solid 1px #ccc; }
.DA_custom_form .textarea-frame{ -webkit-border-radius: 5px; border-radius: 5px;}
.DA_custom_form .textarea-frame{ position: relative; z-index: 1;}
***/

/****************** end of text fields styles *******************/



.DA_custom_form .select_field{ border:0; visibility:hidden; font-size: 0; line-height:0; text-indent: -4000px; height:0!important; }
.DA_custom_form .select_field{ padding:0; float: left;}
 @-moz-document url-prefix() {.radio-btn, .check-box { visibility:hidden;  width:0;}}
 
/****************************** select box custom styles ********************************/

.sbHolder{
    height:16px; 
    border:solid 1px #ccc; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    padding:10px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    width: 100%;
}
.sbHolder:focus .sbSelector{
    
}
.sbSelector{
    display: block;
    height: 16px;
    left: 0;
    line-height: 16px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 16px;
	/*padding:10px 0text-decoration: none;*/
    top: 10px;
    /*width: 100%;*/
    right: 47px;
    overflow: hidden;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #000;
    outline: none;
    text-decoration: none;
}
.sbToggle{
    display: block;
    height: 100%;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    font-size: 16px;
    line-height: 35px;
    color:#fff;
    text-align: center;
    background-color: #e51f2d;
    border:solid 1px #ccc;
    -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}
.sbToggle:hover{ text-decoration: none; color: #000;}

.sbToggleOpen:hover{ text-decoration: none; }
.sbHolderDisabled{ background-color: #3C3C3C; border: solid 1px #515151; }

.DA_custom_form .sbOptions{
    background-color: #fff;
    border:solid 1px #b0b0b0; 
    -webkit-border-radius: 5px; border-radius: 5px;
    list-style: none;
    left: -1px;
    margin: -20px 0 0 0;
    padding: 0;
    position: absolute;
    top: 60px!important;
    width: 100%!important;
    z-index: 1001;
    overflow-y: auto;
    text-align: left;
}
.DA_custom_form .sbOptions li{ width:100%!important; }

.DA_custom_form .sbOptions a{
    border-bottom: dotted 1px #515151;
    display: block;
    outline: none;
    width:97%;
    padding: 12px 0 12px 3%;
}
.DA_custom_form .sbOptions a:link, .DA_custom_form .sbOptions a:visited{
    color: #626262;
    text-decoration: none;
}
.DA_custom_form .sbOptions a:hover,
.DA_custom_form .sbOptions a:focus,
.DA_custom_form .sbOptions a.sbFocus{
    color: #e91b24;
}
.DA_custom_form .sbOptions li.last a{ border-bottom: none; }

.DA_custom_form .sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.DA_custom_form .sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.DA_custom_form .sbOptions .sbSub{ padding-left: 17px; }

/****************************** end of select box custom styles ********************************/

/*************************************** HORIZONTAL FORM STYLE *****************************************/

.DA_custom_form .horizontal{ width:100%; float: none; display: block; margin:0 0 22px 0;}
.DA_custom_form .horizontal label{ float: left; display: inline; width:35%; padding:0; line-height: 45px}
.DA_custom_form .horizontal  label.fl{ width:80%; line-height: 23px; padding-bottom:8px; }
.DA_custom_form .horizontal label.error{ display: block; float: none; width:auto; line-height: 22px; padding:0 5px;}
.DA_custom_form .horizontal .hidden{ display: none!important; }
.DA_custom_form .horizontal .DA_field_container{ float: left; display: inline; width:64%;}
.DA_custom_form .horizontal  .DA_field_container span{ width:6.5%;}
.DA_custom_form .horizontal .field{ width:91.5%;}
.DA_custom_form .horizontal .sbHolder{ width:100% !important; font-family: 'Oswald', verdana, serif; color: #000; font-weight: 400; font-style: italic; text-align: left;}
.DA_custom_form .horizontal .textarea-frame { width:64%; float: left; display: inline; }

.select_wrap { margin-bottom: 8px; height: 38px;}

/* -------------------------------  Media Query Max Width 320 ------------------------------- */

@media only screen and (max-width:320px){
    
    
}

/* -------------------------------  Media Query Min Width 321 Max Width 640 ------------------------------- */

@media only screen and (min-width: 321px) and (max-width:640px){

    .DA_custom_form .horizontal .sbHolder{ width:100%!important; text-align: left;}

    .DA_custom_form span.checkbox, .DA_custom_form span.radio{ width:15%!important; }
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .DA_custom_form .horizontal .sbHolder {
     margin-top: 0;
     position:relative;
    }

    /* Safari only override */
    ::i-block-chrome,.DA_custom_form .horizontal .sbHolder {
        margin-top: 0;
        position:relative;
    }
}