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

}



a {
   outline: none;
}


h2 {
	color:#FFF;
	font-family: Arial, Helvetica;
	font-size:14px;
	margin-top:2px;
}

h2.events {font-size:80px; text-align:center; padding:0; color: #d65200; font-family: 'forqueregular', Arial, serif; margin-bottom: 5px;}


h3 {
	color:#4e341e;
	font-family: Arial, Helvetica;
	font-size:17px;
	line-height:20px;
	margin-top:2px;
}

h3.events {font-size:30px; color:#37221f; text-align:center; text-transform:uppercase; font-weight:normal; padding-top:10px; font-family: 'forqueregular', Arial, serif; margin: 5px 0;}

h4 {font-size:15px; margin:10px 0;}
	h4 span{display:block; font-size:12px;}
h4.events {font-size:30px; color:#fff; text-align:left; background-color:#d24c00; margin: 0; padding:10px; text-transform:none; font-family: 'forqueregular', Arial, serif; letter-spacing: 2px;}


h5 {font-size:15px; margin:10px 0; color:#f8de61; font-family: Arial, Helvetica; font-size:24px; font-weight:bold;}
	h5 span{display:block;}

h6 {color:#f77904; font-family: Arial, Helvetica; font-size:16px; font-weight:bold; line-height:5px;}

#menu h5{background:url(images/icon_arrow_closed.gif) no-repeat 10px 11px; margin:20px 0 10px 0; padding:10px 0 10px 30px; border-bottom:1px solid #f5cc00; border-top:1px solid #f5cc00; font-size:18px; cursor:pointer;}
						#menu h5.current{background:url(images/icon_arrow_open.gif) no-repeat 10px 11px;}
						#menu h6{margin:20px 0 0 0;}
						#menu p{padding:0; margin:8px 0; color:#F8DE61; font-family: Arial, Arial, Helvetica; font-size:14px; font-weight: normal;}

#menu strong {color:#f8de61;}


p {
	color:#FFFFFF;
	font-family: Arial, Arial, Helvetica;
	font-size:12px;
	line-height:20px;
	font-weight: normal;

}

p.events {color:#877a79; text-transform:uppercase; text-align:center; margin:0;}
p.events_description {color:#fff; text-align:left; padding:10px 20px 10px 20px;}


.text, .text p {
	color:#FFFFFF;
	font-family: Arial, Arial, Helvetica;
	font-size:11px;
	line-height:17px;
	margin-top:2px;
	font-weight:normal;

}

.addresstext {
	color:#683d20;
	font-family: Arial, Helvetica;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

.whitetext {
	color:#FFFFFF;
	font-family: Arial, Helvetica;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
}

.formtitle {
	color:#f8de61;
	font-family: Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
}


.presstext {
	color:#4e341e;
	font-family: Arial, Helvetica;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
}


.presstitle {
	color:#4e341e;
	font-family: Arial, Helvetica;
	font-size:17px;
	line-height:20px;
	margin-top:2px;
	font-weight:bold;
}


.eventsnavon {
	color:#ede876;
	font-family: Arial, Arial;
	font-size:12px;
	font-weight:bold;
}


.eventstext {
	color:#ede876;
	font-family: Arial, Arial;
	font-size:11px;
	font-weight:bold;
}

.png{behavior: url(iepngfix.htc);}


.thumbnail{
	border:5px solid #817e76;
	padding:2px;
}

.photothumb {
	border: 5px solid #FFFFFF;
}

.darkrow {
	background-color: #311a0c;
}

.darkerrow {
	background-color: #311a0c;
}



.stafftitle {
	color:#f8de61;
	font-family: Arial, Helvetica;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

.menutitlecurrent {
	color:#f8de61;
	font-family: Arial, Helvetica;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	background:url(images/icon_arrow_open.gif) no-repeat 10px 11px;
}
.menutitleno {
	color:#f8de61;
	font-family: Arial, Helvetica;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	background:url(images/icon_arrow_closed.gif) no-repeat 10px 11px;
}

.staffposition {
	color:#f77904;
	font-family: Arial, Helvetica;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
}

.price {
	color:#fff;
	font-family: Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
}

.menutitle {
	color:#f77904;
	font-family: Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
}

.linkstext {color:#FFFFFF; font-family: Verdana, Helvetica; font-size:11px; line-height:18px; font-weight: bold;}



a {color: #FFD200; font-family:Helvetica, Arial, Helvetica; font-size:16px;  text-decoration:none; line-height:16px;}
a:active {color: #FFD200; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}
a:visited {color: #FFD200; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}
a:hover {color: #FFFFFF; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}

/* HOLIDAY PARTY PAGE RED LINKS */
 a.redlink {color: #ed1c24; font-family:Helvetica, Arial, Helvetica; font-size:16px;  text-decoration:none; line-height:16px;}
a:active.redlink {color: #ed1c24; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}
a:visited.redlink {color: #ed1c24; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}
a:hover.redlink {color: #39b54a; font-family:Helvetica, Arial, Helvetica; font-size:16px; line-height:16px; text-decoration:none;}

.bottomnav {color: #dac163; font-family: Arial, Arial, Helvetica; font-size:11px; text-decoration:none; font-weight: bold;}
.bottomnav:active {color: #dac163; font-family: Arial, Arial, Helvetica; font-size:11px; text-decoration:none; font-weight: bold;}
.bottomnav:visited {color: #dac163; font-family: Arial, Arial, Helvetica; font-size:11px; text-decoration:none; font-weight: bold;}
.bottomnav:hover {color: #FFFFFF; font-family: Arial, Arial, Helvetica; font-size:11px; text-decoration:none; font-weight: bold;}


.eventsnav {color: #1d1007; font-family: Helvetica, Arial, Helvetica; font-size:12px; text-decoration:none; font-weight: bold;}
.eventsnav:active {color: #1d1007; font-family: Helvetica, Arial, Helvetica; font-size:12px; text-decoration:none; font-weight: bold;}
.eventsnav:visited {color: #1d1007; font-family: Helvetica, Arial, Helvetica; font-size:12px; text-decoration:none; font-weight: bold;}
.eventsnav:hover {color: #000000; font-family: Helvetica, Arial, Helvetica; font-size:12px; text-decoration:underline; font-weight: bold;}



.smalllink {color: #FFD200; font-family:Helvetica, Arial, Verdana; font-size:13px;  text-decoration:none; line-height:16px; font-weight: bold; text-transform: uppercase;}
.smalllink:active {color: #FFD200; font-family:Helvetica, Arial, Verdana; font-size:13px; line-height:16px; text-decoration:none; font-weight: bold; text-transform: uppercase;}
.smalllink:visited {color: #FFD200; font-family:Helvetica, Arial, Verdana; font-size:13px; line-height:16px; text-decoration:none; font-weight: bold; text-transform: uppercase;}
.smalllink:hover {color: #FFFFFF; font-family:Helvetica, Arial, Verdana; font-size:13px; line-height:16px; text-decoration:none; font-weight: bold; text-transform: uppercase;}



.menulink {color: #FFFFFF; font-family:Helvetica, Arial, Verdana; font-size:9px;  text-decoration:none; line-height:11px; font-weight: bold; text-transform: uppercase;}
.menulink:active {color: #FFFFFF; font-family:Helvetica, Arial, Verdana; font-size:9px; line-height:11px; text-decoration:none; font-weight: bold; text-transform: uppercase;}
.menulink:visited {color: #FFFFFF; font-family:Helvetica, Arial, Verdana; font-size:9px; line-height:11px; text-decoration:none; font-weight: bold; text-transform: uppercase;}
.menulink:hover {color: #FFD200; font-family:Helvetica, Arial, Verdana; font-size:9px; line-height:11px; text-decoration:none; font-weight: bold; text-transform: uppercase;}


.newsletterlink {color: #4b2a13; font-family:Helvetica, Arial, Verdana; font-size:11px;  text-decoration:underline; font-weight: bold; text-transform: uppercase;}
.newsletterlink:active {color: #4b2a13; font-family:Helvetica, Arial, Verdana; font-size:11px; text-decoration:underline; font-weight: bold; text-transform: uppercase;}
.newsletterlink:visited {color: #4b2a13; font-family:Helvetica, Arial, Verdana; font-size:11px; text-decoration:underline; font-weight: bold; text-transform: uppercase;}
.newsletterlink:hover {color: #000000; font-family:Helvetica, Arial, Verdana; font-size:11px; text-decoration:none; font-weight: bold; text-transform: uppercase;}


.smalldarklink {color: #c62700; font-family:Helvetica, Arial, Verdana; font-size:11px;  text-decoration:none; line-height:16px; font-weight: bold;}
.smalldarklink:active {color: #c62700; font-family:Helvetica, Arial, Verdana; font-size:11px; line-height:16px; text-decoration:none; font-weight: bold;}
.smalldarklink:visited {color: #c62700; font-family:Helvetica, Arial, Verdana; font-size:11px; line-height:16px; text-decoration:none; font-weight: bold;}
.smalldarklink:hover {color: #666666; font-family:Helvetica, Arial, Verdana; font-size:11px; line-height:16px; text-decoration:none; font-weight: bold;}


.events_module {
    width: 599px;
    margin: 25px auto 0 auto;
}


.more{color:#fff; text-align:center; display:block; padding:5px 10px; background:#d24c00; margin:0 10px 20px 0; text-decoration:none; text-transform:uppercase; font-family:Helvetica, Arial, Verdana; font-weight:normal; font-size:14px; border-radius:5px; border:none; width: 150px; float: right;}
	.more:hover{background:#37221f; font-family: Helvetica, Arial, Verdana; font-size: 14px;}

.module{background:url(images/bg.png);  zoom:1; padding:30px; border-radius:10px; position:relative;}

.module h1 {color: #ffffff; font-size: 30px; font-family: 'forqueregular', Arial, serif; margin-bottom: 0px; letter-spacing: 2px;}

.time {color: #FFFFFF; font-family: Arial, Arial, Helvetica; font-size: 14px; line-height: 20px;font-weight: normal;}

.left{margin:5px 20px 5px 0; float:left; border: 5px solid #eab93b;}

a.left img, img.left{border:5px solid #eab93b;}
a.left img, img.right{border:5px solid #eab93b;}

.photoborder{
    border-style:87c2f1;
    border-top-color:87c2f1;
    border-bottom-color:87c2f1;
    border-left-color:87c2f1;
    border-right-color:87c2f1;
    border-width:2px;
    border-top-width:2px;
    border-left-width:2px;
    padding:5
       }



.staffphoto{
    border-style:solid;
    border-color:fff;
    border-width:4px;
    padding:0
       }



ul#top-nav{margin:0; padding:0;}
ul#top-nav li{float:left; text-indent:-9999em; list-style-type:none; margin:0; padding:0;}
ul#top-nav a{height:95px; display:block; margin:0; padding:0;}
ul#top-nav li.nav-about a{background:url(images/nav_about.jpg) no-repeat; width:103px;}
ul#top-nav li.nav-fundraising a{background:url(images/nav_fundraising.jpg) no-repeat; width:112px;}
ul#top-nav li.nav-hotshots a{background:url(images/nav_hotshots.jpg) no-repeat; width:120px;}
ul#top-nav li a:hover, ul#top-nav li#nav-current a{background-position:0 -95px;}



ul#main-nav{margin:0; padding:0;}
ul#main-nav li{float:left; text-indent:-9999em; list-style-type:none; margin:0; padding:0;}
ul#main-nav a{height:66px; display:block; margin:0; padding:0;}

ul#main-nav li.nav-events a{background:url(images/navigation-events.jpg) no-repeat; width:86px;}
ul#main-nav li.nav-tickets a{background:url(images/navigation-tickets.jpg) no-repeat; width:73px;}
ul#main-nav li.nav-seating-charts a{background:url(images/navigation-seating.jpg) no-repeat; width:77px;}
ul#main-nav li.nav-premium-seating a{background:url(images/navigation-premium.jpg) no-repeat; width:138px;}
ul#main-nav li.nav-eat-drink a{background:url(images/navigation-eatdrink.jpg) no-repeat; width:119px;}
ul#main-nav li.nav-arena-info a{background:url(images/navigation-arenainfo.jpg) no-repeat; width:160px;}

ul#main-nav li a:hover, ul#main-nav li#nav-current a{background-position:0 -66px;}



ul#search-nav{margin:0; padding:0;}
ul#search-nav li{float:left; text-indent:-9999em; list-style-type:none; margin:0; padding:0;}
ul#search-nav a{height:63px; display:block; margin:0; padding:0;}

ul#search-nav li.search-parking a{background:url(images/topbar-search-buttons-parking.jpg) no-repeat; width:83px;}
ul#search-nav li.search-directions a{background:url(images/topbar-search-buttons-directions.jpg) no-repeat; width:94px;}
ul#search-nav li.search-seating a{background:url(images/topbar-search-buttons-seating.jpg) no-repeat; width:124px;}

ul#search-nav li a:hover, ul#search-nav li#search-buttons a{background-position:0 -63px;}



.eventstext a {
	color:#ede876;
	font-family: Helvetica, Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}

.eventstext a:hover {
	text-decoration: none;
}




#menu h4{background:url(images/icon_arrow_closed.gif) no-repeat 10px 11px; margin:20px 0 10px 0; padding:10px 0 10px 30px; border-bottom:1px solid #4558AA; border-top:1px solid #4558aa; font-size:18px; cursor:pointer;}
						#menu h4.current{background:url(images/icon_arrow_open.gif) no-repeat 10px 11px;}




.otherLinks{padding:312px 0 0 0px}




.flyers {background:url(images/flyers_bg.png) center; background-repeat:no-repeat; min-height:620px; min-width:642px; text-align:center; margin:-64px auto}

.flyer_right { padding:53px 0 3px 266px;}
.flyer_left {position:absolute; margin:-378px 0 5px 70px;}

.button_left {position:absolute; margin:-238px -4px -3px 37px;}
.button_right {position:absolute; margin:-239px 0 5px 571px;}



.hot {background:url(images/hotS_bg.png) center; background-repeat:no-repeat; min-height:306px; min-width:358px; text-align:center; margin:auto; position:absolute;}

.hs_right {padding:123px 0 2px 150px}
.hs_left {position:absolute; margin:-102px 0 5px 60px;}


.hs_button_top {position:absolute; margin:-159px -4px -3px 236px}
.hs_button_bottom {position:absolute; margin:27px -5px -2px 238px;}


.hs_button_top2 {position:absolute; margin:-159px -4px -3px 100px;}
.hs_button_bottom2 {position:absolute; margin:27px -4px -3px 100px}

/**************************************************************/
/* Google Map - Embed Place */
/**************************************************************/

/**************************************************************/
/* can be altered using pre-existing classes - change classList.add value in plugin file */
/**************************************************************/
	.map{
		position: relative;
		width: 95%;
		height: 405px;
    margin: 0 auto;
	}

	.gmap{
		border:none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		display:block;
	}

	.directions{
		position: absolute;
		bottom: -60px;
		z-index: 2;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		display:flex;
		align-items: center;
		justify-content: space-between;
	}

	.input{
		width: 80%;
		padding: 10px 0px 10px 20px;
		border: 2px solid $c1;
		margin:0;
	}

	.btn{
		padding: 20px 0px;
		width: 10%;
		text-decoration: none;
		background-color: $c1;
		border: 2px solid $c1;
		font-size: 16px;
		color: #ffd200;
		font-family: sans-serif;
		border: none;
		min-width: 0px;
		height: auto;

	}

.clear{clear:both;overflow:auto;}


/* Events */

	#events {width:730px; height:176px; background:url(images/whats-on-tv-photo.jpg) no-repeat; float:right; text-align:right; padding:250px 30px 0 0;}

	.events_module {width:599px; margin:25px auto 0 auto;}
	.date_block {width:130px; background-color:#FFF; padding:0; float:left; text-align:center;}
	.event_description_cont {width:469px; background:#c6431f; float:right;}


	#events_navigation {font-family: 'forqueregular', Arial, serif; text-align:center; margin:0 auto; font-size:50px; color:#ffffff; text-transform:uppercase;}
		#events_navigation a {font-family:"LeagueGothicRegular", Arial, serif; font-size:40px; color:#dfd9c8; text-decoration:none; font-weight:normal; font-weight:normal; text-transform:uppercase; padding:5px;}
		#events_navigation a:hover, #whats_up_navigation a.current {text-decoration:none; color:#fff;}





/*-- multiSlider --*/
.multi-slider{position:relative;max-width:78%;}
.multi-inner{overflow:hidden; padding-top:143px;}
.multi-slider .slides{overflow:hidden;padding:0;margin:0 auto;position:relative;width:1000%;}
.multi-slider.not-enough .slides{width:auto;}
.multi-slider .slides > li{display:block;float:left;}
.multi-slider .slides img{max-width:100%;height:auto;}
.multi-slider .multi-dirnav{text-align:center;margin:0;}
.multi-slider .multi-dirlink{display:inline-block;width:30px;height:30px;line-height:30px;color:#fff;cursor:pointer;position:absolute;top:53%;right:100%;z-index:20;}
.multi-slider .next{left:100%;right:auto;}

/* User */
.multi-slider{width:646px; margin:0 auto;}
.multi-slider .slides > li{width:250px;text-align:center;}

@media screen and (max-width : 1060px) {
	.multi-slider{width:750px;}
}
@media screen and (max-width : 810px) {
	.multi-slider{width:500px;}
}
@media screen and (max-width : 560px) {
	.multi-slider{width:250px;}
}


/*------- reSLIDER -------*/

#slider1{float:right; top:123px}
#slider2{float:left; }







/*------- reSLIDER -------*/
.reslider-wrap{width:57%;margin:0 0 20px 0;position:relative;clear:both;}
.reslider-inner{width:100%;overflow:hidden;}
.reslider{width:100%;position:relative;margin:0;padding:0;overflow:hidden;}
.reslider > li{float:left;width:100%;position:relative;margin:0 -100% 0 0;z-index:0;list-style:none;}
.reslider li.current{z-index:10;}
.reslider li.next{z-index:9;}
/* In-BG Slider */
.reslider-wrap.rs-inbg{position:absolute;left:0;top:0;z-index:0;} /* make sure other elements have higher z-indexes */
/* Bullet Nav */
.reslider-nav{text-align:center;margin:10px 0;}
.reslider-nav .bullet-link{display:inline-block;padding:8px 14px;margin:0 5px;background-color:#5eb8e2;color:#fff;cursor:pointer;}
/* Directional Nav */
.dir-nav{text-align:center;margin:0;}
.dir-nav .dir-link{display:inline-block;padding:8px 14px;margin:0;color:#fff;cursor:pointer;position:absolute;top:40%;left:0;z-index:20;}
.dir-nav .next{left:auto;right:0; margin: -111px 74px 0 0}
.dir-nav .prev{left:auto;right:0; margin: 81px 74px 0 0}
/* Thumb Nav */
.thumb-nav{text-align:center;margin:10px 0;}
.thumb-nav .thumb-link{display:inline-block;margin:0 10px;cursor:pointer;}
/* Slide Anim */
.reslider-wrap.rs-slide li{margin:0;}

/*--- User Styles ---*/
.reslider > li{}
.reslider li h2{text-align:center;font-size:32px;height:300px;line-height:300px;}
.dir-nav .dir-link:hover{}
.reslider-nav .bullet-link:hover, .reslider-nav .current{color:#fff;}
.thumb-link.current{opacity:.5;}

.NYE { position: absolute; margin: -40px 0px 0px 30px; z-index: 99;}

.NYE_E { text-align: center;}

.potter { position: absolute; margin: -17px 0px 0px 290px; z-index: 99; padding: 20px;  width: 215px;height: 13px; color: #FFD200; text-align: center;}

.grub {position: absolute; margin: -50px 0px 0px 700px; z-index: 99; width: 155px;height: 25px;}

.giftcards {position: absolute; margin: -50px 0px 0px 10px; z-index: 99;}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #ff6400 5%, #650003 100%);
	background-color:#ff6400;
	border-radius:13px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:linear-gradient(to bottom, #650003 5%, #ff6400 100%);
	background-color:#650003;
  color:#ffffff;
  font-family:Arial;
  font-size:22px;
  padding:10px 24px;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton:visited {
  color:#ffffff;
	font-family:Arial;
	font-size:22px;
  padding:10px 24px;
}

/*
    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; -webkit-transform: translate3d(0,0,0);}
#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(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #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; 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: 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);
}