Index: Dev/trunk/css/aapje.css
===================================================================
--- Dev/trunk/css/aapje.css	(revision 230)
+++ Dev/trunk/css/aapje.css	(revision 230)
@@ -0,0 +1,188 @@
+/* 
+    Document   : style
+    Created on : 12-jul-2011, 15:12:02
+    Author     : fpvanagthoven
+    Description:
+        Purpose of the stylesheet follows.
+*/
+
+/* 
+   TODO customize this sample style
+   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
+*/
+h1 {
+    width: 100%;
+    text-align: center;
+    color: white;
+    text-shadow: #888 0px 0px 1em;
+    margin: 0 0 0.1em 0;
+}
+
+h2 {
+    margin: 0;
+    font-size: larger;
+}
+
+h3 {
+    margin: 0;
+    font-size: small;
+    font-weight: normal;
+    color: #333;
+}
+
+legend {
+    padding-left: 0em;
+    color: #fff;
+    text-shadow: #000 0px 0px .4em;
+}
+
+fieldset {
+    background-color: #aeb2b3;
+    border: 1px solid #fff;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
+    margin-bottom: 2em;
+    padding: 0 1em 1em 1em;
+    -moz-box-shadow: 2px 2px 1px #888;
+    -webkit-box-shadow: 2px 2px 1px #888;
+    box-shadow: 2px 2px 1px #888;
+}
+html {
+    background-image: url('../images/bg/blueishgridblock.png');
+    height: 100%;
+    font-size: 12px;
+}
+
+root { 
+    display: block;
+}
+
+body {
+    font-family: sans-serif;
+    background-image: url('../images/bg/blueishgrid.png');
+    background-repeat: repeat-x;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+input {
+    background-color: #c6c6c6;
+    border: 1px solid #888;
+}
+
+textarea {
+    background-color: #c6c6c6;
+    border: 1px solid #888;
+}
+
+select {
+    background-color: #c6c6c6;
+    border: 1px solid #888;
+}
+
+#wrapper {
+    width: 80%;
+    min-width: 800px;
+    margin: auto;
+}
+
+#header {
+    height: 4em;
+    background-color: transparent;
+}
+
+#logo{
+    background-image: url('../images/headlogo.png');
+    background-position: top center;
+    background-repeat: no-repeat;
+    font-size: 2em;
+    font-weight: bold;
+    text-align: center;
+    padding-top: 15px;
+    /*line-height: 2em;*/
+    text-shadow: #555 0px 0px .2em;
+    height: 189px;
+}
+
+#logo a {
+    text-decoration: none;
+    color: #ddd;
+}
+
+#logo a:hover {
+    color: #fff;
+}
+
+#content {
+    position: relative;
+    width: 100%;
+    padding: 2em 0;
+}
+
+/* ################################################################## 
+   ===================== STYLESHEET OF GLORY ======================== */
+
+.menu {
+    width: 30em;
+    margin: 1em auto 0 auto;
+    padding: 2em;
+    text-align: center;
+    background-image: url('../images/bg/graygradient.png');
+    background-repeat: repeat-x;
+    background-color: #aeb2b3;
+    -moz-border-radius: 15px;
+    border-radius: 15px; 
+    border: 1px solid white;
+   }
+
+.selectionmenu {
+    padding: 2em;
+    margin: 1em;
+    width:20%;
+    height: 25%;
+    overflow: auto; 
+    text-align: center;
+    background-image: url('../images/bg/graygradient.png');
+    background-repeat: repeat-x;
+    background-color: #aeb2b3;
+    -moz-border-radius: 15px;
+    border-radius: 15px; 
+    border: 1px solid white;
+    float: left;
+}
+
+.menuButtons {
+    float: left;
+}
+
+.toLoad {
+    background-color: #c6c6c6;
+    width: 23em;
+    height: 10em;
+}
+
+.feedback {
+    color: #fff;       
+    font-size: 30px;
+    float: right;
+}
+
+.radarGraph {
+    width: 35em;
+    margin: 1em auto 0 auto;
+    padding: 2em;
+    text-align: center;
+    background-image: url('../images/bg/graygradient.png');
+    background-repeat: repeat-x;
+    background-color: #aeb2b3;
+    -moz-border-radius: 15px;
+    border-radius: 15px; 
+    border: 1px solid white;
+    text-orientation: center;
+   }
+
+
+
+
+
Index: Dev/trunk/css/awesome.css
===================================================================
--- Dev/trunk/css/awesome.css	(revision 226)
+++ Dev/trunk/css/awesome.css	(revision 230)
@@ -565,4 +565,29 @@
 
 
+/*
+#pipelineFrame{
+    height: 12em;
+    width: 96em;
+    display: block;
+    background-image: url('../images/bg/pipelineFrameBG.png');
+    background-color: #e3eff3;
+}
+
+.pipelineFrame .pipelineObject {
+    width: 10em;
+    height: 10em;
+    margin: 1em auto 1em auto;
+    text-align: center;
+}
+*/
+
+/*
+*
+*
+*   Horizontal sequencer styling
+*
+*
+*/
+
 #sequencer {
     width: 100%;
Index: Dev/trunk/css/visualeditors.css
===================================================================
--- Dev/trunk/css/visualeditors.css	(revision 226)
+++ Dev/trunk/css/visualeditors.css	(revision 230)
@@ -18,4 +18,5 @@
 html {
     background-image: url('../images/bg/blueishgridblock.png');
+    /*background-image: url('../images/icons/nyan.gif');*/
     height: 100%;
     font-size: 12px;
@@ -27,4 +28,5 @@
     min-width: 800px;
     margin: 0 auto;
+    clear:both;
 }
 
@@ -33,4 +35,50 @@
     position: relative;
     padding: 2em 0;
+}
+
+#logo {
+    float: left;
+    width:250px;
+    margin: 0 0 10px 0;
+    padding: 10px 40px;
+    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.21, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+    background-position: bottom;
+    background-repeat: repeat-x;
+    border: 1px solid #FFF;
+    border-top-style: none;
+}
+
+#logo #logoImage {
+    color: #FFF;
+    margin: 0;
+    padding: 0;
+    font: bold 22px Arial;
+}
+
+#logo #logoControls {
+    border-top: 1px solid #555;
+    font: 12px Arial;
+    color: #555;
+    text-align: right;
+    width: auto;
+}
+
+#logoControls a {
+    color: #FFF;
+    font: bold 12px arial;
+    text-decoration: none;
+    text-align: right;
 }
 
@@ -67,4 +115,8 @@
     border-radius: 1em;
     -moz-border-radius: 1em;
+}
+
+.largeFrame .content {
+    clear: left;
 }
 
@@ -108,4 +160,14 @@
 }
 
+.largeFrame.side {
+    clear: none;
+    margin: 0 10px;
+}
+
+.largeFrame.side .innerLargeFrame {
+    width: 400px;
+    height: 400px;
+}
+
 .smallFrame {
     margin: 0.5em auto;
@@ -194,5 +256,8 @@
 
 .bigButton.vertical {
-    width: 2em;
+    margin: 0.25em;
+    text-align: center;
+    min-width: 7em;
+    max-width: 12em;
     height: 2em;
     font-size: 20px;
@@ -212,4 +277,6 @@
     cursor: default;
 }
+
+.bigButton.icon
 
 .bigButton:hover {
@@ -250,88 +317,4 @@
 }
 
-/********************/
-/* DD MENU SPECIFIC */
-/********************/
-
-#btnAddMenu {
-    margin: 0;
-    padding: 5px;
-    background: #5970B2;
-    font: bold 16px arial;
-    color: #FFF;
-    float: left;
-}
-
-#btnAddMenu.down {
-    background: #334167;
-}
-
-#creationMenu {
-    margin: 0;
-    padding: 0;
-    z-index: 30;
-    visibility: hidden;
-    float: left;
-}
-
-#creationMenu li {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    float: left;
-    clear: left;
-    font: bold 11px arial;
-}
-
-#creationMenu li a img {
-    float: left;
-    clear: left;
-}
-
-#creationMenu li a {
-    display: block;
-    float: left;
-    margin: 0 1px 0 0;
-    padding: 4px 10px;
-    width: 100px;
-    background: #5970B2;
-    color: #FFF;
-    text-align: center;
-    text-decoration: none;
-}
-
-#creationMenu li a:hover {
-    background: #49A3FF;
-}
-
-#creationMenu div {
-    position: absolute;
-    visibility: hidden;
-    margin: 0;
-    padding: 0;
-    background: #eaebd8;
-    border: 1px solid #5970B2;
-}
-
-#creationMenu div a{
-    position: relative;
-    float: left;
-    display: block;
-    clear: left;
-    margin: 0;
-    padding: 5px 10px 5px 10px;
-    width: 75px;
-    white-space: nowrap;
-    text-align: left;
-    text-decoration: none;
-    background: #eaebd8;
-    color: #2875DE;
-    font: 11px arial;
-}
-
-#creationMenu div a:hover {
-    background: #49a3ff;
-    color: #fff;
-}
 
 /****************************/
@@ -506,27 +489,96 @@
 }
 
-/****************************/
-/* Question editor specific */
-/****************************/
-
-.questionParamField {
-    float: left;
-}
-
-.questionParamLabel {
-    float: left;
-    width: 100px;
-}
-
-.questionParamLabel.lAlign {
-    clear: left;
-}
-
-.questionParamLabel.rAlign {
-    clear: right;
-}
-
-.qBodyTextField {
-    resize: none;
-    width: 595px;
-}
+/**************************/
+/* Survey Editor Specific */
+/**************************/
+
+#leftColumn {
+    float: left;
+    clear: left;
+}
+
+#rightColumn {
+    float: left;
+    clear: none;
+}
+
+.largeFrame.C{
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+
+    height: auto;
+    max-height: 400px;
+}
+
+.largeFrame.Cu{
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+    width: 640px;
+}
+
+.largeFrame.Cv {
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+    width: 200px;
+}
+
+.checkboxList {
+    overflow-y: scroll; 
+    overflow-x: hidden;
+    clear: left;
+    width: auto; 
+    height: 250px; 
+    background-color: #FFF; 
+    border-width: 2px; 
+    border-style: solid; 
+    border-bottom-color: #AAA; 
+    border-top-color: #555; 
+    border-right-color: #AAA; 
+    border-left-color: #555;
+}
+
+.dbDataList {
+    width: 300px;
+    float: left;
+    clear: left;
+    margin: 0 10px 0 10px;
+}
+
+#dbShoppingCart .content {
+    height: 415px;
+}
+
+/*******************/
+/* DDMenu specific */
+/*******************/
+
+#toolboxMenu li .bigButton.toolbox div {
+    position: absolute;
+    visibility: hidden;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #555;
+    background: #eaebd8;
+}
+
+#toolboxMenu li .bigButton.toolbox div a {
+    position: relative;
+    float: left;
+    clear: left;
+    margin: 0;
+    padding: 5px 10px;
+    width: 75px;
+    white-space: nowrap;
+    text-align: left;
+    text-decoration: none;
+    color: #2875de;
+    font: 11px arial;
+}
+
+#toolboxMenu li .bigButton.toolbox div a:hover {
+    background: #49a3ff;
+    color: #fff;
+}
