/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background:#fff;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
	User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#FFF;
	-moz-opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.50;
}
#colorbox {
	-webkit-box-shadow: 0px 0px 30px rgba(190, 190, 190, 0.75);
	-moz-box-shadow:    0px 0px 30px rgba(190, 190, 190, 0.75);
	box-shadow:         0px 0px 30px rgba(190, 190, 190, 0.75);
	background: #ededed;
	overflow: visible;
}
#cboxWrapper {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	overflow: visible;
}
#cboxTopLeft{width:10px; height:10px;}
#cboxTopRight{width:10px; height:10px;}
#cboxBottomLeft{width:10px; height:10px;}
#cboxBottomRight{width:10px; height:10px;}
#cboxMiddleLeft{width:10px;}
#cboxMiddleRight{width:10px;}
#cboxTopCenter{height:10px;}
#cboxBottomCenter{height:10px;}
#cboxContent{
	background:#fff; 
	overflow:visible;
}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{
	margin-bottom:0;
}
#cboxTitle{
	position:absolute; 
	bottom:0; 
	left:0; 
	text-align:left; 
	width:100%; 
	color:#000;
	height: 28px;
	line-height: 200%;
	font-size: 110%;
	color:#3F3F3F;
}
#cboxCurrent{
	position:absolute; 
	bottom:4px; 
	left:65px; 
	color:#868078;
	display: none !important;
}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{
	position:absolute; 
	top:0; 
	left:0; 
	background: transparent none;
	width:50%; 
	height:100%; 
	text-indent:-9999px;
}
#cboxPrevious.hover{
	background: transparent url(../gfx/colorbox/cbox-prev-large.png) no-repeat 0 47%;
}
#cboxNext{
	position:absolute; 
	top:0; 
	right:0; 
	background: transparent none;
	width:50%; 
	height:100%; 
	text-indent:-9999px;
}
#cboxNext.hover{
	background: transparent url(../gfx/colorbox/cbox-next-large.png) no-repeat 100% 47%;
}
#cboxLoadingOverlay{background:url(../gfx/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../gfx/colorbox/loading2.gif) no-repeat center center;}
#cboxClose{
	position:absolute; 
	top:-10px; 
	right:-43px; 
	background:url(../gfx/colorbox/cbox-close.png) no-repeat 0px 0; 
	width:30px; 
	height:31px; 
	text-indent:-9999px;
	z-index: 10;
}
#cboxClose.hover{
	background-position: 0 -31px;
}