﻿
/* ---------------------------- Start  Section Top Search  Classes  ---------------------------- */


.top-search-contianer {
    height: auto;
    width: 97%;
    padding: 1.5%;
    float: left;
    background: #228cc6; /* Old browsers */
    background: -moz-linear-gradient(top, #228cc6 30%, #ffffff 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#228cc6), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #228cc6 30%,#ffffff 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #228cc6 30%,#ffffff 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #228cc6 30%,#ffffff 80%); /* IE10+ */
    background: linear-gradient(to bottom, #228cc6 30%,#ffffff 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228cc6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.top-search-contianer-heading {
    color: #FFFFFF;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.smltext {
    display: block;
    float: right;
    margin-top: 7px;
}

.search-flds-area {
    background: none repeat scroll 0 0 #116C9E;
    float: left;
    padding: 1%;
    width: 98%;
}

.advanced-search-flds-width {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    float: left;
    height: 26px;
    line-height: 30px;
    margin-left: 8px;
    padding: 3px;
    color: #736b6b;
    width: 24%;
    margin-top: 2px;
}

.advanced-search-flds {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 8px;
    padding: 3px;
    width: 23%;
    color: #736b6b;
    margin-top: 2px;
    box-sizing: border-box;
}

.fld_dropdown {
    border: 1px solid #c1c1c1;
    color: #736b6b;
    width: 23%;
    margin-left: 11px;
    padding-left: 5px;
    height: 35px;
    margin-bottom: 5px;
}

.dates-flds {
    float: left;
    margin: 10px;
    width: auto;
}

    .dates-flds img {
        float: left;
    }

    .dates-flds label {
        float: left;
        line-height: 30px;
    }

    .dates-flds input {
        border: solid 1px #e1e1e1;
        line-height: 30px;
        width: 84px;
        padding: 0px 5px;
    }

.advenced-btn {
    float: right;
    display: block;
    margin: 0px 0px;
}


.record-counter {
    float: right;
    width: auto;
}

/* ---------------------------- End  Section Top Search  Classes  ---------------------------- */



/* ---------------------------- Start  Section Right Search  Classes  ---------------------------- */
.side-srch-panel {
    float: left;
    height: auto;
    margin: 5px 2px;
    padding: 3% 5%;
    width: 89%;
    background: #228cc6; /* Old browsers */
    background: -moz-linear-gradient(top, #228cc6 10%, #073D7D 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#228cc6), color-stop(65%,#073D7D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #228cc6 10%,#073D7D 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #228cc6 10%,#073D7D 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #228cc6 10%,#073D7D 65%); /* IE10+ */
    background: linear-gradient(to bottom, #228cc6 10%,#073D7D 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228cc6', endColorstr='#073D7D',GradientType=0 ); /* IE6-9 */
}

    .side-srch-panel h5 {
        color: #ffffff;
    }

    .side-srch-panel label {
        display: block;
        margin: 3px 0px;
    }

.side-search-flds {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    padding: 6px;
    width: 95%;
    color: #736b6b;
    margin-bottom: 5px;
}
.srch-field {
    border: 1px solid #E1E1E1;
    color: #736B6B;
    padding: 6px;
    width: 100%;
    margin: 8px 0px;
}

.srch-field-ddl {
    border: 1px solid #E1E1E1;
    color: #736B6B;
    padding: 6px;
    width: 100%;
    margin: 8px 0px;
}

.side-dates-box {
    float: left;
    margin-right: 4px;
    width: auto;
}

    .side-dates-box input {
        border: 1px solid #E1E1E1;
        background: url(/images/icons/calander.png) no-repeat left #ffffff;
        height: 30px;
        padding-left: 40px;
        line-height: 30px;
        width: 97px;
        margin-top: 5px;
        color: #736b6b;
    }
/* ---------------------------- End  Section Right Search  Classes  ---------------------------- */
