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

@import url("chrome://outwit-modules-images/skin/mediacatch_scrollbar.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";

/* from top to bottom ... */

#owImagesMediaCatch {
  background: url("chrome://outwit-modules-images/skin/oW-images-catchGradient.png") top repeat-x !important;
  height: 110px !important;
  min-height: 110px !important;
  max-height: 110px !important;
}

#owImagesMediaCatchNavBoxLeft, #owImagesMediaCatchNavBoxRight {
  height:110px !important;
  min-height:110px !important;
  max-height:110px !important;
  width:45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
  -moz-box-align: center !important;
}

#owImagesMediaCatchNavBoxLeft {
  margin-left:15px;
  margin-right:10px;
}

#owImagesMediaCatchNavBoxRight {
  margin-right:15px;
  margin-left:10px;
}

#owImagesMediaCatchNavLeft, #owImagesMediaCatchNavRight {
  cursor: pointer;
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
  height: 65px !important; 
  min-height: 65px !important;
  max-height: 65px !important;
  margin-bottom: 10px !important;
}
#owImagesMediaCatchNavLeft{
  -moz-image-region:rect(0 45px 65px 0);
  list-style-image: url("chrome://outwit-modules-images/skin/oW-images-button-classic.png");
}
#owImagesMediaCatchNavLeft:hover {
  -moz-image-region:rect(0 90px 65px 45px);
}

#owImagesMediaCatchNavRight {
  -moz-image-region:rect(0 180px 65px 135px);
  list-style-image: url("chrome://outwit-modules-images/skin/oW-images-button-classic.png");
}


#owImagesMediaCatchNavRight:hover {
  -moz-image-region:rect(0 135px 65px 90px);
}


#owImagesBoxInfo {
  width: 180px;
  height: 50px;
  border: 2px solid #606060;
  border-radius: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 8px;
  margin-right: 4px;
  padding: 0px !important;
}

#owImagesBoxInfo box {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

#owImagesBoxInfo > caption {
  background-color: #000000 !important;
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 3px;
}

#owImagesBoxInfo > caption > label {
  color: #606060;
  font-size: 9px;
  font-weight: bold;
  font-family: "Verdana", Helvetica, sans-serif;
}

#owImagesBoxInfo > hbox {
  -moz-box-align: center;
}

#owImagesBoxInfo > hbox label {
  color: #606060;
  font-size: 9px;
  font-family: "Verdana", Helvetica, sans-serif;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

mediacatch {
  -moz-appearance: none !important;
  -moz-binding: url("chrome://outwit-modules-images/content/mediacatch/mediacatch.xbl#mediacatch");
  -moz-box-flex: 1;
}

mediaitem {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background-color: transparent !important;
}

mediaitem[type="image"] {
  -moz-binding: url("chrome://outwit-modules-images/content/mediaitem/mediaimage.xbl#mediaimage");
}

mediaitem[selected="true"] {
/*  border: 2px solid red !important; */
}

mediaitem[dragItem="true"] {
  
}

mediaitem[dragTo="Over"] image{
  opacity:0.4 !important;
}

mediaitem[dragTo="Bottom"] {
  border-right: 1px dashed #4f4f4f;
}

mediaitem[dragTo="Top"]{
  border-left: 1px dashed #4f4f4f;
}

.mediaimageImage {
  opacity: 0.8;
  border: 1px solid white;
}

.mediaimageImage:hover {
  opacity:1.0;
  border: 1px solid white;
}

.mediaimageSpacer {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
}

#mediaImageCanvas {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}
