diff --git a/mozilla/layout/html/document/src/Makefile.in b/mozilla/layout/html/document/src/Makefile.in
index 108d766160b..c52e23c3b0d 100644
--- a/mozilla/layout/html/document/src/Makefile.in
+++ b/mozilla/layout/html/document/src/Makefile.in
@@ -63,8 +63,8 @@ INCLUDES	+= \
 		-I$(DIST)/public/raptor \
 		$(NULL)
 
-GARBAGE		+= $(DIST)/bin/res/ua.css $(DIST)/bin/res/arrow.gif
+GARBAGE		+= $(DIST)/bin/res/ua.css $(DIST)/bin/res/html.css $(DIST)/bin/res/arrow.gif
 
 install:: $(TARGETS)
-	$(INSTALL) $(srcdir)/ua.css $(srcdir)/arrow.gif $(DIST)/bin/res
+	$(INSTALL) $(srcdir)/ua.css $(srcdir)/html.css $(srcdir)/arrow.gif $(DIST)/bin/res
 
diff --git a/mozilla/layout/html/document/src/html.css b/mozilla/layout/html/document/src/html.css
new file mode 100644
index 00000000000..abe34c8c958
--- /dev/null
+++ b/mozilla/layout/html/document/src/html.css
@@ -0,0 +1,1377 @@
+/*
+ * The contents of this file are subject to the Netscape Public License
+ * Version 1.0 (the "NPL"); you may not use this file except in
+ * compliance with the NPL.  You may obtain a copy of the NPL at
+ * http://www.mozilla.org/NPL/
+ *
+ * Software distributed under the NPL is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
+ * for the specific language governing rights and limitations under the
+ * NPL.
+ *
+ * The Initial Developer of this code under the NPL is Netscape
+ * Communications Corporation.  Portions created by Netscape are
+ * Copyright (C) 1998 Netscape Communications Corporation.  All Rights
+ * Reserved.
+ */
+
+@namespace url(http://www.w3.org/TR/REC-html40); /* set default namespace to HTML */
+
+html {
+  display: block;
+}
+
+body {
+  display: block;
+  line-height: normal;
+  margin: 8px;
+}
+
+body > *:first-node {
+  margin-top: 0;
+}
+
+frameset {
+  overflow: hidden;
+}
+
+frame {
+  background-color: white;
+}
+
+iframe {
+  background-color: white;
+}
+
+/* blocks */
+
+p {
+  display: block;
+  margin: 1em 0;
+}
+address {
+  display: block;
+  font-style: italic;
+}
+blockquote {
+  display: block;
+  margin: 1em 40px;
+}
+blockquote[type=cite] {
+  display: block;
+  margin: 1em 0px;
+  padding-left: 1em;
+  border-left: solid;
+  border-color: blue;
+  border-width: thin;
+}
+center {
+  display: block;
+  text-align: -moz-center;
+}
+div {
+  display: block;
+}
+h1 {
+  display: block;
+  font-size: xx-large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h2 {
+  display: block;
+  font-size: x-large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h3 {
+  display: block;
+  font-size: large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h4 {
+  display: block;
+  font-size: medium;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h5 {
+  display: block;
+  font-size: small;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h6 {
+  display: block;
+  font-size: x-small;
+  font-weight: bold;
+  margin: 1em 0;
+}
+layer {
+  display: block;
+  position: absolute;
+}
+listing {
+  display: block;
+  font-family: -moz-fixed;
+  font-size: medium;
+  white-space: pre;
+  margin: 1em 0;
+}
+plaintext, xmp, pre {
+  display: block;
+  font-family: -moz-fixed;
+  white-space: pre;
+  margin: 1em 0;
+}
+pre[wrap] {
+  white-space: -moz-pre-wrap;
+}
+pre[cols] {
+  white-space: -moz-pre-wrap;
+}
+pre[width] {
+  white-space: -moz-pre-wrap;
+}
+multicol {
+  display: block;
+  margin: 1em 0;
+}
+
+/* tables */
+
+table {
+  display: table;
+/* border-style: outset; */
+  border-color: #c0c0c0;
+  border-spacing: 2px; 
+  border-collapse: separate;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+table[align=left] {
+  margin-right: 4px;
+}
+table[align=right] {
+  margin-left: 4px;
+}
+
+/* must never set padding in td, th */
+td, th {
+  vertical-align: inherit;
+  text-align: left; 
+/* border-style: inset; */
+  border-color: #c0c0c0;
+  display: table-cell;
+}
+th {
+  font-weight: bold;
+  text-align: center; 
+}
+caption {
+  text-align: center;
+  display: table-caption;
+}
+tr {
+  display: table-row;
+  vertical-align: inherit;
+}
+tbody {
+  display: table-row-group;
+  vertical-align: middle;
+}
+thead {
+  display: table-header-group;
+  vertical-align: middle;
+}
+tfoot {
+  display: table-footer-group;
+  vertical-align: middle;
+}
+col {
+  display: table-column;
+}
+colgroup {
+  display: table-column-group;
+}
+
+/* spans */
+
+q:before {
+  content: open-quote;
+}
+q:after {
+  content: close-quote;
+}
+
+a:link {
+  display: inline;
+  color: blue;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:visited {
+  display: inline;
+  color: purple;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:active {
+  display: inline;
+  color: red;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:out-of-date {
+  display: inline;
+  color: lime;
+  text-decoration: underline;
+  cursor: pointer;
+}
+b, strong {
+  display: inline;
+  font-weight: bolder;
+}
+i, cite, em, var {
+  display: inline;
+  font-style: italic;
+}
+tt, code, kbd, samp {
+  display: inline;
+  font-family: -moz-fixed;
+}
+u {
+  display: inline;
+  text-decoration: underline;
+}
+s, strike {
+  display: inline;
+  text-decoration: line-through;
+}
+blink {
+  display: inline;
+  text-decoration: blink;
+}
+big {
+  display: inline;
+  font-size: larger;
+}
+small {
+  display: inline;
+  font-size: smaller;
+}
+abbr, acronym, del, dfn, ins, q, span {
+  display: inline;
+}
+ins { text-decoration: underline; }
+del { text-decoration: line-through; }
+dfn { font-style: italic; }
+sub {
+  display: inline;
+  vertical-align: sub;
+  font-size: smaller;
+}
+sup {
+  display: inline;
+  vertical-align: super;
+  font-size: smaller;
+}
+ilayer {
+  position: relative;
+  display: inline;
+}
+nobr {
+  display: inline;
+  white-space: nowrap;
+}
+legend {
+  display: inline;
+	padding-left: 2px;
+	padding-right: 2px;
+  border: 2px solid black;
+}
+fieldset {
+  display: block;
+  border: 2px solid black;
+	padding: 4px;
+	margin-left: 2px;
+	margin-right: 2px;
+}
+
+/* lists */
+
+:-moz-list-bullet {
+  display: inline;
+  vertical-align: baseline;
+  margin-right: 8px;
+}
+
+ul, menu, dir {
+  display: block;
+  list-style-type: disc;
+  margin: 1em 0;
+  padding-left: 40px;
+  counter-reset: -html-counter 0;
+  float-edge: margin-box;
+}
+
+ol {
+  display: block;
+  list-style-type: decimal;
+  margin: 1em 0;
+  padding-left: 40px;
+  counter-reset: -html-counter 0;
+  float-edge: margin-box;
+}
+
+/* make orphaned li's have inside bullet */
+li {
+  display: list-item;
+  list-style-position: inside; 
+}
+
+/* restore outside position for lists inside li's */
+li ul, li ol, li dir, li menu { 
+  list-style-position: outside; 
+}
+
+/* undo previous two rules for properly nested lists */
+ul li, dir li, menu li, ol li,
+ul ul, ul dir, ul menu, ul ol,
+dir ul, dir dir, dir menu, dir ol,
+menu ul, menu dir, menu menu, menu ol,
+ol ul, ol dir, ol menu, ol ol {
+  list-style-position: inherit;
+}
+
+/* nested lists have no top/bottom margins */
+ul ul,   ul ol,   ul menu,   ul dir,
+menu ul, menu ol, menu menu, menu dir,
+dir ul,  dir ol,  dir menu,  dir dir,
+ol ul,   ol ol,   ol menu,   ol dir
+{
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* 2 deep unordered lists use a circle */
+ol ul,   ul ul,   menu ul,   dir ul,
+ol menu, ul menu, menu menu, dir menu,
+ol dir,  ul dir,  menu dir,  dir dir
+{
+  list-style-type: circle;
+}
+
+/* 3 deep (or more) unordered lists use a square */
+ol ol ul,   ol ul ul,   ol menu ul,   ol dir ul,
+ol ol menu, ol ul menu, ol menu menu, ol dir menu,
+ol ol dir,  ol ul dir,  ol menu dir,  ol dir dir,
+
+ul ol ul,   ul ul ul,   ul menu ul,   ul dir ul,
+ul ol menu, ul ul menu, ul menu menu, ul dir menu,
+ul ol dir,  ul ul dir,  ul menu dir,  ul dir dir,
+
+menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
+menu ol menu, menu ul menu, menu menu menu, menu dir menu,
+menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
+
+dir ol ul,   dir ul ul,   dir menu ul,   dir dir ul,
+dir ol menu, dir ul menu, dir menu menu, dir dir menu,
+dir ol dir,  dir ul dir,  dir menu dir,  dir dir dir
+{
+  list-style-type: square;
+}
+
+dl {
+  display: block;
+  margin: 1em 0;
+}
+dt {
+  display: block;
+}
+dl[compact] > dt {  /* compact allowed on DL, OL, UL, DIR MENU */
+  display: compact;
+}
+dd {
+  display: block;
+  margin-left: 40px;
+}
+dl dl {
+  margin: 0 0 0 40px;
+}
+dt dl, dd dl {
+  margin: 0;
+}
+
+/* leafs */
+
+embed {
+  display: inline;
+}
+hr {
+  display: block;
+  border: 1px -moz-bg-inset;
+  margin: 0 auto;
+}
+br {
+  display: inline;
+  color: cyan;
+}
+img {
+  display: inline;
+}
+/* note: not exactly 4.x compatible; 4.x has 3px for *both* margins */
+img[align=left] {
+  margin-right: 4px;
+}
+img[align=right] {
+  margin-left: 4px;
+}
+a:link img, a:visited img, a:active img,
+a:out-of-date img, img[usemap], object[usemap] {
+  display: inline;
+  border: 2px solid;
+  cursor: pointer;
+}
+img[usemap], object[usemap] {
+  color: blue;
+}
+img:-moz-text {
+  /* font-family: sans-serif; */
+  /* font-size: 8.5pt; */
+}
+spacer {
+  display: inline;
+}
+wbr {
+  display: inline;
+}
+iframe {
+  display: inline;
+  border: 2px solid black;
+}
+form {
+  display: block;
+  margin: 1em 0;
+}
+
+
+/* button */
+input[type=button]:-moz-buttonlabel {
+  box-sizing: border-box;
+  content:"   ";
+  font-family: sans-serif;
+  font-size: small;
+  background-color:inherit;
+}
+
+input[type=button][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+  background-color:inherit;
+}
+
+/* submit */
+input[type=submit]:-moz-buttonlabel {
+  content:"Submit Query";
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input[type=submit][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+}
+
+/* reset */
+input[type=reset]:-moz-buttonlabel {
+  content:"Reset";
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input[type=reset][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input {
+  vertical-align: bottom;
+  border: 2px inset rgb(204, 204, 204);
+  color: black;
+}
+input[type=hidden] {
+  border: none;
+  visibility: collapse;
+}
+
+/*------- Focus ------*/
+a:focus {
+  outline: 1px dotted black;
+}
+
+a:focus img {
+  outline: 1px dotted black;
+}
+
+select:focus {
+  border: 1px dotted black;
+}
+
+select[multiple]:focus {
+  border: 1px dotted black;
+}
+
+select[size]:focus {
+  border: 1px dotted black;
+}
+
+select[size="1"]:focus {
+  border: 1px dotted black;
+}
+
+select[size="1"]:focus input#-moz-display {
+  border: none;
+}
+
+input[type=radio]:focus {
+  border: 2px inset rgb(204, 204, 204);
+}
+
+input[type=checkbox]:focus {
+  border: 1px inset rgb(204, 204, 204);
+}
+
+input[type=image]:focus {
+  border: 2px dotted black;
+}
+
+/*------- End Focus ------*/
+
+input[type=image] {
+  box-sizing: border-box;
+  border: 2px solid blue;
+}
+
+input[type=file] {
+  box-sizing: border-box;
+  white-space: nowrap;
+  border:none;
+}
+
+/* browse button for file selector */
+input[type=file] input[type=button] {
+  height:inherit;
+}
+
+input[type=file] input[type=button]:-moz-buttonlabel {
+  content:"Browse...";
+  font-family: sans-serif;
+}
+
+
+input[type=radio] {
+  box-sizing: border-box;
+  /* these margins are for NavQuirks, we need a Standard ua.css */  
+  margin-left:   3px;   
+  margin-right:  5px;  
+  margin-top:    3px; 
+  margin-bottom: 3px; 
+  border: 2px outset rgb(204, 204, 204);
+  background-color:rgb(204, 204, 204);
+  color:black;
+  width:12px;
+  height:12px;
+  -moz-border-radius:6px;
+}
+
+input[type=radio][disabled] {
+  background-color:rgb(150, 150, 150);
+}
+
+input[type=radio]:active {
+  background-color:white;
+  border: 2px inset rgb(204, 204, 204);
+}
+
+input[type=radio][disabled]:hover {
+  background-color:rgb(150, 150, 150);
+  border: 2px outset rgb(204, 204, 204);
+}
+
+input[type=radio]:hover {
+  border : 2px solid black;
+}
+
+:-moz-radio {
+  background-color:black;
+  width:6px;
+  height:6px;
+  left:6px;
+  top:6px;
+  -moz-border-radius:3px;
+}
+
+
+input[type=checkbox] {
+  box-sizing: border-box;
+  /* these margins are for NavQuirks, we need a Standard ua.css */  
+  margin-left:   3px;   
+  margin-right:  5px;  
+  margin-top:    3px; 
+  margin-bottom: 4px;
+  border: 1px outset rgb(153, 153, 153);
+  width:11px;
+  height:11px;
+  background-color:rgb(204, 204, 204);
+  color:black;
+/*  -moz-border-radius:1px; */
+}
+
+input[type=checkbox][disabled] {
+  background-color:rgb(150, 150, 150);
+}
+
+input[type=checkbox]:active {
+  background-color:gray;
+  border: 1px inset rgb(204, 204, 204);
+}
+
+input[type=checkbox][disabled]:active {
+  background-color:rgb(150, 150, 150);
+  border : 1px solid rgb(204, 204, 204);
+}
+
+input[type=checkbox]:hover {
+  border : 1px solid black;
+}
+
+input[type=checkbox][disabled]:hover {
+  border: 1px outset rgb(153, 153, 153);
+}
+
+input[type="submit"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+input[type="submit"]:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="submit"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="submit"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="submit"]:hover {
+   border : 2px solid black;
+}
+
+input[type="submit"][disabled] {
+   border-style: solid;
+}
+
+input[type="submit"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="submit"][disabled]:active {
+  padding: 1px;
+}
+
+
+input[type="submit"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="submit"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type="reset"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+input[type="reset"]:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="reset"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="reset"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="reset"]:hover {
+   border : 2px solid black;
+}
+
+input[type="reset"][disabled] {
+   border-style: solid;
+}
+
+input[type="reset"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="reset"][disabled]:active {
+  padding: 1px;
+}
+
+input[type="reset"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="reset"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type="button"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+  padding: 1px;
+}
+
+input[type="button"]:active {
+  border-style: inset;
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="button"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="button"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="button"]:hover {
+   border : 2px solid black;
+}
+
+input[type="button"][disabled] {
+   border-style: solid;
+}
+
+input[type="button"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="button"][disabled]:active {
+  padding: 1px;
+}
+
+input[type="button"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="button"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+
+button { 
+  display: inline;
+  vertical-align: bottom;
+  cursor: default;
+
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+button:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+button:hover {
+   border : 2px solid black;
+}
+
+button:active:-moz-outline {
+   border : 1px solid black;
+}
+
+button:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+button[disabled] {
+   border-style: solid;
+}
+
+button[disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+button[disabled]:active {
+  padding: 1px;
+}
+
+button:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+button:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type=text] {
+  font-family:monospace;
+  font-size: 10;
+  border: 2px inset rgb(204, 204, 204);
+  background-color: white;
+  color: black;
+}
+
+input[type=text][disabled] {
+  color: gray;
+}
+
+input[type=password] {
+  border: 2px inset rgb(204, 204, 204);
+  background-color: white;
+  color:black;
+}
+
+
+label {
+  display: inline;
+  vertical-align: bottom;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+/* Combo box style */
+select:-moz-dummy-option { 
+  visibility: collapse; 
+  content: "X"; 
+  /*display: block;*/
+}
+
+select, select[size="1"] {
+  border: inset 1px rgb(192, 192, 192);
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
+  vertical-align: bottom;
+  background-color:rgb(204, 204, 204);  
+  color:black;
+  white-space:nowrap;
+  text-align: left; 
+}
+
+/* Listbox style */
+select[size] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[size][disabled] {
+  background-color:rgb(204, 204, 204);  
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple][disabled] {
+  background-color:rgb(204, 204, 204);  
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[disabled] {
+  background-color: rgb(204, 204, 204);
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple][size="1"] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[size="1"] {
+  border: inset 1px rgb(204, 204, 204);
+  vertical-align: bottom;
+  background-color:rgb(204, 204, 204);  
+  color:black;
+  white-space:nowrap;
+  text-align: left; 
+}
+
+
+/* combobox button */
+select input[type=button] {
+  white-space:nowrap;
+  border: outset 2px rgb(204, 204, 204);
+  background-image:url("arrow.gif");
+  background-repeat:no-repeat;
+  background-position:center;
+  width:12px;
+  height:12px;
+  -moz-border-radius:0px;
+}
+
+select[disabled] input[type=button] {
+  border: solid 1px rgb(204, 204, 204);
+}
+
+
+/* combobox display area */
+select input#-moz-display {
+  box-sizing: border-box;
+  border: none;
+  background-color: white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin: 0px;
+}
+
+select[disabled] input#-moz-display {
+  border: none;
+  color: gray;
+  background-color: white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/* combbox display area - active */
+select input#-moz-display:active {
+  border: none;
+  background-color:white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color:white;
+}
+
+
+option {
+  min-height: 1em;
+  display:block;
+  padding-left:3px;
+  padding-right:3px;
+  font-family: sans-serif;
+  font-size: small;
+}
+
+/* we need to address the part where there is a label */
+/* and content. The CSS3 content property would be handy for this */
+option[label]:before { 
+  content:attr(label);
+}
+
+
+select[disabled] option {
+  color:rgb(153, 153, 153);
+  background-color:white; 
+}
+
+/* Combobox item style */
+select option[-moz-option-selected] {
+ color:white;
+ background-color:rgb(51,51,102); 
+}
+
+/* List box item selected style */
+select option[disabled][-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select option[disabled] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[size] option[-moz-option-selected] {
+ color:white;
+ background-color:rgb(51,51,102); 
+}
+
+select[size][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[size="1"] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select[size="1"][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[multiple] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select[multiple][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[multiple][size="1"] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select input[type="button"]#-moz-display:-moz-focus-inner {
+   padding-left  : 3px;
+   padding-right : 0px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+}
+
+select input[type="button"]#-moz-display:focus:-moz-focus-inner {
+   padding-left  : 0px;
+   padding-right : 0px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+}
+
+option.selectedfocus {
+  border:   1px dotted white;
+  background-color: rgb(0,0,128);
+  color: rgb(255,255,255);
+}
+
+optgroup {
+  display:block;
+  font-style:italic;
+  font-weight:bold;
+}
+
+optgroup option {
+  display:block;
+  padding-left:20px;
+  font-style:normal;
+  font-weight:normal;
+}
+
+optgroup:before {
+  display:block;
+  content:attr(label);
+}
+
+
+textarea {
+  font-family:monospace;
+  font-size: 10;
+  vertical-align: bottom;
+  border: 2px inset #c0c0c0;
+  background-color:white;
+  color:black;
+}
+
+textarea[disabled] {
+  color: gray;
+}
+
+
+/* misc */
+
+applet {
+  display: inline;
+}
+area {
+  display: none;
+}
+map {
+  display: none;
+}
+base {
+  display: none;
+}
+basefont {
+  display: none;
+}
+head {
+  display: none;
+}
+meta {
+  display: none;
+}
+object {
+  display: inline;
+}
+script {
+  display: none;
+}
+style {
+  display: none;
+}
+title {
+  display: none;
+}
+noembed {
+  display: none;
+}
+noscript {
+  display: none;
+}
+noframes {
+  display: none;
+}
+
+param {
+  display: none;
+}
+
+parsererror {  /* XXX should not be in HTML namespace */
+  display: block;
+  font-family: sans-serif;
+  font-weight: bold;
+  white-space: pre;
+  margin: 1em;
+  padding: 1em;
+  border-width: thin;
+  border-style: inset;
+  border-color: red;
+  font-size: 14pt;
+  background-color: lightyellow;
+}
+
+sourcetext { /* XXX should not be in HTML namespace */
+  display: block;
+  white-space: pre;
+  font-family: Courier;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  color: red;
+  font-weight: bold;
+  font-size: 12pt;
+}
+
+/* pseudo-element style */
+
+:scrollbar-look {
+  background-color: #c0c0c0;
+  /* border-color: inherit; */
+  /* border: 2px outset #c0c0c0; */
+}
+
+:scrollbar-arrow-look {
+  background-color: #c0c0c0;
+  border-color: inherit;
+  border: 2px outset #c0c0c0;
+}
+
+:scrollbar-thumb-look {
+  background-color: #c0c0c0;
+  border-color: inherit;
+  border: 2px outset #c0c0c0;
+}
+
+:scrolled-content {
+  background: inherit;
+  padding: inherit;
+  display: inherit;
+}
+
+:wrapped-frame {
+  display: inherit;
+}
+
+:placeholder-frame {
+  display: inline;
+  width: 0;
+  height: 0;
+}
+
+:viewport, :viewport-scroll {
+  display: block;
+  background-color: inherit;
+}
+
+/* XXX Temporary until @page is supported... */
+:-moz-page, :-moz-page-sequence {
+  background: none;
+  display: block;
+}
+
+:canvas {
+  display: block;
+  background-color: inherit;
+}
+
+:table {
+  display: table;
+  border-style: inherit;
+  border-color: inherit;
+  margin-top: inherit;
+  margin-bottom: inherit;
+  background: inherit;
+}
+
+:table-cell {
+	display: table-cell;
+}
+
+:table-column {
+	display: table-column;
+}
+
+:table-column-group {
+	display: table-column-group;
+}
+
+:table-outer {
+  display: table;
+}
+
+:table-row {
+	display: table-row;
+}
+
+:table-row-group {
+	display: table-row-group;
+}
+
+:cell-content {
+  display: block;
+}
+
+:fieldset-content {
+  display: block;
+}
+
+:button-content {
+  display: block;
+}
+
+:label-content {
+  display: block;
+}
+
+:-moz-comment {
+  display: none;
+}
+
+:-moz-pi {
+  display: none;
+}
+
+/* combobox dropdown list */
+:-moz-dropdown-list {
+  background-color:inherit;
+  border: 1px inset rgb(153, 153, 153);
+} 
+
+/* combobox dropdown list hidden */
+select:-moz-dropdown-list {
+  visibility:collapse;
+}
+
+/* combobox dropdown list visible */
+select[-moz-dropdown-active]:-moz-dropdown-list {
+  visibility: visible;
+}
+
+:-moz-anonymous-block {
+  display: block;
+/*  border: 2px dashed green; */
+}
+
+:-moz-line-frame {
+}
+
+:-moz-letter-frame {
+}
diff --git a/mozilla/layout/html/document/src/makefile.win b/mozilla/layout/html/document/src/makefile.win
index b1a81f1312e..d7b8f10df67 100644
--- a/mozilla/layout/html/document/src/makefile.win
+++ b/mozilla/layout/html/document/src/makefile.win
@@ -74,9 +74,11 @@ include <$(DEPTH)\config\rules.mak>
 libs:: $(LIBRARY)
 	$(MAKE_INSTALL) $(LIBRARY) $(DIST)\lib
 	$(MAKE_INSTALL) ua.css $(DIST)\bin\res
+	$(MAKE_INSTALL) html.css $(DIST)\bin\res
 	$(MAKE_INSTALL) arrow.gif $(DIST)\bin\res
 
 clobber::
 	rm -f $(DIST)\lib\$(LIBRARY_NAME).lib
 	rm -f $(DIST)\bin\res\ua.css
+	rm -f $(DIST)\bin\res\html.css
 	rm -f $(DIST)\bin\res\arrow.gif
diff --git a/mozilla/layout/html/document/src/ua.css b/mozilla/layout/html/document/src/ua.css
index 4e88c772571..30159e84bf1 100644
--- a/mozilla/layout/html/document/src/ua.css
+++ b/mozilla/layout/html/document/src/ua.css
@@ -15,1365 +15,6 @@
  * Reserved.
  */
 
+@import url(resource:/res/html.css);
 @import url(resource:/chrome/xul.css);
 @import url(chrome://global/skin/);
-@namespace url(http://www.w3.org/TR/REC-html40); /* set default namespace to HTML */
-
-html {
-  display: block;
-}
-
-body {
-  display: block;
-  line-height: normal;
-  margin: 8px;
-}
-
-body > *:first-node {
-  margin-top: 0;
-}
-
-frameset {
-  overflow: hidden;
-}
-
-frame {
-  background-color: white;
-}
-
-iframe {
-  background-color: white;
-}
-
-/* blocks */
-
-p {
-  display: block;
-  margin: 1em 0;
-}
-address {
-  display: block;
-  font-style: italic;
-}
-blockquote {
-  display: block;
-  margin: 1em 40px;
-}
-blockquote[type=cite] {
-  display: block;
-  margin: 1em 0px;
-  padding-left: 1em;
-  border-left: solid;
-  border-color: blue;
-  border-width: thin;
-}
-center {
-  display: block;
-  text-align: -moz-center;
-}
-div {
-  display: block;
-}
-h1 {
-  display: block;
-  font-size: xx-large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h2 {
-  display: block;
-  font-size: x-large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h3 {
-  display: block;
-  font-size: large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h4 {
-  display: block;
-  font-size: medium;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h5 {
-  display: block;
-  font-size: small;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h6 {
-  display: block;
-  font-size: x-small;
-  font-weight: bold;
-  margin: 1em 0;
-}
-layer {
-  display: block;
-  position: absolute;
-}
-listing {
-  display: block;
-  font-family: -moz-fixed;
-  font-size: medium;
-  white-space: pre;
-  margin: 1em 0;
-}
-plaintext, xmp, pre {
-  display: block;
-  font-family: -moz-fixed;
-  white-space: pre;
-  margin: 1em 0;
-}
-pre[wrap] {
-  white-space: -moz-pre-wrap;
-}
-pre[cols] {
-  white-space: -moz-pre-wrap;
-}
-pre[width] {
-  white-space: -moz-pre-wrap;
-}
-multicol {
-  display: block;
-  margin: 1em 0;
-}
-
-/* tables */
-
-table {
-  display: table;
-/* border-style: outset; */
-  border-color: #c0c0c0;
-  border-spacing: 2px; 
-  border-collapse: separate;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-table[align=left] {
-  margin-right: 4px;
-}
-table[align=right] {
-  margin-left: 4px;
-}
-
-/* must never set padding in td, th */
-td, th {
-  vertical-align: inherit;
-  text-align: left; 
-/* border-style: inset; */
-  border-color: #c0c0c0;
-  display: table-cell;
-}
-th {
-  font-weight: bold;
-  text-align: center; 
-}
-caption {
-  text-align: center;
-  display: table-caption;
-}
-tr {
-  display: table-row;
-  vertical-align: inherit;
-}
-tbody {
-  display: table-row-group;
-  vertical-align: middle;
-}
-thead {
-  display: table-header-group;
-  vertical-align: middle;
-}
-tfoot {
-  display: table-footer-group;
-  vertical-align: middle;
-}
-col {
-  display: table-column;
-}
-colgroup {
-  display: table-column-group;
-}
-
-/* spans */
-
-q:before {
-  content: open-quote;
-}
-q:after {
-  content: close-quote;
-}
-
-a:link {
-  display: inline;
-  color: blue;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:visited {
-  display: inline;
-  color: purple;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:active {
-  display: inline;
-  color: red;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:out-of-date {
-  display: inline;
-  color: lime;
-  text-decoration: underline;
-  cursor: pointer;
-}
-b, strong {
-  display: inline;
-  font-weight: bolder;
-}
-i, cite, em, var {
-  display: inline;
-  font-style: italic;
-}
-tt, code, kbd, samp {
-  display: inline;
-  font-family: -moz-fixed;
-}
-u {
-  display: inline;
-  text-decoration: underline;
-}
-s, strike {
-  display: inline;
-  text-decoration: line-through;
-}
-blink {
-  display: inline;
-  text-decoration: blink;
-}
-big {
-  display: inline;
-  font-size: larger;
-}
-small {
-  display: inline;
-  font-size: smaller;
-}
-abbr, acronym, del, dfn, ins, q, span {
-  display: inline;
-}
-ins { text-decoration: underline; }
-del { text-decoration: line-through; }
-dfn { font-style: italic; }
-sub {
-  display: inline;
-  vertical-align: sub;
-  font-size: smaller;
-}
-sup {
-  display: inline;
-  vertical-align: super;
-  font-size: smaller;
-}
-ilayer {
-  position: relative;
-  display: inline;
-}
-nobr {
-  display: inline;
-  white-space: nowrap;
-}
-legend {
-  display: inline;
-	padding-left: 2px;
-	padding-right: 2px;
-  border: 2px solid black;
-}
-fieldset {
-  display: block;
-  border: 2px solid black;
-	padding: 4px;
-	margin-left: 2px;
-	margin-right: 2px;
-}
-
-/* lists */
-
-:-moz-list-bullet {
-  display: inline;
-  vertical-align: baseline;
-  margin-right: 8px;
-}
-
-ul, menu, dir {
-  display: block;
-  list-style-type: disc;
-  margin: 1em 0;
-  padding-left: 40px;
-  counter-reset: -html-counter 0;
-  float-edge: margin-box;
-}
-
-ol {
-  display: block;
-  list-style-type: decimal;
-  margin: 1em 0;
-  padding-left: 40px;
-  counter-reset: -html-counter 0;
-  float-edge: margin-box;
-}
-
-/* make orphaned li's have inside bullet */
-li {
-  display: list-item;
-  list-style-position: inside; 
-}
-
-/* restore outside position for lists inside li's */
-li ul, li ol, li dir, li menu { 
-  list-style-position: outside; 
-}
-
-/* undo previous two rules for properly nested lists */
-ul li, dir li, menu li, ol li,
-ul ul, ul dir, ul menu, ul ol,
-dir ul, dir dir, dir menu, dir ol,
-menu ul, menu dir, menu menu, menu ol,
-ol ul, ol dir, ol menu, ol ol {
-  list-style-position: inherit;
-}
-
-/* nested lists have no top/bottom margins */
-ul ul,   ul ol,   ul menu,   ul dir,
-menu ul, menu ol, menu menu, menu dir,
-dir ul,  dir ol,  dir menu,  dir dir,
-ol ul,   ol ol,   ol menu,   ol dir
-{
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-/* 2 deep unordered lists use a circle */
-ol ul,   ul ul,   menu ul,   dir ul,
-ol menu, ul menu, menu menu, dir menu,
-ol dir,  ul dir,  menu dir,  dir dir
-{
-  list-style-type: circle;
-}
-
-/* 3 deep (or more) unordered lists use a square */
-ol ol ul,   ol ul ul,   ol menu ul,   ol dir ul,
-ol ol menu, ol ul menu, ol menu menu, ol dir menu,
-ol ol dir,  ol ul dir,  ol menu dir,  ol dir dir,
-
-ul ol ul,   ul ul ul,   ul menu ul,   ul dir ul,
-ul ol menu, ul ul menu, ul menu menu, ul dir menu,
-ul ol dir,  ul ul dir,  ul menu dir,  ul dir dir,
-
-menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
-menu ol menu, menu ul menu, menu menu menu, menu dir menu,
-menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
-
-dir ol ul,   dir ul ul,   dir menu ul,   dir dir ul,
-dir ol menu, dir ul menu, dir menu menu, dir dir menu,
-dir ol dir,  dir ul dir,  dir menu dir,  dir dir dir
-{
-  list-style-type: square;
-}
-
-dl {
-  display: block;
-  margin: 1em 0;
-}
-dt {
-  display: block;
-}
-dl[compact] > dt {  /* compact allowed on DL, OL, UL, DIR MENU */
-  display: compact;
-}
-dd {
-  display: block;
-  margin-left: 40px;
-}
-dl dl {
-  margin: 0 0 0 40px;
-}
-dt dl, dd dl {
-  margin: 0;
-}
-
-/* leafs */
-
-embed {
-  display: inline;
-}
-hr {
-  display: block;
-  border: 1px -moz-bg-inset;
-  margin: 0 auto;
-}
-br {
-  display: inline;
-  color: cyan;
-}
-img {
-  display: inline;
-}
-/* note: not exactly 4.x compatible; 4.x has 3px for *both* margins */
-img[align=left] {
-  margin-right: 4px;
-}
-img[align=right] {
-  margin-left: 4px;
-}
-a:link img, a:visited img, a:active img,
-a:out-of-date img, img[usemap], object[usemap] {
-  display: inline;
-  border: 2px solid;
-  cursor: pointer;
-}
-img[usemap], object[usemap] {
-  color: blue;
-}
-img:-moz-text {
-  /* font-family: sans-serif; */
-  /* font-size: 8.5pt; */
-}
-spacer {
-  display: inline;
-}
-wbr {
-  display: inline;
-}
-iframe {
-  display: inline;
-  border: 2px solid black;
-}
-form {
-  display: block;
-  margin: 1em 0;
-}
-
-
-/* button */
-input[type=button]:-moz-buttonlabel {
-  box-sizing: border-box;
-  content:"   ";
-  font-family: sans-serif;
-  font-size: small;
-  background-color:inherit;
-}
-
-input[type=button][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-  background-color:inherit;
-}
-
-/* submit */
-input[type=submit]:-moz-buttonlabel {
-  content:"Submit Query";
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input[type=submit][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-}
-
-/* reset */
-input[type=reset]:-moz-buttonlabel {
-  content:"Reset";
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input[type=reset][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input {
-  vertical-align: bottom;
-  border: 2px inset rgb(204, 204, 204);
-  color: black;
-}
-input[type=hidden] {
-  border: none;
-  visibility: collapse;
-}
-
-/*------- Focus ------*/
-a:focus {
-  outline: 1px dotted black;
-}
-
-a:focus img {
-  outline: 1px dotted black;
-}
-
-select:focus {
-  border: 1px dotted black;
-}
-
-select[multiple]:focus {
-  border: 1px dotted black;
-}
-
-select[size]:focus {
-  border: 1px dotted black;
-}
-
-select[size="1"]:focus {
-  border: 1px dotted black;
-}
-
-select[size="1"]:focus input#-moz-display {
-  border: none;
-}
-
-input[type=radio]:focus {
-  border: 2px inset rgb(204, 204, 204);
-}
-
-input[type=checkbox]:focus {
-  border: 1px inset rgb(204, 204, 204);
-}
-
-input[type=image]:focus {
-  border: 2px dotted black;
-}
-
-/*------- End Focus ------*/
-
-input[type=image] {
-  box-sizing: border-box;
-  border: 2px solid blue;
-}
-
-input[type=file] {
-  box-sizing: border-box;
-  white-space: nowrap;
-  border:none;
-}
-
-/* browse button for file selector */
-input[type=file] input[type=button] {
-  height:inherit;
-}
-
-input[type=file] input[type=button]:-moz-buttonlabel {
-  content:"Browse...";
-  font-family: sans-serif;
-}
-
-
-input[type=radio] {
-  box-sizing: border-box;
-  /* these margins are for NavQuirks, we need a Standard ua.css */  
-  margin-left:   3px;   
-  margin-right:  5px;  
-  margin-top:    3px; 
-  margin-bottom: 3px; 
-  border: 2px outset rgb(204, 204, 204);
-  background-color:rgb(204, 204, 204);
-  color:black;
-  width:12px;
-  height:12px;
-  -moz-border-radius:6px;
-}
-
-input[type=radio][disabled] {
-  background-color:rgb(150, 150, 150);
-}
-
-input[type=radio]:active {
-  background-color:white;
-  border: 2px inset rgb(204, 204, 204);
-}
-
-input[type=radio][disabled]:hover {
-  background-color:rgb(150, 150, 150);
-  border: 2px outset rgb(204, 204, 204);
-}
-
-input[type=radio]:hover {
-  border : 2px solid black;
-}
-
-:-moz-radio {
-  background-color:black;
-  width:6px;
-  height:6px;
-  left:6px;
-  top:6px;
-  -moz-border-radius:3px;
-}
-
-
-input[type=checkbox] {
-  box-sizing: border-box;
-  /* these margins are for NavQuirks, we need a Standard ua.css */  
-  margin-left:   3px;   
-  margin-right:  5px;  
-  margin-top:    3px; 
-  margin-bottom: 4px;
-  border: 1px outset rgb(153, 153, 153);
-  width:11px;
-  height:11px;
-  background-color:rgb(204, 204, 204);
-  color:black;
-/*  -moz-border-radius:1px; */
-}
-
-input[type=checkbox][disabled] {
-  background-color:rgb(150, 150, 150);
-}
-
-input[type=checkbox]:active {
-  background-color:gray;
-  border: 1px inset rgb(204, 204, 204);
-}
-
-input[type=checkbox][disabled]:active {
-  background-color:rgb(150, 150, 150);
-  border : 1px solid rgb(204, 204, 204);
-}
-
-input[type=checkbox]:hover {
-  border : 1px solid black;
-}
-
-input[type=checkbox][disabled]:hover {
-  border: 1px outset rgb(153, 153, 153);
-}
-
-input[type="submit"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-input[type="submit"]:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="submit"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="submit"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="submit"]:hover {
-   border : 2px solid black;
-}
-
-input[type="submit"][disabled] {
-   border-style: solid;
-}
-
-input[type="submit"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="submit"][disabled]:active {
-  padding: 1px;
-}
-
-
-input[type="submit"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="submit"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type="reset"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-input[type="reset"]:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="reset"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="reset"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="reset"]:hover {
-   border : 2px solid black;
-}
-
-input[type="reset"][disabled] {
-   border-style: solid;
-}
-
-input[type="reset"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="reset"][disabled]:active {
-  padding: 1px;
-}
-
-input[type="reset"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="reset"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type="button"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-  padding: 1px;
-}
-
-input[type="button"]:active {
-  border-style: inset;
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="button"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="button"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="button"]:hover {
-   border : 2px solid black;
-}
-
-input[type="button"][disabled] {
-   border-style: solid;
-}
-
-input[type="button"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="button"][disabled]:active {
-  padding: 1px;
-}
-
-input[type="button"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="button"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-
-button { 
-  display: inline;
-  vertical-align: bottom;
-  cursor: default;
-
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-button:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-button:hover {
-   border : 2px solid black;
-}
-
-button:active:-moz-outline {
-   border : 1px solid black;
-}
-
-button:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-button[disabled] {
-   border-style: solid;
-}
-
-button[disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-button[disabled]:active {
-  padding: 1px;
-}
-
-button:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-button:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type=text] {
-  font-family:monospace;
-  font-size: 10;
-  border: 2px inset rgb(204, 204, 204);
-  background-color: white;
-  color: black;
-}
-
-input[type=text][disabled] {
-  color: gray;
-}
-
-input[type=password] {
-  border: 2px inset rgb(204, 204, 204);
-  background-color: white;
-  color:black;
-}
-
-
-label {
-  display: inline;
-  vertical-align: bottom;
-  padding-left: 3px;
-  padding-right: 3px;
-}
-
-/* Combo box style */
-select:-moz-dummy-option { 
-  visibility: collapse; 
-  content: "X"; 
-  /*display: block;*/
-}
-
-select, select[size="1"] {
-  border: inset 1px rgb(192, 192, 192);
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-  vertical-align: bottom;
-  background-color:rgb(204, 204, 204);  
-  color:black;
-  white-space:nowrap;
-  text-align: left; 
-}
-
-/* Listbox style */
-select[size] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[size][disabled] {
-  background-color:rgb(204, 204, 204);  
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple][disabled] {
-  background-color:rgb(204, 204, 204);  
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[disabled] {
-  background-color: rgb(204, 204, 204);
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple][size="1"] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[size="1"] {
-  border: inset 1px rgb(204, 204, 204);
-  vertical-align: bottom;
-  background-color:rgb(204, 204, 204);  
-  color:black;
-  white-space:nowrap;
-  text-align: left; 
-}
-
-
-/* combobox button */
-select input[type=button] {
-  white-space:nowrap;
-  border: outset 2px rgb(204, 204, 204);
-  background-image:url("arrow.gif");
-  background-repeat:no-repeat;
-  background-position:center;
-  width:12px;
-  height:12px;
-  -moz-border-radius:0px;
-}
-
-select[disabled] input[type=button] {
-  border: solid 1px rgb(204, 204, 204);
-}
-
-
-/* combobox display area */
-select input#-moz-display {
-  box-sizing: border-box;
-  border: none;
-  background-color: white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  margin: 0px;
-}
-
-select[disabled] input#-moz-display {
-  border: none;
-  color: gray;
-  background-color: white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/* combbox display area - active */
-select input#-moz-display:active {
-  border: none;
-  background-color:white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  background-color:white;
-}
-
-
-option {
-  min-height: 1em;
-  display:block;
-  padding-left:3px;
-  padding-right:3px;
-  font-family: sans-serif;
-  font-size: small;
-}
-
-/* we need to address the part where there is a label */
-/* and content. The CSS3 content property would be handy for this */
-option[label]:before { 
-  content:attr(label);
-}
-
-
-select[disabled] option {
-  color:rgb(153, 153, 153);
-  background-color:white; 
-}
-
-/* Combobox item style */
-select option[-moz-option-selected] {
- color:white;
- background-color:rgb(51,51,102); 
-}
-
-/* List box item selected style */
-select option[disabled][-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select option[disabled] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[size] option[-moz-option-selected] {
- color:white;
- background-color:rgb(51,51,102); 
-}
-
-select[size][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[size="1"] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select[size="1"][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[multiple] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select[multiple][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[multiple][size="1"] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select input[type="button"]#-moz-display:-moz-focus-inner {
-   padding-left  : 3px;
-   padding-right : 0px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-}
-
-select input[type="button"]#-moz-display:focus:-moz-focus-inner {
-   padding-left  : 0px;
-   padding-right : 0px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-}
-
-option.selectedfocus {
-  border:   1px dotted white;
-  background-color: rgb(0,0,128);
-  color: rgb(255,255,255);
-}
-
-optgroup {
-  display:block;
-  font-style:italic;
-  font-weight:bold;
-}
-
-optgroup option {
-  display:block;
-  padding-left:20px;
-  font-style:normal;
-  font-weight:normal;
-}
-
-optgroup:before {
-  display:block;
-  content:attr(label);
-}
-
-
-textarea {
-  font-family:monospace;
-  font-size: 10;
-  vertical-align: bottom;
-  border: 2px inset #c0c0c0;
-  background-color:white;
-  color:black;
-}
-
-textarea[disabled] {
-  color: gray;
-}
-
-
-/* misc */
-
-applet {
-  display: inline;
-}
-area {
-  display: none;
-}
-map {
-  display: none;
-}
-base {
-  display: none;
-}
-basefont {
-  display: none;
-}
-head {
-  display: none;
-}
-meta {
-  display: none;
-}
-object {
-  display: inline;
-}
-script {
-  display: none;
-}
-style {
-  display: none;
-}
-title {
-  display: none;
-}
-noembed {
-  display: none;
-}
-noscript {
-  display: none;
-}
-noframes {
-  display: none;
-}
-
-param {
-  display: none;
-}
-
-parsererror {  /* XXX should not be in HTML namespace */
-  display: block;
-  font-family: sans-serif;
-  font-weight: bold;
-  white-space: pre;
-  margin: 1em;
-  padding: 1em;
-  border-width: thin;
-  border-style: inset;
-  border-color: red;
-  font-size: 14pt;
-  background-color: lightyellow;
-}
-
-sourcetext { /* XXX should not be in HTML namespace */
-  display: block;
-  white-space: pre;
-  font-family: Courier;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  color: red;
-  font-weight: bold;
-  font-size: 12pt;
-}
-
-/* pseudo-element style */
-
-:scrollbar-look {
-  background-color: #c0c0c0;
-  /* border-color: inherit; */
-  /* border: 2px outset #c0c0c0; */
-}
-
-:scrollbar-arrow-look {
-  background-color: #c0c0c0;
-  border-color: inherit;
-  border: 2px outset #c0c0c0;
-}
-
-:scrollbar-thumb-look {
-  background-color: #c0c0c0;
-  border-color: inherit;
-  border: 2px outset #c0c0c0;
-}
-
-:scrolled-content {
-  background: inherit;
-  padding: inherit;
-  display: inherit;
-}
-
-:wrapped-frame {
-  display: inherit;
-}
-
-:placeholder-frame {
-  display: inline;
-  width: 0;
-  height: 0;
-}
-
-:viewport, :viewport-scroll {
-  display: block;
-  background-color: inherit;
-}
-
-/* XXX Temporary until @page is supported... */
-:-moz-page, :-moz-page-sequence {
-  background: none;
-  display: block;
-}
-
-:canvas {
-  display: block;
-  background-color: inherit;
-}
-
-:table {
-  display: table;
-  border-style: inherit;
-  border-color: inherit;
-  margin-top: inherit;
-  margin-bottom: inherit;
-  background: inherit;
-}
-
-:table-cell {
-	display: table-cell;
-}
-
-:table-column {
-	display: table-column;
-}
-
-:table-column-group {
-	display: table-column-group;
-}
-
-:table-outer {
-  display: table;
-}
-
-:table-row {
-	display: table-row;
-}
-
-:table-row-group {
-	display: table-row-group;
-}
-
-:cell-content {
-  display: block;
-}
-
-:fieldset-content {
-  display: block;
-}
-
-:button-content {
-  display: block;
-}
-
-:label-content {
-  display: block;
-}
-
-:-moz-comment {
-  display: none;
-}
-
-:-moz-pi {
-  display: none;
-}
-
-/* combobox dropdown list */
-:-moz-dropdown-list {
-  background-color:inherit;
-  border: 1px inset rgb(153, 153, 153);
-} 
-
-/* combobox dropdown list hidden */
-select:-moz-dropdown-list {
-  visibility:collapse;
-}
-
-/* combobox dropdown list visible */
-select[-moz-dropdown-active]:-moz-dropdown-list {
-  visibility: visible;
-}
-
-:-moz-anonymous-block {
-  display: block;
-/*  border: 2px dashed green; */
-}
-
-:-moz-line-frame {
-}
-
-:-moz-letter-frame {
-}
diff --git a/mozilla/layout/style/html.css b/mozilla/layout/style/html.css
new file mode 100644
index 00000000000..abe34c8c958
--- /dev/null
+++ b/mozilla/layout/style/html.css
@@ -0,0 +1,1377 @@
+/*
+ * The contents of this file are subject to the Netscape Public License
+ * Version 1.0 (the "NPL"); you may not use this file except in
+ * compliance with the NPL.  You may obtain a copy of the NPL at
+ * http://www.mozilla.org/NPL/
+ *
+ * Software distributed under the NPL is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
+ * for the specific language governing rights and limitations under the
+ * NPL.
+ *
+ * The Initial Developer of this code under the NPL is Netscape
+ * Communications Corporation.  Portions created by Netscape are
+ * Copyright (C) 1998 Netscape Communications Corporation.  All Rights
+ * Reserved.
+ */
+
+@namespace url(http://www.w3.org/TR/REC-html40); /* set default namespace to HTML */
+
+html {
+  display: block;
+}
+
+body {
+  display: block;
+  line-height: normal;
+  margin: 8px;
+}
+
+body > *:first-node {
+  margin-top: 0;
+}
+
+frameset {
+  overflow: hidden;
+}
+
+frame {
+  background-color: white;
+}
+
+iframe {
+  background-color: white;
+}
+
+/* blocks */
+
+p {
+  display: block;
+  margin: 1em 0;
+}
+address {
+  display: block;
+  font-style: italic;
+}
+blockquote {
+  display: block;
+  margin: 1em 40px;
+}
+blockquote[type=cite] {
+  display: block;
+  margin: 1em 0px;
+  padding-left: 1em;
+  border-left: solid;
+  border-color: blue;
+  border-width: thin;
+}
+center {
+  display: block;
+  text-align: -moz-center;
+}
+div {
+  display: block;
+}
+h1 {
+  display: block;
+  font-size: xx-large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h2 {
+  display: block;
+  font-size: x-large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h3 {
+  display: block;
+  font-size: large;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h4 {
+  display: block;
+  font-size: medium;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h5 {
+  display: block;
+  font-size: small;
+  font-weight: bold;
+  margin: 1em 0;
+}
+h6 {
+  display: block;
+  font-size: x-small;
+  font-weight: bold;
+  margin: 1em 0;
+}
+layer {
+  display: block;
+  position: absolute;
+}
+listing {
+  display: block;
+  font-family: -moz-fixed;
+  font-size: medium;
+  white-space: pre;
+  margin: 1em 0;
+}
+plaintext, xmp, pre {
+  display: block;
+  font-family: -moz-fixed;
+  white-space: pre;
+  margin: 1em 0;
+}
+pre[wrap] {
+  white-space: -moz-pre-wrap;
+}
+pre[cols] {
+  white-space: -moz-pre-wrap;
+}
+pre[width] {
+  white-space: -moz-pre-wrap;
+}
+multicol {
+  display: block;
+  margin: 1em 0;
+}
+
+/* tables */
+
+table {
+  display: table;
+/* border-style: outset; */
+  border-color: #c0c0c0;
+  border-spacing: 2px; 
+  border-collapse: separate;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+table[align=left] {
+  margin-right: 4px;
+}
+table[align=right] {
+  margin-left: 4px;
+}
+
+/* must never set padding in td, th */
+td, th {
+  vertical-align: inherit;
+  text-align: left; 
+/* border-style: inset; */
+  border-color: #c0c0c0;
+  display: table-cell;
+}
+th {
+  font-weight: bold;
+  text-align: center; 
+}
+caption {
+  text-align: center;
+  display: table-caption;
+}
+tr {
+  display: table-row;
+  vertical-align: inherit;
+}
+tbody {
+  display: table-row-group;
+  vertical-align: middle;
+}
+thead {
+  display: table-header-group;
+  vertical-align: middle;
+}
+tfoot {
+  display: table-footer-group;
+  vertical-align: middle;
+}
+col {
+  display: table-column;
+}
+colgroup {
+  display: table-column-group;
+}
+
+/* spans */
+
+q:before {
+  content: open-quote;
+}
+q:after {
+  content: close-quote;
+}
+
+a:link {
+  display: inline;
+  color: blue;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:visited {
+  display: inline;
+  color: purple;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:active {
+  display: inline;
+  color: red;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:out-of-date {
+  display: inline;
+  color: lime;
+  text-decoration: underline;
+  cursor: pointer;
+}
+b, strong {
+  display: inline;
+  font-weight: bolder;
+}
+i, cite, em, var {
+  display: inline;
+  font-style: italic;
+}
+tt, code, kbd, samp {
+  display: inline;
+  font-family: -moz-fixed;
+}
+u {
+  display: inline;
+  text-decoration: underline;
+}
+s, strike {
+  display: inline;
+  text-decoration: line-through;
+}
+blink {
+  display: inline;
+  text-decoration: blink;
+}
+big {
+  display: inline;
+  font-size: larger;
+}
+small {
+  display: inline;
+  font-size: smaller;
+}
+abbr, acronym, del, dfn, ins, q, span {
+  display: inline;
+}
+ins { text-decoration: underline; }
+del { text-decoration: line-through; }
+dfn { font-style: italic; }
+sub {
+  display: inline;
+  vertical-align: sub;
+  font-size: smaller;
+}
+sup {
+  display: inline;
+  vertical-align: super;
+  font-size: smaller;
+}
+ilayer {
+  position: relative;
+  display: inline;
+}
+nobr {
+  display: inline;
+  white-space: nowrap;
+}
+legend {
+  display: inline;
+	padding-left: 2px;
+	padding-right: 2px;
+  border: 2px solid black;
+}
+fieldset {
+  display: block;
+  border: 2px solid black;
+	padding: 4px;
+	margin-left: 2px;
+	margin-right: 2px;
+}
+
+/* lists */
+
+:-moz-list-bullet {
+  display: inline;
+  vertical-align: baseline;
+  margin-right: 8px;
+}
+
+ul, menu, dir {
+  display: block;
+  list-style-type: disc;
+  margin: 1em 0;
+  padding-left: 40px;
+  counter-reset: -html-counter 0;
+  float-edge: margin-box;
+}
+
+ol {
+  display: block;
+  list-style-type: decimal;
+  margin: 1em 0;
+  padding-left: 40px;
+  counter-reset: -html-counter 0;
+  float-edge: margin-box;
+}
+
+/* make orphaned li's have inside bullet */
+li {
+  display: list-item;
+  list-style-position: inside; 
+}
+
+/* restore outside position for lists inside li's */
+li ul, li ol, li dir, li menu { 
+  list-style-position: outside; 
+}
+
+/* undo previous two rules for properly nested lists */
+ul li, dir li, menu li, ol li,
+ul ul, ul dir, ul menu, ul ol,
+dir ul, dir dir, dir menu, dir ol,
+menu ul, menu dir, menu menu, menu ol,
+ol ul, ol dir, ol menu, ol ol {
+  list-style-position: inherit;
+}
+
+/* nested lists have no top/bottom margins */
+ul ul,   ul ol,   ul menu,   ul dir,
+menu ul, menu ol, menu menu, menu dir,
+dir ul,  dir ol,  dir menu,  dir dir,
+ol ul,   ol ol,   ol menu,   ol dir
+{
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* 2 deep unordered lists use a circle */
+ol ul,   ul ul,   menu ul,   dir ul,
+ol menu, ul menu, menu menu, dir menu,
+ol dir,  ul dir,  menu dir,  dir dir
+{
+  list-style-type: circle;
+}
+
+/* 3 deep (or more) unordered lists use a square */
+ol ol ul,   ol ul ul,   ol menu ul,   ol dir ul,
+ol ol menu, ol ul menu, ol menu menu, ol dir menu,
+ol ol dir,  ol ul dir,  ol menu dir,  ol dir dir,
+
+ul ol ul,   ul ul ul,   ul menu ul,   ul dir ul,
+ul ol menu, ul ul menu, ul menu menu, ul dir menu,
+ul ol dir,  ul ul dir,  ul menu dir,  ul dir dir,
+
+menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
+menu ol menu, menu ul menu, menu menu menu, menu dir menu,
+menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
+
+dir ol ul,   dir ul ul,   dir menu ul,   dir dir ul,
+dir ol menu, dir ul menu, dir menu menu, dir dir menu,
+dir ol dir,  dir ul dir,  dir menu dir,  dir dir dir
+{
+  list-style-type: square;
+}
+
+dl {
+  display: block;
+  margin: 1em 0;
+}
+dt {
+  display: block;
+}
+dl[compact] > dt {  /* compact allowed on DL, OL, UL, DIR MENU */
+  display: compact;
+}
+dd {
+  display: block;
+  margin-left: 40px;
+}
+dl dl {
+  margin: 0 0 0 40px;
+}
+dt dl, dd dl {
+  margin: 0;
+}
+
+/* leafs */
+
+embed {
+  display: inline;
+}
+hr {
+  display: block;
+  border: 1px -moz-bg-inset;
+  margin: 0 auto;
+}
+br {
+  display: inline;
+  color: cyan;
+}
+img {
+  display: inline;
+}
+/* note: not exactly 4.x compatible; 4.x has 3px for *both* margins */
+img[align=left] {
+  margin-right: 4px;
+}
+img[align=right] {
+  margin-left: 4px;
+}
+a:link img, a:visited img, a:active img,
+a:out-of-date img, img[usemap], object[usemap] {
+  display: inline;
+  border: 2px solid;
+  cursor: pointer;
+}
+img[usemap], object[usemap] {
+  color: blue;
+}
+img:-moz-text {
+  /* font-family: sans-serif; */
+  /* font-size: 8.5pt; */
+}
+spacer {
+  display: inline;
+}
+wbr {
+  display: inline;
+}
+iframe {
+  display: inline;
+  border: 2px solid black;
+}
+form {
+  display: block;
+  margin: 1em 0;
+}
+
+
+/* button */
+input[type=button]:-moz-buttonlabel {
+  box-sizing: border-box;
+  content:"   ";
+  font-family: sans-serif;
+  font-size: small;
+  background-color:inherit;
+}
+
+input[type=button][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+  background-color:inherit;
+}
+
+/* submit */
+input[type=submit]:-moz-buttonlabel {
+  content:"Submit Query";
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input[type=submit][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+}
+
+/* reset */
+input[type=reset]:-moz-buttonlabel {
+  content:"Reset";
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input[type=reset][value]:-moz-buttonlabel {
+  content:attr(value);
+  font-family: sans-serif;
+  font-size: small;
+}
+
+input {
+  vertical-align: bottom;
+  border: 2px inset rgb(204, 204, 204);
+  color: black;
+}
+input[type=hidden] {
+  border: none;
+  visibility: collapse;
+}
+
+/*------- Focus ------*/
+a:focus {
+  outline: 1px dotted black;
+}
+
+a:focus img {
+  outline: 1px dotted black;
+}
+
+select:focus {
+  border: 1px dotted black;
+}
+
+select[multiple]:focus {
+  border: 1px dotted black;
+}
+
+select[size]:focus {
+  border: 1px dotted black;
+}
+
+select[size="1"]:focus {
+  border: 1px dotted black;
+}
+
+select[size="1"]:focus input#-moz-display {
+  border: none;
+}
+
+input[type=radio]:focus {
+  border: 2px inset rgb(204, 204, 204);
+}
+
+input[type=checkbox]:focus {
+  border: 1px inset rgb(204, 204, 204);
+}
+
+input[type=image]:focus {
+  border: 2px dotted black;
+}
+
+/*------- End Focus ------*/
+
+input[type=image] {
+  box-sizing: border-box;
+  border: 2px solid blue;
+}
+
+input[type=file] {
+  box-sizing: border-box;
+  white-space: nowrap;
+  border:none;
+}
+
+/* browse button for file selector */
+input[type=file] input[type=button] {
+  height:inherit;
+}
+
+input[type=file] input[type=button]:-moz-buttonlabel {
+  content:"Browse...";
+  font-family: sans-serif;
+}
+
+
+input[type=radio] {
+  box-sizing: border-box;
+  /* these margins are for NavQuirks, we need a Standard ua.css */  
+  margin-left:   3px;   
+  margin-right:  5px;  
+  margin-top:    3px; 
+  margin-bottom: 3px; 
+  border: 2px outset rgb(204, 204, 204);
+  background-color:rgb(204, 204, 204);
+  color:black;
+  width:12px;
+  height:12px;
+  -moz-border-radius:6px;
+}
+
+input[type=radio][disabled] {
+  background-color:rgb(150, 150, 150);
+}
+
+input[type=radio]:active {
+  background-color:white;
+  border: 2px inset rgb(204, 204, 204);
+}
+
+input[type=radio][disabled]:hover {
+  background-color:rgb(150, 150, 150);
+  border: 2px outset rgb(204, 204, 204);
+}
+
+input[type=radio]:hover {
+  border : 2px solid black;
+}
+
+:-moz-radio {
+  background-color:black;
+  width:6px;
+  height:6px;
+  left:6px;
+  top:6px;
+  -moz-border-radius:3px;
+}
+
+
+input[type=checkbox] {
+  box-sizing: border-box;
+  /* these margins are for NavQuirks, we need a Standard ua.css */  
+  margin-left:   3px;   
+  margin-right:  5px;  
+  margin-top:    3px; 
+  margin-bottom: 4px;
+  border: 1px outset rgb(153, 153, 153);
+  width:11px;
+  height:11px;
+  background-color:rgb(204, 204, 204);
+  color:black;
+/*  -moz-border-radius:1px; */
+}
+
+input[type=checkbox][disabled] {
+  background-color:rgb(150, 150, 150);
+}
+
+input[type=checkbox]:active {
+  background-color:gray;
+  border: 1px inset rgb(204, 204, 204);
+}
+
+input[type=checkbox][disabled]:active {
+  background-color:rgb(150, 150, 150);
+  border : 1px solid rgb(204, 204, 204);
+}
+
+input[type=checkbox]:hover {
+  border : 1px solid black;
+}
+
+input[type=checkbox][disabled]:hover {
+  border: 1px outset rgb(153, 153, 153);
+}
+
+input[type="submit"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+input[type="submit"]:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="submit"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="submit"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="submit"]:hover {
+   border : 2px solid black;
+}
+
+input[type="submit"][disabled] {
+   border-style: solid;
+}
+
+input[type="submit"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="submit"][disabled]:active {
+  padding: 1px;
+}
+
+
+input[type="submit"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="submit"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type="reset"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+input[type="reset"]:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="reset"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="reset"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="reset"]:hover {
+   border : 2px solid black;
+}
+
+input[type="reset"][disabled] {
+   border-style: solid;
+}
+
+input[type="reset"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="reset"][disabled]:active {
+  padding: 1px;
+}
+
+input[type="reset"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="reset"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type="button"] { 
+  box-sizing: border-box;
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+  padding: 1px;
+}
+
+input[type="button"]:active {
+  border-style: inset;
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+input[type="button"]:active:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="button"]:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+input[type="button"]:hover {
+   border : 2px solid black;
+}
+
+input[type="button"][disabled] {
+   border-style: solid;
+}
+
+input[type="button"][disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+input[type="button"][disabled]:active {
+  padding: 1px;
+}
+
+input[type="button"]:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+input[type="button"]:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+
+button { 
+  display: inline;
+  vertical-align: bottom;
+  cursor: default;
+
+  border: 2px outset rgb(156, 154, 156);
+  background-color: rgb(206, 207, 206);
+  color:black; 
+
+  padding: 1px;
+}
+
+button:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+button:hover {
+   border : 2px solid black;
+}
+
+button:active:-moz-outline {
+   border : 1px solid black;
+}
+
+button:hover:-moz-outline {
+   border : 1px solid black;
+}
+
+button[disabled] {
+   border-style: solid;
+}
+
+button[disabled]:hover {
+  border: 2px solid rgb(156, 154, 156);
+}
+
+button[disabled]:active {
+  padding: 1px;
+}
+
+button:-moz-focus-inner {
+   padding-left  : 2px;
+   padding-right : 2px;
+   padding-top   : 1px;
+   padding-bottom: 1px;
+   margin: 0px;
+}
+
+button:focus:-moz-focus-inner {
+   padding-left  : 1px;
+   padding-right : 1px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+ 
+   margin: 0px;
+   border : 1px dotted black;
+}
+
+input[type=text] {
+  font-family:monospace;
+  font-size: 10;
+  border: 2px inset rgb(204, 204, 204);
+  background-color: white;
+  color: black;
+}
+
+input[type=text][disabled] {
+  color: gray;
+}
+
+input[type=password] {
+  border: 2px inset rgb(204, 204, 204);
+  background-color: white;
+  color:black;
+}
+
+
+label {
+  display: inline;
+  vertical-align: bottom;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+/* Combo box style */
+select:-moz-dummy-option { 
+  visibility: collapse; 
+  content: "X"; 
+  /*display: block;*/
+}
+
+select, select[size="1"] {
+  border: inset 1px rgb(192, 192, 192);
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
+  vertical-align: bottom;
+  background-color:rgb(204, 204, 204);  
+  color:black;
+  white-space:nowrap;
+  text-align: left; 
+}
+
+/* Listbox style */
+select[size] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[size][disabled] {
+  background-color:rgb(204, 204, 204);  
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple][disabled] {
+  background-color:rgb(204, 204, 204);  
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[disabled] {
+  background-color: rgb(204, 204, 204);
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[multiple][size="1"] {
+  background-color: white;
+  border: 1px inset rgb(153, 153, 153);
+}
+
+select[size="1"] {
+  border: inset 1px rgb(204, 204, 204);
+  vertical-align: bottom;
+  background-color:rgb(204, 204, 204);  
+  color:black;
+  white-space:nowrap;
+  text-align: left; 
+}
+
+
+/* combobox button */
+select input[type=button] {
+  white-space:nowrap;
+  border: outset 2px rgb(204, 204, 204);
+  background-image:url("arrow.gif");
+  background-repeat:no-repeat;
+  background-position:center;
+  width:12px;
+  height:12px;
+  -moz-border-radius:0px;
+}
+
+select[disabled] input[type=button] {
+  border: solid 1px rgb(204, 204, 204);
+}
+
+
+/* combobox display area */
+select input#-moz-display {
+  box-sizing: border-box;
+  border: none;
+  background-color: white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin: 0px;
+}
+
+select[disabled] input#-moz-display {
+  border: none;
+  color: gray;
+  background-color: white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/* combbox display area - active */
+select input#-moz-display:active {
+  border: none;
+  background-color:white;
+  background-image: none;
+  -moz-border-radius:0px;
+  padding-left: 1px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color:white;
+}
+
+
+option {
+  min-height: 1em;
+  display:block;
+  padding-left:3px;
+  padding-right:3px;
+  font-family: sans-serif;
+  font-size: small;
+}
+
+/* we need to address the part where there is a label */
+/* and content. The CSS3 content property would be handy for this */
+option[label]:before { 
+  content:attr(label);
+}
+
+
+select[disabled] option {
+  color:rgb(153, 153, 153);
+  background-color:white; 
+}
+
+/* Combobox item style */
+select option[-moz-option-selected] {
+ color:white;
+ background-color:rgb(51,51,102); 
+}
+
+/* List box item selected style */
+select option[disabled][-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select option[disabled] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[size] option[-moz-option-selected] {
+ color:white;
+ background-color:rgb(51,51,102); 
+}
+
+select[size][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[size="1"] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select[size="1"][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[multiple] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select[multiple][disabled] option[-moz-option-selected] {
+  color:rgb(153,153,153); 
+  background-color:rgb(204,204,204); 
+}
+
+select[multiple][size="1"] option[-moz-option-selected] {
+  color:white;
+  background-color:rgb(51,51,102); 
+}
+
+select input[type="button"]#-moz-display:-moz-focus-inner {
+   padding-left  : 3px;
+   padding-right : 0px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+}
+
+select input[type="button"]#-moz-display:focus:-moz-focus-inner {
+   padding-left  : 0px;
+   padding-right : 0px;
+   padding-top   : 0px;
+   padding-bottom: 0px;
+   margin: 0px;
+}
+
+option.selectedfocus {
+  border:   1px dotted white;
+  background-color: rgb(0,0,128);
+  color: rgb(255,255,255);
+}
+
+optgroup {
+  display:block;
+  font-style:italic;
+  font-weight:bold;
+}
+
+optgroup option {
+  display:block;
+  padding-left:20px;
+  font-style:normal;
+  font-weight:normal;
+}
+
+optgroup:before {
+  display:block;
+  content:attr(label);
+}
+
+
+textarea {
+  font-family:monospace;
+  font-size: 10;
+  vertical-align: bottom;
+  border: 2px inset #c0c0c0;
+  background-color:white;
+  color:black;
+}
+
+textarea[disabled] {
+  color: gray;
+}
+
+
+/* misc */
+
+applet {
+  display: inline;
+}
+area {
+  display: none;
+}
+map {
+  display: none;
+}
+base {
+  display: none;
+}
+basefont {
+  display: none;
+}
+head {
+  display: none;
+}
+meta {
+  display: none;
+}
+object {
+  display: inline;
+}
+script {
+  display: none;
+}
+style {
+  display: none;
+}
+title {
+  display: none;
+}
+noembed {
+  display: none;
+}
+noscript {
+  display: none;
+}
+noframes {
+  display: none;
+}
+
+param {
+  display: none;
+}
+
+parsererror {  /* XXX should not be in HTML namespace */
+  display: block;
+  font-family: sans-serif;
+  font-weight: bold;
+  white-space: pre;
+  margin: 1em;
+  padding: 1em;
+  border-width: thin;
+  border-style: inset;
+  border-color: red;
+  font-size: 14pt;
+  background-color: lightyellow;
+}
+
+sourcetext { /* XXX should not be in HTML namespace */
+  display: block;
+  white-space: pre;
+  font-family: Courier;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  color: red;
+  font-weight: bold;
+  font-size: 12pt;
+}
+
+/* pseudo-element style */
+
+:scrollbar-look {
+  background-color: #c0c0c0;
+  /* border-color: inherit; */
+  /* border: 2px outset #c0c0c0; */
+}
+
+:scrollbar-arrow-look {
+  background-color: #c0c0c0;
+  border-color: inherit;
+  border: 2px outset #c0c0c0;
+}
+
+:scrollbar-thumb-look {
+  background-color: #c0c0c0;
+  border-color: inherit;
+  border: 2px outset #c0c0c0;
+}
+
+:scrolled-content {
+  background: inherit;
+  padding: inherit;
+  display: inherit;
+}
+
+:wrapped-frame {
+  display: inherit;
+}
+
+:placeholder-frame {
+  display: inline;
+  width: 0;
+  height: 0;
+}
+
+:viewport, :viewport-scroll {
+  display: block;
+  background-color: inherit;
+}
+
+/* XXX Temporary until @page is supported... */
+:-moz-page, :-moz-page-sequence {
+  background: none;
+  display: block;
+}
+
+:canvas {
+  display: block;
+  background-color: inherit;
+}
+
+:table {
+  display: table;
+  border-style: inherit;
+  border-color: inherit;
+  margin-top: inherit;
+  margin-bottom: inherit;
+  background: inherit;
+}
+
+:table-cell {
+	display: table-cell;
+}
+
+:table-column {
+	display: table-column;
+}
+
+:table-column-group {
+	display: table-column-group;
+}
+
+:table-outer {
+  display: table;
+}
+
+:table-row {
+	display: table-row;
+}
+
+:table-row-group {
+	display: table-row-group;
+}
+
+:cell-content {
+  display: block;
+}
+
+:fieldset-content {
+  display: block;
+}
+
+:button-content {
+  display: block;
+}
+
+:label-content {
+  display: block;
+}
+
+:-moz-comment {
+  display: none;
+}
+
+:-moz-pi {
+  display: none;
+}
+
+/* combobox dropdown list */
+:-moz-dropdown-list {
+  background-color:inherit;
+  border: 1px inset rgb(153, 153, 153);
+} 
+
+/* combobox dropdown list hidden */
+select:-moz-dropdown-list {
+  visibility:collapse;
+}
+
+/* combobox dropdown list visible */
+select[-moz-dropdown-active]:-moz-dropdown-list {
+  visibility: visible;
+}
+
+:-moz-anonymous-block {
+  display: block;
+/*  border: 2px dashed green; */
+}
+
+:-moz-line-frame {
+}
+
+:-moz-letter-frame {
+}
diff --git a/mozilla/layout/style/ua.css b/mozilla/layout/style/ua.css
index 4e88c772571..30159e84bf1 100644
--- a/mozilla/layout/style/ua.css
+++ b/mozilla/layout/style/ua.css
@@ -15,1365 +15,6 @@
  * Reserved.
  */
 
+@import url(resource:/res/html.css);
 @import url(resource:/chrome/xul.css);
 @import url(chrome://global/skin/);
-@namespace url(http://www.w3.org/TR/REC-html40); /* set default namespace to HTML */
-
-html {
-  display: block;
-}
-
-body {
-  display: block;
-  line-height: normal;
-  margin: 8px;
-}
-
-body > *:first-node {
-  margin-top: 0;
-}
-
-frameset {
-  overflow: hidden;
-}
-
-frame {
-  background-color: white;
-}
-
-iframe {
-  background-color: white;
-}
-
-/* blocks */
-
-p {
-  display: block;
-  margin: 1em 0;
-}
-address {
-  display: block;
-  font-style: italic;
-}
-blockquote {
-  display: block;
-  margin: 1em 40px;
-}
-blockquote[type=cite] {
-  display: block;
-  margin: 1em 0px;
-  padding-left: 1em;
-  border-left: solid;
-  border-color: blue;
-  border-width: thin;
-}
-center {
-  display: block;
-  text-align: -moz-center;
-}
-div {
-  display: block;
-}
-h1 {
-  display: block;
-  font-size: xx-large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h2 {
-  display: block;
-  font-size: x-large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h3 {
-  display: block;
-  font-size: large;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h4 {
-  display: block;
-  font-size: medium;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h5 {
-  display: block;
-  font-size: small;
-  font-weight: bold;
-  margin: 1em 0;
-}
-h6 {
-  display: block;
-  font-size: x-small;
-  font-weight: bold;
-  margin: 1em 0;
-}
-layer {
-  display: block;
-  position: absolute;
-}
-listing {
-  display: block;
-  font-family: -moz-fixed;
-  font-size: medium;
-  white-space: pre;
-  margin: 1em 0;
-}
-plaintext, xmp, pre {
-  display: block;
-  font-family: -moz-fixed;
-  white-space: pre;
-  margin: 1em 0;
-}
-pre[wrap] {
-  white-space: -moz-pre-wrap;
-}
-pre[cols] {
-  white-space: -moz-pre-wrap;
-}
-pre[width] {
-  white-space: -moz-pre-wrap;
-}
-multicol {
-  display: block;
-  margin: 1em 0;
-}
-
-/* tables */
-
-table {
-  display: table;
-/* border-style: outset; */
-  border-color: #c0c0c0;
-  border-spacing: 2px; 
-  border-collapse: separate;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-table[align=left] {
-  margin-right: 4px;
-}
-table[align=right] {
-  margin-left: 4px;
-}
-
-/* must never set padding in td, th */
-td, th {
-  vertical-align: inherit;
-  text-align: left; 
-/* border-style: inset; */
-  border-color: #c0c0c0;
-  display: table-cell;
-}
-th {
-  font-weight: bold;
-  text-align: center; 
-}
-caption {
-  text-align: center;
-  display: table-caption;
-}
-tr {
-  display: table-row;
-  vertical-align: inherit;
-}
-tbody {
-  display: table-row-group;
-  vertical-align: middle;
-}
-thead {
-  display: table-header-group;
-  vertical-align: middle;
-}
-tfoot {
-  display: table-footer-group;
-  vertical-align: middle;
-}
-col {
-  display: table-column;
-}
-colgroup {
-  display: table-column-group;
-}
-
-/* spans */
-
-q:before {
-  content: open-quote;
-}
-q:after {
-  content: close-quote;
-}
-
-a:link {
-  display: inline;
-  color: blue;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:visited {
-  display: inline;
-  color: purple;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:active {
-  display: inline;
-  color: red;
-  text-decoration: underline;
-  cursor: pointer;
-}
-a:out-of-date {
-  display: inline;
-  color: lime;
-  text-decoration: underline;
-  cursor: pointer;
-}
-b, strong {
-  display: inline;
-  font-weight: bolder;
-}
-i, cite, em, var {
-  display: inline;
-  font-style: italic;
-}
-tt, code, kbd, samp {
-  display: inline;
-  font-family: -moz-fixed;
-}
-u {
-  display: inline;
-  text-decoration: underline;
-}
-s, strike {
-  display: inline;
-  text-decoration: line-through;
-}
-blink {
-  display: inline;
-  text-decoration: blink;
-}
-big {
-  display: inline;
-  font-size: larger;
-}
-small {
-  display: inline;
-  font-size: smaller;
-}
-abbr, acronym, del, dfn, ins, q, span {
-  display: inline;
-}
-ins { text-decoration: underline; }
-del { text-decoration: line-through; }
-dfn { font-style: italic; }
-sub {
-  display: inline;
-  vertical-align: sub;
-  font-size: smaller;
-}
-sup {
-  display: inline;
-  vertical-align: super;
-  font-size: smaller;
-}
-ilayer {
-  position: relative;
-  display: inline;
-}
-nobr {
-  display: inline;
-  white-space: nowrap;
-}
-legend {
-  display: inline;
-	padding-left: 2px;
-	padding-right: 2px;
-  border: 2px solid black;
-}
-fieldset {
-  display: block;
-  border: 2px solid black;
-	padding: 4px;
-	margin-left: 2px;
-	margin-right: 2px;
-}
-
-/* lists */
-
-:-moz-list-bullet {
-  display: inline;
-  vertical-align: baseline;
-  margin-right: 8px;
-}
-
-ul, menu, dir {
-  display: block;
-  list-style-type: disc;
-  margin: 1em 0;
-  padding-left: 40px;
-  counter-reset: -html-counter 0;
-  float-edge: margin-box;
-}
-
-ol {
-  display: block;
-  list-style-type: decimal;
-  margin: 1em 0;
-  padding-left: 40px;
-  counter-reset: -html-counter 0;
-  float-edge: margin-box;
-}
-
-/* make orphaned li's have inside bullet */
-li {
-  display: list-item;
-  list-style-position: inside; 
-}
-
-/* restore outside position for lists inside li's */
-li ul, li ol, li dir, li menu { 
-  list-style-position: outside; 
-}
-
-/* undo previous two rules for properly nested lists */
-ul li, dir li, menu li, ol li,
-ul ul, ul dir, ul menu, ul ol,
-dir ul, dir dir, dir menu, dir ol,
-menu ul, menu dir, menu menu, menu ol,
-ol ul, ol dir, ol menu, ol ol {
-  list-style-position: inherit;
-}
-
-/* nested lists have no top/bottom margins */
-ul ul,   ul ol,   ul menu,   ul dir,
-menu ul, menu ol, menu menu, menu dir,
-dir ul,  dir ol,  dir menu,  dir dir,
-ol ul,   ol ol,   ol menu,   ol dir
-{
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-/* 2 deep unordered lists use a circle */
-ol ul,   ul ul,   menu ul,   dir ul,
-ol menu, ul menu, menu menu, dir menu,
-ol dir,  ul dir,  menu dir,  dir dir
-{
-  list-style-type: circle;
-}
-
-/* 3 deep (or more) unordered lists use a square */
-ol ol ul,   ol ul ul,   ol menu ul,   ol dir ul,
-ol ol menu, ol ul menu, ol menu menu, ol dir menu,
-ol ol dir,  ol ul dir,  ol menu dir,  ol dir dir,
-
-ul ol ul,   ul ul ul,   ul menu ul,   ul dir ul,
-ul ol menu, ul ul menu, ul menu menu, ul dir menu,
-ul ol dir,  ul ul dir,  ul menu dir,  ul dir dir,
-
-menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
-menu ol menu, menu ul menu, menu menu menu, menu dir menu,
-menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
-
-dir ol ul,   dir ul ul,   dir menu ul,   dir dir ul,
-dir ol menu, dir ul menu, dir menu menu, dir dir menu,
-dir ol dir,  dir ul dir,  dir menu dir,  dir dir dir
-{
-  list-style-type: square;
-}
-
-dl {
-  display: block;
-  margin: 1em 0;
-}
-dt {
-  display: block;
-}
-dl[compact] > dt {  /* compact allowed on DL, OL, UL, DIR MENU */
-  display: compact;
-}
-dd {
-  display: block;
-  margin-left: 40px;
-}
-dl dl {
-  margin: 0 0 0 40px;
-}
-dt dl, dd dl {
-  margin: 0;
-}
-
-/* leafs */
-
-embed {
-  display: inline;
-}
-hr {
-  display: block;
-  border: 1px -moz-bg-inset;
-  margin: 0 auto;
-}
-br {
-  display: inline;
-  color: cyan;
-}
-img {
-  display: inline;
-}
-/* note: not exactly 4.x compatible; 4.x has 3px for *both* margins */
-img[align=left] {
-  margin-right: 4px;
-}
-img[align=right] {
-  margin-left: 4px;
-}
-a:link img, a:visited img, a:active img,
-a:out-of-date img, img[usemap], object[usemap] {
-  display: inline;
-  border: 2px solid;
-  cursor: pointer;
-}
-img[usemap], object[usemap] {
-  color: blue;
-}
-img:-moz-text {
-  /* font-family: sans-serif; */
-  /* font-size: 8.5pt; */
-}
-spacer {
-  display: inline;
-}
-wbr {
-  display: inline;
-}
-iframe {
-  display: inline;
-  border: 2px solid black;
-}
-form {
-  display: block;
-  margin: 1em 0;
-}
-
-
-/* button */
-input[type=button]:-moz-buttonlabel {
-  box-sizing: border-box;
-  content:"   ";
-  font-family: sans-serif;
-  font-size: small;
-  background-color:inherit;
-}
-
-input[type=button][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-  background-color:inherit;
-}
-
-/* submit */
-input[type=submit]:-moz-buttonlabel {
-  content:"Submit Query";
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input[type=submit][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-}
-
-/* reset */
-input[type=reset]:-moz-buttonlabel {
-  content:"Reset";
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input[type=reset][value]:-moz-buttonlabel {
-  content:attr(value);
-  font-family: sans-serif;
-  font-size: small;
-}
-
-input {
-  vertical-align: bottom;
-  border: 2px inset rgb(204, 204, 204);
-  color: black;
-}
-input[type=hidden] {
-  border: none;
-  visibility: collapse;
-}
-
-/*------- Focus ------*/
-a:focus {
-  outline: 1px dotted black;
-}
-
-a:focus img {
-  outline: 1px dotted black;
-}
-
-select:focus {
-  border: 1px dotted black;
-}
-
-select[multiple]:focus {
-  border: 1px dotted black;
-}
-
-select[size]:focus {
-  border: 1px dotted black;
-}
-
-select[size="1"]:focus {
-  border: 1px dotted black;
-}
-
-select[size="1"]:focus input#-moz-display {
-  border: none;
-}
-
-input[type=radio]:focus {
-  border: 2px inset rgb(204, 204, 204);
-}
-
-input[type=checkbox]:focus {
-  border: 1px inset rgb(204, 204, 204);
-}
-
-input[type=image]:focus {
-  border: 2px dotted black;
-}
-
-/*------- End Focus ------*/
-
-input[type=image] {
-  box-sizing: border-box;
-  border: 2px solid blue;
-}
-
-input[type=file] {
-  box-sizing: border-box;
-  white-space: nowrap;
-  border:none;
-}
-
-/* browse button for file selector */
-input[type=file] input[type=button] {
-  height:inherit;
-}
-
-input[type=file] input[type=button]:-moz-buttonlabel {
-  content:"Browse...";
-  font-family: sans-serif;
-}
-
-
-input[type=radio] {
-  box-sizing: border-box;
-  /* these margins are for NavQuirks, we need a Standard ua.css */  
-  margin-left:   3px;   
-  margin-right:  5px;  
-  margin-top:    3px; 
-  margin-bottom: 3px; 
-  border: 2px outset rgb(204, 204, 204);
-  background-color:rgb(204, 204, 204);
-  color:black;
-  width:12px;
-  height:12px;
-  -moz-border-radius:6px;
-}
-
-input[type=radio][disabled] {
-  background-color:rgb(150, 150, 150);
-}
-
-input[type=radio]:active {
-  background-color:white;
-  border: 2px inset rgb(204, 204, 204);
-}
-
-input[type=radio][disabled]:hover {
-  background-color:rgb(150, 150, 150);
-  border: 2px outset rgb(204, 204, 204);
-}
-
-input[type=radio]:hover {
-  border : 2px solid black;
-}
-
-:-moz-radio {
-  background-color:black;
-  width:6px;
-  height:6px;
-  left:6px;
-  top:6px;
-  -moz-border-radius:3px;
-}
-
-
-input[type=checkbox] {
-  box-sizing: border-box;
-  /* these margins are for NavQuirks, we need a Standard ua.css */  
-  margin-left:   3px;   
-  margin-right:  5px;  
-  margin-top:    3px; 
-  margin-bottom: 4px;
-  border: 1px outset rgb(153, 153, 153);
-  width:11px;
-  height:11px;
-  background-color:rgb(204, 204, 204);
-  color:black;
-/*  -moz-border-radius:1px; */
-}
-
-input[type=checkbox][disabled] {
-  background-color:rgb(150, 150, 150);
-}
-
-input[type=checkbox]:active {
-  background-color:gray;
-  border: 1px inset rgb(204, 204, 204);
-}
-
-input[type=checkbox][disabled]:active {
-  background-color:rgb(150, 150, 150);
-  border : 1px solid rgb(204, 204, 204);
-}
-
-input[type=checkbox]:hover {
-  border : 1px solid black;
-}
-
-input[type=checkbox][disabled]:hover {
-  border: 1px outset rgb(153, 153, 153);
-}
-
-input[type="submit"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-input[type="submit"]:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="submit"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="submit"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="submit"]:hover {
-   border : 2px solid black;
-}
-
-input[type="submit"][disabled] {
-   border-style: solid;
-}
-
-input[type="submit"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="submit"][disabled]:active {
-  padding: 1px;
-}
-
-
-input[type="submit"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="submit"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type="reset"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-input[type="reset"]:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="reset"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="reset"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="reset"]:hover {
-   border : 2px solid black;
-}
-
-input[type="reset"][disabled] {
-   border-style: solid;
-}
-
-input[type="reset"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="reset"][disabled]:active {
-  padding: 1px;
-}
-
-input[type="reset"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="reset"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type="button"] { 
-  box-sizing: border-box;
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-  padding: 1px;
-}
-
-input[type="button"]:active {
-  border-style: inset;
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-input[type="button"]:active:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="button"]:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-input[type="button"]:hover {
-   border : 2px solid black;
-}
-
-input[type="button"][disabled] {
-   border-style: solid;
-}
-
-input[type="button"][disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-input[type="button"][disabled]:active {
-  padding: 1px;
-}
-
-input[type="button"]:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-input[type="button"]:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-
-button { 
-  display: inline;
-  vertical-align: bottom;
-  cursor: default;
-
-  border: 2px outset rgb(156, 154, 156);
-  background-color: rgb(206, 207, 206);
-  color:black; 
-
-  padding: 1px;
-}
-
-button:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-button:hover {
-   border : 2px solid black;
-}
-
-button:active:-moz-outline {
-   border : 1px solid black;
-}
-
-button:hover:-moz-outline {
-   border : 1px solid black;
-}
-
-button[disabled] {
-   border-style: solid;
-}
-
-button[disabled]:hover {
-  border: 2px solid rgb(156, 154, 156);
-}
-
-button[disabled]:active {
-  padding: 1px;
-}
-
-button:-moz-focus-inner {
-   padding-left  : 2px;
-   padding-right : 2px;
-   padding-top   : 1px;
-   padding-bottom: 1px;
-   margin: 0px;
-}
-
-button:focus:-moz-focus-inner {
-   padding-left  : 1px;
-   padding-right : 1px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
- 
-   margin: 0px;
-   border : 1px dotted black;
-}
-
-input[type=text] {
-  font-family:monospace;
-  font-size: 10;
-  border: 2px inset rgb(204, 204, 204);
-  background-color: white;
-  color: black;
-}
-
-input[type=text][disabled] {
-  color: gray;
-}
-
-input[type=password] {
-  border: 2px inset rgb(204, 204, 204);
-  background-color: white;
-  color:black;
-}
-
-
-label {
-  display: inline;
-  vertical-align: bottom;
-  padding-left: 3px;
-  padding-right: 3px;
-}
-
-/* Combo box style */
-select:-moz-dummy-option { 
-  visibility: collapse; 
-  content: "X"; 
-  /*display: block;*/
-}
-
-select, select[size="1"] {
-  border: inset 1px rgb(192, 192, 192);
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-  vertical-align: bottom;
-  background-color:rgb(204, 204, 204);  
-  color:black;
-  white-space:nowrap;
-  text-align: left; 
-}
-
-/* Listbox style */
-select[size] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[size][disabled] {
-  background-color:rgb(204, 204, 204);  
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple][disabled] {
-  background-color:rgb(204, 204, 204);  
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[disabled] {
-  background-color: rgb(204, 204, 204);
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[multiple][size="1"] {
-  background-color: white;
-  border: 1px inset rgb(153, 153, 153);
-}
-
-select[size="1"] {
-  border: inset 1px rgb(204, 204, 204);
-  vertical-align: bottom;
-  background-color:rgb(204, 204, 204);  
-  color:black;
-  white-space:nowrap;
-  text-align: left; 
-}
-
-
-/* combobox button */
-select input[type=button] {
-  white-space:nowrap;
-  border: outset 2px rgb(204, 204, 204);
-  background-image:url("arrow.gif");
-  background-repeat:no-repeat;
-  background-position:center;
-  width:12px;
-  height:12px;
-  -moz-border-radius:0px;
-}
-
-select[disabled] input[type=button] {
-  border: solid 1px rgb(204, 204, 204);
-}
-
-
-/* combobox display area */
-select input#-moz-display {
-  box-sizing: border-box;
-  border: none;
-  background-color: white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  margin: 0px;
-}
-
-select[disabled] input#-moz-display {
-  border: none;
-  color: gray;
-  background-color: white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/* combbox display area - active */
-select input#-moz-display:active {
-  border: none;
-  background-color:white;
-  background-image: none;
-  -moz-border-radius:0px;
-  padding-left: 1px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  background-color:white;
-}
-
-
-option {
-  min-height: 1em;
-  display:block;
-  padding-left:3px;
-  padding-right:3px;
-  font-family: sans-serif;
-  font-size: small;
-}
-
-/* we need to address the part where there is a label */
-/* and content. The CSS3 content property would be handy for this */
-option[label]:before { 
-  content:attr(label);
-}
-
-
-select[disabled] option {
-  color:rgb(153, 153, 153);
-  background-color:white; 
-}
-
-/* Combobox item style */
-select option[-moz-option-selected] {
- color:white;
- background-color:rgb(51,51,102); 
-}
-
-/* List box item selected style */
-select option[disabled][-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select option[disabled] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[size] option[-moz-option-selected] {
- color:white;
- background-color:rgb(51,51,102); 
-}
-
-select[size][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[size="1"] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select[size="1"][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[multiple] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select[multiple][disabled] option[-moz-option-selected] {
-  color:rgb(153,153,153); 
-  background-color:rgb(204,204,204); 
-}
-
-select[multiple][size="1"] option[-moz-option-selected] {
-  color:white;
-  background-color:rgb(51,51,102); 
-}
-
-select input[type="button"]#-moz-display:-moz-focus-inner {
-   padding-left  : 3px;
-   padding-right : 0px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-}
-
-select input[type="button"]#-moz-display:focus:-moz-focus-inner {
-   padding-left  : 0px;
-   padding-right : 0px;
-   padding-top   : 0px;
-   padding-bottom: 0px;
-   margin: 0px;
-}
-
-option.selectedfocus {
-  border:   1px dotted white;
-  background-color: rgb(0,0,128);
-  color: rgb(255,255,255);
-}
-
-optgroup {
-  display:block;
-  font-style:italic;
-  font-weight:bold;
-}
-
-optgroup option {
-  display:block;
-  padding-left:20px;
-  font-style:normal;
-  font-weight:normal;
-}
-
-optgroup:before {
-  display:block;
-  content:attr(label);
-}
-
-
-textarea {
-  font-family:monospace;
-  font-size: 10;
-  vertical-align: bottom;
-  border: 2px inset #c0c0c0;
-  background-color:white;
-  color:black;
-}
-
-textarea[disabled] {
-  color: gray;
-}
-
-
-/* misc */
-
-applet {
-  display: inline;
-}
-area {
-  display: none;
-}
-map {
-  display: none;
-}
-base {
-  display: none;
-}
-basefont {
-  display: none;
-}
-head {
-  display: none;
-}
-meta {
-  display: none;
-}
-object {
-  display: inline;
-}
-script {
-  display: none;
-}
-style {
-  display: none;
-}
-title {
-  display: none;
-}
-noembed {
-  display: none;
-}
-noscript {
-  display: none;
-}
-noframes {
-  display: none;
-}
-
-param {
-  display: none;
-}
-
-parsererror {  /* XXX should not be in HTML namespace */
-  display: block;
-  font-family: sans-serif;
-  font-weight: bold;
-  white-space: pre;
-  margin: 1em;
-  padding: 1em;
-  border-width: thin;
-  border-style: inset;
-  border-color: red;
-  font-size: 14pt;
-  background-color: lightyellow;
-}
-
-sourcetext { /* XXX should not be in HTML namespace */
-  display: block;
-  white-space: pre;
-  font-family: Courier;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  color: red;
-  font-weight: bold;
-  font-size: 12pt;
-}
-
-/* pseudo-element style */
-
-:scrollbar-look {
-  background-color: #c0c0c0;
-  /* border-color: inherit; */
-  /* border: 2px outset #c0c0c0; */
-}
-
-:scrollbar-arrow-look {
-  background-color: #c0c0c0;
-  border-color: inherit;
-  border: 2px outset #c0c0c0;
-}
-
-:scrollbar-thumb-look {
-  background-color: #c0c0c0;
-  border-color: inherit;
-  border: 2px outset #c0c0c0;
-}
-
-:scrolled-content {
-  background: inherit;
-  padding: inherit;
-  display: inherit;
-}
-
-:wrapped-frame {
-  display: inherit;
-}
-
-:placeholder-frame {
-  display: inline;
-  width: 0;
-  height: 0;
-}
-
-:viewport, :viewport-scroll {
-  display: block;
-  background-color: inherit;
-}
-
-/* XXX Temporary until @page is supported... */
-:-moz-page, :-moz-page-sequence {
-  background: none;
-  display: block;
-}
-
-:canvas {
-  display: block;
-  background-color: inherit;
-}
-
-:table {
-  display: table;
-  border-style: inherit;
-  border-color: inherit;
-  margin-top: inherit;
-  margin-bottom: inherit;
-  background: inherit;
-}
-
-:table-cell {
-	display: table-cell;
-}
-
-:table-column {
-	display: table-column;
-}
-
-:table-column-group {
-	display: table-column-group;
-}
-
-:table-outer {
-  display: table;
-}
-
-:table-row {
-	display: table-row;
-}
-
-:table-row-group {
-	display: table-row-group;
-}
-
-:cell-content {
-  display: block;
-}
-
-:fieldset-content {
-  display: block;
-}
-
-:button-content {
-  display: block;
-}
-
-:label-content {
-  display: block;
-}
-
-:-moz-comment {
-  display: none;
-}
-
-:-moz-pi {
-  display: none;
-}
-
-/* combobox dropdown list */
-:-moz-dropdown-list {
-  background-color:inherit;
-  border: 1px inset rgb(153, 153, 153);
-} 
-
-/* combobox dropdown list hidden */
-select:-moz-dropdown-list {
-  visibility:collapse;
-}
-
-/* combobox dropdown list visible */
-select[-moz-dropdown-active]:-moz-dropdown-list {
-  visibility: visible;
-}
-
-:-moz-anonymous-block {
-  display: block;
-/*  border: 2px dashed green; */
-}
-
-:-moz-line-frame {
-}
-
-:-moz-letter-frame {
-}