/*
 * @copyright   © Copyright 2006-2012, epages GmbH, All Rights Reserved.
 *
 * @module      ep.base_uiLightbox
 *
 * @require     ep.
 *          .base
 */

.ep-uiLightbox {
  position: fixed;
  top: 50px;
  left: 50px;
  padding: 9px;
  border: solid 1px #555555;
  background: #fff;
  overflow: visible;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -op-border-radius:10px;
  -ms-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow: 0 0 15px 1px #555555;
  -webkit-box-shadow: 0 0 15px 1px #555555;
  -op-box-shadow: 0 0 15px 1px #555555;
  -ms-box-shadow: 0 0 15px 1px #555555;
  box-shadow: 0 0 15px 1px #555555;
}
.ep-uiLightbox.ui-hidden {
  position: absolute;
  top: -9999px !important;
  left: -9999px !important;
}
  .ep-uiLightbox-ctrlClose {
    background: none repeat scroll 0 0 #000000;
    border: 2px solid #FFFFFF;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 2px 1px #555555;
    height: 25px;
    position: absolute;
    right: -15px;
    text-align: center;
    text-decoration:none;
    top: -15px;
    width: 25px;
    z-index: 2;
  }

    .ep-uiLightbox-ctrlClose span {
      color:#fff;
      font-family:sans-serif;
      font-size: 21px;
      line-height:23px;
      text-decoration:none;
    }
  .ep-uiLightbox .ep-uiLightbox-slides {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

  }
  .ep-uiLightbox .ep-uiLightbox-thumbs {
    position: absolute;
    display: none;
    top: 14px;
    right: 0;
    bottom: 14px;
    width: 130px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:auto;
  }
 .ep-uiLightbox-showThumbs .ep-uiLightbox-thumbs {
    display: block;
  }
.ep-uiLightbox-showThumbs .ep-uiLightbox-slides {
    right: 150px;
  }