<style type="text/css">
/*ul.pagination {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	height: 100%;
	list-style-type: none;
	margin: 10px 10px;
	overflow: hidden;
	padding: 0;
}
ul.pagination li.details {
	background-color: white;
	border-color: #C8D5E0;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 2px;
	color: #1E598E;
	font-weight: bold;
	padding: 3px 8px;
	text-decoration: none;
}
ul.pagination li.dot {
	padding: 3px 0;
}
ul.pagination li {
	float: left;
	list-style-type: none;
	margin: 0 3px 0 0;
}
ul.pagination li:first-child {
	margin-left: 0;
}

ul.pagination li a img {
	border: medium none;
}
ul.pagination li a.current {
	background-color: #FFF;
	padding: 3px 8px;
	border-radius:2px;
	-moz-border-radius:3px;
	color: #333333;
}
ul.pagination li a.current:hover {
	background-color: white;
}
a span.sv:hover {
	background-color: #C8D5E0;
}
a span.sv{
    position: relative;
	background-color: #F6F6F6;
	border-color: #C8D5E0;
	border-image: none;
	border-style: solid;
	float: left;
	margin-right: 3px;
	left: 20px;
	width: auto;
	border-width: 1px 1px 2px;
	color: #1E598E;
	font-weight: bold;
	padding: 3px 8px;
	border-radius:2px;
	-moz-border-radius:3px;
	text-decoration: none;
}*/
.sv1:hover {
	background-color: #C8D5E0;
}
.sv1{
    position: relative;
	background-color: #F6F6F6;
	border-color: #C8D5E0;
	border-image: none;
	border-style: solid;
	margin-right: 2px;
	width: auto;
	border-width: 1px 1px 2px;
	color: #1E598E;
	color:#000; font-family: Arial; font-size: 12px;
	padding: 3px 8px;
	border-radius:2px;
	-moz-border-radius:3px;
	text-decoration: none;
}	
.sv2{
    position: relative;
	background-color: #F6F6F6;
	border-color: #C8D5E0;
	border-image: none;
	border-style: solid;
	margin-right: 2px;
	width: auto;
	border-width: 1px 1px 2px;
	color: #1E598E;
	color:#000; font-family: Arial; font-size: 12px;
	padding: 3px 8px;
	border-radius:2px;
	-moz-border-radius:3px;
	text-decoration: none;
}	
a.sv3{
    position: relative;
	background-color: #F6F6F6;
	border-color: #C8D5E0;
	border-image: none;
	border-style: solid;
	margin-right: 2px;
	width: auto;
	border-width: 1px 1px 2px;
	color: #1E598E;
	color:#000; font-family: Arial; font-size: 12px;
	padding: 3px 8px;
	border-radius:2px;
	-moz-border-radius:3px;
	text-decoration: none;
}
.sv3:hover {
	background-color: #C8D5E0;
}	
</style>
<?php
// ==================================================================
	//  Author: Ted Kappes (pesoto74@soltec.net)
	//	Web: 	http://tkap.org/paginator/
	//	Name: 	Paginator_html
	// 	Desc: 	Class extension for Paginator. Adds pre-made link sets.
	//
	// 7/21/2003
	//
	//  Please send me a mail telling me what you think of Paginator
	//  and what your using it for. [ pesoto74@soltec.net]
	//
// ==================================================================
      
			class Paginator_html extends Paginator { 
			
			  //outputs a link set like this 1 of 4 of 25 First | Prev | Next | Last |              
				function first()
			     {				
					if($this->getCurrent()==1)
					 {
					 $first = "First";
					 } else {$first="<a style='text-decoration: none;' href=\"".$this->getPageName()."?".$this->param."&amp;page=".$this->getFirst()."#txt\"><span class='sv' style='color:#0033FF; font-family: Arial; font-size: 12px; width: 400px; text-decoration: none;'>First</span></a>"; }
				    echo "<span class='sv2' style='color: #ccc; font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;'>".$first."</span>";
				} 
				
				function Last()
			     {									 		
				   if($this->getLast())
					 {
					 $last = "<a style='text-decoration: none;' href=\"" . $this->getPageName() . "?".$this->param."&amp;page=" . $this->getLast() . "#txt\"><span class='sv' style='color:#0033FF; font-family: Arial; font-size: 12px; text-decoration: none;'>Last</span></a>";
					 } else { $last="Last"; }					
					 echo "<span class='sv2' style='color: #ccc; font-weight: bold; font-family: Arial; font-size: 12px;'>".$last."</span>";
					 //echo $this->getFirstOf() . " of " .$this->getSecondOf() . " of " . $this->getTotalItems() . " ";
					 echo "<span style='color: #999; font-weight: none; font-family: Arial; font-size: 12px; margin-left: 5px;'>(". $this->getTotalItems() . " Items)</span>";
				} 
				
				//outputs a link set like this Previous 1 2 3 4 5 6 Next   
				function previousNext()
				{
					if($this->getPrevious())
		        {
		        ?><?php echo "<a class='sv1' href=\"" . $this->getPageName() . "?".$this->param."&amp;page=" . $this->getPrevious() . "#txt\"><span class='sv' style='color:#0033FF; font-family: Arial; font-size: 12px;'>Previous</span></a> ";
		        }
						$links = $this->getLinkArr();
		      foreach($links as $link)
	          {
	          if($link == $this->getCurrent())
					    {
					     echo "<span class='sv1' style='color: #ff0000; font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;'>".$link."</span>";
					    } else { echo "<a class='sv1' href=\"" . $this->getPageName() ."?".$this->param."&amp;page=$link#txt\"><span class='sv' style='color:#000; font-family: Arial; font-size: 12px;'>" . $link . "</span></a> ";
					    }
		          } 
						if($this->getNext())
		          {
		          echo "<a class='sv1' href=\"" . $this->getPageName() . "?".$this->param."&amp;page=" . $this->getNext() . "#txt\"><span class='sv' style='color:#0033FF; font-family: Arial; font-size: 12px;'>Next</span></font></a> ";
		          }
		        }  
	}//ends class
?>
				 