gecko-dev/layout/style/ua.css

/*
 * 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 */
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* namespace for XUL elements */

html {
  display: block;
}

body {
  display: block;
  line-height: normal;
  margin: 8px;
}

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 1em 40px;
  counter-reset: -html-counter 0;
}

ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0 1em 40px;
  counter-reset: -html-counter 0;
}

li {
  display: list-item;
  list-style-position: inside;
}

ul li, ol li, menu li, dir li {
  list-style-position: outside;
}

/* 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;
}
dd {
  display: block;
  margin-left: 40px;
}
dl dl {
  margin: 0 0 0 40px;
}

/* 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: hidden;
}

/*------- Focus ------*/
a:focus {
  outline: 1px dotted black;
}

a:focus img {
  outline: 1px dotted black;
}

select[mulitple]:focus {
  border: 1px dotted black;
}

select[size]:focus {
  border: 1px dotted black;
}

select[size="1"]:focus {
  border: 0px dotted black;
}

select[size="1"]:focus input#-moz-display {
  border: 1px dotted black;
}

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: hidden; 
  content: "X"; 
  display: block;
}

select, select[size="1"] {
  vertical-align: bottom;
  border: none;
  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"] {
  vertical-align: bottom;
  border: none;
  background-color:rgb(204, 204, 204);  
  color:black;
  white-space:nowrap;
  text-align: left; 
}


/* combobox button */
select input[type=button] {
  border: outset 1px 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 {
  border: inset 1px rgb(204, 204, 204);
  background-color: white;
  background-image: none;
  -moz-border-radius:0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

select[disabled] input#-moz-display {
  border: inset 1px rgb(204, 204, 204);
  color: gray;
  background-color: white;
  background-image: none;
  -moz-border-radius:0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* combbox display area - active */
select input#-moz-display:active {
  border: inset 1px rgb(204, 204, 204);
  background-color:white;
  background-image: none;
  -moz-border-radius:0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color:white;
}


option {
  display:block;
  padding-left:3px;
  padding-right:3px;
  font-family: sans-serif;
  font-size: small;
}

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[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:yellow;
  background-color:green;
}

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); 
}


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:hidden;
}

/* 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 {
}

xul|titledbutton {
   display: block;
   border:2px solid blue;
}


xul|thumb {
   display: block;
   background-color: rgb(206, 207, 206);
   border: 2px outset rgb(156, 154, 156);
   list-style-image: url(chrome://global/skin/scroll-thumb-horiz.gif)
}

xul|thumb:hover {
   list-style-image: url(chrome://global/skin/scroll-thumb-horiz-hover.gif);
}

xul|thumb[disabled="true"] {
   list-style-image: url(chrome://global/skin/scroll-thumb-horiz-disabled.gif);
}

xul|slider[align="vertical"] xul|thumb {
   list-style-image: url(chrome://global/skin/scroll-thumb-vert.gif)
}

xul|slider[align="vertical"] xul|thumb:hover {
   list-style-image: url(chrome://global/skin/scroll-thumb-vert-hover.gif);

}

xul|slider[align="vertical"] xul|thumb[disabled="true"] {
   list-style-image: url(chrome://global/skin/scroll-thumb-vert-disabled.gif);
}

xul|thumb:active {
   background-color: rgb(220, 210, 210);
}

xul|slider[align="vertical"] xul|thumb:active {
   background-color: rgb(220, 210, 210);
}


xul|slider {
   display: block;
   border: 1px solid black;
   background-color: rgb(240,240,240);
 //  background-image: url("resource:/res/samples/bg.jpg");
}

xul|scrollbarbutton {
  display: inline;
  vertical-align: bottom;
  cursor: default;

  border: 2px outset rgb(156, 154, 156);
  background-color: rgb(206, 207, 206);
  color:black; 

  padding: 1px;
}

xul|scrollbarbutton:active {
  border-style: inset;

  padding-left: 2px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
}

xul|scrollbarbutton[type="decrement"] {
   list-style-image: url(chrome://global/skin/scroll-left.gif)
}

xul|scrollbarbutton[type="decrement"]:hover {
   list-style-image: url(chrome://global/skin/scroll-left-hover.gif)
}

xul|scrollbarbutton[type="decrement"][disabled="true"] {
   list-style-image: url(chrome://global/skin/scroll-left-disabled.gif) 
}

xul|scrollbarbutton[type="increment"] {
   list-style-image: url(chrome://global/skin/scroll-right.gif)
}

xul|scrollbarbutton[type="increment"]:hover {
   list-style-image: url(chrome://global/skin/scroll-right-hover.gif)
}

xul|scrollbarbutton[type="increment"][disabled="true"] {
   list-style-image: url(chrome://global/skin/scroll-right-disabled.gif) 
}


xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="decrement"] {
   list-style-image: url(chrome://global/skin/scrollUp.gif)
}

xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="decrement"]:hover {
   list-style-image: url(chrome://global/skin/scrollUp_mo.gif)
}

xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="decrement"][disabled="true"] {
   list-style-image: url(chrome://global/skin/scrollUp_dis.gif) 
}

xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="increment"] {
   list-style-image: url(chrome://global/skin/scrollDown.gif)
}

xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="increment"]:hover {
   list-style-image: url(chrome://global/skin/scrollDown_mo.gif)
}

xul|scrollbar[align="vertical"] xul|scrollbarbutton[type="increment"][disabled="true"] {
   list-style-image: url(chrome://global/skin/scrollDown_dis.gif) 
}

xul|scrollbar[value="hidden"] {
   visibility: hidden;
}