@charset "UTF-8";

@namespace html "http://www.w3.org/1999/xhtml";
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/**
 * Main container
 */
.main{
  margin:0 !important;
  padding:0 !important;
}
caption{
   background-color:#0F0F0F;
}

label{
  color:#fff;
  font-size:9px;
  font-weight:bold;
  font-family:Verdana,sans-serif;
}

label.info{
  color:#c0c0c0;
}

checkbox hbox hbox label{
  color:#c0c0c0;
}

/**
 * Main groupbox skin
 *
 */
groupbox{
  border: 2px solid #a0a0a0;
  padding:6px !important;
  margin:6px !important;
  background-color:#0F0F0F;
}

caption > label{
  color:white !important;
  font-size:9px;
  font-family:Verdana,sans-serif;
}

.title{
  background:black;
  margin-left:10px;
  padding-left:5px;
  padding-right:5px;
}



/**
 * Nested groupbox skin
 *
 */
.nested{
  border:0 solid black;
  padding:0;
  margin:0;
  margin-top:6px;
}

.subtitle{
  font-style:italic !important;
  margin-left:10px;
}

checkbox.textTitle hbox hbox label, checkbox.subtitle hbox hbox label{
  color:#fff !important;
}

/**
 * Scaler style
 *
 */
scale{
  margin:0 !important;
  padding:0 !important;
  -moz-border-bottom-colors:#a0a0a0 !important;
  -moz-border-top-colors:#a0a0a0 !important;
  -moz-border-right-colors:#a0a0a0 !important;
  -moz-border-left-colors:#a0a0a0 !important;
  border: 1px solid #a0a0a0;
  height:20px;
}

scale .scale-slider {
  -moz-appearance: none !important;
  margin:0px !important;
  padding:0px !important;
  width:200px !important;
  max-width:200px !important;
  min-width:200px !important;
  height: 20px !important;
  max-height: 20px !important;
  min-height: 20px !important;
  background-color: transparent !important;
  background-attachment: scroll !important;
  background-position: 0% 50% !important;
  -moz-background-clip: -moz-initial !important;
  -moz-background-origin: -moz-initial !important;
  -moz-background-inline-policy: -moz-initial !important;
}

.hue{
  background-image: url(chrome://outwit-modules-images/skin/hue.png) !important;
}
.transparency{
  background-image: url(chrome://outwit-modules-images/skin/transparency.png) !important;
}

scale .scale-thumb {
  -moz-appearance: none !important;
  background-color: transparent !important;
  background-image: url(chrome://outwit-modules-images/skin/position.png) !important;
  width: 11px !important;
  height: 20px !important; 
  border:0px !important;
  min-width:11px !important;
  min-height:20px !important;
  max-height:20px !important;
  margin:0px !important;
  padding:0px !important;
}


textbox{
  -moz-appearance:none !important;
  color:#000 !important;
  width:200px !important;
  font-size:9px;
  font-family:Verdana, sans-serif;
  border:0px !important;
  background-color: #888 !important;
  -moz-border-bottom-colors:#303030 !important;
  -moz-border-top-colors:#303030 !important;
  -moz-border-right-colors:#303030 !important;
  -moz-border-left-colors:#303030 !important;
  border: 1px solid #303030 !important;
  height:20px;
  -moz-box-align:center;
  
}

.smallNumber{
  width:40px !important;
  background-color: #888 !important;
  border: 1px solid #303030 !important;
}

.mediumNumber {
  width:60px !important;
  background-color: #888 !important;
  border: 1px solid #303030 !important;
}

[type=number] > *{
  -moz-appearance:none !important;
  border:0 !important;
}

[type=number]>*>*{
  background-image:none !important;
  background-color:#888 !important;
}

button label {
  color:#c0c0c0 !important;
}

menulist{
  -moz-appearance:none ! important;
  -moz-border-bottom-colors: none;
  -moz-border-top-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  border: 1px solid #303030 !important;
  background-color: #222222 !important;
  margin-right:0px !important;
  padding-right:0px;
  height:20px;
}

menulist > dropmarker{
  display:none;
}

menulist .little {
  max-width: 100px;
}

menulist label{
  color:#c0c0c0;
}
menulist menupopup{
  -moz-appearance:none ! important;
  border: 1px solid #303030 !important;
  background-color: #222 !important;
}

#owImagesContainer menuitem:not([disabled]):hover,
#owImagesContainer menuitem:not([disabled]):hover *
{
  background-color: -moz-cellhighlight !important;
  color: #000 !important;
}

#owImagesContainer menuitem[disabled] * {
  color:#404040 !important;
}


label.openPopup{

  margin-bottom:-1px !important;
  margin-left:0px !important;
  padding-left:0px;
  -moz-appearance:none ! important;
  border: 1px solid #303030 !important;
  border-left:none !important;
  background-color: #222222 !important;
  color:#c0c0c0 !important;
  height:20px;
  width:14px;
  text-align:center;
  -moz-box-align:center;
}


/**
 * optionsTitle skin
 */
optionsTitle{
  -moz-binding:url("chrome://outwit-modules-images/content/options/options.xbl#optionsTitle");
}
optionsTitle hbox label{
  color:#c0c0c0 !important;
}
preferencesTitle{
  -moz-binding:url("chrome://outwit-modules-images/content/options/options.xbl#preferencesTitle");
}
preferencesTitle hbox label{
  color:#c0c0c0 !important;
}








button {
  -moz-appearance:none ;
  min-width:6.3em ;
  margin:1px 5px 2px 5px ;
  padding-left:1px ;
  border: 1px solid #303030 !important;
  background-color: #222222 !important;
  color:#c0c0c0 !important;
  border-bottom-width:0px !important;
  border-left-width:0px !important;
  border-right-width:0px !important;
  border-top-width:0px !important;
  background-color: #222222 !important;
  -moz-border-bottom-colors:#303030 !important;
  -moz-border-top-colors:#303030 !important;
  -moz-border-right-colors:#303030 !important;
  -moz-border-left-colors:#303030 !important;
}


button.options{
  border-bottom-width:1px !important;
  border-left-width:1px !important;
  border-right-width:1px !important;
  border-top-width:1px !important;
  height:20px;
}

button:hover{
  background-color: #444444 !important;
}

textbox[type="number"] {
  padding:0;
  cursor:default;
  border:none;
}

html|*.numberbox-input {
  text-align:right;
  border:none !important;
}

.numberbox-input-box {
  -moz-box-align:center;
}


spinbuttons {
  cursor:default;
}

.spinbuttons-button {
  min-width:5px;
  width:8px;
  min-height:6px;
  height:9px;
  margin:0;
  background-color: #888888 !important;
}

.spinbuttons-button>.button-box {
  border:none !important;
  padding:0px;
}

.spinbuttons-button:hover:active{
  background-color: #888888 !important;
  border:none !important;
  margin:0;
  padding:0;
}

.spinbuttons-button[disabled="true"] {
}

.spinbuttons-up {
  -moz-appearance:none;
  list-style-image:url("chrome://outwit-modules-images/skin/arrow/arrow-up.gif");
}

.spinbuttons-up:hover:not([disabled="true"]),.spinbuttons-up:hover:active:not([disabled="true"]) {
  list-style-image:url("chrome://outwit-modules-images/skin/arrow/arrow-up-hov.gif");
  background-color: #888888 !important;
  border:none !important;
  margin:0;
  padding:0;
}

.spinbuttons-down {
  -moz-appearance:none;
  list-style-image:url("chrome://outwit-modules-images/skin/arrow/arrow-dn.gif");
}

.spinbuttons-down:hover:not([disabled="true"]),.spinbuttons-down:hover:active:not([disabled="true"]) {
  list-style-image:url("chrome://outwit-modules-images/skin/arrow/arrow-dn-hov.gif");
  background-color: #888888 !important;
  border:none !important;
  margin:0;
  padding:0;
}
