@font-face {
  font-family: OpenSans;
  src: url('font/opensans-extrabold-webfont.eot?orgId=00D46000000qPFM');
  src: url('font/opensans-extrabold-webfont.eot?orgId=00D46000000qPFM#iefix') format('embedded-opentype'), url('font/opensans-extrabold-webfont.woff?orgId=00D46000000qPFM') format('woff'), url('font/opensans-extrabold-webfont.ttf?orgId=00D46000000qPFM') format('truetype'), url('font/opensans-extrabold-webfont.svg?orgId=00D46000000qPFM#open_sansextrabold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: OpenSans;
  src: url('font/opensans-italic-webfont.eot?orgId=00D46000000qPFM');
  src: url('font/opensans-italic-webfont.eot?orgId=00D46000000qPFM#iefix') format('embedded-opentype'), url('font/opensans-italic-webfont.woff?orgId=00D46000000qPFM') format('woff'), url('font/opensans-italic-webfont.ttf?orgId=00D46000000qPFM') format('truetype'), url('font/opensans-italic-webfont.svg?orgId=00D46000000qPFM#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: OpenSans;
  src: url('font/opensans-regular-webfont.eot?orgId=00D46000000qPFM');
  src: url('font/opensans-regular-webfont.eot?orgId=00D46000000qPFM#iefix') format('embedded-opentype'), url('font/opensans-regular-webfont.woff?orgId=00D46000000qPFM') format('woff'), url('font/opensans-regular-webfont.ttf?orgId=00D46000000qPFM') format('truetype'), url('font/opensans-regular-webfont.svg?orgId=00D46000000qPFM#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, ul, li, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  list-style: circle inside;
  font-family: OpenSans;
}

img {
  border: 0;
}

body {
  background-color: #ffffff;
  font-size: 14px;
}

h2 a {
  font-size: 24px;
  line-height: 30px;
}

a, a:visited {
  color: inherit;
  font-size: 14px;
}

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

.wrapper {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.pad {
  padding: 10px;
  display: block;
}

.header {
  background: url('images/logo.jpg') no-repeat;
  width: 100%;
  height: 121px;
  margin-left: auto;
  margin-right: auto;
}

.nav {
  font-size: 12px;
  background: #505050;
  color: #ffffff;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.nav .title {
  font-size: 10pt;
  float: left;
}

.nav .links {
  color: transparent;
  float: right;
}

.nav a, .nav a:visited {
  color: #ffffff;
  text-decoration: underline;
  font-size: 9pt;
}

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

.errorBox {
  background: #ffffff url(images/error24.png) no-repeat 5px 5px;
  padding: 5px;
  height: 36px;
  border: 1px solid red;
}

.errorBox td {
  padding-left: 30px;
  color: black;
}

.errorMsg {
  color: red;
}

.infoBox {
  background: #ffffff url(images/info24.png) no-repeat 5px 5px;
  padding: 5px;
  height: 36px;
  border: 1px solid #39f000;
}

.infoBox td {
  padding-left: 30px;
  color: black;
}

.content {
  background: #ffffff;
  color: #202020;
  line-height: 20px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: left;
  min-height: 400px;
}

.content .pad {
  background-position: bottom;
  padding: 10px;
  min-height: 400px;
}

.content h1, .content h2 {
  margin: 0px 0 5px 0;
}

.yui-skin-sam .yui-panel .bd {
  background: #ffffff;
}

.footer {
  text-align: center;
  height: auto;
  color: #ffffff;
  background-color: #303030;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

.required {
  color: red;
}

input#GACartButton, input[type=submit], input[type=button] {
  background-color: #949494;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #424242;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  padding: 9px 15px;
  text-decoration: none;
  -webkit-appearance: none;
}

input.checkoutButton {
  background-color: #226822;
}

input#GACartButton:hover, input[type=submit]:hover, input[type=button]:hover {
  background-color: #474747;
}

input#GACartButton:active, input[type=submit]:active, input[type=button]:active {
  position: relative;
  top: 1px;
}

div.itemSeatNote {
  padding-left: 20px;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
}

div.customCartText {
  padding: 0;
  margin: 0;
}

div.customCartText p {
  padding: 0;
  margin: 0;
}

table.cart {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  vertical-align: top;
  font-size: 12px;
}

table.cart th {
  border-bottom: 2px solid #cccccc;
  padding: 3px 3px 3px 3px;
  text-align: center;
}

table.cart td {
  border-bottom: 1px solid #cccccc;
  padding: 3px 3px 3px 3px;
}

table.cart td.currency {
  text-align: right;
}

table.cart tr.donationRow, table.cart tr.delMethodRow, table.cart tr.discountCodeRow, table.cart tr.customCartRow, table.cart tr.buttonRow {
  vertical-align: middle;
}

table.cart td.buttons {
  text-align: right;
  white-space: nowrap;
}

table.cart td.buttons input {
  margin-left: 10px;
}

table.cart td.discountCode {
  text-align: left;
}

table.cart td.discountCode input {
  margin-left: 10px;
}

table.cart td.discountLabel {
  font-style: italic;
  font-size: 0.9em;
}

table.cart td.rowLabel {
  text-align: right;
}

table.cart td.orderTotal {
  font-weight: bold;
}

table.cart a {
  width: 100%;
  font-size: 12px;
  color: #202020;
}

td.checkboxCell {
  white-space: nowrap;
}

input.acceptCheckbox {
  margin: 0;
  padding: 0;
}

select.deliveryMethodSelect {
  margin: 0;
  padding: 0;
}

table.subsItems {
  margin-top: 5px;
  margin-left: 10px;
}

table.subsItems td {
  border-top: 1px solid #cccccc;
  border-bottom: 0px;
  padding: 3px 3px 3px 3px;
}

table.twocolumn {
  width: 100%;
}

table.twocolumn td {
  vertical-align: top;
}

table.twocolumn td.left {
  width: 50%;
}

table.twocolumn td.right {
  padding-left: 20px;
  padding-top: 20px;
  width: 50%;
}

table.instance {
  border-collapse: separate;
  border-top: 1px solid #cccccc;
  margin-top: 15px;
}

table.instance td.level {
  border-bottom: 1px solid #cccccc;
  padding: 3px 3px 3px 3px;
}

div.eventList div.eventName {
  border: 0px;
  border-bottom-color: #cccccc;
  border-radius: 0px;
  margin-bottom: 1em;
  padding: 0.5em 0.5em 0.5em 0em;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 0px rgba(0,0,0,0.25);
}

div.eventList h1.eventName {
  font-size: 16px;
}

div.eventList div.eventInstance {
  padding-left: 15px;
  padding-bottom: 10px;
}

div.eventList .eventName {
  font-size: 15px;
  font-weight: bold;
}

div.eventList .instanceName {
  font-size: 14px;
  font-weight: bold;
}

div.eventList div.eventDescription {
  padding-bottom: 10px;
  font-weight: normal;
}

div.viewLink {
  padding-bottom: 10px;
  padding-left: 5px;
}

div.dateList div.dateItem {
  padding-top: 5px;
}

div.dateList .dateItem {
  font-size: 16px;
  margin: 0;
}

div.dateList a.eventName {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.dateList a.instanceName {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

table.centeredMessages {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

div#checkout {
  text-align: center;
}

table.checkout {
  border-collapse: separate;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
}

table.checkout td {
  padding: 3px 3px 3px 3px;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}

table.checkout td input[type=text] {
  width: 200px;
}

table.checkout td textarea {
  width: 300px;
}

table.checkout tr.buttonRow td {
  text-align: center;
}

div.confirmHeader {
  text-align: center;
}

div.completeHeader {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-bottom-width: 0px;
  border-color: black;
  width: 60%;
  margin-left: 20%;
  margin-top: 20px;
  padding-top: 4px;
}

div.confirmFooter, div.completeFooter {
  width: 100%;
  padding-top: 20px;
  text-align: left;
  font-size: 0.9em;
}

div.confirmFooter div.footerLeft {
  display: none;
}

div.printAtHomePanel {
  text-align: center;
  padding-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-color: black;
  width: 60%;
  margin-left: 20%;
}

div.printAtHomePanel h4 {
  font-weight: normal;
  font-size: 0.9em;
  padding-left: 5px;
  padding-right: 5px;
}

div.socialMediaPanel {
  text-align: center;
  padding-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-color: black;
  width: 60%;
  margin-left: 20%;
  padding-bottom: 6px;
}

div.socialMediaPanel h4 {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}

div.confirm {
  padding-top: 20px;
}

div.confirm div.address {
  width: 33%;
  float: left;
}

div.confirm div.title {
  padding: 3px;
}

div.confirm div.body {
  padding: 3px;
}

div.placeOrder {
  float: right;
  padding-right: 5px;
}

.instanceSoldOut {
  padding: 20px;
}

input.quantityField {
  width: 30px;
  text-align: right;
}

input.donationField {
  margin: 0;
  padding: 0;
  width: 50px;
  text-align: right;
}

div.breadcrumbs {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

div.breadcrumbHighlight {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}

div.breadcrumbDisabled {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}

#details .notes {
  font-size: 0.9em;
}

#details .venueDetailsLink {
  font-size: 14pt;
}

.flashNotification {
  color: #a70000;
  background: #ffbfbf;
  border: 1px solid #a70000;
}

#selectorBox {
  background: #ffffff;
  border: 1px solid #999;
  color: black;
}

#selectorBox #sectionDetails {
  font-size: 1.2em;
}

#selectorBox #sectionDetails .section {
  border-color: #ffffff;
  border-style: solid;
}

#selectorBox #sectionDetails .section.selected {
  border: 1px solid red;
  background: #dff3fd;
}

#selectorBox #sectionDetails .sectionActive {
  border-color: red;
  border-style: solid;
  background: #dff3fd;
}

#selectorBox #sectionMap, #selectorBox #seatMap {
  background: #f0f0f0;
}

#selectorBox #legendBox {
  width: 100%;
  overflow-x: auto;
}

#selectorBox #legend div {
  font-size: 11px;
}

#selectorBox #seatMap #seats .head {
  font-size: 1.3em;
}

#selectorBox #seatMap #seats .label {
  font-size: 17px;
}

#selectorBox #seatMap #seats .sectionLabel {
  font-size: 12px;
}

#seatMap .seat:hover {
  border: 1px solid red !important;
}

#selectorBox #cart #current {
  background: #f8f1e4;
  border: 1px solid #a7a7a7;
}

#selectorBox #cart #current .ticket a {
  background: url(images/icon_delete.png) no-repeat;
}

#selectorBox #cart #current .ticketSelect, #selectorBox #cart #memberDiscountMsg {
  font-size: .9em;
}

#selectorBox #cart #other {
  background: #e0e0e0;
  border: 1px solid #a7a7a7;
  padding: 5px;
  color: #5d5d5d;
  line-height: 2em;
}

#selectorBox #cart #total .amount {
  font-size: 1.8em;
  font-weight: bold;
}

#selectorBox #cart h2 {
  color: #ffffff;
  font-size: 13pt;
  background: #363433;
  line-height: 34px;
}

#selectorBox h2 .chosen {
  background: url(images/seat_chosen.png) no-repeat;
  border: 1px solid #ffffff;
}

.sectionGroup {
  border: 3px solid transparent;
}

.sectionGroup.selected {
  border: 3px solid #ff0000;
}

#MemFormCell {
  padding-top: 15px;
  border-top: 2px solid #cccccc;
}

#MemTable td.level {
  vertical-align: middle;
  padding-right: 10px;
}

#MemTable input[type=radio] {
  margin: 0px 3px 0px 5px;
}

div.tabContent {
  border: #808080 solid 3px;
  clear: left;
  padding: 0.3em;
}

ol#portalProfileTabs {
  height: 2em;
  list-style: none;
  margin: 0;
  padding: 0;
}

ol#portalProfileTabs a {
  background-color: #d0d0d0;
  color: #000000;
  display: block;
  float: left;
  height: 2em;
  padding-left: 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

ol#portalProfileTabs a:hover {
  background-color: #d0d0d0;
}

ol#portalProfileTabs li {
  list-style: none;
  float: left;
  margin: 0 1px 0 0;
}

ol#portalProfileTabs li.current a {
  background-color: #505050;
  color: #ffffff;
}

ol#portalProfileTabs span {
  line-height: 2em;
  padding-right: 10px;
}

table#ContactInfoTable tr.saveRow td, table#ContactInfoTable tr.changePasswordRow td, table#ContactRequestTable tr.submitRow td {
  text-align: center;
}

table#ContactRequestTable tr.commentsRow textarea {
  width: 98%;
}

table.orderHistory {
  width: 100%;
  border: 0 none;
}

table.orderHistory th {
  border-bottom: 2px solid #cccccc;
  padding: 3px 3px 3px 3px;
  text-align: left;
}

table.orderHistory td {
  padding: 3px 3px 3px 3px;
  text-align: left;
}

table.orderHistory td.orderRow {
  padding-top: 5px;
  border-top: 1px solid #cccccc;
}

table.orderHistory td.orderRow.first {
  border-top: 0;
}

table.orderHistory td.itemRow.first {
  padding-top: 10px;
}

table.orderDetails {
  padding-top: 10px;
}

table.itemDetails {
  width: 100%;
  border-top: 2px solid #cccccc;
  text-align: left;
  vertical-align: top;
  padding: 3px 3px 3px 3px;
}

div.memberMsg {
  padding: 5px 0px 5px 0px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

table.subDetails {
  width: 100%;
  border-top: 2px solid #cccccc;
  text-align: left;
  padding: 0;
}

table.subDetails thead, tbody {
  vertical-align: top;
}

div#subsButtons {
  text-align: center;
  padding-top: 5px;
}

div#subsSeparator {
  border-top: 2px solid #cccccc;
  margin: 5px 0px 5px 0px;
}

h3.notConfiguredMsg {
  color: #ff0000;
}

div.instanceName {
  color: #303030;
}

div#DetailsEventList.eventList:before {
  color: #807070;
  display: block;
  margin-bottom: 10px;
}

a.sectionLink {
  font-size: 16px;
}

a.venueDetailLink, a.sectionReturnLink {
  font-size: 14px;
}

form#PYOSTicketForm div.event:before {
  font-weight: bold;
}

#generalAdmission td.right {
  padding-top: 0;
}

#GATicketForm {
  margin-top: 15px;
}

img.cover {
  float: right;
  display: block;
  margin: 0 0px 40px 40px;
}

td.right img.cover {
  padding: 0;
  margin: 0 0 10px -15px;
}

img.cover {
  width: 265px;
  height: 200px;
}

td.right img.cover {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 991px) {
  #pyos #selectorBox .pad {
    padding: 5px;
  }
  
  #pyos #selectorBox #sectionDetails, #pyos #selectorBox #sectionMap {
    width: 100%;
    overflow-x: auto;
    display: inline-block;
  }
}

@media only screen and (max-width: 599px) {
  .nav a, .nav a:visited {
    font-size: 1.2em;
  }
  
  .content h1 {
    font-size: 1.5em;
  }
  
  .content h2 {
    font-size: 1.3em;
  }
  
  div.eventList div.eventInstance {
    padding-left: 0;
    padding-bottom: 10px;
  }
  
  img.cover {
    clear: both;
    width: 320px;
    height: 240px;
    margin: 30px 0 40px -15px;
    float: none;
  }
  
  .header {
    height: 60px;
    background-size: 100%;
  }
  
  h2 a {
    font-size: 1.4em;
  }
  
  .wrapper {
    width: 320px;
  }
  
  td.right img {
    display: none;
  }
  
  td.right img.cover {
    display: block;
  }
  
  table.twocolumn td.right, table.twocolumn td.left {
    clear: both;
    width: 310px;
    float: none;
    display: block;
    padding: 5px;
    border: 0;
  }
  
  table.twocolumn td.right {
    overflow-x: auto;
  }
  
  div.eventList div.eventName {
    padding: 0 0.5em 1.5em 0em;
  }
  
  .eventList .eventName h1 {
    line-height: 26px;
  }
  
  .eventList .eventInstance a {
    font-size: 1.3em;
    text-decoration: none;
  }
  
  #details .event {
    float: inherit !important;
    width: 100% !important;
  }
  
  #details .event .title {
    white-space: wrap !important;
  }
  
  #details .event .dateTime {
    white-space: nowrap !important;
  }
  
  #details .venue {
    float: inherit !important;
    width: 100% !important;
    text-align: left !important;
  }
  
  .eventInstance a, #generalAdmission .eventName a, table.cart a.removeLink, ol#portalProfileTabs a, .eventInstance a:visited, #generalAdmission .eventName a:visited, table.cart a.removeLink:visited, ol#portalProfileTabs a:visited {
    width: auto;
    background-color: #949494;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #424242;
    display: inline-block;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    padding: 9px 15px;
    text-decoration: none;
    cursor: default;
    line-height: normal;
  }
  
  .eventInstance a:hover, #generalAdmission .eventName a:hover, table.cart a.removeLink:hover, ol#portalProfileTabs a:hover {
    background-color: #474747;
  }
  
  .eventInstance a:active, #generalAdmission .eventName a:active, table.cart a.removeLink:active, ol#portalProfileTabs a:active {
    position: relative;
    top: 1px;
  }
  
  .eventInstance a {
    width: 85%;
  }
  
  input#GACartButton, input[type=submit], input[type=button] {
    font-size: 1.1em;
  }
  
  #pyos #selectorBox #scrollBox {
    width: 100%;
  }
  
  div.tabContent {
    border: none;
    clear: left;
    padding: 0;
  }
  
  ol#portalProfileTabs {
    width: 98%;
    padding-left: 3px;
  }
  
  ol#portalProfileTabs li {
    width: 90%;
    margin-bottom: 4px;
  }
  
  ol#portalProfileTabs li:last-child {
    margin-bottom: 15px;
  }
  
  ol#portalProfileTabs li.current a {
    background-color: #c0c0c0;
  }
  
  ol#portalProfileTabs a {
    width: 100%;
    margin-bottom: 4px;
  }
  
  ol#portalProfileTabs span {
    padding-right: 0px;
  }
  
  #subsButtons input[type=submit] {
    width: 98%;
    padding: 9px 9px 9px 9px;
    margin-bottom: 10px;
  }
  
  table.cart {
    border: 0;
  }
  
  table.cart input[type=submit] {
    width: auto;
    float: none;
    display: inline;
  }
  
  #generalAdmission .eventName a {
    width: auto;
    display: inline-block;
    text-decoration: none;
  }
  
  #GAAllocations {
    width: 93%;
    margin-left: 20px;
  }
  
  table#ContactInfoTable td:last-child input[type=text], table.checkout td input[type=text], table.checkout td textarea {
    width: 97%;
  }
  
  table#ContactInfoTable td:last-child input[type=text], #GAAllocations input[type=text], table.checkout td:last-child input[type=text] {
    height: 20px;
  }
  
  #GAAllocations .level {
    padding: 9px 3px 7px;
  }
  
  input#GACartButton {
    margin-top: 15px;
  }
  
  div.confirm div.address {
    width: 100%;
  }
  
  table.orderHistory td, table.orderHistory th {
    display: inline-block;
    margin: 0;
    border: 0;
  }
  
  table.orderHistory td.orderName a {
    font-size: 1em;
  }
}

@media only screen and (max-width: 479px) {
  .header {
    height: 42px;
  }
  
  .nav .title {
    margin-bottom: .5em;
    font-size: 1.3em;
  }
  
  #generalAdmission .eventName a {
    display: inline-block;
    margin: 5px 0;
    width: 50%;
    width: auto;
  }
  
  #generalAdmission .eventName h1 {
    display: block;
    font-size: 1.7em;
  }
  
  table.cart, table.subDetails, table#contactInfoTable, table.checkout, table.orderHistory {
    display: block;
    margin-bottom: 20px;
    border: 0;
  }
  
  table.cart tr, table.subDetails tr, table#ContactInfoTable tr, table.checkout tr, table.orderHistory tr {
    display: block;
    clear: both;
  }
  
  table.checkout tr {
    width: 100%;
  }
  
  table.cart tbody, table.subDetails tbody, table.checkout tbody, table.orderHistory tbody {
    display: block;
  }
  
  table.cart tr, table.subDetails tr {
    border-top: 1px solid #cccccc;
  }
  
  table.cart td, table.cart th, table.checkout td {
    display: block;
    border: 0;
  }
  
  table.subDetails td, table.subDetails th, table.orderHistory td, table.orderHistory th {
    display: inline-block;
    clear: none;
    border: 0;
  }
  
  table.subDetails th:first-child, table.orderHistory th:first-child {
    display: none;
  }
  
  .subDetails .seriesName, .subDetails .seriesDetails {
    width: 100%;
    height: auto;
  }
  
  .subDetails .seriesUnitPrice, .subDetails .seriesUnitFee, .subDetails .seriesQuantity, .subDetails .seriesDiscTotal, .subDetails .seriesTotal {
    width: 14%;
  }
  
  table.cart thead, table.subDetails thead, table#ContactInfoTable td:first-child, table.checkout td:first-child {
    display: block;
    background: #cccccc;
  }
  
  table#ContactInfoTable td:last-child, table.checkout td:last-child {
    display: block;
  }
  
  table#ContactInfoTable tr.saveRow td {
    text-align: center;
  }
  
  table.cart thead th, table.subDetails thead th {
    vertical-align: middle;
    font-size: 0.9em;
  }
  
  table.cart td.currency, table.cart thead th {
    width: 22%;
    text-align: center;
    float: left;
    clear: none;
    line-height: 12px;
    height: 25px;
  }
  
  table.cart td.currency {
    font-size: 1em;
    font-weight: bold;
  }
  
  .publicticketcart table.cart th:first-child, .publicticketcart table.cart th:last-child, .publicticketcheckout table.cart th:first-child, .publicticketconfirm table.cart th:first-child {
    display: none;
  }
  
  .publicticketcart .breadcrumbs {
    display: none;
  }
  
  .publicticketcart table.cart tr:last-child td:last-child {
    width: 285px;
    float: none;
    clear: both;
  }
  
  .publicticketcart table.cart td:last-child {
    width: auto;
    clear: none;
    float: left;
  }
  
  table.cart td.rowLabel, table.subDetails td.rowLabel {
    text-align: left;
    background: #cccccc;
  }
  
  table.cart input[type=checkbox] {
    margin-left: 15px;
  }
  
  div.confirmCopy {
    clear: both;
  }
  
  a.myAccountLink {
    display: block;
    clear: both;
    margin-bottom: 5px;
  }
  
  .nav .links {
    text-align: right;
  }
  
  table.orderHistory .orderTotal, table.subDetails .seriesTotal {
    font-weight: bold;
  }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  img.cover {
    width: 480px;
    height: 360px;
    margin-top: 30px;
  }
  
  .wrapper {
    width: 480px;
  }
  
  table.twocolumn td.left, table.twocolumn td.right {
    width: 440px;
    overflow-x: auto;
  }
  
  ol#portalProfileTabs li {
    width: 24%;
    height: 4em;
    padding-right: 3px;
  }
  
  ol#portalProfileTabs li a {
    height: 4em;
    padding: 0;
  }
  
  ol#portalProfileTabs li span {
    line-height: 1.1em;
    float: left;
    margin-top: 5px;
    text-align: center;
    padding: 0;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  img.cover {
    clear: both;
    width: 600px;
    height: 450px;
    margin: 30px 0 40px -15px;
    float: none;
  }
  
  div.eventList div.eventName {
    padding-top: 0;
  }
  
  .header {
    height: 75px;
    background-size: 100%;
  }
  
  .wrapper {
    width: 600px;
  }
  
  table.twocolumn td.right, table.twocolumn td.left {
    clear: both;
    width: 560px;
    float: none;
    display: block;
    padding: 5px;
    margin: 0;
  }
  
  table#GAAllocations {
    width: 93%;
    margin-left: 20px;
  }
  
  ol#portalProfileTabs li {
    width: 24.8%;
    height: 4em;
  }
  
  ol#portalProfileTabs li a {
    height: 4em;
  }
  
  ol#portalProfileTabs li span {
    line-height: 1.1em;
    margin-top: 5px;
  }
  
  table.orderHistory thead {
    background: #cccccc;
    display: block;
  }
  
  table.orderHistory tr.itemRow {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  #generalAdmission td.right {
    border-top: 1px solid #cccccc;
  }
  
  #GATicketForm {
    padding-bottom: 15px;
  }
  
  table.orderHistory {
    display: block;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  table.orderHistory thead {
    background: #ccc;
    display: inline-block;
    width: 100%;
  }
  
  table.orderHistory tbody {
    display: block;
  }
  
  table.orderHistory tr {
    display: block;
  }
  
  table.orderHistory tr.orderRow {
    border-top: 2px solid #808080;
  }
  
  table.orderHistory td.orderRow {
    border-top: 0;
  }
  
  table.orderHistory td.orderName {
    float: none;
    width: 100%;
  }
  
  table.orderHistory .orderDate, table.orderHistory .orderStatus, table.orderHistory .orderQuantity, table.orderHistory .orderTotal, table.orderHistory .donationDate, table.orderHistory .donationAmount, table.orderHistory .donationOrder {
    width: 23%;
    float: left;
    clear: none;
    line-height: 15px;
  }
  
  table.orderHistory th.orderName, table.orderHistory .deliveryFee, table.orderHistory .orderFee, table.orderHistory .exchangeFee, table.orderHistory .salesTax, table.orderHistory .orderDonation {
    display: none;
  }
  
  table.orderHistory tr.itemRow {
    display: inline-block;
    border-top: 1px solid #cccccc;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  img.cover {
    width: 350px;
    height: 263px;
    margin: 0 0 40px 18px;
  }
  
  .wrapper {
    width: 768px;
  }
  
  .header {
    height: 100px;
    background-size: 100%;
  }
  
  div.eventList div.eventName {
    padding: 0;
  }
  
  table#GAAllocations {
    width: 93%;
  }
  
  .acceptLabel {
    font-size: 0.8em;
  }
}