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

#colorbox{}
	#cboxContent{background:#dedede; margin-top:24px;}
		#cboxLoadedContent{background:#dedede; padding:10px; padding-bottom:26px;}
			#cboxTitle{position:absolute; bottom:4px; left:10px; color:#333; font-size:12px;
			    font-weight:bold; font-family:verdana, helvetica, arial, sans-serif;}
			#cboxCurrent{display:none;}
			
			#cboxPrevious{position:absolute; bottom:6px; right:40px; color:#36f;
			    width:15px;font-size:16px;line-height:12px}
			#cboxPrevious:hover{color:#c03;}
			
			#cboxNext{position:absolute; bottom:6px; right:10px; color:#36f;
			    width:15px;font-size:16px;line-height:12px;}
			#cboxNext:hover{color:#c03;}
		#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat #000;}
		#cboxClose{position:absolute; top:-18px; left:-10px; display:block; background:url(../images/fancy_closebox.png) top center no-repeat; width:47px; height:24px; z-index:9999; text-indent:-9999px;}