﻿/***************************************************************************************
	Pager
***************************************************************************************/
div.pagerControl{
    margin: 0;
    width: 100%;
    padding: 0;
    display: inline-block;
}

div.divPager
{
    *float: left;
    display: block;
    _font-size: 90%;
    border: 1px solid #CCCCFF;
    margin: 0 0 4px 0;
    padding: 0 4px;
    line-height: 30px !important;
    min-height: 30px !important;
    background-image: url('images/yelgrd_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #C9D7E4;
    color: #000066;
    cursor: default;
}

.pagerLineItem{
    display: inline-block; 
    width: 100%;
    overflow: hidden;
    line-height: 18px;
}

div.divPager select
{
	font-size: 80% !important;
}

div.divPager select
{
	display: block;
	float: left;
	margin: 2px 4px 0 0;
	font-size: 90% !important;
}

div.divPager input
{
	display: block;
	float: left;
	margin: 3px 4px 0 0;
}

div.divPager div.divRecordInfo
{
	float: left;
	width: 360px;
}

div.divPager div.divPageInfo
{
	float: left;
	width: 318px;
	_width: 322px;
}

div.divPager div.divPageSize
{
	float: right;
	width: 110px;
	_width: 115px;
}

div.divPager div.divSortField
{
	float: right;
	padding: 0 4px 0 0;
	width: 244px;
}

div.divPager div.divSortField input.ibnSortDescending, div.divPager div.divSortField input.ibnSortAscending
{
	margin: 1px 0 0 0;
	padding: 2px;
}

div.divPager div.divSortField input.ibnSortDescendingSelected, div.divPager div.divSortField input.ibnSortAscendingSelected
{
	background-color: #DDB591 !important;
	border: solid 1px #DDB591 !important;
}

div.divPager div.divSortField select
{
	width: 130px;
}

div.divPager .RadComboBox{
    margin-top: -2px;
}

div.divPager .RadComboBox a{
	line-height: normal !important;
	height: auto !important;
}

div.divPager div.divPageSize span
{
	float: right;
	display: block;
	text-align: right;
	height: 24px;
	line-height: 24px;
	margin-right: 4px;
}

div.divPager div.divPageSize select
{
	float: right;
	display: block;
	margin-top: 2px;
}

.rhSpacer{
    float: right !important;
    width: 1px;
}

div.dynamicSearchDiv .dynamicSearchTitle{
    width: 90px;
}

div.divPager span, div.divPager a{
    height: 30px !important;
    line-height: 30px !important;
    color: #000066;
}

div.dynamicSearchDiv,  div.alphabeticSearchDiv, div.filtersDiv{
    margin: 0 0 4px 0;
    line-height: 30px !important;
    height: auto !important;
    vertical-align: middle;
    display: inline-block;
    *float: left;
}

div.dynamicSearchDiv input{
    cursor: text;
}

div.divPager .resultsCount, div.divPager .viewResults{
    /* display: none; */
}

div.dynamicSearchDiv a, div.dynamicSearchDiv img{
    display: inline-block;
    *float: left;
    margin: 0;
}

div.pagerBar{
    margin: 0 0 4px 0;
    line-height: 30px !important;
    height: auto !important;
    vertical-align: middle;
    display: block;
    *float: left;
}

div.divDynamicSearch, div.divFilters{
    margin: 0 0 4px 0;
    line-height: 30px !important;
    height: auto !important;
    vertical-align: middle;
    display: inline-block;
    *float: left;
}

div.divFilters{
    display: block;
}

div.divPager span.alphabeticSearchShowAll{
    display: block;
    width: auto;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0px 2px;
    margin: 5px 1px;
    text-align: center;
    cursor: pointer;
}

div.divPager span.alphabeticSearchLetter{
    height: 20px !important;
    line-height: 20px !important;
    margin: 5px 1px;
    padding: 0px 2px;
    cursor: pointer;
}

div.divPager span.alphabeticSearchLetterOver{
    border: 1px solid #CC9900;
    background-image: url( 'images/selovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
    color: #663300;
    padding: 0px 2px;
    margin: 4px 0px;
    height: 20px !important;
    line-height: 20px !important;
}

div.divPager span.alphabeticSearchLetterSpacer{
    margin: 7px 1px;
    height: 16px !important;
    line-height: 16px !important;
    width: 0px;
    display: block;
    border-right: 1px solid #000066;
}

.matchAgainstInfoImage{
    margin: 6px 4px 0 4px;
}

.alphabeticFilterControl{
    margin: 0;
    height: auto !important;
    line-height: inherit;
    height: 30px !important;
    vertical-align: middle;
    display: inline-block !important;
    *display: block !important;
    *float: right;
}

/*********************************************************
    searchFilterControl
*********************************************************/
.searchCriteriaControl{
    margin: 0 4px 0 0;
    height: auto !important;
    line-height: inherit;
    height: 30px !important;
    vertical-align: middle;
    display: inline-block !important;
    *display: block !important;
    *float: left;
    *width: 34% !important;
}

.searchCriteriaControl .searchCriteriaControlTitle, .searchCriteriaControl .searchCriteriaControlHolder, .searchFilterControl .RadComboBox{
    display: inline-block !important;
    float: none;
    *float: left;
}

.searchCriteriaControl .searchCriteriaControlTitle{
    width: 134px !important;
}

.searchCriteriaControl .searchCriteriaControlHolder{
    width: 160px !important;
}

.searchCriteriaControl .RadComboBox{
    margin: 0px !important;
}

.searchCriteriaControlHidden{
    display: none !important;
}

.textSearchCriteriaControl span.RadInput input.inputCell{
    width: 156px !important;
}

div.pagerListItem{
    display: inline-block !important;
    float: none;
    *float: left;
}

div.pagerDetails{
    border-top: solid 1px #AAAAAA;
    margin-top: 4px;
    width: 100%;
}

div.searchButtonsLineItem{
    padding: 4px 0;
}

div.searchButtonsLineItem, div.searchButtonsLineItem span, div.searchButtonsLineItem a{
    height: 24px !important;
    line-height: 24px !important;
}

div.searchButtonsLineItem div.RadComboBox span, div.searchButtonsLineItem div.RadComboBox a{
    height: 16px !important;
    line-height: 16px !important;
    padding: 0px !important;
}

div.searchButtonsLineItem div.pagerButton{
    background-repeat: repeat-x;
    background-image: url( 'images/dec_bg.jpg' );
    background-position: top;
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    padding: 0px;
    margin: 0px;
    height: 24px !important;
    line-height: 24px !important;
    width: auto;
    display: inline-block;
}

div.searchButtonsLineItem div.pagerButton a{
    display: block;
    padding: 0px 8px;
    margin: 0px;
}

div.searchButtonsLineItem div.pagerButtonOver{
    background-image: url('images/ctx_bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
}

div.searchButtonsLineItem div.resultsCount{
    background-image: url('images/sel_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
    border: solid 1px #ffd96a;
    cursor: pointer;
}

div.searchButtonsLineItem div.resultsCount a{
    display: block;
    padding: 0px 8px;
    margin: 0px;
    text-decoration: none;
}

div.searchButtonsLineItem div.resultsCountOver{
    background-image: url('images/selovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ffd96a;
}

div.searchButtonsLineItem div.resultsCountOver span.resultsCountTitle{
    text-decoration: underline;
}

div.searchButtonsLineItem span.resultsCountValue{
    font-size: 140% !important;
    font-weight: bold;
    padding: 0px 3px;
    color: #FF3300;
}

div.pageNumbersHolder, div.pagerItem{
    display: inline-block;
}

div.pagerImageHolder{
    display: inline-block;
    *display: inline;
}

div.pagerImageHolder img{
    margin: 4px 0 0 0;
    display: inline-block;
    *display: inline;
    vertical-align: text-bottom;
}

div.pageSelection{
    margin: 0 10px 0 0;
}

.searchFunctionControl{
    width: 300px !important;
}

div.dynamicSearchControl{
    font: inherit !important;
}

div.clearAllButton, div.pagerButton {
    _width: 60px !important;
    _text-align: center !important;
}

div.clearAllButton a span{
    _width: 100% !important;
}

div.viewResultsButton, div.resultsCount{
    _width: 180px !important;
}

div.viewResultsButton a, div.resultsCount a{
    _float: right;
}

span.resultsCountTitle{
    _width: 118px !important;
}

div.dynamicSearchControl{
    font-size: 100%;
}

div.searchFunctionControlTitle{
    _width: 124px;
    white-space: nowrap;
}

span.searchFunctionControlTitle{
    white-space: nowrap;
}

div.searchFunctionControl {
    _width: 290px;
    _line-height: 34px;
}

div.searchFunctionControl .RadComboBox {
    _padding: 4px 0 3px 0;
}

.textSearchFunctionControl .RadInput .inputCell{
    margin-top: 0px !important;
}
