@font-face {
	font-family: 'userinterface';
	src:url('fonts/userinterface.eot');
	src:url('fonts/userinterfaced41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/userinterface.woff') format('woff'),
		url('fonts/userinterface.ttf') format('truetype'),
		url('fonts/userinterface.svg#userinterface') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
    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;}
#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:#111;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-30px; left:10px; color:#fff;}

/* 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:20px; height:20px; position:absolute; top:-30px; background:none}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active,#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:none;}

#cboxPrevious{height:25px;width:25px;overflow:hidden;right:60px}
#cboxPrevious:before{font-family:userinterface;content:'\48';color:#949494;font-size:16px;height:25px;line-height:25px;width:25px}
#cboxPrevious:hover:before{color:#fff;border-radius:50%;}
#cboxNext{height:25px;width:25px;overflow:hidden;right:30px}
#cboxNext:before{font-family:userinterface;content:'\47';color:#949494;font-size:16px;height:25px;line-height:25px;width:25px}
#cboxNext:hover:before{color:#fff;border-radius:50%;}
#cboxClose{width:25px;height:25px;overflow:hidden;right:0}
#cboxClose:before{font-family:userinterface;content:'\46';color:#949494;font-size:12px;top:5px;left:6px}
#cboxClose:hover:before{color:#fff;}
#cboxCurrent{bottom:3px;left:1em;color:#fff;font-family:arial;font-size:12px;line-height:2em;position:absolute}
#cboxTitle{color:#fff;font-family:arial;font-size:16px;line-height:2em;min-height:2em;margin:0}