/* events LIST ########################################################################### */
/* events LIST ########################################################################### */
[class*="events-"] .events-date {
  position: absolute;
  right: 8px;
  top: 9px;
  height: 70px;
  width: 90px;
  background: #FFF;
  box-shadow: 0px 0px 20px #222; }

[class*="events-"] .events-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }

[class*="events-"] .events-day {
  height: 45px; }
  [class*="events-"] .events-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

.page-events .page-block {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden; }

.events-list {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  width: 320px;
  height: 570px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
  -webkit-box-shadow: 4px 0px 4px -3px #555;
  border-right: 1px solid #E3E3E3;
  z-index: 99;
  color: #444; }
  .events-list .scrollbar-content, .events-list .scrollbar-form {
    margin-top: 10px;
    margin-bottom: 10px; }
  .events-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .events-list p {
    padding: 5px; }
  .events-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .events-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .events-list ul li.eventsListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 15px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .events-list ul li.moreLink {
        color: #457657;
        border-bottom: 0px;
        border-top: 1px;
        font-size: 15px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: right; }
      .events-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        /*				text-indent: 20px;*/
        padding-left: 25px;
        height: 24px; }
        .events-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .events-list ul li a.selected span.date {
            color: #444; }
        .events-list ul li a span {
          line-height: 17px;
          height: 24px; }
        .events-list ul li a span.lock,
        .events-list ul li a span.date,
        .events-list ul li a span.author,
        .events-list ul li a span.byline,
        .events-list ul li a span.state,
        .events-list ul li a span.name {
          position: absolute; }
        .events-list ul li a span.name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 75%; }
        .events-list ul li a span.lock {
          left: 8px; }
        .events-list ul li a span.state {
          right: 10px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .events-list ul li a span.author,
        .events-list ul li a span.byline {
          left: 25px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .events-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px;
          top: 10px; }

.events-event-list {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: transparent;
  width: auto;
  height: 570px;
  position: absolute;
  left: 320px;
  overflow: hidden;
  -webkit-box-shadow: 4px 0px 4px -3px #555;
  z-index: 95;
  color: #444; }
  .events-event-list .events-event-list-inner {
    top: 90px !important; }
  .events-event-list.events-purchased .green-bar {
    height: 0px !important; }
  .events-event-list.events-purchased .events-event-list-inner {
    top: 90px !important; }
  .events-event-list.events-purchased .events-horses-block {
    width: 0px;
    height: 0px; }
  .events-event-list .events-action p {
    position: relative; }
    .events-event-list .events-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .events-event-list .green-bar {
    height: 40px;
    background: #457657;
    background: -webkit-gradient(linear, left top, left bottom, from(#5c8c6d), to(#457657));
    /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #5c8c6d, #457657);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6+ */
    /* IE10 */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #5c8c6d, #457657);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c8c6d',endColorstr='#457657',GradientType=0);
    /* IE */
    border-top: 2px solid #779e85;
    border-left: 1px solid #5d6c64;
    border-right: 1px solid #5d6c64; }
    .events-event-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .events-event-list .green-bar p a {
        display: block; }
  .events-event-list .events-event-list-inner,
  .events-event-list .events-horses-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .events-event-list .events-event-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .events-event-list .events-horses-block {
    background: rgba(255, 255, 255, 0.7); }
  .events-event-list .scrollbar-content, .events-event-list .scrollbar-form {
    margin-top: 10px;
    margin-bottom: 10px; }
    .events-event-list .scrollbar-content .byline, .events-event-list .scrollbar-form .byline {
      padding: 10px 10px 10px 15px; }
  .events-event-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .events-event-list p {
    padding: 5px; }
  .events-event-list .events-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .events-event-list .events-header h2, .events-event-list .events-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px;
      margin-right: 100px; }
    .events-event-list .events-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 10px; }
    .events-event-list .events-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .events-event-list .events-items {
    display: block;
    position: relative;
    color: #444;
    padding: 10px;
    line-height: 17px;
    text-indent: 0px;
    /*		height: 16px;*/
    border-bottom: 1px solid #F1F1F1; }
    .events-event-list .events-items.selected {
      background: #F5F5F5;
      color: #444; }
      .events-event-list .events-items.selected span.date {
        color: #444; }
    .events-event-list .events-items span {
      line-height: 17px; }
    .events-event-list .events-items span.lock,
    .events-event-list .events-items span.date,
    .events-event-list .events-items span.name,
    .events-event-list .events-items span.people,
    .events-event-list .events-items span.race_number,
    .events-event-list .events-items span.no,
    .events-event-list .events-items span.track,
    .events-event-list .events-items span.rail {
      position: absolute; }
    .events-event-list .events-items span.race_number {
      left: 10px;
      font-size: 12px;
      color: #666; }
    .events-event-list .events-items span.no {
      left: 60px;
      font-size: 12px;
      color: #666; }
    .events-event-list .events-items span.name {
      left: 10px;
      top: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      font-size: 17px;
      font-weight: bold; }
    .events-event-list .events-items span.people {
      right: 20px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .events-event-list .events-items span.date {
      right: 10px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .events-event-list .events-items div.event-more {
      position: relative; }
      .events-event-list .events-items div.event-more .no {
        left: 10px;
        font-size: 12px;
        color: #666; }
      .events-event-list .events-items div.event-more .track {
        right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .events-event-list .events-items div.event-more .rail {
        right: 110px;
        top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .events-event-list .events-items div.event-more .trainer {
        left: 50px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        margin-top: 5px;
        display: block; }
      .events-event-list .events-items div.event-more .jockey {
        left: 170px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        display: block; }
    .events-event-list .events-items div.event-content p {
      padding: 10px;
      font-size: 16px;
      line-height: 18px; }

@media (min-width: 100px) and (max-width: 500px) {
  /* eventS MOBILE ########################################################################### */
  /* eventS MOBILE ########################################################################### */
  .events-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    box-shadow: 0px 0px 0 transparent; }
  .events-event-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto; }
    .events-event-list .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .events-event-list .events-header {
      /*			.events-date {
				.events-day {
					p {
						margin-top: 13px;
					}
				}
			}*/ }
      .events-event-list .events-header .phone-back-to-list {
        position: absolute;
        top: 5px;
        left: 10px;
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        color: #FFF; }
      .events-event-list .events-header .events-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .events-event-list .events-header .events-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .events-event-list .events-header .events-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .events-event-list .events-header h2 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 40px;
        padding-left: 10px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 95%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .events-event-list .events-header h3 {
        padding-top: 2px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 12px; }
    .events-event-list .events-event-list-inner {
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      /*			border: 1px solid red;*/
      bottom: 0px;
      top: 90px;
      height: auto !important;
      /* Android is such a P.O.S!!! Need !important just for Android devices. */
      width: auto; }
      .events-event-list .events-event-list-inner .scrollbar-content, .events-event-list .events-event-list-inner .scrollbar-form {
        position: relative; }
    .events-event-list .events-event-list-inner ul li a span {
      font-size: 12px !important; }
    .events-event-list .events-event-list-inner ul li a span.race_number {
      left: 10px; }
    .events-event-list .events-event-list-inner ul li a span.byline {
      width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .events-event-list .events-event-list-inner ul li a span.distance {
      right: 60px; }
    .events-event-list .events-items {
      padding-left: 0px;
      padding-right: 0px; }
      .events-event-list .events-items div.special-content p {
        padding: 5px;
        padding-bottom: 10px !important; }
      .events-event-list .events-items span.trainer {
        margin-top: 0px !important;
        padding-top: 0px; }
      .events-event-list .events-items span.jockey {
        margin-bottom: 5px !important; }
      .events-event-list .events-items span.track {
        display: block;
        margin: 0px !important;
        padding: 0px !important;
        margin-bottom: 0px;
        line-height: 16px !important;
        margin-top: 10px !important;
        margin-left: 10px !important;
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px; } }

select {
  width: auto; }

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-primary {
  border-color: #428bca; }

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-warning {
  border-color: #fbeed5; }

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5; }

.panel-danger {
  border-color: #eed3d7; }

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7; }

.panel-info {
  border-color: #bce8f1; }

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.credit-card-box {
  max-width: 440px;
  margin: 3em auto; }

/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
  display: inline;
  font-weight: bold; }

.credit-card-box .form-control.error {
  border-color: red;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); }

.credit-card-box label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px; }

.credit-card-box .payment-errors {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px; }

.credit-card-box label {
  display: block; }

/* The old "center div vertically" hack */
.credit-card-box .display-table {
  display: table; }

.credit-card-box .display-tr {
  display: table-row; }

.credit-card-box .display-td {
  display: table-cell;
  vertical-align: middle;
  width: 50%; }

/* Just looks nicer */
.credit-card-box .panel-heading img {
  min-width: 180px; }

#guestlist {
  display: none; }
  #guestlist .guest1, #guestlist .guest2, #guestlist .guest3, #guestlist .guest4, #guestlist .guest5, #guestlist .guest6, #guestlist .guest7, #guestlist .guest8, #guestlist .guest9 {
    display: none; }
  #guestlist.guests1 {
    display: block; }
    #guestlist.guests1 .guest1 {
      display: table-row; }
  #guestlist.guests2 {
    display: block; }
    #guestlist.guests2 .guest1, #guestlist.guests2 .guest2 {
      display: table-row; }
  #guestlist.guests3 {
    display: block; }
    #guestlist.guests3 .guest1, #guestlist.guests3 .guest2, #guestlist.guests3 .guest3 {
      display: table-row; }
  #guestlist.guests4 {
    display: block; }
    #guestlist.guests4 .guest1, #guestlist.guests4 .guest2, #guestlist.guests4 .guest3, #guestlist.guests4 .guest4 {
      display: table-row; }
  #guestlist.guests5 {
    display: block; }
    #guestlist.guests5 .guest1, #guestlist.guests5 .guest2, #guestlist.guests5 .guest3, #guestlist.guests5 .guest4, #guestlist.guests5 .guest5 {
      display: table-row; }
  #guestlist.guests6 {
    display: block; }
    #guestlist.guests6 .guest1, #guestlist.guests6 .guest2, #guestlist.guests6 .guest3, #guestlist.guests6 .guest4, #guestlist.guests6 .guest5, #guestlist.guests6 .guest6 {
      display: table-row; }
  #guestlist.guests7 {
    display: block; }
    #guestlist.guests7 .guest1, #guestlist.guests7 .guest2, #guestlist.guests7 .guest3, #guestlist.guests7 .guest4, #guestlist.guests7 .guest5, #guestlist.guests7 .guest6, #guestlist.guests7 .guest7 {
      display: table-row; }
  #guestlist.guests8 {
    display: block; }
    #guestlist.guests8 .guest1, #guestlist.guests8 .guest2, #guestlist.guests8 .guest3, #guestlist.guests8 .guest4, #guestlist.guests8 .guest5, #guestlist.guests8 .guest6, #guestlist.guests8 .guest7, #guestlist.guests8 .guest8 {
      display: table-row; }
  #guestlist.guests9 {
    display: block; }
    #guestlist.guests9 .guest1, #guestlist.guests9 .guest2, #guestlist.guests9 .guest3, #guestlist.guests9 .guest4, #guestlist.guests9 .guest5, #guestlist.guests9 .guest6, #guestlist.guests9 .guest7, #guestlist.guests9 .guest8, #guestlist.guests9 .guest9 {
      display: table-row; }
/*# sourceMappingURL=new-styles.css.map */