﻿.thin { font-weight: normal; }
#advSrchBox {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 25px 10px;
    font-size: 14px;
}
#advSrchBox label, #advSrchBox .label {
    color: #333;
    margin-bottom: 9px;
    font-weight: bold;
}
#advSrchBox .checkbox_group label, #advSrchBox .checkbox-label {
    font-weight: normal;
    margin-bottom: 11px;
}
#advSrchBox .note {
    font-style: italic;
    font-weight: normal;
}
#advSrchBox .column, #advSrchBox ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#advSrchBox .column {
    width: 33.3%;
    float: left;
}
#advSrchBox .column li { padding-bottom: 12px; }
#advSrchBox .column li:last-child { padding-bottom: 0px; }
#advSrchBox .column input[type=text], #advSrchBox .column select {
    width: 100%;
    font-size: 12px;
    margin-bottom: 9px;
}
#advSrchBox .column ul { padding: 0 20px; }
#advSrchBox select.not-so-wide { width: inherit; }
#advSrchBox .special-button {
    text-align: right;
    padding: 0 20px;
    /*margin-top: -42px;*/
}

#advSrchBox .special-button .btn 
{
    -webkit-appearance: none;
    background: #85ce3f;
    border: 0.125rem solid #85ce3f;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    display: block;
    color: white;
    border-radius: 3px;
    transition: background-color 300ms ease-out;    
    /*padding: 8px 30px;*/
    /*font-size: 16px;*/
    margin-left: 10px;
    line-height:1.6em;
}

#advSrchBox .special-button .btn:hover {
    border: 0.125rem solid #9dd865;
    background: #9dd865;
}

#advSrchBox .special-button .btn:active {
    border: 0.125rem solid #6fac40;
    background: #6fac40;
}

@media only screen and (max-width: 640px) {
    #advSrchBox .column { width: 100%; }
    #advSrchBox .special-button { text-align: center; margin-top: 10px; }
    .hide-when-responsive { display: none; }
    #advSrchBox .column ul { padding: 0; }
    #advSrchBox { padding: 18px; }
}