@radius: 0px;
@mini-radius: 0px;
@green: #aee13d;

/*=====================================================*/
/* Global Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {

}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
html, body {
	height:100%;
}
html, body {
	margin:0;
	padding:0
}
/* IE6 PNG Fix */
img, div {
	behavior: url(iepngfix.htc)
}

header, nav, section, footer, article, aside {
	display: block;
}

/*=====================================================*/
/* Global Definitions */

* {
	margin:0;
	padding:0;
}

html, body {
	background: #000;
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #494747;
}

a {
	text-decoration: none;
}

p a, td a {
	color: #7fb604;
	text-decoration: underline;
}

/*=====================================================*/
/* Global Definitions */

header > section, nav > section, section > section, footer > section {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

body > header, body > nav, body > section, body > footer {
	width: 100%;
	float: left;
}

h2 {
	font-size: 20px;
	font-family: 'Conv_MyriadPro-Semibold', Arial;
	color: #1a191c;
	font-weight: normal;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	color: #1a191c;
	font-weight: normal;
}

@font-face {
	font-family: 'Conv_futuran';
    src: url('font/MyriadPro-Semibold.eot');
    src: url('font/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('font/MyriadPro-Semibold.woff') format('woff'),
         url('font/MyriadPro-Semibold.ttf') format('truetype'),
         url('font/MyriadPro-Semibold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_MyriadPro-Semibold';
    src: url('font/MyriadPro-Semibold.eot');
    src: url('font/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('font/MyriadPro-Semibold.woff') format('woff'),
         url('font/MyriadPro-Semibold.ttf') format('truetype'),
         url('font/MyriadPro-Semibold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_MyriadPro-Bold';
    src: url('font/myriadpro-bold-webfont.eot');
    src: url('font/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/myriadpro-bold-webfont.woff') format('woff'),
         url('font/myriadpro-bold-webfont.ttf') format('truetype'),
         url('font/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd';
    src: url('font/universltstd-boldcnobl-webfont.eot');
    src: url('font/universltstd-boldcnobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/universltstd-boldcnobl-webfont.woff') format('woff'),
         url('font/universltstd-boldcnobl-webfont.ttf') format('truetype'),
         url('font/universltstd-boldcnobl-webfont.svg#UniversLTStd67BdCnOb') format('svg');
    font-weight: normal;
    font-style: normal;
}

.grey-gradient {
	background: #fff;
	/*
	background-image: linear-gradient(bottom, rgb(255,255,255) 44%, rgb(234,234,234) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 44%, rgb(234,234,234) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 44%, rgb(234,234,234) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 44%, rgb(234,234,234) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 44%, rgb(234,234,234) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6e6e6', endColorstr='#ffffff');
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(255,255,255)),
		color-stop(1, rgb(234,234,234))
	);
	*/
}

/*=====================================================*/
/* Nav Definitions */

nav#main {
	height: 40px;
	background: #aee13d;
	/*
	background-image: linear-gradient(bottom, rgb(86,184,1) 2%, rgb(147,214,2) 78%);
	background-image: -o-linear-gradient(bottom, rgb(86,184,1) 2%, rgb(147,214,2) 78%);
	background-image: -moz-linear-gradient(bottom, rgb(86,184,1) 2%, rgb(147,214,2) 78%);
	background-image: -webkit-linear-gradient(bottom, rgb(86,184,1) 2%, rgb(147,214,2) 78%);
	background-image: -ms-linear-gradient(bottom, rgb(86,184,1) 2%, rgb(147,214,2) 78%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#56b801, endColorstr=#93d602)";
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(86,184,1)),
		color-stop(0.78, rgb(147,214,2))
	);
	border-bottom: 1px solid #329600;
	*/

	a {
		margin: 7px 5px 8px 0;
		padding: 7px 20px;
		color: #243d03;
		text-transform: uppercase;
		border-radius: 0px;
		letter-spacing: 0.5px;
		display: block;
		float: left;
		&:hover {
			color: #fff;
		}
		&.active {
			color: #fff;
		}
	}
	div#search {
		margin: 7px 0 5px 6px;
		float: right;
		position: relative;

		input[type=text] {
			width: 160px;
			padding: 7px 20px;
			background: #284300;
			color: @green;
			font-size: 11px;
			border-radius: @radius;
			box-shadow: inset -1px -1px 1px #b0db81;
			border: none;
		}

		input[type=submit] {
			width: 14px;
			height: 14px;
			background: url(../img/bg_btn_search.jpg) no-repeat;
			position: absolute;
			top: 7px;
			right: 10px;
			border: none;
			text-indent: -999px;
		}
	}

	div#login {
		float: right;
		position: relative;

		a {
			background: #284300;
			box-shadow: inset -1px -1px 1px #b0db81;
			color: #fff;
		}
	}
}

/*=====================================================*/
/* Header Definitions */

body > header {
	height: 150px;
	background: #ffffff;
	position: relative;
	float: left;
	z-index: 999;

	section {
		height: 108px;
	}

	a#logo {
		width: 208px;
		height: 81px;
		display: block;
		background: url(../img/logo.jpg) no-repeat;
		position: absolute;
		top: 15px;
		left: 0px;
	}

	.banner {
		width: 468px;
		height: 60px;
		position: absolute;
		/*border: 1px solid #329600;*/
		top: 25px;
		right: 0px;
	}
}

/*=====================================================*/
/* Settings Definitions */

nav#settings, div#settings {
	min-height: 20px;
	background: #333;
	padding: 15px 0;

	section {
		height: 20px;
		overflow: hidden;
		&.forum {
			height: 25px;
		}
	}

	div.setting {
		width: 100%;

		clear: left;
		float: left;
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		filter: alpha(opacity=0);
		zoom:1;

		a, > span {
			min-width: 90px;
			padding: 7px 1px;
			margin-right: 10px;
			display: block;
			border-radius: @radius;
			text-align: center;
			text-transform: uppercase;
			font-size: 11px;
			position: relative;
			float: left;
		}

		> span {
			padding: 4px 0;
			border: 3px solid #fff;
		}

		a {

			color: #fff;

			&:hover, &.active {
				background: @green;
				color: #101113;
			}

			&.disabled {
				padding: 6px 0;
				background: #1a191c;
				border: 1px solid #1a191c;
				color: #1a191c;
			}
		}

		&.control, &.Banner {
			opacity: 1;

			p {
				margin-top: 10px;
				color: #636564;
				float: left;
			}

			a#switch {
				width: auto;
				background: none;
				color: @green;
				font-size: 14px;
				font-style: italic;
				text-transform: none;
				position: absolute;
				right: 0px;
				bottom: -5px;

				strong {
					font-size: 10px;
				}
			}
		}
	}
}

/*=====================================================*/
/* PUNTA Promo Definitions */

section#punta {
	background:  url(/img/bg_punta_promo.jpg) center top;
	height: 74px;
	position: relative;
	margin-top: 54px;
	border-bottom: 1px solid #1a191c;

	a {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
}

/*=====================================================*/
/* PUNTA Promo Definitions */

.Vanilla  section#content {
	padding-top: 50px !important;
}

.Vanilla section#punta {
	margin-top: 75px !important;
}

/*=====================================================*/
/* Content Definitions */

section#content {
	background: url(../img/bg_racing7a.jpg) top center no-repeat #000;
	background-size: 100% auto;
	min-height: 800px;
	/*padding-top: 50px;*/
	overflow: hidden;
}

section#content > section .bg {
	width: 100%;
	height: 100%;
	background: #fff;
	min-height: 500px;
	opacity: 0.1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
	filter: alpha(opacity=10);
	zoom:1;
	position: absolute;
	top: 0px;
	left: 0px;
}

#feed {
	position: relative;
	float: left;

	h1 {
		padding: 10px 15px;
		margin-top: 40px;
		background: #333;
		color: #fff;
		border-radius: @radius;

		&.feed {
			background: url(../img/h1_icon_feed.jpg) #333 97% 9px no-repeat;
			max-height: 10px;
		}

		&.comment {
			background: url(../img/h1_icon_bubble.jpg) #333 97% 9px no-repeat;
		}
	}
	> h1 {
		margin: 20px 20px 0 20px;
	}

	.load {
		width: 100%;
		height: 100%;
		min-height: 500px;
		background: url('../img/load.gif') center no-repeat;
	}
}

#posts, #full-width {
	width: 555px;
	min-height: 500px;
	margin: 0 20px;
	position: relative;
	z-index: 1;
	float: left;

	> h1 {
		width: 525px;
		position: relative;
		a {
			color: #fff;
			position: relative;
			z-index: 999;

			&:hover, &.active {
				color: @green;
			}
		}
		&#more-feed {
			margin-top: 20px;
			float: left;
		}
		div {
			position: absolute;
			right: 15px;
			top: 10px;
		}
	}

	.post {
		width: 549px;

		article {
				width: 92%;
				min-height: 100px;
				border-bottom: 1px solid #e5e5e5;
				padding: 4%;
				.grey-gradient;
				float: left;

				#article-column {
						width: 80px;
						margin: 0px;
						float: left;
				}

				&.post-list {
					cursor: pointer;
					&:hover {
						box-shadow:inset 1px 1px 2px #e5e5e5;
						background: #fff;

						h2 a {
							color: @green;
						}
					}
					* {
						cursor: pointer;
					}
				}

				span.image {
					display: block;
					width: 80px;
					height: 110px;
					border-radius: @mini-radius;
					overflow: hidden;
					float: left;
				}

				aside {
					width: 100%;
					overflow: hidden;
					float: left;
					span, a {
						display: block;
						float: left;
					}
					div {
						margin: 2px 0 0 12px;
						float: left;

						span.share {
							width: 84px;
							height: 20px;
							overflow: hidden;


							a.twitter-share-button {
								text-indent: -999px;
								color: @green;
							}
						}
					}
					&.top-post-bar {
						margin-bottom: 15px;
					}
					&.no-label {
						padding-left: 120px;
					}
				}

				p {
					margin: 5px 0;
				}

				div {
					width: 400px;
					margin-left: 25px;
					float: left;

					h1 {
						margin: 10px 0;
						a {
							color: #fff;
							&:hover {
								color: @green;
							}
						}
					}

					h2 {
						margin-bottom: 10px;
						font-family: 'Conv_MyriadPro-Semibold', Arial,Sans-Serif;
						font-weight: normal;
						&.case {
							text-transform: capitalize;
						}
						a {
							color: #1a191c;
						}
					}

					h4 {
						margin-bottom: 15px;
					}

					p {
						color: #5e5e5e;
						line-height: 150%;
						margin-bottom: 15px;
						&.author {
							margin-top: -5px;
							color: #646464;
							font-size: 10px;
							line-height: 100%;
							font-weight: bold;
						}
					}

					p.comment-info {
						margin-top: 12px;
						margin-bottom: 0px;
						font-size: 10px;
						color: #646464;
					}

					th, td {
						padding: 5px 3px;
					}

					ul {
						list-style: disc;
						li {
							margin: 0 0 15px 15px;
							color: @green;
							line-height: 150%;
							span {
								color: #5e5e5e;
							}
							a {
								color: @green;
							}
						}
						&.post-list {
							list-style: none;

							li {
								margin: 0px;
								a {
									display: block;
									width: 90%;
									height: 41px;
									padding: 9px 0 0 60px;
									margin-bottom: 10px;
									position: relative;

									span {
										color: #1a191c;
									}
								}

								img {
									position: absolute;
									top: 0;
									left: 0;
									border-radius: 0px;
									border: none;
								}
							}
						}
					}
			}
		}

		> p {
			padding: 10px;
			float: left;
		}
	}
}

#full-width {
	width: 940px;
	h1 {
		width: 920px;
	}
	.post {
		width: 100%;
	}
}

#comments {
	width: 365px;
	min-height: 500px;
	margin-right: 20px;
	position: relative;
	z-index: 1;
	float: left;

	&.center {
		margin: 0 auto;
		float: none;
	}

	h1 {
		width: 335px;
	}

	.post-list {
		.post {
			cursor: pointer;
			&:hover {
				box-shadow:inset 1px 1px 2px #e5e5e5;
				background: #fff;
			}
		}
	}

	.post {
		width: 359px;

		&:after {
			content:"";
			position:absolute;
			bottom:-20px; /* value = - border-top-width - border-bottom-width */
			left:20px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
			border:0;
			border-left-width:30px; /* vary this value to change the angle of the vertex */
			border-bottom-width:30px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
			border-style:solid;
			border-color:transparent #fff;
			/* reduce the damage in FF3.0 */
			display:block;
			width:0;
		}

		img {
			width: 50px;
			height: 50px;
			border-radius: 0px;
			margin: 15px 0 15px 15px;
			float: left;
		}

		div {
			width: 255px;
			padding: 15px 0;
			display: block;
			overflow: hidden;
			float: left;

			h4 {
				margin-bottom: 5px;
			}

			&.comment-item {
				h4 {
					font-family: 'Conv_MyriadPro-Semibold', Arial;
					margin-bottom: 3px;
					vertical-align: top;
					a {
						color: #1a191c;
					}
					span.comments {
						display: inline-block;
						font-family: Arial, Tahoma;
						font-size: 10px;
						color: #5e5e5e;
						margin: 0 0 0 10px;
					}
				}
			}

			p {
				line-height: 130%;

				&.title {
					font-weight: bold;
					font-size: 11px;
				}
			}
		}

		/* Form Definitions */

		form, > div {
			display: block;
			padding: 4% 15px;

			div {
				width: 100%;

				p {
					margin-bottom: 10px;
				}
			}

			label {
				font-family: 'Conv_MyriadPro-Semibold', Arial;
				font-size: 14px;
				color: #1a191c;
				display: block;
				margin: 15px 0 10px 0;
			}

			select, input[type=text], input[type=password], input[type=file], textarea {
				width: 90%;
				max-width: 90%;
				padding: 3% 5%;
				background: #fff;
				border: 1px solid #AAA;
				border-radius: @mini-radius;
				.grey-gradient;
			}

			textarea {
				height: 70px;
			}

			input:focus, textarea:focus {
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(147, 236, 82, 0.6);
			}

			select {
				width: 100%;
				max-width: 100%;
			}

			input[type=submit] {
				cursor: pointer;
				margin: 0;
				font-size: 14px;
				min-width: 30px;
				padding: 4px;
				padding: 8px;
				background: #aee13d;
				background-image: linear-gradient(bottom, #56B801 2%, #93D602 78%);
				background-image: -o-linear-gradient(bottom, #56B801 2%, #93D602 78%);
				background-image: -moz-linear-gradient(bottom, #56B801 2%, #93D602 78%);
				background-image: -webkit-linear-gradient(bottom, #56B801 2%, #93D602 78%);
				background-image: -ms-linear-gradient(bottom, #56B801 2%, #93D602 78%);
				background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.02, #56B801), color-stop(0.78, #93D602) );
				color: #fff;
				text-shadow: 1px 1px 3px #3a7a02;
				text-transform: uppercase;
				font-family: 'Conv_futuran',Sans-Serif;
				border: 1px solid #4ca300;
				border-radius: 0px;
				margin: 15px 0;
				float: right;

				&:hover {
					 background: #aee13d;
					background-image: linear-gradient(bottom, rgb(147,214,2) 4%, rgb(87,181,0) 100%);
					background-image: -o-linear-gradient(bottom, rgb(147,214,2) 4%, rgb(87,181,0) 100%);
					background-image: -moz-linear-gradient(bottom, rgb(147,214,2) 4%, rgb(87,181,0) 100%);
					background-image: -webkit-linear-gradient(bottom, rgb(147,214,2) 4%, rgb(87,181,0) 100%);
					background-image: -ms-linear-gradient(bottom, rgb(147,214,2) 4%, rgb(87,181,0) 100%);

					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.04, rgb(147,214,2)),
						color-stop(1, rgb(87,181,0))
					);
					color: #fff;
				}
				&:active {
					background-image: linear-gradient(bottom, rgb(147,214,2) 24%, rgb(50,151,0) 96%);
					background-image: -o-linear-gradient(bottom, rgb(147,214,2) 24%, rgb(50,151,0) 96%);
					background-image: -moz-linear-gradient(bottom, rgb(147,214,2) 24%, rgb(50,151,0) 96%);
					background-image: -webkit-linear-gradient(bottom, rgb(147,214,2) 24%, rgb(50,151,0) 96%);
					background-image: -ms-linear-gradient(bottom, rgb(147,214,2) 24%, rgb(50,151,0) 96%);

					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.24, rgb(147,214,2)),
						color-stop(0.96, rgb(50,151,0))
					);
					text-shadow: 1px 1px 0 #333;
				}
			}
		}
	}
}

div.post {
	.grey-gradient;
	border: 3px solid #fff;

	margin-top: 22px;
	border-radius: @radius;
	position: relative;
	float: left;
}

.label {
	width: 80px;
	display: block;
	background: #ee2f2b;
	border-radius: @mini-radius;
	padding: 7px 0;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;

	&.article {
		float: left;
	}

	&.news {
		background: #876ba5;
	}

	&.classified {
		background: #00A4E3;
	}

	&.preview {
		background: #d8365b;
	}

	&.competitions {
		background: #ee2f2b;
	}

	&.the-cat-files,.weekend-review {
		background: #4f3515;
	}

	&.head-to-head {
		background: #001f63;
	}

	&.video {
		background: #060709;
	}

	&.list {
		margin-top: 10px;
	}
}

/*=====================================================*/
/* Preview Definitions */

#posts .post article div div.preview-column {
	width: 50%;
	float: left;
	margin: 0 0 10px 0;

	&.border {
		width: 42%;
		padding-left: 7%;
		border-left: 1px solid #eaeaea;
	}
}

#posts .post article div div.preview-list {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eaeaea;
	float: left;
	margin: 0px;

	p {
		position: relative;
		.punta-odds {
			font-family:'UniversLTStd';width:100px;display:block;padding:0 5px;font-size:24px;color:#222222;position:absolute;top:-4px;right:5px;text-align: right;

			span {
				position: absolute;
				left: -50px;
				top: 3px;
				display: inline-block;
				color: #d0d0d0;
				font-size: 11px;
				font-family: Arial;
			}
		}
	}
}

p.tc {
	font-size: 9px;
	font-style: italic;
}

#bet-results {
	padding-bottom: 20px;
	th, td {
		padding-left: 3px;
		padding-right: 3px;
		a {
			text-decoration: underline;
		}
		em {
			font-size: 9px;
		}
	}
	tr.bet-totals {
		td {
			font-weight: bold;
			border-top: 1px solid #fff;
			background: none;
		}
	}
}

/*=====================================================*/
/* S5 Definitions */

#comments .s5-panel, #bet-results {
	h4 {
		margin-bottom: 5px;
	}
	> div {
		width: 93%;
	}
	table {
		width: 100%;
		margin-top: 10px;
		tr {
			th,td {
				text-align: left;
				border-bottom: 1px solid #eaeaea;
				padding: 10px 10px 5px 0;
				&.number {
					width: 20px;
				}
				&.right {
					text-align: right;
				}
				&.ctr {
					text-align: center;
				}
				&.inactive {
					text-decoration: line-through;
					font-style: italic;
				}
			}
			th {
				font-weight: bold;
			}
			&:nth-of-type(even) {
				td {
					background: #EEE;
				}
			}
		}
		&#leaderboard {
			td {
				padding-left: 4px;
			}
			tr.winner {
				td {
					background: #e8f6f8 !important;
				}
			}
			th {
				a {
					color: #5e5e5e;
				}
			}
			a {
				color: #3A3027;
			}
		}
	}
	p {
		line-height: 150%;
		margin-bottom: 10px;
	}
}

.btn-success {
	width: 100%;

	box-sizing: border-box;
	text-transform: uppercase;
	font-family: 'Conv_futuran', Sans-Serif;
	display: inline-block;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 3px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5BB75B;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#56B801), to(#93D602));
	background-image: -webkit-linear-gradient(top, #56B801, #93D602);
	background-image: -o-linear-gradient(top, #56B801, #93D602);
	background-image: linear-gradient(to bottom, #56B801, #93D602);
	background-image: -moz-linear-gradient(top, #56B801, #93D602);
	background-repeat: repeat-x;
	border-color: #93D602 #93D602 #387038;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	margin-top: 10px;
}

#comments div.s5-count {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	float: left;

	h2#s5-count {
		padding: 2%;
		margin-right: 20px;
		background: #EE2F2B;
		color: #fff;
		display: block;
		border-radius: @radius;
		font-size: 100px;
		text-shadow: 2px 2px 2px #a72625;
		float: left;
	}

	h2.remain {
		line-height: 140%;
		margin-top: 28px;
	}

}

#posts .post article#feedItem div.pill-content,#posts .post article#feedItem div.pill-content > div {
	width: 100%;
	margin: 0px;
}

#posts .post article div#s5-data {
	width: auto;
	position: absolute;
	top: 24px;
	right: 24px;

	h2#total, h2#runner-count {
		text-shadow: 2px 2px 2px #a72625;
		color: #fff;
		padding: 10px;
		border-radius: @mini-radius;
		background: #EE2F2B;
		margin: 0 6px;
		float: left;
	}

	h2#runner-count {
		text-shadow: 2px 2px 2px #616161;
		background: #1a191c;
	}

	p {
		display: block;
		padding: 12px 0;
		float: left;
	}
}

table.fields {
	width: 100%;
	background: #fff;
	tr {
		&.row {
			td {
				background: #EEE;
			}
		}
		th, td {
			border-bottom: 1px solid #eaeaea;
			font-size: 11px;
			padding: 10px 5px;
			text-align: left;
			background: #fff;
			line-height: 130%;
			&.right {
				text-align: right;
			}
			&.name {
				padding: 10px 5px;
			}

			a {
				color: #1a191c;
				text-decoration: underline;
			}
		}
		th {
			padding: 5px 18px 5px 5px;
			border-top: 1px solid #eaeaea;
			text-transform: uppercase;
			color: #1a191c;
			background: url(/img/sort.gif) no-repeat right;
			cursor: pointer;
			&.no-bg {
				background: none;
			}
		}
		&.highlight {
			td {
				background: #aee13d;
				color: #fff;
				a {
						color: #fff;
				}
			}
		}
	}
}

div.race-title {
	background: #fff;
	padding: 15px 10px 12px 10px;
	h2 {
		margin: 0px;
	}
}

/* Race Tabs */

.tabs, .pills {
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.tabs:after, .pills:after {
  clear: both;
}
.tabs > li, .pills > li {
margin: 10px 0 0 10px;
  float: left;
}
.tabs > li > a, .pills > li > a {
  display: block;
}
.tabs {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin-top: 10px;
}
.tabs > li {
  position: relative;
  margin-bottom: -1px;
}
.tabs > li > a {
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  color: #aee13d;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabs > li > a:hover {

}
.tabs .active > a, .tabs li a:hover {
  color: #3A3027;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .menu-dropdown, .tabs .dropdown-menu {
  top: 35px;
  border-width: 1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.tabs a.menu:after, .tabs .dropdown-toggle:after {
  border-top-color: #999;
  margin-top: 15px;
  margin-left: 5px;
}
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
  border-color: #999;
}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
  border-top-color: #555;
}
.pills a {
  margin: 5px 3px 5px 0;
  padding: 0 15px;
  line-height: 30px;
  text-shadow: 0 1px 1px #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pills a:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #00438a;
}
.pills .active a {
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #0069d6;
}
.pills-vertical > li {
  float: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
  display: none;
}
.tab-content > .active, .pill-content > .active {
  display: block;
}

/*=====================================================*/
/* Footer Definitions */

#feed footer {
		width: 940px;
		margin: 60px 20px 0 20px;
		border-top-left-radius: @radius;
		border-top-right-radius: @radius;
		color: #fff;
		padding: 20px 0;
		position: relative;
		z-index: 1;
		float: left;

		a#logo {
			width: 135px;
			height: 41px;
			display: block;
			background: url(../img/logo_footer.jpg) no-repeat;
			margin: 0 20px;
			float: left;
		}

		aside {
			margin: 15px 0;
			float: left;

			a {
				color: #fff;
			}

			p {
				line-height: 100%;
				margin: 0px;
			}
		}
}

aside.sm {
			margin-right: 20px;
			float: right;

			* {
				float: left;
			}
			#twitter, #facebook {
				width: 24px;
				height: 24px;
				margin: -6px 0 0 10px;
				display: block;
			}

			#twitter {
				background: url(../img/twitter.jpeg) no-repeat;
			}

			#facebook {
				background: url(../img/fb.jpeg) no-repeat;
			}
}

/*=====================================================*/
/* Request Tip Definitions */

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  background: #000;
  visibility: visible;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.top {
  margin-top: -2px;
}

.tooltip.right {
  margin-left: 2px;
}

.tooltip.bottom {
  margin-top: 2px;
}

.tooltip.left {
  margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #1a191c000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1a191c000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a191c000;
  border-left: 5px solid transparent;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #1a191c000;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
  max-width: 300px;
  line-height: 140%;
  padding: 3px 8px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  background: url(/img/comp/tagteam/bg_h2.jpg) right no-repeat #1a191c000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}

.popover.top {
  margin-top: -5px;
}

.popover.right {
  margin-left: 5px;
}

.popover.bottom {
  margin-top: 5px;
}

.popover.left {
  margin-left: -5px;
}

.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #1a191c000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #1a191c000;
  border-bottom: 5px solid transparent;
}

.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a191c000;
  border-left: 5px solid transparent;
}

.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1a191c000;
}

.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover-inner {
  width: 280px;
  padding: 3px;
  overflow: hidden;
  background: #1a191c000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 14px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}


/* SELECT STYLING */
/***** Begin Theme******/
/* One container to bind them... */
.dk_container {
  width: 30%;
  height: 23px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #7e7e7e;
}
.dk_container:focus {
  outline: 0;
}
.dk_container a {
  cursor: pointer;
  text-decoration: none;
  color: #acacb9;

  font-size: 12px;
}
/* Opens the dropdown and holds the menu label */
.dk_toggle {
  color: #333;
  padding: 0px 20px;
  width: 100% !important;
}
.dk_toggle:hover {
  border-color: #8c8c8c;
}
/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
  border-color: #40b5e2;
}
.dk_focus .dk_toggle {

}
/* Applied whenever the dropdown is open */
.dk_open {
  z-index: 10;
}
/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  background-color: #f4f4f4;
  top: 23px !important;
  right: 0px !important;
}
.dk_options a {
  background-color: #1a191c;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  font: 12px Helvetica, Arial, sans-serif;
}
.dk_options li:last-child a {
  border-bottom: none;
}
.dk_options a:hover,
.dk_option_current a {
  background-color: #dbdbdb;
  border-bottom-color: #7e7e7e;
  color: #1a191c !important;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
}
/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;
  margin: 0 !important;
}
.dk_options_inner li {
  margin: 0px !important;
}
.dk_options_inner li.optgroup a {
  padding-left: 25px;
}
/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}
/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
  display: none;
  float: left;
  position: relative;
}
.dk_container a {
  outline: 0;
}
.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}
.dk_open {
  position: relative;
}
.dk_open .dk_options {
  display: block;
}
.dk_open .dk_label {
  color: inherit;
}
.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block;
}
.dk_options_inner {
  overflow: auto;
  position: relative;
}
.dk_touch .dk_options {
  overflow: hidden;
}
.dk_touch .dk_options_inner {
  max-height: auto;
  overflow: visible;
}
.dk_fouc h1.feed select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}
/***** End Critical to the continued enjoyment of working dropdowns ******/