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

/* 
    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: #000;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
#cboxContent {
	overflow:visible;
}
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {
	background:rgba(44,51,59,.76);
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#cboxLoadingGraphic {
	background:url(../Images/modal-loading.gif) no-repeat center center;
}
#cboxLoadingOverlay{
        background:#000;
}
#cboxTitle {
        padding: 5px 0 0 10px;
        color:#fff;
        width: 95%;
}
#cboxCurrent {
        position:absolute;
        top:-22px;
        /*right:205px;*/
        color:white;
       /* text-indent:-9999px;*/

}
#cboxSlideshow, 
#cboxPrevious, 
#cboxNext, 
#cboxClose {
        text-indent:-9999px;
        width:20px;
        height:20px;
        position:absolute;
        top:-24px;
        background:url(../Images/modal-controls.png) no-repeat 0 0;
}
#cboxPrevious {
        background-position: 0px 0px;
        right:44px;
}
#cboxPrevious.hover {
        background-position: 0px -25px;
}
#cboxNext {
        background-position: -25px 0px;
        right: 22px;
}
#cboxNext.hover {
        background-position:-25px -25px;
}
#cboxClose {
        background-position:-50px 0px;
        right:0;
}
#cboxClose.hover {
        background-position:-50px -25px;
}
.cboxSlideshow_on #cboxPrevious, 
.cboxSlideshow_off #cboxPrevious {
        right:66px;
}
.cboxSlideshow_on #cboxSlideshow {
        background-position:-75px -25px; 
        right:44px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
        background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
        background-position:-100px 0px;
        right:44px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
        background-position:-75px -25px;
}