/*----------
    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; 
}

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

#cboxMiddleLeft, 
#cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{
    overflow:auto; 
    -webkit-overflow-scrolling: touch;
}

#cboxTitle{margin:0;}

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

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

.cboxPhoto{
    float:left; 
    margin:auto; 
    border:0; 
    display:block; 
    max-width:none; 
    -ms-interpolation-mode:bicubic;
}

.cboxIframe{
    width:100%; 
    height:100%; 
    display:block; 
    border:0;
}

#colorbox, 
#cboxContent, 
#cboxLoadedContent{
    box-sizing:content-box; 
    -moz-box-sizing:content-box; 
    -webkit-box-sizing:content-box;
}

/*----------
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
----------*/
#cboxOverlay{background:rgba(0,0,0,0.5) none;}

#colorbox{outline:0;}

#cboxTopLeft{
    width:21px; 
    height:21px; 
    background:url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight{
    width:21px; 
    height:21px; 
    background:url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft{
    width:21px; 
    height:21px; 
    background:url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight{
    width:21px; 
    height:21px; 
    background:url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft{
    width:21px; 
    background:url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight{
    width:21px; 
    background:url(images/controls.png) right top repeat-y;
}

#cboxTopCenter{
    height:21px; 
    background:url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter{
    height:21px; 
    background:url(images/border.png) 0 -29px repeat-x;
}

#cboxContent{
    background:#fff;  
    padding: 10px;
}

.cboxIframe{background:#fff;}

#cboxError{
    padding:50px; 
    border:1px solid #ccc;
}

#cboxTitle{
    position:absolute; 
    bottom:4px; 
    left:0; 
    text-align:center; 
    width:100%; 
    color:#949494;
}

#cboxCurrent{
    position:absolute; 
    bottom:4px; 
    left:58px; 
    color:#949494;
    display: none !important;
}

#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}

#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

#cboxPrevious, 
#cboxNext, 
#cboxSlideshow, 
#cboxClose {
    border:0; 
    padding:0; 
    margin:0; 
    overflow:visible; 
    width:auto; 
    background:none; 
}

#cboxPrevious:active, 
#cboxNext:active, 
#cboxSlideshow:active, 
#cboxClose:active {outline:0;}

#cboxSlideshow{
    position:absolute; 
    bottom:4px; 
    right:30px; 
    color:#0092ef;
}

#cboxPrevious{position:absolute; top:50%; 
    left:25px; background: rgba(255,255,255,0.75) url(../img/popup-arrow.png) no-repeat 0 12px; 
    width:33px; 
    height:33px; 
    text-indent:-9999px;
    transition:background-color 0.35s;
    margin-top: -17px;
    z-index: 99;
}

#cboxPrevious:hover{
    background-position: -33px 12px;
    background-color: rgba(255,255,255,1);
}

#cboxNext{
    position:absolute; 
    top:50%; 
    right:25px; 
    background: rgba(255,255,255,0.75) url(../img/popup-arrow.png) no-repeat -66px 12px; 
    width:33px; 
    height:33px; 
    text-indent:-9999px;
    transition:background-color 0.35s;
    margin-top: -17px;
    z-index: 99;
}

#cboxNext:hover{
    background-position:-99px 12px;
    background-color: rgba(255,255,255,1);
}

#cboxClose{position:absolute; top:0; right:-49px; background:url(../img/button-close.png) no-repeat 0 0; width:28px; height:28px; text-indent:-9999px;display: block;}

/*----------
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
----------*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}