/* 
	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
*/
#modalBackgroundOverlay{background:#90A6B2;}

#colorbox{}
	#borderTopLeft{width:15px; height:15px; background:url(../hg/border_colorbox.png);}
	#borderTopCenter{height:15px; background:url(../hg/border_colorbox.png);}
	#borderTopRight{width:15px; height:15px; background:url(../hg/border_colorbox.png);}
	#borderBottomLeft{width:15px; height:15px; background:url(../hg/border_colorbox.png);}
	#borderBottomCenter{height:15px; background:url(../hg/border_colorbox.png);}
	#borderBottomRight{width:15px; height:15px; background:url(../hg/border_colorbox.png);}
	#borderMiddleLeft{width:15px; background:url(../hg/border_colorbox.png);}
	#borderMiddleRight{width:15px; background:url(../hg/border_colorbox.png);}
	#modalContent{background:url(../hg/border_colorbox.png);}
		#modalLoadedContent{margin-bottom:28px;}
		* html #modalLoadedContent{margin-bottom:28px;}
			#contentTitle{ position:relative; margin-top:6px; left:4px; width:auto; text-align:left; font-weight:normal; color:#fff;line-height: 1.5em; margin-bottom: -25px; float: left; clear: both; padding-right: 140px; }
			
			#contentCurrent{position:absolute; bottom:5px; right:105px; font-weight:normal; color:#fff;}
			#contentPrevious{position:absolute; bottom:0; right:67px; background:url(../hg/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; opacity: 0.6; filter:Alpha(opacity=60); }
			#contentPrevious:hover{background-position:-25px -25px; opacity: 1; filter:Alpha(opacity=100); }
			#contentNext{position:absolute; bottom:0px; right:38px; background:url(../hg/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; opacity: 0.6; filter:Alpha(opacity=60); }
			#contentNext:hover{background-position:0px -25px; opacity: 1; filter:Alpha(opacity=100); }
		#modalLoadingOverlay{background:url(../hg/ajax-loader.gif) center center no-repeat;}
		#modalClose{position:absolute; bottom:0px; right:1px; background:url(../hg/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; opacity: 0.6; filter:Alpha(opacity=60); }
		#modalClose:hover{background-position:-50px -25px; opacity: 1; filter:Alpha(opacity=100); }
		
	/* .content_info { clear: both; float: left; width: 100%; position: relative;} */
		
span.light { opacity: 0.6; }