/* 
 * The contents of this file are subject to the Netscape Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/NPL/
 *  
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *  
 * The Original Code is Mozilla Communicator client code, released
 * March 31, 1998.
 * 
 * The Initial Developer of the Original Code is Netscape
 * Communications Corporation. Portions created by Netscape are
 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
 * Rights Reserved.
 * 
 * Contributor(s): 
 *   Pete Collins, Ben Goodger
 */


/* XUL ELEMENTS */

/* values = margin, padding. Padding doesn't work yet */

window{

    background-color:           #CCCCDD;
    display:                    block;
    overflow:                   hidden;
    font:                       3mm tahoma,arial,helvetica,sans-serif;
    padding:                    0px;

}

/* THIS SHOULD BE KILLED. NO SPECIAL TITLED BUTTONS SHOULD BE USED! */
titledbutton.select {

    width:                      100%;
    display:                    inline;
    text-decoration:            none; 
    color:                      black;
    padding:                    0px;
    margin:                     0px;
    border:                     none;
    font:                       inherit;
    background-repeat:          no-repeat;
    background-color:           inherit;
    color:                      black;


}

titledbutton.select:hover {

    width:                      100%;
    display:                    inline;
    text-decoration:            none; 
    color:                      black;
    padding:                    0px;
    margin:                     0px;
    border:                     none;
    font:                       inherit;
    background-repeat:          no-repeat;
    background-color:           #666699;
    color:                      white;


}

titledbutton.select:active {

    width:                      100%;
    display:                    inline;
    text-decoration:            none; 
    color:                      white;
    padding:                    0px;
    margin:                     0px;
    border:                     none;
    font:                       inherit;
    background-repeat:          no-repeat;
    background-color:           #666699;


}

/* Subtle changes, like a little more space, is OK */
/* Don't mess with top and bottom margin! */

titledbutton[class=~spaced] { 
    margin-left:                5px;
    margin-right:               5px;
}




















/* Don't mess with top and bottom margin! */

titledbutton[class=~spaced] { 
    margin-left:                5px;
    margin-right:               5px;
}

/* This assumes 1px is shifted to the border

titledbutton[class=~hspaced]:hover { 
    margin-left:                4px;
    margin-right:               4px;
}
*/

/* THIS SHOULD BE IN XUL.CSS 
   Must have some default space around text in buttons */

titledbutton {

  /* top+bot,                   left+right */
    padding:                    2px 5px;
}

/* overriding XUL.CSS to prevent relayout upon hover */

titledbutton:hover {
    padding:                    2px 5px;
}
 
titledbutton:active {

    padding-left:               6px;
    padding-right:              4px;
    padding-top:                3px;
    padding-bottom:             1px;
}

/* If a button looks depressed because it is "toggled",
   using outset seems odd. Use a flat border instead? */

titledbutton[toggled="1"]:hover {

    border:                     1px solid white;
}

titledbutton[toggled="1"] {

    border:                     1px white inset;
    padding:                    2px 5px;
}

titledbutton.SizeToParent {

    width:                      100%;
}

titledbutton.CloseButton {

    width:                      100%;
    margin-top:                 10px;
}

titledbutton.MsgButton {

    min-width:                  6em;
    margin:                     5px;
}

/* What is this for!
menupopup {
    font:                       inherit;
    visibility:                 hidden;
    background-color:           #CCCCDD;
    background-color:           inherit;
    color:                      inherit;
    border:                     1px white outset;
}
*/

select.ComboBox {
/*
EXPERIMENTAL: This ADDS an outset border,
but doesn't affect inset border of item and trigger button!
    border-style:               outset;
*/
}

select.SpellCheckList, select.SpellCheckLanguage, input.SpellCheckWord {

    width:                      20em;
    /* border-style:               inset; */
    background-color:           #CCCCCC; /* not working on Macintosh */ 
}

.checkboxtext {

    margin-top:                 -9px;
    margin-left:                3px;
    margin-right:               5px;
    margin-bottom:              2px;
}

radio { margin: 5px 3px }

/* HTML ELEMENTS */

table { cell-spacing: 5px; }
td, table { border: 0px;}

/* Force all rows to line up cell contents at the top */
tr { 
  vertical-align:               top;
}

/* Use this to override the default vertical centering */

.vcenter { 

  vertical-align:               middle;
}

tr[show=0] { 
   display:                     none;
}

tr[show=1] { 
   display:                     table-row;
}


p, br {
    margin-top:                 4px;
    margin-bottom:              4px
}

button {

    display:                    inline;
    background-color:           inherit;
    background-image:           inherit;
    width:                      70px;
    max-width:                  80px;
    height:                     15px;
    border:                     1px outset white;
    padding:                    2px;
    margin:                     2px;
    text-align:                 center;
    font:                       inherit;
    color:                      black;
    text-decoration:            none;
    border-style:               3D;

}

button:active {

    text-decoration:            none;
    border:                     1px inset;
    padding-left:               3px;
    padding-right:              1px;
    padding-top:                3px;
    padding-bottom:             1px;

}

button[class="enabled"] {

    display:                    inline;
    background-color:           inherit;
    background-image:           inherit;
    width:                      70px;
    max-width:                  80px;
    height:                     15px;
    border:                     1px outset white;
    padding:                    2px;
    margin:                     2px;
    text-align:                 center;
    font:                       inherit;
    color:                      black;
    text-decoration:            none;
    border-style:               3D;

}

button:active[class="enabled"] {

    text-decoration:            none;
    border:                     1px inset;
    padding-left:               3px;
    padding-right:              1px;
    padding-top:                3px;
    padding-bottom:             1px;

}


button[class="disabled"] {

    background-color:           inherit;
    background-image:           inherit;
    border:                     1px solid #999999;
    color:                      #999999;
    text-decoration:            none;
    padding:                    2px;
    border-style:               solid;
    padding:                    2px;
    outline:                    none;
    -moz-outline:               none;
    focus:                      none;
    active:                     none;


}
 
button:active[class="disabled"] {

    background-color:           inherit;
    background-image:           inherit;
    border:                     1px solid #999999;
    color:                      #999999;
    text-decoration:            none;
    border-style:               solid;
    padding:                    2px;
    outline:                    none;

}


fieldset {
    margin-bottom:              6px;
    margin-top:                 5px;
    margin-left:                6px;
    margin-right:               5px;
    padding:                    5px;
    border:                     2px groove white;
        /* WAS */
        /* override XUL.css margin */
/*
    margin:                     0px;
    border:                     2px groove white;
    padding:                    5px;
    text-align:                 left;
*/
/* BUG: If this is set, border is chopped off at the right */
/*    margin: 5px; */
        
}

legend[class="enabled"] {

    border:                     none;
    color:                      black;
    margin-bottom:              5px;
    margin-top:                 0px;
    margin-left:                4px;
    margin-right:               3px;
    padding:                    2px;
}

legend[class="disabled"] {

    border:                     none;
    color:                      gray;
    margin-bottom:              5px;
    margin-top:                 0px;
    margin-left:                4px;
    margin-right:               3px;
    padding:                    2px;

}

legend {

    border:                     none;
    margin-bottom:              5px;
    margin-top:                 0px;
    margin-left:                4px;
    margin-right:               3px;
    padding:                    2px;
    /* WAS */
/*
    margin-left:                3px;
    text-align:                 left;
*/        
}

label {
    display:                    inline;
    color:                      black;
    padding-bottom:             4px;
    background-color:           inherit;
    background-color:           #CCCCDD;
    background-image:           inherit;
}      


label[class="enabled"] {
    color:                      black;
    margin-bottom:              2px
}

label[class="disabled"] {

    color:                      gray;
    margin-bottom:              2px

}

/* CLASSES */
/* Use these primarily with TD to create 3D "panels" */
.GrooveBorder { 
  border:                       2px groove; 
  padding:                      5px 
}

.RidgeBorder { 
  border:                       2px ridge; 
  padding:                      5px  
}

.OutsetBorder { 
  border:                       1px outset; 
  padding:                      5px  
}

.InsetBorder { 
  border:                       1px inset;   
  padding:                      5px  
}


button.spaced { 
/* BUG - Setting size doesn't work?
    width:                      80px;
    height:                     20px;
*/
    margin:                     5px;
}

button.ChooseFile {
    margin-left:                5px;
    margin-bottom:              3px;
    margin-right:               5px;
    width:                      5px;
    height:                     5px;
    background-color:           #cccccc;
}

.tableCenterAlign {
    vertical-align:             middle;
}

.genericbutton {
    width:                      80px;
    height:                     20px;
    margin-top:                 5px;
    margin-bottom:              5px;
}

.spacedtext {
    margin-top:                 0px;
    margin-left:                3px;
    margin-right:               5px;
    margin-bottom:              2px;
}

input[type="file"] {
    font-family:                Sans-Serif;
    font-size:                  8pt;
}

hr {
    height:                     2px;
}

/* Messenger uses this -- IT SHOULD BE IN XUL.CSS */
spring.spacer {
      width:                    5px;
      height:                   5px;
}

spring.bigspacer {
      width:                    10px;
      height:                   10px;
}

/* From Ben Goodger (originally EdAdvancedEdit.css) */
div.spacer [align~=horizontal] {
    border                    : 1px inset white;
    height                    : 2px;
}

div.tagname {
    font-weight               : bold;
    font-size                 : 17px;
}

div#tagLabel {
    font-weight               : bold;
}

/* styles for an attribute tree-table */
tree.AttributesTree {
    min-width                 : 200px;
    min-height                : 200px;
    border                    : 1px inset white;
}

tree.AttributesTree treecell {
    color                     : black;
    padding-left              : 10px;
    padding-top               : 2px;
    padding-bottom            : 2px;
    padding-right             : 2px;
}

tree.AttributesTree > treehead > treerow > treecell {
    border                    : 1px outset white;
    background-color          : #CCCCDD;
}

tree.AttributesTree > treehead > treerow > treecell:active {
    border-left               : 1px inset white; /*inset white;*/
    border-top                : 1px inset white;
    border-right              : 1px solid #CCCCDD;
    border-bottom             : 1px solid #CCCCDD;
    padding-left              : 11px;
    padding-top               : 3px;
    padding-right             : 1px;
    padding-bottom            : 1px;
}


/* FILES/MOZILLAE/M96/BIN/chrome/editor/content/default/EdAdvancedEdit.xul */
tree.AttributesTree treechildren > treeitem > treerow > treecell {
    border-right              : 1px solid #CCCCDD;
    border-bottom             : 1px solid #CCCCDD;
    color                     : black;
    background-color          : #FFFFFF;
    padding-left              : 10px;
    padding-top               : 2px;
    padding-bottom            : 2px;
    padding-right             : 2px;
}

tree.AttributesTree treechildren > treeitem > treerow > treecell.value {
    border-bottom             : 1px solid #CCCCDD;
    color                     : black;
    background-color          : #FFFFFF;
    padding-left              : 0px;
    padding-top               : 0px;
    padding-bottom            : 0px;
    padding-right             : 0px;
    margin-left               : 0px;
}


tree.AttributesTree treechildren > treeitem > treerow [selected ~= false] {
    color                     : black;
    background-color          : #FFFFFF;
}

tree.AttributesTree treechildren > treeitem > treerow [selected ~= true] {
    color                     : white;
    background-color          : #666699;
}

input.AttributesCell {
    width                     : 95%;
    border                    : none;
    height                    : 100%;
}

input.AttributesCell:active {
    border:                     1px white inset;
}

input.AttributesCell:hover {
    border:                     1px white inset;
}

/* From Ben Goodger (originally EdTableProps.css) */
box.header {
/*  background-color: #7777A4;*/
  padding: 2px;
}

box.header > div {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}

box.panel {
  border: 1px outset white;
  width: 350px;
}

fieldset.holder {
  width: 350px;

/* Always use the arrow cursor, except in input widget */
*,p,div,legend,box {cursor: pointer;}
button { cursor: crosshair; }

input[type=text], input[type=textarea] {
  cursor: text;
}

