body {
	background-color: #1a5f46;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	color: black;
}
a:link {
    color: black;
	text-decoration: none;
}
a:visited {
    color: black;
	text-decoration: none;
}
a:hover {
    color: black;
	text-decoration: none;
}
a:active {
    color: black;
	text-decoration: none;
}


.spdr-rc-box {
    border-radius:10px; border-top-left-radius:8px;
	margin: 0px;
	padding: 15px;
	text-align: left;
    background-color: #093028;
}
.spdr-rc-box-header {
	background-color: #093028;
	color: goldenrod;
	border-radius:5px; border-top-left-radius:5px;
	padding: 3px;
}
.spdr-rc-box-formline-header {
	background-color: #1a5f46;
	color: white;
	border-radius:5px; border-top-left-radius:5px;
	padding: 3px;
	margin-top: -11px;
	margin-bottom: 3px;
}
.spdr-rc-box-formline-row {
	background-color: white;
	color: black;
	border-radius:5px; border-top-left-radius:5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.spdr-rc-box-formline-row-gold {
	background-color: goldenrod;
	color: black;
	border-radius:5px; border-top-left-radius:5px;
	padding: 3px;
	margin-top: 1px;
	margin-bottom: 3px;
}
.spdr-rc-box-formline-row-silver {
	background-color: silver;
	color: black;
	border-radius:5px; border-top-left-radius:5px;
	padding: 3px;
	margin-top: 1px;
	margin-bottom: 3px;
}

.spdr-rc-box-label-row {
	background-color: goldenrod;
	border-radius:5px; border-top-left-radius:5px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	color: black;
}
.spdr-rc-box-race-details-row {
	background-color: indigo;
	border-radius:5px; border-top-left-radius:5px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	color: white;
}

.spdr-rc-box-panel-row {
	background-color: #b8ecda;
	border-radius:5px; border-top-left-radius:5px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	color: black;
}

.spdr-rc-box-bkg {
	background-color: #b8ecda;
	border-radius:5px; border-top-left-radius:5px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	color: black;
}
.spdr-rc-box-row {
	background-color: white;
	border-radius:5px; border-top-left-radius:5px;
	padding: 10px;
}
.spdr-rc-box-title {
	font-size: 18px;
}

.spdr-spacer {
	padding: 2px;
}


.spdr-sire-icon {
	color: #008c9e;
}
.spdr-dam-icon {
	color: #f34363;
}


.spdr-gold-box {
	color: black;
	background-color: goldenrod;
	text-align: center;
	border-radius:5px; border-top-left-radius:5px;
}

.spdr-sire-dam {
	font-size: 12px;
}

.spdr-icon-on {
	color: darkred;
}
.spdr-white {
	color: white;
}
.spdr-left-box-bkg {
	color: #b8ecda;
}
.spdr-dkgrn {
	color: darkgreen;
}
.spdr-label {
	color: #1a5f46;
}
.spdr-indigo {
	color: indigo;
}
.spdr-black {
	color: black;
}
.spdr-red {
	color: darkred;
}
.spdr-gold {
	color: goldenrod;
}
.spdr-page-headline {
	text-align: center;
}
.spdr-page-slogan {
	text-align: center;
}
.spdr-underline {
	text-decoration: underline;
}
.spdr-betfair-odds {
	border-style: outset;
	background-color: #a5d7ff;
}

.spdr-today-badge {
	background-color: indigo;
	color: white;
	font-size: 14px;
}
.spdr-cd-badge {
	background-color: darkgreen;
	color: white;
	font-size: 14px;
}

/* going colours */

.g_fm {
	background-color: darkgreen;
	color: white;
}
.g_gf {
	background-color: green;
	color: white;
}
.g_gd {
	background-color: forestgreen;
	color: white;
}
.g_gdsft {
	background-color: olivedrab;
	color: white;
}
.g_soft {
	background-color: darkolivegreen;
	color: white;
}
.g_mud {
	background-color: saddlebrown;
	color: white;
}
.g_sand {
	background-color: sandybrown;
	color: black;
}
.g_fst_sand {
	background-color: tan;
	color: black;
}
.g_slw_sand {
	background-color: darkgoldenrod;
	color: black;
}
.g_ice {
	background-color: skyblue;
	color: white;
}
.g_slop {
	background-color: stellblue;
	color: white;
}


/* button styling  */
.spdr-btn {
	background-color: #093028;
	border: solid 1px white;
	outline-color: white;  /* the border colour on button depress */
	color: white !important;
}
.spdr-btn:hover, .spdr-btn:focus, .spdr-btn:active  {
	background-color: goldenrod;
	border: solid 1px black;
	outline-color: black;  /* the border colour on button depress */
	color: black !important;
}
.spdr-button-wrapper .btn {
    margin-bottom:10px;
}

/* notes page */
.spdr-notes-form {
	color:#FFF;
	font-size:14px;
}

.spdr-notes-field {
	word-wrap: break-word;
	height: 320px;
	width:750px;
	overflow:hidden;
	background-color:#FFF;
	color:#222;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	resize:none;
	line-height:40px;
	padding-left:100px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:34px;
	background-image:url('../images/lines.png'), url('../images/paper.png');
	background-repeat:repeat-y, repeat;
	-webkit-border-radius:12px;
	border-radius:12px;
	-webkit-box-shadow: 0px 2px 14px #000;
	box-shadow: 0px 2px 14px #000;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

.spdr-notes-wrapper {
	width:750px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}
		
		
/* change highlight colour for input fields */

/* the text field background colour */
.form-control {
    background-color: #093028;
    background: #093028;
    background: -moz-linear-gradient(top, #093028 0%, #0f4133 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #093028), color-stop(100%, #0f4133));
    background: -webkit-linear-gradient(top, #093028 0%, #0f4133 100%);
    background: -o-linear-gradient(top, #093028 0%, #0f4133 100%);
    background: -ms-linear-gradient(top, #093028 0%, #0f4133 100%);
    background: linear-gradient(to bottom, #093028 0%, #0f4133 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093028', endColorstr='#0f4133', GradientType=0 );
    color: white;
}

/* the highlight focus colour for text fields */
.form-control:focus {
    border-color: goldenrod;
    box-shadow: 0 1px 1px goldenrod inset, 0 0 8px goldenrod;
    outline: 0 none;
	color: white;
}

/* custom svg icons */
.custom-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-horse1 {
  width: 1.8486328125em;
}

.icon-racehorse {
  width: 1.7744140625em;
}

.icon-horse-tracker {
  width: 1.138671875em;
}

.icon-spd-logo {
  width: 0.9169921875em;
}

.icon-stable {
  width: 1.4248046875em;
}

.icon-horse2 {
  width: 1.439453125em;
}

.icon-trophy {
  width: 0.7041015625em;
}

.icon-bettingslip {
  width: 0.7265625em;
}

.icon-cartoon-horse {
  width: 1.0068359375em;
}

.icon-speedratings-logo {
  width: 0.97265625em;
}

.font-normal {
    font-weight: 600;
}
.font-bold {
    font-weight: 900;
}