/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#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:visible;}
#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:#222;}

#colorbox{}
	#cboxContent {margin: 0;} 
		#cboxLoadedContent { background:#fff; padding: 24px; border: solid 3px #d2b25b; } /* content box */
                #cboxLoadingGraphic {background:url(../img/ss-loading.gif) center center no-repeat;}
                #cboxLoadingOverlay {background:#fff;}
                #cboxTitle {position:absolute; bottom:4px; left:3px; color:#555; background: #fff; width:90%; height:20px; padding: 0 0 0 24px; font-size: 12px; line-height: 16px; text-align: left; }
                #cboxCurrent {position:absolute; top:5px; right:100px; color: #999; text-indent:0;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; background:url(../img/colorbox-controls.png) 0 0 no-repeat;}

                #cboxPrevious {background-position:0px 0px; right:48px;}
                #cboxPrevious.hover {background-position:0px -20px;}
                #cboxNext {background-position:-20px 0px; right:26px;}
                #cboxNext.hover {background-position:-20px -20px;}
		#cboxClose {background-position:-40px 0px; right:4px;}
		#cboxClose.hover {background-position:-40px -20px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {right:70px;}

                .cboxSlideshow_on #cboxSlideshow {background-position:-60px -20px; right:48px;}
                .cboxSlideshow_on #cboxSlideshow.hover {background-position:-80px -20px;}
                .cboxSlideshow_off #cboxSlideshow {background-position:-80px 0; right:48px;}
                .cboxSlideshow_off #cboxSlideshow.hover {background-position:-60px -20px;}