Index: templates/basic/template.css
===================================================================
--- templates/basic/template.css	(revision 10019)
+++ templates/basic/template.css	(working copy)
@@ -1,18 +1,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#999;  padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; background-image: url(../../scripts/jquery/css/start/images/ui-icons_EEF6FF_256x240.png); }
+.nav-button .ui-icon { position: absolute; background-image: url(../../scripts/jquery/css/start/images/ui-icons_EEF6FF_256x240.png); }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 body {
   font-family: arial, verdana, sans-serif;
Index: templates/bluengrey/template.css
===================================================================
--- templates/bluengrey/template.css	(revision 10019)
+++ templates/bluengrey/template.css	(working copy)
@@ -2,18 +2,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color: #999;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute; }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
   {
   margin: 0;
Index: templates/citronade/template.css
===================================================================
--- templates/citronade/template.css	(revision 10019)
+++ templates/citronade/template.css	(working copy)
@@ -15,19 +15,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FEFEFE;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute;}
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
-
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 /* --------------------------------------------- */
 /* Basic adaptation of the template :            */
 /* color and image                               */
Index: templates/clear_logo/template.css
===================================================================
--- templates/clear_logo/template.css	(revision 10019)
+++ templates/clear_logo/template.css	(working copy)
@@ -1,18 +1,27 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#efe5ca;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute;  }
 
+
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
-button.nav-button { width:auto; overflow:visible; }
+button.nav-button { width:auto; overflow:visible;  }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 body {
   font-family: arial, verdana, sans-serif;
Index: templates/default/template.css
===================================================================
--- templates/default/template.css	(revision 10019)
+++ templates/default/template.css	(working copy)
@@ -2,18 +2,27 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
-.nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FFE;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 
+.nav-button { outline: 0;  background-color:#FFE;padding: 0.4em 1em; text-decoration:none !important; cursor:pointer; position: relative;   }
+.nav-button .ui-icon { position: absolute;}
+
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
-button.nav-button { width:auto; overflow:visible; }
+button.nav-button { width:auto; overflow:visible;  }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
   {
Index: templates/eirenicon/template.css
===================================================================
--- templates/eirenicon/template.css	(revision 10019)
+++ templates/eirenicon/template.css	(working copy)
@@ -1,19 +1,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FFF;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute; }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
-
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 body {
   font-size: 8pt;
   font-family: verdana;
Index: templates/limespired/template.css
===================================================================
--- templates/limespired/template.css	(revision 10019)
+++ templates/limespired/template.css	(working copy)
@@ -1,18 +1,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FFF;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute; }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 .rank,.rank td {
   background-color: #f5f9f9;
Index: templates/mint_idea/template.css
===================================================================
--- templates/mint_idea/template.css	(revision 10019)
+++ templates/mint_idea/template.css	(working copy)
@@ -5,18 +5,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FFF;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute;  }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 body,div,span,p,a,img,ul,ol,li,table,th,tr,td,form,fieldset,legend,dl,dt,dd,blockquote,applet,object
   {
Index: templates/sherpa/template.css
===================================================================
--- templates/sherpa/template.css	(revision 10019)
+++ templates/sherpa/template.css	(working copy)
@@ -1,18 +1,26 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#999;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; background-image: url(../../scripts/jquery/css/start/images/ui-icons_EEF6FF_256x240.png);}
+.nav-button .ui-icon { position: absolute; background-image: url(../../scripts/jquery/css/start/images/ui-icons_EEF6FF_256x240.png);}
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
 
 .answertextright {
   text-align: left;
Index: templates/vallendar/template.css
===================================================================
--- templates/vallendar/template.css	(revision 10019)
+++ templates/vallendar/template.css	(working copy)
@@ -1,19 +1,28 @@
 /*****
 Default styles for the jQuery UI Buttons (Next, Previous etc)
 *****/
+.hover(
+	function(){ 
+		$(this).addClass("ui-state-hover"); 
+	},
+	function(){ 
+		$(this).removeClass("ui-state-hover"); 
+	}
+)
 .nav-button { outline: 0; margin:0 4px 0 0;  background-color:#FFF;   padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
-.nav-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
+.nav-button .ui-icon { position: absolute;  }
 
 a.nav-button { float:left; }
 
 /* remove extra button width in IE */
 button.nav-button { width:auto; overflow:visible; }
 
-.nav-button-icon-left { padding-left: 2.1em; margin-left: 3em}
-.nav-button-icon-right { padding-right: 2.1em; }
-.nav-button-icon-right .ui-icon { right: auto;left: 0.2em;margin-left: 2.5em; }
-.nav-button-icon-left .ui-icon { left: auto; right: 0.2em; margin-right: 8em; }
 
+.nav-button-icon-left { padding-left: 3.5em; margin-left: 3em}
+.nav-button-icon-right { padding-right: 5em; margin-right: 2em; }
+.nav-button-icon-right .ui-icon {margin-left: 3.5em; }
+.nav-button-icon-left .ui-icon {margin-left: -2.5em; }
+
 body {
   font-size: 8pt;
   font-family: verdana;