--- Webpacus/root/editor/editor.css	2005/11/26 20:21:49	164
+++ Webpacus/root/editor/editor.css	2005/11/29 13:02:53	189
@@ -1,7 +1,43 @@
-#div_css {
+/* record browsing */
+
+DIV, DIV * {
+	box-sizing: border-box !important;
+	-moz-box-sizing: border-box !important;
+}
+
+.navigation {
+	background: #e0e0e0;
+	padding: 0.5em;
 	display: block;
 }
 
+.navigation a, .navigation:link, .navigation:visited {
+	color: #000000;
+	text-decoration: none;
+	background-color: #f0f0f0;
+	border: 1px solid #c0c0c0;
+	padding: 0.2em 0.5em 0.2em 0.4em;
+	-moz-border-radius: 1.5em;
+}
+
+.nav_disable, .nav_disable:link, .nav_disable:visited {
+	background-color: #e0e0e0;
+	border: 1px solid #c0c0c0;
+	color: #c0c0c0;
+}
+
+.navigation a:hover {
+	background-color: #ffffff;
+	color: #000080;
+}
+
+/*
+#div_record_nr {
+	width: 5em;
+	border: 1px solid #ff0000;
+}
+*/
+
 #div_editor_toolbar {
 	margin-top: 0.5em;
 }
@@ -13,6 +49,7 @@
 	-moz-border-radius-topleft: 1.5em;
 	-moz-border-radius-topright: 1.5em;
 }
+
 .tab, .tab:link, .tab:visited  {
 	background-color: #c0c0c0;
 	color: #ffffff;
@@ -26,41 +63,148 @@
 	color: #000000;
 }
 
-#div_template_list {
-	display: inline;
-	border: 2px solid #ffcc88;
-	float: right;
-	z-index: 10;
+.tab:hover {
+	background-color: #ffffff;
+	color: #000080;
+	border-top: 1px solid #c0c0c0;
+	border-left: 1px solid #c0c0c0;
+	border-right: 1px solid #c0c0c0;
 }
 
+/* define editors */
+
 #div_editors {
 	display: block;
+	width: 100%;
 	background-color: #f0f0f0;
 	border: 1px solid #c0c0c0;
 	padding: 1em;
+	overflow: hidden;
+}
+
+#div_template_form, #div_css_form {
+	display: block;
+	float: left;
+	clear: none;
+	z-index: 2;
+}
+
+/* buttons above textarea */
+.content_toolbar {
+	display: block;
+}
+
+/* buttons and status bar below */
+.edit_bar {
+	display: block;
+	margin-top: 0.5em;
+	width: 40em;
+}
+
+#div_template_list, #div_css_list {
+	display: block;
+	min-width: 20em;
+	color: #000000;
+	font-size: 70%;
+	margin: 0;
+	/* margin-left: 50em; */
+	float: right;
+	clear: none;
+}
+
+#div_template_list ul, #div_css_list ul {
+	display: block;
+	width: 100%;
+	z-index: 1;
+	padding: 0;
+	margin: 0;
+}
+
+#div_template_list li, #div_css_list li {
+	display: block;
+	width: 100%;
+	margin: 0;
+	margin-left: 1em;
+	margin-bottom: 2px;
+	border: 1px solid #c0c0c0;
+	list-style-type: none;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+#div_template_list a, #div_template_list a:link, #div_template_list a:visited,
+#div_css_list a, #div_css_list a:link, #div_css_list a:visited
+{
+	text-decoration: none;
+	background-color: #c0c0c0;
+	color: #ffffff;
+	padding: 4px;
+	display: block;
+	min-width: 15em;
+	white-space: nowrap;
+}
+
+#template_list_selected {
+	padding: 4px;
+	margin: 4px;
+	min-width: 15em;
+	/* font-weight: bold; */
+}
+
+#div_template_list a:hover, #div_css_list a:hover {
+	background-color: #ffffff;
+	color: #000080;
 }
 
 #div_template, #div_css {
 	position: relative;
 	display: block;
-	clear: left;
+	float: left;
+}
+
+.notice {
+	color: #808080;
+	font-size: 70%;
 }
 
+/* define record */
+
 #div_record {
-	display: block;
 	clear: left;
 	margin-top: 1em;
-	border-top: 1px solid #e0e0e0;
 	padding: 1em;
+	border: 1px dashed #808080;
 }
 
-.notice {
+/* progress indicator picture */
+#working {
+	margin-left: 2em;
+}
+
+/* HTML tidy */
+
+.tidy {
+	clear: left;
+	border: 2px solid #808080;
+	margin-top: 1em;
+	padding: 1em;
 	color: #808080;
-	font-size: 70%;
 }
 
-.navigation {
-	background: #e0e0e0;
-	padding: 0.5em;
+.tidy tt {
+	clear: left;
 	display: block;
+	background-color: #e0e0e0;
+	padding: 2px;
+	margin-left: 2em;
+	color: #000000;
+}
+
+.tidy_error {
+	margin-top: 0.5em;
+	color: #c00000;
+}
+
+.tidy_warning {
+	color: #c0c000;
 }