/* DEFAULT THEME */

.raceEvent { text-align:left; font-family: 'Open Sans', "helvetica neue", helvetica, arial, sans-serif !important;}
.raceEvent * 	{ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#data article.raceEvent h3,
#data article.raceEvent h2,
#data article.raceEvent h1 { margin: 1em 0; font: 300 48px/.75 'Open Sans', "helvetica neue", helvetica, arial, sans-serif !important; color: rgb(187,136,136)}
#data article.raceEvent h3,
#data article.raceEvent h2 { font-size: 21px !important; color: rgb(72,72,72); }
#data article.raceEvent div + h2 {margin-top: 48px !important}
#data article.raceEvent h3 {font-size: 18px !important;}
.raceEvent ul.list-menu	{ display: block; list-style: none !important;  margin: 0 0 32px; padding: 0 0 12px 0; overflow: auto; font-weight:600;}
.list-menu li:first-child  {border: 0}
.list-menu li {float: left; margin: 0 !important; padding: 0; border-left: 1px solid rgb(220,220,220) }
.list-menu li:first-child a {margin-left: 0 !important}
.list-menu a {display: inline-block; margin: 0 12px;}
.raceEvent div p a,
.table-races a,
#data article.raceEvent h3,
.list-menu a:hover {color: #c71f38 !important}
.raceEvent div li a:hover,
.raceEvent div p a:hover,
.raceEvent p { font-size:14px;}
.containter-text p a:hover {text-decoration: underline!important}
#data article.raceEvent h3 + table {margin-top: -5px !important}
.table-races {width: 100%; border-collapse: collapse; margin: 0 0 21px 0; border-left: 1px solid #eceff1; border-right: 1px solid #eceff1; border-top: 1px solid #eceff1;}
.table-races thead {background-color:#f1f6f9; color: white; text-align: left}
.table-races td,
.table-races th {padding: 3px 10px; color: rgb(57, 57, 57); border-bottom: 1px solid #eceff1}
.table-races th:last-child {text-align:right;}
.table-races th span{display: block; text-align: right;}
.table-races tr:nth-child(even) {background: rgb(240,240,240)}
.table-races td:last-child {text-align: right;}
.table-races tr:nth-child(2n) {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.table-races a{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #137dae;
    border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.1);
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px;
    text-decoration: none !important;
    vertical-align: middle;
}

/* Reset this back to none */
.table-races.fundraising a{
	width: auto !important;
	border: 0 !important;
	border-style: none !important;
	box-shadow: none !important;
	background-color:transparent !important;
}


@media only screen and (max-width: 767px) {
	.table-races a{ height:auto;line-height:auto; }
/*	button, .table-races a.link-register { text-indent: -9999em; background:url(/img/donate.png) no-repeat center center; background-color:#1588be; background-size:30px 30px; line-height:40px; height:40px; width:40px; text-align:left; display:inline-block; vertical-align:top; }
	.table-races a.link-register{ background:#1588be url(/img/register.png) no-repeat center center; background-size:30px 30px;  }
	button.button-register, .table-races a.link-register{ background:#1588be url(/img/register.png) no-repeat center center; background-size:30px 30px;  }
*/
	.table-races a.link-register { background:#137dae url(../img/register.png) no-repeat center center;text-indent: -9999em; background-color:#1588be; background-size:30px 30px; line-height:40px; height:40px; width:40px; text-align:left; display:inline-block; vertical-align:top; }
}
.container-text-training,
.container-text-events,
.container-text-register,
.container-text-dashboard,
.container-text-fundraising,
.container-text-terms,
.container-text-aditional,
.container-text,
.container-graphic,
.containter	{font-size: 14px !important; font-weight: 400; line-height: 1.7}
.containter-text p {margin-bottom: 1em !important}
.container-text-aditional {margin-top: -10px; font-size: 12px !important; color: rgb(82,82,82); text-indent: 8px;}
.container-text-aditional p { font-size: 12px !important; }
.raceEvent ul.list-nostyle {list-style: none !important; margin: 0; padding: 0;}
.list-nostyle li {margin-left: 0 !important}
.raceEvent ul {list-style-type: circle !important; margin-bottom: 1em !important}
.container-text-terms ul,
.container-text-terms p		{margin-bottom: 1em;}
.container-graphic-left img,
.container-graphic 	img		{display: block; margin: 0 auto; max-width: 100%; width: auto;}
.container-graphic-left img {margin: 0}
.container-text-register .container-text-terms ul {margin-top: 1em}
.sponsor li { border:0; padding-right:10px; padding-bottom:5px; }

/* Hide some sections to make it not so long */
#a-training + div,
#a-register + div,
#a-fundraising + div,
#a-dashboard + div {
	display: none;
}

#a-training span,
#a-register span,
#a-fundraising span,
#a-dashboard span {
	font-size:14px;
	margin-left:10px;
	color:#ff707a;
	cursor:pointer;
}

/* GREY BOXED THEME */
.raceEvent.shadowed .container-text-events,
.raceEvent.shadowed .container-text-register,
.raceEvent.shadowed .container-text-dashboard,
.raceEvent.shadowed .container-text-funraising,
.raceEvent.shadowed .container-text-training,
.raceEvent.shadowed .container-text-terms,
.raceEvent.shadowed .container-text-aditional,
.raceEvent.shadowed .container-text,
.raceEvent.shadowed .container-graphic,
.raceEvent.shadowed .containter	{ background: rgb(230,230,230); padding: 16px; border-radius: 4px}

.raceEvent.shadowed div h3:first-child {margin-top: 0 !important}
.raceEvent.shadowed .table-races {background: white}


/* Night THEME */
.raceEvent.night {background: rgb(52,52,52); padding: 1px 21px 21px; color: rgb(240,240,240)}
#data article.raceEvent.night h3,
#data article.raceEvent.night h2,
#data article.raceEvent.night h1 { color: rgb(252,253,254)}
#data article.raceEvent.night h3,
#data article.raceEvent.night h2 { font-size: 21px !important; color: rgb(200,200,200); }

.raceEvent.night .list-menu a,
.raceEvent.night .container-text-aditional,
#data article.raceEvent.night h3 {color: rgb(200,200,200) !important}

.raceEvent.night li a,
.raceEvent.night div p a,
.raceEvent.night .table-races a,
.raceEvent.night .list-menu a:hover {color: rgb(255, 138, 0) !important}

.raceEvent.night .table-races {background: rgb(250,250,250); color: rgb(72,72,72) !important}
.raceEvent.night .table-races thead {background: rgb(27,27,27); color: white !important; text-align: left}
.raceEvent.night .table-races thead tr th {color: white !important}
.raceEvent.night .table-races a{ background-color: rgb(52,52,52) !important; color: white !important; }

/* Dark THEME */
.raceEvent.dark {background-color: #800000; padding: 1px 21px 21px; color: rgb(255,255,255)}

#data article.raceEvent.dark h3,
#data article.raceEvent.dark h2,
#data article.raceEvent.dark h1 { color: rgb(255,253,253)}
#data article.raceEvent.dark h3,
#data article.raceEvent.dark h2 { font-size: 21px !important; color: rgb(255,200,200); }

.raceEvent.dark .list-menu a,
.raceEvent.dark .container-text-aditional,
#data article.raceEvent.dark h3 {color: rgb(255,230,230) !important}

.raceEvent.dark li a,
.raceEvent.dark div p a,
.raceEvent.dark .list-menu a:hover {color: yellow !important}

.raceEvent.dark .table-races {background: rgb(250,250,250); color: rgb(72,72,72) !important}
.raceEvent.dark .table-races thead {background: rgb(255,27,27); color: white !important; text-align: left}
.raceEvent.dark .table-races a{ background-color: #800000 !important; color: white !important; }

/* Ultra THEME */
#data article.raceEvent.ultra h1 { color:#cf1f2e; }
#data article.raceEvent.ultra h3 { color:#cf1f2e !important; }

#data article.raceEvent.ultra .table-races thead {background: #f5f5f5; color: #414042}
#data article.raceEvent.ultra .table-races a{ background-color:#cf1f2e; color:#ffffff; }

#data article.raceEvent.ultra li a,
#data article.raceEvent.ultra div p a,
#data article.raceEvent.ultra .list-menu a:hover { color:#cf1f2e !important }
