Index: common_functions.php
===================================================================
--- common_functions.php	(revision 9992)
+++ common_functions.php	(working copy)
@@ -3024,13 +3024,13 @@
     }
     if (strpos($line, "{CLEARALL}") !== false)  {
 
-        $clearall = "<input type='button' name='clearallbtn' value='".$clang->gT("Exit and Clear Survey")."' class='clearall' "
+        $clearall = "<button class='nav-button ui-corner-all'  type='button' name='clearallbtn'  class='clearall' "
         ."onclick=\"if (confirm('".$clang->gT("Are you sure you want to clear all your responses?",'js')."')) {window.open('{$publicurl}/index.php?sid=$surveyid&amp;move=clearall&amp;lang=".$_SESSION['s_lang'];
         if (returnglobal('token'))
         {
             $clearall .= "&amp;token=".urlencode(trim(sanitize_xss_string(strip_tags(returnglobal('token')))));
         }
-        $clearall .= "', '_self')}\" />";
+        $clearall .= "', '_self')}\" >".$clang->gT("Exit and Clear Survey")."</button>";
 
         $line=str_replace("{CLEARALL}", $clearall, $line);
 
@@ -3055,19 +3055,19 @@
             {
                 if($thissurvey['tokenanswerspersistence'] != 'Y')
                 {
-                    $saveall = "\t\t\t<input type='submit' name='loadall' value='".$clang->gT("Load Unfinished Survey")."' class='saveall' ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") ."/>"
-                    ."\n\t\t\t<input type='button' name='saveallbtn' value='".$clang->gT("Resume Later")."' class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") ."/>";  // Show Save So Far button
+                    $saveall = "\t\t\t<button class='nav-button ui-corner-all' type='submit' name='loadall'  class='saveall' ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") .">".$clang->gT("Load Unfinished Survey")."</button>"
+                    ."\n\t\t\t<button class='nav-button ui-corner-all' name='saveallbtn' class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") .">".$clang->gT("Resume Later")."</button>";  // Show Save So Far button
                 }
                 else
                 {
-                    $saveall= "\t\t\t<input type='button' name='saveallbtn' value='".$clang->gT("Resume Later")."' class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") ."/>";  // Show Save So Far button
+                    $saveall= "\t\t\t<button class='nav-button ui-corner-all' name='saveallbtn'  class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") .">".$clang->gT("Resume Later")."</button>";  // Show Save So Far button
         	};
             }
             elseif (!isset($_SESSION['step']) || !$_SESSION['step'])  //First page, show LOAD
             {
                 if($thissurvey['tokenanswerspersistence'] != 'Y')
                 {
-                    $saveall = "\t\t\t<input type='submit' name='loadall' value='".$clang->gT("Load Unfinished Survey")."' class='saveall' ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") ."/>";
+                    $saveall = "\t\t\t<button class='nav-button ui-corner-all' type='submit' name='loadall'  class='saveall' ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") .">".$clang->gT("Load Unfinished Survey")."</button>";
                 }
 		else
 		{
@@ -3080,7 +3080,7 @@
             }
             else
             {
-                $saveall= "<input type='button' name='saveallbtn' value='".$clang->gT("Resume Later")."' class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") ."/>";  // Show Save So Far button
+                $saveall= "<button class='nav-button ui-corner-all' type='button' name='saveallbtn' class='saveall' onclick=\"javascript:document.limesurvey.move.value = this.value;addHiddenField(document.getElementById('limesurvey'),'saveall',this.value);document.getElementById('limesurvey').submit();\" ". (($thissurvey['active'] != "Y")? "disabled='disabled'":"") .">".$clang->gT("Resume Later")."</button>";  // Show Save So Far button
             }
         }
         else
@@ -3219,7 +3219,7 @@
             $saveform .="<tr><td align='right'>".$clang->gT("Security Question").":</td><td><table><tr><td valign='middle'><img src='{$captchapath}verification.php?sid=$surveyid' alt='' /></td><td valign='middle' style='text-align:left'><input type='text' size='5' maxlength='3' name='loadsecurity' value='' /></td></tr></table></td></tr>\n";
         }
         $saveform .= "<tr><td align='right'></td><td></td></tr>\n"
-        . "<tr><td></td><td><input type='submit'  id='savebutton' name='savesubmit' value='".$clang->gT("Save Now")."' /></td></tr>\n"
+        . "<tr><td></td><td><button class='nav-button ui-corner-all'  type='submit'  id='savebutton' name='savesubmit'>".$clang->gT("Save Now")."</button></td></tr>\n"
         . "</table>";
         $line=str_replace("{SAVEFORM}", $saveform, $line);
     }
@@ -3241,7 +3241,7 @@
 
 
         $loadform .="<tr><td align='right'></td><td></td></tr>\n"
-        . "<tr><td></td><td><input type='submit' id='loadbutton' value='".$clang->gT("Load Now")."' /></td></tr></table>\n";
+        . "<tr><td></td><td><button class='nav-button ui-corner-all'  type='submit' id='loadbutton'>".$clang->gT("Load Now")."</button></td></tr></table>\n";
         $line=str_replace("{LOADFORM}", $loadform, $line);
     }
     //REGISTER SURVEY DETAILS
@@ -3312,7 +3312,7 @@
          }
          $registerform .= " /></td></tr>\n";
          }        */
-        $registerform .= "<tr><td></td><td><input id='registercontinue' class='submit' type='submit' value='".$clang->gT("Continue")."' />"
+        $registerform .= "<tr><td></td><td><button class='nav-button ui-corner-all' id='registercontinue' class='submit' type='submit' >".$clang->gT("Continue")."</button>"
         ."</td></tr>\n"
         ."</table>\n"
         ."</form>\n";
Index: index.php
===================================================================
--- index.php	(revision 9992)
+++ index.php	(working copy)
@@ -16,7 +16,6 @@
 
 require_once(dirname(__FILE__).'/classes/core/startup.php');
 
-
 require_once(dirname(__FILE__).'/config-defaults.php');
 require_once(dirname(__FILE__).'/common.php');
 require_once(dirname(__FILE__).'/classes/core/language.php');
@@ -1002,7 +1001,7 @@
     $js_header_includes[] = '/scripts/jquery/jquery-ui.js';
     $css_header_includes[]= '/scripts/jquery/css/start/jquery-ui.css';
     $css_header_includes[]= '/scripts/jquery/css/start/lime-progress.css';
-
+	
     $size = intval(($currentstep-1)/$total*100);
 
     $graph = '<script type="text/javascript">
@@ -2910,30 +2909,25 @@
            //first step and we do not want to go back to the welcome screen since we don't show that...
            //so skip the prev button
         } else {
-        $surveymover .= "<input class='submit' accesskey='p' type='button' onclick=\"javascript:document.limesurvey.move.value = 'moveprev'; $('#limesurvey').submit(); disable_navigator();\" value=' &lt;&lt; "
-        . $clang->gT("Previous")." ' name='move2' id='moveprevbtn' $disabled />\n";
+        $surveymover .= "<button  class='nav-button nav-button-icon-left  ui-corner-all' class='submit' accesskey='p' type='button' onclick=\"javascript:document.limesurvey.move.value = 'moveprev'; $('#limesurvey').submit(); disable_navigator();\" name='move2' id='moveprevbtn' $disabled ><span class='ui-icon ui-icon-seek-prev'></span>".$clang->gT("Previous")."</button>\n";
     }
     }
     if (isset($_SESSION['step']) && $_SESSION['step'] && (!$_SESSION['totalsteps'] || ($_SESSION['step'] < $_SESSION['totalsteps'])))
     {
-        $surveymover .=  "\t<input class='submit' type='submit' accesskey='n' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" value=' "
-        . $clang->gT("Next")." &gt;&gt; ' name='move2' id='movenextbtn' $disabled />\n";
+        $surveymover .=  "\t<button class='nav-button nav-button-icon-right ui-corner-all'  class='submit' type='submit' accesskey='n' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" name='move2' id='movenextbtn' $disabled ><span class='ui-icon ui-icon-seek-next'></span>".$clang->gT("Next")."</button>\n";
     }
     // here, in some lace, is where I must modify to turn the next button conditionable
     if (!isset($_SESSION['step']) || !$_SESSION['step'])
     {
-        $surveymover .=  "\t<input class='submit' type='submit' accesskey='n' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" value=' "
-        . $clang->gT("Next")." &gt;&gt; ' name='move2' id='movenextbtn' $disabled />\n";
+        $surveymover .=  "\t<button class='nav-button nav-button-icon-right ui-corner-all'  class='submit' type='submit' accesskey='n' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" name='move2' id='movenextbtn' $disabled ><span class='ui-icon ui-icon-seek-next'></span>".$clang->gT("Next")."</button>\n";
     }
     if (isset($_SESSION['step']) && $_SESSION['step'] && ($_SESSION['step'] == $_SESSION['totalsteps']) && $presentinggroupdescription == "yes")
     {
-        $surveymover .=  "\t<input class='submit' type='submit' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" value=' "
-        . $clang->gT("Next")." &gt;&gt; ' name='move2' id=\"movenextbtn\" $disabled />\n";
+        $surveymover .=  "\t<button class='nav-button nav-button-icon-right ui-corner-all' class='submit' type='submit' onclick=\"javascript:document.limesurvey.move.value = 'movenext'; disable_navigator();\" name='move2' id=\"movenextbtn\" $disabled ><span class='ui-icon ui-icon-seek-next'></span>".$clang->gT("Next")."</button>\n";
     }
     if (($_SESSION['step'] && ($_SESSION['step'] == $_SESSION['totalsteps']) && !$presentinggroupdescription) || $thissurvey['format'] == 'A')
     {
-        $surveymover .= "\t<input class=\"submit\" type=\"submit\" accesskey=\"l\" onclick=\"javascript:document.limesurvey.move.value = 'movesubmit';\" value=\""
-        . $clang->gT("Submit")."\" name=\"move2\" id=\"movesubmitbtn\" $disabled />\n";
+        $surveymover .= "\t<button class='nav-button ui-corner-all'	 class=\"submit\" type=\"submit\" accesskey=\"l\" onclick=\"javascript:document.limesurvey.move.value = 'movesubmit';\" name=\"move2\" id=\"movesubmitbtn\" $disabled >".$clang->gT("Submit")."</button>\n";
     }
 
     //	$surveymover .= "<input type='hidden' name='PHPSESSID' value='".session_id()."' id='PHPSESSID' />\n";
@@ -3332,7 +3326,7 @@
                 echo "\t<div class='quotamessage'>\n";
                 echo "\t".$quota['Message']."<br /><br />\n";
                 echo "\t<a href='".$quota['Url']."'>".$quota['UrlDescrip']."</a><br />\n";
-                echo "<form method='post' action='{$publicurl}/index.php' id='limesurvey' name='limesurvey'><input type=\"hidden\" name=\"move\" value=\"movenext\" id=\"movenext\" /><input class='submit' accesskey='p' type='button' onclick=\"javascript:document.limesurvey.move.value = 'moveprev'; document.limesurvey.submit();\" value=' &lt;&lt; ". $clang->gT("Previous")." ' name='move2' />
+                echo "<form method='post' action='{$publicurl}/index.php' id='limesurvey' name='limesurvey'><input type=\"hidden\" name=\"move\" value=\"movenext\" id=\"movenext\" /><button class='nav-button nav-button-icon-left ui-corner-all' class='submit' accesskey='p' onclick=\"javascript:document.limesurvey.move.value = 'moveprev'; document.limesurvey.submit();\" name='move2'><span class='ui-icon ui-icon-seek-prev'></span>".$clang->gT("Previous")."</button>
 					<input type='hidden' name='thisstep' value='".($_SESSION['step'])."' id='thisstep' />
 					<input type='hidden' name='sid' value='".returnglobal('sid')."' id='sid' />
 					<input type='hidden' name='token' value='".$clienttoken."' id='token' />
Index: templates/basic/template.css
===================================================================
--- templates/basic/template.css	(revision 9992)
+++ templates/basic/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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); }
+
+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; }
+
 body {
   font-family: arial, verdana, sans-serif;
   font-size: 14px;
Index: templates/bluengrey/template.css
===================================================================
--- templates/bluengrey/template.css	(revision 9992)
+++ templates/bluengrey/template.css	(working copy)
@@ -1,4 +1,19 @@
 /* Start reset CSS */
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
+
+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; }
 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 9992)
+++ templates/citronade/template.css	(working copy)
@@ -12,7 +12,22 @@
     You should have received a copy of the GNU General Public License
     along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
 
+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; }
+
 /* --------------------------------------------- */
 /* Basic adaptation of the template :            */
 /* color and image                               */
Index: templates/clear_logo/template.css
===================================================================
--- templates/clear_logo/template.css	(revision 9992)
+++ templates/clear_logo/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
+
+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; }
+
 body {
   font-family: arial, verdana, sans-serif;
   font-size: 14px;
Index: templates/default/template.css
===================================================================
--- templates/default/template.css	(revision 9992)
+++ templates/default/template.css	(working copy)
@@ -1,4 +1,20 @@
 /* Start reset CSS */
+/*****
+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; }
+
+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; }
+
 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/eirenicon/template.css
===================================================================
--- templates/eirenicon/template.css	(revision 9992)
+++ templates/eirenicon/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
+
+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; }
+
 body {
   font-size: 8pt;
   font-family: verdana;
Index: templates/limespired/template.css
===================================================================
--- templates/limespired/template.css	(revision 9992)
+++ templates/limespired/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
+
+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; }
+
 .rank,.rank td {
   background-color: #f5f9f9;
 }
Index: templates/mint_idea/template.css
===================================================================
--- templates/mint_idea/template.css	(revision 9992)
+++ templates/mint_idea/template.css	(working copy)
@@ -2,7 +2,22 @@
   margin: 0;
   padding: 0;
 }
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
 
+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; }
+
 body,div,span,p,a,img,ul,ol,li,table,th,tr,td,form,fieldset,legend,dl,dt,dd,blockquote,applet,object
   {
   border: 0;
Index: templates/sherpa/template.css
===================================================================
--- templates/sherpa/template.css	(revision 9992)
+++ templates/sherpa/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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);}
+
+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; }
+
 .answertextright {
   text-align: left;
 }
Index: templates/vallendar/template.css
===================================================================
--- templates/vallendar/template.css	(revision 9992)
+++ templates/vallendar/template.css	(working copy)
@@ -1,3 +1,19 @@
+/*****
+Default styles for the jQuery UI Buttons (Next, Previous etc)
+*****/
+.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; }
+
+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; }
+
 body {
   font-size: 8pt;
   font-family: verdana;