/* MYLAPS layout
-----------------------------------------------------------------------*/

div#sideBar {
	float: left;
	width: 204px;
}

div#pageContent {
	float: right;
	width: 640px;
}

div#loginbox {
	margin-top: 0px;
}

/* MYLAPS columns
-----------------------------------------------------------------------*/

#results-col1 {
	margin: 0;
	float: left;
	width: 420px;
	background-color: #fff;
}

#results-col2 {
	margin: 0;
	float: right;
	width: 200px;
	background-color: #fff;
}

#profile-col1 {
	margin: 0;
	float: left;
	width: 375px;
	background-color: #fff;
}

#profile-col2 {
	margin: 0;
	float: right;
	width: 225px;
	background-color: #fff;
}

/* Filters
-----------------------------------------------------------------------*/

#filters,
#filters fieldset {
	width: 100%;
	margin: 0;
	margin-bottom: 3px;
}

#filters {
	margin-bottom: 2em;
}

#filters span {
	float: left;
}

#filterform {
	margin: 10px 0;
}

#filterform label {
	float: left;
	margin-top: 2px;
	font-weight: bold;
}

#filterform div,
#filterform select {
	width: 125px;
	float: right;
}

#filterform div {
	margin-top: 2px;
}

#filterform img {
	float: left;
	margin-right: 0.5em;
	margin-top: -2px;
}

#filterform a {
	float: right;
	margin-top: 1px;
}


/* Tables
-----------------------------------------------------------------------*/

table {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0;
}

th,td {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1em;
}

/* MYLAPS tables
-----------------------------------------------------------------------*/

table.mylaps {
	width: 100%;
}

table.mylaps thead th,
table.mylaps thead td {
	font-weight: bold;
	background: #333;
	color: #fff;
	padding: 2px;
}

table.mylaps tr,
table.mylaps th, 
table.mylaps td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 2em;
	vertical-align: middle;
	padding: 2px;
}

table.mylaps tfoot tr,
table.mylaps tfoot th, 
table.mylaps tfoot td {
	border: none;
}

table.mylaps caption {
	height: 25px;
	font-weight: bold;
}

table.mylaps caption img {
	float: left;
}

table.mylaps caption a {
	float: right;
}

table.mylaps caption span a {
	float: none;
}

table.mylaps tr.sport,
table.mylaps tr.country {
	background: #eee;
}

table.mylaps tr.sport img {
	padding-top: 3px;
}



table.mylaps span {
	float: right;
}

table.mylaps img.flag {
	margin-right: 1em;
}

table.mylaps a {
	color: #000;
	/* text-decoration: underline; */
}

table.mylaps tfoot,
table.mylaps .fauxfoot {
	height: 30px;
}

table.mylaps tfoot span,
table.mylaps .fauxfoot span {
	float: right;
	margin-top: 0.5em;
}

table.mylaps .fauxfoot span img {
	vertical-align: middle;
	margin-left: 3px;
	margin-top: -3px;
}

table.mylaps td img {
	vertical-align: middle;
	margin-top: -3px;
}

table.mylaps img.profile {
	float: right;
}

table.mylaps tr.highlight {
	background: #ff0;
}

table.mylaps tr.perclass td {
	font-weight: bold;
	padding-top: 1.2em;
}

table.mylaps th.additional,
table.mylaps td.additional {
	color: #666;
}

table.mylaps th.noline, 
table.mylaps td.noline {
	border-top: none;
}

table.mylaps td.date,
table.mylaps td.notqualified {
	font-weight: bold;
	color: #fff;
	background: #999;
}

/* Info tables
-----------------------------------------------------------------------*/

table.info  {
	width: 350px;
	margin-top: 0.8em;
}

table.info col#label {
	width: 140px;
}

table.info col#value {
	width: 210px;
}

table.info th,
table.info td {
	vertical-align: top;
	height: 18px;
	padding: 2px;
}

table.info th img,
table.info td img {
	vertical-align: middle;
}

/* Column settings
-----------------------------------------------------------------------*/

col.type {
	width: 7em;
}

col.time {
	width: 5em;
}

col.date {
	width: 7em;
}

col.lap {
	width: 1em;
}

col.lead {
	width: 1em;
}

col.laptime {
	width: 5em;
}

col.diff {
	width: 5em;
}

col.gap {
	width: 5em;
}

col.speed {
	width: 5em;
}

col.sections {
	width: 10em;
}

col.totaltime {
	width: 10em;
}

col.section {
	width: 5em;	
}

col.season {
	width: 10em;	
}

col.tasks {
	width: 10em;	
}

col.fee {
	width: 5em;	
}

col.tx {
	width: 8em;
}

col.passings {
	width: 5em;
}

td.time,
td.speed,
td.laps,
td.points {
	text-align: right;
}

/* Definition Lists
-----------------------------------------------------------------------*/
dl.infolist {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

dl.infolist dt {
	font-weight: bold;
	padding: 5px;
	margin-right: 10px;
	width: 100px;
	float: left;
}

dl.infolist dt a {
	color: #000;
	height: 1.3em;
}

dl.infolist dd {
	padding: 5px;
}

dl.infolist dd a {
	color: #666;
}

/* MYLAPS forms
-----------------------------------------------------------------------*/

form.mylaps {
	width: 100%;
}

form.mylaps fieldset {
	margin: 0;
	margin-bottom: 0.5em;
}

form.mylaps p {
	margin: 0;
	clear: both;
}

form.mylaps p label {
	width: 150px;
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	font-weight: normal;
	float: left;
	padding-top: 4px;
	padding-right: 5px;
}

form.mylaps p.required label {
	font-weight: bold;
}

form.mylaps p span {
	width: 275px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 3px;
	font-weight: normal;
	color: #666;
	float: right;
}

form.mylaps p span.nextline {
	width: 475px;
	margin-left: 160px;
	padding-bottom: 10px;
}

div.formfooter em {
	clear: both;
	float: right;
	height: 30px;
	min-height: 30px;
	margin-top: 1em;
	margin-left: 160px;
	font-style: italic;
}

div.formfooter {
	clear: both;
	margin-top: 1em;
	margin-left: 160px;
}

form.mylaps p.captcha input,
form.mylaps p.textfield input {
	background: transparent url(../images/bg_input_text.gif) top left no-repeat;
	height: 15px;
	width: 178px;
	border: none;
	padding-left: 5px;
	margin: 5px 0;
	margin-top: 3px;
	float: left;
}

form.mylaps p.textarea textarea {
	background: transparent url(../images/bg_input_field.gif) top left no-repeat;
	border: none;
	height: 176px;
	width: 265px;
	border: none;
	padding: 5px;
	margin-left: 0px;
	overflow: auto;
}

form.mylaps p.select select {
	height: 18px;
	width: 178px;
	padding-left: 5px;
	margin: 5px 0;
	margin-top: 3px;
}

form.mylaps p.radio {
	margin-bottom: 5px;
}

form.mylaps p.radio input {
	margin: 0;
	margin-top: -3px;
	*margin-top: 0;
	padding: 0;
	display: inline-block;
	width: 18px;
	vertical-align: middle;
	background: none;
}

form.mylaps p.radio label.radio {
	width: auto;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	float: none;
}

form.mylaps p.checkbox {
	margin-bottom: 5px;
}

form.mylaps p.checkbox input {
	margin: 0;
	margin-top: -3px;
	*margin-top: 0;
	padding: 0;
	display: inline-block;
	width: 18px;
	vertical-align: middle;
	background: none;
}

form.mylaps p.checkbox label.checkbox {
	width: auto;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	float: none;
}

form.mylaps p.captcha {
	float: left;
}

form.mylaps p.captcha img {
	float: left;
	margin: 0 3px;
	margin-right: 10px;
}

form.mylaps p.comment {
	margin: 1.5em 0;
	margin-left: 160px;
}

form.mylaps span.info,
form.mylaps span.warning,
form.mylaps span.error,
form.mylaps span.succes {
	clear: both;
	width: 475px;
	margin-left: 160px;
}

form.mylaps h2 {
	margin: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
	font-style: normal;
	text-transform: none;
}

form.mylaps h3 {
	margin: 0;
	font-size: 1em;
	font-style: normal;
	text-transform: none;
}

span#refreshcaptcha {
	color: #000;
}

/* 
-----------------------------------------------------------------------*/

span.msgbox {
	display: block;
	width: 90%;
}

span.info,
span.warning,
span.error,
span.succes {
	margin: 3px;
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid;
}

span.info {
	color: #D8000C !important;
	background-color: #FFBABA !important;
}

span.warning {
	color: #9F6000 !important;
	background-color: #FEEFB3 !important;
}

span.error {
	color: #D8000C !important;
	background-color: #FFBABA !important;
}

span.succes {
	color: #4F8A10 !important;
	background-color: #DFF2BF !important;
}

/* Paging
-----------------------------------------------------------------------*/

div.paging  {
	width: 100%;
	color: #000;
	text-align: center;
}

div.paging img {
	vertical-align: middle;
}

div.paging a.current {
	font-weight: bold;
	font-size: 1.2em;
}

/* Login
-----------------------------------------------------------------------*/

div#loginbox fieldset {
	margin: 0;
}

div#loginbox ul {
	margin-top: 20px;
	list-style: none;
}

div#loginbox li {
	margin-left: -0.5em;
}

div#loginbox a.btn1 {
	float: right;
}

/* Search form
-----------------------------------------------------------------------*/

form#searchform {
	position: absolute;
	top: 65px;
	right: 0;
	margin-right: 20px;
	padding: 0;
	width: 240px;
	height: 18px;
}

form#searchform input {
	background: transparent url(../images/bg_input_text.gif) top left no-repeat;
	height: 15px;
	width: 178px;
	border: none;
	padding-left: 5px;
	float: left;
}

form#searchform a.btn1 {
	margin-top: -2px;
	float: right;
}

/* Login form
-----------------------------------------------------------------------*/

form#loginform.mylaps p label {
	text-align: left;
}

/* Resend form
-----------------------------------------------------------------------*/

form#resendform {
	width: 350px;
}

/* Activation form
-----------------------------------------------------------------------*/

form#activationform {
	width: 350px;
}
	
/* Advanced search form
-----------------------------------------------------------------------*/

form#advancedsearchform {
	margin-bottom: 2em;
}

form#advancedsearchform p.radio {
	clear: none;
	float: left;
	display: inline;
	width: auto;
}

form#advancedsearchform a {
	float: left;
}

/* Search pages
-----------------------------------------------------------------------*/

div#searchresults dl {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

div#searchresults dt {
	border-top: 1px solid #ddd;
	padding-top: 5px;
}

div#searchresults dd {
	padding-top: 10px;
	padding-bottom: 5px;
}

div#searchresults dd a {
	color: #666;
}

div#searchresults dt a {
	font-weight: bold;
	color: #000;
	height: 1.3em;
}

div#moresearchresults a {
	color: #000;
	display: block;
	margin: 0;
	padding: 0;
}

ul#searchlegend li {
	margin: 0;
	margin-top: 0.3em;
}

ul#searchlegend li h2 {
	margin: 0;
	font-size: 1em;
	font-style: normal;
	text-transform: none;
}

ul#searchlegend li p {
	margin: 0;
	margin-bottom: 1em;
}
	
img#searchicon {
	margin-right: 0.5em;
}

ul#searchlegend {
	list-style: none;
	margin-top: 1.5em;
}

/* IDM related forms
-----------------------------------------------------------------------*/

div#idmpassings {
	clear: both;
}

div#idmpassings-col1 {
	width: 49%;
	float: left;
}

div#idmpassings-col2 {
	width: 49%;
	float: right;
}

/* IDM related forms
-----------------------------------------------------------------------*/

div#idmforms {
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
	*margin-bottom: 4em;
}

form#idmsearch {
	float: left;
	width: 350px;
}

form#idmsearch label {
	width: auto;
}

form#idmrefresh {
	float: right;
	width: 195px;
}

form#idmrefresh img {
	vertical-align: middle;
	margin-left: 1em;
}

/* Errors
-----------------------------------------------------------------------*/

ul.errors {
	list-style: none;
	margin-top: 1.5em;
	width: 90%;
}

ul.errors li {
	margin: 0;
	margin-top: 0.3em;
}

/* Frequently asked questions
-----------------------------------------------------------------------*/

ul#faq {
	list-style: none;
	margin-top: 1.5em;
	width: 90%;
}

ul#faq li {
	margin: 0;
	margin-top: 0.3em;
}

ul#faq li h2 {
	margin: 0;
	font-size: 1em;
	font-style: normal;
	text-transform: none;
}

ul#faq li p {
	margin: 0;
	margin-bottom: 1em;
}

/* Profile practice tracks
-----------------------------------------------------------------------*/

ul#practicetracks {
	list-style: none;
	margin-top: 1.5em;
	width: 90%;
}

ul#practicetracks li {
	margin: 0;
	margin-top: 0.3em;
}

ul#practicetracks a {
	color: #000;
}

/* Guestbook
-----------------------------------------------------------------------*/

div.gbentry {
	border-bottom: 1px #ddd solid;
	margin-bottom: 5px;
}

div.gbentry h2 {
	margin: 0;
	font-size: 1em;
	font-style: normal;
	text-transform: none;
}

div.gbentry p {
	margin-bottom: 0.5em;
	padding: 0;
}

div.gbentry em {
	font-style: italic;
}

/* MYLAPS practice table
-----------------------------------------------------------------------*/

table.practice .fauxfoot {
	height: 7px;
}

table.practice td {
	padding: 2px 5px !important;
}

/* MYLAPS practice legend
-----------------------------------------------------------------------*/

ul#practicelegend {
	list-style: none;
	margin-top: 1.5em;
}

ul#practicelegend li {
	margin: 0;
	margin-top: 0.3em;
}

ul#practicelegend img {
	vertical-align: top;
	margin-top: -2px;
}

/* MYLAPS practice laptimes legend
-----------------------------------------------------------------------*/

dl#laptimeslegend dt {
	margin: 5px;
	padding: 5px;
}

/* Info div and table
-----------------------------------------------------------------------*/

div.logo {
	float: right;
	width: 120px;
}

div.logo img {
	margin-bottom: 1em;
}

/*
div.info table th,
div.info table td {
	padding: 2px 0;
}

div.info col#label {
	width: 160px;
}

div.info col#value {
	width: 290px;
}
*/

/* Events table
-----------------------------------------------------------------------*/

table.events td.rt0 { 	/* Practice */
	background: #d3aee2; 
	text-align: center;
}

table.events td.rt1 { 	/* Qualify */
	background: #98badd;
	text-align: center;
}

table.events td.rt2 { 	/* Race */
	background: #cccccc;
	text-align: center;
}

table.events td.merge { 	/* Merge */
	background: #ddcaca;
}

/* Print button
-----------------------------------------------------------------------*/

a.btnPrint {
	float: right;
	margin-bottom: 25px;
}

/* Lap chart
-----------------------------------------------------------------------*/

#lapchart {
	width: 100%;
}

#lapchart col {
	width: 0.8em;
}

td.inpit {
	background-color: #00c7ff !important;
}

td.inlead {
	background-color: #eee;
}

td.nolap {
	background-color: #aaa;
}

td.yellowflag {
	background-color: #ffff00 !important;
}

td.redflag {
	background-color: #ff0000 !important;
}

a.clickable {
	display: block;
	width: 100%;
}

/* Lap times 
-----------------------------------------------------------------------*/

div#compareto {
	float: right;
}

img#laptimesgraph {
	margin-bottom: 2em;
}

/* Upcoming events 
-----------------------------------------------------------------------*/

ul#registrationoptions {
	list-style: none;
	margin-top: 1.5em;
}

ul#registrationoptions li {
	margin: 0;
	padding: 0;
	margin-top: 0.3em;

}

ul#registrationoptions li h2 {
	margin: 0;
	font-size: 1.3em;
	font-style: normal;
	text-transform: none;
}

div#upcoming p {
	width: 80%;
}

div#upcoming p.buttons {
	margin-left: 145px;
}

/* Results highlighting
-----------------------------------------------------------------------*/

.LiveBetterEven,.LiveBetterOdd {
	background-color: #E8FFE1;
}

.LiveWorserEven,.LiveWorserOdd {
	background-color: #FFD9D9;
}

.LiveBestTime,.best {
	background-color: #CF9FFF;
}

.LiveInvalidLaptime {
	background-color: #C3C3C3;
}

.LivePit,.pit {
	background-color: #95BFFF;
}

.flag-green {
	background-color: #E8FFE1;
}

.flag-red {
	background-color: #FFD9D9;
}

.flag-yellow {
	background-color: #FFFFC3;
}

.flag-black {
	background-color: #C3C3C3;
}

td.LiveTOD {
	
}

/* Results highlighting
-----------------------------------------------------------------------*/

div#registerdecoder h3 {
	font-size: 1.2em;
	font-style: normal;
	text-transform: none;
	font-weight: bold;
}

/* Control panel
-----------------------------------------------------------------------*/

div#controlpanel {
	margin-top: 2em;
}

div#controlpanel h3 {
	font-size: 1.2em;
	font-style: normal;
	text-transform: none;
	font-weight: bold;
}

div#controlpanel ul {
	list-style: none;
	margin-top: 1.5em;
}

div#controlpanel ul li {
	margin: 0;
	padding: 0;
	margin-top: 0.3em;
}

div#controlpanel a {
	color: #000;
}

/* Control panel
-----------------------------------------------------------------------*/

p#unlocklaptimes {
	float: right;
}

div#categorytasks {
	margin-left: 160px;
}

div#addcategory {
	float: left;
}

div#removecategory {
	float: left;
}