/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
height: 124px;
overflow:auto;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0px;
margin: 0px 0px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0px 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0px 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0px;
padding: 0px;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0px;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle a.imglinksnext {
width: 94px;
height: 33px;
text-decoration: none;
background: #899dc7 url(../images/formbuttonnextover.gif);
text-indent: -3000px;
text-indent:0;
color:rgba(0,0,0,0);
display:-moz-inline-box;
display:inline-block;
overflow:hidden;
vertical-align: bottom;
border: 0px;
padding: 0px;
}

.paginationstyle a.imglinksnext:hover{
background-position: -94px 0;
}

.paginationstyle a.imglinksprev {
width: 94px;
height: 33px;
text-decoration: none;
background: #899dc7 url(../images/formbuttonprevover.gif);
text-indent: -3000px;
text-indent:0;
color:rgba(0,0,0,0);
display:-moz-inline-box;
display:inline-block;
overflow:hidden;
vertical-align: bottom;
border: 0px;
padding: 0px;
}

.paginationstyle a.imglinksprev:hover{
background-position: -94px 0;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}