/*
    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: 90%; border:0; padding-top: 40px}
#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:#c6eaed;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#fff; padding:1px; border: 2px solid #70cbd2;}
                #cboxLoadingGraphic{background:url("/art/js/colorbox2_loading.gif") center center no-repeat;}
                #cboxLoadingOverlay{background:#000;}
                #cboxTitle{position:absolute; top:2px; left:23px; color:#000; font-family: AppleGothic, Futura, sans-serif; color: #5f6062; font-size: 18px; font-weight: normal; background-color: #fff; padding: 22px 0 5px; width: 90%; text-align: left;}
                #cboxCurrent{position:absolute; top:17px; right:200px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {width:30px; height:19px; position:absolute; top:18px; padding: 3px 23px 0 0; background-color: #fff; cursor: pointer; }
				#cboxSlideshow:hover, #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover {color: #227c88;}

                #cboxPrevious{background: url("/art/js/colorbox2_controls_previous.png") no-repeat top right; right:44px;}
                #cboxPrevious.hover{background: url("/art/js/colorbox2_controls_previous.png") no-repeat bottom right;}
                #cboxNext{background: url("/art/js/colorbox2_controls_next.png") no-repeat top right; right:32px;}
                #cboxNext.hover{background: url("/art/js/colorbox2_controls_next.png") no-repeat bottom right;}
		#cboxClose{background: url("/art/js/colorbox2_controls_close.png") no-repeat top right; right:20px;}
		#cboxClose.hover{background: url("/art/js/colorbox2_controls_close.png") no-repeat bottom right;}

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