/*
    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:9998; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay{width:0px; height:0px; display:none;} #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.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:url(../images/lightbox/overlay.png) repeat 0 0;
	}

#colorbox {
	}

#cboxTopLeft {
	width:21px; 
	height:21px; 
	background:url(../images/lightbox/controls.png) no-repeat -101px 0;
	}

#cboxTopRight {
	width:21px; 
	height:21px; 
	background:url(../images/lightbox/controls.png) no-repeat -130px 0;
	}

#cboxBottomLeft {
	width:21px; 
	height:21px; 
	background:url(../images/lightbox/controls.png) no-repeat -101px -29px;
	}

#cboxBottomRight {
	width:21px; 
	height:21px; 
	background:url(../images/lightbox/controls.png) no-repeat -130px -29px;
	}

#cboxMiddleLeft {
	width:21px; 
	background:url(../images/lightbox/controls.png) left top repeat-y;
	}

#cboxMiddleRight {
	width:21px; 
	background:url(../images/lightbox/controls.png) right top repeat-y;
	}

#cboxTopCenter {
	height:21px; 
	background:url(../images/lightbox/border.png) 0 0 repeat-x;
	}
	
#cboxBottomCenter {
	height:21px; 
	background:url(../images/lightbox/border.png) 0 -29px repeat-x;
	}
		
#cboxContent {
	background:#fff; 
	overflow:hidden;
	}

.cboxIframe {
	background:#fff;
	}
        
#cboxError {
	padding:50px; 
	border:1px solid #ccc;
	}
        
#cboxLoadedContent {
	margin-bottom:0px;
	}
        
#cboxTitle {
	position:absolute; 
	bottom:25px; 
	left:26px; 
	text-align:left; 
	vertical-align:text-bottom; 
	width:500px; 
	text-shadow: black 0.1em 0.1em 0.2em; 
	color:#FFF; 
	font-family: helconbold, Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	font-size:40px; 
	line-height:100%; 
    }

#cboxCurrent {
	position:absolute; 
	bottom:4px; 
	left:-9999px; 
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#333;
	}
        
#cboxSlideshow{
	position:absolute; 
	bottom:4px; 
	right:40px; 
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#333;
	}
       
#cboxPrevious {
	position:absolute; 
	top:45%; 
	left:10px; 
	background:url(../images/lightbox/left_arrow.png) no-repeat right; 
	text-indent:-9999px; 
	width:27px; 
	height:43px; 
	z-index:9998; 
	 
	 /*
	 position:absolute; 
	top:0px; 
	left:10px;
	 background:url(../images/lightbox/left_arrow.png) no-repeat left; 
	 width:50%; 
	 height:100%; 
	 text-indent:-9999px; 
	 z-index:9998;	 
	 */
	 }
       
#cboxPrevious:hover {
	background:url(../images/lightbox/left_arrow_hover.png) no-repeat left;
	}
        
#cboxNext {
	position:absolute; 
	top:45%; 
	right:10px; 
	background:url(../images/lightbox/right_arrow.png) no-repeat right; 
	text-indent:-9999px; 
	width:27px; 
	height:43px; 
	z-index:9998; 
	
	/*
	position:absolute; 
	top:0px; 
	right:10px; 
	background:url(../images/lightbox/right_arrow.png) no-repeat right; 
	text-indent:-9999px; 
	width:50%; 
	height:100%; 
	z-index:9998; 
	*/
}

        
#cboxNext:hover {
	background:url(../images/lightbox/right_arrow_hover.png) no-repeat right;
	}
        
#cboxLoadingOverlay {
	background-color:#FFF;
	}
        
#cboxLoadingGraphic {
	background:url(../images/lightbox/loading.gif) no-repeat center center;
	}
        
#cboxClose {
	position:absolute; 
	top:13px; 
	right:15px;
	background:url(../images/lightbox/close.png) no-repeat 0px 0px; 
	width:36px; 
	height:35px; 
	text-indent:-9999px; 
	z-index:9999;
	}
        
#cboxClose:hover {
	background:url(../images/lightbox/close_hover.png) no-repeat 0px 0px;
	}

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

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/lightbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/lightbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/lightbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/lightbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/lightbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/lightbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/lightbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/lightbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}




.pastevents:hover {
	opacity: 0.6;
  filter: alpha(opacity = 60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}


.youtube:hover {
	opacity: 0.6;
  filter: alpha(opacity = 60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.youtube_eventtype:hover {
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.vimeo:hover {
	opacity: 0.6;
  filter: alpha(opacity = 60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.vimeo_eventtype:hover {
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.inline:hover {
	opacity: 0.6;
  filter: alpha(opacity = 60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.inline_eventtype:hover {
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}


#loader {
                background: url(../images/lightbox/loading.gif) no-repeat center top;
                height: 32px;
                width: 32px;
                position: fixed;
                left: 50%;
                top: 50%;
                margin: -25px 0 0 -25px;
                z-index: 9999;
}