--- Webpacus/root/editor/editor.css	2005/11/27 15:14:54	179
+++ Webpacus/root/editor/editor.css	2005/12/16 13:20:57	259
@@ -1,41 +1,12 @@
 /* record browsing */
 
-.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;
+DIV, DIV * {
+	box-sizing: border-box !important;
+	-moz-box-sizing: border-box !important;
 }
 
-.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;
+	margin-top: 1em;
 }
 
 #div_editor_toolbar a {
@@ -45,6 +16,7 @@
 	-moz-border-radius-topleft: 1.5em;
 	-moz-border-radius-topright: 1.5em;
 }
+
 .tab, .tab:link, .tab:visited  {
 	background-color: #c0c0c0;
 	color: #ffffff;
@@ -68,79 +40,103 @@
 
 /* define editors */
 
-#div_editors {
-	display: block;
+.editors {
 	background-color: #f0f0f0;
 	border: 1px solid #c0c0c0;
-	padding: 1em;
+	margin: 0;
+	padding: 0;
 	overflow: hidden;
-}
-
-#div_template_form, #div_css_form {
-	display: inline;
-	float: left;
-	z-index: 2;
+	width: 100%;
 }
 
 /* buttons above textarea */
 .content_toolbar {
-	display: block;
-	width: 40em;	/* ugly! */
+	padding: 0.5em;
 }
 
 /* buttons and status bar below */
-.edit_bar {
-	margin-top: 0.5em;
-	width: 40em;
+.edit-bar {
+	width: 100%;
+	padding: 0.5em;
 }
 
-#div_template_list, #div_css_list {
-	display: block;
-	margin-left: 1em;
-	margin: 0;
+/* file lists on right side */
+.file-list {
+	vertical-align: top;
 	color: #000000;
-	margin-left: 1em;
 	font-size: 70%;
+	width: 100%;
+	margin: 0;
+	padding: 0;
 }
 
-#div_template_list ul {
-	z-index: 1;
+.file-list ul {
+	margin: 1em;
+	padding: 0;
+	list-style-position: inside;
 }
 
-#div_template_list li {
-	margin-left: 1em;
-	border: 1px solid #c0c0c0;
+.file-list li {
 	list-style-type: none;
 	overflow: hidden;
-	margin-bottom: 2px;
+	white-space: nowrap;
+	margin: 4px;
+	border: 1px solid #c0c0c0;
 }
 
-#div_template_list a, #div_template_list:link, #div_template_list:visited {
-
+.file-list a, .file-list a:link, .file-list a:visited {
 	text-decoration: none;
+	display: block;
 	background-color: #c0c0c0;
 	color: #ffffff;
-	display: block;
 	padding: 4px;
+	white-space: nowrap;
+}
+
+.file-list a:hover, .file-list a:hover {
+	background-color: #ffffff;
+	color: #000080;
 }
 
-#template_list_selected {
+.file-selected {
 	padding: 4px;
-/*	font-weight: bold;*/
 }
 
-#div_template_list a:hover {
-	background-color: #ffffff;
-	color: #000080;
+.editor-form {
+	margin-left: 1em;
 }
 
-#div_template, #div_css {
-	position: relative;
+/* record navigation */
+
+.navigation {
+	background: #e0e0e0;
+	padding: 0.5em;
 	display: block;
-	float: left;
+	margin: 0;
+	margin-top: 1em;
 }
 
+.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;
+}
+
+/* notice text */
 .notice {
 	color: #808080;
 	font-size: 70%;
@@ -150,12 +146,47 @@
 
 #div_record {
 	clear: left;
-	margin-top: 1em;
 	padding: 1em;
-	border: 1px dashed #808080;
+	margin: 0;
+	border: 1px dashed #e0e0e0;
+	overflow: hidden;
 }
 
 /* progress indicator picture */
 #working {
 	margin-left: 2em;
 }
+
+/* HTML tidy */
+
+.tidy {
+	clear: left;
+	border: 2px solid #808080;
+	margin-top: 1em;
+	padding: 1em;
+	color: #808080;
+}
+
+.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;
+}
+
+/* error */
+.error {
+	color: #c00000;
+}
+