/* 
 * 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;

}

tab {
    padding: 0px 3px;
}

titledbutton.popup {

    list-style-image:           url(resource:/res/toolbar/TB_popup.gif);
    width:                      auto;
    display:                    inline;
    text-decoration:            none; 
    color:                      black;
    padding:                    0px;
    margin:                     0px;
    border:                     1px outset white;
    font:                       inherit;
}

titledbutton.popup:hover {
    background-color:           inherit;
    background-image:           inherit;
    border:                     1px outset white;
    padding:                    0px;
    margin:                     0px;
    color:                      black;
    text-decoration:            none;
}


titledbutton.popup:active {
   
    text-decoration:            none;
    border:                     1px outset white;
    color:                      none;
    color:                      black;  /* why is color set twice? */
    padding:                    0px;
    margin:                     0px;

}  


titledbutton.popup[disabled="true"] {

    background-color:           inherit;
    background-image:           inherit;
    border :                    1px solid #999999;
    padding:                    0px;
    margin:                     0px;
    color:                      #999999;
    text-decoration:            none;
    image-opacity:              25%;
}

titledbutton.popup[disabled="true"]:hover {

    background-color:           inherit;
    background-image:           inherit;
    border :                    1px solid #999999;
    padding:                    0px;
    margin:                     0px;
    color:                      #999999;
    text-decoration:            none;
}

titledbutton.popup[disabled="true"]:active {

    background-color:           inherit;
    background-image:           inherit;
    padding:                    0px;
    margin:                     0px;
    border :                    1px solid #999999;
    color:                      #999999;
    text-decoration:            none;
}

titledbutton.dropdown {

    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.dropdown: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.dropdown: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;


}

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;


}


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




















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


menupopup {

    font:                       inherit;
    visibility:                 hidden;
    background-color:           #CCCCDD;
    color:                      inherit;
    border:                     1px white outset;
}

select.combobox {

    font-family:                Sans-Serif;
    font-size:                  8pt;
    border-top:                 2px;
    border-left:                4px;
    border-right:               2px;
    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;
}

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

treecell input:hover {
    background-color          : #ECECEC;
    font-weight               : bold;
    border                    : 2px solid #666699;
}

box.tabpanel {
  border: 1px outset #CCCCDD;
  padding: 10px;
}