--- Webpacus/root/editor/editor.css	2005/11/27 17:26:43	180
+++ Webpacus/root/editor/editor.css	2005/11/29 14:31:26	193
@@ -1,5 +1,10 @@
 /* record browsing */
 
+DIV, DIV * {
+	box-sizing: border-box !important;
+	-moz-box-sizing: border-box !important;
+}
+
 .navigation {
 	background: #e0e0e0;
 	padding: 0.5em;
@@ -25,7 +30,6 @@
 	background-color: #ffffff;
 	color: #000080;
 }
-	
 
 /*
 #div_record_nr {
@@ -45,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;
@@ -68,79 +73,77 @@
 
 /* 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: 0;
+	padding 0;
+	list-style-position: inside;
 }
 
-#div_template_list li {
-	margin-left: 1em;
-	border: 1px solid #c0c0c0;
+.file-list li {
+	padding 0;
 	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;
 }
 
-#template_list_selected {
-	padding: 4px;
-/*	font-weight: bold;*/
-}
-
-#div_template_list a:hover {
+.file-list a:hover, .file-list a:hover {
 	background-color: #ffffff;
 	color: #000080;
 }
 
-#div_template, #div_css {
-	position: relative;
-	display: block;
-	float: left;
+.file-selected {
+	padding: 4px;
 }
 
+/*
+.editor-form {
+	border: 2px dashed #ff0000;
+}
+*/
 
+
+/* notice text */
 .notice {
 	color: #808080;
 	font-size: 70%;
@@ -165,17 +168,22 @@
 .tidy {
 	clear: left;
 	border: 2px solid #808080;
-	font-size: 50%;
 	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;
 }