CSS Flip Style

/*======================= Flip Style ===========================*/
. pages {width:660px; text-align:center; font-size:14px; float:left; margin-left:340px; margin-bottom:35px;}
. paginator {font-size:14px; padding:2px 10px 2px 0; margin:5px auto; text-align:center; margin:15px;}
. paginator a {padding:2px 4px; border:solid 2px #AABCCF; background: #EBF0F7; text-decoration:none; color: #053172;}
. paginator a:hover {text-decoration:none; color:red;}
. paginator CPB {padding:2px 4px; font-weight:bold; font-size:14px; border:none; color:red;}

/*.pages{width:660px; text-align:center;padding:10px;float:left;}
. paginator {font-size:14px; padding:2px 10px 2px 0; margin:15px auto; text-align:center;}
. pages A{color: #0066CC; Background-color: #FFFFFF; Text-decoration:none;border: #84A5CE solid 1px;padding:2px 6px; margin-right:5px;}
. pages A:hover{color: #FFFFFF; Background-color: #4483DC;}
. pages. CPB {color: #FFFFFF; Background-color: #4483DC; Text-decoration:none;border: #84A5CE solid 1px;padding:2px 6px; margin-right:5px;} */

Before the ASPX page:

<divclass="pages"> <webdiyer:aspnetpager id="AspNetPager1"runat="Server"PageSize="9"Numericbuttoncount="7"urlpaging="true"cssclass="Paginator"Currentpagebuttonclass="CPB"submitbuttontext="go to"numericbuttontextformatstring="{0}"lastpagetext="last page"NextPageText="Next Page"prevpagetext="Previous Page"firstpagetext="Home Page"onpagechanging="aspnetpager1_pagechanging"currentpagebuttontextformatstring="[{0}]"Showboxthreshold=" -"alwaysshow="false"> </webdiyer:AspNetPager> </div>

View Code