/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#cboxOverlay {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible; border: 10px solid #DCDADB; }
#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
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#fff;}

#colorbox{}
	#cboxContent{ margin-top:100px; }
		#cboxLoadedContent{background:#DCDADB; padding:1px;}
                #cboxLoadingGraphic{background:url(../gfx/lightbox/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#fff;}
                #cboxTitle{position:absolute; top:-60px; left:-162px; color:#fff;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; position:absolute; }

                #cboxPrevious { height: 100%; width: 93px; left:-1px; top: 0; display: block; }
                #cboxPrevious.hover{ background: url(../gfx/lightbox/btn_hover.png) -279px 50% repeat-y; }
                
                #cboxNext { height: 100%; width: 93px; right:-1px; top: 0; display: block; }
                #cboxNext.hover{ background: url(../gfx/lightbox/btn_hover.png) 0px 50% repeat-y; }
                
		#cboxClose{background:url(../gfx/lightbox/btnClose.gif) 0 0; right:-55px; height: 74px; width: 93px; position: absolute; top: -90px; }
		#cboxClose.hover{background-position:0px -74px;}

                .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;}