diff --git a/templates/basic/template-rtl.css b/templates/basic/template-rtl.css
index 31ee3fcdb4d..21edcdf655c 100644
--- a/templates/basic/template-rtl.css
+++ b/templates/basic/template-rtl.css
@@ -162,20 +162,15 @@ div.fieldSummary {
   padding: 10px 0px 4px 10px;
   text-align: right;
 }
+
 /* Question Index */
-.outerframe.withindex,.withindex .outerframe{
-  margin-right: 1em;
-  margin-left: 26em;
-}
-#index {
-  position: absolute;
-  left: 0;
-  border-left: 0 none #fff;border-right: 1px solid #ccc;
+
+#index .container .row {
+	text-align: right;
 }
-#index h3 { margin: 0.5em 0.5em 0 0; }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
 
 /* ranking question */
diff --git a/templates/bluengrey/template-rtl.css b/templates/bluengrey/template-rtl.css
index 9cabcbde653..db3802ebe22 100644
--- a/templates/bluengrey/template-rtl.css
+++ b/templates/bluengrey/template-rtl.css
@@ -180,22 +180,13 @@ table.statisticstable {
   margin-right:5px;margin-left: 0;
 }
 /* Question Index */
-.outerframe.withindex,.withindex .outerframe{
-  margin-right: 1em;
-  margin-left: 26em;
-}
-#index {
-  left: 0;
-  width: 25em;
-  border-left: 0px none #FFF;
-  border-right: 1px solid #000;
-}
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
 
 /*** Start jQuery UI Theme Styles ***/
diff --git a/templates/clear_logo/template-rtl.css b/templates/clear_logo/template-rtl.css
index 95ad1310b6f..1e7623e680f 100644
--- a/templates/clear_logo/template-rtl.css
+++ b/templates/clear_logo/template-rtl.css
@@ -116,22 +116,13 @@ table.rank td.helptext {
 }
 
 /* Question Index */
-.outerframe.withindex,.withindex .outerframe{
-  margin-right: 1em;
-  margin-left: 26em;
-}
-#index {
-  left: 0;
-}
-#index h2 { 
-  text-align: left;
-}
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
 
 /* ranking questions */
diff --git a/templates/default/template-rtl.css b/templates/default/template-rtl.css
index 85680fec836..9bbd9249185 100644
--- a/templates/default/template-rtl.css
+++ b/templates/default/template-rtl.css
@@ -51,4 +51,14 @@ td.questiontext {
 /* line 641 */
 .choice-5-pt-radio .answer ul, .yes-no .answer ul, .gender .answer ul {
     text-align: right;
+}
+
+/* Question Index */
+
+#index .container .row {
+	text-align: right;
+}
+
+#index .container .row .hdr {
+	padding: 0 0.5em 0 0;
 }
\ No newline at end of file
diff --git a/templates/eirenicon/template-rtl.css b/templates/eirenicon/template-rtl.css
index 500f2db90b9..90b7e5d0943 100644
--- a/templates/eirenicon/template-rtl.css
+++ b/templates/eirenicon/template-rtl.css
@@ -118,20 +118,15 @@ ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul
 #tokenform input.submit {
   margin-left: 0;margin-right: 18em;
 }
-.outerframe.withindex,.withindex .outerframe{
-  margin-left: 26em;
-  margin-right: 1em;
-}
-#index {
-  left: 0;
-  border-right: 1px solid #000;
-}
+
+/* Question Index */
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
 
 /* ranking questions */
diff --git a/templates/limespired/template-rtl.css b/templates/limespired/template-rtl.css
index 1546c3bb5f5..7e23b4c95dd 100644
--- a/templates/limespired/template-rtl.css
+++ b/templates/limespired/template-rtl.css
@@ -127,23 +127,17 @@ ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul
 #tokenform input.submit {
   margin-right: 18em;margin-left: 0;
 }
-.outerframe.withindex,.withindex .outerframe{
-  margin-left: 26em;
-  margin-right: 1em;
-}
-#index {
-  left: 0;
-}
-#index h3 {
-  margin: 0.5em 0.5em 0 0;
-}
+
+/* Question Index */
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
+
 /* ranking questions */
 .dragDropTable .dragDropChoiceList li,
 .dragDropTable .dragDropRankList li {
diff --git a/templates/mint_idea/template-rtl.css b/templates/mint_idea/template-rtl.css
index 97ccb33a006..881cd96adc6 100644
--- a/templates/mint_idea/template-rtl.css
+++ b/templates/mint_idea/template-rtl.css
@@ -135,21 +135,15 @@ ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul
 #tokenform input.submit {
   margin-right: 18em; margin-left: 0;
 }
-.outerframe.withindex,.withindex .outerframe{
-  margin-right: 1em;
-  margin-left: 26em;
-}
-#index {
-  left: 0;
-  border-right: 1px solid #ccc;
-}
-#index h3 { margin: 0.5em 0.5em 0 0; }
+
+/* Question Index */
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
 
 /* ranking questions */
diff --git a/templates/mint_idea/template.css b/templates/mint_idea/template.css
index 18f098547b4..aa92dc779f9 100644
--- a/templates/mint_idea/template.css
+++ b/templates/mint_idea/template.css
@@ -1410,7 +1410,7 @@ td.statsImageholder {
     font-size: 16px;
     font-weight: 700;
     margin: 10px 0 0;
-    padding: 2px 0 2px 3px;
+    padding: 2px 3px;
 }
 
 .groupbygroup  #index h2 {
@@ -1419,7 +1419,7 @@ td.statsImageholder {
 
 #index h3 {
 	margin: 1em 0 0.25em 0;
-    padding: 0 0 0 3px;
+    padding: 0 3px;
     font-weight: bold;
 }
 
diff --git a/templates/sherpa/template-rtl.css b/templates/sherpa/template-rtl.css
index 662c62910de..70787a72393 100644
--- a/templates/sherpa/template-rtl.css
+++ b/templates/sherpa/template-rtl.css
@@ -111,24 +111,17 @@ ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul
 #tokenform input.submit {
   margin-right: 18em;margin-left: 0;
 }
-.outerframe.withindex,.withindex .outerframe{
-  margin-right: 1em;
-  margin-left: 26em;
-}
-#index {
-  left: 0;
-  border-right: 4px double #999;
-}
-#index h3 {
-  margin: 0.5em 0.5em 0 0;
-}
+
+/* Question Index */
 
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  padding: 0 0 0 0.5em;
+	padding: 0 0.5em 0 0;
 }
+
 /* ranking questions */
 .dragDropTable .dragDropChoiceList li,
 .dragDropTable .dragDropRankList li {
diff --git a/templates/sherpa/template.css b/templates/sherpa/template.css
index d1cb34cdd67..26a2865fee0 100644
--- a/templates/sherpa/template.css
+++ b/templates/sherpa/template.css
@@ -1266,7 +1266,7 @@ td.statsImageholder {
 }
 
 #index h3 {
-	margin: 1em 0 0.25em 3px;
+	margin: 1em 3px 0.25em 3px;
 	color: #000099;
     font-size: 14px;
     font-weight: bold;
diff --git a/templates/vallendar/template-rtl.css b/templates/vallendar/template-rtl.css
index 30bfc77230a..347c702761f 100644
--- a/templates/vallendar/template-rtl.css
+++ b/templates/vallendar/template-rtl.css
@@ -131,22 +131,15 @@ table.rank td.helptext {
 #tokenform input.submit {
   margin:1em 18em 1em 0;
 }
-.outerframe.withindex, .withindex .outerframe{
-  margin-left: 26em;
-  margin-right: 1em;
-}
-#index {
-  left: 0;
-  border-right: 1px solid #000;
-}
-#index h3 {
-  margin: 0.5em 0.5em 0 0;
-}
+
+/* Question Index */
+
 #index .container .row {
-  text-align: right;
+	text-align: right;
 }
+
 #index .container .row .hdr {
-  text-align: left;
+	padding: 0 0.5em 0 0;
 }
 
 /* ranking questions */
diff --git a/templates/vallendar/template.css b/templates/vallendar/template.css
index 4ba45687a71..bd30d659e3a 100644
--- a/templates/vallendar/template.css
+++ b/templates/vallendar/template.css
@@ -1228,7 +1228,7 @@ table.statisticstable strong {
 
 #index h2 {
 	margin: 1px;
-	padding: 0.5em 0 0.5em 3px;
+	padding: 0.5em 3px 0.5em 3px;
 	color: #17479E;
     font-size: small;
 	background-color: #CCCCCC;
@@ -1240,7 +1240,7 @@ table.statisticstable strong {
 
 #index h3 {
 	margin: 1em 0 0.25em 0;
-	padding: 0 0 0 3px;
+	padding: 0 3px;
     font-size: small;
     font-weight: bold;
 }