/*
	HIGH PERFORMANCE RODEO
	CSS by Structured Abstraction :: www.structuredabstraction.com
	--------------------------------------------------------------------
	green: #b1d335 ; red:#ee3a43; yellow: #b49a55; blue: #27446d;

*/
/*
--------------------------------------------------------------------
GENERICS
--------------------------------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Arvo:400,700");
body {
  background: #000000 url(/design/images/bg-bottom.jpg) bottom center no-repeat;
  background-attachment: fixed;
  color: #797979;
  font-family: 'Open Sans', sans-serif;
  font-size: 62.5%;
  margin: 0px;
  padding: 0px 0px 80px 0px; }

body a:link, body a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff; }

body a:hover {
  color: #ffffff;
  text-decoration: underline; }

body a:active, a:focus {
  outline: 0; }

body b {
  font-weight: bold; }

body i {
  font-style: italic; }

p {
  margin-top: 2px; }

.clearMe {
  clear: both; }

h1, h2, h3, h4, h5 {
  padding: 0px;
  margin: 0px; }

h1 {
  text-transform: uppercase;
  font-size: 20px; }

h1.no-case-transform {
  text-transform: none; }

/*

--------------------------------------------------------------------

STRUCTURE

--------------------------------------------------------------------

*/
#masterContainer {
  background: url(/design/images/bg-top.jpg) top center no-repeat; }

#masterContainer #wrapper {
  width: 1190px;
  text-align: left;
  font-size: 1.2em; }

#masterContainer #topArea {
  height: 160px; }

/*
LAYOUT ELEMENTS
*/
/* NEED TO FIX THE BOX MODEL ON IE FIXME */
.leftColumn {
  box-sizing: border-box;
  float: left;
  padding: 0 18px 0 0;
  width: 25%; }

.centreColumn {
  box-sizing: border-box;
  float: right;
  padding: 0 18px 0 0;
  width: 75%; }

.rightColumn {
  float: left;
  padding: 0 0 0 0px; }

/*NEW CLASSES */
.simplePage .leftColumn .subNav, .simplePage .leftColumn .sponsors {
  margin-right: 30px; }

/* NAVIGATION */
#masterContainer #topArea #navRows {
  width: 1000px;
  float: right; }

#masterContainer #topArea #navRows #contact {
  height: 27px;
  text-align: right;
  font-weight: normal;
  color: #7d8191;
  font-size: 11px;
  float: right;
  margin-top: 30px; }
  #masterContainer #topArea #navRows #contact span {
    display: block; }

#masterContainer #topArea #navRows #festivalDetails {
  position: relative;
  height: 66px;
  margin-top: 27px; }

#festivalDates {
  float: left;
  width: 280px;
  color: #b69c56;
  padding-left: 16px; }

#donateButton {
  float: right;
  color: #ffffff;
  font-size: 11px;
  padding: 16px; }

#donateButton .header {
  display: block;
  color: #b69c56;
  font-size: 22px;
  text-transform: uppercase;
  padding-right: 26px;
  background: url(/design/images/donate-arrowbg.png) right center no-repeat; }

#festivalDates h1 {
  font-size: 32px;
  font-weight: 800;
  margin: 7px 0 0;
  padding: 0px; }
#festivalDates h2 {
  font-size: 10px;
  text-transform: uppercase; }
#festivalDates #mask {
  position: absolute;
  left: 0;
  top: 0; }

#launchedFestivalLinks {
  margin: 8px 0 0; }

#launchedFestivalLinks a, #launchedFestivalLinks a:link, #launchedFestivalLinks a:visited {
  display: block;
  width: 160px;
  height: 33px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: 0px 0px;
  background-repeat: no-repeat; }

#launchedFestivalLinks a.calendar {
  background-image: url(/design/images/details-calendar-2011.png); }

#launchedFestivalLinks a.lineup {
  background-image: url(/design/images/details-lineup-2011.png); }

#launchedFestivalLinks a:hover {
  background-position: 0px -33px; }

#masterContainer #topArea #navRows #festivalDetails a.active {
  background-position: 0px -33px; }

#launchedFestivalLinks a.pastFestivals {
  margin-top: 18px;
  background-image: url(/design/images/details-timemachine.png); }

#festivalDetails #loginBox {
  display: none;
  float: right;
  width: 210px;
  font-size: 11px;
  line-height: 13px;
  padding-top: 15px; }

#festivalDetails #loginBox a.loginLink {
  text-indent: -9999px;
  display: block;
  margin: 0;
  padding: 0px 0px 0px 8px;
  height: 16px;
  background: url(/design/images/2010-11/header-myrodeo.png) -1px 0px no-repeat; }

#festivalLinks,
#launchedFestivalLinks {
  float: left;
  width: 160px; }

/* LOGO */
#logo {
  padding: 0px;
  margin: 12px 0 0 0;
  width: 170px;
  height: 139px;
  float: left; }
  #logo a,
  #logo a:link,
  #logo a:visited {
    text-indent: -9999px;
    display: block;
    margin: 0;
    padding: 0px;
    width: 170px;
    height: 139px;
    text-decoration: none;
    background: url(/design/images/logo.png) 0px 0px no-repeat;
    opacity: 1;
    transition: all ease 0.25s; }
  #logo a:hover {
    opacity: 0.7; }

#masterContainer #contentArea {
  background: #000000;
  padding: 10px;
  color: #acacac;
  font-size: 15px; }

#masterContainer #content {
  padding-top: 34px;
  padding: 34px 10px 0px 10px; }

#content b {
  color: #ffffff; }

/* NAV */
#nav {
  padding: 22px 0 0 16px; }

#nav a, #nav a:link, #nav a:visited {
  display: block;
  margin: 0px;
  height: 12px;
  /* 	padding: 3px 0px; */
  line-height: 12px;
  font-size: 12px;
  vertical-align: middle;
  float: left;
  color: #ffffff;
  text-transform: uppercase;
  background: url(/design/images/2010-11/nav-bullets-sprite.png) -7px 0px no-repeat;
  padding: 3px 28px 3px 10px;
  filter: alpha(opacity=70);
  opacity: 0.7; }

#masterContainer #topArea #nav a:hover, #masterContainer #topArea #nav a.current {
  filter: alpha(opacity=100);
  opacity: 1.0;
  text-decoration: none; }

#nav a.nav1, #nav a.nav1:link, #nav a.nav1:visited {
  background: url(/design/images/2010-11/nav-bullets-sprite.png) 0px -20px no-repeat;
  padding-left: 20px;
  /* 	outline: 1px solid red; */ }

/*
--------------------------------------------------------------------
KICK ASS CALENDAR
--------------------------------------------------------------------
*/
#horizontalCalendar {
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
  display: block;
  font-size: 13px;
  height: 56px;
  list-style: none;
  margin: 0 0 0 -10px;
  padding: 0px;
  position: relative;
  width: 1190px;
  z-index: 25; }
  #horizontalCalendar li {
    font-weight: normal;
    float: left;
    font-size: 23px;
    height: 56px;
    color: #a1a1a1;
    margin: 0;
    padding: 0;
    text-align: center; }

/*
    This navigation relies on Internet Explorer recognizing decimal widths on pixels and NOT recognizing :nth-child. As soon as that changes, we would need a new solution.
*/
#horizontalCalendar.days1 li {
  width: 100%; }

#horizontalCalendar.days2 li {
  width: 50%; }

#horizontalCalendar.days3 li {
  width: 33.3333333333%; }

#horizontalCalendar.days4 li {
  width: 25%; }

#horizontalCalendar.days5 li {
  width: 20%; }

#horizontalCalendar.days6 li {
  width: 16.6666666667%; }

#horizontalCalendar.days7 li {
  width: 14.2857142857%; }

#horizontalCalendar.days8 li {
  width: 12.5%; }

#horizontalCalendar.days9 li {
  width: 11.1111111111%; }

#horizontalCalendar.days10 li {
  width: 10%; }

#horizontalCalendar.days11 li {
  width: 9.0909090909%; }

#horizontalCalendar.days12 li {
  width: 8.3333333333%; }

#horizontalCalendar.days13 li {
  width: 7.6923076923%; }

#horizontalCalendar.days14 li {
  width: 7.1428571429%; }

#horizontalCalendar.days15 li {
  width: 6.6666666667%; }

#horizontalCalendar.days16 li {
  width: 6.25%; }

#horizontalCalendar.days17 li {
  width: 5.8823529412%; }

#horizontalCalendar.days18 li {
  width: 5.5555555556%; }

#horizontalCalendar.days19 li {
  width: 5.2631578947%; }

#horizontalCalendar.days20 li {
  width: 5%; }

#horizontalCalendar.days21 li {
  width: 4.7619047619%; }

#horizontalCalendar.days22 li {
  width: 4.5454545455%; }

#horizontalCalendar.days23 li {
  width: 4.347826087%; }

#horizontalCalendar.days24 li {
  width: 4.1666666667%; }

#horizontalCalendar.days25 li {
  width: 4%; }

#horizontalCalendar.days26 li {
  width: 3.8461538462%; }

#horizontalCalendar.days27 li {
  width: 3.7037037037%; }

#horizontalCalendar.days28 li {
  width: 3.5714285714%; }

#horizontalCalendar.days29 li {
  width: 3.4482758621%; }

#horizontalCalendar.days30 li {
  width: 3.3333333333%; }

#horizontalCalendar.days31 li {
  width: 3.2258064516%; }

#horizontalCalendar.days31 li div {
  font-size: 16px; }

#horizontalCalendar li div {
  height: 56px;
  display: block; }

body #contentArea #horizontalCalendar li div {
  /* THE NUMBER */
  font-family: 'Arvo', serif;
  font-weight: normal;
  line-height: 11px; }

#horizontalCalendar li div b {
  color: #666;
  display: block;
  /*font-family: helvetica, arial;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 8px;
  font-weight: 700;
  height: 26px;
  line-height: 29px;
  text-transform: uppercase;
  vertical-align: middle; }

#horizontalCalendar li.rollOut {
  background: transparent; }

#horizontalCalendar li a:hover {
  text-decoration: none; }

#horizontalCalendar li.activeDay {
  /* DAYS THAT THIS EVENT HAPPEN */
  background: #27446d;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#4a6281), to(#2a476b) ) ;	*/ }

#horizontalCalendar li.activeDay b {
  /* DAYS THAT THIS EVENT HAPPEN */
  color: #a2b1c4; }

#horizontalCalendar li.inActive, #horizontalCalendar li.inActive b {
  /* NO EVENTS ON THIS DAY */
  color: #333333; }

#horizontalCalendar li.rollOver, #horizontalCalendar li.rollOver b {
  /* ROLLOVER STATE */
  background: #0097ca;
  color: #ffffff; }

#horizontalCalendar li.dayView, #horizontalCalendar li.dayView b {
  /*THIS IS THE SINGLE DAY VIEW */
  background: #ee3a43;
  color: #000000; }

#horizontalCalendar li div.today {
  /* TODAY */
  background: url(/design/images/today-arrow.png) center bottom no-repeat; }

/* DROPDOWN EVENT LIST */
.rollOut table {
  display: none; }

table.dayEventList {
  z-index: 100;
  background: #ffffff;
  width: 340px;
  margin: 0px;
  padding: 0px;
  color: #000000;
  /*font-family: helvetica, arial;*/
  font-family: 'Open Sans', sans-serif; }
  table.dayEventList h1.eventName a {
    font-size: 16px;
    font-weight: 900; }
  table.dayEventList h1.eventName a {
    padding: 5px 0px; }

table.dayEventList td {
  padding: 4px;
  border-bottom: 1px solid #ffffff;
  font-size: 12px;
  line-height: 1.1em; }

.dayEventList td.time {
  width: 50px;
  color: #898989;
  text-align: right;
  background: #fafafa;
  font-weight: bold;
  padding-top: 5px; }

.dropRight td.firstL {
  background: #fafafa url(/design/images/dropdown-arrow.png) 11px top no-repeat; }

.dropLeft td.firstR {
  background: url(/design/images/dropdown-arrow.png) 258px top no-repeat; }

.dayEventList tr.ongoing td {
  border-top: 3px solid #eeeeee;
  padding-top: 3px; }

.dayEventList td.details {
  text-align: left; }

.dayEventList td a, .dayEventList td span {
  display: block; }

.dayEventList td a.name {
  color: #b1d335; }

.dayEventList td a.venue {
  color: #666;
  font-size: 10px; }

/*

--------------------------------------------------------------------

BOTBAR

--------------------------------------------------------------------

*/
#botBar {
  padding: 10px 0px 20px 0px;
  text-align: left;
  font-size: 10px;
  margin-top: 50px; }

#botBar div.rowOne {
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  border-bottom: 1px solid #333333; }

#botBar div.rowOne a.bug {
  float: right;
  display: block;
  background: url(/design/images/oyr-logo.png) right center no-repeat;
  font-size: 13px;
  height: 50px;
  width: 206px;
  padding-right: 40px;
  text-align: right;
  font-weight: normal; }

#botBar a, #botBar b {
  color: #ffffff; }

#botBar span {
  margin-right: 20px; }

#botBar a:hover {
  text-decoration: underline; }

#botBar div.rowTwo {
  height: 40px;
  vertical-align: middle;
  line-height: 40px; }

#botBar div.rowTwo a {
  color: #b49a55;
  display: block;
  float: left;
  padding-right: 12px; }

#botBar div.rowTwo .copyright {
  color: #ffffff;
  float: right;
  font-weight: 600; }

#botBar #socialBugs {
  float: right;
  height: 40px;
  vertical-align: middle;
  line-height: 40px; }

#botBar #socialBugs a {
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  width: 21px;
  height: 21px;
  display: block;
  margin: 10px 1px; }

#botBar #socialBugs h2 {
  float: right; }

#botBar #socialBugs a.twitter {
  background: url(/design/images/bug-twitter.png) right center no-repeat; }

#botBar #socialBugs a.facebook {
  background: url(/design/images/bug-facebook.png) right center no-repeat; }

/* HEADERS*/
#contentArea h2 {
  background: #303030;
  color: #ffffff;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 7px 0px 7px 7px;
  text-transform: uppercase; }
  #contentArea h2 a {
    font-weight: 800; }

/*
--------------------------------------------------------------------
PAGE STYLES
--------------------------------------------------------------------
*/
/* EVENT PAGE */
#content.eventPage h1.eventName {
  font-size: 32px;
  font-weight: 900;
  color: #b69c56;
  text-transform: none; }

.eventPage .buyTicketsOrInfo {
  font-size: 10px;
  line-height: 1.7em; }

.eventPage .details .wrapper p {
  margin: 0px 0px 4px 0px;
  padding: 0px; }

.eventPage .productionImage {
  margin-bottom: 10px;
  width: 100%; }

.eventPage .leftColumn .details {
  color: #D9D9D9; }

.eventPage .bundles {
  line-height: 1.2em;
  font-size: 11px;
  margin-bottom: 20px; }

.eventPage .bundles a {
  display: block;
  background: url(/design/images/bundle-icon.png) left center no-repeat;
  line-height: 12px;
  font-size: 12px;
  padding: 7px 0px;
  padding-left: 28px; }

.eventPage a.curatorsCommentLink {
  background: url(/design/images/curators-comment-link-logo.png) left center no-repeat;
  display: block;
  border: 1px solid #333;
  border-width: 1px 0px 1px 0px;
  margin-bottom: 10px;
  padding-left: 80px;
  padding: 30px 0px 30px 80px;
  font-size: 10px;
  color: #959595 !important;
  line-height: 14px; }

.eventPage a.curatorsCommentLink b {
  color: #ffffff; }

#content.eventPage .heroColumn #switcher {
  width: 100%;
  height: 47.82vw;
  max-height: 550px;
  margin-bottom: 20px; }
  #content.eventPage .heroColumn #switcher .featureItem {
    position: relative; }
    #content.eventPage .heroColumn #switcher .featureItem img {
      position: absolute;
      left: 0;
      top: 0; }
    #content.eventPage .heroColumn #switcher .featureItem.hidden {
      display: none; }

/* BUY/SAVE BUTTONS */
#eventButtons {
  /* 	margin-bottom: 10px; */
  padding-bottom: 10px; }

#eventButtons a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #27446d;
  margin-bottom: 10px;
  display: block;
  padding: 6px; }
  #eventButtons a.buy {
    padding: 16px;
    background: #425506;
    font-size: 18px; }
    #eventButtons a.buy span {
      background: transparent;
      height: auto;
      text-indent: 0; }
    #eventButtons a.buy:hover {
      text-decoration: none;
      background: #546d08; }

#eventButtons a span {
  background-image: url(/design/images/2010-11/event-tool-icons-sprite.png);
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  width: 160px;
  overflow: hidden;
  text-indent: -9999px; }

#eventButtons a.save span {
  background-position: 0px 0px; }

#eventButtons a.info span {
  background-position: -160px -100px; }

#eventButtons a.buy span {
  background-position: -160px 0px; }

#eventButtons a.save:hover span {
  background-position: 0px -20px; }

#eventButtons a.info:hover span {
  background-position: -160px -120px; }

#eventButtons a.buy:hover span {
  background-position: -160px -20px; }

#eventButtons a.saved span {
  background-position: 0px -40px; }

#eventButtons a.bought span {
  background-position: -160px -40px; }

#eventButtons a.saved:hover span {
  background-position: 0px -60px; }

#eventButtons a.bought:hover span {
  background-position: -160px -60px; }

div.eventTimes a {
  display: block;
  color: #666666;
  font-size: 10px; }
div.eventTimes .eventList {
  height: 268px;
  margin-bottom: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 0 0; }
  div.eventTimes .eventList .extraCopy {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.3em;
    padding: 10px; }
div.eventTimes .event {
  height: 46px;
  clear: both; }
  div.eventTimes .event .details {
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 0px; }
    div.eventTimes .event .details b {
      color: #ffffff; }

div.eventTimes .event .date, .myRodeo .eventRow .date {
  color: #666666;
  font-size: 10px;
  text-transform: uppercase;
  height: 46px;
  width: 42px;
  /*font-family: helvetica, arial;*/
  display: block;
  line-height: 18px;
  text-align: center;
  float: left; }

div.eventTimes .event .date b, .myRodeo .eventRow .date b {
  font-family: 'Arvo', serif;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  display: block; }

/* Move this */
#content h3.artistName {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff; }

.eventByline {
  font-size: 12px;
  color: #666; }

.additionalDetails {
  font-style: italic;
  font-size: 10px; }

.eventPage {
  /*NEW WIDTH*/ }
  .eventPage .heroColumn {
    width: 1150px;
    float: left; }
  .eventPage .centreColumn {
    width: 706px; }
  .eventPage .leftColumn {
    width: 222px;
    clear: left; }
  .eventPage .rightColumn {
    width: 222px;
    float: right; }

.details {
  font-size: 10px; }

.quotes p {
  color: #b1d335;
  font-size: 14px;
  font-weight: bold; }

.quotes em {
  text-transform: uppercase;
  font-size: 10px;
  color: #ffffff;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Arvo', serif;
  margin-top: 2px; }

/* ALSO LIKES */
#content .alsoLikes h2 {
  background-color: transparent; }

#content .alsoLikes {
  margin: 40px -8px 0px -8px; }

#content .alsoLikes .tierTwo {
  float: left;
  display: block;
  margin: 0px 8px;
  position: relative;
  width: 275px;
  height: 260px; }

#content .alsoLikes h3.artistName {
  font-size: 12px;
  line-height: 1em;
  padding: 4px 0px; }

#content .alsoLikes h3.artistName {
  font-size: 10px; }

#content .alsoLikes h1.eventName {
  font-size: 16px;
  padding: 2px 0px;
  margin: 0px;
  line-height: 1em; }

#content .alsoLikes h1.eventName {
  font-size: 14px; }

#content .alsoLikes .eventByline {
  font-size: 10px;
  color: #666;
  font-style: italic;
  line-height: 10px;
  font-weight: normal; }

#content .alsoLikes img {
  border: 1px solid #302e2e; }

.quotes a:hover {
  /* FIXME */ }

/* VENUE PAGE */
.venuePage .leftColumn {
  width: 400px; }

.venuePage .centreColumn {
  width: 460px; }

.venuePage div.smallProductionList a {
  height: 60px;
  display: block; }

.venuePage div.smallProductionList img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #302e2e; }

#content.venuePage div.smallProductionList h3.artistName {
  font-size: 11px;
  padding-bottom: 0px; }

#content.venuePage div.smallProductionList h1.eventName {
  font-size: 14px;
  color: #b1d335 !important;
  line-height: 14px;
  padding: 0px;
  margin: 0px; }

/* LINEUP PAGE */
.lineupPage {
  margin: 0px -8px; }

.venuePage .tierOne, .venuePage .tierTwo,
.lineupPage .tierOne, .lineupPage .tierTwo {
  float: left;
  display: block;
  margin: 0px 0px;
  position: relative; }

.lineupPage .tierOne {
  width: 568px;
  height: 435px;
  margin-right: 30px;
  margin-bottom: 30px; }
  .lineupPage .tierOne:nth-child(even) {
    margin-right: 0; }
  .lineupPage .tierOne a {
    display: block; }

.lineupPage .tierTwo {
  width: 275px;
  height: 265px;
  margin: 0 8px; }

#content.lineupPage h3.artistName {
  font-size: 12px;
  line-height: 1em;
  padding: 4px 0px; }

#content.lineupPage .tierTwo h3.artistName {
  font-size: 10px; }

#content.lineupPage h1.eventName {
  font-size: 16px;
  padding: 2px 0px;
  margin: 0px;
  line-height: 1em;
  color: #b69c56;
  text-transform: none; }

#content.lineupPage .tierTwo h1.eventName {
  font-size: 14px; }

#content.lineupPage .eventByline {
  font-size: 10px;
  color: #666;
  font-style: italic;
  line-height: 10px;
  font-weight: normal; }

#content.lineupPage .tierOne img {
  border: 1px solid #302e2e; }

#content.lineupPage .tierTwo img {
  border: 1px solid #302e2e; }

/* NEW MY RODEO BUTTONS */
.eventTools {
  position: absolute;
  left: 1px;
  height: 28px;
  width: 100%;
  z-index: 5; }

.tierOne .eventTools {
  top: 351px; }

.tierTwo .eventTools {
  top: 153px; }

.eventTools a {
  display: block;
  background-image: url(/design/images/2010-11/lineup-icons-sprite.png);
  height: 20px;
  width: 22px;
  background-repeat: no-repeat;
  margin: 4px 0px; }

.eventTools a.save {
  float: left;
  background-position: 0px 0px;
  display: none;
  /*HIDING THIS FOR NOW FIX ME*/ }

.eventTools a.buy {
  float: right;
  background-position: right 0px; }

.eventTools a.info {
  float: right;
  background-position: right -80px; }

/* HOVER STATE */
.alsoLikes .rollOver .eventTools,
.lineupPage .rollOver .eventTools {
  background: url(/design/images/50opacity-black.png) 0 0 repeat; }

.alsoLikes .rollOver .eventTools a,
.lineupPage .rollOver .eventTools a {
  width: 100px; }

.lineupPage .eventTools a.save:hover {
  background-position: 0px -20px; }

.lineupPage .eventTools a.buy:hover {
  background-position: right -20px; }

.lineupPage .eventTools a.info:hover {
  background-position: right -100px; }

/* SAVED & BOUGHT STATUS */
.eventTools a.saved {
  background-position: left -40px; }

.eventTools a.bought {
  background-position: right -40px; }

.lineupPage .eventTools a.saved:hover {
  background-position: left -60px; }

.lineupPage .eventTools a.bought:hover {
  background-position: right -60px; }

/* CONFIRMATION */
.confirmationDialogue {
  display: none;
  width: 161px;
  background: #ffd34c;
  padding: 10px;
  color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  z-index: 10;
  font-size: 12px;
  line-height: 1.2em; }

.tierOne .confirmationDialogue {
  left: 133px;
  top: 100px; }

.tierTwo .confirmationDialogue {
  left: 17px;
  top: 17px; }

.alsoLikes .confirmed a img,
.lineupPage .confirmed a img {
  filter: alpha(opacity=50);
  opacity: 0.50; }

body #contentArea .lineupPage .confirmationDialogue a {
  color: #000; }

.alsoLikes .confirmed .confirmationDialogue,
.lineupPage .confirmed .confirmationDialogue {
  display: block; }

#contentArea .confirmationDialogue h2.header {
  text-transform: uppercase;
  font-size: 13px;
  background: none;
  color: #000000;
  padding: 0px;
  margin: 0px 0px 5px 0px; }

/* BUY LINK BUTTONS : BUNDLES PAGE, EVENT PAGE AND POPUP */
/* EVENT PAGE */
.eventPage .buyTicketsOrInfo a.buyLink {
  height: 25px;
  background: url(/design/images/buy-button.png) -7px -7px no-repeat;
  width: 98px;
  margin-top: 15px; }

/* LINEUP PAGE AND ALSO LIKES */
#content.lineupPage a.buyLink, #content.lineupPage a.infoLink, .alsoLikes a.buyLink, .alsoLikes a.infoLink {
  position: absolute;
  bottom: 77px;
  right: 0px; }

/* HIGHSLIDE POPUP BUTTON */
.highslide-maincontent a.buyLink {
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/design/images/buy-button-popup.png) left top no-repeat;
  width: 180px;
  display: block;
  margin: 20px 0px;
  filter: alpha(opacity=100);
  opacity: 01.0; }

a:hover.buyLink, a:hover.infoLink, a:hover.popUp-BuyLink {
  /* ALL HOVERS */
  filter: alpha(opacity=80);
  opacity: .80; }

/* BUNDLES SMALL LINKS */
#contentArea a.buyLinkSmall, #contentArea a.infoLinkSmall {
  float: right;
  margin-top: -26px;
  height: 24px;
  filter: alpha(opacity=100);
  opacity: 1.0;
  overflow: hidden;
  text-indent: -9999px; }

#contentArea a.buyLinkSmall {
  background: url(/design/images/buy-button-sm.png) left top no-repeat;
  width: 56px; }

#contentArea a.infoLinkSmall {
  background: url(/design/images/info-button-sm.png) left top no-repeat;
  width: 78px; }

#contentArea a:hover.buyLinkSmall {
  filter: alpha(opacity=80);
  opacity: 0.80; }

#content.bundlesPage a.buyLinkSmall, #content.bundlesPage a.infoLinkSmall {
  margin-top: -36px; }

/* TAGS */
#content.lineupPage #tags {
  margin: 10px; }

#content #tags {
  line-height: 24px;
  vertical-align: middle; }

#tags a {
  padding: 4px 4px;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  margin: 2px;
  display: inline-block;
  line-height: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  white-space: nowrap; }

#tags a.active {
  font-size: 14px;
  color: #000000;
  background: #b1d335; }

/* BUNDLES PAGE */
.bundlesPage {
  margin: -15px; }

.bundlesPage .bundlesIntro {
  margin: 25px;
  font-size: 14px; }

#content.bundlesPage h1 {
  margin: 0px 25px; }

.bundlesPage div.bundle {
  width: 440px;
  margin: 15px;
  padding: 0px;
  float: left; }

.bundlesPage div.bundle i {
  font-size: 10px; }

.bundlesPage div.odd {
  clear: both; }

#contentArea .bundlesPage div.bundle h2 {
  font-size: 16px;
  color: #b69c56;
  padding: 30px 0px 20px 0px;
  margin: 0;
  background: transparent;
  border-top: 1px dotted #666; }

#content.bundlesPage h3.artistName {
  font-size: 11px;
  padding-bottom: 0px; }

#content.bundlesPage h1.eventName {
  font-size: 14px;
  color: #b1d335 !important;
  line-height: 14px;
  padding: 0px;
  margin: 0px; }

.bundlesPage div.bundleProductionList a {
  height: 60px;
  display: block; }

.bundlesPage div.bundleProductionList img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #302e2e; }

/* DAY VIEW PAGE */
.dayView {
  margin: 0px -8px; }

.dayView .event {
  display: block;
  margin: 0px 8px;
  border-bottom: 1px solid #232323;
  padding: 18px 0px 0px 0px;
  height: 160px; }

.dayView .event .date {
  float: left;
  width: 200px;
  text-align: right;
  margin-right: 10px; }

.dayView .event img {
  float: left;
  margin-right: 10px;
  border: 0px; }

/* GENERAL PURPOSE PAGE */
.imageWrapper {
  background: #1b1b1b;
  padding: 5px;
  float: right;
  margin: 0px 0px 20px 20px; }

#content h1.pageTitle {
  color: #898989;
  text-transform: uppercase;
  font-size: 18px; }

#content h1.pageTitle span {
  color: #ffffff; }

body #masterContainer #content .subNav a {
  display: block;
  font-weight: normal;
  line-height: 2em;
  vertical-align: middle;
  color: #d7d7d7;
  font-size: 12px;
  padding-left: 15px;
  background: url(/design/images/nav-bullet.png) left center no-repeat; }

body #masterContainer #content .subNav a.current {
  font-weight: bold; }

/* TABLES STYLING */
#content table {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%; }

#content table td {
  padding-bottom: 20px; }

#content table td {
  border: none;
  padding: 20px 0px;
  margin: 0;
  border-bottom: 1px solid #1B1B1B; }

#content table td img {
  border: 3px solid #1B1B1B; }

#content table tr td:first-child {
  width: 116px;
  padding-right: 10px; }

.sponsors img {
  border: 0px; }
.sponsors .sponsor {
  margin-top: 10px;
  min-height: 160px;
  position: relative;
  text-align: center; }
  .sponsors .sponsor a {
    display: inline-block;
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/* INDEX PAGE */
.index .leftColumn {
  padding: 0 20px;
  width: 860px; }

.index .rightColumn {
  padding: 0;
  width: 288px; }

#featureSwitcher {
  width: 1150px;
  height: 550px; }
  #featureSwitcher .featureItem {
    position: relative; }
    #featureSwitcher .featureItem img {
      position: absolute;
      left: 0;
      top: 0; }
    #featureSwitcher .featureItem .details {
      background: url(/design/images/50opacity-black.png) 0 0 repeat;
      box-sizing: border-box;
      left: 0px;
      padding: 16px;
      position: absolute;
      top: 550px;
      transform: translateY(-100%);
      width: 1150px; }
      #featureSwitcher .featureItem .details .eventByline {
        color: #aaa; }
      #featureSwitcher .featureItem .details h1.eventName {
        font-weight: 800;
        font-size: 36px; }
        #featureSwitcher .featureItem .details h1.eventName a {
          font-weight: 800; }
  #featureSwitcher .progressContainer {
    background: #000000;
    bottom: 30px;
    height: 3px;
    padding: 0px;
    position: absolute;
    right: 33px;
    vertical-align: middle;
    width: 40px; }
    #featureSwitcher .progressContainer .progress {
      background-color: #fff;
      height: 3px;
      width: 0; }
  #featureSwitcher .imageCounter {
    bottom: 30px;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    right: 10px;
    vertical-align: middle; }
    #featureSwitcher .imageCounter a.arrow {
      display: block;
      float: left;
      height: 14px;
      width: 14px; }
    #featureSwitcher .imageCounter a.left {
      background: url(/design/images/switcher-arrow-left.png) center center no-repeat; }
    #featureSwitcher .imageCounter a.right {
      background: url(/design/images/switcher-arrow-right.png) center center no-repeat; }
    #featureSwitcher .imageCounter span {
      display: block;
      float: left;
      text-align: center;
      width: 40px; }
    #featureSwitcher .imageCounter a img {
      border: 0px; }
  #featureSwitcher .hidden {
    display: none; }

.index .about, .index .tickets, .index .comment {
  border-bottom: 1px solid #232323;
  padding: 18px 0px; }

.index #newsArea {
  margin-top: 32px;
  width: 820px; }
  .index #newsArea div.newsItem {
    padding: 20px 10px; }
    .index #newsArea div.newsItem .date {
      color: #9f9f9f;
      font-size: 12px;
      font-weight: 700;
      display: inline-block; }
    .index #newsArea div.newsItem h4 {
      font-size: 24px;
      color: white; }
  .index #newsArea a.rssLink {
    background: url(/design/images/rss-icon.png) right center no-repeat;
    padding-right: 18px;
    color: #707070; }
.index #blockLinks {
  display: flex;
  margin: 20px 0 0;
  width: 1160px; }
  .index #blockLinks a {
    flex: 1;
    display: block;
    background: green;
    padding: 30px; }
    .index #blockLinks a h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 0;
      line-height: 24px; }
    .index #blockLinks a p {
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      margin: 16px 0 0;
      opacity: 0.8; }
    .index #blockLinks a:nth-child(1) {
      background: #425506; }
    .index #blockLinks a:nth-child(2) {
      background: #7f6d3f; }
    .index #blockLinks a:nth-child(3) {
      background: #2c5392; }
    .index #blockLinks a:nth-child(4) {
      background: #681709; }
    .index #blockLinks a:hover {
      text-decoration: none; }
      .index #blockLinks a:hover:nth-child(1) {
        background: #546d08; }
      .index #blockLinks a:hover:nth-child(2) {
        background: #907c47; }
      .index #blockLinks a:hover:nth-child(3) {
        background: #325ea6; }
      .index #blockLinks a:hover:nth-child(4) {
        background: #7f1c0b; }
  .index #blockLinks a + a {
    margin-left: 10px; }

.index #smallFeature {
  margin-top: 32px;
  width: 200px;
  height: 200px;
  padding: 12px;
  background: #1c1c1c;
  float: left;
  position: relative; }

.index #smallFeature .details {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 180px;
  margin: 12px;
  background: url(/design/images/50opacity-black.png) 0 0 repeat;
  padding: 10px; }

.index #shareLinks {
  float: left;
  width: 200px;
  background: #1c1c1c;
  clear: left;
  padding: 12px;
  margin-top: 12px; }

/* FRONT PAGE HEADER LINKS */
.index .header {
  display: block;
  margin: 0;
  display: block;
  color: #b69c56;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px; }

body .index .rightColumn a:hover.header {
  filter: alpha(opacity=70);
  opacity: 0.7; }

body #contentArea.index h2 {
  background: transparent; }

/* TWITTER */
#twitter {
  font-size: 10px;
  line-height: 1.4em;
  margin: 32px 0px;
  overflow-x: hidden;
  overflow-y: auto; }

#twitter a.tweet {
  background: url(/design/images/2011-01/twitter.png) top left no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  margin-right: 10px; }

#tweets {
  display: inline-block;
  width: 200px; }

#twitter ul, #twitter ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

/* move this */
div.wrapper {
  padding: 10px; }

a.buyTickets {
  display: block;
  width: 106px;
  height: 40px;
  background: url(/design/images/buytickets-button.png) 0px 0px no-repeat;
  overflow: hidden;
  text-indent: -9999px; }

/* MOBILE MESSAGE */
#mobileNag {
  text-align: left;
  font-size: 22px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefbd9), to(#faf289), color-stop(0.5, #fefbd9), color-stop(0.5, #fefbd9)); }

#mobileNag a {
  display: block;
  background: url(/design/images/mobile-version-icon.png) 8px center no-repeat;
  padding: 30px 0px 30px 60px;
  color: #000; }

/* NEWS & BLOG */
.newsPage img {
  /* 	margin: 20px 20px;  */ }

.newsPage .newsItem .date {
  background: #1c1c1c;
  padding: 4px;
  color: 9f9f9f;
  font-size: 9px;
  margin-bottom: 5px; }

.newsPage .newsItem h3 {
  font-size: 18px;
  margin-top: 5px;
  color: #b1d335; }

.newsArchive {
  font-size: 12px;
  line-height: 14px; }

/* ARCHIVE */
#oldFestival {
  color: #b49954;
  font-size: 16pt;
  font-weight: bold; }

#oldFestival h2 {
  text-indent: -9999px;
  background: transparent url("/design/images/timemachine-header.png") left top no-repeat;
  height: 24px;
  margin-bottom: 7px; }

#oldFestivalNavigation {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  height: 45px; }

#oldFestivalNavigation .archives {
  float: left; }

#oldFestivalNavigation .archives a {
  text-align: center;
  display: block;
  width: 65px;
  padding: 22px 0 3px;
  font-size: 20px;
  line-height: 1em;
  font-family: 'Arvo', serif;
  float: left;
  background: transparent url("/design/images/timemachine-nav-divider.png") 100% 0% no-repeat; }

#oldFestivalNavigation .archives a.external {
  background-position: right bottom; }

#oldFestivalNavigation .archives a:hover {
  background: #0097cb none;
  text-decoration: none; }

#oldFestivalNavigation .archives a.current {
  background: #ef3a43 none;
  color: #333; }

#oldFestivalNavigation a.currentlineup {
  font-family: 'Arvo', serif;
  font-size: 18px;
  color: #b1d32f;
  text-align: left;
  width: auto;
  float: right;
  height: 45px;
  line-height: 1.1em;
  padding: 0; }

#oldFestivalNavigation a.currentlineup:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none; }

#oldFestivalNavigation a.currentlineup span.hd {
  padding-top: 3px;
  display: block;
  font-size: 30px; }

#oldFestivalNavigation a.currentlineup span.arrow {
  background: transparent url("/design/images/header-arrow.png") 100% 60% no-repeat;
  padding-right: 12px; }

.previousFestivalLink {
  background: transparent url(/design/images/header-arrow.png) 100% 60% no-repeat;
  padding-right: 12px;
  font-weight: normal;
  float: right; }

/* MY RODEO */
.myRodeo h1 {
  margin-bottom: 10px; }

.myRodeo h1.eventName {
  margin: 0; }

/* INSTRUCTIONS */
.myRodeo #instructions {
  margin-top: 40px;
  margin-right: -10px; }

.myRodeo #instructions h1 {
  background-image: url(/design/images/2010-11/icons-sprite.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 1px 0px 1px 20px;
  font-size: 18px;
  height: 18px;
  margin-top: -36px;
  /* MAKES IT APPEAR ABOVE */ }

.myRodeo #instructions .mySchedule, .myRodeo #instructions .myRodeoBlurb {
  float: left;
  width: 425px;
  margin-right: 10px;
  padding: 12px;
  background: #141414;
  min-height: 110px; }

.myRodeo #instructions .mySchedule div, .myRodeo #instructions .myRodeoBlurb div {
  font-weight: bold;
  color: #9ec929;
  font-size: 17px;
  line-height: 1.6em; }

span.hintButton {
  float: left;
  display: block;
  padding: 6px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #27446d;
  margin: 0 10px 60px 0; }

span.hintButton b {
  display: block;
  background-image: url(/design/images/2010-11/icons-sprite.png);
  background-repeat: no-repeat;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
  padding: 3px 3px 3px 20px; }

.myRodeoBlurb span.hintButton b, .myRodeo #instructions .myRodeoBlurb h1 {
  background-position: 0px -120px; }

#scheduleGrid h3.schedule, #scheduleGrid h3.savedItems {
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/design/images/2010-11/my-rodeo-sprite.png) 0px 0px no-repeat; }

#scheduleGrid h3.savedItems {
  background-position: 0px -20px; }

#rodeoNav {
  float: right;
  margin-top: -20px; }

#rodeoNav a {
  display: block;
  margin: 0px 0px 0px 20px;
  height: 13px;
  line-height: 13px;
  font-size: 11px;
  vertical-align: middle;
  float: left;
  font-weight: normal;
  color: #ffffff;
  background: url(/design/images/nav-bullet.png) left center no-repeat;
  padding: 0px 0px 0px 10px; }

div.rodeoIntro {
  width: 600px;
  font-size: 15px; }

#scheduleGrid a.calSubscribe {
  font-weight: normal;
  font-size: 11px;
  color: #666;
  float: right;
  display: block;
  margin-top: -30px;
  padding-right: 40px;
  background: url(/design/images/2010-11/my-rodeo-sprite.png) right -40px no-repeat; }

#buySaveLinks a {
  display: block;
  margin: 0px;
  padding: 17px 0px;
  margin: 0px;
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  vertical-align: middle;
  float: left;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0px 28px 0px 10px; }

#scheduleGrid .eventRow {
  overflow: auto;
  margin-bottom: 8px;
  background: url(/design/images/2010-11/my-rodeo-dotline-tile-2.png) top right repeat-y; }

#scheduleGrid .eventRow div {
  float: left; }

#scheduleGrid .empty {
  padding: 20px;
  font-size: 18px;
  margin-bottom: 8px;
  background: #141414; }

#scheduleGrid .date {
  background: #141414; }

#scheduleGrid .date, #scheduleGrid .dateCol, #scheduleGrid .eventImage {
  border-right: 1px solid #000000; }

#scheduleGrid .eventRow .dateCol {
  width: 150px;
  overflow: auto;
  background: #1c1c1c;
  margin-right: 1px; }

#scheduleGrid .eventRow .time {
  font-size: 18px;
  font-weight: bold;
  line-height: 46px;
  vertical-align: middle;
  padding-left: 10px; }

#scheduleGrid .eventRow .detailsCol {
  width: 460px;
  /*     outline: 1px dotted green; */ }

#scheduleGrid .eventRow .eventDetails {
  padding: 10px;
  width: 300px; }

#scheduleGrid .eventRow .ticketsCol {
  float: right;
  /*     padding: 10px; */
  width: 290px;
  /*     outline: 1px solid red; */ }

#scheduleGrid .eventRow .ticketsCol .ticketHeader {
  background-image: url(/design/images/2010-11/event-tool-icons-sprite.png);
  background-repeat: no-repeat;
  background-position: -160px -80px;
  height: 20px;
  width: 260px;
  /*     margin-top: 10px; */
  margin: 10px; }

#scheduleGrid .eventRow .ticketsCol .ticketHeader a {
  float: right;
  display: block;
  background-image: url(/design/images/2010-11/event-tool-icons-sprite.png);
  background-repeat: no-repeat;
  background-position: 30px -140px;
  height: 20px;
  width: 100px;
  overflow: hidden;
  text-indent: -9999px; }

#scheduleGrid .eventRow .ticketsCol .ticketHeader a:hover {
  background-position: 30px -160px; }

/* IF TICKETS ARE FREE: */
#scheduleGrid .eventRow .ticketsCol.free .ticketHeader {
  background-position: -160px -180px; }

#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.remove {
  background-position: -130px -140px; }

#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.remove:hover {
  background-position: -130px -160px; }

#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.loading,
#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.loading:hover {
  background: url(/design/images/2010-11/loader-grey.gif) center center no-repeat; }

#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.save {
  background-position: 30px 0px; }

#scheduleGrid .eventRow .ticketsCol.free .ticketHeader a.save:hover {
  background-position: 30px -20px; }

#scheduleGrid .eventRow .ticketsCol .ticketInfo {
  margin: 0px 10px 5px 35px;
  font-size: 11px;
  line-height: 13px; }

#scheduleGrid .eventRow h1.eventName {
  font-size: 20px; }

#scheduleGrid .eventRow h3.artistName {
  font-size: 12px;
  font-weight: normal;
  line-height: 10px; }

/* SAVED ITEMS */
#scheduleGrid .eventRow.saved .detailsCol {
  width: 490px;
  background: #141414;
  /*     outline: 1px dotted green; */ }

#scheduleGrid .eventRow.saved .eventDetails {
  width: 330px; }

.buySaveLinks {
  float: right;
  padding: 8px;
  width: 240px;
  background: #141414; }

.buySaveLinks a.loading {
  background: url(/design/images/2010-11/loader-grey.gif) center left no-repeat; }

.buySaveLinks a.iconLink {
  /* USES THE ICONLINK CLASS */
  height: 12px;
  width: 140px; }

/* SAVE THIS / BUY TICKETS POP-UP */
#centrepoint {
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 200; }

#dialogue {
  position: relative;
  padding: 10px;
  width: 340px;
  margin-left: -170px;
  height: 480px;
  margin-top: -240px;
  background: url(/design/images/50opacity-black.png) 0 0 repeat; }

#dialogue #inner {
  padding: 5px;
  background: #000000;
  width: 330px;
  height: 470px; }

#dialogue #inner.loading {
  background: #000000 url(/design/images/2010-11/spinner-green.gif) center center no-repeat; }

#dialogue .header {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 13px; }

#dialogue .topArea {
  background: #1a1a1a;
  padding: 10px; }
  #dialogue .topArea .eventName {
    line-height: 1em; }

#dialogue a.closeButton {
  float: right;
  display: block;
  background: url(/design/images/2010-11/event-tool-icons-sprite.png) left top;
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: -9999px;
  margin: -10px -10px 0px 0px;
  background-position: -0px -180px; }

#dialogue a.closeButton:hover {
  background-position: -20px -180px; }

#dialogue .eventList {
  height: 340px;
  padding: 10px 10px 10px 0px; }

#dialogue .eventList a.buttonLink, #dialogue .eventList a.buttonLink:link, #dialogue .eventList a.buttonLink:visited {
  background: #2a4472;
  display: block;
  float: right;
  margin: 12px 0px;
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px 5px; }

body #dialogue .eventList a.buttonLink:hover {
  background: #303030; }

body #dialogue .eventList a.buttonLink:active {
  background: #ffd34c; }

#dialogue div.ticketInfo {
  font-size: 11px;
  color: #ffffff;
  line-height: 1.1em; }

/* FORMS FIXME */
div.requiredInfo {
  float: right;
  margin-top: -15px;
  color: #ffffff;
  font-size: 10px; }

form ul {
  padding: 0px;
  margin: 10px 0 0 0; }

form li {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  list-style: none;
  min-height: 30px;
  list-style-type: none;
  padding-right: 0px;
  padding-left: 15px;
  line-height: 30px;
  vertical-align: middle; }

form li button {
  float: right;
  background: #27446d;
  color: #ffffff;
  padding: 8px;
  font-size: 12px;
  /*font-family: Helvetica, Arial, sans-serif;*/
  /*  	font-weight: bold; */
  border: none;
  text-transform: uppercase; }

form li button:hover {
  color: #ffd34c;
  cursor: pointer;
  background: #152c51; }

form div.field {
  float: left;
  width: 330px;
  margin: 0px;
  padding: 0px; }

form label {
  width: 200px;
  float: left;
  margin-bottom: 0px;
  padding-right: 10px;
  color: #767676; }

#masterContainer #contentArea form li.required label {
  background: url(/design/images/2010-11/forms-sprite.png) right 0px no-repeat; }

#masterContainer #contentArea form li.required.error label {
  background: url(/design/images/2010-11/forms-sprite.png) right -40px no-repeat; }

form input[type='text'], form input[type='file'], form input[type='password'], form textarea {
  font-size: 15px;
  color: #000000;
  padding: 6px;
  display: block;
  margin: 0px 0px 10px 0px;
  width: 320px;
  background: #b8b3b3;
  border: 2px solid #000000;
  /*font-family: Helvetica, Arial, sans-serif;*/ }

form input[type='text']:focus, form input[type='password']:focus {
  background: #ffffff; }

/* ERROR */
form li.error input[type='text'], form li.error input[type='password'] {
  border: 2px solid #ffd34c; }

form li .errorMsg {
  display: block;
  font-size: 10px;
  line-height: 1.2em;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 210px;
  color: #ffd34c; }

/* FIXME */
div.formErrors {
  color: #ffd34c; }

/* LOGIN PAGE */
.loginPage {
  overflow: auto;
  background: url(/design/images/2010-11/login-separator.png) center center no-repeat;
  margin-top: 20px;
  /*     background: aqua; */ }

.loginPage #login {
  float: right;
  width: 405px;
  padding: 0px 10px; }

.loginPage #registration {
  float: left;
  padding: 0px 10px;
  width: 420px;
  font-size: 17px;
  line-height: 1.9em; }

.loginPage form {
  /*     outline: 1px solid green; */
  /*     width: auto; */
  display: inline; }

.loginPage form, .loginPage ul, .loginPage li {
  padding: 0;
  margin: 0; }

#masterContainer #contentArea .loginPage form li {
  /*     outline: 1px dashed blue; */
  padding: 0; }

#masterContainer #contentArea .loginPage form input[type='text'], .loginPage input[type='password'] {
  width: 260px; }

#masterContainer #contentArea .loginPage label {
  width: 90px;
  /*     outline: 1px dotted red; */ }

.loginPage h1, .registerPage h1 {
  margin-bottom: 10px; }

.loginPage li.forgotPassword {
  font-size: 10px;
  padding-left: 90px; }

.loginPage li.button {
  font-size: 10px;
  padding-left: 90px; }

a#registerButton {
  display: block;
  width: 127px;
  height: 17px;
  margin: 10px 5px 10px 0px;
  background: url(/design/images/2010-11/registernow-button.png) 0px 0px no-repeat;
  overflow: hidden;
  text-indent: -9999px; }

/* REGISTER PAGE */
.registerPage .registerBlurb {
  float: right;
  width: 230px;
  padding: 0px 10px; }

.registerPage .registerForm {
  float: left;
  padding: 0px 10px;
  width: 620px;
  border-right: 1px solid #1a1a1a; }

/* BUTTONS WITH ICONS
These are text buttons with a background icon
*/
a.iconLink {
  float: right;
  display: block;
  background-image: url(/design/images/2010-11/icons-sprite.png);
  background-repeat: no-repeat;
  margin: 2px 0px;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 3px 0px 3px 20px; }

a.iconLink.buy {
  background-position: 0px 0px; }

a.iconLink.buy:hover {
  background-position: 0px -20px; }

a.iconLink.remove {
  background-position: 0px -40px; }

a.iconLink.remove:hover {
  background-position: 0px -60px; }

a.iconLink.haveTickets {
  background-position: 0px -160px; }

a.iconLink.haveTickets:hover {
  background-position: 0px -180px; }

a.iconLink.save {
  background-position: 0px -120px; }

a.iconLink.save:hover {
  background-position: 0px -140px; }

a.iconLink.download {
  background-position: 0px -200px;
  background-color: #27446d;
  padding: 9px 9px 9px 20px;
  margin-top: -6px;
  margin-right: 16px; }

a.iconLink.download:hover {
  background-position: 0px -230px; }

/* ADDITIONAL SITE-WIDE STYLES OCT 2018 */
h1.eventName {
  color: white;
  font-weight: 900; }
  h1.eventName a {
    color: white; }

h1.eventName a:hover {
  filter: alpha(opacity=50);
  opacity: .5; }

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