/**
 * weblitz_viewport - style definitions
 * 
 * Copyright (c) 2007, 2008, 2009 Glencoe Software, Inc. All rights reserved.
 * 
 * This software is distributed under the terms described by the LICENCE file
 * you can find at the root of the distribution bundle, which states you are
 * free to use it only for non commercial purposes.
 * If the file is missing please request a copy by contacting
 * jason@glencoesoftware.com.
 *
 * Author: Carlos Neves <carlos(at)glencoesoftware.com>
 */

/*div.weblitz-viewport-tiles {
  background: transparent;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
div.weblitz-viewport-tiles img {
 border: medium none;
 margin: 0;
 padding: 0;
 position: absolute;
}*/
  
.weblitz-viewport-vp {
  position: absolute;
  display: block;
  border: 1px solid;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #ddd;
  top: 0px;
  left: 15px;
  _left: 10px;
}

.weblitz-viewport-top { 
  position: relative;
  height: 100%;
}

.weblitz-viewport-bot { 
  position: relative;
  left: 15px;
  height: 15px;
}

.weblitz-viewport-msg {
  display: none;
  color: #F30;
  font-weight: bold;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 1000;
}

.weblitz-viewport-img {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Customizing the jquery-plugin-viewportImage classes */

.image-viewer { 
  position: relative;
}

.vslider { 
  position: absolute;
  width: 10px;
  height: 100%;
  display: block;
  top: 0px;
  left: 1px;
}

.hslider { 
  position: relative;
  height: 10px;
  /*bottom: -3px;*/
  display: block;
  font-size: 0.1em;
}

.slider-line { 
  /* width: 100%; */
  background: #F30;
  font-size: 0.1em;
}

.slider-handle { 
  background: #184A89;
  font-size: 0.1em;
  left: -1px; 
  top: -1px;
}

.vslider .slider-line {
  width: 8px;
  _width: 100%;
}

.draggable {
  cursor: -moz-grab;
  cursor: url('/appmedia/webgateway/img/openhand.cur'), pointer, auto;
}

.ondrag {
  cursor: -moz-grabbing;
  cursor: url('/appmedia/webgateway/img/closedhand.cur'), hand, auto;
}

.pick-pos {
  cursor: crosshair;
}