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

#colorbox{}
	#modalContent{}
		#modalLoadedContent{background:#fff; border-bottom: 2px solid #666;}
			#contentTitle{}
			#contentCurrent{display:none;}
			#contentPrevious{}
			#contentPrevious:hover{}
			#contentNext{}
			#contentNext:hover{}
		#modalLoadingOverlay{background:url(../assets/search_popup/loading.png) center center no-repeat #fff;}
		
		#modalClose {
			position:absolute; 
			top:16px; 
			right:30px; 
			display:block; 
			background:url(../assets/search_popup/close.png) center center no-repeat; 
			width:60px; 
			height:30px; 
			text-indent:-9999px;
		}

		#modalClose:hover {
			background-image: url(../assets/search_popup/close_hover.png);
			cursor:pointer;
		}