/*
    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;
	  }

#cboxWrapper {
	max-width:none;
	  }

#cboxOverlay{
	position:fixed; 
	width:100%; 
	height:100%;
	  }

#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
	  }

#cboxContent{
	position:relative;
	  }

#cboxLoadedContent{
	overflow:auto; 
	-webkit-overflow-scrolling: touch;
	  }

#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; 
	padding:0; 
	margin:0;
	  }

#colorbox, #cboxContent, #cboxLoadedContent{
	box-sizing:content-box; 
	-moz-box-sizing:content-box; 
	-webkit-box-sizing:content-box;
	  }

/* 
    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:url(img/UP-Graphics_main-dark.jpg) no-repeat; 
	  }

/* 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; 
	bottom:4px; 
	right:30px; 
	color:#0092ef;
	  }

 #cboxPrevious{
	position:absolute; 
	bottom:0; 
	left:0; 
	background:url(images/controls.png) no-repeat -75px 0; 
	width:25px; 
	height:25px; 
	text-indent:-9999px;
	  }

#cboxPrevious:hover{
	background-position:-75px -25px;
	  }

#cboxNext{
	position:absolute; 
	bottom:0; 
	left:27px; 
	background:url(images/controls.png) no-repeat -50px 0; 
	width:25px; 
	height:25px; 
	text-indent:-9999px;
	  }

#cboxNext:hover{
	background-position:-50px -25px;
	  }

#cboxClose{
	position:absolute; 
	bottom:0; 
	right:0; 
	background:url(images/controls.png) no-repeat -25px 0; 
	width:25px; 
	height:25px; 
	text-indent:-9999px;
	  }

#cboxClose:hover{
	background-position:-25px -25px;
	  }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: https://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	  }