/* 
	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{ margin-bottom: 120px; padding-left: 30px; padding-right: 30px; }
#modalWrap{ left: 30px; }
	#modalContent{background:#fff; margin-top:70px; margin-bottom:50px; padding: 5px 100px 5px 50px;}
		#modalLoadedContent{ background:#fff; border: solid 0px #023325;}
			#contentTitle{position:absolute; top:-70px; left:0px; color:#fff; background-color: #023325; width: 100%; height: 50px; padding-top: 20px; text-align: center; font-family: Times New Roman, sans-serif; font-size: 20px;}
			#contentDesc{position:absolute; bottom:-100px; left:0px; width: 100%; height: 100px; overflow: auto; background-color: #fff; color: #285040; font-family: Verdana, sans-serif; font-size: 14px; line-height: 1.4em;}
			#contentDesc .content{ padding: 0px 70px; }
			#modalLoadedContent .subModels { position: absolute; right: 0px; top: 5px; }
			#modalLoadedContent .subModels div { margin: 0px 5px 5px 0px; text-align: center; }
			#modalLoadedContent .subModels img { border: solid 1px #a08c82; }
			#modalLoadedContent .subModels .active img { outline: solid 3px #a08c82; }
			#contentDesc p{ margin-bottom: 0.1em;}
			#contentCurrent{position:absolute; top:-20px; left:0px; font-weight:bold; color:#949494;}
			#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(/public/images/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
			#contentNext{position:absolute; top:50%; right:60px; margin-top:-41px; background:url(/public/images/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:bottom right;}
		#modalLoadingOverlay{background:url(/public/images/colorbox/loading.gif) center center no-repeat #fff;}
		#modalClose{position:absolute; z-index: 999; top:-70px; right:0px; display:block; background:url(/public/images/colorbox/controls.png) top center no-repeat; width:31px; height:32px; text-indent:-9999px;}
		#modalClose:hover, #modalClose.hover{background-position:bottom center;}