/* 
	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: #000000 url(images/bg.gif) no-repeat fixed 50% 40px;}

#colorbox{}
#modalContent{margin-top:90px;}
#modalLoadedContent{background:#000; padding:2px;}
#contentTitle{position:absolute; top:-90px; right:0; color:#fff; text-align: right;}
#contentCurrent{display:none;}
#contentPrevious{width:53px; height:15px; display:block; text-indent:-9999px; position:absolute; top:-20px; right:39px; background:url(images/prevNew.png) left top no-repeat;}
#contentPrevious:hover{background:url(images/prevHoverNew.png) left top no-repeat;}
#contentNext{width:37px; height:15px; display:block; text-indent:-9999px; position:absolute; top:-20px; right:0; background:url(images/nextNew.png) right top no-repeat;}
#contentNext:hover{background:url(images/nextHoverNew.png) right top no-repeat;}
#modalLoadingOverlay{background:url(images/loading.gif) center center no-repeat #000;}
#modalClose{position:absolute; top:-20px; left:0px; display:block; background:url(images/closeNew.png) no-repeat; width:47px; height:15px; text-indent:-9999px;}
#modalClose:hover{background:url(images/closeHoverNew.png) no-repeat; cursor:pointer;}

#preloadPrevious{background-image:url(images/prevHoverNew.png);}
#preloadNext{background-image:url(images/nextHoverNew.png);}
#preloadClose{background-image:url(images/closeHoverNew.png);}