+.htmlview .annotations-block .annotation-body {
+ position: relative;
+ padding-left: 2.5em;
+ padding-top: 0.2em;
+}
+
+.htmlview .annotations-block .annotation-backref {
+ position: absolute;
+ top: 0.4em;
+ left: -0.4em;
+ width: 2.5em;
+ text-align: right;
+
+}
+
+.htmlview .annotations-block .annotation-backref:before {
+ content: "[" counter(secondary) "]";
+ counter-increment: secondary;
+}
+
+/*
+ * EDITABLE ELEMENTS
+ */
+
+.htmlview *[x-editable] {
+ position: relative;
+ padding: 2px;
+ margin-left: 0;
+ border: 1px solid #FFF;
+}
+
+/* focused editable element */
+.htmlview *[x-editable]:hover
+{
+ z-index: 900;
+}
+
+.htmlview *[x-editable][x-open]
+{
+ visibility: hidden;
+}
+
+.edit-button {
+ position: absolute;
+ top: -21px;
+ left: -1px;
+ width: 50px;
+ height: 21px;
+
+ display: block;
+/* margin: 4px 0 2px 0;*/
+ padding: 5px 5px 2px 5px;
+ border: none;
+ background-color: #FAFAFA;
+
+/* z-index: 3000;*/
+/* color: #FFF;
+ z-index: 1500;
+*/ border: 1px solid #DDD;
+ border-bottom: none;
+}
+
+
+.edit-button:hover, .edit-button:active {
+/* color: #FFF;*/
+ background-color: #999;
+ color: #FFF;
+}
+
+/*
+ * VISIBILITY RULES
+ */
+.default-menu {
+ visibility: inherit;
+ opacity: 0.2;
+}
+
+.default-menu:hover {
+ opacity: 1;
+ z-index: 5000;
+}
+
+.htmlview *[x-annotation-box] > .default-menu {
+ opacity: 1;
+}
+
+.htmlview *[x-editable][x-open] > .default-menu {
+ visibility: hidden;
+}
+.htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
+ visibility: hidden;
+}
+
+.htmlview *[x-editable] > .edit-menu {
+ visibility: hidden;
+}
+.htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
+ visibility: hidden;
+}
+
+.htmlview *[x-editable][x-open] > .edit-menu {
+ visibility: visible;
+}
+.htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
+ visibility: visible;
+}
+
+.html-editarea {
+ border: 0px;
+ background-color: gray;
+ padding: 1px;
+
+ z-index: 2000;
+ position: absolute;
+}
+
+.html-editarea textarea
+{
+/* border: 2px solid black;*/
+
+ margin: 0px;
+ padding: 0px;
+
+ width: 100%;
+ height: 100%;
+
+ z-index: 0;
+ font-size: 10pt;
+/* background-color: ivory;*/
+}
+
+/*/
+/*
+/* Theme edit dialog
+/*
+/*/
+/*#theme-edit-dialog {
+ left: 5%;
+ right: 5%;
+ top: 5%;
+ bottom: 5%;
+ padding: 0em;
+}
+
+#theme-edit-dialog *.data-area {
+ position: absolute;
+
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 32px;
+
+ padding: 0px;
+ background-color: #fafafa;
+
+ overflow-y: scroll;
+}
+
+#theme-edit-dialog *.action-area {
+ position: absolute;
+ height: 30px;
+ line-height: 20px;
+
+ left: 5px;
+ right: 5px;
+ bottom: 0px;
+
+ padding: 0px;
+ margin: 0px;
+
+ border-top: 1px solid black;
+ background-color: #fafafa;
+}
+
+#theme-edit-dialog *.action-area * {
+ vertical-align: baseline;
+}
+
+#theme-edit-dialog .theme-multi-list {
+ padding: 0.5em 1em;
+}
+
+#theme-edit-dialog .theme-multi-list .unknown-themes {
+ display: none;
+}
+
+#theme-edit-dialog .theme-multi-list .letter-heading {
+ font-size: 150%;
+ text-align: left;
+ border-bottom: 1px solid black;
+ padding-top: 1em;
+}
+
+#theme-edit-dialog .theme-mutli-list input:checked + label {