﻿.PagerDIV
{
    border: 1px solid #C0C0C0;
    border-bottom-width: 0px;
    background-image: url(../Images/controls/Silver.png);
    background-position: center;
    text-align: left;
    margin: 0px 5px 0px 5px; /* centraliza no ff / chrome */
}

.PagerContainerTable
{
    border:#C0C0C0 0px solid;
}
.PagerInfoCell
{
    border: 0px;
    margin: 5px;
    padding:  0px 6px 0px 6px;
	color: #666;
	white-space: nowrap;
	font-weight: bold;
	border-right: 1px solid #CCC;
}
.PagerInfoCell:link
{
    color: #ffcc66;
    text-decoration: none;
}
.PagerInfoCell:visited
{
	color: blue;
	text-decoration: none;
}
.PagerCurrentPageCell
{
	color: #333;
	background-color: #FFFF99;
	cursor:default;
}
.PagerOtherPageCells
{
	
}
.PagerSSCCells
{
	background-color: #DDD;
}
.PagerHyperlinkStyle
{
    font-weight:normal !important;
}
.PagerHyperlinkStyle:hover
{
	color: #000000;
	text-decoration: none;
}
.PagerHyperlinkStyle:link
{
	color: #000000;
	text-decoration: none;
}
.PagerHyperlinkStyle:visited
{
	color: #000000;
	text-decoration: none;
}
.PagerHyperlinkStyle:active
{
	color: #000000;
	text-decoration: none;
}
.GoToLabel
{
	color:#333333;
	cursor:pointer;
	vertical-align:middle;
	display:inline;
}
.GoToSelect
{
    font-weight: normal;
	font-size: 10px !important;
	color: black;
	font-family: Verdana, Arial, Helvetica;
	height: 17px !important;
	background-color: #FAFAFA;
	border: solid 1px #8FC9FF;
}
.GoToSelectedOption
{

}

/*
Referência: http://stackoverflow.com/questions/2182716/how-can-we-specify-src-attribute-of-img-tag-in-css
The image is shrunk until no longer visible by the width & height.
Then, you need to 'reset' the image size; there I use padding (this one gives a 18x18 image, of course you can use padding-left / padding-top to make rectangular images)
Finally, the new image is put there using background
*/
.GoToArrowRight
{     
    vertical-align:middle;
	cursor:pointer;
	cursor:hand;
	width: 0;
	height: 0;
	padding: 9px; /* Gera uma imagem 18x18 */
    background-image:url("../Images/controls/pager/arr_right.gif");
}
.GoToArrowLeft
{
    vertical-align:middle;
	cursor:pointer;
	cursor:hand;
	width: 0;
	height: 0;
	padding: 9px; /* Gera uma imagem 18x18 */
    background-image:url("../Images/controls/pager/arr_left.gif");
}