﻿
.dataPagerContainer
{
    clear: both;
    height: 25px;
    #height: 28px;
    border-top: 1px solid #0C0C0D; 
    border-bottom: 1px solid #0C0C0D;
    border-right: 0px;
    border-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 6px 3px 10px;
    background-color: #8C8C8C;
    font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.dataPagerContainer a:hover 
{
    text-decoration: none;
    color: #FFFFFF;
}

.dataPager
{
    float: right;
    margin-top: 1px;
    #margin-top: 3px;
}

.dataPager input.pagerButton 
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003365;
	padding: 3px 9px 2px 9px;
	#padding: 2px 9px 1px 9px;
	text-align: center;
	border: 1px solid #889daa;
	background: #ffffff 0 0 repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	cursor: pointer;
	width: auto;
	height: auto;
}

/* Firefox Pager Hack*/
@-moz-document url-prefix() { .dataPager input.pagerButton { padding: 2px 8px 1px 8px; } }

.activePagerButton {
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 9px 2px 9px;
	#padding: 3px 10px 3px 10px;
	text-align: center;
	border: 1px solid #889daa;
	background:url(../images/activePagerButtonBackground.jpg) 0 0 repeat-x;
	#background: #CFE4F5 url(../images/activePagerButtonBackgroundIE.jpg) 0 1px repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	#position: relative; 
	#top: -3px;
	width: auto;
	height: auto;
	cursor: default;
}

/* Firefox Pager Hack*/
@-moz-document url-prefix() { .activePagerButton { padding: 3px 10px 2px 10px; } }

.dataPager input.pagerArrowButton 
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003365;
	padding: 3px 9px 3px 9px;
	#padding: 4px 9px 3px 9px;
	text-align: center;
	border: 1px solid #CCC;
	background: #ffffff 0 0 repeat-x;
	margin: 1px 3px 1px 3px;
	overflow: visible;
	cursor: pointer;
	width: auto;
	height: auto;
}

.dataPager input.disabledPagerArrowButton
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8ca3ba;
	padding: 3px 9px 3px 9px;
	#padding: 4px 9px 3px 9px;
	text-align: center;
	border: 1px solid #c9d3d9;
	background:#ffffff 0 0 repeat-x;
	margin: 1px 3px 1px 3px;
	overflow: visible;
	cursor: default;
	width: auto;
	height: auto;
}

.dataPager input.pagerFirstArrowButton
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003365;
	padding: 3px 6px 3px 5px;
	#padding: 4px 6px 3px 5px;
	text-align: center;
	border: 1px solid #CCC;
	background: #ffffff 0 0 repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	position: relative; 
	top: 6px;
	#top: 4px;
	cursor: pointer;
	width: auto;
	height: auto;
}

.dataPager input.disabledPagerFirstArrowButton
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8ca3ba;
	padding: 3px 6px 3px 5px;
	#padding: 4px 6px 3px 5px;
	text-align: center;
	border: 1px solid #c9d3d9;
	background:#ffffff 0 0 repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	position: relative; 
	top: 6px;
	#top: 4px;
	cursor: default;
	width: auto;
	height: auto;
}

.dataPager input.pagerLastArrowButton
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003365;
	padding: 3px 5px 3px 6px;
	#padding: 4px 5px 3px 6px;
	text-align: center;
	border: 1px solid #CCC;
	background: #ffffff 0 0 repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	position: relative; 
	top: 6px;
	#top: 4px;
	cursor: pointer;
	width: auto;
	height: auto;
}

.dataPager input.disabledPagerLastArrowButton
{
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8ca3ba;
	padding: 3px 5px 3px 6px;
	#padding: 4px 5px 3px 6px;
	text-align: center;
	border: 1px solid #c9d3d9;
	background:#ffffff 0 0 repeat-x;
	margin: 1px 1px 1px 1px;
	overflow: visible;
	position: relative; 
	top: 6px;
	#top: 4px;
	cursor: default;
	width: auto;
	height: auto;
}

.dataPagerHr
{
    border-top: 1px solid #b1bec9;
    margin: 0 2px 0 2px;
}

.pagerLabel
{
    margin: 5px 2px 0 0; 
    #margin: 7px 2px 0 0; 
    float: left;
}

.pageCounter
{
    float: right;
    margin: 3px 10px 0 0;
    #margin: 2px 10px 0 0;
    color: #FFFFFF;
}

.pagerPopup
{
    background-color: #ffffff;
    border: 1px solid #d0d9df;
    padding: 5px 7px 5px 5px;
    width: auto;
    #width: 92px;
    visibility: hidden;
}

.jumpToPageLabel
{
    font-family: Verdana,helvetica,Sans-Serif;
    font-size: 10px;
    color: #5f7383;
    text-decoration: underline;
    font-weight: bold;
    text-align: left;
    padding: 2px;
}

.pagerArrowIcon 
{
    margin: 10px 2px 0 0;
    text-decoration: none;
}

a:hover .pageCounterText
{
    text-decoration: underline;
}