/*
 * Overlay and containers.
 */

#sideshow-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: black;
  z-index: 9999;
  display: none;
}

#sideshow-frame {
  background-color: white;
  position: fixed;
  z-index: 9999;
  margin-top: 5px;
  text-align: left;
  display: none;
}

/*
 * Upper part of the Sideshow frame.
 */

#sideshow-upper {
  position: relative;
  line-height: 0;
  margin: 10px;
}

#sideshow-next, #sideshow-prev {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

#sideshow-prev {
  left: 0;
}

#sideshow-next {
  right: 0;
}

#sideshow-prev:hover {
  background: transparent url(prev.gif) no-repeat 0 15%;
}

#sideshow-next:hover {
  background: transparent url(next.gif) no-repeat 100% 15%;
}

/*
 * Lower part of the Sideshow frame.
 */

#sideshow-lower {
  font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10pt;
  color: #666;
  margin: 10px;
}

#sideshow-close {
  background: transparent url(close.gif) no-repeat center right;
  float: right;
  width: 75px;
  height: 18px;
  margin-left: 20px;
  cursor: pointer;
}

#sideshow-caption {
  font-weight: bold;
}

#sideshow-counter {
  font-size: 8pt;
}

/*
 * General.
 */

.loading {
  background: white url(loading.gif) no-repeat center;
}

/* Class used as hack for Internet Explorer. */
.transparent {
  background: transparent url(transparent.gif) repeat 0 0;
}

/* Class used as hack for Internet Explorer. */
.white {
  background: white;
}