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

#colorbox{}
	#borderTopLeft{width:10px; height:10px; background:#000;}
	#borderTopCenter{height:10px; background:#000;}
	#borderTopRight{width:10px; height:10px; background:#000;}
	#borderBottomLeft{width:10px; height:10px;background:#000;}
	#borderBottomCenter{height:10px;background:#000;}
	#borderBottomRight{width:10px; height:10px;background:#000;}
	#borderMiddleLeft{width:10px;background:#000;}
	#borderMiddleRight{width:10px;background:#000;}
	#modalContent{background:#fff;}
		#modalLoadedContent{margin-bottom:0px; border:10px solid #fff;}
		/*#modalLoadedContent img {border:1px solid #cccccc;}*/
			#contentTitle{display:block;
			font: normal 18px "Palatino Linotype", "Palatino", "URW Palladio L", Georgia, Times New Roman, Times, serif;
			color:#444444;margin-right:80px;padding-top:3px;}
			#contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#555555;}
			#contentPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentPrevious:hover{background-position:-25px -25px;}
			#contentNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentNext:hover{background-position:0px -25px;}
		#modalLoadingOverlay{background:url(images/loading.gif) center center no-repeat #fff;}
		#modalClose{position:absolute; bottom:10px; right:10px;padding: 5px;background:#9CAC3B;text-align:center;
		font: bold 10px/10px Verdana;
		text-decoration:none;
		color:#ffffff;
		}
		#modalLoadedContent img {margin-bottom:5px}