/*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;}#cboxOverlay{	position:fixed;	width:100%;	height:100%;}#cboxMiddleLeft, #cboxBottomLeft{	clear:left;}#cboxContent{	position:relative;}#cboxLoadedContent{	overflow:auto;	-webkit-overflow-scrolling: touch;}#cboxLoadedContent img{	border-radius: 6px;	padding: 15px;	background: #000000 url(../images/colorbox.png) repeat-x top;}#cboxTitle{	margin:0;	}#cboxLoadingOverlay, #cboxLoadingGraphic{	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{	cursor:pointer;	}.cboxPhoto{	float:left;	margin:auto;	border:0;	display:block;	max-width:none;	 -ms-interpolation-mode:bicubic;}.cboxIframe{	width:100%;	height:100%;	display:block;	border:0;}#colorbox, #cboxContent, #cboxLoadedContent{	box-sizing:content-box;	-moz-box-sizing:content-box;	-webkit-box-sizing:content-box;}/* < ---- Begin User Style:Change the following styles to modify the appearance of Colorbox.  They areordered & tabbed in a way that represents the nesting of the generated HTML.*/#cboxOverlay{	background:#000;}#colorbox{	outline:0;}#cboxContent{	margin-top:20px;	background:#000;}.cboxIframe{	background:#000;}#cboxError{	padding:50px;	border:1px solid #ccc;}#cboxLoadedContent{	border:5px solid #000;	background:#000;}#cboxTitle{	position:absolute;	bottom: -10px;	width: 100%;	background: rgba(0,0,0,0.9);	padding-bottom: 5px;	left: 20px;	text-align: center;	color:#ccc;}#cboxCurrent{	position:absolute;	top:-20px;	right:0px;	color:#ccc;}#cboxLoadingGraphic{	background:url(../images/loading.gif) no-repeat center center;}/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {	border:0;	padding:0;	margin:0;	overflow:visible;	width:auto;	background:none;}/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {	outline:0;}#cboxSlideshow{	position:absolute;	top:-20px;	left: 5px;	border-radius:  4px;	padding: 1px 20px 1px 20px;	background: url(../buttons/topmenu.png) top repeat-x;	color:#fff;}#cboxSlideshow:hover{	background: #246;	color:#fff;}#cboxPrevious{	position:absolute;	top:50%;	left:5px;	margin-top:-32px;	background:url(../images/controls.png) no-repeat top left;	width:28px;	height:65px;	text-indent:-9999px;}#cboxPrevious:hover{	background-position:bottom left;	}#cboxNext{	position:absolute;	top:50%;	right:5px;	margin-top:-32px;	background:url(../images/controls.png) no-repeat top right;	width:28px;	height:65px;	text-indent:-9999px;}#cboxNext:hover{	background-position:bottom right;}#cboxClose{	position:absolute;	top:5px;	right:5px;	display:block;	background:url(../images/controls.png) no-repeat top center;	width:38px;	height:19px;	text-indent:-9999px;}#cboxClose:hover{	background-position:bottom center;	}