/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#colorbox {position:fixed !important; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#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:#000000 !important; opacity: .7 !important;}

#colorbox{top: 0px !important; position: fixed !important; border-radius: 4px; border: 1px solid #aaaaaa !important;}
	#cboxWrapper{background-color: #FFF;}
    #cboxContent{margin-top:0px; margin-bottom: 15px; background-color: #FFF; margin-left: 0px; margin-right: 0px;}
        #cboxLoadedContent{background:#FFF; padding:5px;}
        #cboxTitle{position:absolute; text-align: center; vertical-align: top; height: 67px; bottom: -90px; margin-right: 15px; padding: 5px;  left: 5px; color:#000;}
        #cboxCurrent{position:absolute; bottom: -12px; right: 5px; color:#000;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#000;}
        #cboxPrevious{background:url(images/previous.gif) top left no-repeat; position:absolute; top: 50%; left:-20px; margin-top: 0px; width: 50%; height: 100%; text-indent:-9999px; z-index: 99999;}
        #cboxPrevious.hover{}
        #cboxNext{background:url(images/next.gif) top right no-repeat; position:absolute; top: 50%; right: -20px; margin-top: 0px; width: 50%; height: 100%; text-indent:-9999px; z-index: 99999;}
        #cboxNext.hover{ }
        #cboxLoadingOverlay{background:#FFF;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top: -23px; right:-20px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px; display: none;}
        #cboxClose.hover{}