.page
{
	padding:0px;
	margin:.3em;
	font-weight:bold;
	font-size:13px;
	margin-right:25px;
	text-align: right;
}

.page a
{
	text-decoration:none;
}

.page .counter,
.page .firstPage,
.page .prevPage,
.page .nextPage,
.page .lastPage,
.page .pageNum,
.page .nPageNum,
.page .goButton
{
	display:inline-block; 
	height:1.4em;
	border:1px solid #93ABB0;
	padding:0px;
	text-align:center;
	vertical-align:middle; /* fix IE&FF bug: the button position is always hgight than other element */
	background-color:#c0D9eb;/*B8C8CB*/
}

.page .counter
{
	/*border-color:#577377;*/
	padding:0px 3px;
}

.page .firstPage,
.page .prevPage,
.page .nextPage,
.page .lastPage
{
	width:19px;
	/*color:#000;*/
	text-decoration:none;
	padding:0px 4px;
	cursor:pointer;
}
.page .firstPage
{
	margin-left:8px;
}
.page .prevPage
{
	margin:0px 6px 0px 2px;
}

.page .pageNum
{
	/*color:#000;*/
	padding:0px 8px;
	margin:0px 1px;
	cursor:pointer;
}
.page .slected
{
	color:#FFF;
	background-color:#63A1D5;/*86B6DC*/
	
}

.page .nextPage
{
	margin-left:6px;
}
.page .lastPage
{
	margin:0px 8px 0px 2px;
}

.page .nPageNum
{
	width:2em;
	border:1px inset #B8C8CB;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color:#FFF;
	font-size: 12px;
}

.page .goButton
{
	height:18px; /* must highter 2px than other buttons, or it always can not keep the same height with them */
	width:auto; /* must auto, or the button value will display overflow in Russian, Spanish and so on.*/
	min-width:2em;
	padding:0px 1px;
	margin-left:3px;
	color: #505050;
	font-weight: bold;
	line-height:13px;
}

.page a:hover, .page .goButton:hover
{
	background-color:#0365AC;
	color:#fff;
}

.page .disabled,
.page .disabled:hover
{
	color:#eeefef;/*DDD*/
}