/* 
	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:url(/images/jquery/plugins/colorbox/stripe.png) 0 0 repeat;}

#colorbox{background:#FFF; border: 9px solid #be0f34; }
	#modalContent{margin-top:30px; background:#FFF;}
		#modalLoadedContent{padding:6px 2px 2px 2px;}
			#contentTitle{position:absolute; top:-20px; left:12px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
			#contentCurrent{display:none;}
			#contentPrevious{width:29px; height:30px; display:block; text-indent:-9999px; position:absolute; top:-30px; right:60px; background:url(/images/jquery/plugins/colorbox/buttons.png) left top no-repeat;}
			#contentPrevious:hover{background-position:left bottom;}
			#contentNext{width:29px; height:30px; display:block; text-indent:-9999px; position:absolute; top:-30px; right:28px; background:url(/images/jquery/plugins/colorbox/buttons.png) right top no-repeat;}
			#contentNext:hover{background-position:right bottom;}
		#modalLoadingOverlay{background:url(/images/jquery/plugins/colorbox/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:-25px; right:5px; display:block; background:url(/images/jquery/plugins/colorbox/buttons_matrix.png) -29px 0 no-repeat; width:26px; height:30px; text-indent:-9999px;}
		#modalClose:hover{background-position:-29px -31px; cursor:pointer;}