/* @override http://birmingham-rep.devspace.net/mmlib/css/colorbox/colorbox.css */

/*
    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:visible;}
#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, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{
	background:rgb(0,0,0); 
	background:rgba(0,0,0,0.95);
}

#colorbox{}
#cboxContent{
	background:#000;
	padding: 10px;
}

#cboxLoadedContent{margin-bottom:50px;}


#cboxTitle{
	bottom:20px;
	color:#fff;
	left:10px;
	right: 10px;
	position:absolute;
	text-align:center;
	width:100%;
	font-weight: bold;
}

#cboxCurrent{
	padding: 5px;
	line-height: 1em;
	position:absolute; 
	top:11px; 
	left:11px; 
	color:#ccc; 
	background-color: #000); 
	background-color: rgba(0,0,0,8.5);
}


#cboxSlideshow{display: none;}


#cboxPrevious{
	position:absolute;
 	top:0;
 	bottom:0;
 	left:-25px; 
 	background: url(/mmlib/images/colorbox/prev-white.png) 0 50% no-repeat; 
 	width:16px; 
 	text-indent:-9999px;
}
#cboxPrevious.hover{background-position:-16px 50%;}

#cboxNext{
	position:absolute;
 	top:0;
 	bottom:0;
 	right:-25px; 
 	background: url(/mmlib/images/colorbox/next-white.png) -16px 50% no-repeat; 
 	width:16px; 
 	text-indent:-9999px;
 }
#cboxNext.hover{background-position:0 50%}

#cboxLoadingOverlay{
	background-color: #000;
	padding: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#cboxLoadingGraphic{background:url(/mmlib/images/colorbox/ajax-loader.gif) center center no-repeat;}

#cboxClose{
	position:absolute; 
	top:0; 
	right:-35px; 
	background: url(/mmlib/images/colorbox/close-white.png) 0 0 no-repeat; 
	width:30px; 
	height:30px; 
	text-indent:-9999px;
}

#cboxClose.hover{background-position:0 -30px;}