<script type="text/javascript" src="virtualpaginate.js">

/***********************************************
* Virtual Pagination script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<style type="text/css">

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;

}

.paginationstyle a{ /*Pagination links style*/
padding: 0 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: 0;
padding: 0;

}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;

}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
/*background-color: yellow;*/
color: #fff;
text-decoration:none;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
height:22px;
width:126px;
background-image:url(selected.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:5px; padding-bottom:5px;
}
.paginationstyle .flatview a { /*Pagination div "flatview" links style*/
color: #30589a;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
height:22px;
width:126px;
background-image:url(notselected.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:5px; padding-bottom:5px; 
}
</style>
