﻿
.form-style-2{
    /*max-width: 500px;*/
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-2-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}

.form-style-2 label {
    display: block;
    margin: 0px 0px 15px 0px;
}

    .form-style-2 label > span {
        width: 100px;
        font-weight: bold;
        float: none;
        padding-top: 8px;
        padding-right: 5px;
    }

.form-style-2 span.required {
    color: red;
}

.form-style-2 .tel-number-field {
    width: 40px;
    text-align: center;
}

.form-style-2 input.input-field, .form-style-2 .select-field {
    width: 48%;
}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

    .form-style-2 .input-field:focus,
    .form-style-2 .tel-number-field:focus,
    .form-style-2 .textarea-field:focus,
    .form-style-2 .select-field:focus {
        border: 1px solid #0C0;
    }

.form-style-2 .textarea-field {
    height: 100px;
    width: 55%;
}

.form-style-2 input[type=submit],
.form-style-2 input[type=button] {
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .form-style-2 input[type=submit]:hover,
    .form-style-2 input[type=button]:hover {
        background: #EA7B00;
        color: #fff;
}
/* ********************************************* */
/*form style 3*/
.form-style-3 {
    /*max-width: 500px;*/
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-3 label > span {
    /*width: 250px;*/
    font-weight: bold;
    float: left;
    padding-right: 5px;
}


.form-style-3 label {
    margin: 0px 0px 15px 0px;
}
.form-style-3-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}


.form-style-3 span.required {
    color: red;
}

.form-style-3 .tel-number-field {
    width: 40px;
    text-align: center;
}

.form-style-3 input.input-field, .form-style-3 .select-field {
    width: 48%;
}

.form-style-3 input.input-field,
.form-style-3 .tel-number-field,
.form-style-3 .textarea-field,
.form-style-3 .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

    .form-style-3 .input-field:focus,
    .form-style-3 .tel-number-field:focus,
    .form-style-3 .textarea-field:focus,
    .form-style-3 .select-field:focus {
        border: 1px solid #0C0;
    }

.form-style-3 .textarea-field {
    height: 100px;
    width: 55%;
}

.form-style-3 input[type=submit],
.form-style-3 input[type=button] {
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width:180px;
}
.form-style-3 button {
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 180px;
}

    .form-style-3 input[type=submit]:hover,
    .form-style-3 input[type=button]:hover {
        background: #EA7B00;
        color: #fff;
}

/* ********************************************* */
/*form style 4*/
.form-style-4 {
    /*max-width: 500px;*/
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-4 label > span {
/*width: 250px;*/
   font-weight: bold;
   float: left;
   padding-right: 5px;
}

.form-style-4 label {
   margin: 0px 0px 15px 0px;
}
.form-style-4-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-4 label {
    display: block;
    margin: 0px 0px 15px 0px;
}

 .form-style-4 label > span {
        width: 200px;
        font-weight: bold;
        float: left;
        padding-top: 8px;
        padding-right: 5px;
    }

.form-style-4 span.required {
    color: red;
}

.form-style-4 .tel-number-field {
    width: 40px;
    text-align: center;
}

.form-style-4 input.input-field, .form-style-4 .select-field {
    width: 10%;
}

.form-style-4 input.input-field,
.form-style-4 .tel-number-field,
.form-style-4 .textarea-field,
.form-style-4 .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

    .form-style-4 .input-field:focus,
    .form-style-4 .tel-number-field:focus,
    .form-style-4 .textarea-field:focus,
    .form-style-4 .select-field:focus {
        border: 1px solid #0C0;
    }

.form-style-4 .textarea-field {
    height: 100px;
    width: 55%;
}

.form-style-4 input[type=submit],
.form-style-4 input[type=button] {
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.form-style-4 input[type=submit]:hover,
.form-style-4 input[type=button]:hover {
    background: #EA7B00;
    color: #fff;
}
.column {
    float: left;
    width: 30%;
}
 .column .ListBox {
        width:15%;
        padding-top:05px;

    }
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.column_right {
    float: right;
    width: 40%;
}

.column_button {
    margin-left: 40%;
}
.column2_right{
    margin-left:50%;
    float:right;
}
.column2_right .ListBox {
    width: 15%;
    padding-top: 05px;
}
.speedconfig textbox{
    width:10%;
}
.ddfieldsize{
    width:55px !important;
}

.column_filepage {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row_filepage:after {
    content: "";
    display: table;
    clear: both;
}
.checkboxlist_nowrap label {
    display:inline-block !important;
    margin-left:10px !important;
}
.checkboxlist_nowrap td {
    text-align: left !important;
}
