@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: turnpike;
  src: url("fonts/turnpike/turnpike.eot");
  src: url("fonts/turnpike/turnpike.eot?#iefix") format("embedded-opentype"), url("fonts/turnpike/turnpike.woff") format("woff"), url("fonts/turnpike/turnpike.ttf") format("truetype"), url("fonts/turnpike/turnpike.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* from chris */
@font-face {
  font-family: futura-medium;
  src: url("fonts/futura-md-bt-medium/futuram-webfont.eot");
  src: url("fonts/futura-md-bt-medium/futuram-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/futura-md-bt-medium/futuram-webfont.woff") format("woff"), url("fonts/futura-md-bt-medium/futuram-webfont.ttf") format("truetype"), url("fonts/futura-md-bt-medium/futuram-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* from chris */
@font-face {
  font-family: futura-bold;
  src: url("fonts/futura-md-bt-bold/futurab-webfont.eot");
  src: url("fonts/futura-md-bt-bold/futurab-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/futura-md-bt-bold/futurab-webfont.woff") format("woff"), url("fonts/futura-md-bt-bold/futurab-webfont.ttf") format("truetype"), url("fonts/futura-md-bt-bold/futurab-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body {
  height: 100%;
}

body {
  background: white;
  color: black;
  font: 100% "Open Sans", Sans-Serif;
  margin: 0;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p {
  margin-bottom: 1em;
}

/*
.article-content p:empty {
	display:none
}
*/
.article-content, .static-content {
  font-size: 0.9rem;
  box-sizing: border-box;
}

img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

figcaption {
  text-align: center;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.1em;
}

.map-wrapper {
  margin-right: 2%;
}

.MarkupGoogleMap img {
  max-width: none;
  max-height: none;
}

.align_right, .align_left, .align_center {
  display: block;
}

.align_center:after {
  content: "";
  display: block;
  clear: both;
}

/*
p img, p img.align_left, .article-content img,  .article-content img.align_left, .align_left{
	float: left;
	padding: 0px 2% 4px 0px;
}
p img.align_right, .align_right, .article-content img.align_right {
	float: right;
	padding: 0px 0px 4px 2%;
}
p img.align_center, .article-content img.align_center, .align_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    padding: 0px 0px 4px;
    float: none;
    overflow: hidden;
}*/
p img {
  float: left;
  padding: 0px 2% 4px 0px;
}

.article-content span.align_left {
  float: left;
  padding: 0px 2% 15px 0px;
  max-width: 100% !important;
}

.article-content span.align_right {
  float: right;
  padding: 0px 0px 15px 2%;
  max-width: 100% !important;
}

p img.align_center,
.article-content img.align_center,
.align_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0px 0px 4px;
  float: none;
  overflow: hidden;
}

span.align_center {
  padding: 0px 0px 15px;
  max-width: 100% !important;
}

span.align_left img,
span.align_right img {
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-bottom: 4px;
}

img.thumb67 {
  width: 67px;
  /*use this to show images at thumbnail size in combination with picks crop - spares admins from having to crop both picks and thumbs*/
}

img.bw {
  /*http://demosthenes.info/blog/532/ */
  /*
  	-webkit-filter: grayscale(1);
  	-webkit-filter: grayscale(100%);
  	-moz-filter: grayscale(100%);
  	filter: gray;
  	filter: grayscale(100%);
  	filter: url(bw.svg#greyscale);*/
}

blockquote {
  margin: 3% 10%;
}

a:link,
a:visited {
  color: #11A682;
}

a:hover,
a:active {
  color: #1DDDAD;
}

p a, .article-content a {
  font-weight: bold;
}

a.button {
  display: inline-block;
  margin-top: 1em;
  text-transform: uppercase;
  font-size: 1.6em;
  color: white;
  background-color: #11A682;
  padding: 0.4em 3%;
  border-radius: 8px;
}
a.button:hover {
  background-color: #1DDDAD;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: bold;
}

h5 {
  font-style: italic;
}

.schema-only {
  display: none;
}

.read-more a, .read-less a {
  color: #11A682;
}

.main-caption {
  display: block;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.1em;
  text-align: center;
  /*	padding-bottom: 1em !important;*/
  overflow: hidden;
}

#wrapper {
  text-align: center;
  width: 100%;
  margin: 0;
}

ul.social-media li {
  display: inline;
  height: 34px;
}

.social-icons {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(/site/templates/img/social.png) no-repeat 0px 0px;
}

.social-icons img {
  /*opacity:0.9;
  filter:alpha(opacity=90);*/
}

#loading {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  z-index: 100;
  background-color: rgba(54, 54, 54, 0.8);
  text-align: center;
}
#loading img {
  position: relative;
  top: 48%;
}

/*
.social-icons:hover img,
.social-icons:active img
{
	opacity:1;
	filter:alpha(opacity=100);
}*/
.social-icons:hover,
.social-icons:active {
  background: url(/site/templates/img/social.png) no-repeat -100px 0;
}

/* these are the original branded color icons by the various social media outlets*/
ul.url-list {
  margin-bottom: 1em;
}
ul.url-list.author-url-list {
  margin-top: 1em;
}

ul.url-list li {
  display: inline-block;
  margin-right: 2px;
  font-size: 0.9rem;
}

ul.url-list li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  font-weight: bold;
}

ul.url-list li.url_website, ul.url-list li.url_other {
  display: block;
  height: auto;
  width: auto;
  padding-bottom: 3px;
}

ul.url-list li.url_website a, ul.url-list li.url_other a {
  height: auto;
  width: auto;
}

ul.url-list li.url_facebook {
  background: url(/site/templates/img/url_icons.png) no-repeat 0px -80px;
}

ul.url-list li.url_twitter {
  background: url(/site/templates/img/url_icons.png) no-repeat 0px -40px;
}

ul.url-list li.url_instagram {
  background: url(/site/templates/img/url_icons.png) no-repeat 0px -200px;
}

ul.url-list li.url_vimeo {
  background: url(/site/templates/img/url_icons.png) no-repeat 0px -240px;
}

ul.url-list li.url_soundcloud {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px 0px;
}

ul.url-list li.url_bandcamp {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px -40px;
}

ul.url-list li.url_reverbnation {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px -80px;
}

ul.url-list li.url_tumblr {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px -120px;
}

ul.url-list li.url_myspace {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px -160px;
}

ul.url-list li.url_youtube {
  background: url(/site/templates/img/url_icons.png) no-repeat -50px -200px;
}

.search-go {
  height: 30px;
  width: 28px;
  background: url(flexslider/images/arrows-small.png) no-repeat 100% -14%;
  border: none;
}

.filter-nav select {
  font-size: 1rem;
}

.content, .topcontent {
  text-align: left;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.topcontent {
  max-width: 1000px;
  width: 100%;
}

.content {
  max-width: 939px;
  width: 93.9%;
}

/*########## PAGINATION/COLUMNS ##########*/
.pagination {
  clear: both;
  width: 100%;
  text-align: center;
}

.MarkupPagerNav {
  clear: both;
  margin: 1em 0;
}

.MarkupPagerNav li {
  display: inline;
  list-style: none;
  margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: block;
  float: left;
  padding: 1% 1%;
  color: #363636;
  font-weight: bold;
  text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
  color: #11A682;
  text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline;
  color: black;
  padding-left: 1%;
  padding-right: 1%;
}

li.MarkupPagerNavFirst {
  padding-left: 0px;
}

/*########## MASTHEAD ##########*/
#masthead {
  clear: both;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
  padding-top: 0.2em;
  font-family: "turnpike", Sans-Serif;
  text-transform: uppercase;
}

#masthead a:link,
#masthead a:visited {
  color: black;
}

#masthead a:hover,
#masthead a:active {
  color: #11A682;
}

#header-logo {
  float: left;
  width: 26.4%;
  padding: 1em 0px 0.1em;
}

#header-cover {
  position: absolute;
  bottom: -7px;
  right: 1%;
  margin-right: 0px;
  /*120px old size*/
}

#header-cover img {
  max-width: 600px;
}

#header-logo img, #header-cover img {
  width: 100%;
}

#header-extras {
  position: absolute;
  /*bottom: .1em; changed for placeholder image*/
  bottom: 0px;
  right: 1%;
  font-size: 0.8rem;
}

#header-subscribe {
  padding-bottom: 0.5em;
}

.issue-date {
  font-size: 0.9rem;
  font-family: "Open Sans", Sans-Serif;
  font-weight: bold;
}

#header-search {
  /* nav placement */
  position: absolute;
  top: 0px;
  right: 0px;
  vertical-align: middle;
  width: auto;
}

#header-search input#searchBox {
  text-transform: uppercase;
  font-family: "Open Sans", Sans-Serif;
  font-size: 0.7rem;
  padding: 5px 5px 2px;
  border: 1px solid black;
  width: 125px;
  position: absolute;
  display: block;
  right: 35px;
  top: 0px;
}

#header-search .search-go {
  position: absolute;
  top: -3px;
  right: 5px;
}

#header-search .search-go:hover {
  background-position: 100% 106%;
}

/*########## NAV ##########*/
#navbar {
  background-color: white;
  border-top: 1px solid black;
  font-family: "turnpike", Sans-Serif;
  text-transform: uppercase;
  clear: both;
  padding: 0.2em 0px;
}

#navbar .topcontent {
  overflow: visible;
}

#navbar ul {
  padding: 0px;
  margin: 0.3em 0px;
  /*border-bottom: 1px solid #eee;*/
}

#navbar #mobile-nav-button {
  display: none;
}

#navbar nav {
  width: calc(100% - 175px);
  padding: 0.1em 0px;
}

#navbar ul.main-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0;
}
#navbar ul.main-nav > li {
  font-size: 0.7rem;
  line-height: 1.4rem;
  position: relative;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
}
#navbar ul.main-nav > li a {
  display: inline;
}
#navbar ul.main-nav > li:after {
  content: "";
  border-right: 2px solid black;
  margin: auto;
  height: 20px;
}
#navbar ul.main-nav > li:last-child:after {
  flex: 0;
  border-right: none;
}

#navbar ul.main-nav > li#home {
  display: none;
}

#navbar ul li a:link,
#navbar ul li a:visited {
  color: black;
}

#navbar ul li a:hover,
#navbar ul li a:active {
  color: #11A682;
}

#navbar ul > li:first-child {
  padding-left: 0px;
}

#navbar ul > li:last-child {
  border-right: none;
}

/*NAV flyovers */
#navbar ul li ul {
  display: none;
  position: absolute;
  top: 18px;
  left: 0;
  background-color: white;
  padding: 0 8px 6px 8px;
  z-index: 10;
  min-width: 63px;
}

#navbar ul li:first-child ul {
  left: -7px;
}

#navbar ul li ul li {
  display: block;
  font-size: 0.7rem;
  line-height: 1.2rem;
  white-space: nowrap;
  border-right: none;
  /*	border-bottom: 1px solid #999;	*/
}

#navbar ul li ul li:first-child {
  padding: 0;
}

#navbar ul li:hover > ul {
  display: block;
}

#navbar ul li.selected, #navbar ul li.selected > a:link, #navbar ul li.selected > a:visited {
  color: #11A682;
}

#quick-links {
  display: none;
}

/*########## TICKER ##########*/
#ticker {
  background-color: #363636;
  color: white;
  padding: 0.8em 0 0.5em;
  /*text-transform: uppercase;*/
  font-size: 0.7rem;
  line-height: 1rem;
  position: relative;
}

#ticker a:link,
#ticker a:visited {
  color: white;
}

#ticker a:hover,
#ticker a:active {
  color: #1DDDAD;
}

.ticker-content {
  overflow: hidden;
  max-height: 36px;
}

#ticker h2 {
  font-weight: bold;
  color: #1DDDAD;
  display: inline;
  float: left;
  font-size: 0.9rem;
  line-height: 1.8rem;
  text-transform: uppercase;
}

#flexticker-container {
  display: inline-block;
  width: 70%;
  /*  ?/960 */
  margin: 0 2.167% 0 6.6%;
  /* 40/960 60/960 */
  position: relative;
}

#flexticker {
  display: none;
}

#ticker ul.slides li {
  max-height: 32px;
  overflow: hidden;
}

#ticker .artist-name {
  /*text-transform: uppercase;*/
  max-height: 16px;
  overflow: hidden;
  font-size: 1.2em;
  word-break: break-all;
}

#ticker ul.slides li a {
  /*margin-right: .5%;*/
}

/************LEADERBOARD**************/
.leaderboard {
  background-color: #363636;
  border-top: 2px solid black;
  color: white;
  padding: 0.2em 0px;
  width: 100%;
}

.leaderboard .topcontent {
  text-align: center;
}

.leaderboard .topcontent div {
  margin: auto;
  max-width: 728px;
}

.leader585 {
  margin-bottom: 6px;
}

/*########## FEATURED ##########*/
#featured {
  background-color: black;
  color: white;
}

#featured a:link,
#featured a:visited {
  color: #1DDDAD;
}

#featured a:active,
#featured .hover-style {
  color: white;
}

#featured a h2 {
  color: white;
}

#flexfeatured-container {
  padding: 15px 0 15px;
  overflow: hidden;
}

#flexfeatured-container .featured-image {
  max-width: 474px;
  max-height: 307px;
}

#flexfeatured {
  position: relative;
  display: none;
}

#flexfeatured li {
  max-height: 308px;
}

#flexfeatured.flexslider {
  background-color: black;
  border: none;
  margin-bottom: 0;
}

#featured .flex-control-nav {
  bottom: 0px;
  margin-left: 50%;
  width: 50%;
}

#featured .flex-direction-nav {
  display: none;
}

.featured-details {
  padding: 30px 15px 15px;
}

#featured h1 {
  /*	font-family: 'turnpike';
  	text-transform: uppercase; */
  font-size: 1.8rem;
  padding-bottom: 0.3em;
  font-weight: bold;
}

#featured h2 {
  /*font-family: 'futura-bold';
  text-transform: uppercase;*/
  font-size: 1.1em;
  padding-bottom: 0.5em;
}

#flexfeatured-container img {
  float: left;
  padding: 0 15px 0 0;
}

#featured p {
  font-size: 1em;
  line-height: 1.2em;
}

.gallery ul.slides > li {
  width: 100%;
}

.gallery #flexfeatured li {
  max-height: 100%;
  text-align: center;
}

.gallery #flexfeatured.flexslider {
  height: 725px;
  text-align: center;
}

.gallery #flexfeatured-container .featured-image {
  max-width: 1000px;
  max-height: 650px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.gallery #flexfeatured-container .featured-image img {
  /*	width: auto;*/
  height: auto;
  margin: auto;
  text-align: center;
  float: none;
  max-width: 1000px;
  max-height: 650px;
  padding: 0px;
}

.gallery .featured-details {
  position: absolute;
  bottom: -55px;
  width: 96%;
  text-align: center;
  font-size: 0.9em;
  background-color: rgba(0, 0, 0, 0.7);
  height: 30px;
  padding-top: 0.3em;
  margin: 5px auto;
  overflow: hidden;
  display: inherit;
}

.gallery .featured-details p {
  margin: auto;
  padding: 0px 10%;
  display: inherit;
}

.gallery .gallery-caption {
  display: block;
}

.gallery #featured .flex-direction-nav {
  display: block;
}

/*########## PICKS ##########*/
#picks {
  background-color: #363636;
  color: white;
  text-transform: uppercase;
  min-height: 258px;
  position: relative;
}

#picks a:link,
#picks a:visited {
  color: white;
}

#picks a:hover,
#picks a:active,
#picks .hover-style,
#picks ul#picks-categories li.ui-tabs-active a {
  color: #1DDDAD;
}

.picks-content {
  padding-top: 1em;
}

.flexpicks-container {
  padding: 0px 45px;
  /*display: none;*/
}

.flexpicks {
  height: 188px;
  position: relative;
  clear: both;
  margin-top: 12px;
  font-size: 0.7rem;
}

#picks h2 {
  font-family: "turnpike";
  font-size: 1.4rem;
  line-height: 1rem;
  float: left;
}

ul#picks-categories li {
  font-family: "futura-bold";
  display: inline;
  font-size: 0.7em;
  padding-left: 20px;
}

.picks-details {
  margin-top: 5px;
  font-weight: bold;
  max-width: 135px;
}

.flexpicks ul.slides li {
  max-height: 185px;
  line-height: 0.9rem;
  overflow: hidden;
  padding-right: 5px;
}

#picks-loading {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 218px;
  z-index: 10;
  background-color: #363636;
}

#picks-loading img {
  padding-top: 5em;
}

/*########## MAIN HOME ##########*/
.main-content {
  border-left: 1px solid black;
  border-right: 1px solid black;
  overflow: hidden;
}
.main-content .main-left {
  max-width: 637px;
  width: 66.560170394%;
  margin: 1.2779552716% 0px 1em 1.2779552716%;
  float: left;
  box-sizing: border-box;
}
.main-content .main-left .box {
  width: 48%;
  margin: 0px 1.8838304553% 1.8838304553% 0;
  float: left;
}
.main-content .main-left .box .home-box {
  background-color: #F1F1F2;
  padding: 4%;
  overflow: hidden;
  min-width: 276px;
}
.main-content .main-left .wide-box {
  width: 97.92%;
  margin: 0px 1.8838304553% 1.8838304553% 0;
  float: left;
}
.main-content .main-left .wide-box a:link, .main-content .main-left .wide-box a:visited {
  color: black;
}
.main-content .main-left .wide-box a:hover h2, .main-content .main-left .wide-box a:active h2,
.main-content .main-left .wide-box h2 a:hover, .main-content .main-left .wide-box h2 a:active,
.main-content .main-left .wide-box a:hover h3, .main-content .main-left .wide-box a:active h3,
.main-content .main-left .wide-box .see-more a:hover, .main-content .main-left .wide-box .see-more a:active {
  color: #11A682;
}
.main-content .main-left .wide-box .video-title a:hover, .main-content .main-left .wide-box .video-title a:active,
.main-content .main-left .wide-box .audio-title a:hover, .main-content .main-left .wide-box .audio-title a:active {
  color: #1DDDAD;
}
.main-content .main-left .wide-box .video-title a, .main-content .main-left .wide-box .audio-title a {
  font-weight: bold;
  color: #11A682;
}
.main-content .inside, .main-content .related {
  background-color: #F1F1F2;
  padding: 0.5em 4%;
  overflow: hidden;
}
.main-content .inside ul li, .main-content .related ul li {
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 0.9rem;
  line-height: 1.1rem;
  clear: both;
}
.main-content .inside ul li img, .main-content .related ul li img {
  float: left;
  padding: 0px 15px 0px 0px;
}
.main-content .inside h1, .main-content .related h1 {
  padding-top: 0.2em;
}
.main-content .inside h3, .main-content .related h3 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2em;
}
.main-content .inside ul.grid, .main-content .related ul.grid {
  clear: both;
}
.main-content .inside ul.grid li, .main-content .related ul.grid li {
  float: left;
  display: inline-block;
  clear: none;
  padding-bottom: 0px;
}
.main-content .inside ul.grid li img, .main-content .related ul.grid li img {
  padding: 0px 11px 0px 0px;
}
.main-content .main-right {
  max-width: 300px;
  width: 31.9488817891%;
  border-left: 1px solid black;
  float: right;
  height: 100%;
  margin-bottom: -20000px;
  padding-bottom: 20000px;
}
.main-content .main-right .right-box {
  padding: 5% 5%;
  border-bottom: 1px solid black;
  overflow: hidden;
}
.main-content .main-right .social-box h4 {
  margin-bottom: 0.5em;
}
.main-content .main-right .ad-box {
  padding: 0px 0px 15px;
  border-bottom: none;
}
.main-content .main-right .ad-box img, .main-content .main-right .ad-box iframe {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid black;
}
.main-content .main-right .home-box {
  background-color: #F1F1F2;
  padding: 4%;
  overflow: hidden;
  text-align: left;
  max-width: 280px;
}

#home-main .main-content .main-left .wide-box .home-box.recent a:link,
#home-main .main-content .main-left .wide-box .home-box.recent a:visited {
  color: #11A682;
}
#home-main .main-content .main-left .wide-box .home-box.recent a:hover,
#home-main .main-content .main-left .wide-box .home-box.recent a:active {
  color: #1DDDAD;
}
#home-main .main-content .main-left .wide-box .home-box.recent a .recent-details {
  color: black;
}

.main-content h4 {
  text-transform: uppercase;
  font-family: "turnpike";
  line-height: 1.4em;
}

.home-box ul li, .right-box ul li {
  padding-top: 1em;
  font-size: 0.9rem;
  line-height: 1.1rem;
  font-weight: bold;
  clear: both;
}

.home-box ul li img, .right-box ul li img {
  float: left;
  padding-right: 15px;
}

#facebook .right-box {
  padding-bottom: 0.2em;
  border: none;
}

#twitter h4, #instagram h4 {
  padding-bottom: 1em;
}

/*
#subscribe .generous{
	margin-bottom: 15px;
	border-bottom: 1px solid black;
	overflow: hidden;
}*/
form.subscribe-form {
  padding: 1em 0px;
  text-align: center;
}
form.subscribe-form label {
  display: none;
}
form.subscribe-form select, form.subscribe-form option {
  font-size: 1rem;
  padding: 0.2em 2%;
}
form.subscribe-form select {
  margin-bottom: 0.3em;
}

.current_issue_tout h4 {
  text-align: center;
  padding-bottom: 0.8em;
}

#vrtx-disqus {
  width: 97.92%;
  margin: 0px 1.8838304553% 1.8838304553% 0;
  float: left;
}

#disqus-toggle {
  display: block;
}

#vrtx-disqus {
  display: none;
}

.disqus-head {
  text-align: center;
  padding-top: 1em;
  clear: both;
}

/*
ul.box-tabs {
	width: 100%;
}
ul.box-tabs li {
	display: inline-block;
	font-weight: bold;
	font-size: .8rem;
	line-height: .8rem;
	padding: 0px percentage(45/$mainRight) 0 0 ;
}
ul.box-tabs li:last-child {
	padding-right: 0px;
}
*/
/*########## FOOTER ##########*/
#footer {
  background-color: black;
  color: white;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 0.8rem;
  clear: both;
}

#footer-content {
  padding: 2em 0 4em 0;
  overflow: hidden;
}

.footer-box {
  max-width: 312px;
  width: 31.9488817891%;
  margin-left: 1.2779552716%;
  float: left;
}

#footer ul li {
  line-height: 1.2rem;
}

#footer a:link,
#footer a:visited {
  color: white;
}

#footer a:hover,
#footer a:active {
  color: #1DDDAD;
}

#footer-copyright {
  line-height: 1.2rem;
}

/*
#footer-terms {
	padding-top: 2em;
}*/
#footer-genres {
  max-width: 312px;
  width: 32.0553780618%;
  margin-left: 1.2779552716%;
  float: left;
  padding-left: 0.2129925453%;
}

/* -------------MEDIA--------------------*/
.video-root #featured, .audio-root #featured {
  text-align: center;
  padding: 1.2em 0;
}
.video-root #featured h2, .audio-root #featured h2 {
  margin-top: 1em;
  text-align: center;
  font-style: italic;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

#playlist {
  display: flex;
  flex-flow: row nowrap;
  background-color: #363636;
  padding: 1em 2%;
}
#playlist .video-container {
  flex-basis: 72%;
}
#playlist .playlist-container {
  flex-basis: 27%;
  margin-left: 2%;
  background-color: #F1F1F2;
  height: 569px;
  overflow-y: scroll;
}
#playlist .playlist-container ul#youtube-playlistitems li {
  padding: 0.3em 0.3333333333% 0.1em 0px;
}
#playlist .playlist-container ul#youtube-playlistitems li.active {
  background-color: white;
}
#playlist .playlist-container ul#youtube-playlistitems li a {
  display: flex;
  flex-flow: row nowrap;
  color: black;
}
#playlist .playlist-container ul#youtube-playlistitems li a.playlist-trigger {
  cursor: pointer;
}
#playlist .playlist-container ul#youtube-playlistitems li a .thumbnail {
  flex-basis: 25%;
  margin-left: 2%;
}
#playlist .playlist-container ul#youtube-playlistitems li a .details {
  padding-left: 2%;
  flex-basis: 75%;
  font-size: 0.9em;
  line-height: 1.2em;
}
#playlist .playlist-container ul#youtube-playlistitems li a .details .detail-title {
  color: #11A682;
  font-weight: bold;
}
#playlist .playlist-container ul#youtube-playlistitems li a .details .detail-channel {
  font-size: 0.8em;
}
#playlist .playlist-container ul#youtube-playlistitems li a:hover {
  color: #1DDDAD;
}
#playlist .playlist-container ul#youtube-playlistitems li a:hover .details .detail-title {
  color: #1DDDAD;
}
#playlist .playlist-container h4 {
  font-family: "turnpike", Sans-Serif;
  text-transform: uppercase;
  text-align: center;
  margin: 1em 2%;
}
#playlist .playlist-container h4 a {
  color: #11A682;
}
#playlist .playlist-container h4 a:hover {
  color: #1DDDAD;
}

@media (max-width: 950px) {
  #playlist {
    flex-flow: column nowrap;
  }
  #playlist .playlist-container {
    margin-left: 0;
    max-height: 240px;
  }
  #playlist .playlist-container ul#youtube-playlistitems li {
    padding: 0.2em 0.3333333333% 0.1em 0px;
  }
  #playlist .playlist-container ul#youtube-playlistitems li a .thumbnail {
    flex-basis: 15%;
    margin-left: 0.5%;
  }
}
@media (max-width: 850px) {
  #playlist .playlist-container {
    height: 460px;
  }
}
@media (max-width: 800px) {
  #playlist .playlist-container {
    height: 580px;
  }
}
.audio-container * {
  max-width: 100%;
}

.gallery-root .main-content h1, .video-root .main-content h1, .audio-root .main-content h1, .media-root .main-content h1 {
  padding-bottom: 1em;
}

.see-more {
  clear: both;
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

.article-category .see-more {
  margin-top: 1em;
}

.audiojs {
  background: #363636;
  max-width: 460px;
  width: 100%;
}

.audiojs .progress {
  height: 10px;
  width: 0px;
  background: #1DDDAD;
}

.audio-label {
  clear: both;
  max-width: 448px;
  padding: 0.4em 1%;
  background: #F1F1F2;
  font-size: 0.9em;
  min-height: 20px;
  font-style: italic;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  margin-bottom: 1em;
  max-width: 460px;
  width: 100%;
  box-sizing: border-box;
}

.audiojs .scrubber {
  width: 280px;
}

.audiojs .time {
  color: #1DDDAD;
}

.audiojs .time em {
  color: #1DDDAD;
}

/*
      .audiojs { height: 22px; background: #404040;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
        background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
      .audiojs .play-pause { width: 15px; height: 20px; padding: 0px 8px 0px 0px; }
      .audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
      .audiojs .scrubber { background: #5a5a5a; width: 310px; height: 10px; margin: 5px; }
      .audiojs .progress { height: 10px; width: 0px; background: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
        background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
      .audiojs .loaded { height: 10px; background: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
        background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
      .audiojs .time { float: left; height: 25px; line-height: 25px; }
      .audiojs .error-message { height: 24px;line-height: 24px; }

      .audio-label { clear: both; height: 20px; width: 448px; padding: 1px 6px; background: #eee; color: #222; font-family: monospace; font-size: 11px; line-height: 20px;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); }
      .audio-label:before { content: '♬ '; }
      .audio-label em { font-style: normal; color: #999; }

      */
/* ----------ARTICLES--------------*/
#article-main .main-left {
  margin-right: 1.2779552716%;
  max-width: 625px;
  width: 65.2822151225%;
}

.article-meta, .article-breadcrumbs {
  padding-bottom: 0.4em;
  overflow: hidden;
}

.h1extra {
  font-weight: normal;
  font-size: 1rem;
  font-style: italic;
}

.article-meta, .article-header, .article-subhead {
  clear: both;
  height: auto;
}

.article-meta {
  min-height: 53px;
}

.article-breadcrumbs, .article-byline {
  float: left;
}

.article-byline {
  clear: both;
}

.article-breadcrumbs {
  font-size: 1.5rem;
  line-height: 1em;
  color: #1DDDAD;
  font-weight: bold;
  overflow: visible;
  max-width: 400px;
  height: auto;
}

.article-social, .article-extra {
  float: right;
}

.article-social {
  height: auto;
  font-size: 1px;
  margin-top: 1px;
  max-width: 175px;
}

ul.social-share li iframe {
  vertical-align: middle;
}

ul.social-share {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

ul.social-share li {
  display: inline-block;
  text-align: right;
  padding-left: 16px;
}

ul.social-share li div {
  display: inline-block;
}

ul.social-share li.share-twitter {
  text-align: right;
  float: right;
  clear: both;
  min-width: 61px;
}

ul.social-share li.share-twitter div, ul.social-share li.share-twitter iframe {
  float: right;
}

/*
ul.social-share li.share-gplus {
	float: right;
	clear: both;
	text-align: right;
	padding-left: 0px;
}
*/
ul.social-share li.share-fb {
  display: block;
  float: right;
  clear: both;
  margin-bottom: 6px;
  min-width: 133px;
  padding-right: 1px;
}

.article-byline, .article-extra {
  width: 45%;
}

.event .article-byline {
  width: 100%;
}
.event .live-stream {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1em;
  padding: 2px 4px;
  color: #11A682;
  border: 2px solid #11A682;
  text-transform: uppercase;
}
.event .canceled {
  display: inline-block;
  font-size: 1em;
  line-height: 1em;
  padding: 4px 8px;
  background-color: #11A682;
  color: white;
  text-transform: uppercase;
}

.article-header {
  margin-top: 0.2em;
}

.article-subhead {
  margin-top: 1em;
}

.article-subhead {
  overflow: hidden;
  clear: both;
}

.main-content h1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1em;
  padding-bottom: 0.2em;
}

.main-content h2 {
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-top: 0.2em;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 0.2em;
}

.article-author-name {
  font-weight: bold;
}
.article-author-name .author-social {
  background-image: url("/site/templates/img/author-twitter-dark.png");
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 1px 0px 4px;
}
.article-author-name .author-social.author-social-twitter {
  background-image: url("/site/templates/img/author-twitter-dark.png");
}
.article-author-name .author-social.author-social-twitter:hover {
  background-image: url("/site/templates/img/author-twitter-light.png");
}
.article-author-name .author-social.author-social-instagram {
  background-image: url("/site/templates/img/author-instagram-dark.png");
}
.article-author-name .author-social.author-social-instagram:hover {
  background-image: url("/site/templates/img/author-instagram-light.png");
}

article time {
  font-size: 0.9rem;
  line-height: 1.4em;
}

.article-content {
  clear: both;
  margin-top: 1em;
  margin-bottom: 2em;
}

.article-content > p {
  padding-bottom: 0.4em;
}

.author .article-content {
  overflow: hidden;
}

#article-main #featured .featured-content {
  max-width: 1000px;
  max-height: 520px;
}

ul.article-list {
  overflow: hidden;
}

ul.article-list li img {
  float: left;
}

.main-content .main-left .wide-box a:link h3.article-category,
.main-content .main-left .wide-box a:visited h3.article-category {
  color: #11A682;
}

.main-content .main-left .wide-box .inside ul.article-list li,
.main-left .article-content .wide-box a {
  font-weight: normal;
  line-height: 1.3em;
  padding-bottom: 0.4em;
}

.article-category .main-content .main-left .wide-box ul.article-list li h3 {
  font-size: 1.2rem;
}

.video-container.bottom, .audio-container.bottom {
  margin-top: 1.5em;
}

.video-container.top, .audio-container.top {
  margin-bottom: 1em;
}

/* ----------EVENTS--------------*/
body.event-type .article-main header, body.event-type .article-header {
  margin-bottom: 1em;
  overflow: hidden;
  margin-right: 3.7676609105%;
}

.event-list-header {
  width: 100%;
  text-align: center;
  padding: 0.3em 0px;
  clear: both;
}

ul.event-list {
  padding-right: 3px;
  clear: both;
  position: relative;
}

ul.event-list li div {
  display: inline-block;
}

ul.event-list li {
  width: 93%;
  height: 35px;
  max-height: 35px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  margin-bottom: 6px;
  margin-left: 17px;
  position: relative;
  font-size: 0.9rem;
  line-height: 1.2em;
}

.calendar-ad {
  width: 93%;
  margin-left: 17px;
}

ul.event-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: black;
}

ul.event-list li:hover {
  box-shadow: 2px 3px 2px 1px #eee;
}

ul.event-list li:hover .headliner {
  color: #1DDDAD;
}

ul.event-list li div.event-monthdate {
  display: block;
  background: url(/site/templates/img/green-circle37-light.png) no-repeat 0 0px;
  height: 37px;
  width: 37px;
  z-index: 3;
  position: absolute;
  left: -17px;
  top: -1px;
  color: white;
}

ul.event-list li.past div.event-monthdate {
  background: url(/site/templates/img/gray-circle37-dark.png) no-repeat 0 0px !important;
}

ul.event-list .event-month {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: bold;
  margin-top: 0px;
}

ul.event-list .event-date {
  text-align: center;
  width: 30px;
  margin-left: 3px;
  font-size: 1.3rem;
  line-height: 0.6em;
  font-weight: bold;
  vertical-align: top;
}

ul.event-list .event-daytime {
  margin-left: 32px;
  width: 16%;
  float: left;
  font-weight: normal !important;
}

ul.event-list .event-day {
  display: block;
}

ul.event-list .event-venue {
  width: 20%;
  float: left;
  max-height: 35px;
  overflow: hidden;
  font-weight: normal !important;
}

ul.event-list .event-artists {
  width: 53%;
  /*was 58%*/
  max-height: 35px;
  float: left;
}

ul.event-short li {
  background-color: #F1F1F2;
}

ul.event-short .event-daytime {
  width: 35%;
}

ul.event-short .event-venue {
  width: 50%;
}

ul.event-short li:hover {
  background-color: white;
}

ul.event-list .headliner {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

ul.event-list .support-acts {
  font-size: 0.9em;
  max-width: 325px;
  max-height: 17px;
  overflow: hidden;
  font-weight: normal !important;
}

/*
ul.event-list li a.event-toggle {
	color: $lightGreen;
	position: absolute;
	display: block;
	left: 50%;
	top: 30px;
	max-width: 50px;
}*/
body.event-type .filter-nav {
  padding-top: 0.1em;
  display: inline-block;
  padding-bottom: 0.1em;
}

.event-genre-filter {
  padding-left: 0;
  padding-right: 1%;
}

body.event-type .event-search-filter {
  padding-top: 0;
}

body.event-type .main-content .main-left .wide-box {
  margin-top: 1.7em;
}

.festivals header {
  margin-bottom: 1em;
}

.festivals ul.event-list .event-daytime {
  margin-left: 24px;
  width: 16%;
  margin-right: 8px;
}

.festivals .article-subhead {
  margin-top: 0px;
}

ul.event-list li.month-label {
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
  border: none;
  margin: 0.6em 0px 0px;
  line-height: 1em;
  height: 25px;
}

.sponsored {
  font-style: italic;
}

ul.event-list li.sponsoredEvent {
  background-color: #1DDDAD;
}

ul.event-list li.sponsoredEvent:hover .headliner {
  color: #fff;
}

ul.event-list li.past {
  background-color: white !important;
}

ul.event-list li.past:hover .headliner {
  color: #1DDDAD;
}

#event-nav {
  float: left;
  padding-left: 3px;
}

.event-icon {
  float: right;
  max-width: 24px;
  max-height: 24px;
  padding-top: 6px;
  padding-right: 2px;
  width: 4.6%;
}

/*############DIRECTORY##########*/
ul.directory-nav li {
  display: inline;
  font-weight: bold;
}

.directory-head {
  margin-right: 3.7676609105%;
  overflow: hidden;
  padding-bottom: 1em;
}
.directory-head h1 {
  padding-bottom: 0.3em;
  /*	width: 45%;
  	display: inline;*/
}
.directory-head .article-content {
  margin-bottom: 0.8rem;
}

ul.directory-list {
  clear: both;
  margin-bottom: 2em;
}
ul.directory-list li {
  width: 95%;
  border: 1px solid #999;
  margin-bottom: 0.5em;
  padding-left: 1%;
  position: relative;
  font-size: 0.9rem;
  line-height: 1.2em;
}
ul.directory-list li :hover {
  box-shadow: 2px 3px 2px 1px #eee;
}

ul.directory-list li .business-title, ul.directory-list li .artist-title {
  font-weight: bold;
  font-size: 1em;
}

body.directory .business-nav {
  vertical-align: middle;
  float: left;
  padding-left: 3px;
  min-width: 300px;
}

body.directory .filter-nav {
  display: block;
  padding: 3px 0px;
}

body.directory .business_filter, body.directory .artist_filter {
  padding: 0.1em 0.4em 0.1em 0.2em;
}

.business-location-filter {
  padding-left: 2%;
  padding-right: 2%;
}

.business-category-filter {
  padding-right: 2%;
}

body.directory .filter-go,
body.event-type .filter-go {
  display: inline-block;
  padding-left: 2%;
}

body.directory .business-search-filter,
body.directory .artist-search-filter {
  float: left;
}

body.directory .search-go:hover {
  cursor: pointer;
}

/*########## BUSINESSES/VENUES ##########*/
#business-main .main-left {
  margin-right: 1.2779552716%;
  max-width: 625px;
  width: 65.2822151225%;
}

.business-header {
  width: 100%;
  margin-bottom: 1em;
}

.business-header h1 {
  display: inline-block;
}

.business-header img {
  float: right;
  padding: 0px 5% 0.5em 0.5em;
}

.business ul.event-list {
  margin-bottom: 2em;
}

ul.directory-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: black;
}

.business .categories {
  margin-bottom: 1em;
}

ul.directory-list li:hover .business-title, ul.directory-list li:hover .artist-title {
  color: #1DDDAD;
}

.static-content {
  margin-right: 1.8838304553%;
}

.filter-nav input {
  font-family: "Open Sans", Sans-Serif;
  font-size: 0.7rem;
  padding: 5px 5px 2px;
  border: 1px solid #999999;
  width: 165px;
}

.submit-invite {
  float: right;
  width: 20%;
  text-align: center;
  border: 2px solid #11A682;
  padding: 0.5em 2%;
  font-size: 0.8rem;
  line-height: 1em;
}

.submit-invite h4 {
  padding-bottom: 0.1em;
  font-size: 0.9rem;
}

.submit-invite:hover {
  background-color: #F1F1F2;
  box-shadow: 2px 3px 2px 1px #F1F1F2;
  border-color: #1DDDAD;
}

.banner-enhanced-biz {
  margin-top: 1rem;
  clear: both;
}

.banner-enhanced-biz img {
  max-width: 612px;
}

.vrtx-btn {
  color: black;
  font-family: "turnpike", Sans-Serif;
  text-transform: uppercase;
  font-size: 0.7rem;
}

/*----------ARTIST---------------*/
.artist .featured-image, .business .featured-image {
  max-width: 474px;
  max-height: 308px;
}
.artist #flexartist, .artist #flexbusiness, .business #flexartist, .business #flexbusiness {
  margin: 0 auto 30px;
  display: none;
}

/*
.featured-title {
	text-align: center;
	padding-top: 3em;
}
.featured-title h1{
	color: $lightGreen;
}
*/
.artist .article-subhead {
  margin-top: 0.4em;
}

.artist .article-content {
  margin-bottom: 1em;
}

.video-title, .audio-title {
  padding-bottom: 1em;
  font-weight: bold;
  font-size: 1.1rem;
}

.artist .genres {
  margin-bottom: 1em;
}

.artist ul.event-list {
  margin-bottom: 1em;
}

/*----------AUTHOR---------------*/
.author .article-content img {
  float: right;
  margin-right: 1.8838304553%;
  padding-left: 15px;
}

.staff h2 {
  font-family: "turnpike", Sans-Serif;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: normal;
}

ul.author-list li {
  margin-bottom: 2em;
  clear: both;
}

ul.author-list li img {
  float: right;
  padding-right: 0px;
  padding-left: 2%;
}

ul.author-list .job-title {
  font-style: italic;
  font-weight: normal;
}

/*---------LISTS---------*/
ul.bucket-list li {
  margin-bottom: 2em;
  clear: both;
}

ul.bucket-list li img {
  float: right;
  padding: 0.3em 0px 4px 2%;
}

/*----------SEARCH---------------*/
ul.search-results {
  margin-top: 1em;
}

/*------------MAGAZINE---------*/
.magazine-root .article-content {
  margin-bottom: 0.2em;
}

.magazine-cover {
  text-align: center;
  padding-bottom: 2em;
}

/*------------TESTIMONIALS---------*/
.testimonial .main-content h2 {
  padding: 1em 0px 0.1em;
}
.testimonial ul.bucket-list li h2 {
  padding: 0.1em 0px 0px;
}
.testimonial ul.bucket-list li p {
  margin-bottom: 0px;
}
.testimonial ul.bucket-list li cite {
  display: block;
  text-align: left;
  font-style: italic;
}

/*------------SHOP---------*/
/*
ul.product-list li {
	float: left;
	display: inline-block;
	width: 31%;
	margin-right: 2%;
	background-color: $lightGray;
}
*/
/*********  BOXES   **************/
.recent .hover-style {
  color: #1DDDAD;
}

.recent-details {
  font-size: 1em;
  font-weight: normal;
  margin-left: 82px;
}

.events a .recent-details {
  font-weight: bold;
  color: #11A682;
  margin-left: 0px;
}

a:hover .recent-details {
  color: #1DDDAD;
}

.events a .recent-details .date-time {
  font-weight: normal;
  color: black;
}

.home-box.events ul li {
  padding-bottom: 0.5em;
}

.recent .see-more {
  font-size: 0.8rem;
  margin-top: 0.4em;
}

.recent.author img {
  float: left;
  padding-right: 15px;
  max-width: 67px;
}

.recent.author h4 {
  margin-bottom: 0.4em;
}

body.recent .main-content .main-left .box {
  width: 96%;
}

/*
.recent.author h5 {
	clear: both;
}*/
/*------------ADS-----------*/
#buyout_banner {
  background-color: black;
}
#buyout_banner .topcontent {
  text-align: center;
}
#buyout_banner .topcontent > div {
  margin: 0px auto;
  padding: 0.8em 0 0.9em;
}

@media (max-width: 800px) {
  #buyout_banner {
    background-color: #363636;
  }
}
#leaderboard-bottom {
  background-color: #363636;
  border-bottom: 2px solid black;
}
#leaderboard-bottom .topcontent {
  text-align: center;
}
#leaderboard-bottom .topcontent > div {
  padding: 0.3em 0 0.2em;
}

/*----------FORMS---------------*/
form.InputfieldForm {
  margin-top: 1em;
}

span.ui-state-error, p.ui-state-error {
  color: red;
  font-size: 0.9em;
}

.ui-state-error input {
  border-color: red;
}

form ul.Inputfields li {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 1em;
  clear: both;
}
form ul.Inputfields li label {
  flex-basis: 30%;
  padding-right: 2%;
  text-align: right;
  height: 100%;
}
form ul.Inputfields li .InputfieldContent {
  flex-basis: 70%;
}
form ul.Inputfields li.InputfieldHidden {
  display: none;
}
form ul.Inputfields li.InputfieldSubmit .InputfieldContent {
  flex-basis: 100%;
  margin-left: 32%;
}

.Inputfield_submit .ui-button {
  padding: 0.5em 5%;
  background-color: #11A682;
  color: white;
  font-size: 1em;
  box-shadow: none;
  border: 1px solid #F1F1F2;
  transition: background-color 200ms;
}
.Inputfield_submit .ui-button:hover {
  background-color: #1DDDAD;
  cursor: pointer;
}

.InputfieldTextarea textarea {
  width: 290px;
}

form.InputfieldForm p.description {
  color: #999;
  font-size: 0.8em;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
}

.InputfieldStateRequired label, .required-note {
  color: #11A682;
}

form li.InputfieldCheckbox label.ui-widget-header {
  visibility: hidden;
}

form li.InputfieldCheckbox .ui-widget-content {
  margin-left: 1%;
}

form.InputfieldForm li.InputfieldCheckbox p.description {
  margin-bottom: 0px;
}

form.InputfieldForm li.InputfieldCheckbox .ui-widget-content label {
  text-align: left;
  width: 50%;
  margin-left: 0%;
  margin-bottom: 1em;
}

.InputfieldHeaderHidden {
  display: none;
}

.submit-event, .submit-business, .submit-artist, .promailer-subscribe {
  /*
  	form.InputfieldForm label {
  		width: 30%;
  	}
  	form.InputfieldForm .ui-widget-content {
  		margin-left: 30%;
  		padding-left: 1%;
  	}
  */
  /*******COPIED & ADAPTED FROM /site/templates-admin/styles/JqueryUI/JqueryUI.css **********/
  /* Interaction Cues
  ----------------------------------*/
  /* Icons
  /* states and images */
  /* workarounds */
  /* reset extra padding in Firefox */
  /* with multiple calendars */
  /* RTL support */
  /* Component containers
  ----------------------------------*/
  /*.ui-menu .ui-menu-item:hover, 
  .ui-state-hover, 
  .ui-widget-content .ui-state-hover, */
}
.submit-event .ui-state-disabled, .submit-business .ui-state-disabled, .submit-artist .ui-state-disabled, .promailer-subscribe .ui-state-disabled {
  cursor: default !important;
}
.submit-event .ui-icon, .submit-business .ui-icon, .submit-artist .ui-icon, .promailer-subscribe .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.submit-event button.ui-button::-moz-focus-inner, .submit-business button.ui-button::-moz-focus-inner, .submit-artist button.ui-button::-moz-focus-inner, .promailer-subscribe button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.submit-event .ui-datepicker, .submit-business .ui-datepicker, .submit-artist .ui-datepicker, .promailer-subscribe .ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.submit-event .ui-datepicker .ui-datepicker-header, .submit-business .ui-datepicker .ui-datepicker-header, .submit-artist .ui-datepicker .ui-datepicker-header, .promailer-subscribe .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.submit-event .ui-datepicker .ui-datepicker-prev, .submit-event .ui-datepicker .ui-datepicker-next, .submit-business .ui-datepicker .ui-datepicker-prev, .submit-business .ui-datepicker .ui-datepicker-next, .submit-artist .ui-datepicker .ui-datepicker-prev, .submit-artist .ui-datepicker .ui-datepicker-next, .promailer-subscribe .ui-datepicker .ui-datepicker-prev, .promailer-subscribe .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.submit-event .ui-datepicker .ui-datepicker-prev-hover, .submit-event .ui-datepicker .ui-datepicker-next-hover, .submit-business .ui-datepicker .ui-datepicker-prev-hover, .submit-business .ui-datepicker .ui-datepicker-next-hover, .submit-artist .ui-datepicker .ui-datepicker-prev-hover, .submit-artist .ui-datepicker .ui-datepicker-next-hover, .promailer-subscribe .ui-datepicker .ui-datepicker-prev-hover, .promailer-subscribe .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.submit-event .ui-datepicker .ui-datepicker-prev, .submit-business .ui-datepicker .ui-datepicker-prev, .submit-artist .ui-datepicker .ui-datepicker-prev, .promailer-subscribe .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.submit-event .ui-datepicker .ui-datepicker-next, .submit-business .ui-datepicker .ui-datepicker-next, .submit-artist .ui-datepicker .ui-datepicker-next, .promailer-subscribe .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.submit-event .ui-datepicker .ui-datepicker-prev-hover, .submit-business .ui-datepicker .ui-datepicker-prev-hover, .submit-artist .ui-datepicker .ui-datepicker-prev-hover, .promailer-subscribe .ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.submit-event .ui-datepicker .ui-datepicker-next-hover, .submit-business .ui-datepicker .ui-datepicker-next-hover, .submit-artist .ui-datepicker .ui-datepicker-next-hover, .promailer-subscribe .ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.submit-event .ui-datepicker .ui-datepicker-prev span, .submit-event .ui-datepicker .ui-datepicker-next span, .submit-business .ui-datepicker .ui-datepicker-prev span, .submit-business .ui-datepicker .ui-datepicker-next span, .submit-artist .ui-datepicker .ui-datepicker-prev span, .submit-artist .ui-datepicker .ui-datepicker-next span, .promailer-subscribe .ui-datepicker .ui-datepicker-prev span, .promailer-subscribe .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.submit-event .ui-datepicker .ui-datepicker-title, .submit-business .ui-datepicker .ui-datepicker-title, .submit-artist .ui-datepicker .ui-datepicker-title, .promailer-subscribe .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.submit-event .ui-datepicker .ui-datepicker-title select, .submit-business .ui-datepicker .ui-datepicker-title select, .submit-artist .ui-datepicker .ui-datepicker-title select, .promailer-subscribe .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.submit-event .ui-datepicker select.ui-datepicker-month-year, .submit-business .ui-datepicker select.ui-datepicker-month-year, .submit-artist .ui-datepicker select.ui-datepicker-month-year, .promailer-subscribe .ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.submit-event .ui-datepicker select.ui-datepicker-month,
.submit-event .ui-datepicker select.ui-datepicker-year, .submit-business .ui-datepicker select.ui-datepicker-month,
.submit-business .ui-datepicker select.ui-datepicker-year, .submit-artist .ui-datepicker select.ui-datepicker-month,
.submit-artist .ui-datepicker select.ui-datepicker-year, .promailer-subscribe .ui-datepicker select.ui-datepicker-month,
.promailer-subscribe .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.submit-event .ui-datepicker table, .submit-business .ui-datepicker table, .submit-artist .ui-datepicker table, .promailer-subscribe .ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.submit-event .ui-datepicker th, .submit-business .ui-datepicker th, .submit-artist .ui-datepicker th, .promailer-subscribe .ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.submit-event .ui-datepicker td, .submit-business .ui-datepicker td, .submit-artist .ui-datepicker td, .promailer-subscribe .ui-datepicker td {
  border: 0;
  padding: 1px;
}
.submit-event .ui-datepicker td span, .submit-event .ui-datepicker td a, .submit-business .ui-datepicker td span, .submit-business .ui-datepicker td a, .submit-artist .ui-datepicker td span, .submit-artist .ui-datepicker td a, .promailer-subscribe .ui-datepicker td span, .promailer-subscribe .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.submit-event .ui-datepicker .ui-datepicker-buttonpane, .submit-business .ui-datepicker .ui-datepicker-buttonpane, .submit-artist .ui-datepicker .ui-datepicker-buttonpane, .promailer-subscribe .ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.submit-event .ui-datepicker .ui-datepicker-buttonpane button, .submit-business .ui-datepicker .ui-datepicker-buttonpane button, .submit-artist .ui-datepicker .ui-datepicker-buttonpane button, .promailer-subscribe .ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.submit-event .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .submit-business .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .submit-artist .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .promailer-subscribe .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.submit-event .ui-datepicker.ui-datepicker-multi, .submit-business .ui-datepicker.ui-datepicker-multi, .submit-artist .ui-datepicker.ui-datepicker-multi, .promailer-subscribe .ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.submit-event .ui-datepicker-multi .ui-datepicker-group, .submit-business .ui-datepicker-multi .ui-datepicker-group, .submit-artist .ui-datepicker-multi .ui-datepicker-group, .promailer-subscribe .ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.submit-event .ui-datepicker-multi .ui-datepicker-group table, .submit-business .ui-datepicker-multi .ui-datepicker-group table, .submit-artist .ui-datepicker-multi .ui-datepicker-group table, .promailer-subscribe .ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.submit-event .ui-datepicker-multi-2 .ui-datepicker-group, .submit-business .ui-datepicker-multi-2 .ui-datepicker-group, .submit-artist .ui-datepicker-multi-2 .ui-datepicker-group, .promailer-subscribe .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.submit-event .ui-datepicker-multi-3 .ui-datepicker-group, .submit-business .ui-datepicker-multi-3 .ui-datepicker-group, .submit-artist .ui-datepicker-multi-3 .ui-datepicker-group, .promailer-subscribe .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.submit-event .ui-datepicker-multi-4 .ui-datepicker-group, .submit-business .ui-datepicker-multi-4 .ui-datepicker-group, .submit-artist .ui-datepicker-multi-4 .ui-datepicker-group, .promailer-subscribe .ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.submit-event .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .submit-business .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .submit-artist .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .promailer-subscribe .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.submit-event .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header, .submit-business .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header, .submit-artist .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header, .promailer-subscribe .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.submit-event .ui-datepicker-multi .ui-datepicker-buttonpane, .submit-business .ui-datepicker-multi .ui-datepicker-buttonpane, .submit-artist .ui-datepicker-multi .ui-datepicker-buttonpane, .promailer-subscribe .ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.submit-event .ui-datepicker-row-break, .submit-business .ui-datepicker-row-break, .submit-artist .ui-datepicker-row-break, .promailer-subscribe .ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
.submit-event .ui-datepicker-rtl, .submit-business .ui-datepicker-rtl, .submit-artist .ui-datepicker-rtl, .promailer-subscribe .ui-datepicker-rtl {
  direction: rtl;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-prev, .submit-business .ui-datepicker-rtl .ui-datepicker-prev, .submit-artist .ui-datepicker-rtl .ui-datepicker-prev, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-next, .submit-business .ui-datepicker-rtl .ui-datepicker-next, .submit-artist .ui-datepicker-rtl .ui-datepicker-next, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-prev:hover, .submit-business .ui-datepicker-rtl .ui-datepicker-prev:hover, .submit-artist .ui-datepicker-rtl .ui-datepicker-prev:hover, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-next:hover, .submit-business .ui-datepicker-rtl .ui-datepicker-next:hover, .submit-artist .ui-datepicker-rtl .ui-datepicker-next:hover, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-buttonpane, .submit-business .ui-datepicker-rtl .ui-datepicker-buttonpane, .submit-artist .ui-datepicker-rtl .ui-datepicker-buttonpane, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-buttonpane button, .submit-business .ui-datepicker-rtl .ui-datepicker-buttonpane button, .submit-artist .ui-datepicker-rtl .ui-datepicker-buttonpane button, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .submit-business .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .submit-artist .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-group, .submit-business .ui-datepicker-rtl .ui-datepicker-group, .submit-artist .ui-datepicker-rtl .ui-datepicker-group, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .submit-business .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .submit-artist .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.submit-event .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header, .submit-business .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header, .submit-artist .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header, .promailer-subscribe .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.submit-event .ui-datepicker .ui-datepicker-prev span, .submit-event .ui-datepicker .ui-datepicker-next span, .submit-business .ui-datepicker .ui-datepicker-prev span, .submit-business .ui-datepicker .ui-datepicker-next span, .submit-artist .ui-datepicker .ui-datepicker-prev span, .submit-artist .ui-datepicker .ui-datepicker-next span, .promailer-subscribe .ui-datepicker .ui-datepicker-prev span, .promailer-subscribe .ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.submit-event .ui-icon-circle-triangle-e, .submit-business .ui-icon-circle-triangle-e, .submit-artist .ui-icon-circle-triangle-e, .promailer-subscribe .ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.submit-event .ui-icon-circle-triangle-w, .submit-business .ui-icon-circle-triangle-w, .submit-artist .ui-icon-circle-triangle-w, .promailer-subscribe .ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.submit-event #ui-datepicker-div.ui-widget-content, .submit-business #ui-datepicker-div.ui-widget-content, .submit-artist #ui-datepicker-div.ui-widget-content, .promailer-subscribe #ui-datepicker-div.ui-widget-content {
  border: 1px solid black;
  background-color: white;
}
.submit-event #ui-datepicker-div .ui-widget-header, .submit-business #ui-datepicker-div .ui-widget-header, .submit-artist #ui-datepicker-div .ui-widget-header, .promailer-subscribe #ui-datepicker-div .ui-widget-header {
  border: 1px solid #F1F1F2;
  background-color: #F1F1F2;
  font-weight: bold;
}
.submit-event #ui-datepicker-div, .submit-business #ui-datepicker-div, .submit-artist #ui-datepicker-div, .promailer-subscribe #ui-datepicker-div {
  /* states and images */
  /* Interaction states
  ----------------------------------*/
}
.submit-event #ui-datepicker-div .ui-icon, .submit-business #ui-datepicker-div .ui-icon, .submit-artist #ui-datepicker-div .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_222222_256x240.png);
}
.submit-event #ui-datepicker-div .ui-widget-content .ui-icon, .submit-business #ui-datepicker-div .ui-widget-content .ui-icon, .submit-artist #ui-datepicker-div .ui-widget-content .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-widget-content .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_222222_256x240.png);
}
.submit-event #ui-datepicker-div .ui-widget-header .ui-icon, .submit-business #ui-datepicker-div .ui-widget-header .ui-icon, .submit-artist #ui-datepicker-div .ui-widget-header .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-widget-header .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_2f4248_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-default .ui-icon, .submit-business #ui-datepicker-div .ui-state-default .ui-icon, .submit-artist #ui-datepicker-div .ui-state-default .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-default .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_ffffff_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-hover .ui-icon, .submit-event #ui-datepicker-div .ui-state-focus .ui-icon, .submit-business #ui-datepicker-div .ui-state-hover .ui-icon, .submit-business #ui-datepicker-div .ui-state-focus .ui-icon, .submit-artist #ui-datepicker-div .ui-state-hover .ui-icon, .submit-artist #ui-datepicker-div .ui-state-focus .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-hover .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-focus .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_ffffff_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-active .ui-icon, .submit-business #ui-datepicker-div .ui-state-active .ui-icon, .submit-artist #ui-datepicker-div .ui-state-active .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-active .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_2f4248_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-highlight .ui-icon, .submit-business #ui-datepicker-div .ui-state-highlight .ui-icon, .submit-artist #ui-datepicker-div .ui-state-highlight .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-highlight .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_ffffff_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-error .ui-icon, .submit-event #ui-datepicker-div .ui-state-error-text .ui-icon, .submit-business #ui-datepicker-div .ui-state-error .ui-icon, .submit-business #ui-datepicker-div .ui-state-error-text .ui-icon, .submit-artist #ui-datepicker-div .ui-state-error .ui-icon, .submit-artist #ui-datepicker-div .ui-state-error-text .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-error .ui-icon, .promailer-subscribe #ui-datepicker-div .ui-state-error-text .ui-icon {
  background-image: url(/site/templates-admin/styles/JqueryUI/images/ui-icons_cd0a0a_256x240.png);
}
.submit-event #ui-datepicker-div .ui-state-default, .submit-event #ui-datepicker-div .ui-widget-content .ui-state-default, .submit-event #ui-datepicker-div .ui-widget-header .ui-state-default, .submit-business #ui-datepicker-div .ui-state-default, .submit-business #ui-datepicker-div .ui-widget-content .ui-state-default, .submit-business #ui-datepicker-div .ui-widget-header .ui-state-default, .submit-artist #ui-datepicker-div .ui-state-default, .submit-artist #ui-datepicker-div .ui-widget-content .ui-state-default, .submit-artist #ui-datepicker-div .ui-widget-header .ui-state-default, .promailer-subscribe #ui-datepicker-div .ui-state-default, .promailer-subscribe #ui-datepicker-div .ui-widget-content .ui-state-default, .promailer-subscribe #ui-datepicker-div .ui-widget-header .ui-state-default {
  border: 1px solid #363636;
  background-color: #F1F1F2;
  font-weight: normal;
  color: black;
}
.submit-event #ui-datepicker-div .ui-state-default a, .submit-event #ui-datepicker-div .ui-state-default a:link, .submit-event #ui-datepicker-div .ui-state-default a:visited, .submit-business #ui-datepicker-div .ui-state-default a, .submit-business #ui-datepicker-div .ui-state-default a:link, .submit-business #ui-datepicker-div .ui-state-default a:visited, .submit-artist #ui-datepicker-div .ui-state-default a, .submit-artist #ui-datepicker-div .ui-state-default a:link, .submit-artist #ui-datepicker-div .ui-state-default a:visited, .promailer-subscribe #ui-datepicker-div .ui-state-default a, .promailer-subscribe #ui-datepicker-div .ui-state-default a:link, .promailer-subscribe #ui-datepicker-div .ui-state-default a:visited {
  color: white;
  text-decoration: none;
}
.submit-event #ui-datepicker-div .ui-state-hover, .submit-event #ui-datepicker-div .ui-widget-content .ui-state-hover, .submit-event #ui-datepicker-div .ui-widget-header .ui-state-hover, .submit-event #ui-datepicker-div .ui-state-focus, .submit-event #ui-datepicker-div .ui-widget-content .ui-state-focus, .submit-event #ui-datepicker-div .ui-widget-header .ui-state-focus, .submit-business #ui-datepicker-div .ui-state-hover, .submit-business #ui-datepicker-div .ui-widget-content .ui-state-hover, .submit-business #ui-datepicker-div .ui-widget-header .ui-state-hover, .submit-business #ui-datepicker-div .ui-state-focus, .submit-business #ui-datepicker-div .ui-widget-content .ui-state-focus, .submit-business #ui-datepicker-div .ui-widget-header .ui-state-focus, .submit-artist #ui-datepicker-div .ui-state-hover, .submit-artist #ui-datepicker-div .ui-widget-content .ui-state-hover, .submit-artist #ui-datepicker-div .ui-widget-header .ui-state-hover, .submit-artist #ui-datepicker-div .ui-state-focus, .submit-artist #ui-datepicker-div .ui-widget-content .ui-state-focus, .submit-artist #ui-datepicker-div .ui-widget-header .ui-state-focus, .promailer-subscribe #ui-datepicker-div .ui-state-hover, .promailer-subscribe #ui-datepicker-div .ui-widget-content .ui-state-hover, .promailer-subscribe #ui-datepicker-div .ui-widget-header .ui-state-hover, .promailer-subscribe #ui-datepicker-div .ui-state-focus, .promailer-subscribe #ui-datepicker-div .ui-widget-content .ui-state-focus, .promailer-subscribe #ui-datepicker-div .ui-widget-header .ui-state-focus {
  border: 1px solid black;
  background-color: #11A682;
  font-weight: normal;
  color: white;
}
.submit-event #ui-datepicker-div .ui-state-hover a, .submit-event #ui-datepicker-div .ui-state-hover a:hover, .submit-event #ui-datepicker-div .ui-state-hover a:link, .submit-event #ui-datepicker-div .ui-state-hover a:visited, .submit-business #ui-datepicker-div .ui-state-hover a, .submit-business #ui-datepicker-div .ui-state-hover a:hover, .submit-business #ui-datepicker-div .ui-state-hover a:link, .submit-business #ui-datepicker-div .ui-state-hover a:visited, .submit-artist #ui-datepicker-div .ui-state-hover a, .submit-artist #ui-datepicker-div .ui-state-hover a:hover, .submit-artist #ui-datepicker-div .ui-state-hover a:link, .submit-artist #ui-datepicker-div .ui-state-hover a:visited, .promailer-subscribe #ui-datepicker-div .ui-state-hover a, .promailer-subscribe #ui-datepicker-div .ui-state-hover a:hover, .promailer-subscribe #ui-datepicker-div .ui-state-hover a:link, .promailer-subscribe #ui-datepicker-div .ui-state-hover a:visited {
  color: white;
  text-decoration: none;
}
.submit-event #ui-datepicker-div .ui-state-active, .submit-event #ui-datepicker-div .ui-widget-content .ui-state-active, .submit-event #ui-datepicker-div .ui-widget-header .ui-state-active, .submit-business #ui-datepicker-div .ui-state-active, .submit-business #ui-datepicker-div .ui-widget-content .ui-state-active, .submit-business #ui-datepicker-div .ui-widget-header .ui-state-active, .submit-artist #ui-datepicker-div .ui-state-active, .submit-artist #ui-datepicker-div .ui-widget-content .ui-state-active, .submit-artist #ui-datepicker-div .ui-widget-header .ui-state-active, .promailer-subscribe #ui-datepicker-div .ui-state-active, .promailer-subscribe #ui-datepicker-div .ui-widget-content .ui-state-active, .promailer-subscribe #ui-datepicker-div .ui-widget-header .ui-state-active {
  border: 1px solid #11A682;
  background-color: #F1F1F2;
  font-weight: bold;
  color: black;
}
.submit-event #ui-datepicker-div .ui-state-active a, .submit-event #ui-datepicker-div .ui-state-active a:link, .submit-event #ui-datepicker-div .ui-state-active a:visited, .submit-business #ui-datepicker-div .ui-state-active a, .submit-business #ui-datepicker-div .ui-state-active a:link, .submit-business #ui-datepicker-div .ui-state-active a:visited, .submit-artist #ui-datepicker-div .ui-state-active a, .submit-artist #ui-datepicker-div .ui-state-active a:link, .submit-artist #ui-datepicker-div .ui-state-active a:visited, .promailer-subscribe #ui-datepicker-div .ui-state-active a, .promailer-subscribe #ui-datepicker-div .ui-state-active a:link, .promailer-subscribe #ui-datepicker-div .ui-state-active a:visited {
  color: #2f4248;
  text-decoration: none;
}
.submit-event .ui-menu a, .submit-event .ui-widget-content a, .submit-business .ui-menu a, .submit-business .ui-widget-content a, .submit-artist .ui-menu a, .submit-artist .ui-widget-content a, .promailer-subscribe .ui-menu a, .promailer-subscribe .ui-widget-content a {
  display: block;
}
.submit-event .ui-menu a:hover, .submit-event .ui-widget-content a:hover, .submit-business .ui-menu a:hover, .submit-business .ui-widget-content a:hover, .submit-artist .ui-menu a:hover, .submit-artist .ui-widget-content a:hover, .promailer-subscribe .ui-menu a:hover, .promailer-subscribe .ui-widget-content a:hover {
  /*color: inherit;*/
  cursor: pointer;
}
.submit-event .ui-menu p a, .submit-event .ui-widget-content p a, .submit-business .ui-menu p a, .submit-business .ui-widget-content p a, .submit-artist .ui-menu p a, .submit-artist .ui-widget-content p a, .promailer-subscribe .ui-menu p a, .promailer-subscribe .ui-widget-content p a {
  display: inline;
}
.submit-event .ui-state-focus,
.submit-event .ui-widget-content .ui-state-focus, .submit-business .ui-state-focus,
.submit-business .ui-widget-content .ui-state-focus, .submit-artist .ui-state-focus,
.submit-artist .ui-widget-content .ui-state-focus, .promailer-subscribe .ui-state-focus,
.promailer-subscribe .ui-widget-content .ui-state-focus {
  background-color: #363636;
  color: #1DDDAD;
}
.submit-event .ui-helper-hidden-accessible, .submit-business .ui-helper-hidden-accessible, .submit-artist .ui-helper-hidden-accessible, .promailer-subscribe .ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}
.submit-event .ui-autocomplete.ui-menu.ui-widget.ui-widget-content, .submit-business .ui-autocomplete.ui-menu.ui-widget.ui-widget-content, .submit-artist .ui-autocomplete.ui-menu.ui-widget.ui-widget-content, .promailer-subscribe .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
  background-color: black;
  color: white;
  margin-left: -10px;
  max-width: 500px;
  width: auto;
  padding: 3px 5px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.3);
}
.submit-event input, .submit-event select, .submit-business input, .submit-business select, .submit-artist input, .submit-artist select, .promailer-subscribe input, .promailer-subscribe select {
  padding: 1px 4px;
  font-size: 0.9em;
}
.submit-event input, .submit-business input, .submit-artist input, .promailer-subscribe input {
  border: 1px solid #cccccc;
}
.submit-event input.autocomplete, .submit-business input.autocomplete, .submit-artist input.autocomplete, .promailer-subscribe input.autocomplete {
  color: red;
}
.submit-event input.autocomplete.correct, .submit-business input.autocomplete.correct, .submit-artist input.autocomplete.correct, .promailer-subscribe input.autocomplete.correct {
  color: #11A682;
}
.submit-event .InputfieldCheckbox label span, .submit-business .InputfieldCheckbox label span, .submit-artist .InputfieldCheckbox label span, .promailer-subscribe .InputfieldCheckbox label span {
  margin-left: 6px;
}

.submit-artist #wrap_location select {
  font-size: 0.7em;
}

.promailer-subscribe {
  /*	button {
  		padding: .5em 5%;
  		margin: 1em auto;
  		background-color: $darkGreen;
  		color: white;
  		font-size: 1.0em;
  		box-shadow: none;
  		border: 1px solid $lightGray;
  		transition: background-color 200ms;
  		display: block;
  		&:hover {
  			background-color: $lightGreen;
  			cursor: pointer;
  		}
  	}	*/
}
.promailer-subscribe .error {
  color: red;
}
.promailer-subscribe input {
  border: 1px solid #cccccc;
}

@media (max-width: 450px) {
  .promailer-subscribe #promailer {
    text-align: left;
  }
  .promailer-subscribe label, .promailer-subscribe input, .promailer-subscribe button {
    display: block;
    margin-bottom: 0.5em;
  }
}
/*******END COPY **********/
/*----------RESPONSIVE---------------*/
@media (max-width: 1030px) {
  #header-cover {
    width: 60%;
  }

  .topcontent {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
  }

  .main-content .main-left, .main-content .main-right {
    float: none;
    width: 98%;
    clear: both;
  }
  .main-content .main-left {
    max-width: none;
  }
  .main-content .main-right {
    margin-bottom: 1em;
    padding-bottom: 1em;
    max-width: none;
    width: 100%;
    height: auto;
    border-left: none;
  }
  .main-content .main-right .right-box {
    padding: 2%;
  }
  .main-content .main-right .ad-box, .main-content .main-right .generous, .main-content .main-right .home-box {
    padding: 0.5em 2%;
  }
  .main-content .main-right .box {
    padding: 0px;
  }

  #flexticker-container {
    clear: both;
  }

  .ticker-content {
    max-height: 80px;
    text-align: center;
  }

  #ticker h2 {
    display: block;
    margin: 0px auto;
    float: none;
  }

  #ticker ul.slides li {
    text-align: left;
  }

  #flexticker-container {
    width: 82%;
    margin-left: 2%;
  }

  #article-main .main-left, #business-main .main-left {
    max-width: none;
    width: 98%;
  }

  .footer-box {
    width: 50%;
  }

  #navbar ul.main-nav > li {
    font-size: 50%;
  }

  #navbar ul.main-nav > li ul li {
    font-size: 100%;
  }

  .gallery #flexfeatured.flexslider {
    height: auto;
    overflow: hidden;
    padding-bottom: 100px;
  }

  .gallery .featured-details {
    bottom: -85px;
    height: auto;
    position: absolute;
  }
}
@media (max-width: 800px) {
  .featured-details {
    padding-top: 10px;
    clear: both;
  }

  .featured-details h1 {
    text-align: center;
  }

  #featured .flex-control-nav {
    display: none;
    /*
    	bottom: 0;
    	margin-left: 0;
    	padding-top: 1em;
    	width: 100%;
    	*/
  }

  #flexfeatured-container .featured-image {
    margin: 0px auto;
  }

  #flexfeatured-container img {
    float: none;
    padding: 0;
  }

  #flexfeatured > ul.slides > li {
    max-height: 466px;
    /*height: 466px;*/
  }

  #header-cover {
    display: none;
  }

  #header-search {
    top: -40px;
  }

  .main-content {
    border: none;
  }

  #article-main .main-left, #business-main .main-left {
    max-width: none;
    width: 98%;
  }

  #featured h1 {
    font-size: 1.3rem;
    line-height: 1.1em;
  }

  #featured h2 {
    font-size: 0.9em;
    line-height: 1.3em;
  }
}
@media (max-width: 680px) {
  #picks h2 {
    float: none;
    text-align: center;
  }

  .picks-content {
    text-align: center;
  }

  ul#picks-categories li:first-child {
    padding-left: 0px;
  }

  #picks-loading {
    height: 198px;
  }
}
@media (max-width: 650px) {
  #instagram, #twitter, .home #ticker {
    display: none;
  }

  .main-content .main-left .box {
    width: 100%;
    margin-right: 0px;
  }

  .main-content .main-right {
    text-align: center;
  }

  .main-content .main-right div {
    margin: 0 auto;
  }

  .article-breadcrumbs, .article-meta {
    padding-bottom: 0.5em;
  }

  .article-social {
    float: left;
    max-width: 100%;
    clear: both;
  }
  .article-social ul.social-share li.share-fb,
.article-social ul.social-share li.share-twitter {
    float: left;
    clear: none;
    text-align: left;
    padding-left: 0px;
    display: block;
    overflow: hidden;
  }
  .article-social ul.social-share li.share-twitter {
    padding-left: 10px;
  }

  .genrs_slider, .genrs_slider-checkoutFrame {
    float: none !important;
  }

  ul.event-list li {
    font-size: 0.8em;
    height: auto;
    max-height: none;
    min-height: 40px;
    border-left: 1px solid #999;
  }

  ul.event-list .event-day {
    display: inline-block;
    padding-right: 2px;
  }

  ul.event-list .event-daytime {
    width: 47%;
  }

  ul.event-list .event-artists {
    width: 80%;
    margin-left: 32px;
    max-height: none;
  }

  ul.event-list .headliner {
    line-height: 1.3em;
  }

  ul.event-list .support-acts {
    max-height: none;
    max-width: none;
  }

  ul.event-list .event-venue {
    width: 47%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding-right: 1%;
    line-height: 1.1em;
  }

  ul.event-list .event-icon {
    padding-top: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3%;
  }

  .footer-box {
    width: 100%;
  }
}
@media (max-width: 670px) {
  #header-logo {
    margin: 0 auto;
    float: none;
  }

  #quick-links {
    display: block;
    clear: both;
    background-color: black;
    color: white;
    overflow: hidden;
    font-family: "turnpike", Sans-Serif;
    text-transform: uppercase;
    box-sizing: border-box;
  }

  #quick-links ul li {
    display: block;
    width: 100%;
    line-height: 3em;
    background-color: black;
    border-top: 1px solid white;
  }

  #navbar {
    padding-top: 0.6em;
    padding-bottom: 0.5em;
  }
}
@media (max-width: 800px) {
  /*comments - value set for consistency with iPad portrait and landscape*/
  .social-box {
    border-top: 1px solid black;
  }
}
/******* RESPONSIVE NAV *************/
@media (min-width: 800px) {
  #navbar ul.main-nav {
    display: flex !important;
  }
}
@media (max-width: 800px) {
  /*NAV ONLY- value set for consistency with iPad portrait and landscape*/
  #navbar nav {
    padding: 0.1em 0px;
    position: relative;
    width: 80%;
  }

  #navbar .topcontent {
    margin-left: 0px;
  }

  #navbar #mobile-nav-button {
    display: block;
    padding-left: 10px;
  }

  #navbar ul.main-nav {
    display: none;
    margin-top: 0px;
    padding: 0px 0px 10px 10px;
    position: absolute;
    top: 5px;
    z-index: 20;
    width: 100%;
    background-color: #363636;
    box-shadow: 2px 3px 2px 2px rgba(54, 54, 54, 0.4);
  }

  #header-search {
    top: 0px;
  }

  #navbar ul.main-nav > li#home {
    display: block;
  }

  #navbar ul.main-nav li {
    display: block;
    font-size: 80%;
    line-height: 2em;
    padding: 0.2em 0px;
  }
  #navbar ul.main-nav li:after {
    border: none;
  }

  #navbar ul.main-nav li a {
    display: block;
    width: 100%;
  }

  #navbar ul.main-nav li a:link,
#navbar ul.main-nav li a:visited {
    color: white;
  }

  #navbar ul.main-nav li a:hover,
#navbar ul.main-nav li a:active {
    color: #11A682;
  }

  #navbar ul.main-nav li ul {
    display: block;
    position: relative;
    background-color: #363636;
    top: 0px;
    font-size: 90%;
    margin: 0px 0px 0px 20%;
    padding: 0px;
    z-index: inherit;
  }

  #navbar ul.main-nav li ul li {
    line-height: 1.7em;
    padding: 0.2em 0px;
  }
}
@media (max-width: 600px) {
  /*forms*/
  form.InputfieldForm label {
    text-align: left;
    width: 100%;
    float: none;
  }

  form.InputfieldForm .ui-widget-content {
    margin-left: 2%;
    padding-left: 1%;
  }

  .InputfieldTextarea textarea {
    width: 96%;
  }
}
@media (max-width: 600px) {
  body {
    font-size: 80%;
  }

  .article-content, .static-content {
    font-size: 0.7rem;
  }

  ul.event-list li, .calendar-ad {
    width: 90%;
  }

  ul.event-list .event-venue,
ul.event-list .event-daytime {
    float: none;
    width: 80%;
    position: relative;
    display: block;
    margin-left: 32px;
    text-align: left;
    line-height: 1.3em;
  }
}
@media (max-width: 550px) {
  .article-byline, .article-extra {
    width: 100%;
    float: none;
  }

  .article-extra {
    margin-top: 0.8em;
  }
}
@media (max-width: 475px) {
  .submit-invite {
    display: none;
  }
}
@media (max-width: 450px) {
  body {
    font-size: 100%;
  }

  .article-content, .static-content {
    font-size: 0.9rem;
  }

  .submit-invite h4 {
    font-size: 0.7rem;
  }

  ul.event-list li, .calendar-ad {
    width: 85%;
  }

  ul.event-list .event-daytime {
    margin-left: 32px;
  }

  #navbar ul.main-nav li {
    line-height: 2.4em;
    font-size: 100%;
  }

  #navbar ul.main-nav li ul li {
    line-height: 2em;
  }

  .submit-event form ul.Inputfields li, .submit-business form ul.Inputfields li, .submit-artist form ul.Inputfields li {
    font-size: 80%;
  }
  .submit-event form ul.Inputfields li .InputfieldContent, .submit-business form ul.Inputfields li .InputfieldContent, .submit-artist form ul.Inputfields li .InputfieldContent {
    max-width: 70%;
  }
}
@media (max-width: 380px) {
  #header-logo {
    width: 40%;
  }
}
/*ADS*/
@media (max-width: 340px) {
  .leaderboard .topcontent,
#leaderboard-bottom-content .topcontent {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
/*
@media (max-width: 765px) {
	.leaderboard {
		display: none;
	}
}

@media (max-width: 645px) {
	.leader585 {
		display: none;
	}
}
*/

/*# sourceMappingURL=styles.css.map */