/* 
	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: #999;
}
#colorbox {
}
#modalContent {
	background: #fff;
	margin: 10px 0 35px;
	border: 3px #fff solid;
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
	border-radius: 10px
}
#modalLoadedContent {
	background: #fff;
	padding: 10px;
}
#contentTitle {
	background:#FFFFFF;
	bottom:-34px;
	color:#777777;
	display:block;
	left:5%;
	padding:10px 15px;
	position:absolute;
	width:85%;
	font-size: 11px;

	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	border-bottom: 3px #fff solid;
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
	border-radius: 10px
}
#contentCurrent {
	display: none;
}
#contentPrevious {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -41px;
	background: url(images/controls.png) top left no-repeat;
	width: 38px;
	height: 81px;
	text-indent: -9999px;
}
#contentPrevious:hover {
	background-position: bottom left;
}
#contentNext {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -41px;
	background: url(images/controls.png) top right no-repeat;
	width: 38px;
	height: 81px;
	text-indent: -9999px;
}
#contentNext:hover {
	background-position: bottom right;
}
#modalLoadingOverlay {
	background: url(images/loading.gif) center center no-repeat #fff;
}
#modalClose {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	background: url(images/controls.png) top center no-repeat;
	width: 47px;
	height: 24px;
	text-indent: -9999px;
}
#modalClose:hover {
	background-position: bottom center;
}