/* $Id: colorbox_default_style.css,v 1.1.4.1 2010/11/29 09:42:07 frjo Exp $  */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  overflow: hidden; }

#cboxLoadedContent {
  color: #000;
  overflow: hidden !important; }

#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
  border: none; }

/* ----------------- Colorbox ----------------- */
#cboxOverlay {
  background: #000; }

#cboxWrapper {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

#cboxTopLeft {
  width: 15px;
  height: 15px; }

#cboxTopCenter {
  height: 15px; }

#cboxTopRight {
  width: 15px;
  height: 15px; }

#cboxBottomLeft {
  width: 15px;
  height: 10px; }

#cboxBottomCenter {
  height: 10px; }

#cboxBottomRight {
  width: 15px;
  height: 10px; }

#cboxMiddleLeft {
  width: 15px; }

#cboxMiddleRight {
  width: 15px; }

#cboxContent {
  background: #fff;
  font: 12px Verdana, Arial, sans-serif; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  bottom: 28px;
  left: 0;
  color: #474740;
  /* width: 100%; */
  padding: 8px; }

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 55px;
  color: #474740; }

.cboxSlideshow_on #cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 30px;
  background: url(../i/colorbox/controls.png) -75px -50px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

.cboxSlideshow_on #cboxSlideshow.hover {
  background-position: -101px -50px; }

.cboxSlideshow_off #cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 30px;
  background: url(../i/colorbox/controls.png) -49px -50px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

.cboxSlideshow_off #cboxSlideshow.hover {
  background-position: -25px -50px; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 20px; }

#cboxLoadingOverlay {
  background: #fff; }

#cboxLoadingGraphic {
  background: url(../i/colorbox/loading_animation.gif) center center no-repeat; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  text-indent: -9999px; }

a.colorbox:focus img {
  outline: 1px dashed black; }

/* The following are fixes for IE. */
.cboxIE #cboxTitle {
  background: #fff; }

#cboxNext, #cboxPrevious, #cboxClose {
  background-color: transparent;
  background-image: url(../i/colorbox/slidecontrol.gif);
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 16px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 16px;
  outline: none; }

#cboxPrevious {
  background-position: 0 0;
  margin-right: 4px; }

#cboxNext {
  background-position: -16px 0;
  margin-left: 4px; }

#cboxClose {
  background-position: -32px 0; }

#cboxPrevious:hover {
  background-position: 0 -16px; }

#cboxNext:hover {
  background-position: -16px -16px; }

#cboxClose:hover {
  background-position: -32px -16px; }