/* SASS VARIABLES ######################################################################## */
html, body {
  min-height: 100%; }

body {
  background: url("../img/background.web.png"); }

* {
  font-family: "proxima-nova"; }

a {
  color: #FFF;
  outline: 0;
  border: 0px; }
  a img {
    outline: 0; }
  a:hover, a:active, a:focus {
    color: #FFF;
    text-decoration: none;
    outline: 0; }

.print-button {
  -webkit-box-shadow: 0px 0px 20px #444;
  -moz-box-shadow: 0px 0px 20px #444;
  box-shadow: 0px 0px 20px #444;
  position: relative;
  float: right;
  margin: 7px;
  width: 90px;
  height: 70px;
  background: #FFF;
  color: #000;
  line-height: 70px;
  text-align: center; }
  .print-button img {
    position: absolute;
    bottom: 5px;
    left: 30px;
    width: 30px;
    height: 30px; }
  .print-button .print-heading {
    position: absolute;
    top: 0px;
    width: 90px;
    height: 25px;
    background: #567153;
    color: #FFF;
    text-transform: uppercase;
    line-height: 25px; }

.print-button:hover,
.print-button:active,
.print-button:focus {
  color: #000 !important; }

.form-horizontal.form-horizontal-tight .control-group {
  margin-bottom: 10px; }
.form-horizontal.form-horizontal-tight .control-label {
  width: 150px; }
.form-horizontal.form-horizontal-tight .controls {
  margin-left: 141px; }

.print-logo {
  display: none; }

.content-frame {
  position: relative;
  width: 100%;
  height: 100%; }

.background-purchasing {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center; }
  .background-purchasing h2 {
    color: #222;
    padding-top: 20px;
    text-align: center; }
  .background-purchasing .purchase-box {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px #444;
    -moz-box-shadow: 0px 0px 20px #444;
    box-shadow: 0px 0px 20px #444;
    position: relative;
    background: #FFFFFF;
    width: 500px;
    height: 300px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: left; }

.loader {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.2); }

/* 9 */
.site-navbar {
  z-index: 100; }
  .site-navbar .user-is-handheld {
    display: none; }
  .site-navbar .user-is-desktop {
    display: block; }
  .site-navbar .dropdown-menu {
    text-align: left; }
  .site-navbar .navbar-inner {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: rgba(0, 0, 0, 0.2);
    border: 0px;
    text-align: center;
    height: 60px;
    z-index: 100;
    filter: none; }
    .site-navbar .navbar-inner .nav {
      float: none;
      margin: 0 auto;
      width: 940px;
      height: 60px;
      text-align: center;
      display: table; }
    .site-navbar .navbar-inner .nav > li {
      display: table-cell;
      float: none;
      height: 60px;
      line-height: 60px; }
      .site-navbar .navbar-inner .nav > li.loggedin-mobile {
        display: none !important; }
      .site-navbar .navbar-inner .nav > li.loggedin-desktop {
        display: block !important; }
        .site-navbar .navbar-inner .nav > li.loggedin-desktop .btn-group .btn {
          height: 30px; }
    .site-navbar .navbar-inner .nav > li > a {
      color: #FFF;
      text-shadow: none;
      padding: 0px;
      padding-left: 10px;
      padding-right: 10px; }
      .site-navbar .navbar-inner .nav > li > a.selected, .site-navbar .navbar-inner .nav > li > a:hover {
        background-color: rgba(0, 0, 0, 0.1); }

/*
nav {

	$navWidth: 100%;

	position: absolute;
	top: 0px;
	width: $navWidth;
	height: $navigation-height;
	background-color:rgba(0, 0, 0, 0.2);
	font-size: 16px;
	color: #FFF;

	text-align: center;

	$listwidth: $siteWidth;

	ul {
		display: -webkit-box;
		-webkit-box-orient: horizontal;

		display: -moz-box;
		-moz-box-orient: horizontal;

		display: box;
		box-orient: horizontal;

		margin: 0 auto;
		width: $navWidth;

		list-style-type: none;
	}

	ul, li {
		height: $navigation-height;
		padding: 0px;
	}

	li {
		position: relative;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		margin: 0 1px;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		float: left;
		text-align: center;
		width: ($navWidth / 4) - 1;

		&.nav-block > a,
		&.nav-block > .navigation-public a {
			display: block;
			height: $navigation-height;
			line-height: $navigation-height;

			&.selected,
			&:hover {
				background-color:rgba(0, 0, 0, 0.1);
			}
		}

		a.btn {
			padding: 2px 5px 2px 5px;
			font-size: 10px;
			line-height: 12px;
		}

		.navigation-public {
			line-height: $navigation-height;
		}

		.navigation-user {

			.my-account-link {
				display: none;
			}

			.navigation-user-actions {

				display: block;

				padding-top: 16px;
				.btn {
					font-size: 13px;
				}

				.caret {
					margin-top: 8px;
				}
			}

			position: relative;
			text-align: center;
			font-size: 16px;

			p {
				margin: 0px;
				padding: 0px;
			}

			ul {
				height: auto;
			}

			li {
				height: 30px;
				display: block;
				float: none;
				width: auto;
				text-align: left;
				padding: 0px;
			}

			a:hover {
				text-decoration: none;
			}

		}

		.nav-loader {
			@include absoluteFull;
			display: none;
			background: rgba(0, 0, 0, 0.3);
			font-size: 18px;
			line-height: $navigation-height;
		}
	}
}
*/
#promo {
  position: absolute;
  right: 0px;
  top: 28px; }
  @media (max-width: 500px) {
    #promo {
      top: 10px;
      margin-left: 10px;
      margin-right: 10px; } }

[class*="page-"] {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 60px;
  text-align: center;
  color: #FFF;
  z-index: 10; }
  [class*="page-"] .section-inner {
    background: red !important;
    border: 1px solid red; }

.page-block {
  top: 96px;
  margin: 0 auto;
  width: 940px;
  height: 570px;
  text-align: left;
  overflow: visible;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  @inlcude box-shadow(20px, #444);
  background-color: rgba(0, 0, 0, 0.2); }
  .page-block h1, .page-block h2, .page-block h3, .page-block p {
    padding: 15px 20px 5px 20px;
    margin: 0px; }
  .page-block h2, .page-block h3 {
    text-shadow: 1px 1px #333; }
  .page-block h2 {
    font-size: 26px; }
  .page-block h3 {
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 5px; }
  .page-block .previous-page {
    background: #304F42;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D7A67), to(#304F42));
    /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #4D7A67, #304F42);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, #4D7A67, #304F42);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #4D7A67, #304F42);
    /* IE10 */
    background: -o-linear-gradient(top, #4D7A67, #304F42);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #4D7A67, #304F42);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7A67',endColorstr='#304F42',GradientType=0);
    /* IE */
    border: 1px solid #4D7A67;
    cursor: pointer;
    display: block;
    width: 80px;
    height: 16px;
    margin-left: 15px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 1px; }
    .page-block .previous-page small {
      position: absolute;
      top: -2px;
      color: #FFF;
      left: 4px;
      font-size: 12px; }

.ajax-spinner {
  position: absolute;
  top: 200px;
  width: 100%;
  text-align: center; }

.scrollbar {
  overflow: hidden; }

.section-header {
  position: relative;
  width: 940px;
  margin: 0 auto;
  height: 96px; }
  .section-header .site-logo {
    position: absolute;
    left: 0px;
    top: 8px;
    height: 96px;
}
.section-header .site-logo img {
    height: 80px;
}
  .section-header h1 {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 680px;
    right: 0px;
    top: 22px;
    font-size: 30px;
    letter-spacing: 8px;
    text-shadow: 1px 1px #333; }
    .section-header h1 small {
      color: #FFF;
      display: block;
      font-size: 18px;
      letter-spacing: 2px; }

.page-home .page-block .how-to {
  margin-top: 28px;
  border-left: 1px solid #5B8874; }
.page-home .page-block p {
  padding-bottom: 8px;
  padding-top: 5px;
  color: #EEE; }
.page-home .page-block h3 {
  padding: 0px;
  line-height: 20px;
  margin-bottom: 13px;
  padding-left: 18px; }
.page-home .page-block ol li {
  margin-bottom: 20px; }
.page-home .page-block p:empty {
  display: none; }
.page-home .page-block .rsn_div {
  float: right;
  padding: 5px;
  border: 1px solid #5B8874;
  margin-right: 15px;
  margin-left: 15px;
  background-color: #FFFFFF; }
.page-home .page-block .rsn_div p {
color: #000000;
padding: 0px; }



#registerBox, .gallery {
    height: 170px;
    width: 100%;
}

.page-home #registerBox .flexit {
    height: 170px;
    width: 380px;
    background: url('../img/ticket.png') no-repeat center center;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;

}

.page-home #registerBox .flexit h3, .page-home #registerBox .flexit p {
    padding: 0 120px !important;
    color: #000000;
    text-shadow: none;
    text-align: center;
}

/* MEETING LIST ########################################################################### */
/* MEETING LIST ########################################################################### */
.meet-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; }
  .meet-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .meet-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .meet-list p {
    padding: 5px; }
  .meet-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .meet-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .meet-list ul li.meetListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 22px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .meet-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        text-indent: 20px;
        height: 16px;
        /*				&:hover,				*/ }
        .meet-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .meet-list ul li a.selected span.date {
            color: #444; }
        .meet-list ul li a span {
          line-height: 17px;
          height: 16px; }
        .meet-list ul li a span.lock,
        .meet-list ul li a span.date {
          position: absolute; }
        .meet-list ul li a span.lock {
          left: 8px; }
        .meet-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }

/* MEETING INFORMATION ########################################################################### */
/* MEETING INFORMATION ########################################################################### */
.meet-information {
  height: 570px;
  width: 620px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  /*	border-top-left-radius: 5px;
  	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*	background-color: rgba(0, 0, 0, 0.10);	*/
  color: #FFF; }
  .meet-information .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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .meet-information .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .meet-information .green-bar p a {
        display: block; }
  .meet-information .meet-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .meet-information .meet-header h2, .meet-information .meet-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .meet-information .meet-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 20px; }
    .meet-information .meet-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
    .meet-information .meet-header .meet-date {
      position: relative;
      float: right;
      /* margin: 7px; */
      right: 8px;
      top: 9px;
      height: 70px;
      width: 90px;
      background: #FFF;
      -webkit-box-shadow: 0px 0px 20px #222;
      -moz-box-shadow: 0px 0px 20px #222;
      box-shadow: 0px 0px 20px #222; }
    .meet-information .meet-header .meet-month {
      height: 25px;
      line-height: 26px;
      background: #567153;
      text-align: center;
      color: #FFF;
      text-transform: uppercase; }
    .meet-information .meet-header .meet-day {
      height: 45px; }
      .meet-information .meet-header .meet-day p {
        color: #000;
        text-align: center;
        font-size: 30px;
        margin-top: 0px;
        font-weight: bold; }
  .meet-information .meet-content {
    background: #FFF;
    color: #555; }
    .meet-information .meet-content .meet-content-inner h2 {
      font-size: 20px;
      margin: 0px;
      padding: 10px 10px 10px 15px;
      text-shadow: none; }
    .meet-information .meet-content .meet-content-inner p {
      padding: 5px 10px 5px 15px;
      margin: 0px;
      font-size: 17px;
      line-height: 18px; }
    .meet-information .meet-content .meet-content-inner .meet-overview,
    .meet-information .meet-content .meet-content-inner .meet-quaddie,
    .meet-information .meet-content .meet-content-inner .meet-races {
      overflow: none;
      margin: 0px;
      padding: 0px; }
  .meet-information .meet-purchased-no {
    display: none; }
    .meet-information .meet-purchased-no .meet-content,
    .meet-information .meet-purchased-no .meet-overview {
      height: 437px;
      color: #444; }
    .meet-information .meet-purchased-no .meet-action p {
      position: relative; }
      .meet-information .meet-purchased-no .meet-action p span {
        position: absolute;
        top: 10px;
        right: 11px;
        font-size: 16px; }
  .meet-information .meet-purchased-yes .meet-content {
    overflow: hidden;
    height: 420px;
    position: relative; }
  .meet-information .meet-purchased-yes .meet-content-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    /*			width: $meetInfoWidth;			*/ }
  .meet-information .meet-purchased-yes .meet-overview,
  .meet-information .meet-purchased-yes .meet-quaddie,
  .meet-information .meet-purchased-yes .meet-races {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    height: 420px;
    /*			width: $meetInfoWidth;*/ }
    .meet-information .meet-purchased-yes .meet-overview .scrollbar-content,
    .meet-information .meet-purchased-yes .meet-quaddie .scrollbar-content,
    .meet-information .meet-purchased-yes .meet-races .scrollbar-content {
      width: 600px;
      /*				width: 100%;*/
      /*				margin-right: 20px;*/ }
  .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px; }
    .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie th, .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie td {
      text-align: center; }
    .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie th {
      font-size: 18px;
      border-bottom: 1px solid #3e5248;
      padding-bottom: 5px;
      margin-bottom: 5px; }
    .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie td {
      font-size: 16px;
      height: 30px;
      line-height: 30px; }
    .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie tr:nth-child(2n) {
      background: #F5F5F5; }
  .meet-information .meet-purchased-yes .meet-races {
    overflow-x: none; }
    .meet-information .meet-purchased-yes .meet-races ul.meet-races-list {
      margin: 0px;
      margin-bottom: 20px;
      padding: 0px;
      list-style: none; }
      .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li {
        position: relative;
        height: 40px;
        line-height: 42px;
        /*					background-color: #FAFAFA;*/
        border-bottom: 1px solid #F5F5F5;
        /*					border-top: 1px solid #FAFAFA;					*/ }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li a {
          display: block;
          height: 40px;
          color: #444;
          /*						&:hover {
          							background-color: #F5F5F5;
          						}*/ }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-name,
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-time,
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-no,
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-distance {
          display: block;
          position: absolute;
          height: 40px;
          top: 0px;
          font-size: 13px;
          z-index: 90; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-name {
          position: relative;
          diplay: block;
          left: 0px;
          z-index: 50;
          text-indent: 65px;
          font-size: 17px; }
          .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-name a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 530px; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-no {
          left: 15px; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-distance {
          right: 0px; }
  .meet-information .meet-purchased-yes .green-bar {
    text-align: center;
    /*			font-size: 18px;*/ }
    .meet-information .meet-purchased-yes .green-bar p {
      margin: 0px;
      padding: 0px; }
  .meet-information .meet-purchased-yes .meet-navigation {
    height: 60px; }
    .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items {
      width: 204.66667px;
      float: left;
      display: inline;
      text-align: center; }
      .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items:nth-child(1) {
        margin-left: 3px; }
      .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items:nth-child(2) {
        margin-left: 1px;
        margin-right: 1px; }
      .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items a {
        text-align: left;
        display: block;
        height: 57px;
        margin: 0 auto;
        margin-top: 2px;
        background: rgba(0, 0, 0, 0.2);
        text-align: center;
        font-size: 18px;
        line-height: 56px; }
        .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items a.selected {
          background: rgba(0, 0, 0, 0.4); }

/* VIEWING A RACE ########################################################################### */
/* VIEWING A RACE ########################################################################### */
.meet-race .page-block {
  overflow: visible; }

.page-block .meet-race {
  border-radius: 10;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
  -webkit-box-shadow: 0px 0px 5px #000;
  -moz-box-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 5px #000;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #252e2f url(../img/modal.background.png) center;
  padding: 15px;
  z-index: 100; }
  .page-block .meet-race .modal-closer {
    background: #304F42;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D7A67), to(#304F42));
    /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #4D7A67, #304F42);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, #4D7A67, #304F42);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #4D7A67, #304F42);
    /* IE10 */
    background: -o-linear-gradient(top, #4D7A67, #304F42);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #4D7A67, #304F42);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7A67',endColorstr='#304F42',GradientType=0);
    /* IE */
    border: 1px solid #4D7A67;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    width: 130px;
    height: 16px;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 1px; }
    .page-block .meet-race .modal-closer small {
      position: absolute;
      top: -2px;
      color: #FFF;
      left: 4px;
      font-size: 12px; }
  .page-block .meet-race .meet-race-name {
    font-size: 30px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 800px; }
  .page-block .meet-race .meet-race-date {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 70px;
    width: 90px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222;
    box-shadow: 0px 0px 20px #222; }
    .page-block .meet-race .meet-race-date .meet-race-month {
      height: 25px;
      line-height: 26px;
      background: #567153;
      text-align: center;
      color: #FFF;
      text-transform: uppercase; }
    .page-block .meet-race .meet-race-date .meet-race-day {
      height: 45px; }
      .page-block .meet-race .meet-race-date .meet-race-day p {
        color: #000;
        text-align: center;
        font-size: 30px;
        margin-top: 0px;
        font-weight: bold; }
  .page-block .meet-race .meet-race-map {
    position: absolute;
    top: 85px;
    right: 20px;
    width: 110px;
    height: 85px; }
    .page-block .meet-race .meet-race-map img {
      width: 110px;
      height: 85px; }
  .page-block .meet-race h3 {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-size: 22px; }
  .page-block .meet-race .meet-race-details {
    width: 760px;
    position: absolute;
    top: 75px;
    height: 40px; }
    .page-block .meet-race .meet-race-details ul, .page-block .meet-race .meet-race-details li {
      margin: 0px;
      padding: 0px;
      line-height: 42px; }
    .page-block .meet-race .meet-race-details ul {
      list-style: none;
      height: 80px;
      position: relative; }
    .page-block .meet-race .meet-race-details li {
      height: 40px;
      width: 380px;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      display: inline;
      float: left;
      border-bottom: 1px solid #676c6d;
      top: 0px;
      left: 0px; }
      .page-block .meet-race .meet-race-details li.race-details-1, .page-block .meet-race .meet-race-details li.race-details-2 {
        text-align: left; }
      .page-block .meet-race .meet-race-details li.race-details-3, .page-block .meet-race .meet-race-details li.race-details-4 {
        text-align: right;
        top: 41px; }
      .page-block .meet-race .meet-race-details li span {
        font-weight: normal;
        display: block;
        position: absolute;
        left: 100px;
        top: 1px; }
  .page-block .meet-race .meet-race-content {
    position: absolute;
    width: 910px;
    left: 15px;
    right: 15px;
    height: 310px;
    bottom: 80px;
    overflow: hidden; }
    .page-block .meet-race .meet-race-content .meet-race-content-inner {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 910px;
      /* ($widthContent * 3); */
      height: 310px;
      overflow: hidden;
      /*				.block-runners,*/ }
      .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block {
        position: relative;
        /*					float: left;*/
        overflow: hidden;
        width: 910px;
        height: 310px;
        font-size: 16px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block h3 {
          font-weight: normal;
          margin: 0px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block .scrollbar-content, .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block p {
          width: 890px; }
      .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview ul, .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li {
        margin: 0px;
        padding: 0px;
        list-style: none; }
      .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li {
        color: #FFF;
        position: relative;
        line-height: 40px;
        border-bottom: 1px solid #676c6d; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li.scratched {
          color: #777; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li.scratched .scratch {
            display: block; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li:last-child {
          border-bottom: 0px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li div.specs {
          height: 40px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li div.bio p {
          color: #E1E1E1;
          width: auto;
          margin: 0px 20px 5px 40px;
          padding: 0px;
          line-height: 20px;
          font-size: 14px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span {
          position: absolute;
          top: 0px;
          height: 40px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.scratch {
          display: none;
          right: 150px;
          color: red; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.no {
          left: 0px;
          top: 5px;
          width: 30px;
          height: 30px;
          line-height: 30px;
          background: #555;
          color: #FFF;
          text-align: center; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.name {
          left: 40px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.people {
          left: 300px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.barrier {
          right: 100px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.weight {
          right: 10px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.bio {
          top: 50px;
          left: 0px;
          right: 0px;
          bottom: 0px; }
      .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap {
        width: auto;
        position: relative;
        border-left: 1px solid #3C3E3F;
        border-right: 1px solid #3C3E3F;
        border-bottom: 1px solid #3C3E3F; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-finish {
          position: absolute;
          right: 5px;
          top: -30px;
          z-index: 90; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane1,
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane2,
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane3,
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane4 {
          position: relative;
          height: 50px;
          border-top: 1px solid #3C3E3F; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane1 .speedmap-lane-name,
          .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane2 .speedmap-lane-name,
          .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane3 .speedmap-lane-name,
          .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-lane4 .speedmap-lane-name {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 26px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 12px;
            background: #222; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner {
          width: 100px;
          text-align: center;
          font-size: 11px;
          height: 50px;
          line-height: 70px;
          position: absolute;
          top: 0px;
          background: url("../img/horse.silhouette.png") no-repeat;
          background-size: 30px 18px;
          background-position: 50% 25%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-40 {
          left: 40px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-140 {
          left: 140px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-240 {
          left: 240px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-340 {
          left: 340px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-440 {
          left: 440px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-540 {
          left: 540px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-640 {
          left: 640px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-740 {
          left: 740px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-840 {
          left: 840px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-940 {
          left: 940px; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner .meet-race-speedmap .speedmap-runner-1040 {
          left: 1040px; }
  .page-block .meet-race .meet-race-menu {
    left: 0px;
    right: 0px;
    position: absolute;
    bottom: 10px;
    margin: 0px 15px; }
    .page-block .meet-race .meet-race-menu ul {
      width: auto;
      height: 60px; }
    .page-block .meet-race .meet-race-menu ul, .page-block .meet-race .meet-race-menu li {
      margin: 0px;
      padding: 0px;
      list-style: none; }
    .page-block .meet-race .meet-race-menu li {
      text-align: center;
      display: inline;
      float: left;
      height: 60px;
      line-height: 60px;
      font-size: 20px;
      border-top: 1px solid #676c6d;
      border-bottom: 1px solid #676c6d;
      width: 455px; }
      .page-block .meet-race .meet-race-menu li:nth-child(2) {
        /*					border-left: 1px solid #676c6d; */
        /*					border-right: 1px solid #676c6d;					*/ }
      .page-block .meet-race .meet-race-menu li a {
        display: block; }
        .page-block .meet-race .meet-race-menu li a:hover, .page-block .meet-race .meet-race-menu li a.selected {
          background: #151a1a; }

/* PURCHASE A MEET ########################################################################### */
/* PURCHASE A MEET ########################################################################### */
.meet-purchase {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 101; }
  .meet-purchase h1, .meet-purchase h2, .meet-purchase p {
    padding: 0px 40px; }
  .meet-purchase h1 {
    margin-top: 80px; }
  .meet-purchase h2 {
    font-weight: normal;
    font-size: 22px; }
    .meet-purchase h2 small {
      display: block;
      color: #FFF;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px; }
  .meet-purchase .meet-purchase-yes {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 60px; }

/* FUTURE LIST ########################################################################### */
/* FUTURE LIST ########################################################################### */
.futures-locations-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; }
  .futures-locations-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .futures-locations-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .futures-locations-list p {
    padding: 5px; }
  .futures-locations-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .futures-locations-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .futures-locations-list ul li.meetListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 22px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .futures-locations-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        text-indent: 20px;
        height: 16px;
        /*				&:hover,				*/ }
        .futures-locations-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .futures-locations-list ul li a.selected span.date {
            color: #444; }
        .futures-locations-list ul li a span {
          line-height: 17px;
          height: 16px; }
        .futures-locations-list ul li a span.lock,
        .futures-locations-list ul li a span.date {
          position: absolute; }
        .futures-locations-list ul li a span.lock {
          left: 8px; }
        .futures-locations-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }

/* FUTURES HORSE LIST ########################################################################### */
/* FUTURES HORSE LIST ########################################################################### */
.futures-header .futures-date {
  position: absolute;
  right: 8px;
  top: 9px;
  height: 70px;
  width: 90px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px #222;
  -moz-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222; }
.futures-header .futures-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }
.futures-header .futures-day {
  height: 45px; }
  .futures-header .futures-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

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

.futures-horses-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; }
  .futures-horses-list.futures-purchased .green-bar {
    height: 0px !important; }
  .futures-horses-list.futures-purchased .futures-horses-list-inner {
    top: 90px !important; }
  .futures-horses-list.futures-purchased .futures-horses-block {
    width: 0px;
    height: 0px; }
  .futures-horses-list .futures-action p {
    position: relative; }
    .futures-horses-list .futures-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .futures-horses-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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .futures-horses-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .futures-horses-list .green-bar p a {
        display: block; }
  .futures-horses-list .futures-horses-list-inner,
  .futures-horses-list .futures-horses-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .futures-horses-list .futures-horses-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .futures-horses-list .futures-horses-block {
    background: rgba(255, 255, 255, 0.7);
    z-index: 99; }
  .futures-horses-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .futures-horses-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .futures-horses-list p {
    padding: 5px; }
  .futures-horses-list .futures-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .futures-horses-list .futures-header h2, .futures-horses-list .futures-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .futures-horses-list .futures-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 20px; }
    .futures-horses-list .futures-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .futures-horses-list .futures-items {
    display: block;
    position: relative;
    color: #444;
    padding: 10px;
    line-height: 17px;
    text-indent: 0px;
    /*		height: 16px;*/
    border-bottom: 1px solid #F1F1F1; }
    .futures-horses-list .futures-items.selected {
      background: #F5F5F5;
      color: #444; }
      .futures-horses-list .futures-items.selected span.date {
        color: #444; }
    .futures-horses-list .futures-items span {
      line-height: 17px; }
    .futures-horses-list .futures-items span.lock,
    .futures-horses-list .futures-items span.date,
    .futures-horses-list .futures-items span.name,
    .futures-horses-list .futures-items span.people,
    .futures-horses-list .futures-items span.race_number,
    .futures-horses-list .futures-items span.no,
    .futures-horses-list .futures-items span.track,
    .futures-horses-list .futures-items span.rail {
      position: absolute; }
    .futures-horses-list .futures-items span.race_number {
      left: 10px;
      font-size: 12px;
      color: #666; }
    .futures-horses-list .futures-items span.no {
      left: 60px;
      font-size: 12px;
      color: #666; }
    .futures-horses-list .futures-items span.name {
      left: 10px;
      top: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      font-size: 17px;
      font-weight: bold; }
    .futures-horses-list .futures-items span.people {
      right: 20px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .futures-horses-list .futures-items span.date {
      right: 10px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .futures-horses-list .futures-items div.special-more {
      position: relative; }
      .futures-horses-list .futures-items div.special-more .no {
        left: 10px;
        font-size: 12px;
        color: #666; }
      .futures-horses-list .futures-items div.special-more .track {
        right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .futures-horses-list .futures-items div.special-more .rail {
        right: 110px;
        top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .futures-horses-list .futures-items div.special-more .trainer {
        left: 50px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        margin-top: 5px;
        display: block; }
      .futures-horses-list .futures-items div.special-more .jockey {
        left: 170px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        display: block; }
    .futures-horses-list .futures-items div.special-content p {
      padding: 10px;
      padding-bottom: 10px !important;
      font-size: 16px;
      line-height: 18px; }

.futures-horses-list-inner {
  overflow-x: none; }
  .futures-horses-list-inner ul.future-horses-ul {
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    list-style: none; }
    .futures-horses-list-inner ul.future-horses-ul li {
      position: relative;
      height: 40px;
      line-height: 42px;
      /*					background-color: #FAFAFA;*/
      border-bottom: 1px solid #F5F5F5;
      /*					border-top: 1px solid #FAFAFA;					*/ }
      .futures-horses-list-inner ul.future-horses-ul li a {
        display: block;
        height: 40px;
        color: #444;
        /*						&:hover {
        						background-color: #F5F5F5;
        					}*/ }
      .futures-horses-list-inner ul.future-horses-ul li span.future-horse-name,
      .futures-horses-list-inner ul.future-horses-ul li span.future-horse-owner {
        display: block;
        position: absolute;
        height: 40px;
        top: 0px;
        font-size: 13px;
        z-index: 50; }
      .futures-horses-list-inner ul.future-horses-ul li span.future-horse-name {
        position: relative;
        diplay: block;
        left: 0px;
        z-index: 51;
        text-indent: 15px;
        font-size: 17px; }
        .futures-horses-list-inner ul.future-horses-ul li span.future-horse-name a {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: auto; }
      .futures-horses-list-inner ul.future-horses-ul li span.future-horse-owner {
        right: 10px; }

/* VIEWING A FUTURE HORSE ########################################################################### */
/* VIEWING A FUTURE HORSE ########################################################################### */
.future-blogs .page-block {
  overflow: visible; }

.future-blogs {
  border-radius: 10;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
  -webkit-box-shadow: 0px 0px 5px #000;
  -moz-box-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 5px #000;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #252e2f url(../img/modal.background.png) center;
  padding: 15px;
  z-index: 100; }
  .future-blogs .modal-closer {
    background: #304F42;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D7A67), to(#304F42));
    /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #4D7A67, #304F42);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, #4D7A67, #304F42);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #4D7A67, #304F42);
    /* IE10 */
    background: -o-linear-gradient(top, #4D7A67, #304F42);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #4D7A67, #304F42);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7A67',endColorstr='#304F42',GradientType=0);
    /* IE */
    border: 1px solid #4D7A67;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    width: 130px;
    height: 16px;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 1px; }
    .future-blogs .modal-closer small {
      position: absolute;
      top: -2px;
      color: #FFF;
      left: 4px;
      font-size: 12px; }
  .future-blogs .future-horse-date {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 70px;
    width: 90px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222;
    box-shadow: 0px 0px 20px #222; }
    .future-blogs .future-horse-date .future-horse-month {
      height: 25px;
      line-height: 26px;
      background: #567153;
      text-align: center;
      color: #FFF;
      text-transform: uppercase; }
    .future-blogs .future-horse-date .future-horse-day {
      height: 45px; }
      .future-blogs .future-horse-date .future-horse-day p {
        color: #000;
        text-align: center;
        font-size: 30px;
        margin-top: 0px;
        font-weight: bold; }
  .future-blogs .future-blogs-modal-inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; }
    .future-blogs .future-blogs-modal-inner .future-horse-name {
      font-size: 30px;
      padding-left: 20px;
      padding-bottom: 0px;
      padding-top: 50px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 800px; }
    .future-blogs .future-blogs-modal-inner .scrollbar {
      position: absolute;
      overflow: hidden;
      top: 90px;
      left: 20px;
      right: 20px;
      bottom: 10px; }
      .future-blogs .future-blogs-modal-inner .scrollbar .content-block {
        width: auto;
        margin-bottom: 10px;
        font-size: 16px; }
        .future-blogs .future-blogs-modal-inner .scrollbar .content-block h2 {
          font-size: 20px;
          margin: 0px;
          padding: 0px; }
        .future-blogs .future-blogs-modal-inner .scrollbar .content-block .future-horse-row {
          border-bottom: 1px solid #676c6d;
          padding-bottom: 15px; }
  .future-blogs .meet-race-content {
    position: absolute;
    width: 910px;
    left: 15px;
    right: 15px;
    height: 310px;
    overflow: hidden; }

/* PURCHASE A FUTURE ########################################################################### */
/* PURCHASE A FUTURE
########################################################################### */
.future-purchase {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 101; }
  .future-purchase h1, .future-purchase h2, .future-purchase p {
    padding: 0px 40px; }
  .future-purchase h1 {
    margin-top: 80px; }
  .future-purchase h2 {
    font-weight: normal;
    font-size: 22px; }
    .future-purchase h2 small {
      display: block;
      color: #FFF;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px; }
  .future-purchase .future-purchase-yes {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 60px; }

/* PURCHASING CREDIT ########################################################################### */
/* PURCHASING CREDIT ########################################################################### */
.page-purchases .page-block {
  overflow: hidden; }
  .page-purchases .page-block .purchase-container {
    width: auto;
    height: 570px; }
    .page-purchases .page-block .purchase-container #creditPurchaseForm .control-group {
      margin-bottom: 10px; }
    .page-purchases .page-block .purchase-container h2, .page-purchases .page-block .purchase-container h3, .page-purchases .page-block .purchase-container p {
      padding-left: 0px; }
    .page-purchases .page-block .purchase-container p {
      padding: 0px;
      padding-bottom: 10px; }
    .page-purchases .page-block .purchase-container .store-loader {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      /*				bottom: 0px;*/
      background: rgba(0, 0, 0, 0.85);
      text-align: center;
      z-index: 99; }
      .page-purchases .page-block .purchase-container .store-loader p {
        color: #FFF;
        font-size: 18px;
        margin-top: 100px;
        line-height: 40px; }
    .page-purchases .page-block .purchase-container .purchase-container-inner {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 570px; }
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step {
        margin-left: 20px;
        margin-right: 20px; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-purchase, .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment, .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product {
          margin-bottom: 10px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed {
            float: left;
            display: block;
            width: 300px;
            height: 105px;
            float: left; }
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p,
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p,
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p {
              text-align: center;
              margin: 0px;
              margin-top: 15px;
              padding: 0px;
              font-size: 40px;
              line-height: 40px; }
              .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p span,
              .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p span,
              .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p span {
                display: block;
                font-size: 25px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name {
            background-color: rgba(0, 0, 0, 0.1); }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains {
            background-color: rgba(0, 0, 0, 0.2); }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed {
            background-color: rgba(0, 0, 0, 0.3); }
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p {
              margin-top: 0px; }
              .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p a {
                display: block;
                font-size: 25px;
                line-height: 105px; }
                .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p a:hover {
                  background: #1D271C; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment {
          display: none; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment h3 {
            padding-top: 0px;
            line-height: 30px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment .purchase-back {
            position: absolute;
            bottom: 10px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table {
            width: 100%;
            margin-bottom: 10px; }
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table th, .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table td {
              text-align: left; }
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table th {
              padding: 5px;
              background: rgba(0, 0, 0, 0.1); }
            .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table td {
              border-bottom: 1px solid #CCC;
              padding: 5px;
              font-size: 18px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment .form-horizontal {
            /*							margin-top: 50px;*/ }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment .purchase-options-or {
            width: 90px;
            text-align: center; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome {
          display: none;
          text-align: center; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome .purchase-receipt-number,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome .purchase-user-email,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome p {
            font-size: 18px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome .purchase-receipt-number span,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-outcome .purchase-user-email span {
            font-weight: bold;
            letter-spacing: 1px; }

/* USER MANAGEMENT ########################################################################### */
/* USER MANAGEMENT ########################################################################### */
.page-user .page-block .home-user-output {
  height: 500px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px; }
  .page-user .page-block .home-user-output h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px; }
.page-user .page-block .account-sub-mydetails,
.page-user .page-block .account-sub-history,
.page-user .page-block .account-sub-forgot,
.page-user .page-block .account-sub-register,
.page-user .page-block .account-sub-login,
.page-user .page-block .account-sub-rest-form {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  text-align: center; }
  .page-user .page-block .account-sub-mydetails span,
  .page-user .page-block .account-sub-history span,
  .page-user .page-block .account-sub-forgot span,
  .page-user .page-block .account-sub-register span,
  .page-user .page-block .account-sub-login span,
  .page-user .page-block .account-sub-rest-form span {
    color: #C5C5C5; }
  .page-user .page-block .account-sub-mydetails form,
  .page-user .page-block .account-sub-history form,
  .page-user .page-block .account-sub-forgot form,
  .page-user .page-block .account-sub-register form,
  .page-user .page-block .account-sub-login form,
  .page-user .page-block .account-sub-rest-form form {
    text-align: left;
    width: 500px;
    margin: 0 auto;
    margin-top: 40px; }
  .page-user .page-block .account-sub-mydetails .account-goto .btn,
  .page-user .page-block .account-sub-history .account-goto .btn,
  .page-user .page-block .account-sub-forgot .account-goto .btn,
  .page-user .page-block .account-sub-register .account-goto .btn,
  .page-user .page-block .account-sub-login .account-goto .btn,
  .page-user .page-block .account-sub-rest-form .account-goto .btn {
    width: 100px;
    font-size: 12px; }
  .page-user .page-block .account-sub-mydetails table td,
  .page-user .page-block .account-sub-history table td,
  .page-user .page-block .account-sub-forgot table td,
  .page-user .page-block .account-sub-register table td,
  .page-user .page-block .account-sub-login table td,
  .page-user .page-block .account-sub-rest-form table td {
    text-align: left;
    vertical-align: top; }
.page-user .page-block .user-past-purchases {
  background: #FFF;
  color: #444;
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 860px;
  height: 390px;
  margin: 0 auto;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  .page-user .page-block .user-past-purchases table {
    margin-left: 20px;
    width: 820px; }
    .page-user .page-block .user-past-purchases table tr {
      border-bottom: 1px solid #F3F3F3; }
      .page-user .page-block .user-past-purchases table tr th {
        text-align: left; }
      .page-user .page-block .user-past-purchases table tr td {
        font-size: 11px;
        border-left: 1px solid #F3F3F3; }
        .page-user .page-block .user-past-purchases table tr td:nth-child(1) {
          border-left: 0px; }
.page-user .page-block .purchased-item {
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #779e85; }
  .page-user .page-block .purchased-item span {
    color: #333;
    font-weight: bold; }

/* TERMS AND CONDITIONS ########################################################################### */
/* TERMS AND CONDITIONS ########################################################################### */
.page-disclaimer a {
  color: #FFF; }
.page-disclaimer ul {
  margin-left: 50px; }
.page-disclaimer h2 {
  padding-top: 0px; }
.page-disclaimer .scrollbar {
  height: 510px;
  margin-top: 10px;
  margin-bottom: 10px; }

.page-about .scrollbar {
  height: 550px;
  margin-top: 10px;
  margin-bottom: 10px; }

.page-yrc .scrollbar {
  height: 550px;
  margin-top: 10px;
  margin-bottom: 10px; }

/*.horizontal-only {
	height: auto;
	max-height: 200px;
}*/
.isiPad .scrollbar-content {
  /*		background: red;*/ }
.isiPad .meet-information .meet-purchased-yes .meet-overview .scrollbar-content,
.isiPad .meet-information .meet-purchased-yes .meet-quaddie .scrollbar-content,
.isiPad .meet-information .meet-purchased-yes .meet-races .scrollbar-content {
  width: 620px; }
.isiPad .meet-information .meet-purchased-yes .meet-quaddie .table-quaddie {
  width: 95%;
  margin-left: 20px;
  /*					margin-right: 20px;		*/
  margin-bottom: 20px; }
.isiPad .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block .scrollbar-content,
.isiPad .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block p {
  width: 910px; }

/* TRIAL LIST ########################################################################### */
/* TRIAL LIST ########################################################################### */
[class*="trial-"] .trial-date {
  position: absolute;
  right: 8px;
  top: 9px;
  height: 70px;
  width: 90px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px #222;
  -moz-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222; }
[class*="trial-"] .trial-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }
[class*="trial-"] .trial-day {
  height: 45px; }
  [class*="trial-"] .trial-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

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

.trial-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; }
  .trial-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .trial-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .trial-list p {
    padding: 5px; }
  .trial-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .trial-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .trial-list ul li.trialListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 22px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .trial-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        text-indent: 20px;
        height: 16px;
        /*				&:hover,				*/ }
        .trial-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .trial-list ul li a.selected span.date {
            color: #444; }
        .trial-list ul li a span {
          line-height: 17px;
          height: 16px; }
        .trial-list ul li a span.lock,
        .trial-list ul li a span.date {
          position: absolute; }
        .trial-list ul li a span.lock {
          left: 8px; }
        .trial-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }

.trial-race-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; }
  .trial-race-list.trial-purchased .green-bar {
    height: 0px !important; }
  .trial-race-list.trial-purchased .trial-race-list-inner {
    top: 90px !important; }
  .trial-race-list.trial-purchased .trial-race-block {
    width: 0px;
    height: 0px; }
  .trial-race-list .trial-action p {
    position: relative; }
    .trial-race-list .trial-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .trial-race-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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .trial-race-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .trial-race-list .green-bar p a {
        display: block; }
  .trial-race-list .trial-race-list-inner,
  .trial-race-list .trial-race-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .trial-race-list .trial-race-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .trial-race-list .trial-race-block {
    background: rgba(255, 255, 255, 0.7); }
  .trial-race-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .trial-race-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .trial-race-list p {
    padding: 5px; }
  .trial-race-list .trial-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .trial-race-list .trial-header h2, .trial-race-list .trial-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .trial-race-list .trial-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 20px; }
    .trial-race-list .trial-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .trial-race-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .trial-race-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .trial-race-list ul li.trialListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 15px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .trial-race-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        text-indent: 0px;
        height: 16px; }
        .trial-race-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .trial-race-list ul li a.selected span.date {
            color: #444; }
        .trial-race-list ul li a span {
          line-height: 17px;
          height: 16px; }
        .trial-race-list ul li a span.lock,
        .trial-race-list ul li a span.date,
        .trial-race-list ul li a span.name,
        .trial-race-list ul li a span.distance,
        .trial-race-list ul li a span.race_number {
          position: absolute; }
        .trial-race-list ul li a span.race_number {
          left: 15px;
          font-size: 12px;
          color: #666; }
        .trial-race-list ul li a span.name {
          left: 65px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: auto;
          margin-right: 50px;
          font-size: 17px; }
        .trial-race-list ul li a span.distance {
          right: 80px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }
        .trial-race-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }

.trial-results {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  background: #252e2f url(../img/modal.background.png) center;
  height: 570px;
  color: #FFF;
  display: none;
  overflow: hidden;
  -webkit-box-shadow: 4px 0px 4px -3px #555;
  z-index: 100;
  /*	ul.trial-details {
  		display: block;
  		margin: 0px;
  		margin-left: 20px;
  		margin-right: 20px;
  		padding: 0px;
  		list-style: none;
  		li {
  			display: block;
  			width: 50%;
  			float: left;
  			display: inline;
  		}
  	}*/ }
  .trial-results .scrollbar-dark {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 90px; }
  .trial-results .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .trial-results .modal-closer {
    background: #304F42;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D7A67), to(#304F42));
    /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #4D7A67, #304F42);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, #4D7A67, #304F42);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #4D7A67, #304F42);
    /* IE10 */
    background: -o-linear-gradient(top, #4D7A67, #304F42);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #4D7A67, #304F42);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7A67',endColorstr='#304F42',GradientType=0);
    /* IE */
    border: 1px solid #4D7A67;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    width: 130px;
    height: 16px;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 1px; }
    .trial-results .modal-closer small {
      position: absolute;
      top: -2px;
      color: #FFF;
      left: 4px;
      font-size: 12px; }
  .trial-results h1.trial-race-name {
    font-size: 30px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 800px; }
  .trial-results p.local_datetime {
    text-align: center;
    color: #555;
    margin: 0px;
    padding: 0px; }
  .trial-results .trial-race-details {
    width: auto;
    margin-bottom: 20px; }
    .trial-results .trial-race-details ul, .trial-results .trial-race-details li {
      margin: 0px;
      padding: 0px;
      line-height: 42px; }
    .trial-results .trial-race-details ul {
      list-style: none;
      /*			height: 80px;*/
      position: relative;
      margin-left: 20px;
      margin-right: 10px; }
    .trial-results .trial-race-details li {
      height: 40px;
      width: 50%;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      display: inline;
      float: left;
      border-bottom: 1px solid #676c6d;
      top: 0px;
      left: 0px; }
      .trial-results .trial-race-details li.race-details-1, .trial-results .trial-race-details li.race-details-2 {
        text-align: left; }
      .trial-results .trial-race-details li.race-details-3, .trial-results .trial-race-details li.race-details-4 {
        text-align: right;
        top: 41px; }
      .trial-results .trial-race-details li span {
        font-weight: normal;
        display: block;
        position: absolute;
        left: 100px;
        top: 1px; }
  .trial-results .trial-horse {
    margin: 20px;
    margin-right: 0px;
    position: relative;
    border-bottom: 1px solid #676c6d; }
    .trial-results .trial-horse p {
      margin: 0px;
      padding: 0px; }
    .trial-results .trial-horse .trial-horse-scratched {
      display: none;
      position: absolute;
      right: 20%;
      color: red;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase; }
    .trial-results .trial-horse.scratched {
      color: #868686 !important; }
      .trial-results .trial-horse.scratched .trial-horse-scratched {
        display: block; }
    .trial-results .trial-horse .trial-horse-number,
    .trial-results .trial-horse .trial-details {
      position: absolute; }
    .trial-results .trial-horse .horse-row {
      position: relative;
      height: 50px; }
    .trial-results .trial-horse .trial-horse-name {
      color: #FFF; }
    .trial-results .trial-horse .trial-horse-margin {
      position: absolute;
      right: 0px;
      background: #5F947A;
      color: #FFF;
      padding: 2px 5px 2px 5px;
      font-size: 12px; }
    .trial-results .trial-horse .trial-horse-number {
      background: #666;
      width: 36px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      color: #FFF;
      left: 0px; }
    .trial-results .trial-horse .trial-details {
      width: auto;
      margin-left: 45px;
      font-size: 16px;
      color: #444; }
      .trial-results .trial-horse .trial-details p {
        font-size: 12px;
        color: #888;
        margin: 0px;
        padding: 0px; }
    .trial-results .trial-horse .trial-comment {
      margin-top: 10px;
      margin-bottom: 10px; }
    .trial-results .trial-horse .trial-jockey p,
    .trial-results .trial-horse .trial-trainer p {
      padding: 0px; }

/* PURCHASE A TRIAL ########################################################################### */
/* PURCHASE A TRIAL ########################################################################### */
.trial-purchase {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 101; }
  .trial-purchase h1, .trial-purchase h2, .trial-purchase p {
    padding: 0px 40px; }
  .trial-purchase h1 {
    margin-top: 80px; }
  .trial-purchase h2 {
    font-weight: normal;
    font-size: 22px; }
    .trial-purchase h2 small {
      display: block;
      color: #FFF;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px; }
  .trial-purchase .trial-purchase-yes {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 60px; }

/* DAILY SPECIALS LIST ########################################################################### */
/* DAILY SPECIALS LIST ########################################################################### */
[class*="daily-specials-"] .daily-specials-date {
  position: relative;
  margin: 7px;
  float: right;
  height: 70px;
  width: 90px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px #222;
  -moz-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222; }
[class*="daily-specials-"] .daily-specials-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }
[class*="daily-specials-"] .daily-specials-day {
  height: 45px; }
  [class*="daily-specials-"] .daily-specials-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

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

.daily-specials-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; }
  .daily-specials-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .daily-specials-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .daily-specials-list p {
    padding: 5px; }
  .daily-specials-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .daily-specials-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .daily-specials-list ul li.trialListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 22px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .daily-specials-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        /*				text-indent: 20px;*/
        padding-left: 25px;
        height: 24px; }
        .daily-specials-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .daily-specials-list ul li a.selected span.date {
            color: #444; }
        .daily-specials-list ul li a span {
          line-height: 17px;
          height: 24px; }
        .daily-specials-list ul li a span.lock,
        .daily-specials-list ul li a span.date,
        .daily-specials-list ul li a span.author,
        .daily-specials-list ul li a span.state,
        .daily-specials-list ul li a span.name {
          position: absolute; }
        .daily-specials-list ul li a span.name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 75%; }
        .daily-specials-list ul li a span.lock {
          left: 8px; }
        .daily-specials-list ul li a span.state {
          right: 10px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .daily-specials-list ul li a span.author {
          left: 25px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .daily-specials-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px;
          top: 10px; }

.daily-specials-horses-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; }
  .daily-specials-horses-list.daily-specials-purchased .green-bar {
    height: 0px !important; }
  .daily-specials-horses-list.daily-specials-purchased .daily-specials-horses-list-inner {
    top: 90px !important; }
  .daily-specials-horses-list.daily-specials-purchased .daily-specials-horses-block {
    width: 0px;
    height: 0px; }
  .daily-specials-horses-list .daily-specials-action p {
    position: relative; }
    .daily-specials-horses-list .daily-specials-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .daily-specials-horses-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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .daily-specials-horses-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .daily-specials-horses-list .green-bar p a {
        display: block; }
  .daily-specials-horses-list .daily-specials-horses-list-inner,
  .daily-specials-horses-list .daily-specials-horses-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .daily-specials-horses-list .daily-specials-horses-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .daily-specials-horses-list .daily-specials-horses-block {
    background: rgba(255, 255, 255, 0.7); }
  .daily-specials-horses-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .daily-specials-horses-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .daily-specials-horses-list p {
    padding: 5px; }
  .daily-specials-horses-list .daily-specials-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .daily-specials-horses-list .daily-specials-header h2, .daily-specials-horses-list .daily-specials-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .daily-specials-horses-list .daily-specials-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 10px; }
    .daily-specials-horses-list .daily-specials-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .daily-specials-horses-list .daily-specials-items {
    display: block;
    position: relative;
    color: #444;
    padding: 10px;
    line-height: 17px;
    text-indent: 0px;
    /*		height: 16px;*/
    border-bottom: 1px solid #F1F1F1; }
    .daily-specials-horses-list .daily-specials-items.selected {
      background: #F5F5F5;
      color: #444; }
      .daily-specials-horses-list .daily-specials-items.selected span.date {
        color: #444; }
    .daily-specials-horses-list .daily-specials-items span {
      line-height: 17px; }
    .daily-specials-horses-list .daily-specials-items span.lock,
    .daily-specials-horses-list .daily-specials-items span.date,
    .daily-specials-horses-list .daily-specials-items span.name,
    .daily-specials-horses-list .daily-specials-items span.people,
    .daily-specials-horses-list .daily-specials-items span.race_number,
    .daily-specials-horses-list .daily-specials-items span.no,
    .daily-specials-horses-list .daily-specials-items span.track,
    .daily-specials-horses-list .daily-specials-items span.rail {
      position: absolute; }
    .daily-specials-horses-list .daily-specials-items span.race_number {
      left: 10px;
      font-size: 12px;
      color: #666; }
    .daily-specials-horses-list .daily-specials-items span.no {
      left: 60px;
      font-size: 12px;
      color: #666; }
    .daily-specials-horses-list .daily-specials-items span.name {
      left: 10px;
      top: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      font-size: 17px;
      font-weight: bold; }
    .daily-specials-horses-list .daily-specials-items span.people {
      right: 20px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .daily-specials-horses-list .daily-specials-items span.date {
      right: 10px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .daily-specials-horses-list .daily-specials-items div.special-more {
      position: relative; }
      .daily-specials-horses-list .daily-specials-items div.special-more .no {
        left: 10px;
        font-size: 12px;
        color: #666; }
      .daily-specials-horses-list .daily-specials-items div.special-more .track {
        right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .daily-specials-horses-list .daily-specials-items div.special-more .rail {
        right: 110px;
        top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .daily-specials-horses-list .daily-specials-items div.special-more .trainer {
        left: 50px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        margin-top: 5px;
        display: block; }
      .daily-specials-horses-list .daily-specials-items div.special-more .jockey {
        left: 170px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        display: block; }
    .daily-specials-horses-list .daily-specials-items div.special-content p {
      padding: 10px;
      padding-bottom: 10px !important;
      font-size: 16px;
      line-height: 18px; }

/* PURCHASE A DAILY SPECIAL ########################################################################### */
/* PURCHASE A DAILY SPECIAL ########################################################################### */
.daily-specials-purchase {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 101; }
  .daily-specials-purchase h1, .daily-specials-purchase h2, .daily-specials-purchase p {
    padding: 0px 40px; }
  .daily-specials-purchase h1 {
    margin-top: 80px; }
  .daily-specials-purchase h2 {
    font-weight: normal;
    font-size: 22px; }
    .daily-specials-purchase h2 small {
      display: block;
      color: #FFF;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px; }
  .daily-specials-purchase .daily-specials-purchase-yes {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 60px; }










    /* DAILY SPECIALS LIST ########################################################################### */
    /* DAILY SPECIALS LIST ########################################################################### */
    [class*="saturday-specials-"] .saturday-specials-date {
        position: relative;
        margin: 7px;
        float: right;
      height: 70px;
      width: 90px;
      background: #FFF;
      -webkit-box-shadow: 0px 0px 20px #222;
      -moz-box-shadow: 0px 0px 20px #222;
      box-shadow: 0px 0px 20px #222; }
    [class*="saturday-specials-"] .saturday-specials-month {
      height: 25px;
      line-height: 26px;
      background: #567153;
      text-align: center;
      color: #FFF;
      text-transform: uppercase; }
    [class*="saturday-specials-"] .saturday-specials-day {
      height: 45px; }
      [class*="saturday-specials-"] .saturday-specials-day p {
        color: #000;
        text-align: center;
        font-size: 30px;
        margin-top: 0px;
        font-weight: bold;
        padding: 15px 20px 5px 20px; }

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

    .saturday-specials-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; }
      .saturday-specials-list .scrollbar-content {
        margin-top: 10px;
        margin-bottom: 10px; }
      .saturday-specials-list h2 {
        font-size: 16px;
        margin: 5px 5px 5px 10px;
        line-height: 18px; }
      .saturday-specials-list p {
        padding: 5px; }
      .saturday-specials-list ul {
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
        /*		border-top: 1px solid #F1F1F1;	*/ }
        .saturday-specials-list ul li {
          position: relative;
          display: block;
          border-bottom: 1px solid #F1F1F1; }
          .saturday-specials-list ul li.trialListHeader {
            color: #457657;
            border-bottom: 0px;
            font-size: 18px;
            font-weight: bold;
            text-indent: 22px;
            margin-top: 20px;
            margin-bottom: 10px; }
          .saturday-specials-list ul li a {
            display: block;
            position: relative;
            color: #444;
            padding: 10px;
            line-height: 17px;
            /*				text-indent: 20px;*/
            padding-left: 25px;
            height: 24px; }
            .saturday-specials-list ul li a.selected {
              background: #F5F5F5;
              color: #444; }
              .saturday-specials-list ul li a.selected span.date {
                color: #444; }
            .saturday-specials-list ul li a span {
              line-height: 17px;
              height: 24px; }
            .saturday-specials-list ul li a span.lock,
            .saturday-specials-list ul li a span.date,
            .saturday-specials-list ul li a span.author,
            .saturday-specials-list ul li a span.state,
            .saturday-specials-list ul li a span.name {
              position: absolute; }
            .saturday-specials-list ul li a span.name {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              width: 75%; }
            .saturday-specials-list ul li a span.lock {
              left: 8px; }
            .saturday-specials-list ul li a span.state {
              right: 10px;
              top: 25px;
              font-size: 12px;
              color: #999; }
            .saturday-specials-list ul li a span.author {
              left: 25px;
              top: 25px;
              font-size: 12px;
              color: #999; }
            .saturday-specials-list ul li a span.date {
              right: 10px;
              font-size: 12px;
              color: #666;
              line-height: 19px;
              top: 10px; }

    .saturday-specials-horses-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; }
      .saturday-specials-horses-list.saturday-specials-purchased .green-bar {
        height: 0px !important; }
      .saturday-specials-horses-list.saturday-specials-purchased .saturday-specials-horses-list-inner {
        top: 90px !important; }
      .saturday-specials-horses-list.saturday-specials-purchased .saturday-specials-horses-block {
        width: 0px;
        height: 0px; }
      .saturday-specials-horses-list .saturday-specials-action p {
        position: relative; }
        .saturday-specials-horses-list .saturday-specials-action p span {
          position: absolute;
          top: 10px;
          right: 11px;
          font-size: 16px; }
      .saturday-specials-horses-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+ */
        background: -moz-linear-gradient(top, #5c8c6d, #457657);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #5c8c6d, #457657);
        /* IE10 */
        background: -o-linear-gradient(top, #5c8c6d, #457657);
        /* 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; }
        .saturday-specials-horses-list .green-bar p {
          padding: 0px;
          padding-top: 4px;
          padding-left: 10px;
          color: #FFF; }
          .saturday-specials-horses-list .green-bar p a {
            display: block; }
      .saturday-specials-horses-list .saturday-specials-horses-list-inner,
      .saturday-specials-horses-list .saturday-specials-horses-block {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: 130px;
        background: #FFF; }
      .saturday-specials-horses-list .saturday-specials-horses-list-inner {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
      .saturday-specials-horses-list .saturday-specials-horses-block {
        background: rgba(255, 255, 255, 0.7); }
      .saturday-specials-horses-list .scrollbar-content {
        margin-top: 10px;
        margin-bottom: 10px; }
      .saturday-specials-horses-list h2 {
        font-size: 20px;
        margin: 0px;
        padding: 10px 10px 10px 15px;
        line-height: 18px;
        text-shadow: none; }
      .saturday-specials-horses-list p {
        padding: 5px; }
      .saturday-specials-horses-list .saturday-specials-header {
        position: relative;
        height: 90px;
        background-color: rgba(0, 0, 0, 0.2);
        border: 1px solid #4b5e55;
        border-bottom: 0px;
        padding: 0px;
        margin: 0px; }
        .saturday-specials-horses-list .saturday-specials-header h2, .saturday-specials-horses-list .saturday-specials-header h3 {
          color: #FFF;
          text-align: left;
          padding: 0px;
          margin: 0px;
          padding-left: 20px; }
        .saturday-specials-horses-list .saturday-specials-header h2 {
          font-size: 27px;
          line-height: 34px;
          padding-top: 10px; }
        .saturday-specials-horses-list .saturday-specials-header h3 {
          font-size: 15px;
          line-height: 17px;
          text-transform: uppercase;
          font-weight: normal;
          letter-spacing: 1px; }
      .saturday-specials-horses-list .saturday-specials-items {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        text-indent: 0px;
        /*		height: 16px;*/
        border-bottom: 1px solid #F1F1F1; }
        .saturday-specials-horses-list .saturday-specials-items.selected {
          background: #F5F5F5;
          color: #444; }
          .saturday-specials-horses-list .saturday-specials-items.selected span.date {
            color: #444; }
        .saturday-specials-horses-list .saturday-specials-items span {
          line-height: 17px; }
        .saturday-specials-horses-list .saturday-specials-items span.lock,
        .saturday-specials-horses-list .saturday-specials-items span.date,
        .saturday-specials-horses-list .saturday-specials-items span.name,
        .saturday-specials-horses-list .saturday-specials-items span.people,
        .saturday-specials-horses-list .saturday-specials-items span.race_number,
        .saturday-specials-horses-list .saturday-specials-items span.no,
        .saturday-specials-horses-list .saturday-specials-items span.track,
        .saturday-specials-horses-list .saturday-specials-items span.rail {
          position: absolute; }
        .saturday-specials-horses-list .saturday-specials-items span.race_number {
          left: 10px;
          font-size: 12px;
          color: #666; }
        .saturday-specials-horses-list .saturday-specials-items span.no {
          left: 60px;
          font-size: 12px;
          color: #666; }
        .saturday-specials-horses-list .saturday-specials-items span.name {
          left: 10px;
          top: 20px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: auto;
          font-size: 17px;
          font-weight: bold; }
        .saturday-specials-horses-list .saturday-specials-items span.people {
          right: 20px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }
        .saturday-specials-horses-list .saturday-specials-items span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px; }
        .saturday-specials-horses-list .saturday-specials-items div.special-more {
          position: relative; }
          .saturday-specials-horses-list .saturday-specials-items div.special-more .no {
            left: 10px;
            font-size: 12px;
            color: #666; }
          .saturday-specials-horses-list .saturday-specials-items div.special-more .track {
            right: 20px;
            font-size: 12px;
            color: #666;
            line-height: 19px; }
          .saturday-specials-horses-list .saturday-specials-items div.special-more .rail {
            right: 110px;
            top: 3px;
            font-size: 12px;
            color: #666;
            line-height: 19px; }
          .saturday-specials-horses-list .saturday-specials-items div.special-more .trainer {
            left: 50px;
            font-size: 12px;
            color: #666;
            line-height: 16px;
            padding-left: 10px;
            margin-top: 5px;
            display: block; }
          .saturday-specials-horses-list .saturday-specials-items div.special-more .jockey {
            left: 170px;
            font-size: 12px;
            color: #666;
            line-height: 16px;
            padding-left: 10px;
            display: block; }
        .saturday-specials-horses-list .saturday-specials-items div.special-content p {
          padding: 10px;
          padding-bottom: 10px !important;
          font-size: 16px;
          line-height: 18px; }

    /* PURCHASE A DAILY SPECIAL ########################################################################### */
    /* PURCHASE A DAILY SPECIAL ########################################################################### */
    .saturday-specials-purchase {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      position: absolute;
      bottom: 0px;
      right: 0px;
      top: 0px;
      left: 0px;
      background: rgba(0, 0, 0, 0.85);
      text-align: center;
      z-index: 101; }
      .saturday-specials-purchase h1, .saturday-specials-purchase h2, .saturday-specials-purchase p {
        padding: 0px 40px; }
      .saturday-specials-purchase h1 {
        margin-top: 80px; }
      .saturday-specials-purchase h2 {
        font-weight: normal;
        font-size: 22px; }
        .saturday-specials-purchase h2 small {
          display: block;
          color: #FFF;
          margin-top: 10px;
          margin-bottom: 10px;
          font-size: 16px; }
      .saturday-specials-purchase .saturday-specials-purchase-yes {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        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+ */
        background: -moz-linear-gradient(top, #5c8c6d, #457657);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #5c8c6d, #457657);
        /* IE10 */
        background: -o-linear-gradient(top, #5c8c6d, #457657);
        /* 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;
        padding: 8px 15px;
        font-size: 16px;
        line-height: 60px; }























/* OTHER SPORTS LIST ########################################################################### */
/* OTHER SPORTS LIST ########################################################################### */
[class*="other-sports-"] .other-sports-date {
    position: relative;
    float: right;
margin: 7px;
    height: 70px;
  width: 90px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px #222;
  -moz-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222; }
[class*="other-sports-"] .other-sports-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }
[class*="other-sports-"] .other-sports-day {
  height: 45px; }
  [class*="other-sports-"] .other-sports-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

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

.other-sports-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; }
  .other-sports-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .other-sports-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .other-sports-list p {
    padding: 5px; }
  .other-sports-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .other-sports-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .other-sports-list ul li.trialListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 22px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .other-sports-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        /*				text-indent: 20px;*/
        padding-left: 25px;
        height: 24px; }
        .other-sports-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .other-sports-list ul li a.selected span.date {
            color: #444; }
        .other-sports-list ul li a span {
          line-height: 17px;
          height: 24px; }
        .other-sports-list ul li a span.lock,
        .other-sports-list ul li a span.date,
        .other-sports-list ul li a span.author,
        .other-sports-list ul li a span.state,
        .other-sports-list ul li a span.name {
          position: absolute; }
        .other-sports-list ul li a span.name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 75%; }
        .other-sports-list ul li a span.lock {
          left: 8px; }
        .other-sports-list ul li a span.state {
          right: 10px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .other-sports-list ul li a span.author {
          left: 25px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .other-sports-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px;
          top: 10px; }

.other-sports-horses-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; }
  .other-sports-horses-list.other-sports-purchased .green-bar {
    height: 0px !important; }
  .other-sports-horses-list.other-sports-purchased .other-sports-horses-list-inner {
    top: 90px !important; }
  .other-sports-horses-list.other-sports-purchased .other-sports-horses-block {
    width: 0px;
    height: 0px; }
  .other-sports-horses-list .other-sports-action p {
    position: relative; }
    .other-sports-horses-list .other-sports-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .other-sports-horses-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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .other-sports-horses-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .other-sports-horses-list .green-bar p a {
        display: block; }
  .other-sports-horses-list .other-sports-horses-list-inner,
  .other-sports-horses-list .other-sports-horses-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .other-sports-horses-list .other-sports-horses-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .other-sports-horses-list .other-sports-horses-block {
    background: rgba(255, 255, 255, 0.7); }
  .other-sports-horses-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
    .other-sports-horses-list .scrollbar-content span.name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      font-size: 14px;
      color: #999;
      padding-left: 15px; }
  .other-sports-horses-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .other-sports-horses-list p {
    padding: 0px; }
  .other-sports-horses-list .other-sports-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .other-sports-horses-list .other-sports-header h2, .other-sports-horses-list .other-sports-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .other-sports-horses-list .other-sports-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 20px; }
    .other-sports-horses-list .other-sports-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .other-sports-horses-list .other-sports-items {
    display: block;
    position: relative;
    color: #444;
    padding: 10px;
    line-height: 17px;
    text-indent: 0px;
    /*		height: 16px;*/
    border-bottom: 1px solid #F1F1F1; }
    .other-sports-horses-list .other-sports-items p {
      margin-bottom: 10px; }
    .other-sports-horses-list .other-sports-items.selected {
      background: #F5F5F5;
      color: #444; }
      .other-sports-horses-list .other-sports-items.selected span.date {
        color: #444; }
    .other-sports-horses-list .other-sports-items span {
      line-height: 17px; }
    .other-sports-horses-list .other-sports-items span.lock,
    .other-sports-horses-list .other-sports-items span.date,
    .other-sports-horses-list .other-sports-items span.name,
    .other-sports-horses-list .other-sports-items span.people,
    .other-sports-horses-list .other-sports-items span.race_number,
    .other-sports-horses-list .other-sports-items span.no,
    .other-sports-horses-list .other-sports-items span.track,
    .other-sports-horses-list .other-sports-items span.rail {
      position: absolute; }
    .other-sports-horses-list .other-sports-items span.race_number {
      left: 10px;
      font-size: 12px;
      color: #666; }
    .other-sports-horses-list .other-sports-items span.no {
      left: 60px;
      font-size: 12px;
      color: #666; }
    .other-sports-horses-list .other-sports-items span.people {
      right: 20px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .other-sports-horses-list .other-sports-items span.date {
      right: 10px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .other-sports-horses-list .other-sports-items div.sport-more {
      position: relative; }
      .other-sports-horses-list .other-sports-items div.sport-more .no {
        left: 10px;
        font-size: 12px;
        color: #666; }
      .other-sports-horses-list .other-sports-items div.sport-more .track {
        right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .other-sports-horses-list .other-sports-items div.sport-more .rail {
        right: 110px;
        top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .other-sports-horses-list .other-sports-items div.sport-more .trainer {
        left: 50px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        margin-top: 5px;
        display: block; }
      .other-sports-horses-list .other-sports-items div.sport-more .jockey {
        left: 170px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        display: block; }
    .other-sports-horses-list .other-sports-items div.sport-content {
      padding: 0px 10px 10px 10px; }
      .other-sports-horses-list .other-sports-items div.sport-content a {
        color: #0088cc; }
      .other-sports-horses-list .other-sports-items div.sport-content table {
        margin-top: 10px;
        margin-bottom: 10px; }
      .other-sports-horses-list .other-sports-items div.sport-content table td {
        min-width: 225px;
        padding-right: 20px; }
      .other-sports-horses-list .other-sports-items div.sport-content p:empty {
        display: none; }

/* PURCHASE AN OTHER SPORT ########################################################################### */
/* PURCHASE AN OTHER SPORT ########################################################################### */
.other-sports-purchase {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 101; }
  .other-sports-purchase h1, .other-sports-purchase h2, .other-sports-purchase p {
    padding: 0px 40px; }
  .other-sports-purchase h1 {
    margin-top: 80px; }
  .other-sports-purchase h2 {
    font-weight: normal;
    font-size: 22px; }
    .other-sports-purchase h2 small {
      display: block;
      color: #FFF;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px; }
  .other-sports-purchase .other-sports-purchase-yes {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 60px; }

/* PAYPAL SCREEN ########################################################################### */
/* PAYPAL SCREEN ########################################################################### */
.page-paypal .paypal-loader {
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  z-index: 99; }
  .page-paypal .paypal-loader p {
    color: #FFF;
    font-size: 18px;
    margin-top: 100px;
    line-height: 40px; }
.page-paypal .paypal-confirmation .paypal-confirm-action .span6 {
  text-align: right; }
.page-paypal .paypal-confirmation .table-container {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px; }
.page-paypal .paypal-confirmation table {
  width: 100%;
  margin-bottom: 10px; }
  .page-paypal .paypal-confirmation table th, .page-paypal .paypal-confirmation table td {
    text-align: left; }
  .page-paypal .paypal-confirmation table th {
    padding: 5px;
    background: rgba(0, 0, 0, 0.1); }
  .page-paypal .paypal-confirmation table td {
    vertical-align: top;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    font-size: 18px; }

/* VIDEOS LIST ########################################################################### */
/* VIDEOS LIST ########################################################################### */
[class*="videos-"] .videos-date {
    position: relative;
    float: right;
margin: 7px;
  height: 70px;
  width: 90px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px #222;
  -moz-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222; }
[class*="videos-"] .videos-month {
  height: 25px;
  line-height: 26px;
  background: #567153;
  text-align: center;
  color: #FFF;
  text-transform: uppercase; }
[class*="videos-"] .videos-day {
  height: 45px; }
  [class*="videos-"] .videos-day p {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    padding: 15px 20px 5px 20px; }

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

.videos-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; }
  .videos-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
  .videos-list h2 {
    font-size: 16px;
    margin: 5px 5px 5px 10px;
    line-height: 18px; }
  .videos-list p {
    padding: 5px; }
  .videos-list ul {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    /*		border-top: 1px solid #F1F1F1;	*/ }
    .videos-list ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #F1F1F1; }
      .videos-list ul li.videosListHeader {
        color: #457657;
        border-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        text-indent: 15px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .videos-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; }
      .videos-list ul li a {
        display: block;
        position: relative;
        color: #444;
        padding: 10px;
        line-height: 17px;
        /*				text-indent: 20px;*/
        padding-left: 25px;
        height: 24px; }
        .videos-list ul li a.selected {
          background: #F5F5F5;
          color: #444; }
          .videos-list ul li a.selected span.date {
            color: #444; }
        .videos-list ul li a span {
          line-height: 17px;
          height: 24px; }
        .videos-list ul li a span.lock,
        .videos-list ul li a span.date,
        .videos-list ul li a span.author,
        .videos-list ul li a span.byline,
        .videos-list ul li a span.state,
        .videos-list ul li a span.name {
          position: absolute; }
        .videos-list ul li a span.name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 75%; }
        .videos-list ul li a span.lock {
          left: 8px; }
        .videos-list ul li a span.state {
          right: 10px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .videos-list ul li a span.author,
        .videos-list ul li a span.byline {
          left: 25px;
          top: 25px;
          font-size: 12px;
          color: #999; }
        .videos-list ul li a span.date {
          right: 10px;
          font-size: 12px;
          color: #666;
          line-height: 19px;
          top: 10px; }

.videos-video-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; }
  .videos-video-list .videos-video-list-inner {
    top: 90px !important; }
  .videos-video-list.videos-purchased .green-bar {
    height: 0px !important; }
  .videos-video-list.videos-purchased .videos-video-list-inner {
    top: 90px !important; }
  .videos-video-list.videos-purchased .videos-horses-block {
    width: 0px;
    height: 0px; }
  .videos-video-list .videos-action p {
    position: relative; }
    .videos-video-list .videos-action p span {
      position: absolute;
      top: 10px;
      right: 11px;
      font-size: 16px; }
  .videos-video-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+ */
    background: -moz-linear-gradient(top, #5c8c6d, #457657);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #5c8c6d, #457657);
    /* IE10 */
    background: -o-linear-gradient(top, #5c8c6d, #457657);
    /* 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; }
    .videos-video-list .green-bar p {
      padding: 0px;
      padding-top: 4px;
      padding-left: 10px;
      color: #FFF; }
      .videos-video-list .green-bar p a {
        display: block; }
  .videos-video-list .videos-video-list-inner,
  .videos-video-list .videos-horses-block {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 130px;
    background: #FFF; }
  .videos-video-list .videos-video-list-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .videos-video-list .videos-horses-block {
    background: rgba(255, 255, 255, 0.7); }
  .videos-video-list .scrollbar-content {
    margin-top: 10px;
    margin-bottom: 10px; }
    .videos-video-list .scrollbar-content .byline {
      padding: 10px 10px 10px 15px; }
  .videos-video-list h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
    line-height: 18px;
    text-shadow: none; }
  .videos-video-list p {
    padding: 5px; }
  .videos-video-list .videos-header {
    position: relative;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #4b5e55;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px; }
    .videos-video-list .videos-header h2, .videos-video-list .videos-header h3 {
      color: #FFF;
      text-align: left;
      padding: 0px;
      margin: 0px;
      padding-left: 20px; }
    .videos-video-list .videos-header h2 {
      font-size: 27px;
      line-height: 34px;
      padding-top: 20px; }
    .videos-video-list .videos-header h3 {
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
  .videos-video-list .videos-items {
    display: block;
    position: relative;
    color: #444;
    padding: 10px;
    line-height: 17px;
    text-indent: 0px;
    text-align: center;
    /*		height: 16px;*/
    border-bottom: 1px solid #F1F1F1; }
    .videos-video-list .videos-items.selected {
      background: #F5F5F5;
      color: #444; }
      .videos-video-list .videos-items.selected span.date {
        color: #444; }
    .videos-video-list .videos-items span {
      line-height: 17px; }
    .videos-video-list .videos-items span.lock,
    .videos-video-list .videos-items span.date,
    .videos-video-list .videos-items span.name,
    .videos-video-list .videos-items span.people,
    .videos-video-list .videos-items span.race_number,
    .videos-video-list .videos-items span.no,
    .videos-video-list .videos-items span.track,
    .videos-video-list .videos-items span.rail {
      position: absolute; }
    .videos-video-list .videos-items span.race_number {
      left: 10px;
      font-size: 12px;
      color: #666; }
    .videos-video-list .videos-items span.no {
      left: 60px;
      font-size: 12px;
      color: #666; }
    .videos-video-list .videos-items span.name {
      left: 10px;
      top: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      font-size: 17px;
      font-weight: bold; }
    .videos-video-list .videos-items span.people {
      right: 20px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .videos-video-list .videos-items span.date {
      right: 10px;
      font-size: 12px;
      color: #666;
      line-height: 19px; }
    .videos-video-list .videos-items div.video-more {
      position: relative; }
      .videos-video-list .videos-items div.video-more .no {
        left: 10px;
        font-size: 12px;
        color: #666; }
      .videos-video-list .videos-items div.video-more .track {
        right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .videos-video-list .videos-items div.video-more .rail {
        right: 110px;
        top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 19px; }
      .videos-video-list .videos-items div.video-more .trainer {
        left: 50px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        margin-top: 5px;
        display: block; }
      .videos-video-list .videos-items div.video-more .jockey {
        left: 170px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
        padding-left: 10px;
        display: block; }
    .videos-video-list .videos-items div.video-content p {
      padding: 10px;
      font-size: 16px;
      line-height: 18px; }

@media (min-width: 100px) and (max-width: 500px) {
  .iOS .scrollbar {
    margin-top: 15px;
    margin-bottom: 15px; }

  .print-button {
    display: none !important; }

  * {
    width: auto; }

  body {
    background: #4B7B69;
    padding: 0px; }

  .site-navbar {
    position: relative; }
    .site-navbar .user-is-handheld {
      display: block; }
    .site-navbar .user-is-desktop {
      display: none; }
    .site-navbar .dropdown-menu {
      text-align: left; }
    .site-navbar .navbar-inner {
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      background: rgba(0, 0, 0, 0.3);
      border: 0px;
      text-align: center;
      z-index: 100;
      height: auto; }
      .site-navbar .navbar-inner .brand {
        color: #FFF;
        text-shadow: none; }
      .site-navbar .navbar-inner .nav {
        float: none;
        margin: 0 auto;
        width: auto;
        height: 700px;
        text-align: left;
        padding-bottom: 30px;
        overflow: scroll;
        border-top: 1px solid #CACACA;
        display: block; }
      .site-navbar .navbar-inner .nav > li {
        display: block;
        width: auto;
        height: 30px;
        line-height: 30px;
        background: #457657;
        border: 1px solid #CACACA;
        border-bottom: 1px solid #CACACA;
        border-top: 0px;
        text-indent: 10px;
        margin-bottom: 0px; }
        .site-navbar .navbar-inner .nav > li.loggedin-mobile {
          display: block !important;
          background: #679782; }
        .site-navbar .navbar-inner .nav > li.loggedin-desktop {
          display: none !important; }
      .site-navbar .navbar-inner .nav > li > a {
        color: #FFF;
        text-shadow: none;
        padding: 0px; }
        .site-navbar .navbar-inner .nav > li > a.selected, .site-navbar .navbar-inner .nav > li > a:hover {
          background-color: rgba(0, 0, 0, 0.2); }

  [class*="page-"] {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 40px;
    bottom: 0px;
    z-index: 5; }

  .scrollbar,
  .scrollbar-dark {
    ovrflow: scroll;
    -webkit-overflow-scrolling: touch; }

  .site-logo {
    display: none; }

  .page-block {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 50px;
    width: auto;
    height: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .page-block h1, .page-block h2, .page-block h3, .page-block p {
      padding: 0px 10px 5px 10px !important;
      margin: 0px; }
    .page-block h2 {
      font-size: 22px;
      line-height: 24px;
      margin-top: 10px; }

  .meet-purchase h1,
  .trial-purchase h1,
  .daily-specials-purchase h1,
  .saturday-specials-purchase h1,
  .other-sports-purchase h1 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 0px; }
  .meet-purchase h2,
  .trial-purchase h2,
  .daily-specials-purchase h2,
  .saturday-specials-purchase h2,
  .other-sports-purchase h2 {
    margin-top: 0px;
    margin-bottom: 5px; }
    .meet-purchase h2 small,
    .trial-purchase h2 small,
    .daily-specials-purchase h2 small,
    .saturday-specials-purchase h2 small,
    .other-sports-purchase h2 small {
      display: block;
      margin-bottom: 10px;
      color: #FFF;
      font-size: 12px; }

  .other-sports-purchase h1 {
    font-size: 24px;
    line-height: 24px;
    max-height: 100px;
    overflow: hidden; }

  .page-home .row .span8,
  .page-home .row .span5 {
    width: auto; }

  .page-block {
    /* HOME ########################################################################### */
    /* HOME ########################################################################### */
    /* MEET RACE ########################################################################### */
    /* MEET RACE ########################################################################### */ }
    .page-block .meet-race {
      padding: 5px;
      border-radius: 7px;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px; }
      .page-block .meet-race .modal-closer {
        left: 5px;
        top: 5px;
        z-index: 99; }
      .page-block .meet-race .meet-race-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .page-block .meet-race .meet-race-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .page-block .meet-race .meet-race-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .page-block .meet-race .meet-race-name {
        position: absolute;
        top: 40px;
        padding-left: 5px !important;
        font-size: 20px;
        overflow: hidden;
        width: 95%; }
      .page-block .meet-race .meet-race-map {
        display: none; }
      .page-block .meet-race .meet-race-details {
        width: auto;
        right: 10px;
        left: 10px; }
        .page-block .meet-race .meet-race-details ul {
          height: 60px;
          width: auto; }
          .page-block .meet-race .meet-race-details ul li {
            height: 30px;
            line-height: 32px;
            font-size: 14px;
            width: 50%; }
            .page-block .meet-race .meet-race-details ul li span {
              left: 75px;
              top: 0px; }
      .page-block .meet-race .meet-race-content {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: auto;
        height: auto; }
        .page-block .meet-race .meet-race-content .meet-race-content-inner {
          top: 145px;
          bottom: 48px;
          height: auto;
          /*					border: 1px solid red;					*/
          width: 100%; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .scrollbar {
            margin-top: 0px !important; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner h3 {
            padding-left: 0px !important;
            margin-bottom: 10px !important;
            font-size: 16px;
            font-weight: bold !important;
            line-height: 16px; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            margin-bottom: 0px;
            width: auto;
            height: auto;
            margin-left: 10px;
            margin-right: 10px; }
            .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block .scrollbar-content,
            .page-block .meet-race .meet-race-content .meet-race-content-inner .content-block p {
              width: auto;
              /*							margin-left: 10px;*/
              /*							margin-right: 10px;*/ }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li div.specs {
            height: 60px; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li div.bio p {
            margin-left: 30px;
            margin-right: 10px; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li div.barrier {
            right: 70px; }
          .page-block .meet-race .meet-race-content .meet-race-content-inner .block-overview li span.people {
            left: 40px;
            top: 25px;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
      .page-block .meet-race .meet-race-menu {
        bottom: 5px;
        margin-left: 5px;
        margin-right: 5px; }
        .page-block .meet-race .meet-race-menu ul {
          height: 40px; }
        .page-block .meet-race .meet-race-menu li {
          width: 50%;
          height: 40px;
          font-size: 12px; }
          .page-block .meet-race .meet-race-menu li a {
            height: 40px;
            line-height: 40px; }

  /* MEETINGS ########################################################################### */
  /* MEETINGS ########################################################################### */
  .page-meetings-all .page-block {
    background-color: transparent; }

  .meet-list,
  .meet-information {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; }

  .meet-list {
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .meet-information {
    left: 340px;
    width: auto;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto; }
    .meet-information .meet-header .phone-back-to-list {
      position: absolute;
      top: 5px;
      left: 10px;
      display: block;
      width: 100px;
      height: 20px;
      line-height: 20px; }
    .meet-information .meet-header .meet-date .meet-day p {
      margin-top: 13px; }
    .meet-information .meet-header h2 {
      font-size: 20px;
      line-height: 24px;
      margin-top: 30px;
      padding-left: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .meet-information .meet-header h3 {
      padding-left: 10px; }
    .meet-information .green-bar p a {
      padding-top: 5px; }
    .meet-information .meet-purchased-no .meet-content {
      position: absolute;
      top: 134px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      height: auto; }
      .meet-information .meet-purchased-no .meet-content .meet-overview h2 {
        margin-top: 10px; }
    .meet-information .meet-purchased-yes {
      position: absolute;
      top: 91px;
      bottom: 0px;
      left: 0px;
      right: 0px; }
      .meet-information .meet-purchased-yes .meet-overview,
      .meet-information .meet-purchased-yes .meet-quaddie,
      .meet-information .meet-purchased-yes .meet-races {
        height: auto; }
      .meet-information .meet-purchased-yes .table-quaddie {
        margin-bottom: 20px !important; }
      .meet-information .meet-purchased-yes .meet-content {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 50px;
        height: auto; }
        .meet-information .meet-purchased-yes .meet-content .meet-overview,
        .meet-information .meet-purchased-yes .meet-content .meet-quaddie,
        .meet-information .meet-purchased-yes .meet-content .meet-races {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          left: 0px;
          right: 0px;
          width: auto; }
        .meet-information .meet-purchased-yes .meet-content .meet-content-inner {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px; }
          .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-overview,
          .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-quaddie,
          .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-races {
            width: auto;
            overflow: scroll;
            padding-top: 10px; }
            .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-overview .scrollbar-content,
            .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-quaddie .scrollbar-content,
            .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-races .scrollbar-content {
              width: auto;
              height: auto; }
              .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-overview .scrollbar-content table,
              .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-quaddie .scrollbar-content table,
              .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-races .scrollbar-content table {
                width: 100%;
                margin: 0px;
                margin-top: 10px; }
          .meet-information .meet-purchased-yes .meet-content .meet-content-inner .meet-navigation {
            display: none; }
      .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li {
        height: 50px; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-name {
          text-indent: 0px;
          position: absolute;
          left: 10px;
          top: 15px;
          right: 5px;
          font-size: 15px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-name a {
            width: auto;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-distance {
          top: 0px;
          line-height: 33px;
          right: 5px; }
        .meet-information .meet-purchased-yes .meet-races ul.meet-races-list li span.race-no {
          top: 0px;
          line-height: 33px;
          left: 10px; }
      .meet-information .meet-purchased-yes .meet-navigation {
        height: 50px;
        position: absolute !important;
        bottom: 0px;
        /*				background: gray;*/
        overflow: hidden;
        z-index: 99;
        background: #457657;
        width: 100%;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
        .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items {
          width: 33%;
          display: inline;
          height: 50px;
          margin-left: 0px !important;
          margin-right: 0px !important; }
          .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items:nth-child(2) {
            width: 34%; }
          .meet-information .meet-purchased-yes .meet-navigation .meet-navigation-items a {
            padding-top: 5px;
            height: 50px;
            line-height: 18px;
            font-size: 16px;
            margin-top: 0px;
            padding-left: 5px;
            padding-right: 5px; }

  /* TRIALS MOBILE ########################################################################### */
  /* TRIALS MOBILE ########################################################################### */
  .trial-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .trial-race-list {
    width: auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto; }
    .trial-race-list .trial-header .phone-back-to-list {
      position: absolute;
      top: 5px;
      left: 10px;
      display: block;
      width: 100px;
      height: 20px;
      line-height: 20px;
      color: #FFF; }
    .trial-race-list .trial-header .trial-date .trial-day p {
      margin-top: 13px; }
    .trial-race-list .trial-header h2 {
      font-size: 20px;
      line-height: 24px;
      margin-top: 30px;
      padding-left: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .trial-race-list .trial-header h3 {
      padding-left: 10px; }
    .trial-race-list .trial-race-list-inner ul li a span {
      font-size: 12px !important; }
    .trial-race-list .trial-race-list-inner ul li a span.race_number {
      left: 10px; }
    .trial-race-list .trial-race-list-inner ul li a span.name {
      width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .trial-race-list .trial-race-list-inner ul li a span.distance {
      right: 60px; }

  .trial-results {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: auto; }
    .trial-results .scrollbar-dark {
      /*			position: absolute;*/
      /*			overflow: scroll;*/
      /*			@include absoluteFull;*/
      /*			top: 70px;*/
      /*			bottom: 0px;*/
      /*			height: auto;*/
      top: 70px;
      height: auto !important; }
    .trial-results .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .trial-results .trial-date {
      top: 5px;
      right: 5px;
      width: 100px;
      height: 30px;
      font-size: 16px !important; }
      .trial-results .trial-date div {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
        height: 30px !important;
        line-height: 30px !important;
        width: 50px; }
        .trial-results .trial-date div p {
          padding: 0px;
          margin: 0px;
          font-size: 16px !important;
          width: auto;
          padding: 0px; }
    .trial-results h1.trial-race-name {
      position: absolute;
      top: 35px;
      padding-left: 10px !important;
      font-size: 20px;
      overflow: hidden;
      width: 95%; }
    .trial-results .trial-details p {
      padding-left: 0px !important; }
    .trial-results .trial-race-details {
      width: auto;
      right: 10px;
      left: 10px; }
      .trial-results .trial-race-details ul {
        height: 60px;
        width: auto;
        margin-left: 10px;
        margin-right: 10px; }
        .trial-results .trial-race-details ul li {
          height: 30px;
          line-height: 32px;
          font-size: 14px;
          width: 50%; }
          .trial-results .trial-race-details ul li span {
            left: 75px;
            top: 0px; }
    .trial-results .trial-horse {
      margin-left: 10px;
      margin-right: 10px; }
      .trial-results .trial-horse .trial-jockey p,
      .trial-results .trial-horse .trial-trainer p,
      .trial-results .trial-horse .trial-comment p {
        padding-left: 0px !important;
        padding-right: 0px !important; }
      .trial-results .trial-horse .trial-jockey p {
        padding-bottom: 2px !important; }

  /* FUTURE HORSES MOBILE ########################################################################### */
  /* FUTURE HORSES  MOBILE ########################################################################### */
  .futures-locations-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .futures-horses-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto; }
    .futures-horses-list .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .futures-horses-list .futures-header .phone-back-to-list {
      position: absolute;
      top: 5px;
      left: 10px;
      display: block;
      width: 100px;
      height: 20px;
      line-height: 20px;
      color: #FFF; }
    .futures-horses-list .futures-header .futures-date {
      top: 5px;
      right: 5px;
      width: 100px;
      height: 30px;
      font-size: 16px !important; }
      .futures-horses-list .futures-header .futures-date div {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
        height: 30px !important;
        line-height: 30px !important;
        width: 50px; }
        .futures-horses-list .futures-header .futures-date div p {
          padding: 0px;
          margin: 0px;
          font-size: 16px !important;
          width: auto;
          padding: 0px; }
    .futures-horses-list .futures-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; }
    .futures-horses-list .futures-header h3 {
      padding-top: 2px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 12px; }
    .futures-horses-list .futures-horses-list-inner {
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      top: 130px;
      height: auto !important;
      /* Android is such a P.O.S!!! Need !important just for Android devices. */
      width: auto; }
      .futures-horses-list .futures-horses-list-inner.futures-not-purchased .futures-horses-block {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 90px;
        height: auto !important;
        /* Android is such a P.O.S!!! Need !important just for Android devices. */
        width: auto; }
      .futures-horses-list .futures-horses-list-inner .scrollbar-content {
        position: relative; }
      .futures-horses-list .futures-horses-list-inner .future-horses-ul li span {
        font-size: 12px;
        position: absolute;
        display: block; }
      .futures-horses-list .futures-horses-list-inner .future-horses-ul li span.future-horse-name {
        font-size: 15px;
        left: 0px;
        width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 52; }
      .futures-horses-list .futures-horses-list-inner .future-horses-ul li span.future-horse-owner {
        right: 5px;
        z-index: 51; } }
      @media (min-width: 100px) and (max-width: 500px) and (max-width: 500px) and (min-width: 100px) {
        .futures-horses-list .futures-horses-list-inner .future-horses-ul li span.future-horse-owner {
          width: 125px;
          overflow: hidden; } }

@media (min-width: 100px) and (max-width: 500px) {
  .future-blogs {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px; }
    .future-blogs .future-blogs-modal-inner {
      bottom: 0px;
      height: auto !important; }
      .future-blogs .future-blogs-modal-inner .future-horse-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .future-blogs .future-blogs-modal-inner .future-horse-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .future-blogs .future-blogs-modal-inner .future-horse-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .future-blogs .future-blogs-modal-inner h1.future-horse-name {
        font-size: 22px;
        margin-left: 0px;
        margin-top: 40px;
        width: auto; }
      .future-blogs .future-blogs-modal-inner .scrollbar {
        position: absolute;
        top: 70px;
        left: 10px;
        right: 10px;
        bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: auto !important; }
        .future-blogs .future-blogs-modal-inner .scrollbar .future-horse-row {
          margin-bottom: 10px; }
          .future-blogs .future-blogs-modal-inner .scrollbar .future-horse-row h2 {
            padding-left: 0px !important;
            margin-top: 0px;
            margin-left: 0px;
            text-indent: 0px; }

  /* DAILY SPECIALS MOBILE ########################################################################### */
  /* DAILY SPECIALS MOBILE ########################################################################### */
  .daily-specials-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .daily-specials-horses-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto; }
    .daily-specials-horses-list .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .daily-specials-horses-list .daily-specials-header {
      /*			.daily-specials-date {
      				.daily-specials-day {
      					p {
      						margin-top: 13px;
      					}
      				}
      			}*/ }
      .daily-specials-horses-list .daily-specials-header .phone-back-to-list {
        position: absolute;
        top: 5px;
        left: 10px;
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        color: #FFF; }
      .daily-specials-horses-list .daily-specials-header .daily-specials-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .daily-specials-horses-list .daily-specials-header .daily-specials-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .daily-specials-horses-list .daily-specials-header .daily-specials-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .daily-specials-horses-list .daily-specials-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; }
      .daily-specials-horses-list .daily-specials-header h3 {
        padding-top: 2px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 12px; }
    .daily-specials-horses-list .daily-specials-horses-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; }
      .daily-specials-horses-list .daily-specials-horses-list-inner .scrollbar-content {
        position: relative; }
    .daily-specials-horses-list .daily-specials-horses-list-inner ul li a span {
      font-size: 12px !important; }
    .daily-specials-horses-list .daily-specials-horses-list-inner ul li a span.race_number {
      left: 10px; }
    .daily-specials-horses-list .daily-specials-horses-list-inner ul li a span.name {
      width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .daily-specials-horses-list .daily-specials-horses-list-inner ul li a span.distance {
      right: 60px; }
    .daily-specials-horses-list .daily-specials-items {
      padding-left: 0px;
      padding-right: 0px; }
      .daily-specials-horses-list .daily-specials-items div.special-content p {
        padding: 5px;
        padding-bottom: 10px !important; }
      .daily-specials-horses-list .daily-specials-items span.trainer {
        margin-top: 0px !important;
        padding-top: 0px; }
      .daily-specials-horses-list .daily-specials-items span.jockey {
        margin-bottom: 5px !important; }
      .daily-specials-horses-list .daily-specials-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; }

        /* saturday SPECIALS MOBILE ########################################################################### */
        /* saturday SPECIALS MOBILE ########################################################################### */
        .saturday-specials-list {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          width: auto;
          height: auto;
          -webkit-box-shadow: 0px 0px 0 transparent;
          -moz-box-shadow: 0px 0px 0 transparent;
          box-shadow: 0px 0px 0 transparent; }

        .saturday-specials-horses-list {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          height: auto;
          width: auto; }
          .saturday-specials-horses-list .modal-closer {
            left: 5px;
            top: 5px;
            z-index: 99; }
          .saturday-specials-horses-list .saturday-specials-header {
            /*			.saturday-specials-date {
            				.saturday-specials-day {
            					p {
            						margin-top: 13px;
            					}
            				}
            			}*/ }
            .saturday-specials-horses-list .saturday-specials-header .phone-back-to-list {
              position: absolute;
              top: 5px;
              left: 10px;
              display: block;
              width: 100px;
              height: 20px;
              line-height: 20px;
              color: #FFF; }
            .saturday-specials-horses-list .saturday-specials-header .saturday-specials-date {
              top: 5px;
              right: 5px;
              width: 100px;
              height: 30px;
              font-size: 16px !important; }
              .saturday-specials-horses-list .saturday-specials-header .saturday-specials-date div {
                display: block;
                float: left;
                margin: 0px;
                padding: 0px;
                height: 30px !important;
                line-height: 30px !important;
                width: 50px; }
                .saturday-specials-horses-list .saturday-specials-header .saturday-specials-date div p {
                  padding: 0px;
                  margin: 0px;
                  font-size: 16px !important;
                  width: auto;
                  padding: 0px; }
            .saturday-specials-horses-list .saturday-specials-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; }
            .saturday-specials-horses-list .saturday-specials-header h3 {
              padding-top: 2px;
              padding-left: 10px;
              font-size: 14px;
              line-height: 12px; }
          .saturday-specials-horses-list .saturday-specials-horses-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; }
            .saturday-specials-horses-list .saturday-specials-horses-list-inner .scrollbar-content {
              position: relative; }
          .saturday-specials-horses-list .saturday-specials-horses-list-inner ul li a span {
            font-size: 12px !important; }
          .saturday-specials-horses-list .saturday-specials-horses-list-inner ul li a span.race_number {
            left: 10px; }
          .saturday-specials-horses-list .saturday-specials-horses-list-inner ul li a span.name {
            width: 135px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .saturday-specials-horses-list .saturday-specials-horses-list-inner ul li a span.distance {
            right: 60px; }
          .saturday-specials-horses-list .saturday-specials-items {
            padding-left: 0px;
            padding-right: 0px; }
            .saturday-specials-horses-list .saturday-specials-items div.special-content p {
              padding: 5px;
              padding-bottom: 10px !important; }
            .saturday-specials-horses-list .saturday-specials-items span.trainer {
              margin-top: 0px !important;
              padding-top: 0px; }
            .saturday-specials-horses-list .saturday-specials-items span.jockey {
              margin-bottom: 5px !important; }
            .saturday-specials-horses-list .saturday-specials-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; }


  /* VIDEOS MOBILE ########################################################################### */
  /* VIDEOS MOBILE ########################################################################### */
  .videos-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .videos-video-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto; }
    .videos-video-list .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .videos-video-list .videos-header {
      /*			.videos-date {
      				.videos-day {
      					p {
      						margin-top: 13px;
      					}
      				}
      			}*/ }
      .videos-video-list .videos-header .phone-back-to-list {
        position: absolute;
        top: 5px;
        left: 10px;
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        color: #FFF; }
      .videos-video-list .videos-header .videos-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .videos-video-list .videos-header .videos-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .videos-video-list .videos-header .videos-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .videos-video-list .videos-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; }
      .videos-video-list .videos-header h3 {
        padding-top: 2px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 12px; }
    .videos-video-list .videos-video-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; }
      .videos-video-list .videos-video-list-inner .scrollbar-content {
        position: relative; }
    .videos-video-list .videos-video-list-inner ul li a span {
      font-size: 12px !important; }
    .videos-video-list .videos-video-list-inner ul li a span.race_number {
      left: 10px; }
    .videos-video-list .videos-video-list-inner ul li a span.byline {
      width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .videos-video-list .videos-video-list-inner ul li a span.distance {
      right: 60px; }
    .videos-video-list .videos-items {
      padding-left: 0px;
      padding-right: 0px; }
      .videos-video-list .videos-items div.special-content p {
        padding: 5px;
        padding-bottom: 10px !important; }
      .videos-video-list .videos-items span.trainer {
        margin-top: 0px !important;
        padding-top: 0px; }
      .videos-video-list .videos-items span.jockey {
        margin-bottom: 5px !important; }
      .videos-video-list .videos-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; }

  /* OTHER SPORTS MOBILE ########################################################################### */
  /* OTHER SPORTS MOBILE ########################################################################### */
  .other-sports-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0px 0px 0 transparent;
    -moz-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent; }

  .other-sports-horses-list {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto; }
    .other-sports-horses-list .modal-closer {
      left: 5px;
      top: 5px;
      z-index: 99; }
    .other-sports-horses-list .other-sports-header {
      /*			.other-sports-date {
      				.other-sports-day {
      					p {
      						margin-top: 13px;
      					}
      				}
      			}*/ }
      .other-sports-horses-list .other-sports-header .phone-back-to-list {
        position: absolute;
        top: 5px;
        left: 10px;
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        color: #FFF; }
      .other-sports-horses-list .other-sports-header .other-sports-date {
        top: 5px;
        right: 5px;
        width: 100px;
        height: 30px;
        font-size: 16px !important; }
        .other-sports-horses-list .other-sports-header .other-sports-date div {
          display: block;
          float: left;
          margin: 0px;
          padding: 0px;
          height: 30px !important;
          line-height: 30px !important;
          width: 50px; }
          .other-sports-horses-list .other-sports-header .other-sports-date div p {
            padding: 0px;
            margin: 0px;
            font-size: 16px !important;
            width: auto;
            padding: 0px; }
      .other-sports-horses-list .other-sports-header h2 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
        padding-left: 10px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 95%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .other-sports-horses-list .other-sports-header h3 {
        padding-top: 2px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 12px; }
    .other-sports-horses-list .other-sports-horses-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; }
      .other-sports-horses-list .other-sports-horses-list-inner .scrollbar-content {
        position: relative; }
        .other-sports-horses-list .other-sports-horses-list-inner .scrollbar-content span.name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: auto;
          font-size: 14px;
          color: #999;
          padding-left: 15px; }
    .other-sports-horses-list .other-sports-horses-list-inner ul li a span {
      font-size: 12px !important; }
    .other-sports-horses-list .other-sports-horses-list-inner ul li a span.race_number {
      left: 10px; }
    .other-sports-horses-list .other-sports-horses-list-inner ul li a span.name {
      width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .other-sports-horses-list .other-sports-horses-list-inner ul li a span.distance {
      right: 60px; }
    .other-sports-horses-list .other-sports-items {
      padding-left: 0px;
      padding-right: 0px; }
      .other-sports-horses-list .other-sports-items div.special-content p {
        padding: 5px;
        padding-bottom: 10px !important; }
      .other-sports-horses-list .other-sports-items span.trainer {
        margin-top: 0px !important;
        padding-top: 0px; }
      .other-sports-horses-list .other-sports-items span.jockey {
        margin-bottom: 5px !important; }
      .other-sports-horses-list .other-sports-items div.sport-content p {
        padding-left: 0px !important;
        padding-bottom: 10px !important; }
      .other-sports-horses-list .other-sports-items div.sport-content table td:nth-child(1) {
        min-width: 215px;
        padding-right: 5px; }
      .other-sports-horses-list .other-sports-items div.sport-content table td:nth-child(2) {
        min-width: 15px;
        padding-right: 5px; }
      .other-sports-horses-list .other-sports-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; }

  /* OTHER SECTIONS ########################################################################### */
  /* OTHER SECTIONS ########################################################################### */
  .section-header {
    width: auto; }
    .section-header h1 {
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      font-size: 22px;
      width: auto;
      letter-spacing: 1px; }
      .section-header h1 small {
        font-size: 14px; }

  .page-disclaimer .scrollbar {
    height: auto; }

  .page-about .scrollbar {
    height: auto; }

  .page-meetings-all {
    overflow: hidden; }
    .page-meetings-all .scrollbar {
      height: auto; }

  .form-horizontal.form-horizontal-tight .controls {
    margin-left: 30px; }

  .page-home .page-block .how-to {
    border-left: 0px; }

  /* PAYPAL SCREEN ########################################################################### */
  /* PAYPAL SCREEN ########################################################################### */
  .page-paypal h1 {
    font-size: 26px; }
  .page-paypal h3 {
    line-height: 18px;
    margin-bottom: 10px; }
  .page-paypal .paypal-confirmation .paypal-confirm-action .span6 {
    margin-top: 10px;
    text-align: left; }
  .page-paypal .paypal-confirmation table th, .page-paypal .paypal-confirmation table td {
    text-align: left; }
  .page-paypal .paypal-confirmation table td {
    font-size: 14px; }

  /* PAGE USER ########################################################################### */
  /* PAGE USER ########################################################################### */
  .page-user .page-block .home-user-output {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*				height: auto; */ }
  .page-user .page-block .account-sub-mydetails form,
  .page-user .page-block .account-sub-history form,
  .page-user .page-block .account-sub-forgot form,
  .page-user .page-block .account-sub-register form,
  .page-user .page-block .account-sub-login form,
  .page-user .page-block .account-sub-rest-form form {
    width: auto; }
  .page-user .page-block .user-past-purchases {
    position: absolute;
    top: 80px;
    bottom: 60px;
    width: 100%;
    height: auto; }
    .page-user .page-block .user-past-purchases table {
      width: auto;
      margin-left: 0px;
      margin-right: 0px; }

  .page-purchases .page-block .purchase-container h2, .page-purchases .page-block .purchase-container h3, .page-purchases .page-block .purchase-container p {
    padding-left: 0px !important; }
  .page-purchases .page-block .purchase-container p {
    padding-bottom: 5px; }
  .page-purchases .page-block .purchase-container .purchase-container-inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto; }
    .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step {
      margin-left: 5px;
      margin-right: 5px;
      height: auto; }
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name,
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains,
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed {
        width: 100%;
        font-size: 14px !important;
        height: 60px;
        width: 33%; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p,
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p,
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p {
          text-align: center;
          margin: 0px !important;
          padding: 0px !important;
          font-size: 18px;
          line-height: 40px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p span, .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p a,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p span,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p a,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p span,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p a {
            font-size: 12px;
            line-height: 0px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .name p a,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains p a,
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .proceed p a {
            line-height: 60px; }
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-products .product .contains {
        width: 34%; }
      .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: auto;
        overflow: scroll;
        bottom: 0px; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment .purchase-back {
          top: 10px;
          right: 10px;
          bottom: auto; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table {
          margin-bottom: 10px; }
          .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment table td {
            font-size: 14px; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment #pay-card-expiry-month,
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment #pay-card-expiry-year {
          width: 80px;
          display: inline; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment #creditPurchaseForm .control-group {
          margin-bottom: 6px; }
        .page-purchases .page-block .purchase-container .purchase-container-inner .purchase-step.purchase-payment .purchase-options-or {
          margin-bottom: 5px;
          text-align: left; } }


.homepageadvert{
  background: rgba(255,255,255,0.8);
  margin: -15px -15px 15px 15px;
  border-radius: 8px;
}
.homepageadvert h2 {
  color: #2A3D3A;
  text-shadow: -2px 2px 3px #999999;
  line-height: 1.2em;
}
.homepageadvert p {
  color: #333333 !important;
}