/* xxxxxxxxxxxxxxxxxxxxx INPUT CONTROLS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

input[type=text], input[type=password], select, textarea, select[multiple]{    
    /*border          : 2px solid #1cb07a;*/
    border          : 2px solid #03213e;
    border-radius   : 7px;
    padding         : 0px 10px;
    height          : 40px;
    width           : 300px;
    font-size       : 18px;
    color           : #808080;
    font-family     : Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, select[multiple]:focus{
    outline         : none;
}

select, select[multiple]{
    width           : 215px;
}

input[type=text].very_small, input[type=password].very_small, select.very_small, textarea.very_small, select[multiple].very_small{    
    width           : 100px;
}

input[type=text].small, input[type=password].small, select.small, textarea.small, select[multiple].small{    
    width           : 150px;
}

input[type=text].large, input[type=password].large, select.large, textarea.large, select[multiple].large{    
    width           : 250px;
}

input[type=text].very_large, input[type=password].very_large, select.very_large, textarea.very_large, select[multiple].very_large{    
    width           : 300px;
}

input[type=text].extra_large, input[type=password].extra_large, select.extra_large, textarea.extra_large, select[multiple].extra_large{    
    width           : 350px;
}

input[type=text].full_width, input[type=password].full_width, select.full_width, textarea.full_width, select[multiple].full_width{    
    width           : 100%;
}

textarea{
        height          : 100px;
        padding-top     : 10px;
}

input[type=checkbox]{
    width : 18px;
    height: 18px;
}

select{
    /*border          : 2px solid #1cb07a;*/
    border          : 2px solid #03213e;
    border-radius   : 7px;

    padding-left    : 10px;
    padding-right   : 35px;

    height          : 44px;

    /* For the enlarged caret xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */

    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;

    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) white no-repeat !important;
    background-position: right 10px center!important;    
}

/* xxxxxxxxxxxxxxxxxxxxx BUTTONS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

input[type=submit], input[type=reset]{
    height          : 40px;
    width           : 120px;
    font-size       : 20px;    
    text-align      : center;
    float           : left;
    background-color: #104c98;
    border          : none;
    border-radius   : 7px;
    cursor          : pointer;
    color           : #ffffff;    
    font-family     : Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

input[type=submit].free_width, input[type=reset].free_width{
    width           : auto;
}

input[type=submit].min_210, input[type=reset].min_210{
    min-width       : 210px;
}

@media(max-width: 900px){
        input[type=submit].min_210, input[type=reset].min_210{
                clear           : both;
        }
}

input[type=submit].purple, input[type=reset].purple{
    background-color: #673ab7;
}

input[type=submit].orange, input[type=reset].orange{
    background-color: #ff6f00;
}

input[type=submit].yellow, input[type=reset].yellow{
    background-color: #ffb300;
}

input[type=submit].pink, input[type=reset].pink{
    background-color: #ed668a;
}

input[type=submit]:disabled, input[type=reset]:disabled{
    background-color: #dad8d8;
}