# HG changeset patch
# User Brian Neal <bgneal@gmail.com>
# Date 1321741948 21600
# Node ID aaac975df679d7875434c9244580060c1fd2145b
# Parent  b0f4ea06c698b7b071ede7d31bfae5ddb1b8f408
Tweaking the bxslider's pager CSS. Before, with the images, the numbers > 9 were not centered on their circles. Made an attempt to create circles with CSS instead. The higher numbered ones have kind of a flattened top. Not sure how to fix that right now.

diff -r b0f4ea06c698 -r aaac975df679 bns_website/static/css/bx_styles.css
--- a/bns_website/static/css/bx_styles.css	Sat Nov 19 14:59:35 2011 -0600
+++ b/bns_website/static/css/bx_styles.css	Sat Nov 19 16:32:28 2011 -0600
@@ -31,10 +31,12 @@
 .bx-pager a {
    margin-right: 5px;
    color: #fff;
-   padding: 3px 8px 3px 6px;
+   padding: 3px 7px 3px 7px;
    font-size: 12px;
    zoom:1;
-   background: url(../images/gray_pager.png) no-repeat 0 -20px;
+   background-color: #aaa;
+   -moz-border-radius: 20px;
+   -webkit-border-radius: 20px;
 }
 
 /*auto start button*/
@@ -63,7 +65,8 @@
 /*pager links hover and active states*/
 .bx-pager .pager-active,
 .bx-pager a:hover {
-   background-position: 0 0;
+   background-color: #666;
+   text-decoration: none;
 }
 
 /*pager wrapper*/