/*
    Modified styles for Colorbox jQuery plugin.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;float:none !important;}
#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;}
#cboxHeader {padding:25px 0 11px; text-align:center; }
#cboxFooter {position:relative; clear:both; padding:11px 35px 12px; text-align:center; overflow:auto;}
/* 
    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:#000;}
#colorbox{ background:#fff; }
    #cboxWrapper{background:#fff;overflow:visible;}
	#cboxTopLeft{width:15px; height:15px;}
    #cboxTopCenter{min-height:43px;}
    #cboxTopRight{width:15px; height:15px;}
    #cboxBottomLeft{width:15px; min-height:52px;}
    #cboxBottomCenter{min-height:52px;}
    #cboxBottomRight{width:15px; min-height:52px;}
    #cboxMiddleLeft{position:relative; width:15px; }
		#cboxMiddleLeft span.prevLink,
		#cboxMiddleRight span.nextLink { position:absolute; z-index:9; top:0; width:100%; height:100%; cursor:pointer; background:url(../img/transp_20x20.gif); }
		.ie #cboxMiddleLeft span.prevLink,
		.ie #cboxMiddleRight span.nextLink { background:url(../img/transp_20x20.gif); }
		#cboxMiddleLeft span.prevLink { left:0; }
	#cboxMiddleRight{position:relative; width:15px;}
		#cboxMiddleRight span.nextLink { right:0; }
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{}
			#cboxLoadedContent img {cursor:default !important; }
		#cboxLoadingOverlay{background:url(../img/bg_colorbox_loading.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/bg_colorbox_loading.png) no-repeat center center;}
        #cboxTitle{display:inline; color:#000;}
        #cboxCurrent{display:block; font-weight:bold; color:#000;float:none !important;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; border: none; background:url(../img/sprite_icons.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; top:9px; width:20px; height:28px; background-position:0 -65px;}
        #cboxPrevious.hover{}
        #cboxNext{right:0; top:9px; width:20px; height:28px; background-position:0 -31px;}
        #cboxNext.hover{}
        #cboxClose{top:10px; right:10px; background-position:0 0;}
        #cboxClose.hover{}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


/* start: styles for SINGLE IMAGE box */
.singleitem #cboxBottomLeft{min-height:15px;}
.singleitem #cboxBottomCenter{min-height:15px;overflow:auto;}
.singleitem #cboxBottomRight{min-height:15px;}
.singleitem #cboxFooter {padding: 11px 0;margin-bottom: 30px;}
/* end: styles for SINGLE IMAGE box */


/* start: VIDEO PLAYER within colorbox */
#cboxLoadedContent #playerWrapper { position:relative; z-index:10; }	/* should hide the paging overlay links */
/* start: VIDEO PLAYER within colorbox */


/* start: DETAIL PAGE (content retrieved from URL) */
.detailpage #cboxTopCenter { min-height:24px; }
.detailpage #cboxTopLeft,
.detailpage #cboxTopRight,
.detailpage #cboxMiddleLeft,
.detailpage #cboxMiddleRight,
.detailpage #cboxBottomLeft,
.detailpage #cboxBottomRight { width:20px; }
/* end: DETAIL PAGE */


/* start: TYPOGRAPHY */
#cboxHeader h3 {padding:0 28px 0 0; font: normal 26px/28px FrutigerLight, Verdana, Arial, sans-serif; } /* right padding so that the headline does not overlap the "close" icon */
.ie #cboxHeader h3 { padding: 1px 0 0; }
#cboxHeader p { padding: 4px 0 0; font: normal 18px/20px FrutigerLight, Verdana, Arial, sans-serif; }
.ie #cboxHeader p { padding: 3px 0 0; }
#cboxTitle, #cboxFooter { font: 11px/15px Verdana, Arial, sans-serif; }
/* end: TYPOGRAPHY */