@charset "utf-8";
/* CSS Document */

/* Global styles */
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 13px;
	background:#ece5dc;
    -webkit-text-size-adjust: 100%;
}

a, input[type=submit], input[type=button] {
    outline: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

p {
    text-align: justify;
    line-height: 140%;
    padding: 0 0 6px 0;
	color:#333;
}

p strong {
    font-weight: bold;
}

p a {
    color: #000;
    text-decoration: underline;
}

p a:hover {
    color: #cc6600;
}

.clear {
    clear: both
}

.right {
    float: right
}

.left {
    float: left
}

/* Forms */

/* Buttons */

#content-main a.btn, a.btn {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	text-decoration:none;
	padding:5px 10px;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
	background-color:#999;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
}

#content-main a:hover.btn, a.btn:hover {
	background-color:#cc6600;
	color:#FFFFFF;
}

/* Inputs */

textarea {
	resize:vertical;
}


input[type=text], input[type=password], input[type=search], select, textarea {
	outline:none;
	background:#fafafa;
	border:1px solid #d3d3d3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:9px;
	color:#999;
	-moz-box-shadow: inset 0 0 2px #d0d0d0;
    -webkit-box-shadow: inset 0 0 2px #d0d0d0;
    box-shadow: inset 0 0 2px #d0d0d0;
	-webkit-transition-property:border, color, -webkit-box-shadow;  
	-webkit-transition-duration: 0.3s, 0.3s, 0.3s; 
	-webkit-transition-timing-function: linear, ease-in, ease-in;  
	-moz-transition-property:border, color, -moz-box-shadow;  
	-moz-transition-duration: 0.3s, 0.3s, 0.3s; 
	-moz-transition-timing-function: linear, ease-in, ease-in;  
	-o-transition-property:border, color;  
	-o-transition-duration: 0.3s, 0.3s, 0.3s;   
	-o-transition-timing-function: linear, ease-in, ease-in; 
	transition-property:border, color, box-shadow;  
	transition-duration: 0.3s, 0.3s, 0.3s; 
	transition-timing-function: linear, ease-in, ease-in; 
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

input[type=text]:hover, input[type=password]:hover, input[type=search]:hover, select:hover, textarea:hover {
	border:1px solid #999;
	color:#666;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, select:focus, textarea:focus {
	border:1px solid #FFF;
	color:#333;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
	background:#FFF;
}

/* Template */

.selector {
	position:relative;
	cursor:pointer;	
}

.selector .select-options {
	display:none;	
	position:absolute;
	z-index:9999;
	background:#e47d04;
	padding:4px 2px;
	cursor:auto;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

.selector .select-options a {
	display:block;
	color:#FFF;
	font-size:18px;
	padding:4px 8px;
	margin:1px 0;
	text-decoration:none;
	background-color:none;
	background-image:none;
}

.selector .select-options a:hover, .selector .select-options a.active,
ul#main-menu li.selector .select-options a:hover, ul#main-menu li.selector .select-options a.active {
	background-color:#000;
	background-image:none;
}

ul#main-menu li.selector .select-options a, ul#main-menu li.selector .select-options a.active {
	background-color:none;
	background-image:none;
}

.selector .select-options em {
	position:absolute;
	top:-16px;
	left:21px;
	display:block;
	border-color: transparent transparent #e47d04 transparent;
	border-style:solid;
	border-width:8px;
	width:0;
	height:0;
}

.container {
	width:990px;
	margin:0 auto;
	position:relative;
}

#header {
    width: 100%;
    -moz-box-shadow: inset 0 -2px 3px #000;
    -webkit-box-shadow: inset 0 -2px 3px #000;
    box-shadow: inset 0 -2px 3px #000;
	background:#333;
	border-bottom:1px solid #999;
	padding:7px 0;
	height:21px;
	min-height:21px;
}

#langs {
	float:left;
	padding-top:3px;
}

#langs li {
	display:inline;	
}

#langs li a {
	opacity:.6;
	display:inline-block;
	padding-right:3px;	
	text-decoration:none;	
}

#langs li a:hover, #langs li a.active {
	opacity:1;	
}

#header nav, footer nav {
	float:right;	
}

#header nav a, footer nav a {
	font-size:11px;
	color:#999;	
	padding:2px 5px 3px 5px;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#header nav a:hover, footer nav a:hover, #header nav a.active, footer nav a.active {
	color:#FFF;	
	background:#000;
}

#banner {
	position:relative;	
	height:235px;
}

#banner span {
	display:block;
	background:url(../img/template/bheader-cover.png);	
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

#header-stuff {
	margin-top:-235px;	
	height:225px;
	min-height:225px;
}

a#logo {
	position:absolute;
	left:0;
	top:22px;
	background:url(../img/template/logo.png) left top no-repeat;
	width:230px;
	height:85px;
	text-indent:-9999px;
}

#event-logo {
	width:86px;
	height:86px;
	min-width:86px;
	min-height:86px;
	position:absolute;
	left:250px;
	top:22px;
}

#event-logo-258 {
	width:258px;
	height:86px;
	min-width:86px;
	min-height:86px;
	position:absolute;
	left:250px;
	top:22px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
#event-logo-102 {
	width:86px;
	height:96px;
	min-width:86px;
	min-height:86px;
	position:absolute;
	left:250px;
	top:12px;
}

#select-year {
	position:absolute;
	top:150px;
	left:0;	
	width:125px;
	background:url(../img/template/year-bg.png) left 22px no-repeat;
}

#select-event {
	position:absolute;
	top:150px;
	left:140px;	
	width:350px;
	background:url(../img/template/event-bg.png) left 22px no-repeat;
}

#select-year strong, #select-event strong {
	font-size:18px;
	display:block;
	color:#FFF;
	text-shadow:0 0 2px #000;
}

#select-year span, #select-event span {
	font-size:18px;
	display:inline-block;
	margin-top:1px;
	color:#FFF;
	text-shadow:0 0 2px #000;
	padding:10px;
}

#select-event .select-options a p {
	display:block;	
	text-align:left;
	font-size:12px;
	padding:0;
	color:#f8ccba;
}

#select-event .select-options a:hover p, #select-event .select-options a.active p {
	color:#CCC;
}

ul#main-menu {
	background:url(../img/template/menu-bg.png) left 6px no-repeat;
	width:978px;
	height:40px;
	padding:6px;
}

ul#main-menu li {
	float:left;
	padding:3px 0;	
}

ul#main-menu li a {
	display:block;
	color:#FFF;
	font-size:14px;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
	padding:9px 11px;
	text-decoration:none;
	line-height:14px;
	background:url(../img/template/menu-hover.png) left -50px repeat-x;
}


ul#main-menu li a:hover, ul#main-menu li a.active {
	background:url(../img/template/menu-hover.png) left top repeat-x;
}

footer {
	background:#282828;
	padding:30px 0;
	height:12px;
	min-height:12px;
	clear:both;
	display:block;
}

footer p {
	font-size:11px;
	color:#CCC;	
	float:left;
}

h2 {
	font-weight:bold;
	font-size:20px;
	color:#cc6600;	
}

#legend {
	font-size:11px;
	color:#666;	
	padding:2px 0 10px 0;
}

#content {
	float:left;	
	width:738px;
	margin-bottom:30px;
}

#content-main {
	min-height:200px;
	background:#FFF;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	padding:18px;
	margin-bottom:40px;
}

aside {
	float:right;	
	width:200px;
	margin-bottom:30px;
}

aside figure {
	padding:0 0 20px 0;	
}

.title {
	font-size:15px;	
	color:#c60;
	padding:0 0 15px 0;
}

aside figure a {
	display:block;
	opacity:.8;
	text-decoration:none;	
	text-align:center;
	padding:10px 0;
}

aside figure a:hover {
	opacity:1;	
}

.news {
	clear:both;	
	padding-bottom:25px;
}

.news a {
	text-decoration:none;	
}

.news a img, .contacts img, .gallery li a img, .gallery-thumbs a img, .news-content p img{
	float:left;	
	border:6px solid #ece5dc;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	margin-right:10px;
	margin-bottom:25px;
}

.gallery li a img {
	float:none;	
	margin-bottom:6px;
}

 .gallery-thumbs a img {
	margin-bottom:0;	 
}

.contacts {
	clear:both;	
}

.news a:hover img, .gallery li a:hover img, .gallery-thumbs a:hover img, .news-content p a:hover img {
	border:6px solid #FFF;
}

#content-main .news a span {
	font-size:11px;
	color:#666;
}

#content-main .news a h3 {
	font-size:16px;
	color:#666;
	font-weight:bold;
	padding:6px 0 10px 0;
	color:#333;
}

#content-main .news a:hover h3, #content-main .gallery li a:hover h3 {
	color:#c60;
}

#content-main .news a:hover p {
	color:#000;
}

#content-main ul.gallery {
	padding:5px 17px;	
}

#content-main ul.gallery li {
	display:inline-block;	
	width:306px;
	padding-right:40px;
	padding-bottom:12px;
}

#content-main ul.gallery li:nth-child(even) {
	padding-right:0;
}

#content-main ul.gallery li a {
	text-decoration:none;	
}

.gallery-thumbs {
	padding:5px 15px;
}

.gallery-thumbs a {
	display:inline-block;
	padding:10px;
	text-decoration:none;		
}

.block-gallery, .block-twitter {
	background-position:10px 30px;
	background-repeat:no-repeat;	
	padding:0 0 40px 96px;
	
}

.block-gallery {
	background-image:url(../img/template/block-gallery-bg.png);	
}

.block-twitter {
	background-image:url(../img/template/block-twitter-bg3.png);	
}

.block-gallery div.thumbs a {
	display:inline-block;	
	padding-right:20px;
}

.block-gallery div.thumbs a:last-child, .block-twitter ul li:last-child {	
	padding-right:0;
}

.block-gallery a img {
	border:6px solid #FFF;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);	
}

.block-gallery a:hover img {
	border:6px solid #cbc0b2;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);	
}

.block-twitter ul li {
	display:inline-block;	
	padding-right:19px;	
	width:192px;
	font-size:12px;
	vertical-align:text-top;
}

.block-twitter ul li span {
	font-size:11px;
	color:#999;
}

.block-gallery .buttons, .block-twitter .buttons {
	text-align:right;	
	padding:10px 20px 0 0;
}

.news-content {
	clear:both;	
}
.news-content em {
	font-style: italic;
}

#content-main a {
	color:#000;
}	

#content-main a:hover {
	color:#c60;
}	

#content-main h2 {
	font-size:20px;
	color:#333;
	font-weight:bold;
	padding:5px 0 10px 0;	
}

#content-main h3 {
	font-size:17px;
	color:#333;
	font-weight:bold;
	padding:5px 0 10px 0;	
}

#content-main h4 {
	font-size:15px;
	color:#333;
	padding:5px 0 10px 0;	
}

#content-main h5 {
	font-size:17px;
	color:#333;
	font-weight:bold;
	padding:5px 0 10px 0;
	color:#cc6600;	
}

#content-main h6 {
	font-size:15px;
	color:#333;
	padding:5px 0 10px 0;
	color:#cc6600;	
}

#content-main ul {
	padding:5px 0 10px 0;	
}

#content-main ul li {
	padding:5px;	
}

li.file a {
	vertical-align:middle;
}

li.file a img {
	padding-right:6px;	
	vertical-align:middle;
}

li.file a span {
  font-size: 11px;
}

.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#content-main .tabs {
	border-bottom:1px solid #DDD;
	padding:0 0 0 5px;
}

#content-main .tabs li {
	display:inline-block;
	padding:0;
	margin:0;
}

#content-main .tabs li a {
	display:block;	
	padding:8px 12px;
	text-decoration:none;
	color:#666;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background:#FFF;
	border:1px solid #DDD;
	margin-bottom:-1px;
}

#content-main .tabs li a:hover, #content-main .tabs li a.active {
	color:#000;
	border-bottom:1px solid #FFF;
}

#content-main .tabs li a.active {
	border-top:1px solid #FFF;
	-moz-box-shadow: 0 -2px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 -2px 1px rgba(0,0,0,0.4);
    box-shadow: 0 -2px 1px rgba(0,0,0,0.4);
	background: #ece5dc;
	background: -moz-linear-gradient(top,  #ece5dc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ece5dc), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ece5dc 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ece5dc 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ece5dc 0%,#ffffff 100%);
	background: linear-gradient(top,  #ece5dc 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece5dc', endColorstr='#ffffff',GradientType=0 );
}

.list-wrap {
	padding:12px 0 0 0;	
}

#content-main .filter {
	padding:12px 0 0 0;	
	font-size:11px;
}

#content-main .filter li {
	display:inline-block;	
	padding:0 1px 0 0;
	position:relative;
}

#content-main .filter li span {
	display:block;	
	color:#999;
	padding:0 0 2px 0;
}

#content-main .filter li a {
	padding:0 7px;
	background:#EEE4DB;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	height:22px;
	min-height:22px;
	line-height:22px;
	vertical-align:middle;
}

#content-main .filter li a img {
	vertical-align:middle;
	padding-bottom:2px;
}

#content-main .filter li a:nth-child(2) {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;	
}

#content-main .filter li a:last-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

}

#content-main .filter li a:hover {
	background:#E2D5C9;
	color:#000;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
}

#content-main .filter li a.current, #content-main .filter li a.active-slide {
	background:#E67C04;
	color:#FFF;
}

.filterable li, .teams-table li {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	margin-bottom:1px;
	padding:2px;
	background:#F8F7F3;
	border-bottom:1px solid #ECE3DA;
	font-size:12px;
	position:relative;
	transition:background 0.2s;
}
.filterable li.s, .teams-table li.s{
	background: none repeat scroll 0 0 #DEDAC7;
	border-bottom:1px solid #B6AB81;
}

.striped li {
	border-bottom:none;
	background:#f0eae1;
}

.striped li:nth-child(even) {
	background:#f8f6f2;
}

.big-list .filterable li, .teams-table li {
	min-height:29px;
}

.small-list .filterable li {
	min-height:12px;
}

.headings {
	position:relative;
	padding:26px 0 0 0;
	height:10px;	
	display:block;
}

.filterable li span, .teams-table li span, .headings span {
	position:absolute;
}

.headings span {
	font-size:11px !important;
	color:#999 !important;
	font-weight:normal !important;
	bottom:0 !important;
	line-height:12px !important;
}
.filterable li span strong, .filterable li span em, .filterable li span p {
	display:block;	
}

.big-list .filterable span.number, .big-list .filterable span.place {
	top:12px;	
}
.small-list .filterable span.place {
	top:5px;	
}

span.number {
	text-align:center;
	color:#E66700;
	font-weight:bold;
}

.big-list span.number {
	width:30px;
	left:5px;	
}

span.place {
	left:6px;	
	text-align:center;
	width:30px;
	color:#999;
	font-weight:bold;
}

.big-list span.place, .big-list span.number {
	font-size:13px;	
}

.small-list span.place {
	font-size:10px;
	left:5px;
}

.small-list .headings span.names em {display:none;}
.small-list .headings span.time {right:132px;}
.small-list .col3 .headings span.time {right:0px;}
.small-list .headings span.previous {right:68px;}
.big-list .headings span.previous {display:none;}
.small-list .headings span.first {right:5px;}
.big-list .headings span.first {display:none;}

.small-list .filterable span.number {
	font-size:10px;	
	width:auto;
	left:29px;
	top:5px;
}

.big-list span.flag {
	left:35px;
	top:10px;	
}

.small-list span.flag {display:none;}

span.flag img.flag-small {
	position:absolute;
	top:16px;
	left:0px;	
}

.big-list span.names {
	left:72px;	
	color:#000;
}

.small-list .stage-times span.names {
	left:48px;	
	color:#000;
}

.big-list span.names dd {
	display:inline;
}

.small-list span.names dd {
	display:none;
}

.small-list span.names p {
	display:none;
}

span.team {
	left:250px;	
}

span.team p {
	font-size:11px;
	color:#666;
}

span.group {
	left:450px;	
	font-size:12px;
	color:#666;
}

span.priority {
	left:530px;	
}

span.competition {
	right:5px;	
	text-align:right;
	line-height:29px;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	color:#666;
}

span.st_na {
	left:72px;	
}
span.st_wh {
	left:250px;	
}
span.st_ra {
	left:320px;	
}
span.st_ss {
	left:390px;	
}
span.st_km {
	left:460px;	
}
span.st_wi {
	left:530px;	
}
span.st_in {
	left:600px;	
}
span.st_wh p {
	font-size:11px;
	color:#666;
}



span.competition img {vertical-align:middle;}
.stage-times span.number {left:28px}
.stage-times span.flag {left:56px}
.stage-times span.names {left:83px}
span.time {right:5px;text-align:right}
span.names p, span.time p, span.time em {
	font-size:11px;
	color:#666;	
}
.big-list span.time p {float:right;}
.big-list span.time em {display:none}
.small-list span.time strong {display:inline-block}
.small-list span.time p, .small-list span.time em {
	display:inline-block;
	width:60px;
	text-align:right;
	font-size:10px;
}
.big-list .col3 span.time {width:80px;}
.small-list .col3 span.time {width:170px;}

.big-list .onthe_stage {
  width: 24px;
  color: rgb(230, 103, 0);
  text-align: center;
  padding: 2px 0px;
  font-size: 13px;
  display: inline-block;
  background-color: rgb(248, 247, 243);
  border: 1px solid #666666;
  border-radius: 3px 3px 3px 3px;
  margin-top: 2px;
}

.small-list .onthe_stage {
  width: 18px;
  color: rgb(230, 103, 0);
  text-align: center;
  padding: 2px 0px;
  font-size: 10px;
  display: inline-block;
  background-color: rgb(248, 247, 243);
  border: 1px solid #666666;
  border-radius: 3px 3px 3px 3px;
  margin-top: 2px;
}

span.stage {
	left:3px;
	width:160px;	
}

span.length {
	left:155px;
	width:50px;	
	top:13px;
	text-align:right;
}

.headings span.length p {
	text-align:right;	
}

span.stage em {
	display:block;
	font-size:11px;
	color:#666;	
}

.winners span.number {
	left:210px;	
}

.more span.number {
	left:3px;	
}
.small-list .more span.number {
	left:30px;	
}
.more span.flag {
	left:33px;	
}
.more span.names {
	left:60px;	
}

.winners span.names {
	left:270px;	
}


.winners span.flag {
	left:242px;	
}

.winners span.team {
	left:410px;	
}

.winners span.time {
	float:none;
	left:580px;
	top:12px;
	text-align:right;
	width:70px;
}

.winners span.speed {
	right:3px;
	top:12px;
}

span.place1, span.place2, span.place3 {
	top:13px;
}

span.place1, span.place1t {
	left:279px;	
}

span.place2, span.place2t {
	left:302px;	
}

span.place3, span.place3t {
	left:325px;	
}

.filterable li span.penaltytime {
	font-size:9px;
	color:#FFF;
	padding:1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background:#C00;
	position:relative;
}

.headings p {display:block;color:#999;font-size:10px;}
.headings span.description {left:504px;}
.filterable li span.description {display:inline-block;margin-left:500px;position:relative;}

span.control {left:450px;}

span.penalty {left:650px;}

.tab_content {
	position:relative;	
}

a.print {
	position:absolute;
	top:-22px;
	right:5px;	
	z-index:999;
	width:20px;
	height:20px;
	text-indent:-9999px;
	background:url(../img/template/print.png) right top no-repeat;
	opacity:.5;
}

a.printpdf {
	position:absolute;
	top:-22px;
	right:5px;	
	z-index:999;
	width:20px;
	height:20px;
	text-indent:-9999px;
	background:url(../img/files/pdf.png) right top no-repeat;
	opacity:.5;
}

a.big, a.small {
	position:absolute;
	top:28px;
	right:5px;	
	z-index:999;
	width:21px;
	height:22px;
	text-indent:-9999px;
	opacity:.5;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.big {
	background:#EEE4DB url(../img/template/big-small.gif) 7px 6px no-repeat;	
}

a:hover.print, a:hover.big, a:hover.small,a:hover.printpdf {
	opacity:1;	
}

a.small {
	background:#E2D5C9 url(../img/template/big-small.gif) 7px -13px no-repeat;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

.total {
	font-size:11px;
	color:#333;
	clear:both;
}

.total span {
	font-weight:bold;	
}

#content-main .filter li #pager div a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#content-main .filter li #pager div:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#content-main .filter li #pager div:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.col1, .col2 {
	width:344px;	
	display: inline-block;
}

.col1 {
	text-align:left;
}

.col2 {
	text-align:left;
	amargin: 0 0 0 10px;
	float: right;
}

div#sliderq {
	text-align:left;
}

div#sliderq figure{
	display:inline-block;
	text-align:left;
	vertical-align: top;
}

.short {
	width:344px;	
}

.slide {
	width:702px;	
	float:left;
}

.stage-info {
	font-size:12px;
	font-weight:bold;
	padding:7px 0;
	color:#999;	
	display:block;
	clear:both;
	display:block;
	text-align:center;
	margin:10px 0 3px 0;
	border:1px solid #f3f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.stage-info a {
	float:right;
	font-weight:normal;
	font-size:11px;
	padding-right:6px;
}	

.col3 {
	clear:both;	
	width:315px;
	margin:0px 194px 10px;
	display:block;
}

#pager div {
	float:left;
}

.table-title {
	font-size:14px;
	padding:27px 0 0 0;
	color:#c60;	
	display:block;
	clear:both;
	display:block;
}

.move {
	right:335px;
	padding:2px;
	padding-top:3px;
	font-size:9px;
	background:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	z-index:999;
	text-align:right;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,0.2);
    box-shadow: 1px 0 0 rgba(0,0,0,0.2);
}

.big-list .move {
	top:11px;
}

.small-list .move {
	top:3px;
}

.move.high {
	color:	#3c0;
}

.move.low {
	color:	#C00;
}

a.photographer {
	position:absolute;
	opacity:0.5;
	right:0;
	top:20px;
	font-size:10px;
	background:#000;
	color:#CCC;	
	padding:2px 7px 4px 7px;
	z-index:999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

a:hover.photographer {
	opacity:1;	
}

div.datetill {
	position:absolute;
	opacity:1;
	right:580px;
	top:120px;
	font-size:14px;
	background:#231F20;
	color:#FFFFFF;	
	padding:2px 7px 4px 7px;
	z-index:999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
        text-align:center;
}


.teams-table {
	width:100%;	
}

.teams-table li {
	position:relative;
}

.teams-table li span.teamname {
	width:230px;
	top:12px;	
}

.teams-table li span.number {
	left:230px;	
	top:11px;	
}

.teams-table li span.flag {
	left:260px;	
}

.teams-table li span.names {
	left:290px;	
}

.teams-table li span.group {
	left:550px;	
	top:12px;	
}

.teams-table li span.position {
	right:55px;	
	top:12px;
	font-weight:bold;	
}

.teams-table li span.points {
	right:15px;	
	top:12px;
	font-weight:bold;	
}

.headings span.teamname {
	left:5px		
}

.headings span.teamnumber {
	left:240px		
}

.headings span.teamcrew {
	left:290px		
}

.headings span.teamgroup {
	left:550px		
}

.headings span.teamposition {
	right:55px		
}

.headings span.teampoints {
	right:15px		
}

.teams-table li.totalpoints {
	background:#FFF;
	text-align:right;
	padding-right:15px !important;
	font-weight:bold;	
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 10px;
	margin-left: 730px;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 23px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/img/template/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #999999;
}
#back-top a:hover span {
	background-color: #CC6600;
}

#select-year span.spandown, #select-event span.spandown {
	font-size: 9px;
	position: relative;
	margin-top: 8px;
	margin-left: -13px;
	height: 14px;
	margin-top: 7px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 9px;
	bottom: 2px;
}

.spanres {
	font-size: 7px;
	position: relative;
	margin-top: 8px;
	margin-left: 1px
	;height: 14px;
	margin-top: 7px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 9px;
	bottom: 2px;
}

.moveimg {
	position: absolute;
	float: right;
	margin-top: 4px;
	margin-left: -1px;
	right: 7px;
}

.moveimg.double {
	right: 12px;
}

div.progress {
    position: absolute;
    background-image: url("/img/template/popup_bg.png");
    background-repeat: repeat;
    position: absolute;
    z-index: 1000;
}

/*--IPAD -*/
@media only screen and (max-device-width: 1024px) {
#content-main .filter li a {
	padding:0 6px;
}
}

/*-- driver pages start -*/

#driverslist li {
	background:none;
	border-bottom:none;
	display:inline-block;	
	width:180px;
	margin:20px 40px 0 0;
	vertical-align:top;
}

#driverslist li a {
	text-decoration:none;
	color:#333;	
}

#driverslist li a img.driver {
	border: 6px solid #ece5dc;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

#driverslist li a:hover img.driver {
	border: 6px solid #FFF;
}

#driverslist li a strong, #driverslist li a em  {
	display:block;
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:left top;
}

#driverslist li a strong {
	font-weight:bold;
	font-size:16px;
	margin:4px 0 5px 0;
}

#driver-image, #driver-image-sm-1, #driver-image-sm-2 {
	position:relative;
	height:325px;
	width:738px;
	margin:-1px 0 8px -18px;	
}

#driver-image-sm-1 {
	float:left;	
	width:369px;
}

#driver-image-sm-2 {
	float:right;
	width:369px;
	margin:-1px -18px 8px 0;		
}

#driver-image span, #driver-image-sm-1 span, #driver-image-sm-2 span {
	position:absolute;
	bottom:12px;
	left:-10px;	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	line-height:48px;
	background-repeat:no-repeat;
	padding-right:12px;
}

#driver-image span img, #driver-image-sm-1 span img, #driver-image-sm-2 span img {
	padding:14px;	
	float:left;
}

#driver-gallery {
	padding:20px 0;	
}

#driver-gallery a {
	display:inline-block;
	padding:0 18px 15px 0;
}

#driver-gallery a img {
	border: 4px solid #ece5dc;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

#driver-gallery a:hover img {
	border: 4px solid #FFF;
}

#twitter-sponsors {
	width:350px;
	float:left;
	padding-bottom:30px;
}

#twitter-sponsors a {
	padding:0 12px 12px 0;
	display:inline-block;
	opacity:.8;
}

#twitter-sponsors a:hover {
	opacity:1;
}

#twitter-tweets {
	width:350px;
	float:right;
	padding-bottom:30px;
}

#twitter-tweets ul {
	margin-top:-15px;
}

#twitter-tweets ul li {
	padding:5px 0;
}

#twitter-tweets ul li p {
	padding:0;
}

#twitter-tweets span {
	font-size: 11px;
	color: #999;
}

/*-- driver pages end -*/
/* Weather start */

#weather > li {
	height:131px;
	position:relative;
	margin-bottom:10px;
	padding:0 !important;
	-moz-box-shadow: 0 1px 1px #666;
    -webkit-box-shadow:  0 1px 1px #666;
    box-shadow:  0 1px 1px #666;
	color:#000;
}
#weather > li.text-light, #weather-info.text-light {
	color:#FFF;
	text-shadow:0 1px 2px #000;
}
#weather > li strong, #weather-info strong {
	position:absolute;
	left:15px;
	top:15px;
	font-size:18px;
}
#weather-info strong {
	position:absolute;
	left:9px;
	top:9px;
	font-size:18px;
}
#weather > li strong em, #weather-info strong em {
	display:block;
	font-size:13px;
}
#weather > li section {
	position:absolute;
	left:5px;
	bottom:1px;
	font-size:45px;
}
#weather-info section  {
	position:absolute;
	left:9px;
	bottom:5px;
	font-size:30px;	
}
#weather-info section em  {
	font-size:18px;	
}
#weather > li section ol li {
	float:left;	
	font-size:15px;
	vertical-align:bottom;
	padding-top:8px;
}
#weather > li section ol li em {
	font-size:11px;
	display:block;
	color:#333;
}
#weather > li.text-light section ol li em {
	color:#FFF;
}
#weather > li section ol li:first-child {
	font-size:40px;
	padding-right:12px;
	padding-top:0px;
}
#weather > li section ol li:first-child em {
	font-size:18px;
	padding:0 6px;
	display:inline-block;
}
#weather > li div {
	position:absolute;
	right:11px;
	top:9px;
}
#weather > li div ol li {
	float:left;	
	font-size:15px;
	text-align:right;
}
#weather > li div ol li em {
	font-size:11px;
	display:block;
	color:#333;
}
#weather > li.text-light div ol li em {
	color:#FFF;
}

#weather > li b, #weather-info b {
	position:absolute;
	right:15px;
	bottom:13px;
	padding:3px 40px 3px 0;
	text-align:right;
	background-position:right top;
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:normal;
}
#weather-info b {
	right:8px;
	bottom:5px;
	font-size:13px;
}
#weather > li b em, #weather-info b em {
	display:block;
	font-size:11px;	
	color:#333;
}
#weather > li.text-light b em, #weather-info.text-light b em {
	color:#FFF;
}

#weather-info {
	height:90px;
	position:relative;
	margin-bottom:30px;
	padding:0 !important;
	-moz-box-shadow: 0 1px 1px #666;
  -webkit-box-shadow:  0 1px 1px #666;
  box-shadow:  0 1px 1px #666;
	color:#000;
}


/* Weather end */

.social {
	opacity:.8;
	text-decoration:none;	
	text-align:center;
}

.social:hover {
	opacity:1;	
}
