/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
	#cboxOverlay{background:#000;}
		#colorbox{background:#363630; color:#757571; font-size:0.8em; }
		/*#colorbox{background:#363630; color:#757571; font-size:0.8em; text-shadow:1px 1px 1px #1F1F1C;}*/
			#cboxTopCenter, #cboxBottomCenter { height: 30px; }
			#cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:21px; position:absolute; bottom:0px;}
			#cboxPrevious, #cboxNext { background: transparent url(nav.png) no-repeat; }
			#cboxClose { background: transparent url(close.png) no-repeat 50% 50%; height: 30px; width: 30px; }
			#cboxPrevious{background-position: left top; right:30px; bottom: -25px; }
			#cboxPrevious.hover{ background: transparent url(nav_hover.png) no-repeat left top; }
			#cboxNext{background-position:right top; right:10px; bottom: -25px; }
			#cboxNext.hover{ background: transparent url(nav_hover.png) no-repeat right top; }
			#cboxClose{ top: -30px; right: 0; }
			#cboxTitle{position:absolute; bottom:-27px; left:0; margin: 0 0 0 10px; }
	        #cboxTitle p { margin: 0;}
	        #cboxCurrent{position:absolute; bottom:-27px; right:70px;}