Index: Dev/trunk/client/admin.html
===================================================================
--- Dev/trunk/client/admin.html	(revision 431)
+++ Dev/trunk/client/admin.html	(revision 432)
@@ -4,5 +4,5 @@
         <title>QED - Researcher</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <link rel="stylesheet" type="text/css" href="qed/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="qed/css/qed.css" />
     </head>
     <body class="dijitReset claro" id="rft">
Index: Dev/trunk/client/index.html
===================================================================
--- Dev/trunk/client/index.html	(revision 431)
+++ Dev/trunk/client/index.html	(revision 432)
@@ -4,5 +4,5 @@
         <title>QED</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <link rel="stylesheet" type="text/css" href="qed/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="qed/css/qed.css" />
     </head>
     <body class="dijitReset claro" id="rft">
Index: Dev/trunk/client/qed/Gruntfile.js
===================================================================
--- Dev/trunk/client/qed/Gruntfile.js	(revision 431)
+++ Dev/trunk/client/qed/Gruntfile.js	(revision 432)
@@ -12,5 +12,5 @@
             all: {
                 files: {
-                    'css/main.css': 'css/main.less'
+                    'css/qed.css': 'css/qed.less'
                 }
             }
Index: Dev/trunk/client/qed/css/claroOverride.less
===================================================================
--- Dev/trunk/client/qed/css/claroOverride.less	(revision 431)
+++ 	(revision )
@@ -1,108 +1,0 @@
-/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
- * These changes should be moved to relevant stylesheets as soon as possible!
-*/
-
-
-/* Menu.css */
-.claro .topbar .dijitMenuitem {
-    width: 90px;
-    background-image: none;
-    background-position: top;
-    text-align: center;
-}
-.claro .dijitMenuPassive .dijitMenuItemHover, .claro .dijitMenuPassive .dijitMenuItemSelected {
-    background-color: transparent;
-    color: #ffffff;
-    border: none;
-    padding: 0 4px;
-}
-.claro .dijitMenuPassive .dijitMenuItemActive {
-    background-position: top;
-}
-
-/* layout/BorderContainer.css */
-.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
-    border: none;
-}
-.claro .dijitTabContainerTop-dijitContentPane,
-.claro .dijitTabContainerLeft-dijitContentPane,
-.claro .dijitTabContainerBottom-dijitContentPane,
-.claro .dijitTabContainerRight-dijitContentPane,
-.claro .dijitAccordionContainer-dijitContentPane {
-    background-color: transparent;
-}
-.claro .dijitSplitContainer-dijitContentPane,
-.claro .dijitBorderContainer-dijitContentPane {
-    background-color: transparent;
-}
-
-/* layout/TabContainer.css */
-.claro .dijitTabPaneWrapper {
-    background: transparent;
-}
-.claro .dijitTabInnerDiv {
-    background-color: transparent;
-    color: #999999;
-    border: none;
-}
-.claro .dijitTabContent {
-    border: none;
-}
-.claro .dijitTabHover .dijitTabInnerDiv {
-    background-color: transparent;
-    color: #ffffff;
-}
-.claro .dijitTabActive .dijitTabInnerDiv {
-    color: #0072bc;
-}
-.claro .dijitTabChecked .dijitTabInnerDiv {
-    background-color: transparent;
-    color: #ffffff;
-}
-.claro .dijitTabContent {
-    border: 1px solid #999999;
-}
-.claro .dijitTabHover .dijitTabContent {
-    border-color: #ffffff;
-}
-.claro .dijitTabActive .dijitTabContent {
-    border-color: transparent;
-}
-.claro .dijitTabChecked .dijitTabContent {
-    color: #ffffff;
-    border-color: #0072bc;
-}
-/*lefttabs*/
-.claro .dijitTabContainerLeft-tabs .dijitTab {
-    border-width: 1px;
-    left: 0;
-    margin-bottom: 4px;
-    margin-right: 8px;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
-    border: none;
-    background: transparent;
-    background-image: none;
-    background-position: top;
-    background-repeat: no-repeat;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabContent {
-    padding: 3px 8px 4px 8px;
-    background-image: none;
-
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
-    padding-right: 8px;
-    background-image: none;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
-.claro .dijitTabContainerLeft-tabs .dijitTabContent {
-    -moz-border-radius: 0;
-    border-radius: 0;
-    border: none;
-}
Index: Dev/trunk/client/qed/css/colors.less
===================================================================
--- Dev/trunk/client/qed/css/colors.less	(revision 431)
+++ Dev/trunk/client/qed/css/colors.less	(revision 432)
@@ -1,90 +1,106 @@
-#rft {
-	&.claro {
-		
-		.colorMixin (@color) {
-			&.bgColor {
-				background-color: @@color !important;
-				&.light {
-					@colorName: "@{color}_light";
-					background-color: @@colorName !important;
-				}
-			}
-			.bgColor {
-				background-color: @@color;
-				&.light {
-					@colorName: "@{color}_light";
-					background-color: @@colorName;
-				}
-			}
-		}
+DESCRIPTION {
+	/*
+How to use colour system:
+Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
+Colour classes: Red, Blue, Green, Orange, Purple
+Modifer classes:
+- textColor: Change the font colour of element to the "colour" class combined with.
+- bgColor: Change the background colour to the "colour" class combined with.
+- doesHover: If present in combination with one of the above two modifiers, 
+the element will shift it's background- or text colour to a lighter version on hover.
+- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
+- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
+NOTE: .doesHover does nothing in combination with the above two modifiers!
+*/
+}
 
-		.hoverColorMixin (@color) {
-			&.hoverBgColor:hover {
-				background-color: @@color !important;
-				&.light {
-					@colorName: "@{color}_light";
-					background-color: @@colorName !important;
-				}
-			}
-			.hoverBgColor:hover {
-				background-color: @@color;
-				&.light {
-					@colorName: "@{color}_light";
-					background-color: @@colorName;
-				}
-			}
-		}
-
-		.hoverTextColorMixin (@color) {
-			&.hoverTextColor:hover {
-				color: @@color !important;
-				&.light {
-					@colorName: "@{color}_light";
-					color: @@colorName !important;
-				}
-			}
-			.hoverTextColor:hover {
-				color: @@color;
-				&.light {
-					@colorName: "@{color}_light";
-					color: @@colorName;
-				}
-			}
-		}
-
-		.bgColor {
-			-webkit-transition-property: background-color 0.2s;
-			-moz-transition-property: background-color 0.2s;
-			-o-transition-property: background-color 0.2s;
-			-ms-transition-property: background-color 0.2s;
-			transition-property: background-color 0.2s;			
-		}
-
-		.blue,
-		&.blue {
-			.colorMixin ("blue");
-			.hoverColorMixin ("blue");
-		}
-		.green,
-		&.green {
-			.colorMixin ("green");
-			.hoverColorMixin ("green");
-		}
-		.orange,
-		&.orange {
-			.colorMixin ("orange");
-			.hoverColorMixin ("orange");
-		}
-		.red,
-		&.red {
-			.colorMixin ("red");
-			.hoverColorMixin ("red");
-		}
-		.purple,
-		&.purple {
-			.colorMixin ("purple");
-			.hoverColorMixin ("purple");
-		}
+// Variables/Colour scheme parameters
+.textColor (@color) {
+	color: @@color;
+}
+.textColorH (@color) {
+	color: @@color;
+	&.doesHover:hover {
+		@colorName: "@{color}_light";
+		color: @@colorName;
+	}
+}
+.hoverTextColor (@color) {
+	&:hover {
+		color: @@color;
 
 	}
 }
+.bgColor (@color) {
+	background-color: @@color;
+}
+.bgColorH (@color) {
+	background-color: @@color;
+	&.doesHover:hover {
+		@colorName: "@{color}_light";
+		background-color: @@colorName;
+	}
+}
+.hoverBgColor (@color) {
+	&:hover {
+		background-color: @@color;
+
+	}
+}
+
+
+// Private color mixin is used to assign the colour classes below, don't use this in external CSS!
+.privateColorMixin (@color) {
+	&.textColor {	//Change text colour to C-Class
+		color: @@color;
+		&.doesHover:hover {	//If also .doesHover, shift colour to light version on hover
+			@colorName: "@{color}_light";
+			color: @@colorName;
+		}
+	}
+	&.bgColor {	// Change background colour to C-Class
+		background-color: @@color;
+		color: @text;
+		&.doesHover:hover {	//If .doesHover, shift to light on hover
+			@colorName: "@{color}_light";
+			background-color: @@colorName;
+			color: @darkest;
+		}
+	}
+	&.hoverTextColor:hover {	// Only change text colour to C-class on hover
+		color: @@color;
+	}
+	&.hoverBgColor:hover {	// Only change background colour to C-class on hover
+		background-color: @@color;
+	}
+}
+
+#rft {
+	&.claro {
+
+		.blue {
+			.privateColorMixin("blue");
+		}
+		.red {
+			.privateColorMixin("red");
+		}
+		.orange {
+			.privateColorMixin("orange");
+		}
+		.green {
+			.privateColorMixin("green");
+		}
+		.purple {
+			.privateColorMixin("purple");
+		}
+
+		.textColor,
+		.hoverTextColor {
+			transition: color 0.2s;
+		}
+		.bgColor, 
+		.hoverBgColor {
+			transition: background-color 0.2s;
+		}
+	}
+}
Index: Dev/trunk/client/qed/css/colors2.less
===================================================================
--- Dev/trunk/client/qed/css/colors2.less	(revision 431)
+++ 	(revision )
@@ -1,106 +1,0 @@
-DESCRIPTION {
-	/*
-How to use colour system:
-Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
-Colour classes: Red, Blue, Green, Orange, Purple
-Modifer classes:
-- textColor: Change the font colour of element to the "colour" class combined with.
-- bgColor: Change the background colour to the "colour" class combined with.
-- doesHover: If present in combination with one of the above two modifiers, 
-the element will shift it's background- or text colour to a lighter version on hover.
-- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
-- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
-NOTE: .doesHover does nothing in combination with the above two modifiers!
-*/
-}
-
-// Variables/Colour scheme parameters
-.textColor (@color) {
-	color: @@color;
-}
-.textColorH (@color) {
-	color: @@color;
-	&.doesHover:hover {
-		@colorName: "@{color}_light";
-		color: @@colorName;
-	}
-}
-.hoverTextColor (@color) {
-	&:hover {
-		color: @@color;
-
-	}
-}
-.bgColor (@color) {
-	background-color: @@color;
-}
-.bgColorH (@color) {
-	background-color: @@color;
-	&.doesHover:hover {
-		@colorName: "@{color}_light";
-		background-color: @@colorName;
-	}
-}
-.hoverBgColor (@color) {
-	&:hover {
-		background-color: @@color;
-
-	}
-}
-
-
-// Private color mixin is used to assign the colour classes below, don't use this in external CSS!
-.privateColorMixin (@color) {
-	&.textColor {	//Change text colour to C-Class
-		color: @@color;
-		&.doesHover:hover {	//If also .doesHover, shift colour to light version on hover
-			@colorName: "@{color}_light";
-			color: @@colorName;
-		}
-	}
-	&.bgColor {	// Change background colour to C-Class
-		background-color: @@color;
-		color: @text;
-		&.doesHover:hover {	//If .doesHover, shift to light on hover
-			@colorName: "@{color}_light";
-			background-color: @@colorName;
-			color: @darkest;
-		}
-	}
-	&.hoverTextColor:hover {	// Only change text colour to C-class on hover
-		color: @@color;
-	}
-	&.hoverBgColor:hover {	// Only change background colour to C-class on hover
-		background-color: @@color;
-	}
-}
-
-#rft {
-	&.claro {
-
-		.blue {
-			.privateColorMixin("blue");
-		}
-		.red {
-			.privateColorMixin("red");
-		}
-		.orange {
-			.privateColorMixin("orange");
-		}
-		.green {
-			.privateColorMixin("green");
-		}
-		.purple {
-			.privateColorMixin("purple");
-		}
-
-		.textColor,
-		.hoverTextColor {
-			transition: color 0.2s;
-		}
-		.bgColor, 
-		.hoverBgColor {
-			transition: background-color 0.2s;
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/dijit/ContentPane.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/ContentPane.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/ContentPane.less	(revision 432)
@@ -0,0 +1,52 @@
+#rft.claro {
+
+    .dijitBorderContainer, .dijitContentPane, .dijitTabContainer, .dijitTabPaneWrapper {
+            background: transparent;
+            border: none;
+    }		
+
+    .dijitContentPane.page {
+            .noOffset;
+    }
+
+    .dijitContentPane.content {
+            .noOffset;
+            display: block;
+            clear: both;
+            background-color: @base2;
+            background-image: -webkit-gradient(
+                    50% 50%, 
+                    circle, 
+                    #666666 1%,
+                    #444444 100%
+                    );
+            -moz-background-image: gradient(
+                    50% 50%, 
+                    circle, 
+                    #666666 1%,
+                    #444444 100%
+                    );
+            -o-background-image: gradient(
+                    50% 50%, 
+                    circle, 
+                    #666666 1%,
+                    #444444 100%
+                    );
+            -ms-background-image: gradient(
+                    50% 50%, 
+                    circle, 
+                    #666666 1%,
+                    #444444 100%
+                    );
+            background-image: gradient(
+                    50% 50%, 
+                    circle, 
+                    #666666 1%,
+                    #444444 100%
+                    );
+
+            .dijitBorderContainer {
+                    padding: @std_offset;
+            }
+    }
+}
Index: Dev/trunk/client/qed/css/dijit/MenuPopup.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/MenuPopup.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/MenuPopup.less	(revision 432)
@@ -0,0 +1,53 @@
+#rft.claro {
+    .dijitMenuPopup {
+        .dijitMenu {
+            
+            .flatShading;
+            color: @headers;
+            background-color: @base;
+            border: none;
+
+            .dijitMenuItem {
+                color: @headers;
+                .flatShading;
+                background-color: @base;
+
+                &.dijitMenuItemHover,
+                &.dijitMenuItemActive,
+                &.dijitMenuItemSelected {
+                    .dijitMenuItemLabel {
+                        color: @text;
+                    }
+
+                    &.red {
+                        background-color: @red;
+                    }
+                    &.blue {
+                        background-color: @blue;
+                    }
+                    &.green {
+                        background-color: @green;
+                    }
+                    &.orange {
+                        background-color: @orange;
+                    }
+                    &.purple {
+                        background-color: @purple;
+                    }
+
+                }
+
+                .rftIcon {
+                    .setIcon (16px);
+                    .noMargin;
+                    margin-right: @std_offset_big;
+                }
+
+                &.dijitMenuItemActive .rftIcon {
+                    .setIcon(16px, black);
+                }
+            }
+
+        }
+    }
+}
Index: Dev/trunk/client/qed/css/dijit/TabContainer.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/TabContainer.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/TabContainer.less	(revision 432)
@@ -0,0 +1,85 @@
+#rft.claro {
+
+    .verticalTabList {
+            width: 190px;
+    }
+
+    .dijitTab {
+            .transition(0.2s);
+            background-color: transparent;
+            padding: @std_offset @std_offset_big;
+            color: @headers;
+            overflow: hidden;
+
+
+
+
+    }
+
+    .dijitTabContainerLeft-tabs {
+            border: none;
+            padding: @std_offset;
+
+            .dijitTab {
+                    margin: @std_offset;
+                    width: 200px;
+                    min-height: @tab_height;
+                    border: 1px solid @headers;
+
+                    .dijitTabContent {
+                            min-height: @tab_height;
+                            line-height: @tab_height;
+                            width: 190px;
+                    }
+
+                    &.dijitTabChecked {
+                            .transition (0.1s);
+                            color: @text;
+                            border: 1px solid transparent;
+
+                            &.dijitTabHover {
+                                    border: 1px solid transparent;
+                            }
+                    }
+
+                    &.dijitTabHover {
+                            .transition (0.1s);
+                            color: @text;
+                            border-color: @text;
+                    }
+
+                    &.dijitTabActive {
+                            .transition (0.1s);
+                            color: @headers;
+                    }
+            }
+
+    }
+    //Tab colour settings
+    &.blue .dijitTabChecked,
+    .blue .dijitTabChecked,
+    div.blue.dijitTabChecked {
+            .bgColor ("blue");
+    }
+    &.green .dijitTabChecked,
+    .green .dijitTabChecked,
+    div.green.dijitTabChecked {
+            .bgColor ("green");
+    }
+    &.red .dijitTabChecked,
+    .red .dijitTabChecked,
+    div.red.dijitTabChecked {
+            .bgColor ("red");
+    }
+    &.orange .dijitTabChecked,
+    .orange .dijitTabChecked,
+    div.orange.dijitTabChecked {
+            .bgColor ("orange");
+    }
+    &.purple .dijitTabChecked,
+    .purple .dijitTabChecked,
+    div.purple.dijitTabChecked {
+            .bgColor ("purple");
+    }
+
+}
Index: Dev/trunk/client/qed/css/dijit/TitleGroup.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/TitleGroup.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/TitleGroup.less	(revision 432)
@@ -0,0 +1,34 @@
+#rft.claro .dojoxTitleGroup .dijitTitlePane {
+    .noMargin;
+
+    .dijitTitlePaneTitle {
+        .flatShading;
+        .noMargin;
+        background-color: @orange;
+        border: none;
+        padding: 0 @std_offset;
+        height: @std_height;
+
+        &.dijitTitlePaneTitleHover,
+        &.dijitTitlePaneTitleFocused {
+            background-color: @orange_light;
+        }
+
+    }
+
+    .dijitTitlePaneTextNode {
+        color: @text;
+        font-size: @font_size;
+        line-height: @std_height;
+    }
+
+    .dijitTitlePaneContentOuter {
+        background-color: @base1;
+        border: none;
+    }
+
+    .dijitTitlePaneTitleFocus {
+        .noMargin;
+    }
+
+}
Index: Dev/trunk/client/qed/css/dijit/claro.css
===================================================================
--- Dev/trunk/client/qed/css/dijit/claro.css	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/claro.css	(revision 432)
@@ -0,0 +1,4 @@
+@import url('../../../dijit/themes/claro/claro.css');
+@import url('../../../dojox/grid/resources/Grid.css');
+@import url('../../../dojox/grid/resources/claroGrid.css');
+@import url('../../../dojox/widget/Toaster/Toaster.css');
Index: Dev/trunk/client/qed/css/dijit/overrides.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/overrides.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/overrides.less	(revision 432)
@@ -0,0 +1,108 @@
+/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
+ * These changes should be moved to relevant stylesheets as soon as possible!
+*/
+
+
+/* Menu.css */
+.claro .topbar .dijitMenuitem {
+    width: 90px;
+    background-image: none;
+    background-position: top;
+    text-align: center;
+}
+.claro .dijitMenuPassive .dijitMenuItemHover, .claro .dijitMenuPassive .dijitMenuItemSelected {
+    background-color: transparent;
+    color: #ffffff;
+    border: none;
+    padding: 0 4px;
+}
+.claro .dijitMenuPassive .dijitMenuItemActive {
+    background-position: top;
+}
+
+/* layout/BorderContainer.css */
+.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
+    border: none;
+}
+.claro .dijitTabContainerTop-dijitContentPane,
+.claro .dijitTabContainerLeft-dijitContentPane,
+.claro .dijitTabContainerBottom-dijitContentPane,
+.claro .dijitTabContainerRight-dijitContentPane,
+.claro .dijitAccordionContainer-dijitContentPane {
+    background-color: transparent;
+}
+.claro .dijitSplitContainer-dijitContentPane,
+.claro .dijitBorderContainer-dijitContentPane {
+    background-color: transparent;
+}
+
+/* layout/TabContainer.css */
+.claro .dijitTabPaneWrapper {
+    background: transparent;
+}
+.claro .dijitTabInnerDiv {
+    background-color: transparent;
+    color: #999999;
+    border: none;
+}
+.claro .dijitTabContent {
+    border: none;
+}
+.claro .dijitTabHover .dijitTabInnerDiv {
+    background-color: transparent;
+    color: #ffffff;
+}
+.claro .dijitTabActive .dijitTabInnerDiv {
+    color: #0072bc;
+}
+.claro .dijitTabChecked .dijitTabInnerDiv {
+    background-color: transparent;
+    color: #ffffff;
+}
+.claro .dijitTabContent {
+    border: 1px solid #999999;
+}
+.claro .dijitTabHover .dijitTabContent {
+    border-color: #ffffff;
+}
+.claro .dijitTabActive .dijitTabContent {
+    border-color: transparent;
+}
+.claro .dijitTabChecked .dijitTabContent {
+    color: #ffffff;
+    border-color: #0072bc;
+}
+/*lefttabs*/
+.claro .dijitTabContainerLeft-tabs .dijitTab {
+    border-width: 1px;
+    left: 0;
+    margin-bottom: 4px;
+    margin-right: 8px;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
+    border: none;
+    background: transparent;
+    background-image: none;
+    background-position: top;
+    background-repeat: no-repeat;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabContent {
+    padding: 3px 8px 4px 8px;
+    background-image: none;
+
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
+    padding-right: 8px;
+    background-image: none;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
+.claro .dijitTabContainerLeft-tabs .dijitTabContent {
+    -moz-border-radius: 0;
+    border-radius: 0;
+    border: none;
+}
Index: Dev/trunk/client/qed/css/dijit/topbar.less
===================================================================
--- Dev/trunk/client/qed/css/dijit/topbar.less	(revision 432)
+++ Dev/trunk/client/qed/css/dijit/topbar.less	(revision 432)
@@ -0,0 +1,26 @@
+#rft.claro .topbar {
+
+    overflow-y: hidden;
+
+    .dijitMenuBar {
+        .flatShading;
+        background-color: transparent;
+        float: right;
+        clear: right;
+        margin-top: 16px;
+    }
+
+    .breadcrumbs {
+        color: @headers;
+        .breadcrumb {
+            font-size: @font_size;
+            &.breadcrumbCurrent {
+                color: @text;
+                font-size: round(@font_size * 1.125);
+            }
+            &.breadcrumbHover {
+                color: @blue;
+            }
+        }
+    }
+}
Index: Dev/trunk/client/qed/css/external.css
===================================================================
--- Dev/trunk/client/qed/css/external.css	(revision 431)
+++ 	(revision )
@@ -1,4 +1,0 @@
-@import url('../../dijit/themes/claro/claro.css');
-@import url('../../dojox/grid/resources/Grid.css');
-@import url('../../dojox/grid/resources/claroGrid.css');
-@import url('../../dojox/widget/Toaster/Toaster.css');
Index: Dev/trunk/client/qed/css/fonts.less
===================================================================
--- Dev/trunk/client/qed/css/fonts.less	(revision 432)
+++ Dev/trunk/client/qed/css/fonts.less	(revision 432)
@@ -0,0 +1,47 @@
+#rft.claro {
+    font-family: @font;
+    font-size: @font_size;
+    color: @darkest;
+
+    a {
+        color: inherit;
+    }
+
+    h1 {
+            .noMargin;
+            padding: 0 10px 8px 10px;
+            float: left;
+            clear: left;
+            font-size: @h1Size;
+            color: @headers;
+            line-height: @h1Size;
+            font-weight: normal;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+    }
+
+    h2 {
+            .noOffset;
+            color: @headers;
+            font-size: @h2Size;
+            line-height: floor(@h2Size * 1.365);
+
+            .rftIcon {
+                    .setIcon(32px);
+                    margin-right: 8px;
+            }
+    }
+
+    h3 {
+            .noMargin;
+            font-size: @h3Size;
+            margin-bottom: @std_offset;
+    }
+
+    h4 {
+            font-size: @h4Size;
+    }
+
+}
Index: Dev/trunk/client/qed/css/forms.less
===================================================================
--- Dev/trunk/client/qed/css/forms.less	(revision 432)
+++ Dev/trunk/client/qed/css/forms.less	(revision 432)
@@ -0,0 +1,57 @@
+#rft.claro {
+
+    fieldset {
+        border: none;
+
+        &.align {
+
+            input,
+            .dijitTextBox,
+            textarea {
+                margin-left: 0;
+            }
+
+            label {
+                color: @text;
+                display: inline-block;
+                width: 100px !important;
+            }
+        }
+    }
+
+    .newline {
+        .newLine;
+        display: block;
+    }
+
+    .floatRight {
+        float: right;
+        .noMargin
+    }
+
+
+    .qedInfo {
+        max-width: 500px;
+    }
+
+    .qedLabel {
+        display: inline-block;
+        float: left;
+        width: 150px;
+    }
+
+    .qedField {
+        max-width: 350px;
+        display: inline-block;
+    }
+
+    .qedField.qedFill {
+        width: 350px;
+    }
+
+    .qedFieldset {
+        margin: 1em 0px;
+        border: 1px solid grey;
+    }
+    
+}
Index: Dev/trunk/client/qed/css/hva-mods.css
===================================================================
--- Dev/trunk/client/qed/css/hva-mods.css	(revision 431)
+++ 	(revision )
@@ -1,27 +1,0 @@
-a {
-    color: inherit;
-}
-
-#rft.claro .qedInfo {
-    max-width: 500px;
-}
-
-#rft.claro .qedLabel {
-    display: inline-block;
-    float: left;
-    width: 150px;
-}
-
-#rft.claro .qedField {
-    max-width: 350px;
-    display: inline-block;
-}
-
-#rft.claro .qedField.qedFill {
-    width: 350px;
-}
-
-#rft.claro .qedFieldset {
-    margin: 1em 0px;
-    border: 1px solid grey;
-}
Index: Dev/trunk/client/qed/css/icons.less
===================================================================
--- Dev/trunk/client/qed/css/icons.less	(revision 432)
+++ Dev/trunk/client/qed/css/icons.less	(revision 432)
@@ -0,0 +1,168 @@
+#rft {
+	&.claro {
+		.rftIcon {
+			.noOffset;
+			float: left;
+			display: inline-block;
+			border: none;
+			background-color: transparent;
+			background-repeat: no-repeat;
+		}
+	}
+
+	.rftIconApplication {
+		background-position: 0px 0px;
+	}
+	.rftIconDashboard {
+		background-position: -32px 0px;
+	}
+	.rftIconSession {
+		background-position: -64px 0px;
+	}
+	.rftIconSessionActive {
+		background-position: -96px 0px;
+	}
+	.rftIconSessionTemplate {
+		background-position: -128px 0px;
+	}
+	.rftIconSurvey {
+		background-position: -160px 0px;
+	}
+	.rftIconQuestion {
+		background-position: -192px 0px;
+	}
+	.rftIconQuestionFill {
+		background-position: -224px 0px;
+	}
+	.rftIconRespondent {
+		background-position: -256px 0px;
+	}
+	.rftIconAnswer {
+		background-position: -288px 0px;
+	}
+	.rftIconAnswerSet {
+		background-position: -320px 0px;
+	}
+	.rftIconGameData {
+		background-position: -352px 0px;
+	}
+	.rftIconUser {
+		background-position: -384px 0px;
+	}
+		//Actions
+	.rftIconAccept {
+		background-position: -416px 0px;
+	}
+	.rftIconCancel {
+		background-position: -448px 0px;
+	}
+	.rftIconPlus {
+		background-position: -480px 0px;
+	}
+	.rftIconMinus {
+		background-position: -512px 0px;
+	}
+	.rftIconIncrease {
+		background-position: -544px 0px;
+	}
+	.rftIconDecrease {
+		background-position: -576px 0px;
+	}
+	.rftIconDelete {
+		background-position: -608px 0px;
+	}
+	.rftIconHome {
+		background-position: -640px 0px;
+	}
+	.rftIconPreview {
+		background-position: -672px 0px;
+	}
+	.rftIconSave {
+		background-position: -704px 0px;
+	}
+	.rftIconDiscard {
+		background-position: -736px 0px;
+	}
+	.rftIconProperties {
+		background-position: -768px 0px;
+	}
+	.rftIconUndo {
+		background-position: -800px 0px;
+	}
+	.rftIconRedo {
+		background-position: -832px 0px;
+	}
+	.rftIconBack {
+		background-position: -864px 0px;
+	}
+	.rftIconForward {
+		background-position: -896px 0px;
+	}
+	.rftIconRefresh {
+		background-position: -928px 0px;
+	}
+	.rftIconHelp {
+		background-position: -960px 0px;
+	}
+	.rftIconInspect {
+		background-position: -992px 0px;
+	}
+	.rftIconTag {
+		background-position: -1024px 0px;
+	}
+	.rftIconImage {
+		background-position: -1056px 0px;
+	}
+	.rftIconEdit {
+		background-position: -1088px 0px;
+	}
+	.rftIconLock {
+		background-position: -1120px 0px;
+	}
+	.rftIconUnlock {
+		background-position: -1152px 0px;
+	}
+	.rftIconPreset {
+		background-position: -1184px 0px;
+	}
+	.rftIconTextBlock {
+		background-position: -1216px 0px;
+	}
+	.rftIconPageBreak {
+		background-position: -1248px 0px;
+	}
+	.rftIconExternal {
+		background-position: -1280px 0px;
+	}
+	.rftIconInput {
+		background-position: -1312px 0px;
+	}
+	.rftIconPublish {
+		background-position: -1344px 0px;
+	}
+	//Arrows
+	.rftIconFullArrowUp {
+		background-position: -1696px 0px;
+	}
+	.rftIconFullArrowDown {
+		background-position: -1728px 0px;
+	}
+	.rftIconFullArrowLeft {
+		background-position: -1760px 0px;
+	}
+	.rftIconFullArrowRight {
+		background-position: -1792px 0px;
+	}
+	.rftIconHalfArrowUp {
+		background-position: -1824px 0px;
+	}
+	.rftIconHalfArrowDown {
+		background-position: -1856px 0px;
+	}
+	.rftIconHalfArrowLeft {
+		background-position: -1888px 0px;
+	}
+	.rftIconHalfArrowRight {
+		background-position: -1920px 0px;
+	}
+}
Index: Dev/trunk/client/qed/css/layout.less
===================================================================
--- Dev/trunk/client/qed/css/layout.less	(revision 431)
+++ Dev/trunk/client/qed/css/layout.less	(revision 432)
@@ -1,285 +1,9 @@
 *:focus {
-	//disable Chrome outline of focused elements
-	outline: none;
+    //disable Chrome outline of focused elements
+    outline: none;
 }
 html, body {
-	width: 100%;
-	height: 100%;
-	background-color: @base;
+    width: 100%;
+    height: 100%;
+    background-color: @base;
 }
-
-#rft {
-	&.claro {
-		font-family: @font;
-		font-size: @font_size;
-		color: @darkest;
-
-		.dijitBorderContainer, .dijitContentPane, .dijitTabContainer, .dijitTabPaneWrapper {
-			background: transparent;
-			border: none;
-		}		
-
-
-		h1 {
-			.noMargin;
-			padding: 0 10px 8px 10px;
-			float: left;
-			clear: left;
-			font-size: @h1Size;
-			color: @headers;
-			line-height: @h1Size;
-			font-weight: normal;
-			-webkit-user-select: none;
-			-moz-user-select: none;
-			-ms-user-select: none;
-			user-select: none;
-		}
-
-		h2 {
-			.noOffset;
-			color: @headers;
-			font-size: @h2Size;
-			line-height: floor(@h2Size * 1.365);
-
-			.rftIcon {
-				.setIcon(32px);
-				margin-right: 8px;
-			}
-		}
-
-		h3 {
-			.noMargin;
-			font-size: @h3Size;
-			margin-bottom: @std_offset;
-		}
-
-		h4 {
-			font-size: @h4Size;
-		}
-
-		//Main screen layout
-		.topbar {
-
-			overflow-y: hidden;
-
-			.dijitMenuBar {
-				.flatShading;
-				background-color: transparent;
-				float: right;
-				clear: right;
-				margin-top: 16px;
-			}
-
-			.breadcrumbs {
-				color: @headers;
-				.breadcrumb {
-					font-size: @font_size;
-					&.breadcrumbCurrent {
-						color: @text;
-						font-size: round(@font_size * 1.125);
-					}
-					&.breadcrumbHover {
-						color: @blue;
-					}
-				}
-			}
-		}
-
-		.dijitContentPane.page {
-			.noOffset;
-		}
-
-		.dijitContentPane.content {
-			.noOffset;
-			display: block;
-			clear: both;
-			background-color: @base2;
-			background-image: -webkit-gradient(
-				50% 50%, 
-				circle, 
-				#666666 1%,
-				#444444 100%
-				);
-			-moz-background-image: gradient(
-				50% 50%, 
-				circle, 
-				#666666 1%,
-				#444444 100%
-				);
-			-o-background-image: gradient(
-				50% 50%, 
-				circle, 
-				#666666 1%,
-				#444444 100%
-				);
-			-ms-background-image: gradient(
-				50% 50%, 
-				circle, 
-				#666666 1%,
-				#444444 100%
-				);
-			background-image: gradient(
-				50% 50%, 
-				circle, 
-				#666666 1%,
-				#444444 100%
-				);
-
-			.dijitBorderContainer {
-				padding: @std_offset;
-			}
-		}
-
-		//Form stuff?
-		.loginLabel {
-			.newLine;
-			width: 100px;
-		}
-		.loginInput {
-			width: 150px;
-		}
-
-		.rftMultipleChoiceWidget {
-			display: table;
-			.row {
-				display: table-row;
-			}
-			.rowBox {
-				display: table-cell;
-			}
-			.rowText {
-				display: table-cell;
-				width: 100px;
-			}
-			.rowBtn {
-				display: table-cell;
-				width: 30px;
-			}
-		}
-
-		//Tabs
-		.verticalTabList {
-			width: 190px;
-		}
-
-		.dijitTab {
-			.transition(0.2s);
-			background-color: transparent;
-			padding: @std_offset @std_offset_big;
-			color: @headers;
-			overflow: hidden;
-
-			
-
-			
-		}
-
-		.dijitTabContainerLeft-tabs {
-			border: none;
-			padding: @std_offset;
-
-			.dijitTab {
-				margin: @std_offset;
-				width: 200px;
-				min-height: @tab_height;
-				border: 1px solid @headers;
-
-				.dijitTabContent {
-					min-height: @tab_height;
-					line-height: @tab_height;
-					width: 190px;
-				}
-
-				&.dijitTabChecked {
-					.transition (0.1s);
-					color: @text;
-					border: 1px solid transparent;
-
-					&.dijitTabHover {
-						border: 1px solid transparent;
-					}
-				}
-
-				&.dijitTabHover {
-					.transition (0.1s);
-					color: @text;
-					border-color: @text;
-				}
-
-				&.dijitTabActive {
-					.transition (0.1s);
-					color: @headers;
-				}
-			}
-
-		}
-		//Tab colour settings
-		&.blue .dijitTabChecked,
-		.blue .dijitTabChecked,
-		div.blue.dijitTabChecked {
-			.bgColor ("blue");
-		}
-		&.green .dijitTabChecked,
-		.green .dijitTabChecked,
-		div.green.dijitTabChecked {
-			.bgColor ("green");
-		}
-		&.red .dijitTabChecked,
-		.red .dijitTabChecked,
-		div.red.dijitTabChecked {
-			.bgColor ("red");
-		}
-		&.orange .dijitTabChecked,
-		.orange .dijitTabChecked,
-		div.orange.dijitTabChecked {
-			.bgColor ("orange");
-		}
-		&.purple .dijitTabChecked,
-		.purple .dijitTabChecked,
-		div.purple.dijitTabChecked {
-			.bgColor ("purple");
-		}
-
-
-		// Inputs
-		fieldset {
-			border: none;
-			
-			&.align {
-				
-				input,
-				.dijitTextBox,
-				textarea {
-					margin-left: 0;
-				}
-
-				label {
-					color: @text;
-					display: inline-block;
-					width: 100px !important;
-				}
-			}
-		}
-
-		.newline {
-			.newLine;
-			display: block;
-		}
-
-		.floatRight {
-			float: right;
-			.noMargin
-		}
-
-		.rftLineListView {
-			max-width: 300px;
-			max-height: 500px;
-			
-			.rftLineListViewContent {
-				width: auto;
-				overflow: auto;
-			}
-		}
-	}
-}
-
Index: Dev/trunk/client/qed/css/main.css
===================================================================
--- Dev/trunk/client/qed/css/main.css	(revision 431)
+++ 	(revision )
@@ -1,1279 +1,0 @@
-@import "external.css";
-
-@import "hva-mods.css";
-DESCRIPTION {
-  /*
-How to use colour system:
-Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
-Colour classes: Red, Blue, Green, Orange, Purple
-Modifer classes:
-- textColor: Change the font colour of element to the "colour" class combined with.
-- bgColor: Change the background colour to the "colour" class combined with.
-- doesHover: If present in combination with one of the above two modifiers, 
-the element will shift it's background- or text colour to a lighter version on hover.
-- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
-- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
-NOTE: .doesHover does nothing in combination with the above two modifiers!
-*/
-
-}
-#rft.claro .blue.textColor {
-  color: #0072bc;
-}
-#rft.claro .blue.textColor.doesHover:hover {
-  color: #0794d1;
-}
-#rft.claro .blue.bgColor {
-  background-color: #0072bc;
-  color: #ffffff;
-}
-#rft.claro .blue.bgColor.doesHover:hover {
-  background-color: #0794d1;
-  color: #111111;
-}
-#rft.claro .blue.hoverTextColor:hover {
-  color: #0072bc;
-}
-#rft.claro .blue.hoverBgColor:hover {
-  background-color: #0072bc;
-}
-#rft.claro .red.textColor {
-  color: #8c0310;
-}
-#rft.claro .red.textColor.doesHover:hover {
-  color: #bd0013;
-}
-#rft.claro .red.bgColor {
-  background-color: #8c0310;
-  color: #ffffff;
-}
-#rft.claro .red.bgColor.doesHover:hover {
-  background-color: #bd0013;
-  color: #111111;
-}
-#rft.claro .red.hoverTextColor:hover {
-  color: #8c0310;
-}
-#rft.claro .red.hoverBgColor:hover {
-  background-color: #8c0310;
-}
-#rft.claro .orange.textColor {
-  color: #ff5b12;
-}
-#rft.claro .orange.textColor.doesHover:hover {
-  color: #ff9140;
-}
-#rft.claro .orange.bgColor {
-  background-color: #ff5b12;
-  color: #ffffff;
-}
-#rft.claro .orange.bgColor.doesHover:hover {
-  background-color: #ff9140;
-  color: #111111;
-}
-#rft.claro .orange.hoverTextColor:hover {
-  color: #ff5b12;
-}
-#rft.claro .orange.hoverBgColor:hover {
-  background-color: #ff5b12;
-}
-#rft.claro .green.textColor {
-  color: #25a000;
-}
-#rft.claro .green.textColor.doesHover:hover {
-  color: #63c400;
-}
-#rft.claro .green.bgColor {
-  background-color: #25a000;
-  color: #ffffff;
-}
-#rft.claro .green.bgColor.doesHover:hover {
-  background-color: #63c400;
-  color: #111111;
-}
-#rft.claro .green.hoverTextColor:hover {
-  color: #25a000;
-}
-#rft.claro .green.hoverBgColor:hover {
-  background-color: #25a000;
-}
-#rft.claro .purple.textColor {
-  color: #6529b7;
-}
-#rft.claro .purple.textColor.doesHover:hover {
-  color: #993dec;
-}
-#rft.claro .purple.bgColor {
-  background-color: #6529b7;
-  color: #ffffff;
-}
-#rft.claro .purple.bgColor.doesHover:hover {
-  background-color: #993dec;
-  color: #111111;
-}
-#rft.claro .purple.hoverTextColor:hover {
-  color: #6529b7;
-}
-#rft.claro .purple.hoverBgColor:hover {
-  background-color: #6529b7;
-}
-#rft.claro .textColor,
-#rft.claro .hoverTextColor {
-  transition: color 0.2s;
-}
-#rft.claro .bgColor,
-#rft.claro .hoverBgColor {
-  transition: background-color 0.2s;
-}
-/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
- * These changes should be moved to relevant stylesheets as soon as possible!
-*/
-/* Menu.css */
-.claro .topbar .dijitMenuitem {
-  width: 90px;
-  background-image: none;
-  background-position: top;
-  text-align: center;
-}
-.claro .dijitMenuPassive .dijitMenuItemHover,
-.claro .dijitMenuPassive .dijitMenuItemSelected {
-  background-color: transparent;
-  color: #ffffff;
-  border: none;
-  padding: 0 4px;
-}
-.claro .dijitMenuPassive .dijitMenuItemActive {
-  background-position: top;
-}
-/* layout/BorderContainer.css */
-.claro .dijitSplitContainer-child,
-.claro .dijitBorderContainer-child {
-  border: none;
-}
-.claro .dijitTabContainerTop-dijitContentPane,
-.claro .dijitTabContainerLeft-dijitContentPane,
-.claro .dijitTabContainerBottom-dijitContentPane,
-.claro .dijitTabContainerRight-dijitContentPane,
-.claro .dijitAccordionContainer-dijitContentPane {
-  background-color: transparent;
-}
-.claro .dijitSplitContainer-dijitContentPane,
-.claro .dijitBorderContainer-dijitContentPane {
-  background-color: transparent;
-}
-/* layout/TabContainer.css */
-.claro .dijitTabPaneWrapper {
-  background: transparent;
-}
-.claro .dijitTabInnerDiv {
-  background-color: transparent;
-  color: #999999;
-  border: none;
-}
-.claro .dijitTabContent {
-  border: none;
-}
-.claro .dijitTabHover .dijitTabInnerDiv {
-  background-color: transparent;
-  color: #ffffff;
-}
-.claro .dijitTabActive .dijitTabInnerDiv {
-  color: #0072bc;
-}
-.claro .dijitTabChecked .dijitTabInnerDiv {
-  background-color: transparent;
-  color: #ffffff;
-}
-.claro .dijitTabContent {
-  border: 1px solid #999999;
-}
-.claro .dijitTabHover .dijitTabContent {
-  border-color: #ffffff;
-}
-.claro .dijitTabActive .dijitTabContent {
-  border-color: transparent;
-}
-.claro .dijitTabChecked .dijitTabContent {
-  color: #ffffff;
-  border-color: #0072bc;
-}
-/*lefttabs*/
-.claro .dijitTabContainerLeft-tabs .dijitTab {
-  border-width: 1px;
-  left: 0;
-  margin-bottom: 4px;
-  margin-right: 8px;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
-  border: none;
-  background: transparent;
-  background-image: none;
-  background-position: top;
-  background-repeat: no-repeat;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabContent {
-  padding: 3px 8px 4px 8px;
-  background-image: none;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
-  padding-right: 8px;
-  background-image: none;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
-.claro .dijitTabContainerLeft-tabs .dijitTabContent {
-  -moz-border-radius: 0;
-  border-radius: 0;
-  border: none;
-}
-*:focus {
-  outline: none;
-}
-html,
-body {
-  width: 100%;
-  height: 100%;
-  background-color: #333333;
-}
-#rft.claro {
-  font-family: 'Segoe UI', Helvetica, Verdana, Arial, sans-serif;
-  font-size: 13px;
-  color: #111111;
-}
-#rft.claro .dijitBorderContainer,
-#rft.claro .dijitContentPane,
-#rft.claro .dijitTabContainer,
-#rft.claro .dijitTabPaneWrapper {
-  background: transparent;
-  border: none;
-}
-#rft.claro h1 {
-  margin: 0 0 0 0;
-  padding: 0 10px 8px 10px;
-  float: left;
-  clear: left;
-  font-size: 48px;
-  color: #999999;
-  line-height: 48px;
-  font-weight: normal;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-#rft.claro h2 {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  color: #999999;
-  font-size: 22px;
-  line-height: 30px;
-}
-#rft.claro h2 .rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32.png');
-  margin-right: 8px;
-}
-#rft.claro h3 {
-  margin: 0 0 0 0;
-  font-size: 18px;
-  margin-bottom: 4px;
-}
-#rft.claro h4 {
-  font-size: 16px;
-}
-#rft.claro .topbar {
-  overflow-y: hidden;
-}
-#rft.claro .topbar .dijitMenuBar {
-  border: none;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  background-color: transparent;
-  float: right;
-  clear: right;
-  margin-top: 16px;
-}
-#rft.claro .topbar .breadcrumbs {
-  color: #999999;
-}
-#rft.claro .topbar .breadcrumbs .breadcrumb {
-  font-size: 13px;
-}
-#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbCurrent {
-  color: #ffffff;
-  font-size: 15px;
-}
-#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbHover {
-  color: #0072bc;
-}
-#rft.claro .dijitContentPane.page {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-}
-#rft.claro .dijitContentPane.content {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  display: block;
-  clear: both;
-  background-color: #555555;
-  background-image: -webkit-gradient(50% 50%, circle, #666666 1%, #444444 100%);
-  -moz-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
-  -o-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
-  -ms-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
-  background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
-}
-#rft.claro .dijitContentPane.content .dijitBorderContainer {
-  padding: 4px;
-}
-#rft.claro .loginLabel {
-  float: left;
-  clear: left;
-  width: 100px;
-}
-#rft.claro .loginInput {
-  width: 150px;
-}
-#rft.claro .rftMultipleChoiceWidget {
-  display: table;
-}
-#rft.claro .rftMultipleChoiceWidget .row {
-  display: table-row;
-}
-#rft.claro .rftMultipleChoiceWidget .rowBox {
-  display: table-cell;
-}
-#rft.claro .rftMultipleChoiceWidget .rowText {
-  display: table-cell;
-  width: 100px;
-}
-#rft.claro .rftMultipleChoiceWidget .rowBtn {
-  display: table-cell;
-  width: 30px;
-}
-#rft.claro .verticalTabList {
-  width: 190px;
-}
-#rft.claro .dijitTab {
-  -webkit-transition: all 0.2s;
-  -moz-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  -ms-transition: all 0.2s;
-  transition: all 0.2s;
-  background-color: transparent;
-  padding: 4px 8px;
-  color: #999999;
-  overflow: hidden;
-}
-#rft.claro .dijitTabContainerLeft-tabs {
-  border: none;
-  padding: 4px;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab {
-  margin: 4px;
-  width: 200px;
-  min-height: 30px;
-  border: 1px solid #999999;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
-  min-height: 30px;
-  line-height: 30px;
-  width: 190px;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-  color: #ffffff;
-  border: 1px solid transparent;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked.dijitTabHover {
-  border: 1px solid transparent;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabHover {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-  color: #ffffff;
-  border-color: #ffffff;
-}
-#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabActive {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-  color: #999999;
-}
-#rft.claro.blue .dijitTabChecked,
-#rft.claro .blue .dijitTabChecked,
-#rft.claro div.blue.dijitTabChecked {
-  background-color: #0072bc;
-}
-#rft.claro.green .dijitTabChecked,
-#rft.claro .green .dijitTabChecked,
-#rft.claro div.green.dijitTabChecked {
-  background-color: #25a000;
-}
-#rft.claro.red .dijitTabChecked,
-#rft.claro .red .dijitTabChecked,
-#rft.claro div.red.dijitTabChecked {
-  background-color: #8c0310;
-}
-#rft.claro.orange .dijitTabChecked,
-#rft.claro .orange .dijitTabChecked,
-#rft.claro div.orange.dijitTabChecked {
-  background-color: #ff5b12;
-}
-#rft.claro.purple .dijitTabChecked,
-#rft.claro .purple .dijitTabChecked,
-#rft.claro div.purple.dijitTabChecked {
-  background-color: #6529b7;
-}
-#rft.claro fieldset {
-  border: none;
-}
-#rft.claro fieldset.align input,
-#rft.claro fieldset.align .dijitTextBox,
-#rft.claro fieldset.align textarea {
-  margin-left: 0;
-}
-#rft.claro fieldset.align label {
-  color: #ffffff;
-  display: inline-block;
-  width: 100px !important;
-}
-#rft.claro .newline {
-  float: left;
-  clear: left;
-  display: block;
-}
-#rft.claro .floatRight {
-  float: right;
-  margin: 0 0 0 0;
-}
-#rft.claro .rftLineListView {
-  max-width: 300px;
-  max-height: 500px;
-}
-#rft.claro .rftLineListView .rftLineListViewContent {
-  width: auto;
-  overflow: auto;
-}
-#rft.claro .rftIcon {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  float: left;
-  display: inline-block;
-  border: none;
-  background-color: transparent;
-  background-repeat: no-repeat;
-}
-#rft .rftIconApplication {
-  background-position: 0px 0px;
-}
-#rft .rftIconDashboard {
-  background-position: -32px 0px;
-}
-#rft .rftIconSession {
-  background-position: -64px 0px;
-}
-#rft .rftIconSessionActive {
-  background-position: -96px 0px;
-}
-#rft .rftIconSessionTemplate {
-  background-position: -128px 0px;
-}
-#rft .rftIconSurvey {
-  background-position: -160px 0px;
-}
-#rft .rftIconQuestion {
-  background-position: -192px 0px;
-}
-#rft .rftIconQuestionFill {
-  background-position: -224px 0px;
-}
-#rft .rftIconRespondent {
-  background-position: -256px 0px;
-}
-#rft .rftIconAnswer {
-  background-position: -288px 0px;
-}
-#rft .rftIconAnswerSet {
-  background-position: -320px 0px;
-}
-#rft .rftIconGameData {
-  background-position: -352px 0px;
-}
-#rft .rftIconUser {
-  background-position: -384px 0px;
-}
-#rft .rftIconAccept {
-  background-position: -416px 0px;
-}
-#rft .rftIconCancel {
-  background-position: -448px 0px;
-}
-#rft .rftIconPlus {
-  background-position: -480px 0px;
-}
-#rft .rftIconMinus {
-  background-position: -512px 0px;
-}
-#rft .rftIconIncrease {
-  background-position: -544px 0px;
-}
-#rft .rftIconDecrease {
-  background-position: -576px 0px;
-}
-#rft .rftIconDelete {
-  background-position: -608px 0px;
-}
-#rft .rftIconHome {
-  background-position: -640px 0px;
-}
-#rft .rftIconPreview {
-  background-position: -672px 0px;
-}
-#rft .rftIconSave {
-  background-position: -704px 0px;
-}
-#rft .rftIconDiscard {
-  background-position: -736px 0px;
-}
-#rft .rftIconProperties {
-  background-position: -768px 0px;
-}
-#rft .rftIconUndo {
-  background-position: -800px 0px;
-}
-#rft .rftIconRedo {
-  background-position: -832px 0px;
-}
-#rft .rftIconBack {
-  background-position: -864px 0px;
-}
-#rft .rftIconForward {
-  background-position: -896px 0px;
-}
-#rft .rftIconRefresh {
-  background-position: -928px 0px;
-}
-#rft .rftIconHelp {
-  background-position: -960px 0px;
-}
-#rft .rftIconInspect {
-  background-position: -992px 0px;
-}
-#rft .rftIconTag {
-  background-position: -1024px 0px;
-}
-#rft .rftIconImage {
-  background-position: -1056px 0px;
-}
-#rft .rftIconEdit {
-  background-position: -1088px 0px;
-}
-#rft .rftIconLock {
-  background-position: -1120px 0px;
-}
-#rft .rftIconUnlock {
-  background-position: -1152px 0px;
-}
-#rft .rftIconPreset {
-  background-position: -1184px 0px;
-}
-#rft .rftIconTextBlock {
-  background-position: -1216px 0px;
-}
-#rft .rftIconPageBreak {
-  background-position: -1248px 0px;
-}
-#rft .rftIconExternal {
-  background-position: -1280px 0px;
-}
-#rft .rftIconInput {
-  background-position: -1312px 0px;
-}
-#rft .rftIconPublish {
-  background-position: -1344px 0px;
-}
-#rft .rftIconFullArrowUp {
-  background-position: -1696px 0px;
-}
-#rft .rftIconFullArrowDown {
-  background-position: -1728px 0px;
-}
-#rft .rftIconFullArrowLeft {
-  background-position: -1760px 0px;
-}
-#rft .rftIconFullArrowRight {
-  background-position: -1792px 0px;
-}
-#rft .rftIconHalfArrowUp {
-  background-position: -1824px 0px;
-}
-#rft .rftIconHalfArrowDown {
-  background-position: -1856px 0px;
-}
-#rft .rftIconHalfArrowLeft {
-  background-position: -1888px 0px;
-}
-#rft .rftIconHalfArrowRight {
-  background-position: -1920px 0px;
-}
-#rft.claro .rftSelector {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  margin: 4px;
-}
-#rft.claro .rftSelector .rftLineWithActions {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-}
-#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  float: left;
-  width: 8px;
-  height: 24px;
-  background-color: #bedead;
-}
-#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.conflict {
-  background-color: #ff0000;
-}
-#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.pending {
-  background-color: #ff8000;
-}
-#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.success {
-  background-color: #00ff00;
-}
-#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions,
-#rft.claro .rftSelector .rftSelectorSelected .rftLineWithActions {
-  background-color: #ffffff;
-  color: #111111;
-}
-#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions .rftInlineButton .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16b.png');
-}
-#rft.claro .rftLineWithActions {
-  border: none;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  position: relative;
-  height: 24px;
-  white-space: nowrap;
-  margin: 4px 0;
-  color: #ffffff;
-  background-color: #0072bc;
-}
-#rft.claro .rftLineWithActions.dojoDndItem {
-  -webkit-transition: all 0.2s;
-  -moz-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  -ms-transition: all 0.2s;
-  transition: all 0.2s;
-}
-#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemBefore {
-  margin-top: 6px;
-  border-top: 6px solid #ffffff;
-}
-#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAfter {
-  margin-bottom: 6px;
-  border-bottom: 6px solid #ffffff;
-}
-#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemover,
-#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAnchor {
-  background-image: none;
-  border: none;
-  padding: 2px;
-  background-color: rgba(255, 255, 255, 0.1);
-}
-#rft.claro .rftLineWithActions .rftLineWithActionsTitle {
-  float: left;
-  margin: 0 8px;
-  overflow: hidden;
-  white-space: nowrap;
-  word-wrap: break-word;
-  line-height: 24px;
-}
-#rft.claro .rftLineWithActions .rftLineWithActionsButtons {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  line-height: 24px;
-  height: 24px;
-  position: absolute;
-  right: 0;
-  float: left;
-}
-#rft.claro .dojoDndSourceMoved .rftLineWithActions.dojoDndItemAnchor {
-  height: 0;
-}
-#rft.claro .rftIndexMenuBlock {
-  width: 400px;
-  height: 400px;
-  background: #444444;
-  float: left;
-  margin: 16px;
-  overflow: hidden;
-}
-#rft.claro .rftIndexMenuBlock:hover .rftIndexMenuMask {
-  margin-top: -400px;
-}
-#rft.claro .rftIndexMenuMask {
-  width: 400px;
-  height: 400px;
-  background: #444444;
-  color: #999999;
-  margin-top: 0;
-}
-#rft.claro .rftIndexMenuMask .label {
-  color: #999999;
-  font-size: 32px;
-  height: 32px;
-  line-height: 32px;
-  margin-top: 184px;
-  float: left;
-}
-#rft.claro .rftIndexMenuMask .rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32.png');
-  float: left;
-  margin: 184px 8px 0 8px;
-}
-#rft.claro .rftIndexMenuButton {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -o-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-  line-height: 32px;
-  border: none;
-}
-#rft.claro .rftIndexMenuButton .dijitButtonNode {
-  border: none;
-  color: #999999;
-  font-size: 22px;
-}
-#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents {
-  vertical-align: top;
-}
-#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
-  padding-bottom: 10px;
-  line-height: 20px;
-}
-#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32.png');
-  margin: 0 8px;
-}
-#rft.claro .rftIndexMenuButton.oneHeight {
-  height: 100px;
-  width: 400px;
-}
-#rft.claro .rftIndexMenuButton.oneHeight .dijitButtonNode {
-  margin: 38px 0 0 0;
-}
-#rft.claro .rftIndexMenuButton.twoHeight {
-  height: 200px;
-  width: 400px;
-}
-#rft.claro .rftIndexMenuButton.twoHeight .dijitButtonNode {
-  margin: 88px 0 0 0;
-}
-#rft.claro .rftIndexMenuButton.fourHeight {
-  height: 400px;
-  width: 400px;
-}
-#rft.claro .rftIndexMenuButton.fourHeight .dijitButtonNode {
-  margin: 188px 0 0 0;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover {
-  color: #ffffff;
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover .dijitButtonText {
-  color: #ffffff;
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.blue {
-  background-color: #0072bc;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.red {
-  background-color: #8c0310;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.green {
-  background-color: #25a000;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.orange {
-  background-color: #ff5b12;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.purple {
-  background-color: #6529b7;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive {
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -o-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-  color: #111111;
-  background: #ffffff;
-}
-#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive .rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32b.png');
-}
-#rft.claro .dijitMenuPopup .dijitMenu {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  color: #999999;
-  background-color: #333333;
-  border: none;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem {
-  color: #999999;
-  border: none;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  background-color: #333333;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuItemLabel,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel {
-  color: #ffffff;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.red,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.red,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.red {
-  background-color: #8c0310;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.blue,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.blue,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.blue {
-  background-color: #0072bc;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.green,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.green,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.green {
-  background-color: #25a000;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.orange,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.orange,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.orange {
-  background-color: #ff5b12;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.purple,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.purple,
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.purple {
-  background-color: #6529b7;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16.png');
-  margin: 0 0 0 0;
-  margin-right: 8px;
-}
-#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16b.png');
-}
-#rft.claro .dijitMenuBar .rftMainMenuButton {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-  border: none;
-  height: 30px;
-  width: auto;
-  background: transparent;
-  color: #999999;
-  text-align: center;
-  font-size: 24px;
-  line-height: 30px;
-  padding: 0 4px;
-  margin: 0 5px;
-}
-#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover,
-#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuitemActive {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-}
-#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover {
-  color: #ffffff;
-  font-size: 26px;
-}
-#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemActive {
-  color: #0072bc;
-  font-size: 26px;
-}
-#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemSelected {
-  font-size: 26px;
-  color: #ffffff;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane {
-  margin: 0 0 0 0;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  margin: 0 0 0 0;
-  background-color: #ff5b12;
-  border: none;
-  padding: 0 4px;
-  height: 24px;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleHover,
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleFocused {
-  background-color: #ff9140;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTextNode {
-  color: #ffffff;
-  font-size: 13px;
-  line-height: 24px;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneContentOuter {
-  background-color: #444444;
-  border: none;
-}
-#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitleFocus {
-  margin: 0 0 0 0;
-}
-#rft.claro .rftSurveyListView .rftSurveyListViewContent {
-  min-height: 300px;
-  background: #444444;
-  overflow: auto;
-}
-#rft.claro .rftLargeButton {
-  border: none;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  margin-right: 16px;
-  height: 24px;
-}
-#rft.claro .rftLargeButton*,
-#rft.claro .rftLargeButton * {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-#rft.claro .rftLargeButton .dijitButtonNode {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  border: none;
-  height: 24px;
-  background: transparent;
-  color: #999999;
-  font-size: 20px;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -o-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-}
-#rft.claro .rftLargeButton .dijitButtonNode .rftIcon {
-  width: 24px;
-  height: 24px;
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons24.png');
-}
-#rft.claro .rftLargeButton .dijitButtonNode .dijitButtonText {
-  line-height: 24px;
-  margin: 0 0 0 0;
-  padding-left: 8px;
-}
-#rft.claro .rftLargeButton.black .dijitButtonNode .rftIcon {
-  width: 24px;
-  height: 24px;
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons24b.png');
-}
-#rft.claro .rftLargeButton.rftLargeButtonHover .dijitButtonNode,
-#rft.claro .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-}
-#rft.claro span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-#rft.claro .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  color: #0794d1;
-}
-#rft.claro span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-#rft.claro .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  color: #ff9140;
-}
-#rft.claro span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-#rft.claro .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  color: #63c400;
-}
-#rft.claro span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-#rft.claro .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  color: #bd0013;
-}
-#rft.claro span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-#rft.claro .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-  color: #993dec;
-}
-#rft.claro .rftBlockButton {
-  border: none;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  margin: 0 0 0 0;
-  height: 24px;
-  vertical-align: top;
-}
-#rft.claro .rftBlockButton .dijitButtonContents {
-  height: 24px;
-}
-#rft.claro .rftBlockButton .dijitButtonNode {
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -o-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-  line-height: 24px;
-  vertical-align: top;
-  height: 24px;
-  padding: 0 4px;
-  border: none;
-  color: #ffffff;
-  font-size: 13px;
-}
-#rft.claro .rftBlockButton .dijitButtonNode .dijitButtonText {
-  line-height: 24px;
-}
-#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16.png');
-}
-#rft.claro .rftBlockButton.rftBlockButtonHover,
-#rft.claro .rftBlockButton.rftBlockButtonActive {
-  -webkit-transition: all 0.1s;
-  -moz-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -ms-transition: all 0.1s;
-  transition: all 0.1s;
-}
-#rft.claro .rftBlockButton.rftBlockButtonHover .rftIcon,
-#rft.claro .rftBlockButton.rftBlockButtonActive .rftIcon {
-  vertical-align: top;
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16b.png');
-}
-#rft.claro .rftInlineButton {
-  float: right;
-  height: 24px;
-  width: 24px;
-}
-#rft.claro .rftInlineButton .dijitButtonNode {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  background-image: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  border-radius: 0;
-  width: 24px;
-  height: 24px;
-  border: none;
-}
-#rft.claro .rftInlineButton .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16.png');
-}
-#rft.claro .rftInlineButton.white .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16.png');
-}
-#rft.claro .rftInlineButton.black .rftIcon {
-  width: 16px;
-  height: 16px;
-  margin: 4px 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons16b.png');
-}
-#rft.claro .rftObjectBox {
-  margin: 8px 0;
-}
-#rft.claro .rftObjectBox .rftLineWithActions {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-}
-#rft.claro .rftSessionObject {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  width: 100px;
-  height: 100px;
-  background: #999999;
-  margin: 8px;
-  display: inline-block;
-}
-#rft.claro .rftSessionObject .rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32.png');
-  margin: 8px 34px 0 34px;
-}
-#rft.claro .rftSessionObject label {
-  margin: 0 0 0 0;
-  padding: 0 0 0 0;
-  float: left;
-  clear: both;
-  width: 100px;
-  text-align: center;
-  color: #ffffff;
-  overflow: hidden;
-}
-#rft.claro .rftSessionObject.blue {
-  background-color: #0072bc;
-}
-#rft.claro .rftSessionObject.blue.selected {
-  background-color: #0794d1;
-}
-#rft.claro .rftSessionObject.green {
-  background-color: #25a000;
-}
-#rft.claro .rftSessionObject.green.selected {
-  background-color: #63c400;
-}
-#rft.claro .rftSessionObject.red {
-  background-color: #8c0310;
-}
-#rft.claro .rftSessionObject.red.selected {
-  background-color: #bd0013;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
-  background-color: #ff5b12;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
-  background-color: #ffffff;
-  color: #111111;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
-  background-color: #ff00ff;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
-  background-color: #ff5b12;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
-  background-color: #ffffff;
-  color: #111111;
-}
-#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
-  background-color: #ff9140;
-  color: #ffffff;
-}
-#rft.claro .page_sessions .rftObjectBox {
-  padding: 0 0 0 0;
-  color: #ffffff;
-}
-#rft.claro .page_sessions .rftObjectBox .typeIcon.rftIcon {
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0 0 0 0;
-  background-image: url('images/icons/rftIcons32.png');
-}
-#rft.claro .page_sessions .rftObjectBox .rftLineWithActions {
-  background-color: #25a000;
-}
-#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton .dijitButtonNode {
-  background-color: #25a000;
-}
-#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitHover .dijitButtonNode {
-  background-color: #ffffff;
-  color: #111111;
-}
-#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitActive .dijitButtonNode {
-  background-color: #63c400;
-  color: #ffffff;
-}
Index: Dev/trunk/client/qed/css/main.less
===================================================================
--- Dev/trunk/client/qed/css/main.less	(revision 431)
+++ 	(revision )
@@ -1,26 +1,0 @@
-// Setup up compilation context and shared functionality
-@import "variables.less";
-@import "mixins.less";
-@import "colors2.less";
-
-// Link to dijit/claro/dojox css
-@import "external.css";
-@import "hva-mods.css";
-@import "claroOverride.less";
-
-// RFT specific styling
-@import "layout.less";
-@import "rftIcons.less";
-@import "rftSelector.less";
-@import "rftLineWithActions.less";
-@import "menus.less";
-@import "questionEditor.less";
-@import "surveyEditor.less";
-@import "rftButtons.less";
-@import "rftObjectBox.less";
-@import "sessionEditor.less";
-
-
-// Page specific stylesheets!
-@import "pages/questions.less";
-@import "pages/sessions.less";
Index: Dev/trunk/client/qed/css/menus.less
===================================================================
--- Dev/trunk/client/qed/css/menus.less	(revision 431)
+++ 	(revision )
@@ -1,213 +1,0 @@
-#rft {
-	&.claro {
-		//Index menu
-		.rftIndexMenuBlock {
-			width: @indexmenu_blockwidth;
-			height: @indexmenu_blockheight;
-			background: @base1;
-			float: left;
-			margin: @indexmenu_blockmargin;
-			overflow: hidden;
-
-			&:hover .rftIndexMenuMask {
-				margin-top: -@indexmenu_blockheight;
-			}
-		}
-		.rftIndexMenuMask {
-			width: @indexmenu_blockwidth;
-			height: @indexmenu_blockheight;
-			background: @base1;
-			color: @headers;
-			margin-top: 0;
-
-			.label {
-				color: @headers;
-				font-size: @indexmenu_font_size;
-				height: @indexmenu_font_size;
-				line-height: @indexmenu_font_size;
-				margin-top: (@indexmenu_blockheight - @indexmenu_font_size) / 2;
-				float: left;
-			}
-
-			.rftIcon {
-				.setIcon(32px);
-				float: left;
-				margin: ((@indexmenu_blockheight - @indexmenu_font_size)/2) 8px 0 8px;
-			}
-		}
-		.rftIndexMenuButton {
-			.flatShading;
-			.noOffset;
-			.transition (0.3s);
-			line-height: @button_indexmenu_height;
-			border: none;
-
-			.dijitButtonNode {
-				border: none;
-				color: @headers;
-				font-size: @h2Size;
-
-				.dijitButtonContents {
-					vertical-align: top;
-
-					.dijitButtonText {
-						padding-bottom: 10px;
-						line-height: 20px;
-					}
-
-					.rftIcon {
-						.setIcon (32px);
-						margin: 0 @std_offset_big;
-					}
-				}
-
-				
-			}
-
-			.indexMenuMixin (@number) when (@number > 0){
-				@height: @indexmenu_blockheight / @number;
-				height: @height;
-				width: @indexmenu_blockwidth;
-				
-				.dijitButtonNode {
-					margin: ((@height - @button_indexmenu_content_size)/2) 0 0 0;
-				}
-			}
-
-			&.oneHeight {
-				.indexMenuMixin (4);
-			}
-			&.twoHeight {
-				.indexMenuMixin (2);
-			}
-			&.fourHeight {
-				.indexMenuMixin (1);
-			}
-
-			&.rftIndexMenuButtonHover {
-				color: @text;
-				.transition (0.1s);
-				.dijitButtonText {
-					color: @text;
-					.transition(0.1s);
-				}
-
-				&.blue {
-					background-color: @blue;
-				}
-				&.red {
-					background-color: @red;
-				}
-				&.green {
-					background-color: @green;
-				}
-				&.orange {
-					background-color: @orange;
-				}
-				&.purple {
-					background-color: @purple;
-				}
-			}
-
-			&.rftIndexMenuButtonActive {
-				.rftIcon {
-					.setIcon (32px, black);
-				}
-				.transition(0.3s);
-				color: @darkest;
-				background: @text;
-
-			}
-
-		}
-
-		//Topbar dropdown menu
-		.dijitMenuPopup {
-			.dijitMenu {
-				
-				.flatShading;
-				color: @headers;
-				background-color: @base;
-				border: none;
-
-				.dijitMenuItem {
-					color: @headers;
-					.flatShading;
-					background-color: @base;
-
-					&.dijitMenuItemHover,
-					&.dijitMenuItemActive,
-					&.dijitMenuItemSelected {
-						.dijitMenuItemLabel {
-							color: @text;
-						}
-
-						&.red {
-							background-color: @red;
-						}
-						&.blue {
-							background-color: @blue;
-						}
-						&.green {
-							background-color: @green;
-						}
-						&.orange {
-							background-color: @orange;
-						}
-						&.purple {
-							background-color: @purple;
-						}
-
-					}
-
-					.rftIcon {
-						.setIcon (16px);
-						.noMargin;
-						margin-right: @std_offset_big;
-					}
-
-					&.dijitMenuItemActive .rftIcon {
-						.setIcon(16px, black);
-					}
-				}
-
-			}
-		}
-
-
-		//Main menu
-		.dijitMenuBar .rftMainMenuButton {
-			.flatShading;
-			.transition (0.1s);
-			border: none;
-			height: @button_mainmenu_height;
-			width: auto;
-			background: transparent;
-			color: @headers;
-			text-align: center;
-			font-size: @button_mainmenu_font_size;
-			line-height: @button_mainmenu_height;
-			padding: 0 @button_mainmenu_padding;
-			margin: 0 @button_mainmenu_spacing;
-
-			&.dijitMenuItemHover, 
-			&.dijitMenuitemActive {
-				.transition (0.1s);
-			}
-
-			&.dijitMenuItemHover {
-				color: @text;
-				font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
-			}
-
-			&.dijitMenuItemActive {
-				color: @blue;
-				font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
-			}
-			&.dijitMenuItemSelected {
-				font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
-				color: @text;
-			}
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/model/widgets/QuestionListView.less
===================================================================
--- Dev/trunk/client/qed/css/model/widgets/QuestionListView.less	(revision 432)
+++ Dev/trunk/client/qed/css/model/widgets/QuestionListView.less	(revision 432)
@@ -0,0 +1,9 @@
+#rft.claro .rftSurveyListView {
+
+    .rftSurveyListViewContent {
+        min-height: 300px;
+        background: @base1;
+        overflow: auto;
+    }
+
+}
Index: Dev/trunk/client/qed/css/old/main.less
===================================================================
--- Dev/trunk/client/qed/css/old/main.less	(revision 432)
+++ Dev/trunk/client/qed/css/old/main.less	(revision 432)
@@ -0,0 +1,26 @@
+// Setup up compilation context and shared functionality
+@import "variables.less";
+@import "mixins.less";
+@import "colors2.less";
+
+// Link to dijit/claro/dojox css
+@import "external.css";
+@import "hva-mods.css";
+@import "claroOverride.less";
+
+// RFT specific styling
+@import "layout.less";
+@import "rftIcons.less";
+@import "rftSelector.less";
+@import "rftLineWithActions.less";
+@import "menus.less";
+@import "questionEditor.less";
+@import "surveyEditor.less";
+@import "rftButtons.less";
+@import "rftObjectBox.less";
+@import "sessionEditor.less";
+
+
+// Page specific stylesheets!
+@import "pages/questions.less";
+@import "pages/sessions.less";
Index: Dev/trunk/client/qed/css/old/tutorial.less
===================================================================
--- Dev/trunk/client/qed/css/old/tutorial.less	(revision 432)
+++ Dev/trunk/client/qed/css/old/tutorial.less	(revision 432)
@@ -0,0 +1,142 @@
+//Variables and operations
+@variable: value;
+@variable2; @variable + value;	// /*-+, etc...
+//Variables are a constant!
+
+//You can use variables in varnames - eval()??
+@varName: "This is the value";
+@var: "varName";
+property: @@var; // read this as: Paste @var into X for the expression 'property is variable X'
+//property = variable(variable(a));
+
+//Mixins
+.mixin {
+	border-top: 1px solid #fff;	//Compilation preserves, so can be used as actual class in HTML
+}
+.mixin () {
+	border-top: 1px solid #fff;	//Compilation does not preserve, only for LESS purposes.
+}
+.mixin (@color: #default) {
+	border-top: 1px solid @color;	//Arguments.
+}
+.mixin (@x: 0, @y: 0) {
+	margin: @arguments;	//Use this to get space-separated list of all arguments!
+}
+
+// The following two mixins use a switch argument, behaving like an if/else or switch(arg1){}.
+.mixin (black, @color) {
+	border-top: 1px solid #fff;
+	background-color: black;
+}
+.mixin (white, @color) {
+	border-top: 1px solid #fff;
+	background-color: white;
+}
+
+//Match on arity (argument count):
+.mixin (@a) {
+	content: "Only if one arg: @{a}";
+}
+.mixin (@a, @b) {
+	content: "When two args: @{a}, @{b}";
+}
+
+//GUARDS! When you want to match on expressions!
+.mixin (@a) when (lightness(@a) >= 50%) {
+	background-color: black;
+}
+
+.mixin (@a) when (isnumber(@a)), (isstring(@a)) {
+	//This matches when @a is a string OR number (comma separated guards)
+}
+.mixin (@a) when (iscolor(@a)) and (lightness(@a) < 50%) {
+	// This matches when @a is a color with lightness under 50% (AND separated guards)
+}
+.mixin (@a) when not (@a > 0) {
+	//derp. Not keyword werkt ook
+}
+
+/*Expressions:
+- iscolor
+- isnumber
+- isstring
+- iskeyword?
+- isurl
+
+isnumber specifiek:
+- ispixel
+- ispercentage
+- isem
+*/
+
+.parent {
+	.descendant {
+		//descendant selector, evaluates to .parent .descendant{}
+	}
+	&.concat {
+		//concatenate selector, evaluates to .parent.concat{}
+	}
+	&[dojo-type="Button"] {
+		// works as well, evaluates to .parent[dojo-type="Button"]{}
+	}
+	&:hover {
+		//sets hover property for .parent:hover !!
+	}
+}
+
+// Operations: Can be applied to all numbers, color and variables. //These can be nested as well!
+@base: 5%;
+@other: @base + #aaa; //apaarently, LESS understands and converts these units?
+@var123: 1px + 5; // Output will be in px as well, since you specified them.
+border: (@width * 2) solid black; // Use brackets in compound statements!
+
+// Color operations: all colours are first converted to HSL space
+lighten/darken	//lightness (%)
+saturate/desaturate	//saturation (%)
+fadein/fadeout/fade	//transparency. fade sets absolute alpha, the others are relative to @color passed in (%)
+spin //hue, degrees spun on colour wheel (unitless number)
+mix // mix two colours.
+
+hue/saturation/lightness/alpha //return these for @color passed as argument
+@new = hsl(hue(@old), 45%, 90%); // generate new colour
+
+//Math functions!
+round, ceil, floor	//do what you'd expect.
+percentage	//returns rational as percentage
+
+//NAMESPACES
+#nameSpace {
+	.button() {
+		//stuff
+	}
+}
+
+.header a {
+	#nameSpace > .button;	// Access namespace variables:) CANNOT DO THIS WITH VARIABLES!!!!
+}
+
+/* These will be added to compiled CSS */
+// These won't, and are for use in LESS sheet only
+
+@import "lib.less";
+@import "lib";	//assumed to be LESS file
+@import "file.css";	//normal css imports
+
+
+//String interpolation: Same as DOJO templates, with @ instead of $
+@base-url: "http://assets.fnord.com";
+background-image: url("@{base-url}/images/bg.png");
+
+//String escapes:
+~"stuffffff"; //Will be added to compiled CSS as-is. Useful for retarded MS-specific (invalid CSS) statements/hacks
+
+//Wait, WHUT
+//JAVASCRIPT EVALUATION?!?!?!?!
+
+@var: `"hello".toUpperCase() + '!'`; // Wrap stuff in backticks and it will eval before compilation! :D
+@str: "hello";
+@var: ~`"@{str}".toUpperCase() + '!'`;	//You can still use string interp for this! Why the ~ though?
+
+@height: `document.body.clientHeight`; //WTF. How does this even work if it is compiled serverside?
+@color: color(`window.colors.baseColor`);	//Use color() to parse JS colours as CSS colours
+@darkcolor: darken(@color, 10%);
Index: Dev/trunk/client/qed/css/pages/session.less
===================================================================
--- Dev/trunk/client/qed/css/pages/session.less	(revision 432)
+++ Dev/trunk/client/qed/css/pages/session.less	(revision 432)
@@ -0,0 +1,45 @@
+#rft.claro .rftSessionObject {
+    .noOffset;
+    width: @sessionobject_size;
+    height: @sessionobject_size;
+    background: @headers;
+    margin: @std_offset_big;
+    display: inline-block;
+
+
+    .rftIcon {
+        .setIcon (32px);
+        @iconOffsetX: ((@sessionobject_size - 32px)/2);
+        margin: @std_offset_big @iconOffsetX 0 @iconOffsetX;
+    }
+
+    label {
+        .noOffset;
+        float: left;
+        clear: both;
+        width: @sessionobject_size;
+        text-align: center;
+        color: @text;
+        overflow: hidden;
+    }
+
+    &.blue {
+        background-color: @blue;
+        &.selected {
+            background-color: @blue_light;
+        }
+    }
+    &.green {
+        background-color: @green;
+        &.selected {
+            background-color: @green_light;
+        }
+    }
+    &.red {
+        background-color: @red;
+        &.selected {
+            background-color: @red_light;
+        }
+    }
+    
+}
Index: Dev/trunk/client/qed/css/qed.css
===================================================================
--- Dev/trunk/client/qed/css/qed.css	(revision 432)
+++ Dev/trunk/client/qed/css/qed.css	(revision 432)
@@ -0,0 +1,1291 @@
+@import "dijit/claro.css";
+DESCRIPTION {
+  /*
+How to use colour system:
+Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
+Colour classes: Red, Blue, Green, Orange, Purple
+Modifer classes:
+- textColor: Change the font colour of element to the "colour" class combined with.
+- bgColor: Change the background colour to the "colour" class combined with.
+- doesHover: If present in combination with one of the above two modifiers, 
+the element will shift it's background- or text colour to a lighter version on hover.
+- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
+- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
+NOTE: .doesHover does nothing in combination with the above two modifiers!
+*/
+
+}
+#rft.claro .blue.textColor {
+  color: #0072bc;
+}
+#rft.claro .blue.textColor.doesHover:hover {
+  color: #0794d1;
+}
+#rft.claro .blue.bgColor {
+  background-color: #0072bc;
+  color: #ffffff;
+}
+#rft.claro .blue.bgColor.doesHover:hover {
+  background-color: #0794d1;
+  color: #111111;
+}
+#rft.claro .blue.hoverTextColor:hover {
+  color: #0072bc;
+}
+#rft.claro .blue.hoverBgColor:hover {
+  background-color: #0072bc;
+}
+#rft.claro .red.textColor {
+  color: #8c0310;
+}
+#rft.claro .red.textColor.doesHover:hover {
+  color: #bd0013;
+}
+#rft.claro .red.bgColor {
+  background-color: #8c0310;
+  color: #ffffff;
+}
+#rft.claro .red.bgColor.doesHover:hover {
+  background-color: #bd0013;
+  color: #111111;
+}
+#rft.claro .red.hoverTextColor:hover {
+  color: #8c0310;
+}
+#rft.claro .red.hoverBgColor:hover {
+  background-color: #8c0310;
+}
+#rft.claro .orange.textColor {
+  color: #ff5b12;
+}
+#rft.claro .orange.textColor.doesHover:hover {
+  color: #ff9140;
+}
+#rft.claro .orange.bgColor {
+  background-color: #ff5b12;
+  color: #ffffff;
+}
+#rft.claro .orange.bgColor.doesHover:hover {
+  background-color: #ff9140;
+  color: #111111;
+}
+#rft.claro .orange.hoverTextColor:hover {
+  color: #ff5b12;
+}
+#rft.claro .orange.hoverBgColor:hover {
+  background-color: #ff5b12;
+}
+#rft.claro .green.textColor {
+  color: #25a000;
+}
+#rft.claro .green.textColor.doesHover:hover {
+  color: #63c400;
+}
+#rft.claro .green.bgColor {
+  background-color: #25a000;
+  color: #ffffff;
+}
+#rft.claro .green.bgColor.doesHover:hover {
+  background-color: #63c400;
+  color: #111111;
+}
+#rft.claro .green.hoverTextColor:hover {
+  color: #25a000;
+}
+#rft.claro .green.hoverBgColor:hover {
+  background-color: #25a000;
+}
+#rft.claro .purple.textColor {
+  color: #6529b7;
+}
+#rft.claro .purple.textColor.doesHover:hover {
+  color: #993dec;
+}
+#rft.claro .purple.bgColor {
+  background-color: #6529b7;
+  color: #ffffff;
+}
+#rft.claro .purple.bgColor.doesHover:hover {
+  background-color: #993dec;
+  color: #111111;
+}
+#rft.claro .purple.hoverTextColor:hover {
+  color: #6529b7;
+}
+#rft.claro .purple.hoverBgColor:hover {
+  background-color: #6529b7;
+}
+#rft.claro .textColor,
+#rft.claro .hoverTextColor {
+  transition: color 0.2s;
+}
+#rft.claro .bgColor,
+#rft.claro .hoverBgColor {
+  transition: background-color 0.2s;
+}
+/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
+ * These changes should be moved to relevant stylesheets as soon as possible!
+*/
+/* Menu.css */
+.claro .topbar .dijitMenuitem {
+  width: 90px;
+  background-image: none;
+  background-position: top;
+  text-align: center;
+}
+.claro .dijitMenuPassive .dijitMenuItemHover,
+.claro .dijitMenuPassive .dijitMenuItemSelected {
+  background-color: transparent;
+  color: #ffffff;
+  border: none;
+  padding: 0 4px;
+}
+.claro .dijitMenuPassive .dijitMenuItemActive {
+  background-position: top;
+}
+/* layout/BorderContainer.css */
+.claro .dijitSplitContainer-child,
+.claro .dijitBorderContainer-child {
+  border: none;
+}
+.claro .dijitTabContainerTop-dijitContentPane,
+.claro .dijitTabContainerLeft-dijitContentPane,
+.claro .dijitTabContainerBottom-dijitContentPane,
+.claro .dijitTabContainerRight-dijitContentPane,
+.claro .dijitAccordionContainer-dijitContentPane {
+  background-color: transparent;
+}
+.claro .dijitSplitContainer-dijitContentPane,
+.claro .dijitBorderContainer-dijitContentPane {
+  background-color: transparent;
+}
+/* layout/TabContainer.css */
+.claro .dijitTabPaneWrapper {
+  background: transparent;
+}
+.claro .dijitTabInnerDiv {
+  background-color: transparent;
+  color: #999999;
+  border: none;
+}
+.claro .dijitTabContent {
+  border: none;
+}
+.claro .dijitTabHover .dijitTabInnerDiv {
+  background-color: transparent;
+  color: #ffffff;
+}
+.claro .dijitTabActive .dijitTabInnerDiv {
+  color: #0072bc;
+}
+.claro .dijitTabChecked .dijitTabInnerDiv {
+  background-color: transparent;
+  color: #ffffff;
+}
+.claro .dijitTabContent {
+  border: 1px solid #999999;
+}
+.claro .dijitTabHover .dijitTabContent {
+  border-color: #ffffff;
+}
+.claro .dijitTabActive .dijitTabContent {
+  border-color: transparent;
+}
+.claro .dijitTabChecked .dijitTabContent {
+  color: #ffffff;
+  border-color: #0072bc;
+}
+/*lefttabs*/
+.claro .dijitTabContainerLeft-tabs .dijitTab {
+  border-width: 1px;
+  left: 0;
+  margin-bottom: 4px;
+  margin-right: 8px;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
+  border: none;
+  background: transparent;
+  background-image: none;
+  background-position: top;
+  background-repeat: no-repeat;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabContent {
+  padding: 3px 8px 4px 8px;
+  background-image: none;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
+  padding-right: 8px;
+  background-image: none;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
+.claro .dijitTabContainerLeft-tabs .dijitTabContent {
+  -moz-border-radius: 0;
+  border-radius: 0;
+  border: none;
+}
+#rft.claro .topbar {
+  overflow-y: hidden;
+}
+#rft.claro .topbar .dijitMenuBar {
+  border: none;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  background-color: transparent;
+  float: right;
+  clear: right;
+  margin-top: 16px;
+}
+#rft.claro .topbar .breadcrumbs {
+  color: #999999;
+}
+#rft.claro .topbar .breadcrumbs .breadcrumb {
+  font-size: 13px;
+}
+#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbCurrent {
+  color: #ffffff;
+  font-size: 15px;
+}
+#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbHover {
+  color: #0072bc;
+}
+#rft.claro .dijitBorderContainer,
+#rft.claro .dijitContentPane,
+#rft.claro .dijitTabContainer,
+#rft.claro .dijitTabPaneWrapper {
+  background: transparent;
+  border: none;
+}
+#rft.claro .dijitContentPane.page {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+}
+#rft.claro .dijitContentPane.content {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  display: block;
+  clear: both;
+  background-color: #555555;
+  background-image: -webkit-gradient(50% 50%, circle, #666666 1%, #444444 100%);
+  -moz-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
+  -o-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
+  -ms-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
+  background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
+}
+#rft.claro .dijitContentPane.content .dijitBorderContainer {
+  padding: 4px;
+}
+#rft.claro .verticalTabList {
+  width: 190px;
+}
+#rft.claro .dijitTab {
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  transition: all 0.2s;
+  background-color: transparent;
+  padding: 4px 8px;
+  color: #999999;
+  overflow: hidden;
+}
+#rft.claro .dijitTabContainerLeft-tabs {
+  border: none;
+  padding: 4px;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab {
+  margin: 4px;
+  width: 200px;
+  min-height: 30px;
+  border: 1px solid #999999;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
+  min-height: 30px;
+  line-height: 30px;
+  width: 190px;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+  color: #ffffff;
+  border: 1px solid transparent;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked.dijitTabHover {
+  border: 1px solid transparent;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabHover {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+  color: #ffffff;
+  border-color: #ffffff;
+}
+#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabActive {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+  color: #999999;
+}
+#rft.claro.blue .dijitTabChecked,
+#rft.claro .blue .dijitTabChecked,
+#rft.claro div.blue.dijitTabChecked {
+  background-color: #0072bc;
+}
+#rft.claro.green .dijitTabChecked,
+#rft.claro .green .dijitTabChecked,
+#rft.claro div.green.dijitTabChecked {
+  background-color: #25a000;
+}
+#rft.claro.red .dijitTabChecked,
+#rft.claro .red .dijitTabChecked,
+#rft.claro div.red.dijitTabChecked {
+  background-color: #8c0310;
+}
+#rft.claro.orange .dijitTabChecked,
+#rft.claro .orange .dijitTabChecked,
+#rft.claro div.orange.dijitTabChecked {
+  background-color: #ff5b12;
+}
+#rft.claro.purple .dijitTabChecked,
+#rft.claro .purple .dijitTabChecked,
+#rft.claro div.purple.dijitTabChecked {
+  background-color: #6529b7;
+}
+#rft.claro .dijitMenuPopup .dijitMenu {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  color: #999999;
+  background-color: #333333;
+  border: none;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem {
+  color: #999999;
+  border: none;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  background-color: #333333;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuItemLabel,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel {
+  color: #ffffff;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.red,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.red,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.red {
+  background-color: #8c0310;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.blue,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.blue,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.blue {
+  background-color: #0072bc;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.green,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.green,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.green {
+  background-color: #25a000;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.orange,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.orange,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.orange {
+  background-color: #ff5b12;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.purple,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.purple,
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.purple {
+  background-color: #6529b7;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16.png');
+  margin: 0 0 0 0;
+  margin-right: 8px;
+}
+#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16b.png');
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane {
+  margin: 0 0 0 0;
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  margin: 0 0 0 0;
+  background-color: #ff5b12;
+  border: none;
+  padding: 0 4px;
+  height: 24px;
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleHover,
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleFocused {
+  background-color: #ff9140;
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTextNode {
+  color: #ffffff;
+  font-size: 13px;
+  line-height: 24px;
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneContentOuter {
+  background-color: #444444;
+  border: none;
+}
+#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitleFocus {
+  margin: 0 0 0 0;
+}
+#rft.claro {
+  font-family: 'Segoe UI', Helvetica, Verdana, Arial, sans-serif;
+  font-size: 13px;
+  color: #111111;
+}
+#rft.claro a {
+  color: inherit;
+}
+#rft.claro h1 {
+  margin: 0 0 0 0;
+  padding: 0 10px 8px 10px;
+  float: left;
+  clear: left;
+  font-size: 48px;
+  color: #999999;
+  line-height: 48px;
+  font-weight: normal;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+#rft.claro h2 {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  color: #999999;
+  font-size: 22px;
+  line-height: 30px;
+}
+#rft.claro h2 .rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32.png');
+  margin-right: 8px;
+}
+#rft.claro h3 {
+  margin: 0 0 0 0;
+  font-size: 18px;
+  margin-bottom: 4px;
+}
+#rft.claro h4 {
+  font-size: 16px;
+}
+#rft.claro .rftIcon {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  float: left;
+  display: inline-block;
+  border: none;
+  background-color: transparent;
+  background-repeat: no-repeat;
+}
+#rft .rftIconApplication {
+  background-position: 0px 0px;
+}
+#rft .rftIconDashboard {
+  background-position: -32px 0px;
+}
+#rft .rftIconSession {
+  background-position: -64px 0px;
+}
+#rft .rftIconSessionActive {
+  background-position: -96px 0px;
+}
+#rft .rftIconSessionTemplate {
+  background-position: -128px 0px;
+}
+#rft .rftIconSurvey {
+  background-position: -160px 0px;
+}
+#rft .rftIconQuestion {
+  background-position: -192px 0px;
+}
+#rft .rftIconQuestionFill {
+  background-position: -224px 0px;
+}
+#rft .rftIconRespondent {
+  background-position: -256px 0px;
+}
+#rft .rftIconAnswer {
+  background-position: -288px 0px;
+}
+#rft .rftIconAnswerSet {
+  background-position: -320px 0px;
+}
+#rft .rftIconGameData {
+  background-position: -352px 0px;
+}
+#rft .rftIconUser {
+  background-position: -384px 0px;
+}
+#rft .rftIconAccept {
+  background-position: -416px 0px;
+}
+#rft .rftIconCancel {
+  background-position: -448px 0px;
+}
+#rft .rftIconPlus {
+  background-position: -480px 0px;
+}
+#rft .rftIconMinus {
+  background-position: -512px 0px;
+}
+#rft .rftIconIncrease {
+  background-position: -544px 0px;
+}
+#rft .rftIconDecrease {
+  background-position: -576px 0px;
+}
+#rft .rftIconDelete {
+  background-position: -608px 0px;
+}
+#rft .rftIconHome {
+  background-position: -640px 0px;
+}
+#rft .rftIconPreview {
+  background-position: -672px 0px;
+}
+#rft .rftIconSave {
+  background-position: -704px 0px;
+}
+#rft .rftIconDiscard {
+  background-position: -736px 0px;
+}
+#rft .rftIconProperties {
+  background-position: -768px 0px;
+}
+#rft .rftIconUndo {
+  background-position: -800px 0px;
+}
+#rft .rftIconRedo {
+  background-position: -832px 0px;
+}
+#rft .rftIconBack {
+  background-position: -864px 0px;
+}
+#rft .rftIconForward {
+  background-position: -896px 0px;
+}
+#rft .rftIconRefresh {
+  background-position: -928px 0px;
+}
+#rft .rftIconHelp {
+  background-position: -960px 0px;
+}
+#rft .rftIconInspect {
+  background-position: -992px 0px;
+}
+#rft .rftIconTag {
+  background-position: -1024px 0px;
+}
+#rft .rftIconImage {
+  background-position: -1056px 0px;
+}
+#rft .rftIconEdit {
+  background-position: -1088px 0px;
+}
+#rft .rftIconLock {
+  background-position: -1120px 0px;
+}
+#rft .rftIconUnlock {
+  background-position: -1152px 0px;
+}
+#rft .rftIconPreset {
+  background-position: -1184px 0px;
+}
+#rft .rftIconTextBlock {
+  background-position: -1216px 0px;
+}
+#rft .rftIconPageBreak {
+  background-position: -1248px 0px;
+}
+#rft .rftIconExternal {
+  background-position: -1280px 0px;
+}
+#rft .rftIconInput {
+  background-position: -1312px 0px;
+}
+#rft .rftIconPublish {
+  background-position: -1344px 0px;
+}
+#rft .rftIconFullArrowUp {
+  background-position: -1696px 0px;
+}
+#rft .rftIconFullArrowDown {
+  background-position: -1728px 0px;
+}
+#rft .rftIconFullArrowLeft {
+  background-position: -1760px 0px;
+}
+#rft .rftIconFullArrowRight {
+  background-position: -1792px 0px;
+}
+#rft .rftIconHalfArrowUp {
+  background-position: -1824px 0px;
+}
+#rft .rftIconHalfArrowDown {
+  background-position: -1856px 0px;
+}
+#rft .rftIconHalfArrowLeft {
+  background-position: -1888px 0px;
+}
+#rft .rftIconHalfArrowRight {
+  background-position: -1920px 0px;
+}
+*:focus {
+  outline: none;
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+  background-color: #333333;
+}
+#rft.claro fieldset {
+  border: none;
+}
+#rft.claro fieldset.align input,
+#rft.claro fieldset.align .dijitTextBox,
+#rft.claro fieldset.align textarea {
+  margin-left: 0;
+}
+#rft.claro fieldset.align label {
+  color: #ffffff;
+  display: inline-block;
+  width: 100px !important;
+}
+#rft.claro .newline {
+  float: left;
+  clear: left;
+  display: block;
+}
+#rft.claro .floatRight {
+  float: right;
+  margin: 0 0 0 0;
+}
+#rft.claro .qedInfo {
+  max-width: 500px;
+}
+#rft.claro .qedLabel {
+  display: inline-block;
+  float: left;
+  width: 150px;
+}
+#rft.claro .qedField {
+  max-width: 350px;
+  display: inline-block;
+}
+#rft.claro .qedField.qedFill {
+  width: 350px;
+}
+#rft.claro .qedFieldset {
+  margin: 1em 0px;
+  border: 1px solid grey;
+}
+#rft.claro .rftIndexMenuBlock {
+  width: 400px;
+  height: 400px;
+  background: #444444;
+  float: left;
+  margin: 16px;
+  overflow: hidden;
+}
+#rft.claro .rftIndexMenuBlock:hover .rftIndexMenuMask {
+  margin-top: -400px;
+}
+#rft.claro .rftIndexMenuMask {
+  width: 400px;
+  height: 400px;
+  background: #444444;
+  color: #999999;
+  margin-top: 0;
+}
+#rft.claro .rftIndexMenuMask .label {
+  color: #999999;
+  font-size: 32px;
+  height: 32px;
+  line-height: 32px;
+  margin-top: 184px;
+  float: left;
+}
+#rft.claro .rftIndexMenuMask .rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32.png');
+  float: left;
+  margin: 184px 8px 0 8px;
+}
+#rft.claro .rftIndexMenuButton {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+  line-height: 32px;
+  border: none;
+}
+#rft.claro .rftIndexMenuButton .dijitButtonNode {
+  border: none;
+  color: #999999;
+  font-size: 22px;
+}
+#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents {
+  vertical-align: top;
+}
+#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32.png');
+  margin: 0 8px;
+}
+#rft.claro .rftIndexMenuButton.oneHeight {
+  height: 100px;
+  width: 400px;
+}
+#rft.claro .rftIndexMenuButton.oneHeight .dijitButtonNode {
+  margin: 38px 0 0 0;
+}
+#rft.claro .rftIndexMenuButton.twoHeight {
+  height: 200px;
+  width: 400px;
+}
+#rft.claro .rftIndexMenuButton.twoHeight .dijitButtonNode {
+  margin: 88px 0 0 0;
+}
+#rft.claro .rftIndexMenuButton.fourHeight {
+  height: 400px;
+  width: 400px;
+}
+#rft.claro .rftIndexMenuButton.fourHeight .dijitButtonNode {
+  margin: 188px 0 0 0;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover {
+  color: #ffffff;
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover .dijitButtonText {
+  color: #ffffff;
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.blue {
+  background-color: #0072bc;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.red {
+  background-color: #8c0310;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.green {
+  background-color: #25a000;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.orange {
+  background-color: #ff5b12;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.purple {
+  background-color: #6529b7;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive {
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+  color: #111111;
+  background: #ffffff;
+}
+#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive .rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32b.png');
+}
+#rft.claro .dijitMenuBar .rftMainMenuButton {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+  border: none;
+  height: 30px;
+  width: auto;
+  background: transparent;
+  color: #999999;
+  text-align: center;
+  font-size: 24px;
+  line-height: 30px;
+  padding: 0 4px;
+  margin: 0 5px;
+}
+#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover,
+#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuitemActive {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+}
+#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover {
+  color: #ffffff;
+  font-size: 26px;
+}
+#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemActive {
+  color: #0072bc;
+  font-size: 26px;
+}
+#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemSelected {
+  font-size: 26px;
+  color: #ffffff;
+}
+#rft.claro .rftMultipleChoiceWidget {
+  display: table;
+}
+#rft.claro .rftMultipleChoiceWidget .row {
+  display: table-row;
+}
+#rft.claro .rftMultipleChoiceWidget .rowBox {
+  display: table-cell;
+}
+#rft.claro .rftMultipleChoiceWidget .rowText {
+  display: table-cell;
+  width: 100px;
+}
+#rft.claro .rftMultipleChoiceWidget .rowBtn {
+  display: table-cell;
+  width: 30px;
+}
+#rft.claro .rftLineListView {
+  max-width: 300px;
+  max-height: 500px;
+}
+#rft.claro .rftLineListView .rftLineListViewContent {
+  width: auto;
+  overflow: auto;
+}
+#rft.claro .rftSelector {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  margin: 4px;
+}
+#rft.claro .rftSelector .rftLineWithActions {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+}
+#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  float: left;
+  width: 8px;
+  height: 24px;
+  background-color: #bedead;
+}
+#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.conflict {
+  background-color: #ff0000;
+}
+#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.pending {
+  background-color: #ff8000;
+}
+#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.success {
+  background-color: #00ff00;
+}
+#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions,
+#rft.claro .rftSelector .rftSelectorSelected .rftLineWithActions {
+  background-color: #ffffff;
+  color: #111111;
+}
+#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions .rftInlineButton .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16b.png');
+}
+#rft.claro .rftObjectBox {
+  margin: 8px 0;
+}
+#rft.claro .rftObjectBox .rftLineWithActions {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+}
+#rft.claro .rftLargeButton {
+  border: none;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  margin-right: 16px;
+  height: 24px;
+}
+#rft.claro .rftLargeButton*,
+#rft.claro .rftLargeButton * {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+#rft.claro .rftLargeButton .dijitButtonNode {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  border: none;
+  height: 24px;
+  background: transparent;
+  color: #999999;
+  font-size: 20px;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+}
+#rft.claro .rftLargeButton .dijitButtonNode .rftIcon {
+  width: 24px;
+  height: 24px;
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons24.png');
+}
+#rft.claro .rftLargeButton .dijitButtonNode .dijitButtonText {
+  line-height: 24px;
+  margin: 0 0 0 0;
+  padding-left: 8px;
+}
+#rft.claro .rftLargeButton.black .dijitButtonNode .rftIcon {
+  width: 24px;
+  height: 24px;
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons24b.png');
+}
+#rft.claro .rftLargeButton.rftLargeButtonHover .dijitButtonNode,
+#rft.claro .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+}
+#rft.claro span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+#rft.claro .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  color: #0794d1;
+}
+#rft.claro span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+#rft.claro .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  color: #ff9140;
+}
+#rft.claro span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+#rft.claro .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  color: #63c400;
+}
+#rft.claro span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+#rft.claro .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  color: #bd0013;
+}
+#rft.claro span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+#rft.claro .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+  color: #993dec;
+}
+#rft.claro .rftBlockButton {
+  border: none;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  margin: 0 0 0 0;
+  height: 24px;
+  vertical-align: top;
+}
+#rft.claro .rftBlockButton .dijitButtonContents {
+  height: 24px;
+}
+#rft.claro .rftBlockButton .dijitButtonNode {
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+  line-height: 24px;
+  vertical-align: top;
+  height: 24px;
+  padding: 0 4px;
+  border: none;
+  color: #ffffff;
+  font-size: 13px;
+}
+#rft.claro .rftBlockButton .dijitButtonNode .dijitButtonText {
+  line-height: 24px;
+}
+#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16.png');
+}
+#rft.claro .rftBlockButton.rftBlockButtonHover,
+#rft.claro .rftBlockButton.rftBlockButtonActive {
+  -webkit-transition: all 0.1s;
+  -moz-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  -ms-transition: all 0.1s;
+  transition: all 0.1s;
+}
+#rft.claro .rftBlockButton.rftBlockButtonHover .rftIcon,
+#rft.claro .rftBlockButton.rftBlockButtonActive .rftIcon {
+  vertical-align: top;
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16b.png');
+}
+#rft.claro .rftInlineButton {
+  float: right;
+  height: 24px;
+  width: 24px;
+}
+#rft.claro .rftInlineButton .dijitButtonNode {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  width: 24px;
+  height: 24px;
+  border: none;
+}
+#rft.claro .rftInlineButton .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16.png');
+}
+#rft.claro .rftInlineButton.white .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16.png');
+}
+#rft.claro .rftInlineButton.black .rftIcon {
+  width: 16px;
+  height: 16px;
+  margin: 4px 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons16b.png');
+}
+#rft.claro .rftLineWithActions {
+  border: none;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  position: relative;
+  height: 24px;
+  white-space: nowrap;
+  margin: 4px 0;
+  color: #ffffff;
+  background-color: #0072bc;
+}
+#rft.claro .rftLineWithActions.dojoDndItem {
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  transition: all 0.2s;
+}
+#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemBefore {
+  margin-top: 6px;
+  border-top: 6px solid #ffffff;
+}
+#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAfter {
+  margin-bottom: 6px;
+  border-bottom: 6px solid #ffffff;
+}
+#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemover,
+#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAnchor {
+  background-image: none;
+  border: none;
+  padding: 2px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+#rft.claro .rftLineWithActions .rftLineWithActionsTitle {
+  float: left;
+  margin: 0 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  word-wrap: break-word;
+  line-height: 24px;
+}
+#rft.claro .rftLineWithActions .rftLineWithActionsButtons {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  line-height: 24px;
+  height: 24px;
+  position: absolute;
+  right: 0;
+  float: left;
+}
+#rft.claro .dojoDndSourceMoved .rftLineWithActions.dojoDndItemAnchor {
+  height: 0;
+}
+#rft.claro .rftSurveyListView .rftSurveyListViewContent {
+  min-height: 300px;
+  background: #444444;
+  overflow: auto;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
+  background-color: #ff5b12;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
+  background-color: #ffffff;
+  color: #111111;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
+  background-color: #ff00ff;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
+  background-color: #ff5b12;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
+  background-color: #ffffff;
+  color: #111111;
+}
+#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
+  background-color: #ff9140;
+  color: #ffffff;
+}
+#rft.claro .page_sessions .rftObjectBox {
+  padding: 0 0 0 0;
+  color: #ffffff;
+}
+#rft.claro .page_sessions .rftObjectBox .typeIcon.rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32.png');
+}
+#rft.claro .page_sessions .rftObjectBox .rftLineWithActions {
+  background-color: #25a000;
+}
+#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton .dijitButtonNode {
+  background-color: #25a000;
+}
+#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitHover .dijitButtonNode {
+  background-color: #ffffff;
+  color: #111111;
+}
+#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitActive .dijitButtonNode {
+  background-color: #63c400;
+  color: #ffffff;
+}
+#rft.claro .rftSessionObject {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  width: 100px;
+  height: 100px;
+  background: #999999;
+  margin: 8px;
+  display: inline-block;
+}
+#rft.claro .rftSessionObject .rftIcon {
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0 0 0 0;
+  background-image: url('images/icons/rftIcons32.png');
+  margin: 8px 34px 0 34px;
+}
+#rft.claro .rftSessionObject label {
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  float: left;
+  clear: both;
+  width: 100px;
+  text-align: center;
+  color: #ffffff;
+  overflow: hidden;
+}
+#rft.claro .rftSessionObject.blue {
+  background-color: #0072bc;
+}
+#rft.claro .rftSessionObject.blue.selected {
+  background-color: #0794d1;
+}
+#rft.claro .rftSessionObject.green {
+  background-color: #25a000;
+}
+#rft.claro .rftSessionObject.green.selected {
+  background-color: #63c400;
+}
+#rft.claro .rftSessionObject.red {
+  background-color: #8c0310;
+}
+#rft.claro .rftSessionObject.red.selected {
+  background-color: #bd0013;
+}
Index: Dev/trunk/client/qed/css/qed.less
===================================================================
--- Dev/trunk/client/qed/css/qed.less	(revision 432)
+++ Dev/trunk/client/qed/css/qed.less	(revision 432)
@@ -0,0 +1,37 @@
+// Variables, mixins and configuration
+@import "variables.less";
+@import "mixins.less";
+@import "colors.less";
+
+// Claro and Dijit/DojoX widgets
+@import "dijit/claro.css";
+@import "dijit/overrides.less";
+@import "dijit/topbar.less";
+@import "dijit/ContentPane.less";
+@import "dijit/TabContainer.less";
+@import "dijit/MenuPopup.less";
+@import "dijit/TitleGroup.less";
+
+// General
+@import "fonts.less";
+@import "icons.less";
+@import "layout.less";
+@import "forms.less";
+
+// Widgets
+@import "ui/IndexMenu.less";
+@import "ui/MainMenu.less";
+@import "widgets/MultipleChoiceWidget.less";
+@import "widgets/lists/List.less";
+@import "widgets/Selector.less";
+@import "widgets/ObjectBox.less";
+@import "widgets/LargeButton.less";
+@import "widgets/BlockButton.less";
+@import "widgets/InlineButton.less";
+@import "widgets/LineWithActions.less";
+@import "model/widgets/QuestionListView.less";
+
+// Pages
+@import "pages/questions.less";
+@import "pages/sessions.less";
+@import "pages/session.less";
Index: Dev/trunk/client/qed/css/questionEditor.less
===================================================================
--- Dev/trunk/client/qed/css/questionEditor.less	(revision 431)
+++ 	(revision )
@@ -1,43 +1,0 @@
-#rft {
-	&.claro {
-
-		.dojoxTitleGroup {
-			.dijitTitlePane {
-				.noMargin;
-
-				.dijitTitlePaneTitle {
-					.flatShading;
-					.noMargin;
-					background-color: @orange;
-					border: none;
-					padding: 0 @std_offset;
-					height: @std_height;
-
-					&.dijitTitlePaneTitleHover,
-					&.dijitTitlePaneTitleFocused {
-						background-color: @orange_light;
-					}
-
-				}
-
-				.dijitTitlePaneTextNode {
-					color: @text;
-					font-size: @font_size;
-					line-height: @std_height;
-				}
-
-				.dijitTitlePaneContentOuter {
-					background-color: @base1;
-					border: none;
-				}
-
-				.dijitTitlePaneTitleFocus {
-					.noMargin;
-				}
-			}
-
-
-		}
-
-	}
-}
Index: Dev/trunk/client/qed/css/rftButtons.less
===================================================================
--- Dev/trunk/client/qed/css/rftButtons.less	(revision 431)
+++ 	(revision )
@@ -1,166 +1,0 @@
-#rft {
-	&.claro {
-		
-		//LARGEBUTTON---------------------------------
-		.rftLargeButton {
-
-			.flatShading;
-			margin-right: @button_large_spacing;
-			height: @button_large_height;
-
-			&*, * {
-				-webkit-user-select: none;
-				-moz-user-select: none;
-				-ms-user-select: none;
-				user-select: none;
-			}
-
-			.dijitButtonNode {
-
-				.flatShading;
-				border: none;
-				height: @button_large_height;
-				background: transparent;
-				color: @headers;
-				font-size: @button_large_font_size;
-				.transition(0.3s);
-
-				.rftIcon {
-					.setIcon(24px);
-				}
-
-				.dijitButtonText {
-					line-height: @button_large_height;
-					.noMargin;
-					padding-left: @std_offset_big;
-				}
-			}
-			
-			&.black .dijitButtonNode .rftIcon {
-				.setIcon(24px, black);
-			}
-
-			&.rftLargeButtonHover .dijitButtonNode,
-			&.rftLargeButtonActive .dijitButtonNode {
-				.transition (0.1s);
-			}
-		}
-
-		//colors on hover
-		span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-		.blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-			color: @blue_light;
-		}
-		span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-		.orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-			color: @orange_light;
-		}
-		span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-		.green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-			color: @green_light;
-		}
-		span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-		.red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-			color: @red_light;
-		}
-		span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
-		.purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
-			color: @purple_light;
-		}
-
-		//BLOCKBUTTON---------------------------------
-		.rftBlockButton {
-			
-			.flatShading;
-			.noMargin;
-			height: @button_block_height;
-			vertical-align: top;
-
-			.dijitButtonContents {
-				height: 24px;
-			}
-
-			.dijitButtonNode {
-				.flatShading;
-				.transition (0.3s);
-				line-height: @button_block_height;
-				vertical-align: top;
-				height: @button_block_height;
-				padding: 0 @std_offset;
-				border: none;
-				color: @text;
-				font-size: @button_block_font_size;
-
-				.dijitButtonText {
-					line-height: @button_block_height;
-				}
-
-				.rftIcon {
-					.setIcon(16px);
-				}
-			}
-
-			&.rftBlockButtonHover, 
-			&.rftBlockButtonActive {
-				.transition (0.1s);
-				.rftIcon {
-					vertical-align: top;
-					.setIcon(16px, black);
-				}
-			}
-
-			//Disabled because this is presumably useless
-			// &.blue {
-			// 	.blockButtonColorMixin ("blue");
-			// }
-			// &.green {
-			// 	.blockButtonColorMixin ("green");
-			// }
-			// &.orange {
-			// 	.blockButtonColorMixin ("orange");
-			// }
-			// &.red {
-			// 	.blockButtonColorMixin ("red");
-			// }
-			// &.purple {
-			// 	.blockButtonColorMixin ("purple");
-			// }
-		}
-
-		
-
-		
-
-
-		//INLINEBUTTON---------------------------------
-		.rftInlineButton {
-			float: right;
-			height: @button_inline_height;
-			width: @button_inline_height;
-
-			.dijitButtonNode {
-				.noOffset;
-				.flatShading;
-				width: @button_inline_height;
-				height: @button_inline_height;
-				border: none;
-			}
-
-			.rftIcon {
-				.setIcon(16px);
-			}
-			&.white .rftIcon {
-				.setIcon(16px);
-			}
-			&.black .rftIcon {
-				.setIcon(16px, black);
-			}
-
-			&.dijitHover {
-				.rftIcon {
-					// outline: @headers solid thin;
-				}
-			}
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/rftIcons.less
===================================================================
--- Dev/trunk/client/qed/css/rftIcons.less	(revision 431)
+++ 	(revision )
@@ -1,168 +1,0 @@
-#rft {
-	&.claro {
-		.rftIcon {
-			.noOffset;
-			float: left;
-			display: inline-block;
-			border: none;
-			background-color: transparent;
-			background-repeat: no-repeat;
-		}
-	}
-
-	.rftIconApplication {
-		background-position: 0px 0px;
-	}
-	.rftIconDashboard {
-		background-position: -32px 0px;
-	}
-	.rftIconSession {
-		background-position: -64px 0px;
-	}
-	.rftIconSessionActive {
-		background-position: -96px 0px;
-	}
-	.rftIconSessionTemplate {
-		background-position: -128px 0px;
-	}
-	.rftIconSurvey {
-		background-position: -160px 0px;
-	}
-	.rftIconQuestion {
-		background-position: -192px 0px;
-	}
-	.rftIconQuestionFill {
-		background-position: -224px 0px;
-	}
-	.rftIconRespondent {
-		background-position: -256px 0px;
-	}
-	.rftIconAnswer {
-		background-position: -288px 0px;
-	}
-	.rftIconAnswerSet {
-		background-position: -320px 0px;
-	}
-	.rftIconGameData {
-		background-position: -352px 0px;
-	}
-	.rftIconUser {
-		background-position: -384px 0px;
-	}
-		//Actions
-	.rftIconAccept {
-		background-position: -416px 0px;
-	}
-	.rftIconCancel {
-		background-position: -448px 0px;
-	}
-	.rftIconPlus {
-		background-position: -480px 0px;
-	}
-	.rftIconMinus {
-		background-position: -512px 0px;
-	}
-	.rftIconIncrease {
-		background-position: -544px 0px;
-	}
-	.rftIconDecrease {
-		background-position: -576px 0px;
-	}
-	.rftIconDelete {
-		background-position: -608px 0px;
-	}
-	.rftIconHome {
-		background-position: -640px 0px;
-	}
-	.rftIconPreview {
-		background-position: -672px 0px;
-	}
-	.rftIconSave {
-		background-position: -704px 0px;
-	}
-	.rftIconDiscard {
-		background-position: -736px 0px;
-	}
-	.rftIconProperties {
-		background-position: -768px 0px;
-	}
-	.rftIconUndo {
-		background-position: -800px 0px;
-	}
-	.rftIconRedo {
-		background-position: -832px 0px;
-	}
-	.rftIconBack {
-		background-position: -864px 0px;
-	}
-	.rftIconForward {
-		background-position: -896px 0px;
-	}
-	.rftIconRefresh {
-		background-position: -928px 0px;
-	}
-	.rftIconHelp {
-		background-position: -960px 0px;
-	}
-	.rftIconInspect {
-		background-position: -992px 0px;
-	}
-	.rftIconTag {
-		background-position: -1024px 0px;
-	}
-	.rftIconImage {
-		background-position: -1056px 0px;
-	}
-	.rftIconEdit {
-		background-position: -1088px 0px;
-	}
-	.rftIconLock {
-		background-position: -1120px 0px;
-	}
-	.rftIconUnlock {
-		background-position: -1152px 0px;
-	}
-	.rftIconPreset {
-		background-position: -1184px 0px;
-	}
-	.rftIconTextBlock {
-		background-position: -1216px 0px;
-	}
-	.rftIconPageBreak {
-		background-position: -1248px 0px;
-	}
-	.rftIconExternal {
-		background-position: -1280px 0px;
-	}
-	.rftIconInput {
-		background-position: -1312px 0px;
-	}
-	.rftIconPublish {
-		background-position: -1344px 0px;
-	}
-	//Arrows
-	.rftIconFullArrowUp {
-		background-position: -1696px 0px;
-	}
-	.rftIconFullArrowDown {
-		background-position: -1728px 0px;
-	}
-	.rftIconFullArrowLeft {
-		background-position: -1760px 0px;
-	}
-	.rftIconFullArrowRight {
-		background-position: -1792px 0px;
-	}
-	.rftIconHalfArrowUp {
-		background-position: -1824px 0px;
-	}
-	.rftIconHalfArrowDown {
-		background-position: -1856px 0px;
-	}
-	.rftIconHalfArrowLeft {
-		background-position: -1888px 0px;
-	}
-	.rftIconHalfArrowRight {
-		background-position: -1920px 0px;
-	}
-}
Index: Dev/trunk/client/qed/css/rftLineWithActions.less
===================================================================
--- Dev/trunk/client/qed/css/rftLineWithActions.less	(revision 431)
+++ 	(revision )
@@ -1,61 +1,0 @@
-@dndBorderSize: 6px;
-
-#rft {	//rft nameSpace, apply this to base page! Adds 1000 to specificity by default, so easier overrides of Claro
-	&.claro {
-
-		.rftLineWithActions {
-			.flatShading();
-			position: relative;
-			height: @std_height;
-			white-space: nowrap;
-			margin: @std_offset 0;
-			color: @text;
-			.bgColor("blue");
-
-			&.dojoDndItem {
-				.transition;
-
-				&.dojoDndItemBefore {
-					margin-top: @dndBorderSize;
-					border-top: @dndBorderSize solid @text;
-				}
-				&.dojoDndItemAfter {
-					margin-bottom: @dndBorderSize;
-					border-bottom: @dndBorderSize solid @text;
-				}
-				&.dojoDndItemover, &.dojoDndItemAnchor {
-					background-image: none;
-					border: none;
-					padding: 2px;
-					background-color: fade(#fff, 10%);	// Not sure if this will work.
-					// This is an attempt to lighten the rftLWA's colour by overlaying with transparent white.
-				}
-			}
-
-			.rftLineWithActionsTitle {
-				float: left;
-				margin: 0 8px;
-				overflow: hidden;
-				white-space: nowrap;
-				word-wrap: break-word;
-				line-height: 24px;
-			}
-
-			.rftLineWithActionsButtons {
-				.noOffset();
-				line-height: @std_height;
-				height: @std_height;
-				position: absolute;
-				right: 0;
-				float: left;
-			}
-		}
-
-		// Make the currently lineWithActions draggable "wipe out" when dragging, so only the Avatar is visible!
-		.dojoDndSourceMoved {
-			.rftLineWithActions.dojoDndItemAnchor {
-				height: 0;
-			}
-		}	
-	}
-}
Index: Dev/trunk/client/qed/css/rftLineWithButtons.less
===================================================================
--- Dev/trunk/client/qed/css/rftLineWithButtons.less	(revision 431)
+++ 	(revision )
@@ -1,60 +1,0 @@
-@dndBorderSize: 6px;
-
-#rft {	//rft nameSpace, apply this to base page! Adds 1000 to specificity by default, so easier overrides of Claro
-	&.claro {
-
-		.rftLineWithActions {
-			.flatShading();
-			position: relative;
-			height: @std_height;
-			white-space: nowrap;
-			margin: @std_offset 0;
-			//Color ("blue");
-
-			&.dojoDndItem {
-				.transition;
-
-				&.dojoDndItemBefore {
-					margin-top: @dndBorderSize;
-					border-top: @dndBorderSize solid @text;
-				}
-				&.dojoDndItemAfter {
-					margin-bottom: @dndBorderSize;
-					border-bottom: @dndBorderSize solid @text;
-				}
-				&.dojoDndItemover, &.dojoDndItemAnchor {
-					background-image: none;
-					border: none;
-					padding: 2px;
-					* {
-						background-color: fade(#fff, 10%);	// Not sure if this will work.
-						// This is an attempt to lighten the rftLWB's colour by overlaying with transparent white.
-					}
-				}
-			}
-
-			.rftLineWithActionsTitle {
-				float: left;
-				margin: 0 8px;
-				overflow: hidden;
-				white-space: nowrap;
-				word-wrap: break-word;
-			}
-
-			.rftLineWithActionsButtons {
-				.noOffset();
-				line-height: @std_height;
-				height: @std_height;
-				position: absolute;
-				right: 0;
-				float: left;
-			}
-		}
-		
-		.dojoDndSourceMoved {
-			.rftLineWithActions.dojoDndItemAnchor {
-				height: 0;
-			}
-		}	
-	}
-}
Index: Dev/trunk/client/qed/css/rftObjectBox.less
===================================================================
--- Dev/trunk/client/qed/css/rftObjectBox.less	(revision 431)
+++ 	(revision )
@@ -1,17 +1,0 @@
-#rft {
-	&.claro {
-
-		.rftObjectBox {
-			margin: @std_offset_big 0;
-
-			.typeIcon {
-				// .setIcon (32px);
-				// margin: 20px @std_offset_big;
-			}
-
-			.rftLineWithActions {
-				.noOffset;
-			}
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/rftSelector.less
===================================================================
--- Dev/trunk/client/qed/css/rftSelector.less	(revision 431)
+++ 	(revision )
@@ -1,58 +1,0 @@
-//Variables
-@indicatorWidth: 8px;
-@colorConflict: #ff0000;
-@colorPending: #ff8000;
-@colorSuccess: #00ff00;
-
-#rft {
-	&.claro {
-		
-		.rftSelector {
-			.noOffset;
-			margin: @std_offset;
-
-			.rftLineWithActions {
-				.noOffset;
-			}
-
-			.rftSelectorSelected {
-				// Operation indicator styling
-				.rftSelectorIndicator {
-					.noOffset;
-					float: left;
-					width: @indicatorWidth;
-					height: @std_height;
-					background-color: #bedead;
-
-					&.conflict {
-						background-color: @colorConflict;
-					}
-					&.pending {
-						background-color: @colorPending;
-					}
-					&.success {
-						background-color: @colorSuccess;
-					}
-				}
-			}
-			// Set dropdown background and text color to black on white
-			.rftSelectorOptions, .rftSelectorSelected {
-
-				.rftLineWithActions {
-					background-color: @text;
-					color: @darkest;
-				}
-			}
-
-			.rftSelectorOptions {
-				.rftLineWithActions {
-					.rftInlineButton {
-						.rftIcon {
-							.setIcon (16px, black);
-						}
-					}
-				}
-			}
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/sessionEditor.less
===================================================================
--- Dev/trunk/client/qed/css/sessionEditor.less	(revision 431)
+++ 	(revision )
@@ -1,53 +1,0 @@
-#rft {
-	&.claro {
-
-		.rftSessionObject {
-			.noOffset;
-			width: @sessionobject_size;
-			height: @sessionobject_size;
-			background: @headers;
-			margin: @std_offset_big;
-			display: inline-block;
-
-
-			.rftIcon {
-				.setIcon (32px);
-				@iconOffsetX: ((@sessionobject_size - 32px)/2);
-				margin: @std_offset_big @iconOffsetX 0 @iconOffsetX;
-			}
-
-			label {
-				.noOffset;
-				float: left;
-				clear: both;
-				width: @sessionobject_size;
-				text-align: center;
-				color: @text;
-				overflow: hidden;
-			}
-
-
-
-
-			&.blue {
-				background-color: @blue;
-				&.selected {
-					background-color: @blue_light;
-				}
-			}
-			&.green {
-				background-color: @green;
-				&.selected {
-					background-color: @green_light;
-				}
-			}
-			&.red {
-				background-color: @red;
-				&.selected {
-					background-color: @red_light;
-				}
-			}
-			
-		}
-	}
-}
Index: Dev/trunk/client/qed/css/surveyEditor.less
===================================================================
--- Dev/trunk/client/qed/css/surveyEditor.less	(revision 431)
+++ 	(revision )
@@ -1,16 +1,0 @@
-#rft {
-	&.claro {
-
-		.rftSurveyListView {
-
-			.rftSurveyListViewContent {
-				min-height: 300px;
-				background: @base1;
-				overflow: auto;
-			}
-		}
-
-		
-
-	}
-}
Index: Dev/trunk/client/qed/css/tutorial.less
===================================================================
--- Dev/trunk/client/qed/css/tutorial.less	(revision 431)
+++ 	(revision )
@@ -1,142 +1,0 @@
-//Variables and operations
-@variable: value;
-@variable2; @variable + value;	// /*-+, etc...
-//Variables are a constant!
-
-//You can use variables in varnames - eval()??
-@varName: "This is the value";
-@var: "varName";
-property: @@var; // read this as: Paste @var into X for the expression 'property is variable X'
-//property = variable(variable(a));
-
-//Mixins
-.mixin {
-	border-top: 1px solid #fff;	//Compilation preserves, so can be used as actual class in HTML
-}
-.mixin () {
-	border-top: 1px solid #fff;	//Compilation does not preserve, only for LESS purposes.
-}
-.mixin (@color: #default) {
-	border-top: 1px solid @color;	//Arguments.
-}
-.mixin (@x: 0, @y: 0) {
-	margin: @arguments;	//Use this to get space-separated list of all arguments!
-}
-
-// The following two mixins use a switch argument, behaving like an if/else or switch(arg1){}.
-.mixin (black, @color) {
-	border-top: 1px solid #fff;
-	background-color: black;
-}
-.mixin (white, @color) {
-	border-top: 1px solid #fff;
-	background-color: white;
-}
-
-//Match on arity (argument count):
-.mixin (@a) {
-	content: "Only if one arg: @{a}";
-}
-.mixin (@a, @b) {
-	content: "When two args: @{a}, @{b}";
-}
-
-//GUARDS! When you want to match on expressions!
-.mixin (@a) when (lightness(@a) >= 50%) {
-	background-color: black;
-}
-
-.mixin (@a) when (isnumber(@a)), (isstring(@a)) {
-	//This matches when @a is a string OR number (comma separated guards)
-}
-.mixin (@a) when (iscolor(@a)) and (lightness(@a) < 50%) {
-	// This matches when @a is a color with lightness under 50% (AND separated guards)
-}
-.mixin (@a) when not (@a > 0) {
-	//derp. Not keyword werkt ook
-}
-
-/*Expressions:
-- iscolor
-- isnumber
-- isstring
-- iskeyword?
-- isurl
-
-isnumber specifiek:
-- ispixel
-- ispercentage
-- isem
-*/
-
-.parent {
-	.descendant {
-		//descendant selector, evaluates to .parent .descendant{}
-	}
-	&.concat {
-		//concatenate selector, evaluates to .parent.concat{}
-	}
-	&[dojo-type="Button"] {
-		// works as well, evaluates to .parent[dojo-type="Button"]{}
-	}
-	&:hover {
-		//sets hover property for .parent:hover !!
-	}
-}
-
-// Operations: Can be applied to all numbers, color and variables. //These can be nested as well!
-@base: 5%;
-@other: @base + #aaa; //apaarently, LESS understands and converts these units?
-@var123: 1px + 5; // Output will be in px as well, since you specified them.
-border: (@width * 2) solid black; // Use brackets in compound statements!
-
-// Color operations: all colours are first converted to HSL space
-lighten/darken	//lightness (%)
-saturate/desaturate	//saturation (%)
-fadein/fadeout/fade	//transparency. fade sets absolute alpha, the others are relative to @color passed in (%)
-spin //hue, degrees spun on colour wheel (unitless number)
-mix // mix two colours.
-
-hue/saturation/lightness/alpha //return these for @color passed as argument
-@new = hsl(hue(@old), 45%, 90%); // generate new colour
-
-//Math functions!
-round, ceil, floor	//do what you'd expect.
-percentage	//returns rational as percentage
-
-//NAMESPACES
-#nameSpace {
-	.button() {
-		//stuff
-	}
-}
-
-.header a {
-	#nameSpace > .button;	// Access namespace variables:) CANNOT DO THIS WITH VARIABLES!!!!
-}
-
-/* These will be added to compiled CSS */
-// These won't, and are for use in LESS sheet only
-
-@import "lib.less";
-@import "lib";	//assumed to be LESS file
-@import "file.css";	//normal css imports
-
-
-//String interpolation: Same as DOJO templates, with @ instead of $
-@base-url: "http://assets.fnord.com";
-background-image: url("@{base-url}/images/bg.png");
-
-//String escapes:
-~"stuffffff"; //Will be added to compiled CSS as-is. Useful for retarded MS-specific (invalid CSS) statements/hacks
-
-//Wait, WHUT
-//JAVASCRIPT EVALUATION?!?!?!?!
-
-@var: `"hello".toUpperCase() + '!'`; // Wrap stuff in backticks and it will eval before compilation! :D
-@str: "hello";
-@var: ~`"@{str}".toUpperCase() + '!'`;	//You can still use string interp for this! Why the ~ though?
-
-@height: `document.body.clientHeight`; //WTF. How does this even work if it is compiled serverside?
-@color: color(`window.colors.baseColor`);	//Use color() to parse JS colours as CSS colours
-@darkcolor: darken(@color, 10%);
Index: Dev/trunk/client/qed/css/ui/IndexMenu.less
===================================================================
--- Dev/trunk/client/qed/css/ui/IndexMenu.less	(revision 432)
+++ Dev/trunk/client/qed/css/ui/IndexMenu.less	(revision 432)
@@ -0,0 +1,120 @@
+#rft.claro {
+    .rftIndexMenuBlock {
+        width: @indexmenu_blockwidth;
+        height: @indexmenu_blockheight;
+        background: @base1;
+        float: left;
+        margin: @indexmenu_blockmargin;
+        overflow: hidden;
+
+        &:hover .rftIndexMenuMask {
+            margin-top: -@indexmenu_blockheight;
+        }
+    }
+    .rftIndexMenuMask {
+        width: @indexmenu_blockwidth;
+        height: @indexmenu_blockheight;
+        background: @base1;
+        color: @headers;
+        margin-top: 0;
+
+        .label {
+            color: @headers;
+            font-size: @indexmenu_font_size;
+            height: @indexmenu_font_size;
+            line-height: @indexmenu_font_size;
+            margin-top: (@indexmenu_blockheight - @indexmenu_font_size) / 2;
+            float: left;
+        }
+
+        .rftIcon {
+            .setIcon(32px);
+            float: left;
+            margin: ((@indexmenu_blockheight - @indexmenu_font_size)/2) 8px 0 8px;
+        }
+    }
+    .rftIndexMenuButton {
+        .flatShading;
+        .noOffset;
+        .transition (0.3s);
+        line-height: @button_indexmenu_height;
+        border: none;
+
+        .dijitButtonNode {
+            border: none;
+            color: @headers;
+            font-size: @h2Size;
+
+            .dijitButtonContents {
+                vertical-align: top;
+
+                .dijitButtonText {
+                    padding-bottom: 10px;
+                    line-height: 20px;
+                }
+
+                .rftIcon {
+                    .setIcon (32px);
+                    margin: 0 @std_offset_big;
+                }
+            }
+
+        }
+
+        .indexMenuMixin (@number) when (@number > 0){
+            @height: @indexmenu_blockheight / @number;
+            height: @height;
+            width: @indexmenu_blockwidth;
+                
+            .dijitButtonNode {
+                margin: ((@height - @button_indexmenu_content_size)/2) 0 0 0;
+            }
+        }
+
+        &.oneHeight {
+            .indexMenuMixin (4);
+        }
+        &.twoHeight {
+            .indexMenuMixin (2);
+        }
+        &.fourHeight {
+            .indexMenuMixin (1);
+        }
+
+        &.rftIndexMenuButtonHover {
+            color: @text;
+            .transition (0.1s);
+            .dijitButtonText {
+                color: @text;
+                .transition(0.1s);
+            }
+
+            &.blue {
+                background-color: @blue;
+            }
+            &.red {
+                background-color: @red;
+            }
+            &.green {
+                background-color: @green;
+            }
+            &.orange {
+                background-color: @orange;
+            }
+            &.purple {
+                background-color: @purple;
+            }
+        }
+
+        &.rftIndexMenuButtonActive {
+            .rftIcon {
+                .setIcon (32px, black);
+            }
+            .transition(0.3s);
+            color: @darkest;
+            background: @text;
+
+        }
+
+    }
+}
Index: Dev/trunk/client/qed/css/ui/MainMenu.less
===================================================================
--- Dev/trunk/client/qed/css/ui/MainMenu.less	(revision 432)
+++ Dev/trunk/client/qed/css/ui/MainMenu.less	(revision 432)
@@ -0,0 +1,36 @@
+#rft.claro {
+
+    .dijitMenuBar .rftMainMenuButton {
+        .flatShading;
+        .transition (0.1s);
+        border: none;
+        height: @button_mainmenu_height;
+        width: auto;
+        background: transparent;
+        color: @headers;
+        text-align: center;
+        font-size: @button_mainmenu_font_size;
+        line-height: @button_mainmenu_height;
+        padding: 0 @button_mainmenu_padding;
+        margin: 0 @button_mainmenu_spacing;
+
+        &.dijitMenuItemHover, 
+        &.dijitMenuitemActive {
+            .transition (0.1s);
+        }
+
+        &.dijitMenuItemHover {
+            color: @text;
+            font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
+        }
+
+        &.dijitMenuItemActive {
+            color: @blue;
+            font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
+        }
+        &.dijitMenuItemSelected {
+            font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow;
+            color: @text;
+        }
+    }
+}
Index: Dev/trunk/client/qed/css/widgets/BlockButton.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/BlockButton.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/BlockButton.less	(revision 432)
@@ -0,0 +1,58 @@
+#rft.claro .rftBlockButton {
+        
+    .flatShading;
+    .noMargin;
+    height: @button_block_height;
+    vertical-align: top;
+
+    .dijitButtonContents {
+        height: 24px;
+    }
+
+    .dijitButtonNode {
+        .flatShading;
+        .transition (0.3s);
+        line-height: @button_block_height;
+        vertical-align: top;
+        height: @button_block_height;
+        padding: 0 @std_offset;
+        border: none;
+        color: @text;
+        font-size: @button_block_font_size;
+
+        .dijitButtonText {
+            line-height: @button_block_height;
+        }
+
+        .rftIcon {
+            .setIcon(16px);
+        }
+    }
+
+    &.rftBlockButtonHover, 
+    &.rftBlockButtonActive {
+        .transition (0.1s);
+        .rftIcon {
+            vertical-align: top;
+            .setIcon(16px, black);
+        }
+    }
+
+    //Disabled because this is presumably useless
+    // &.blue {
+    //     .blockButtonColorMixin ("blue");
+    // }
+    // &.green {
+    //     .blockButtonColorMixin ("green");
+    // }
+    // &.orange {
+    //     .blockButtonColorMixin ("orange");
+    // }
+    // &.red {
+    //     .blockButtonColorMixin ("red");
+    // }
+    // &.purple {
+    //     .blockButtonColorMixin ("purple");
+    // }
+
+}
Index: Dev/trunk/client/qed/css/widgets/InlineButton.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/InlineButton.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/InlineButton.less	(revision 432)
@@ -0,0 +1,29 @@
+#rft.claro .rftInlineButton {
+    float: right;
+    height: @button_inline_height;
+    width: @button_inline_height;
+
+    .dijitButtonNode {
+        .noOffset;
+        .flatShading;
+        width: @button_inline_height;
+        height: @button_inline_height;
+        border: none;
+    }
+
+    .rftIcon {
+        .setIcon(16px);
+    }
+    &.white .rftIcon {
+        .setIcon(16px);
+    }
+    &.black .rftIcon {
+        .setIcon(16px, black);
+    }
+
+    &.dijitHover {
+        .rftIcon {
+            // outline: @headers solid thin;
+        }
+    }
+}
Index: Dev/trunk/client/qed/css/widgets/LargeButton.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/LargeButton.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/LargeButton.less	(revision 432)
@@ -0,0 +1,69 @@
+#rft.claro {
+
+    .rftLargeButton {
+
+        .flatShading;
+        margin-right: @button_large_spacing;
+        height: @button_large_height;
+
+        &*, * {
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        .dijitButtonNode {
+
+            .flatShading;
+            border: none;
+            height: @button_large_height;
+            background: transparent;
+            color: @headers;
+            font-size: @button_large_font_size;
+            .transition(0.3s);
+
+            .rftIcon {
+                .setIcon(24px);
+            }
+
+            .dijitButtonText {
+                line-height: @button_large_height;
+                .noMargin;
+                padding-left: @std_offset_big;
+            }
+        }
+        
+        &.black .dijitButtonNode .rftIcon {
+            .setIcon(24px, black);
+        }
+
+        &.rftLargeButtonHover .dijitButtonNode,
+        &.rftLargeButtonActive .dijitButtonNode {
+            .transition (0.1s);
+        }
+    }
+
+    //colors on hover
+    span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+    .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+        color: @blue_light;
+    }
+    span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+    .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+        color: @orange_light;
+    }
+    span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+    .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+        color: @green_light;
+    }
+    span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+    .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+        color: @red_light;
+    }
+    span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
+    .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
+        color: @purple_light;
+    }
+
+}
Index: Dev/trunk/client/qed/css/widgets/LineWithActions.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/LineWithActions.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/LineWithActions.less	(revision 432)
@@ -0,0 +1,59 @@
+@dndBorderSize: 6px;
+
+#rft.claro {
+
+    .rftLineWithActions {
+        .flatShading();
+        position: relative;
+        height: @std_height;
+        white-space: nowrap;
+        margin: @std_offset 0;
+        color: @text;
+        .bgColor("blue");
+
+        &.dojoDndItem {
+            .transition;
+
+            &.dojoDndItemBefore {
+                margin-top: @dndBorderSize;
+                border-top: @dndBorderSize solid @text;
+            }
+            &.dojoDndItemAfter {
+                margin-bottom: @dndBorderSize;
+                border-bottom: @dndBorderSize solid @text;
+            }
+            &.dojoDndItemover, &.dojoDndItemAnchor {
+                background-image: none;
+                border: none;
+                padding: 2px;
+                background-color: fade(#fff, 10%);    // Not sure if this will work.
+                // This is an attempt to lighten the rftLWA's colour by overlaying with transparent white.
+            }
+        }
+
+        .rftLineWithActionsTitle {
+            float: left;
+            margin: 0 8px;
+            overflow: hidden;
+            white-space: nowrap;
+            word-wrap: break-word;
+            line-height: 24px;
+        }
+
+        .rftLineWithActionsButtons {
+            .noOffset();
+            line-height: @std_height;
+            height: @std_height;
+            position: absolute;
+            right: 0;
+            float: left;
+        }
+    }
+
+    // Make the currently lineWithActions draggable "wipe out" when dragging, so only the Avatar is visible!
+    .dojoDndSourceMoved {
+        .rftLineWithActions.dojoDndItemAnchor {
+            height: 0;
+        }
+    }    
+}
Index: Dev/trunk/client/qed/css/widgets/MultipleChoiceWidget.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/MultipleChoiceWidget.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/MultipleChoiceWidget.less	(revision 432)
@@ -0,0 +1,17 @@
+#rft.claro .rftMultipleChoiceWidget {
+    display: table;
+    .row {
+        display: table-row;
+    }
+    .rowBox {
+        display: table-cell;
+    }
+    .rowText {
+        display: table-cell;
+        width: 100px;
+    }
+    .rowBtn {
+        display: table-cell;
+        width: 30px;
+    }
+}
Index: Dev/trunk/client/qed/css/widgets/ObjectBox.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/ObjectBox.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/ObjectBox.less	(revision 432)
@@ -0,0 +1,12 @@
+#rft.claro .rftObjectBox {
+    margin: @std_offset_big 0;
+
+    .typeIcon {
+        // .setIcon (32px);
+		// margin: 20px @std_offset_big;
+    }
+
+    .rftLineWithActions {
+        .noOffset;
+    }
+}
Index: Dev/trunk/client/qed/css/widgets/Selector.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/Selector.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/Selector.less	(revision 432)
@@ -0,0 +1,56 @@
+//Variables
+
+#rft.claro .rftSelector {
+
+    @indicatorWidth: 8px;
+    @colorConflict: #ff0000;
+    @colorPending: #ff8000;
+    @colorSuccess: #00ff00;
+
+    .noOffset;
+    margin: @std_offset;
+
+    .rftLineWithActions {
+        .noOffset;
+    }
+
+    .rftSelectorSelected {
+        // Operation indicator styling
+        .rftSelectorIndicator {
+            .noOffset;
+            float: left;
+            width: @indicatorWidth;
+            height: @std_height;
+            background-color: #bedead;
+
+            &.conflict {
+                background-color: @colorConflict;
+            }
+            &.pending {
+                background-color: @colorPending;
+            }
+            &.success {
+                background-color: @colorSuccess;
+            }
+        }
+    }
+
+    // Set dropdown background and text color to black on white
+    .rftSelectorOptions, .rftSelectorSelected {
+
+        .rftLineWithActions {
+            background-color: @text;
+            color: @darkest;
+        }
+    }
+
+    .rftSelectorOptions {
+        .rftLineWithActions {
+            .rftInlineButton {
+                .rftIcon {
+                    .setIcon (16px, black);
+                }
+            }
+        }
+    }
+}
Index: Dev/trunk/client/qed/css/widgets/lists/List.less
===================================================================
--- Dev/trunk/client/qed/css/widgets/lists/List.less	(revision 432)
+++ Dev/trunk/client/qed/css/widgets/lists/List.less	(revision 432)
@@ -0,0 +1,9 @@
+#rft.claro .rftLineListView {
+    max-width: 300px;
+    max-height: 500px;
+
+    .rftLineListViewContent {
+        width: auto;
+        overflow: auto;
+    }
+}
Index: Dev/trunk/client/qed/ui/LoginDialog.js
===================================================================
--- Dev/trunk/client/qed/ui/LoginDialog.js	(revision 431)
+++ 	(revision )
@@ -1,45 +1,0 @@
-define(['dojo/_base/declare','dojo/_base/lang','dojo/_base/event','dijit/Dialog',
-    'dijit/_WidgetsInTemplateMixin','../auth', 'dojo/text!./templates/LoginDialog.html',
-    '../app/Router','dijit/form/Form','dijit/form/Button','dijit/form/TextBox'],
-    function (declare, lang, event, Dialog, _WidgetsInTemplateMixin, auth, template, content) {
-        return declare([Dialog,_WidgetsInTemplateMixin], {
-            templateString: template,
-            widgetsInTemplate: true,
-            title: "Login/Register",
-            baseClass: "rftLoginDialog",
-            startup: function() {
-                if ( this._started ){ return; }
-                this.inherited(arguments);
-                this.loginForm.on('submit',lang.hitch(this,'onLogin'));
-            },
-            show: function() {
-                this.loginErrors.innerHTML = '';
-                this.loginForm.reset();
-                this.inherited(arguments);
-            },
-            onLogin: function(evt) {
-                this.loginErrors.innerHTML = '';
-                var data = this.loginForm.get('value');
-                auth.login(data.email,data.password)
-                .then(lang.hitch(this,function() {
-                    this.hide();
-                    content.initial();
-                }),lang.hitch(this,function() {
-                    this.loginErrors.innerHTML = 'Login failed.';
-                }));
-                event.stop(evt);
-                return false;
-            },
-            onRegister: function() {
-                this.loginErrors.innerHTML = '';
-                var data = this.loginForm.get('value');
-                auth.register(data.email,data.password)
-                .then(lang.hitch(this,function() {
-                    this.hide();
-                    content.initial();
-                }),lang.hitch(this,function() {
-                    this.loginErrors.innerHTML = 'Register failed.';
-                }));
-            }
-        });
-    });
Index: Dev/trunk/client/qed/ui/templates/LoginDialog.html
===================================================================
--- Dev/trunk/client/qed/ui/templates/LoginDialog.html	(revision 431)
+++ 	(revision )
@@ -1,23 +1,0 @@
-<div class="dijitDialog" role="dialog" aria-labelledby="${id}_title">
-    <div data-dojo-attach-point="titleBar" class="dijitDialogTitleBar">
-        <span data-dojo-attach-point="titleNode" class="dijitDialogTitle"></span>
-        <span data-dojo-attach-point="closeButtonNode" class="dijitDialogCloseIcon" data-dojo-attach-event="ondijitclick: onCancel" title="${buttonCancel}" role="button" tabindex="-1">
-            <span data-dojo-attach-point="closeText" class="closeText" title="${buttonCancel}">x</span>
-        </span>
-    </div>
-    <div data-dojo-attach-point="containerNode">
-        <form data-dojo-type="dijit/form/Form" data-dojo-attach-point="loginForm">
-            <fieldset>
-                <label for="email" class="loginLabel">Email</label>
-                <input data-dojo-type="dijit/form/TextBox" name="email" type="text" class="loginInput" />
-                <label for="password" class="loginLabel">Password</label>
-                <input data-dojo-type="dijit/form/TextBox" name="password" type="password" class="loginInput" />
-            </fieldset>
-            <div style="float: right;">
-                <button type="button" data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:onRegister">Register</button>
-                <button type="submit" data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:onLogin">Login</button>
-            </div>
-        </form>
-        <div data-dojo-attach-point="loginErrors" style="clear: both; color: red;"></div>
-    </div>
-</div>
Index: Dev/trunk/client/response.html
===================================================================
--- Dev/trunk/client/response.html	(revision 431)
+++ Dev/trunk/client/response.html	(revision 432)
@@ -4,5 +4,5 @@
         <title>QED - Respondent</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <link rel="stylesheet" type="text/css" href="qed/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="qed/css/qed.css" />
     </head>
     <body id="rft" class="dijitReset claro">
