/*
    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 { overflow: auto; }
#cboxLoadedContent img { border: none; }
#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; }
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: #ccc; }
#colorBox { }
#cboxTopLeft { width: 25px; height: 25px; background: url(ColorBoxImages/border1.png) 0 0 no-repeat; }
#cboxTopCenter { height: 25px; background: url(ColorBoxImages/border1.png) 0 -50px repeat-x; }
#cboxTopRight { width: 25px; height: 25px; background: url(ColorBoxImages/border1.png) -25px 0 no-repeat; }
#cboxBottomLeft { width: 25px; height: 25px; background: url(ColorBoxImages/border1.png) 0 -25px no-repeat; }
#cboxBottomCenter { height: 25px; background: url(ColorBoxImages/border1.png) 0 -75px repeat-x; }
#cboxBottomRight { width: 25px; height: 25px; background: url(ColorBoxImages/border1.png) -25px -25px no-repeat; }
#cboxMiddleLeft { width: 25px; background: url(ColorBoxImages/border2.png) 0 0 repeat-y; }
#cboxMiddleRight { width: 25px; background: url(ColorBoxImages/border2.png) -25px 0 repeat-y; }
#cboxContent { background: #fff; }
#cboxLoadedContent { margin: 45px 0 10px; }
#cboxTitle { position: absolute; top: 5px; left: 0; width:98%; font-size: 24px; font-weight:300; color: #989898; background:#fff; line-height:40px;   }
#cboxCurrent { position: absolute; right: 10px; color: #999; bottom: 15px; }
#cboxPrevious, #cboxNext, #cboxSlideshow { position: absolute; bottom: 10px; left: 10px; background: url(ColorBoxImages/controls.png) -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -130px 0px; left: 40px; }
.cboxSlideshow_on #cboxSlideshow { background-position: -103px 0px; left: 40px; }
#cboxPrevious.hover { background-position: -75px -25px; }
#cboxNext { background-position: -50px 0px; left: 65px; }
#cboxNext.hover { background-position: -50px -25px; }
#cboxLoadingOverlay { background: url(ColorBoxImages/loading.gif) 5px 5px no-repeat #fff; }
#cboxClose { background: url(ColorBoxImages/close.png) no-repeat left top !important; position: absolute; bottom: 0; right: 0; text-indent: -7000px; display: inline-block !important; width: 30px; height: 30px; color: #444; top: 0; }