@charset "UTF-8";
/*
 * Copyright (c) OutWit Technologies 2007-2017.
 * All rights reserved.
 */

@import url("chrome://outwit-modules-images/skin/slider.css");
@import url("chrome://outwit-modules-images/skin/scrollbar.css");
@import url("chrome://outwit-modules-images/skin/mediacatch.css");

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
@namespace xbl "http://www.mozilla.org/xbl";
@namespace svg "http://www.w3.org/2000/svg";
@namespace mathml "http://www.w3.org/1998/Math/MathML";
@namespace rdf "http://www.w3.org/1999/02/22-rdf-syntax-ns#";
@namespace ow "http://www.outwit.com/namespace";

/**
* Alter the main.xul color and other stuff
* Globally destroy the skin :)
*/

window,#owImagesMainBox[fullscreen='true'] {
  background-color: black !important;
}

groupbox {
  -moz-appearance: none;
  background-color: black;
}

container {
  -moz-binding: url("chrome://outwit-modules-images/content/bindings/container.xbl#container");
}

options {
  -moz-binding: url("chrome://outwit-modules-images/content/options/options.xbl#options");
}

slideshow {
  -moz-binding: url("chrome://outwit-kernel/content/widgets/slideshow/slideshow.xbl#slideshow");
}

.thumbnailsBorder {
  background-color: black !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

scalableimage{
  -moz-binding: url("chrome://outwit-kernel/content/widgets/slideshow/scalableimage.xbl#scalableimage");
}

scalableimage image{
  opacity:1;
}

thumbnails{
  -moz-binding: url("chrome://outwit-kernel/content/widgets/gallery/thumbnails.xbl#thumbnails");
}


/*************
 * Top Panel
 *************/

#owImagesTopPanel{
  background-color: #111 !important;
  height:28px;
  min-height:28px;
  max-height:28px;
  -moz-box-align: center !important;
}

#owImagesTopPanel[fullscreen='true']{
  display:none !important;
}

#owImagesTopPanelSourceTitle, #owImagesTopPanelSourceSelector, #owImagesTopPanelSourceArrow, #owImagesTopPanelCatchTitle {
  height: 16px;
  font-family: "Verdana", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #a5a5a5;
  margin: 0;
  margin-left:5px;
  padding: 0;
  -moz-box-align: center !important;
}

#owImagesTopPanelSourceSelector {
  text-decoration: underline;
  cursor: pointer;
}

#owImagesTopPanelSourceSelector:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
}

#owImagesTopPanelCatchTitle {
  display: none;
}

#owImagesTopPanelSourceSpacer {
  width: 8px;
}

#owImagesSourceSelectorMenu {
  -moz-appearance: none !important;
  background-color: #111 !important;
  border: 1px solid #303030;
}
  
#owImagesSourceSelectorMenu menuitem {
  -moz-appearance: none !important;
  background-color: #111 !important;
  font-family: "Verdana", Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: bold !important;
  color: #a5a5a5 !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

#owImagesSourceSelectorMenu menuitem:hover {
  background-color: -moz-cellhighlight !important;
  color: #000 !important;
}
#owImagesSourceSelectorMenu menuitem[disabled]:hover {
  background-color: transparent !important;
}
#owImagesSourceSelectorMenu menuitem[type=checkbox]{
  -moz-appearance:checkmenuitem !important;
}

#owImagesSourceSelectorMenu menuitem[disabled] {
  color: #606060 !important;
}

#owImagesSourceSelectorMenu menuitem:hover[disabled] {
  color: #606060 !important;
}


/* XXX tune it */
#urlbar > dropmarker {
}

.searchbar-engine-button {
  background-color: #222 !important;
}


/*****************
 * Bottom Panel
 *****************/

#owImagesBottomPanel {
  background-color: #111 !important;
  -moz-box-flex: 1;
  min-height: 130px !important;
  height: 130px !important;
  max-height: 130px !important;
}

#owImagesBottomPanel[fullscreen='true'] {
  display: none !important;
  min-height: 0 !important;
  max-height: 0 !important;
}

#owImagesMenuLine {
  background: #013a54 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  opacity:0.5;
}

#owImagesMenuLineLeft {
  background: url("chrome://outwit-modules-images/skin/oW-images-leftGradient-Large.png") left no-repeat !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
}

#owImagesMenuLineRight {
  background: url("chrome://outwit-modules-images/skin/oW-images-rightGradient-Large.png") right no-repeat !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
}

#owImagesBottomMenu {
  /**border-top: 1px solid #013a54;*/
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: -8px !important;
}

#thumbScrollbar {
  margin-top: 3px;
}
#owImagesBottomMenuLeft, #owImagesBottomMenuRight {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
}

#owImagesBottomMenuLeft {
  margin-left: 5px !important;
  margin-right: 30px !important;
}

#owImagesBottomMenuRight {
  margin-left: 30px !important;
  margin-right: 50px !important;
}

.owImagesBottomMenuButton, .owImagesBottomMenuSwitchButton {
  -moz-appearance: none !important;
  background: transparent !important;
  border: none !important;
  
  -moz-box-align: start !important;
  padding-bottom: 0 !important;
  padding-top: 3px !important;
  margin: 0 !important;
  margin-top: -1px !important;
  
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  min-width: 65px !important;

  font-family: "Verdana", Helvetica, sans-serif;
  font-size: 9px !important;
  font-weight: bold;
  color: #606060 !important;
}

.owImagesBottomMenuButton:hover {
  cursor: pointer;
  color: #02b5da !important;
  background: transparent url("chrome://outwit-modules-images/skin/oW-images-menuHalo.png") no-repeat center !important;
}

.owImagesBottomMenuSwitchButton:hover {
  cursor: pointer;
  background: transparent url("chrome://outwit-modules-images/skin/oW-images-menuHalo.png") no-repeat center !important;
}

.owImagesBottomMenuButton[active=true], .owImagesBottomMenuSwitchButton[active=true] {
  /*background: transparent url("chrome://outwit-modules-images/skin/oW-images-menuHalo.png") no-repeat center !important;*/
  color: #02b5da !important;
}

#owAutoSaveFolderBox {
  margin-top: -50px;
  margin-left: -140px;
  border: 1px solid red;
  background-color: #111;
  z-index: 99999;
}

#owAutoSaveFolderBox * {
  font-family: "Verdana", Helvetica, sans-serif;
  font-size: 9px !important;
  font-weight: bold;
  color: #606060 !important;
}

#searchbar {
  -moz-binding: url("chrome://outwit-modules-images/content/bindings/search.xbl#searchbar") !important;
}

.search-go-button
{
  padding-end-value:0 !important;
  padding:0;
  padding-top:1px;
  width:16px !important;
  height:16px !important;
}
.search-go-container
{
  min-width:0 !important;
  width:13px !important;
  height:16px !important;
  padding:0;
}
#ow-throbber {
  -moz-appearance: none;
  background: transparent !important;
  border: none;
  list-style-image:url(chrome://outwit-modules-images/skin/throbber_small.gif);
  min-width: 24px !important;
}

#ow-throbber[disabled]{
  list-style-image: none;
}

deck[anonid=containerDeck]{
  /*background: url(chrome://outwit-modules-images/skin/oW-images-catchHalo.png) repeat-x fixed right bottom;*/
  background-color:black !important;
}



checkbox > .checkbox-spacer-box, checkbox > .checkbox-check{
  display:none !important;
}

checkbox {
  list-style-image:url(chrome://outwit-modules-images/skin/checkbox/checkbox.png) !important;
}

checkbox[checked="true"] {
  list-style-image:url(chrome://outwit-modules-images/skin/checkbox/checkboxCheck.png) !important;
}

checkbox > hbox label{
  margin-top:2px !important;
}

#owImagesButtonBox{
  margin-top:7px;
  margin-right:4px;
  -moz-box-align:start !important;
}

.owImagesCatchButton {
  -moz-appearance:none !important;
  font-size:9px;
  font-family: "Verdana", Helvetica, sans-serif;
  font-weight: bold;
  color:#606060 !important;
  background: transparent !important;
  border-bottom-width:0 !important;
  border-left-width:0 !important;
  border-right-width:0 !important;
  border-top-width:0 !important;
  height: 34px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.owImagesCatchButton:hover {
  color: #02b5da !important;
  cursor: pointer;
  background: transparent url('chrome://outwit-modules-images/skin/oW-images-buttonHalo.png') center no-repeat !important;
}

#owImagesBoxInfoSavePath{
  background-color:#171717;
}


.nav-button{
  -moz-appearance:none !important;
  margin:0 !important;
  padding:0 !important;
  background-color:transparent !important;
  border:0 solid transparent;
  width:32px !important;
  max-width:32px !important;
  min-width:32px !important;
  height:25px !important;
  max-height:25px !important;
  min-height:25px !important;
}

.nav-button > hbox{
  padding:0 !important;
}

#nav-button-back{
  -moz-image-region: rect(0 32px 25px 0);
  list-style-image: url("chrome://outwit-modules-images/skin/oW-images-button-classic-small.png");
}
#nav-button-back[disabled=true]{
  -moz-image-region: rect(0 64px 25px 32px);
}
#nav-button-back:hover:not([disabled=true]) {
  -moz-image-region: rect(0 96px 25px 64px);
}
#nav-button-next{
  -moz-image-region: rect(0 192px 25px 160px);
  list-style-image: url("chrome://outwit-modules-images/skin/oW-images-button-classic-small.png");
}
#nav-button-next[disabled=true]{
  -moz-image-region: rect(0 160px 25px 128px);
}
#nav-button-next:hover:not([disabled=true]) {
  -moz-image-region: rect(0 128px 25px 96px);
}

#nav-button-slideshow{
  -moz-image-region: rect(0 25px 25px 0);
  list-style-image: url("chrome://outwit-modules-images/skin/oW-images-slideshowButton.png");
}
#nav-button-slideshow[disabled=true] {
  -moz-image-region: rect(0 50px 25px 25px);
}
#nav-button-slideshow:hover:not([disabled=true]) {
  -moz-image-region: rect(0 75px 25px 50px);
}
#nav-button-slideshow[disabled=true]:hover {
  -moz-image-region: rect(0 50px 25px 25px);
}

