diff --git a/ui/layout.css b/ui/layout.css
index f01beb18..76c6006e 100644
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -1222,6 +1222,31 @@ button:hover {
 .overlay-block .dialog .choice .item {
   text-align: left;
 }
+.field :focus {
+  box-shadow: 0px 0px 3px 0px red;
+}
+/* XXX this is a hack -- hide the radio button itself... */
+.field.choice input[type=radio] {
+  opacity: 0;
+  position: absolute;
+}
+.field.choice input ~ span {
+  display: block;
+  padding: 1px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.field.choice :checked ~ span {
+  color: white;
+  background: gray;
+}
+.field.choice :focus ~ span {
+  box-shadow: 0px 0px 3px 0px red;
+}
+.light.viewer .field.choice :checked ~ span {
+  color: white;
+  background: silver;
+}
 /************************************************************ Help ***/
 /* XXX make this more generic, and not just for the keyboard... */
 /* this is for sliding stuff */
diff --git a/ui/layout.less b/ui/layout.less
index c89316d5..9e079440 100755
--- a/ui/layout.less
+++ b/ui/layout.less
@@ -1264,6 +1264,36 @@ button:hover {
 	text-align: left;
 }
 
+.field :focus {
+	box-shadow: 0px 0px 3px 0px red;
+}
+
+/* XXX this is a hack -- hide the radio button itself... */
+.field.choice input[type=radio] {
+	opacity: 0;
+	position: absolute;
+}
+
+.field.choice input ~ span {
+	display: block;
+	padding: 1px;
+	padding-left: 5px;
+	padding-right: 5px;
+}
+.field.choice :checked ~ span {
+	color: white;
+	background: gray;
+}
+.field.choice :focus ~ span {
+	box-shadow: 0px 0px 3px 0px red;
+}
+
+.light.viewer .field.choice :checked ~ span {
+	color: white;
+	background: silver;
+}
+
+
 
 
 /************************************************************ Help ***/