+
+/* Rules for rich text editors */
+
+.richtext_container {
+ white-space: nowrap;
+
+ .richtext_content {
+ display: inline-block;
+ vertical-align: top;
+
+ .richtext_preview {
+ display: inline-block;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ border: 4px solid #eee;
+ background-color: #eee;
+ white-space: normal;
+
+ &.loading {
+ background-image: image-url("loading.gif");
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+
+ > :first-child {
+ margin-top: 0px;
+ }
+ }
+ }
+
+ .richtext_help {
+ display: inline-block;
+ vertical-align: top;
+ background-color: #ddd;
+ padding: 5px 10px 10px 10px;
+ font-size: 12px;
+
+ p {
+ margin: 0px;
+ }
+
+ th {
+ vertical-align: top;
+ }
+
+ td {
+ font-family: fixed;
+ line-height: 16px;
+ padding: 0px !important;
+ }
+
+ input.richtext_doedit {
+ margin-top: 5px !important;
+ }
+
+ input.richtext_dopreview {
+ margin-top: 5px !important;
+ }
+ }
+}
+
+/* Rules for the layer switcher */
+
+.SimpleLayerSwitcher {
+ position:absolute;
+ top:10px;
+ right:10px;
+ background:#fff;
+ border:1px solid #ccc;
+ min-width:150px;
+ background: #fff;
+}
+
+.SimpleLayerSwitcher a.basey {
+ display:block;
+ text-decoration:none;
+ color:#838383;
+ padding:2px 5px 2px 20px;
+}
+
+.SimpleLayerSwitcher a.basey-on {
+ color:#000;
+ background-color: #fff;
+ background-image: url('carat.png');
+ background-repeat: no-repeat;
+ background-position: 7px 9px;
+}
+
+.SimpleLayerSwitcher a.basey-off {
+ display:none;
+}
+
+.SimpleLayerSwitcher:hover a {
+ border-top:1px solid #eee;
+}
+
+.SimpleLayerSwitcher a:hover {
+ background-color:#f5f5f5;
+}
+
+.SimpleLayerSwitcher:hover a:first-child {
+ border-top:none;
+}
+
+.SimpleLayerSwitcher:hover a.basey-off {
+ display:block;
+}