Index: /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_block_item.html
===================================================================
--- /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_block_item.html	(revision 58956)
+++ /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_block_item.html	(working copy)
@@ -12,6 +12,13 @@
 
 <!--  DIV tag for Block type: Stepped display -->
 <div rsf:id="blockStepped:">
+	<!--[if IE 7]>
+	<style type="text/css">
+		td.exclude input {padding:0px;margin:4px;}
+		td.exclude {border:1px solid red !important;padding:0 !important;height:12px !important}
+	</style>
+<![endif]-->
+
 <table border="0" cellspacing="0" cellpadding="0" width="99%">
 	<tr>
 		<td>
@@ -93,9 +100,9 @@
 
 										<!-- For correct spacing there are 2 sets of radio buttons. This is the colored one -->
 										<div style="width:100%;display:block;position:absolute;z-index:6;background-color:transparent;">
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" style="width:28px;padding:0px;margin:4px 0px;" tabindex="=1"/></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" style="width:28px;padding:0px;margin:4px 0px;" tabindex="=1"/></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" style="width:28px;padding:0px;margin:4px 0px;" tabindex="=1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1"  tabindex="=1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1"  tabindex="=1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1"  tabindex="=1"/></span>
 										</div>
 									</div>
 
@@ -100,9 +107,9 @@
 									</div>
 
 									<!-- This is the real set of radio buttons -->
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="block1"  /></span>
 								</td>
 							</tr>
 						</table>
@@ -130,9 +137,9 @@
 
 										<!-- For correct spacing there are 2 sets of radio buttons. This is the fake one-->
 										<div style="width:100%;display:block;position:absolute;z-index:6;background-color:transparent;" tabindex="-1">
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;"  tabindex="-1"/></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;"  tabindex="-1"/></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;"  tabindex="-1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2"   tabindex="-1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2"   tabindex="-1"/></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block2"   tabindex="-1"/></span>
 										</div>
 
 									</div>
@@ -138,9 +145,9 @@
 									</div>
 
 									<!-- This is the real set of radio buttons -->
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block2"  /></span>
 								</td>
 							</tr>
 						</table>
@@ -168,9 +175,9 @@
 
 										<!-- For correct spacing there are 2 sets of radio buttons. This is the fake one -->
 										<div style="width:100%;display:block;position:absolute;z-index:6;background-color:transparent;display:none" tabindex="-300">
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3"  /></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3"  /></span>
+											<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block3"  /></span>
 										</div>
 									</div>
 
@@ -175,9 +182,9 @@
 									</div>
 
 									<!-- This is the real set of radio buttons -->
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3"  /></span>
+									<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block3"  /></span>
 								</td>
 							</tr>
 						</table>
Index: /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_scaled_item.html
===================================================================
--- /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_scaled_item.html	(revision 58956)
+++ /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/component-templates/render_scaled_item.html	(working copy)
@@ -144,6 +144,12 @@
 			
 			<!-- DIV tag for Stepped Display -->
 			<div rsf:id="steppedDisplay:">
+				<!--[if IE 7]>
+					<style type="text/css">
+						td.exclude input {padding:0px;margin:4px;}
+					</style>
+				<![endif]-->
+
 				<table border="0" cellspacing="0" cellpadding="0" width="99%">
 					<tr>
 						<td>
@@ -198,7 +204,7 @@
 					</tr>
 				
 					<tr>
-						<td>
+						<td class="exclude">
 							<table border="0" cellspacing="0" cellpadding="0" width="100%">
 								<tr>
 									<td width="90%" valign="top">
@@ -206,9 +212,9 @@
 											<div rsf:id="itemText"  style="display:inline" class="label">Stepped item text here</div>
 									</td>
 									<td width="2%" valign="top">
-										<input rsf:id="na-input" type="radio" name="block1" id="choiceNA" style="width:28px;padding:0px;margin:4px 0px;" />&nbsp;
+										<input rsf:id="na-input" type="radio" name="block1" id="choiceNA"  />
 									</td>
-									<td width="5%" nowrap="nowrap" valign="top" style="height:28px">
+									<td width="5%" nowrap="nowrap" valign="top" style="height:28px" >
 										<span rsf:id="dummyRadio" />
 										<div rsf:id="coloredChoicesBranch:" style="width:100%;position:relative;">
 											<div style="width:100%;display:block;position:absolute;z-index:5;">
@@ -217,9 +223,9 @@
 				
 											<!-- For correct spacing there are 2 sets of radio buttons, this is the one for colored spacing -->
 											<div style="width:100%;display:block;position:absolute;z-index:6;background-color:transparent;">
-												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice1" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice2" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice1"  /></span>
+												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice2"  /></span>
+												<span rsf:id="scaleOptionColored:"><input rsf:id="radioValueColored" type="radio" name="block1" id="choice3"  /></span>
 											</div>
 										</div>
 				
@@ -224,9 +230,9 @@
 										</div>
 				
 										<!-- This is the real set of radio buttons -->
-										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1"  id="choice1" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="choice2" style="width:28px;padding:0px;margin:4px 0px;" /></span>
-										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="choice3" style="width:28px;padding:0px;margin:4px 0px;" /></span>
+										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1"  id="choice1"  /></span>
+										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="choice2"  /></span>
+										<span rsf:id="scaleOption:"><input rsf:id="radioValue" type="radio" name="block1" id="choice3"  /></span>
 									</td>
 								</tr>
 							</table>
Index: /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/content/css/evaluation_base.css
===================================================================
--- /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/content/css/evaluation_base.css	(revision 58956)
+++ /Users/gsilver/sakai-src/sakai-trunk3/evaluation/tool/src/webapp/content/css/evaluation_base.css	(working copy)
@@ -334,6 +334,22 @@
 .steppedRowContainer tr:hover{ background: #eee }
 .steppedRowContainer tr:hover td{ border-bottom: 1px solid #000 }
 .steppedRowContainer tr:hover td.exclude{ border: none }
+
+
+/*
+remove input width in template and use these instead
+*/
+.scaleCell span {}
+.scaleCell span img {}
+.steppedRowContainer td.exclude span span{}
+td.exclude input {padding:0px;margin:4px 10px 4px 4px;}
+body:first-of-type  td.exclude input {padding:0px;margin:4px 12px 4px 4px;}
+span.topLabel {}
+
+/*
+remove input width in template and use these instead
+*/
+
 .steppedRowContainer td{
 	border-top: 1px solid #ccc;
 	border-bottom: 1px solid #ccc
@@ -361,6 +377,9 @@
 .alertMessage ul{ padding: 0; margin: 0; list-style: none }
 .alertMessage ul li{ padding: 0; margin: 0; list-style: none }
 
+/*
+.label {outline:1px solid lime !important;width:40%;}
+*/
 .validFail{ /*class applied to the outermost parent of an element that has failed validation, can be styled, or children can be style as below*/}
 .validFail .label{ color: #b11; font-weight: bold }
 .validFail label{ color: #000 !important }