/**

 * ColorBox Core Style:

 * The following CSS is consistent between example themes and should not be altered.

 */

#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;

}

#cboxLoadedContent {

  overflow: auto;

}

#cboxTitle {

  margin: 0;

}

#cboxLoadingOverlay, #cboxLoadingGraphic {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {

  cursor: pointer;

}

.cboxPhoto {

  float: left;

  margin: auto;

  border: 0;

  display: block;

}

.cboxIframe {

  width: 100%;

  height: 100%;

  display: block;

  border: 0;

}



/**

 * Colorbox module Stockholm syndrome style:

 * The styles are ordered & tabbed in a way that represents

 * the nesting of the generated HTML.

 */

#cboxOverlay {

  background: #000;

  opacity: 0.4 !important;

}



#colorbox {

  background: #fff url(images/bg_tab.png) center bottom repeat-x;

  -moz-box-shadow: 3px 3px 16px #333;

  -webkit-box-shadow: 3px 3px 16px #333;

  box-shadow: 3px 3px 16px #333;

  -moz-border-radius-bottomleft: 9px;

  -moz-border-radius-bottomright: 9px;

  -webkit-border-bottom-left-radius: 9px;

  -webkit-border-bottom-right-radius: 9px;

  border-bottom-left-radius: 9px;

  border-bottom-right-radius: 9px;

}

#colorbox, #colorbox div {

  overflow: visible; /* Required by the close button. */

}

  #cboxWrapper {

    -moz-border-radius-bottomleft: 9px;

    -moz-border-radius-bottomright: 9px;

    -webkit-border-bottom-left-radius: 9px;

    -webkit-border-bottom-right-radius: 9px;

    border-bottom-left-radius: 9px;

    border-bottom-right-radius: 9px;

  }

    #cboxTopLeft {

      width: 0;

      height: 0;

    }

    #cboxTopCenter {

      height: 0;

    }

    #cboxTopRight {

      width: 0;

      height: 0;

    }

    #cboxBottomLeft {

      width: 15px;

      height: 10px;

    }

    #cboxBottomCenter {

      height: 10px;

    }

    #cboxBottomRight {

      width: 15px;

      height: 10px;

    }

    #cboxMiddleLeft {

      width: 0;

    }

    #cboxMiddleRight {

      width: 0;

    }

    #cboxContent {

      background: #fff;

      overflow: hidden;

      font: 11px Arial, sans-serif;

      margin-bottom: 28px;

    }

      #cboxError {

        padding: 50px;

        border: 1px solid #ccc;

      }

      #cboxLoadedContent {

      }

      #cboxTitle {

        left: 0;

        height: 38px;

        color: #313131;

        padding: 0 140px 0 15px;

        display: table-cell;

        vertical-align: middle;

      }

      #cboxCurrent {

        position: absolute;

        bottom: -26px;

        right: 80px;

        color: #313131;

        border-left: 1px solid #313131;

        padding: 0 0 0 15px;

      }

      /* Slideshow not implemented. */

      .cboxSlideshow_on #cboxSlideshow {

        display: none;

      }

      .cboxSlideshow_on #cboxSlideshow.hover {

      }

      .cboxSlideshow_off #cboxSlideshow {

        display: none;

      }

      .cboxSlideshow_off #cboxSlideshow.hover {

      }

      #cboxPrevious {

        position: absolute;

        bottom: -26px;

        right: 45px;

        background: url(images/controls.png) 0 -48px no-repeat;

        width: 21px;

        height: 15px;

        text-indent: -9999px;

      }

      #cboxPrevious.hover {

        background-position: 0 -111px;

      }

      #cboxNext {

        position: absolute;

        bottom: -26px;

        right: 15px;

        background: url(images/controls.png) 0 -29px no-repeat;

        width: 21px;

        height: 15px;

        text-indent: -9999px;

      }

      #cboxNext.hover {

        background-position: 0 -92px;

      }

      #cboxLoadingOverlay {

        background: #e6e6e6;

      }

      #cboxLoadingGraphic {

        background: url(images/loading_animation.gif) center center no-repeat;

      }

      #cboxClose {

        position: absolute;

        top: -10px;

        right: -10px;

        background: url(images/controls.png) 0px 0px no-repeat;

        width: 25px;

        height: 25px;

        text-indent: -9999px;

        opacity: 0;

      }

      #cboxClose.hover {

        background-position: 0 -63px;

      }



/* The following are fixes for IE. */

.cboxIE6 #cboxTitle {

  background: #fff;

}