/* These are critical - should be in xul.css */
window#main-window {
   width: 100%; 
   height: 100%;
}

box#outer-box {
  width: 100%;
  height: 100%;
}

select#paraFormat {
}

select#fontFace {
}

select#fontSize {
}

select.combobox {
  font-family: Sans-Serif;
  font-size: 8pt;
  border-top: 3px;
  border-left: 4px;
  border-right: 4px;
  border-style: outset;
  //background: silver;
}

select[pseudoclass~="hover"] {
/* NOT WORKING */
  background: red;
}

/* Make the buttons butt up against each other 
   Bug: When hover over, width decreases by 1 pixel,
        causing horizontal jump for rest of controls in toolbar
*/
titledbutton#TextColorPopup {
  margin-right: -2px;
  border-right: 0px;
}
titledbutton#BackColorPopup {
  margin-left: -2px;
  border-left: 0px;
}

/* trying to fix hover width problem, but hover detection not working */
titledbutton#TextColorPopup[pseudoclass~="hover"] {
  margin-right: -1px;
  border-right: 0px;
}

titledbutton#BackColorPopup[pseudoclass~="hover"] {
  margin-left: -1px;
  border-left: 0px;
}
