/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	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
*/
#cboxOverlay{background:#c9c9c9;}

#colorBox{}
	#cboxTopLeft{width:11px;}
	#cboxTopCenter{height:30px;}
	#cboxTopRight{width:11px;}
	#cboxBottomLeft{width:11px; height:11px; background:url(../images/colorbox/bottom-left1.png) no-repeat;}
	#cboxBottomCenter{height:25px; background:url(../images/colorbox/bottom-center.png) repeat-x;}
	#cboxBottomRight{width:11px; height:11px; background:url(../images/colorbox/bottom-right1.png) no-repeat;}
	#cboxMiddleLeft{width:11px; background:url(../images/colorbox/middle-left1.png) repeat-y;}
	#cboxMiddleRight{width:11px; background:url(../images/colorbox/middle-right.png) repeat-y;}
	
	#cboxContent{background:#ffffff;}
	
            #cboxLoadedContent{margin-bottom:0px;}
            
            #cboxTitle{color:#000000; font-family: Arial; font-size: 18px; font-weight: 600; position:absolute; top:-30px; left:0; text-align:center; width:100%; }
            #cboxCurrent{color:#666666; font-family: Arial; font-size: 13px; font-weight: 400; position:absolute; bottom:-25px; left:0px; text-align:center; width:100%; }
            #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
            
            #cboxPrevious{background:url(../images/colorbox/btn_previous-trans.png) 0px 0px no-repeat; position:absolute; bottom:-25px; left:0; height:12px; width:12px; }
            #cboxPrevious.hover { background:url(../images/colorbox/btn_previous_on-trans.png) 0px 0px no-repeat; }
            
            #cboxNext{background:url(../images/colorbox/btn_next-trans.png) 0px 0px no-repeat; position:absolute; bottom:-25px; left:24px; height:12px; width:12px; }
            #cboxNext.hover { background:url(../images/colorbox/btn_next_on-trans.png) 0px 0px no-repeat; }
            
            #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
            
            #cboxClose{background:url(../images/colorbox/btn_close-trans.png) 0px 0px no-repeat; position:absolute; bottom:-25px; right:0; height:12px; width:12px; }
            #cboxClose.hover { background:url(../images/colorbox/btn_close_on-trans.png) 0px 0px no-repeat; }