@import url("http://hello.myfonts.net/count/299c77");
@font-face {
	font-family: 'HelveticaRoundedLTPro-Blk';
	src: url('fonts/299C77_0_0.eot');
	src: url('fonts/299C77_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/299C77_0_0.woff') format('woff'),
	url('fonts/299C77_0_0.ttf') format('truetype');
}

.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

a { text-decoration:none; color:#09c; }
a:hover { text-decoration:underline; }

.affiliation {
	font-size: 0.8em;
}

#asot600 #madehome {
	width: 50px;
	height: 50px;
	margin: -74px 0 0 384px;
	position: relative;
	z-index: 2;
}

#asot600 .ticketLink a {
	color: #96368B;
	font-weight: bold;
}

#asot600 #loading {
	width: 16px;
	height: 16px;
	padding: 10px;
	margin: 10px auto;
	background: url('images/loading_asot600.gif') no-repeat center center;
	display: none;
}

#asot600bb .ticketLink {
	position: absolute;
	width: 130px;
	height: 130px;
	z-index: 3;
	top: 386px;
	left: 757px;
}


#asot600bb .ticketLink span {
	background: url('images/soldout_bw.png') no-repeat top left;
	width: 130px;
	height: 130px;
}

.blink {
	animation-duration: 1000ms;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

body {
	margin: 0;
	background-color:#FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.box  { position:relative; border:1px solid #d8d8d8; padding:12px; margin-bottom:18px; }
.box .corner { font-size:0; line-height:0; background:url('../images/box-corners.png') no-repeat; display:block; height:15px; width:15px; overflow:hidden; position:absolute; }
	.box .lt  {top:-1px; left:-1px}
	.box .rt {top:-1px; right:-1px; background-position:100% 0!important}
	.box .lb  {bottom:-1px; left:-1px; background-position:0 100%!important}
	.box .rb {bottom:-1px; right:-1px; background-position:100% 100%!important}


br.clear {
	clear: both;
}

br.clearLeft {
	clear: left;
}

br.clearRight {
	clear: right;
}

.bulletList {
	margin: 0 0 10px 0px;
	padding-left: 1em;
}

#countdown-wrapper {
	background:#f03;
	border-radius:1em 1em 0 0;
	bottom:3px;
	color:#fff;
	display: inline-block;
	font-family: HelveticaRoundedLTPro-Blk;
	font-weight: normal;
	left:20%;
	min-width:20em;
	overflow: hidden;
	padding:1em;
	position:absolute;
	right:20%;
	text-align:center;
	z-index:2;
}

#countdown {
	display:block;
	margin-top:0.5em;
}

#countdown-days, #countdown-hours, #countdown-minutes, #countdown-seconds {
	display: inline-block;
	font-size:2.25vw;
	padding: 0 0.25em;
	text-align: center;
}

.countdown-label {
	font-size:1.25vw;
	text-transform: uppercase;
}


/* Shared styles */
 
        .drop-shadow {
            position:relative;
            float:left;
            min-width:50%;    
            padding:1em; 
            margin:1.5em 0 0.5em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
 
        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
 
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }
 
 /* Lifted corners */
 
        .lifted {
            -moz-border-radius:12px; 
                 border-radius:12px;
        }
 
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
 
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }


em {
	text-indent: 0;
}

.emailError, .cellphoneError {
	color: #f00;
	font-weight: bold;
}

.error {
	display: block;
	color: #f00;
	font-weight: bold;
	margin-top: 0;
}

.errorResponse {
	margin: 10px;
}

.errorResponse h2 {
	color: #f00;
	margin: 0;
}

.errorResponse h3 {
	margin: 0;
}

.errorTip {
	color: #f00;
	font-weight: bold;
	margin: 12px;
}

.errorNotice {
	color: #f00;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 0.5em;
}



.event .eventDate {
	font-size: 16px;
	font-weight: bold;
}

.event .eventVenue {
	font-size: 16px;
	font-weight: bold;
}

.event .eventVenue:before {
	content: '';
}


.event h1 {
	font-size: 16px;
	font-weight: bold;
}

.event h2 { 
	color:#09c; 
	font-weight:bold; 
	font-size:15px; 
	padding-bottom:4px; 
}


.eventBasicInfo {
	float: left;
	overflow: hidden;
	padding: 7px 0 9px 11px;
	white-space: nowrap;
	width: 75%;
}

.eventTopbar {
	background: #000;
	color: #999;
	display: none;
	overflow: auto;
}

#eventTopLeft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 300px;
}

#eventTopRight {
	float: left;
	width: 50%;
}

.event input.error {
	display: inline;
}

.event label.error {
	margin-bottom: -1em;
	position: relative;
	top: -3.5em;
	z-index: 2;
}

.event #reply {
	font-weight: normal;
	font-size: 12px;
	background-color: #000;
	color: #fff;
}

.event .subscribeform {
	background-color: #ccc;
	padding: 10px;
	color: #000;
	display: none;
	margin: 10px 0 10px 0;
	width: 250px;
}

#fb-like {
	padding: 8px 0 0;
}

.fb-share-button {
	padding: 8px 0 0;
}

.fieldgroup {
	margin: 0 0 10px 0;
}

fieldset {
	border: none;
	font-size: 11px;
}

.flyer {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width: 300px;
    height: 450px;
}

.footernav {
	color: #999;
	display: flex;
	justify-content: space-between;
	clear: both;
	padding-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
}

.footernav a {
	color: #999;
}

.headliner {
	font-weight: bold;
	font-size: 1.25em;
}

.headlinerLevel2 {
	font-weight: bold;
	font-size: 1em;
}

#Holiday2018 {
	border: 3px solid #fff;
	border-radius: 18px;
	box-shadow: 0 0 0 6px #000;
	display: inline-block;
	margin-top: 18px;
	min-height:9em;
	min-width:24em;
	overflow: hidden;
	padding: 0;
	position:relative;
}

#Holiday2018-img img {
	height: auto;
	max-width:100%;
	min-width:396px;
}

#anjunasubscribeform #loading, .home #SSsubscribeform #loading {
	width: 32px;
	height: 32px;
	padding: 10px;
	margin: 20px auto;
	background: url('/images/loading_ccc.gif') no-repeat center center;
	display: none;
}

.home .eventGroup {
	margin-left: 10px;
}


.home .subscribeform {
	background-color: #ccc;
	padding: 10px;
	color: #000;
	display: none;
}

.home #subscriptionform .col1 {
	float: left;
}


.home #subscriptionform .col2 {
	float: right;
}


.wmc .eventGroup {
	margin-left: 0px;
}

.eventListing {
	border: 3px solid #fff;
	border-radius: 18px;
	box-shadow: 0 0 0 6px #000;
	display: inline-block;
	margin-top: 18px;
	overflow: hidden;
	padding: 0;
}

.eventListing .specialguest {
	background: #000;
	color: #fff;
	display: block;
	float: left;
	font-size: 11px;
	margin: 0.7em 0.7em 0 0;
	padding: 0.4em;
	vertical-align: middle;
}

.eventListingBottom {
	display: table-row;
}

.eventListingBottom.festival img {
	display: block;
	height: auto;
	width: 558px;
}

.eventListingFlyer {
	display: table-cell;
	padding-right: 20px;
}

.eventListingFlyer img.flyer {
	border-radius: 0;
	display: block;
	height: auto;
	width: 21vw;
}

.eventListingMainText {
	color: #000;
	display: table-cell;
	font-family: HelveticaRoundedLTPro-Blk;
	font-size: 1.25vw;
	font-weight: normal;
	padding-right: 2em;
	text-transform: lowercase;
	vertical-align: middle;
}

.eventListingMainText a.details {
	line-height: 1.5;
}

.eventListingMainText .date, .eventListingMainText .venue {
	font-size: 2.25vw;
	line-height: 0.9;
}

.eventListingMainText .large {
	font-size: 3.5vw;
	line-height: 0.8;
}

.eventListingMainText .medium {
	font-size: 2.25vw;
}

.eventListingMainText .small {
	font-size: 1.25vw;
}

.eventListing .eventDate {
	display: inline;
}

.eventListing .eventName {
	display: inline;
}

.eventListing .eventName:after {
	content: ',';
}


.eventListing .eventVenue {
	display: inline;
}

.eventsList {
	display: block;
	margin: 0;
	padding: 0;
}


.eventVenue:before {
	content: 'at ';
}

.formhead {
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	padding-bottom: 10px;
}

.formnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
}

h1 {
	margin:0; padding:0;

}

.home #rightcolumn, .event #rightcolumn {
	margin-top: 96px;
}

.home #rightcolumn {
	padding-left: 0;
	width: 73%;
}


.home #miasubscribeform {
	background: #ff0;
	width: 300px;
	border-radius: 12px;
	-moz-border-radius: 12px;
}

.home #miasubscribeform #subscriptionform h2 {
	padding-left: 12px;
}

.home ul.eventGroup {
	margin: 0;
	padding: 0 14px 0 14px;
	list-style-type: none;
}

hr {
	height: 1px;
	width: 100%;
	margin: 10px 0 10px 0;
	border-top: 1px solid #999;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}


html {
	padding-bottom: 40px;
}

.importantDetails {
	font-weight: bold;
}

img {
	border: none;
}

.internal {
	font-family: HelveticaRoundedLTPro-Blk;
	font-weight: normal;
}

.internal a:hover, internal a:active, .internal a.selected {
	color: #000;
	text-decoration: none;
}

.internal form {
	font-family: helvetica, arial, sans-serif;
}

.internal ul {
	list-style-type: none;
	padding: 0 0 0 1em;
}

input#email {
	margin-bottom: 2px;
}

#intro {
	width: 459px;
}


#leftcolumn {
	float: left;
	padding: 8px 20px 0 8px;
}

li.afterparty {
	background: url('/images/home_eventbox_666_top.gif') repeat-x top left #fff;
	color: #999;
}

li.afterparty .topLeft {
	background: url('/images/home_eventbox_666_tl.gif') no-repeat top left #fff;
}

li.afterparty .topRight {
	background: url('/images/home_eventbox_666_tr.gif') no-repeat top left #fff;
}


.lineupHeading {
	color: #000;
	/* background: #000;
	padding: 3px;
	line-height: 24px; */
	font-weight: bold;
	font-size: 1.5em;
}

.lineupNote {
	font-size: 0.8em;
}

.listHeading {
	font-size: 0.7em;
}


#mainsubscribeform {
	background-color: #09c;
	color: #fff;
	width: 250px;
	left: -20px;
	display: none;
	z-index: 10;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-moz-box-shadow: 1px 0 5px #666;	
	-webkit-box-shadow: 1px 0 5px #666;
	box-shadow: 1px 0 5px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');	
}

#mainsubscribeform .emailError, #mainsubscribeform .cellphoneError {
	background-color: #9cf;
	padding: 3px;
}

#mainsubscribeform label.error {
	color: #fff;
	background-color: #ccf;
	color: #f00;
	padding: 4px;
}

#mainsubscribeform #loading {
	width: 16px;
	height: 16px;
	padding: 10px;
	margin: 10px auto;
	background: url('images/loading_09c.gif') no-repeat center center;
	display: none;
}

#mainsubscribeform .errorResponse {
	margin: 10px 10px 0 10px;
	font-size: 11px;
}

#mainsubscribeform .errorResponse h2 {
	padding-top: 10px;
	color: #fff;
}

#mainsubscribeform .formnote {
	color: #9cf;
}

#mainsubscribeform #email {
	margin-bottom: 0;
}

#mainsubscribeform .fieldgroup {
	margin-top: 10px;
	margin-bottom: 0;
}

#mainsubscribeform #submit_btn {
	margin: 10px 0 5px 0;
}

#nav {
	position: relative;
	margin: 3px 0 0 38px !important;
	z-index: 10;
}

#nav #fb-like {
	float:none;
	margin: 0;
	padding: 0
	position: relative;
	top: 5px;
}

#nav #fb-like:before {
	clear: both;
	display: block;
}

.openingDJ {
	font-weight: bold;
	font-size: 0.9em;
}


.optional {
	margin-bottom: 10px;
}



.relatedEventsBox { background:url('/images/grey-box.png') repeat-x; }
.relatedEventsBox .corner { background-image:url('/images/related-box-corners.png'); }
.relatedEventsBox .overflow { overflow:hidden; }
.relatedEventsBox .col1 { width:305px; float:left; }
.relatedEventsBox .col2 { width:305px; margin-left:14px; float:left; }


.required {
	font-weight: bold;
	margin-bottom: 10px;
}

#retweet {
	float: left;
	position: relative;
	top: 8px;
}


#rightcolumn {
	float: left;
	width: 70%;
	margin: 98px 0 0 48px;
}


#ShareBar {
	width: 307px;
	height: 41px;
	margin-top: 10px;
	background-image: url('/events/images/sharebar_bg.gif');
	background-repeat: no-repeat;
}


.shortEventsList {
	margin: 0;
	padding: 0;
}
.shortEventsList li { width:305px; display:inline-block; position:relative; margin-bottom:10px; min-height:33px; vertical-align:top; }
.shortEventsList .info { margin: 5px 5px 5px 40px; }
.shortEventsList .photo { float:left; }
.shortEventsList .buy { font-weight:bold; background:url('/images/buybox.png') no-repeat; }
.shortEventsList .bottom { display:block; width:305px; left:0; bottom:-6px; height:6px; background:url('../images/buybox.png') 100% 100% no-repeat; overflow:hidden; position:absolute; }



.social {
	float: left;
	margin-top: 7px;
	margin-right: 5px;
}

#SoundByIntegral {
	float: right;
}

.space {
	width: 1em;
}

.successResponse {
	padding: 10px;
}

.successResponse h2 {
	color: #fff;
}

.successResponse p {
	font-family: arial, helvetica, sans-serif;
	margin-top: 0.5em;
}

table.ssfd {
	width: 300px;
	padding: 0;
	margin: 0 0 20px 0;
	border: 1px solid #999;
}

.ssfd th {
	background-color: #fc0;
	color: black;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

.ssfd td {
	padding: 3px;
	margin: 0;
	border: 0;
	white-space: nowrap;
	background-color: #fff;
}


.ssfd .altColor {
	background-color: #ccc;
}


.ticketLink {
	padding:0;
	margin:0;
	display: block;
	float: right;
	padding-top: 11px;
	width:87px; height:15px;
	overflow: hidden;
	text-align: right;
}



.ticketLink a:link {
	text-decoration: none;
}

.ticketLink a:visited {
	text-decoration: none;
}

.ticketLink a:hover {
	text-decoration: underline;
}

.ticketLink a:active {
	text-decoration: underline;
}



.ticketLink a span {
	display: block;
	position:absolute; left:0; top:0; z-index:1;
	width:87px; height:21px;
	margin:0; padding:0;
	background:url("/images/buytickets.gif") top left no-repeat;
}

.topLeft {
	width: 17px;
	height: 29px;
	float: left;
	background-image: url('/images/home_eventbox_tl.gif');
	background-repeat: no-repeat;
}

.topRight {
	width: 17px;
	height: 29px;
	float: right;
	background-image: url('/images/home_eventbox_tr.gif');
	background-repeat: no-repeat;
}


ul#nav, ul.eventsList, ul.navLevel2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}





ul.lineup {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
}

ul.sharing {
	margin: 0 0 0 64px; 
	padding: 0;
	list-style-type: none;
}


ul.sharing li {
	display: inline;
}


#wmc, #ElectricZoo {
	background-color: #fff;
	margin-top: 4px;
	border-top: 1px solid #cf0;
	border-bottom: 1px solid #cf0;
	padding: 10px;
	position: relative;
	left: 10px;
	width: 640px;
}

#wmc .tl {
	background: url('/WinterMusicConference/images/subscribebox_tl_ol_cf0.gif') top left no-repeat;
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 10px;
}

#wmc .tr {
	background: url('/WinterMusicConference/images/subscribebox_tr_ol_cf0.gif') top right no-repeat;
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 10px;
}

#wmc .bl {
	background: url('/WinterMusicConference/images/subscribebox_bl_ol_cf0.gif') bottom left no-repeat;
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 10px;
	height: 10px;
}

#wmc .br {
	background: url('/WinterMusicConference/images/subscribebox_br_ol_cf0.gif') bottom right no-repeat;
	position: absolute;
	bottom: 0;
	right: -10px;
	width: 10px;
	height: 10px;
}

.wmc h1 {
	margin:0; padding:0;
	position:relative;
	width:459px; height:27px;
	overflow:hidden;
	color: #cf0; font-size: 28px;

}

.wmc h1 span {
	display: block;
	position:absolute; left:0; top:0; z-index:1;
	width:459px; height:27px;
	margin:0; padding:0;
	background:url("/WinterMusicConference/images/WMC_pagehead.gif") top left no-repeat;
}


#wmc .inner {
	border-left: 1px solid #cf0;
	border-right: 1px solid #cf0;
	width: 678px;
	position: relative;
	left: -20px;
	top: 0;
}


.wmc #subscribeform {
	background-color: #cf0;
	padding: 10px;
	position: relative;
	width: 35%;
	font-size: 0.8em;
}


.wmc #subscribeform .tl {
	background: url('/WinterMusicConference/images/subscribebox_tl_cf0.gif') top left no-repeat;
	top: 0;
	left: 0;
}

.wmc #subscribeform .tr {
	background: url('/WinterMusicConference/images/subscribebox_tr_cf0.gif') top right no-repeat;
	top: 0;
	right: 0;
}

.wmc #subscribeform .bl {
	background: url('/WinterMusicConference/images/subscribebox_bl_cf0.gif') top left no-repeat;
	bottom: 0;
	left: 0;
}

.wmc #subscribeform .br {
	background: url('/WinterMusicConference/images/subscribebox_br_cf0.gif') top right no-repeat;
	bottom: 0;
	right: 0;
}


.wmc #EventListHeader {
	position: relative;
	left: 10px;
	top: 0;
}

.wmc .tl, .wmc .tr, .wmc .bl, .wmc .br {
	width: 14px;
	height: 14px;
	position: absolute;
}

.wmc ul.eventGroup {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#wrap {
	/* width: 888px; */
}

@keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

@media only screen and (max-width: 796px) {
	#countdown {
		margin-top:0;
	}
	#countdown-days, #countdown-hours, #countdown-minutes, #countdown-seconds {
		font-size: 20px;
	}	
	.countdown-label {
		display:inline;
		font-size:8px;
	}
	#countdown-wrapper {
		border-radius:0.5em 0.5em 0 0;
		padding:0.5em;
	}
	.home #rightcolumn {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.eventListingFlyer img.flyer {
		width: 210px;
	}
	
	.eventListingMainText {
		font-size: 12.5375px;
	}
	
	.eventListingMainText .small {
		font-size: 12.5375px;
	}
	
	.eventListingMainText .medium, .eventListingMainText .date, .eventListingMainText .venue {
		font-size: 22.5675px;
	}
	
	.eventListingMainText .large {
		font-size: 35.105px;
	}	
}

@media only screen and (min-width: 1000px) {
	#countdown-days, #countdown-hours, #countdown-minutes, #countdown-seconds {
		font-size: 22.5675px;
	}
	
	.countdown-label {
		font-size: 12.5375px;
	}
}

@media only screen and (min-width: 1500px) {
	.eventListingFlyer img.flyer {
		width: 315px;
	}
	
	.eventListingMainText {
		font-size: 18.7625px;
	}
	
	.eventListingMainText .small {
		font-size: 18.7625px;
	}
	
	.eventListingMainText .medium, .eventListingMainText .date, .eventListingMainText .venue {
		font-size: 33.7725px;
	}
	
	.eventListingMainText .large {
		font-size: 52.535px;
	}
	
}