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

#colorbox { font-family: "Tahoma", "Verdana", "Arial", sans-serif; font-size: 11px; }
	#cboxContent { margin-top: 32px; }
        /* color for box with no content */
		#cboxLoadedContent { background: #ffffff; border: solid 1px #ffffff; }
                #cboxLoadingGraphic { background: url(images/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay { background: #ffffff; }
                #cboxTitle { position: absolute; top: -22px; left: 0; color: #ffffff; }
                #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(images/controls.gif) 0 0 no-repeat; }

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