/*************************/
/********** tabs *********/
/*************************/
.search-box ul.nav-tabs
{
    margin: 0 0 0 10px;
    border: 0;
}

.search-box ul.nav-tabs li > a
{
    font-size: 16px;
    color: #555555;
    background-color: #efefef;
}

.search-box ul.nav-tabs li > a:hover
{
    color: #000000;
    background-color: #e1e6ea;
    border-bottom: 0;
}

.search-box ul.nav-tabs li.active > a
{
    color: #000000;
    background-color: #e1e6ea;
}

.search-box div.tab-content
{
    padding: 3px 3px 3px 3px;
    margin: 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

/***************************/
/********** labels *********/
/***************************/
.search-box label,
.results-box label
{
    font-size: 12px;
}

.search-box label.help,
.results-box label.help
{
    font-size: 14px;
    color: #757b82;
    display: block;
}

.search-box label.help a,
.results-box label.help a
{
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 0 0 5px;
    line-height: 19px;
    vertical-align: text-top;
    background-image: url('../images/icon_help.png');
    background-repeat: no-repeat;
}

.search-box label.help a:active,
.results-box label.help a:active
{
    position: relative;
    top: 1px;
}

/***************************/
/********** inputs *********/
/***************************/
.search-box input[type="text"],
.results-box input[type="text"]
{
    border: 3px solid #CCC;
}

/****************************/
/********** selects *********/
/****************************/
.search-box select,
.results-box select
{
    border: 3px solid #CCC;
    height: 35px;
    line-height: 35px;
    color: #999999;
}

/*****************************/
/********** elements *********/
/*****************************/
div.search-box
{
    position: relative;
    font-size: 13px;
}

div.search-box-elements
{
    padding: 17px 17px 0 17px;
}

div.search-number
{
    margin-left: 10px;
}

div.search-button
{
    width: 132px;
    margin: 21px 0 0 10px;
}

div.search-button button.btnSearch
{
    display: block;
    border: 0;
    width: 132px;
    height: 41px;
    background: url('../images/btnSearch.png') no-repeat;
}

div.search-button button.btnSearch:active
{
    position: relative;
    top: 1px;
}

div.simple-search-explanation
{
    color: #74777c;
    text-align: justify;
}

div.advanced-search-box
{
    position: relative;
    margin-top: 30px;
}

div.advanced-search-toggle
{   
    position: absolute;
    top: -27px;
    left: 18px;
    width: 165px;
    height: 30px;
    background: #eaebef;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

div.advanced-search-toggle a
{
    display: block;
    background: url('../images/arrow_advanced_search_up.png') 0 4px no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #303e4b;
    padding: 0 0 0 12px;
    margin: 4px 0 0 8px;
}

div.advanced-search-toggle a:hover
{
    color: #000000;
}

div.advanced-search-box-elements
{
    padding: 17px 17px 10px 17px;
    margin: 0 0 0 0;
    background: #e1e6ea;
    
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

    background-image: -moz-linear-gradient(top, #eaebef 0%, #fefefe 100%);
    background-image: -o-linear-gradient(top, #eaebef 0%, #fefefe 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaebef), color-stop(1, #fefefe));
    background-image: -webkit-linear-gradient(top, #eaebef 0%, #fefefe 100%);
    background-image: linear-gradient(to bottom, #eaebef 0%, #fefefe 100%);
}

div.search-word-type,
div.search-business,
div.index div.search-fekdate,
div.search-date
{
    border-right: 1px solid #d8d9db;
    margin-right: 27px;
    padding-right: 27px;
    height: 120px;
}

div.advanced-search-button
{
    margin-top: 20px;
}

div.advanced-search-button button.btnSearch
{
    display: block;
    border: 0;
    width: 194px;
    height: 41px;
    background: url('../images/btnAdvancedSearch.png') no-repeat;
}

div.advanced-search-button button.btnSearch:active
{
    position: relative;
    top: 1px;
}

div.results-box
{
    padding: 0 4px 4px 4px;
    margin: 20px 0 0 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

div.results-header
{
    position: relative;
    height: 80px;
}

div.results-header .header-label
{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 80px;
    line-height: 80px;
    background: url('../images/icon_magnifying_glass.png') 5px 13px no-repeat;
    font-size: 17px;
    padding: 0 0 0 70px;
}

div.filters
{
    position: absolute;
    top: 8px;
    right: 190px;
}

div.numresults
{
    position: absolute;
    top: 8px;
    right: 20px;
}

/******************************/
/********** grid-view *********/
/******************************/
.grid-view
{
    background: #ffffff;
    padding: 0 0 10px 0;
}

.grid-view .summary
{
    display: none;
}

.grid-view table
{    
    width: 100%;
    
    border-collapse: collapse;
}

.grid-view table thead th
{
    border-left: 1px solid #d8d9db;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 5px 20px 5px 20px;
    white-space: nowrap;
    background-image: -moz-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: -o-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #eaebef));
    background-image: -webkit-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: linear-gradient(to bottom, #fefefe 0%, #eaebef 100%);
}

.grid-view table thead th:first-child
{
    border: 0;
}

.grid-view table thead th a
{
    color: #000000;
}

.grid-view table thead th a:hover
{
    color: #506f8b;
}

.grid-view table thead th a.sort-link.desc
{
    padding: 0 0 0 15px;
    background: url('../images/arrow_blue_desc.png') 0 5px no-repeat;
}

.grid-view table thead th a.sort-link.asc
{
    padding: 0 0 0 20px;
    background: url('../images/arrow_blue_asc.png') 0 5px no-repeat;
}

.grid-view table tbody
{
    border-top: 2px solid #c3c6cb;
}

.grid-view table tbody td
{
    border-left: 1px solid #d8d9db;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 5px 20px 5px 20px;
    vertical-align: top;
}

.grid-view table tbody td:first-child
{
    border: 0;
}

.grid-view .pager
{
    border-top: 1px solid #d8d9db;
    margin: 20px 10px 0 10px;
    padding: 20px 0 0 0;
}

.grid-view .pager ul li > a
{
    font-size: 13px;
    font-weight: bold;
    color: #162648;
    padding: 0 4px 0 4px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.grid-view .pager ul li.selected > a,
.grid-view .pager ul li > a:hover
{
    color: #ffbf00;
    background: #ffffff;
    border: 1px solid #d8d9db;
}

.grid-view .pager ul li.first > a,
.grid-view .pager ul li.last > a,
.grid-view .pager ul li.previous > a,
.grid-view .pager ul li.next > a
{
    float: none;
    font-size: 0;
    padding: 0;
    border: 0;
    background: url('../images/pager.png') 0 0 no-repeat;
    margin: 0 5px 0 5px;
}

.grid-view .pager ul li.first > a
{
    width: 9px;
    height: 10px;
    line-height: 10px;
    background-position: -6px -3px;
}

.grid-view .pager ul li.first > a:hover
{
    background-position: -6px -23px;
}

.grid-view .pager ul li.last > a
{
    width: 9px;
    height: 10px;
    line-height: 10px;
    background-position: -65px -3px;
}

.grid-view .pager ul li.last > a:hover
{
    background-position: -65px -23px;
}

.grid-view .pager ul li.previous > a
{
    width: 9px;
    height: 12px;
    line-height: 12px;
    background-position: -25px -2px;
}

.grid-view .pager ul li.previous > a:hover
{
    background-position: -25px -22px;
}

.grid-view .pager ul li.next > a
{
    width: 9px;
    height: 12px;
    line-height: 12px;
    background-position: -45px -2px;
}

.grid-view .pager ul li.next > a:hover
{
    background-position: -45px -22px;
}
