/*
    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;background-color:#333;}
#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;}

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

#colorbox{}
    #cboxContent{background:#fff; padding:14px 14px 88px 14px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{display:none !important;}
        #cboxTitle{color:#000;position:absolute; bottom:87px; left:14px; width:100%; background:url(images/tint.png) 0 0 repeat;}
            #cboxTitle div{padding:10px;}
        #cboxCurrent{font-weight:bold;position:absolute; bottom:40px; right:52px; width:110px; text-align:center;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxGrid{background:url(images/controls.png) 0 0 no-repeat; width:38px; height:38px; position:absolute; bottom:26px; text-indent:-9999px;}
        #cboxNext{background-position:-114px 0; right:14px;}
        #cboxPrevious{background-position:-76px 0; right:162px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-0px 0px; left:14px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-38px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-38px -38px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-0px 0px;}
        #cboxGrid{background-position:-152px 0; left:100px; width:43px; text-decoration:none; display:block; border:0;}
        #cboxGrid:hover{background-position:-152px -38px; left:100px; width:43px;}
        
            #gallery{width:500px; overflow:hidden;}
            #gallery div{margin-right:-25px; margin-top:-25px; width:525px;}
            #gallery img{display:block; border:0;}
            #gallery a{float:left; margin-right:15px; margin-top:20px; height:110px; border:0;}
            
    * html #cboxTitle{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/tint.png, sizingMethod='scale');}

	#cboxBorder1, #cboxBorder2, #cboxBorder3 {position:absolute;bottom:26px;height:40px;width:2px;background:url(images/slideshow-border.gif);background-repeat:none;}
	#cboxBorder1 {right:230px;}
	#cboxBorder2 {left:74px;}
	#cboxBorder3 {left:165px;}