/*
- /// This is the datagrid
	<asp:GridView ID="gvActivity" runat="server" CellPadding="3" AutoGenerateColumns="False"
		BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px"
		Width="980px" OnRowDataBound="gvActivity_RowDataBound" GridLines="None" 
		OnPageIndexChanging="gvActivity_PageIndexChanging" ShowFooter="True">

- /// Turn into this
	<table cellspacing="0" cellpadding="3" border="0" id="gvActivity" style="background-color:White;border-color:#336666;border-width:3px;border-style:Double;width:980px;border-collapse:collapse;">

- /// Pager is shown as <tr>
	<tr class="cssPager">
		<td>
			<table border="0">
				<tr>
					<td><a href="javascript:__doPostBack('gvActivity','Page$1')">1</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$2')">2</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$3')">3</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$4')">4</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$5')">5</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$6')">6</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$7')">7</a></td>
					<td><span>8</span></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$9')">9</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$10')">10</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$11')">11</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$12')">12</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$13')">13</a></td>
					<td><a href="javascript:__doPostBack('gvActivity','Page$14')">14</a></td>
				</tr>
			</table>

*/

.GridViewPagerStyle
{
	background-color: white;
}
.GridViewPagerStyle table
{
	margin: 10px 0;
}

/* increase the spacing between the ASP.NET GridView Pager Numbers */
.GridViewPagerStyle td
{
	border-width: 0;
	padding: 4px 6px;
	border-left: solid 1px green;
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;
	text-align: center;
}
.GridViewPagerStyle a
{
	color: green;
	text-decoration: none;
	font-size: 14px;
}
.GridViewPagerStyle a:hover
{
	font-size: 14px;
	color: Red;
}

/* Selected GridView Pager Number */
.GridViewPagerStyle span
{
	background-color: green;
	font-weight: bolder;
	padding-left: 8px;
	padding-right: 8px;
	color: White;
}