--- /dev/null
+body {
+ height: 100%;
+}
+
+#sbadmin #zones {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
+}
+
+#sbreset {
+ float: left;
+ margin: 1px 0;
+}
+
+.dropzone {
+ border: 1px solid #bbb;
+ float: left;
+ margin-right: 10px;
+ padding: 5px;
+ background-color: #f0f8ff;
+}
+
+.dropzone h3 {
+ text-align: center;
+ color: #333;
+}
+
+.dropzone input {
+ display: none;
+}
+
+.dropzone ul {
+ float: left;
+ list-style-type: none;
+ width: 240px;
+ margin: 0;
+ min-height: 200px;
+ padding: 0;
+ display: block;
+}
+
+* .module {
+ width: 238px;
+ padding: 0;
+ margin: 5px 0;
+ cursor: move;
+ display: block;
+ border: 1px solid #ccc;
+ background-color: #fbfbfb;
+ position: relative;
+ text-align: left;
+ line-height: 25px;
+}
+
+* .handle {
+ display: block;
+ width: 216px;
+ padding: 0 10px;
+ position: relative;
+ border-top: 1px solid #f2f2f2;
+ border-right: 1px solid #e8e8e8;
+ border-bottom: 1px solid #e8e8e8;
+ border-left: 1px solid #f2f2f2;
+}
+
+* .popper {
+ margin: 0;
+ display: inline;
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ overflow: hidden;
+ text-align: center;
+ height: 16px;
+ font-size: 18px;
+ line-height: 14px;
+ cursor: pointer;
+ padding: 0 3px 1px;
+ border-top: 4px solid #6da6d1;
+ background: url( ../images/fade-butt.png ) -5px 0px;
+}
+
+* html .popper {
+ padding: 1px 6px 0;
+ font-size: 16px;
+}
+
+#sbadmin p.submit {
+ padding-right: 10px;
+ clear: left;
+}
+
+.placemat {
+ cursor: default;
+ margin: 0;
+ padding: 0;
+ position: relative;
+}
+
+.placemat h4 {
+ text-align: center;
+}
+
+.placemat span {
+ background-color: #ffe;
+ border: 1px solid #ccc;
+ padding: 0 10px 10px;
+ position: absolute;
+ text-align: justify;
+}
+
+#palettediv {
+ border: 1px solid #bbb;
+ background-color: #f0f8ff;
+ height:auto;
+ margin-top: 10px;
+ padding-bottom: 10px;
+}
+
+#palettediv:after, #zones:after, .dropzone:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+#palettediv, #zones, .dropzone {
+ display: block;
+ min-height: 1px;
+}
+
+* html #palettediv, * html #zones, * html .dropzone {
+ height: 1%;
+}
+
+#palettediv h3 {
+ text-align: center;
+ color: #333;
+ min-height: 1px;
+}
+
+#palettediv ul {
+ padding: 0 0 0 10px;
+}
+
+#palettediv .module {
+ margin-right: 10px;
+ float: left;
+ width: 120px;
+}
+
+#palettediv .handle {
+ height: 40px;
+ font-size: 90%;
+ width: 110px;
+ padding: 0 5px;
+}
+
+#palettediv .popper {
+ visibility: hidden;
+}
+
+* html #palettediv ul {
+ margin: 0;
+ padding: 0 0 0 10px;
+}
+
+#controls {
+ height: 0px;
+}
+
+.control {
+ position: absolute;
+ display: block;
+ background: #f9fcfe;
+ padding: 0;
+}
+
+.controlhandle {
+ cursor: move;
+ background-color: #6da6d1;
+ border-bottom: 2px solid #448abd;
+ color: #333;
+ display: block;
+ margin: 0 0 5px;
+ padding: 4px;
+ font-size: 120%;
+}
+
+.controlcloser {
+ cursor: pointer;
+ font-size: 120%;
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 8px;
+ padding: 0 3px;
+ font-weight: bold;
+}
+
+.controlform {
+ margin: 20px 30px;
+}
+
+.controlform p {
+ text-align: center;
+}
+
+.control .checkbox {
+ border: none;
+ background: transparent;
+}
+
+.hidden {
+ display: none;
+}
+
+#shadow {
+ background: black;
+ display: none;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+}
+
+#dragHelper {
+ position: absolute;
+}
+
+#dragHelper li.module {
+ display: block;
+ float: left;
+}