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

#FormatToolbar {
  border-bottom: 1px solid #9999CC;
}

#boldButton {
  list-style-image:url(chrome://editor/skin/images/bold.gif); 
}

#smileButtonMenu {
  list-style-image:url("chrome://editor/skin/images/smile.gif"); 
}

#smileButtonMenu[disabled="true"]  {
	list-style-image:url("chrome://editor/skin/images/smile_disabled.gif");
}

.insert-smile > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/smile_n.gif); 
}

.insert-tongue > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/tongue_n.gif); 
}

.insert-frown > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/frown_n.gif); 
 }

.insert-wink > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/wink_n.gif); 
 }

.insert-laughing > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/laughing_n.gif); 
 }

.insert-embarrassed > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/embarrassed_n.gif); 
 }


.insert-undecided > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/images/undecided_n.gif); 
}

.smiley > .menu-iconic-left {

    margin-right: 15px;
}


#italicButton {
  list-style-image:url(chrome://editor/skin/images/italic.gif); 
}

#underlineButton {
  list-style-image:url(chrome://editor/skin/images/underline.gif); 
}

#DecreaseFontSizeButton {
	list-style-image:url("chrome://editor/skin/images/dec-font-size.gif");
}

#IncreaseFontSizeButton {
	list-style-image:url("chrome://editor/skin/images/inc-font-size.gif");
}

#ulButton {
	list-style-image:url("chrome://editor/skin/images/bullets.gif");
}
#olButton {
	list-style-image:url("chrome://editor/skin/images/numbers.gif");
}
#outdentButton {
	list-style-image:url("chrome://editor/skin/images/outdent.gif");
}
#outdentButton[disabled="true"] {
	list-style-image:url("chrome://editor/skin/images/outdent_dis.gif");
}

#indentButton {
	list-style-image:url("chrome://editor/skin/images/indent.gif");
}

#AlignPopupButton {
	list-style-image:url("chrome://editor/skin/images/align.gif");
}

#AlignPopupButton > .button-internal-box {
	border:1px solid transparent;
}
#AlignPopupButton:hover > .button-internal-box {
	border:1px outset #CCD0DD;
}
#AlignPopupButton:active > .button-internal-box,
#AlignPopupButton[open="true"] > .button-internal-box {
	border:1px inset #CCD0DD;
}

#InsertPopupButton {
	list-style-image:url("chrome://editor/skin/images/object-popup.gif");
}

#text-align-left,
#align-left-button
  {
	  list-style-image      : url("chrome://editor/skin/images/left.gif");
  } 

#text-align-left[disabled="true"],
#text-align-left[disabled="true"]:hover,
#text-align-left[disabled="true"]:hover:active,
#align-left-button[disabled="true"],
#align-left-button[disabled="true"]:hover,
#align-left-button[disabled="true"]:hover:active,
  {
    list-style-image      : url("chrome://editor/skin/images/left-disabled.gif");
  } 

#text-align-center,
#align-center-button
  {
	  list-style-image      : url("chrome://editor/skin/images/center.gif");
  } 

#text-align-center[disabled="true"],
#text-align-center[disabled="true"]:hover,
#text-align-center[disabled="true"]:hover:active,
#align-center-button[disabled="true"],
#align-center-button[disabled="true"]:hover,
#align-center-button[disabled="true"]:hover:active
  {
    list-style-image      : url("chrome://editor/skin/images/center-disabled.gif");
  } 

#text-align-right,
#align-right-button
  {
	  list-style-image      : url("chrome://editor/skin/images/right.gif");
  } 

#text-align-right[disabled="true"],
#text-align-right[disabled="true"]:hover,
#text-align-right[disabled="true"]:hover:active
#align-right-button[disabled="true"],
#align-right-button[disabled="true"]:hover,
#align-right-button[disabled="true"]:hover:active 
 {
    list-style-image      : url("chrome://editor/skin/images/right-disabled.gif");
  } 

#text-align-justify, #align-justify-button
  {
	  list-style-image      : url("chrome://editor/skin/images/justify.gif");
  }

#text-align-justify[disabled="true"],
#text-align-justify[disabled="true"]:hover,
#text-align-justify[disabled="true"]:hover:active
#align-justify-button[disabled="true"],
#align-justify-button[disabled="true"]:hover,
#align-justify-button[disabled="true"]:hover:active 
 {
    list-style-image      : url("chrome://editor/skin/images/justify-disabled.gif");
  } 

.ColorPickerLabel {
  border:     1px inset white;
  margin:     0px;
  padding:    2px;
  -moz-box-pack: center;
}

/* TODO: How to make inset color skinable? */
.color-button {
  border: 1px inset #CCD0DD;
  padding: 0px;
  width:  19px;
  height: 19px;
  margin:  1px;
}

.color-button:hover {
  border:  1px solid #666699;
}

#TextColorPopupButton {
  margin: 2px 9px 9px 2px;
}

#BackColorPopupButton {
  margin: 9px 2px 2px 9px;
}



#FormatToolbar > button,
#FormatToolbar > button:hover,
#FormatToolbar > button:active,
#FormatToolbar > button[disabled="true"] {
        margin: 0px 3px 0px 0px;
        border: none;
        min-width: 23px;
        min-height: 23px;
}
#FormatToolbar > button > .button-internal-box {
        margin: 0px;
        padding: 1px;
        border: 1px solid transparent;
        -moz-box-pack: center;
}
#FormatToolbar > button:hover > .button-internal-box {
        border: 1px outset #CCD0DD;
}
#FormatToolbar > button:active > .button-internal-box {
        padding: 2px 0px 0px 2px;
        border: 1px inset #CCD0DD;
}
#FormatToolbar > button[disabled="true"] > .button-internal-box {
        border: 1px solid transparent;
}

#FormatToolbar > button > .button-internal-box > .button-text-container
  {
    display               : none;
  }