Paging Style 2

<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');?>
<style>
#pagination div
{
    padding: 3px;
    margin: 3px;
}

#pagination div a
{
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    color: #717171;
    font: bold 11px Arial, sans-serif;
    text-shadow: 0px 1px white;
    padding: 5px 8px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    background: #f9f9f9;

    background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}


div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
}

</style>
<?php
foreach($hasil->result() as $row) :
$isi = $row->isi;
$isi = substr($isi, 0, 480);
?>
<?php
$TanggalIndo = date("d-m-Y", strtotime($row->tgl));
?>
<table cellpadding="0" cellspacing="8" style="font-size:10px;">
<tr>
    <td colspan="2">
    <div id="FoamRegularCondensed">
    <?php echo anchor('menu/blog/artikel/'.$row->slug, $row->judul); ?> | <font size="2"><?php echo $TanggalIndo; ?></font>
    </div>
    </td>
</tr>
<tr>
    <td valign="top" style="font-size:10px;"><?php echo $isi; ?> ...</td>
</tr>
<tr>
    <td colspan="2" style="border:#CCC dotted 1px;"></td>
</tr>
</table>

<?php
endforeach;
    echo "<div id='pagination'><div class='pagination' style='font-size:10px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;'>".$this->pagination->create_links()."</div></div>";

?>