/*Elements*/
html, body, img{
	margin:	0px;
	border:	0px;
	padding:	0px;
}
/* FONTS*/
body	{
	font-size: 11px;
}
h1	{
	font-size: 1.7em;
}
h2	{
	font-size: 1.2em;
}
p	{
	font-size: 1.0em;
}
td	{
	font-size: 1.0em;
}

*	{
	font-family: Verdana, Geneva, Arial, sans-serif;
}
body 	{
	text-align: left;
}
h1, h2, h3, h4	{
	margin: 0px;
	text-align:center;
	padding: 0px;
}
form{
	position:relative;
}
table	{
	border-collapse:	collapse;	
}
td, th{
	white-space: nowrap;
	padding: 0px 2px 0px 2px;
}
p	{
	text-align: justify;
}
/* LINKS */
a {
	text-decoration: none;
}
a:link{
	color: #0057D9;
	text-decoration: underline;
}
a:visited{
	color: #0057D9;
	text-decoration: underline;
}
a:active {
	color: #0057D9;
	text-decoration: underline;
}
a:hover {
	color: #0057D9;
	text-decoration: none;
}
/*TRB*/
.togglearrow{
	cursor: pointer;
}
/*Calendar*/
#calendar{
	position:static;
}
/*Titles*/
.title, .title a{
	background-color:	#0057D9;
	color:		#FFFFFF;
	font-size:		11px;
	font-weight:	bold;
	padding:		0 5px;
	min-width:	200px;
	cursor:		pointer;
	text-decoration: none;
}
.title1{
	background-color:	#0057D9;
	color:		#FFFFFF;
	font-size:		11px;
	font-weight:	bold;
	padding:		0 5px;
	min-width:	200px;
}
/*Buttons*/
.hidecross{
	position:absolute;
	right:0px;
	top:0px;
	cursor:	pointer;
	height:15px;
	width:15px;
	z-index: 10;
}
.pointer{
	cursor: pointer;
}
.button td{
	border-collapse:		collapse;
	border-width:		0px;
	background-color:		transparent;
}
.button form{
	display: inline;
}
.link{
	cursor:pointer;
	text-decoration:underline;
	color: blue;
}
.button{
	cursor:pointer;
	padding: 0 5px;
}
.togglearrow img{
	height:12px;
	width:12px;		
}

.addbutton{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
}

.updatebutton{
	float:	right;
	background-color:	#83E700;
	border:outset 2px #C0C0C0; 
	padding:2px 2px;
	cursor:	pointer;
	color:	#000000;
	font-size:		11px;
	font-weight:	bold;
	text-decoration:	none;
}
.resetbutton{
	float:	right;
	background-color:	#F1F1F1;
	border:outset 2px #C0C0C0; 
	padding:2px 6px;
	cursor:	pointer;
	color:	#000000;
	font-size:		11px;
	font-weight:	bold;
	text-decoration:	none;
}
.linkbutton{	
	background-color:	#FFFFFF;
	color:		#408DFF;
	font-size:	9px;
	font-weight:	bold;
	padding:		0px 5px ;
	margin:	0 0 0 4px;
	cursor:		pointer;
	display: inline;
	border:	0;
	text-decoration:underline;
	float:right;
}

.trbbuttonr, .trbbutton{
	font-size:	11px;
	text-decoration:	none;	
	padding: 2px 3px;
	background-color:#408DFF;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	text-transform: uppercase;
	font-weight:700;
	font-size:10px;
}
.trbbuttonr{
	float: right;
}
.trbbuttonr a, .trbbutton a {
	text-decoration:	none;
	color:#FFFFFF;
	text-transform: uppercase;
}

.trbbuttonr:hover,.trbbutton:hover{
	background-color: #83E700;	
}

/*Toolbars*/
.tool, .textlink{
	float:right;	
	background-color:	#FFFFFF;
	color:		#408DFF;
	font-size:	9px;
	font-weight:	bold;
	padding:		0px 5px ;
	cursor:		pointer;
	display: inline;
	border:	0;
	margin:0 0 0 4px;
	text-decoration:underline;
}
.trbtool{
	height:15px;
}
.trbtool span{
	background-color:	#FFFFFF;
	color:		#408DFF;
	font-size:	9px;
	font-weight:	bold;
	padding:		0px 5px ;
	cursor:		pointer;
	display: inline;
	border:	0;
	margin:0 0 0 4px;
	text-decoration:underline;
}
.trbtool img, .trbtool form, .trbtool span{
	float:right;
	cursor:pointer;
	padding: 0 5px;
}
/*Tabs*/

.tabs{
margin-bottom:8px;
}
.anchors{
	border-bottom: 1px solid #0057D9;
	margin: 0 0 1px 0;
	list-style: none;
	height:21px;
	padding:0;
}
.anchors li{
background-color: #0057D9;
border: 1px solid #0057D9;
color:#FFF;
border-top-left-radius: 3px 3px;
border-top-right-radius: 10px 3px;
cursor: pointer;
float: left;
font-size: 10px;
font-weight: 500;
margin: 0px 4px -1px 0px;
padding: 4px;
position: relative;
text-align: center;
}

.anchors li:hover{
	background-color: #408dff;	
}

.anchors li.selectedtab{
	background-color: #83E700;
	border-bottom: 1px solid #83E700;
}
.anchors a{
	text-decoration:none;
	color:#FFF;
}

#hidden3{
	display:	none;
}
.hidden{
	display:	none;
}
.collapse{
	display:	none;
}
/*Forms*/
.formtrb fieldset, .formtrbs fieldset{
	border-color:#83E700;
	position:relative;
	padding:0;
}
.formtrb label, .formtrbs label{
		display: block;
		float: left;
		width:	150px;
		padding: 0 5px;
		margin: 5px 0 0 0;
		text-align: right;
}
.formtrbs label, .formtrbs input, .formtrbs option, .formtrbs select{
		font-size: 10px;
}
.formtrbs label{
		width:50px;
}
.formtrb legend, .formtrbs legend{
	font-size:	1.1em;
}
.formtrb legend:first-letter, .formtrbs legend:first-letter{
	text-decoration:underline;
}
.formtrb br, .formtrbs br{
	clear:left;
}
.formtrb p {
	margin-left:150px;
	padding:0 10px;
}
.formtrb textarea, .formtrbs textarea{
	font-size:12px;
}
.formtrb input, .formtrbs input{
	background-repeat: no-repeat;
	background-position:1px center;
}
.formevent{
	margin: 0px auto;
}

.formevent select,  .formevent input{
	font-size:		11px;
}
.updateform input{
font-size:10px;
}
#forms{
	position:relative;
}
#formresetpwd, #formresendpwd{
	margin-left:200px;
}
.timeinput{
background-repeat: no-repeat;
background-position: 1px 50%;
}
.help {
color:red;
}
td.help{
width:20px;
}
td.required{
font-weight:bold;
}
.helptext{
	color: #0057D9;
	text-decoration:	underline;
	cursor:	pointer;
}
.helpObject div{
	 display:none;
}

.helpObject ul{
	 list-style-type:none;
}

.helpObject img{
	 padding: 5px;
	 vertical-align: middle;
}

.helpObject{
	padding: 0 30px;
	position:relative;
	font-style: oblique;
	text-align: justify;
}
.image{
	position: relative;
	float:	left;
	padding:	10px;
}
.hiddenhelptext{
	display: 		none;
	max-width:	150px;
	white-space:	normal;
	background-color:	#000000;
	position:		absolute;
	border-color:	red;
	padding:		2px;
}
/*Hint*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffe0;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}
/*Header*/
.session{
	font-size: 9px;
}
.session form{
	display: inline;
}
.mlddm{
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 22px;
	background-color: #0057D9;
}
/* Maim Menubar*/
ul.mlddm{
	margin-left:0;
	margin-right:auto;
}
.mlddm li{
	display: inline;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #0057D9;
}
.mlddm li a, .mlddm li a#buttonnohover{
	display: block;
	margin: 0;
	padding: 4px;
	width: 70px;
	font: bold 11px arial;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #2A2F29;
	color: white;
	background-color: #6E85B2;
	background-color: #0057D9;
}
.mlddm li a:hover, .mlddm li a#buttonhover{
		background-color: #80927F;
		background-color: #408DFF;
		color: #FFF;
}
.mlddm ul{
	z-index: 100;
	position: absolute;
	visibility: hidden;
	margin: 1px 0 0 0;
	padding: 0;
	background-color: #6E85B2;
	background-color: #0057D9;
}
.mlddm ul li{
	float: none;
}
.mlddm ul li a{
	display: block;
	width: auto;
	margin: 0px;
	padding: 4px 13px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	color: #2A2F29;
	color: white;
	background: transparent;
}
.mlddm ul li a:hover{
	color: #FFF;
}
#trbcontainer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	background-color:	#FFFFFF;
}
#session{
	color:	white;
	float:	right;
	line-height: 2;
	padding:6px 5px;
}

#session form{
	display:inline;
}

#session label{
	text-align: right;
}
#session form{
	padding:	0px;
	margin:	0px;
	border:	0px;	
}
#session input{
	font-size: 0.9em;
	background-position:1px center;
	background-repeat:no-repeat;
	border-width:0;
	margin:0 8px;	
}
#session a{
	color:	white;
	text-decoration: none;
	font-size: 0.9em;
	padding: 2px 20px;
}
#session a:link{
	color:	white;
	text-decoration: underline;
	font-size: 0.9em;
}
#session a:visited{
	color:	white;
	text-decoration: underline;
	font-size: 0.9em;
}
#session a:active{
	color:	white;
	text-decoration: underline;
	font-size: 0.9em;
}
#session a:hover{
	color:	white;
	text-decoration: none;
	font-size: 0.9em;
	z-index:	1;
}
#changeuser input{
	border: 0;
	background-color: transparent;
	color: #FFF;
	text-decoration: underline;
	cursor: pointer;
}

#logo{
	background-image: url('images/topbanner2.gif');
	background-repeat: no-repeat;
	height:	60px;
}
#browser{
	margin:0 200px;
}	
#browser img{
	height:25px;
	width:25px;
	display:block;
	float:left;
	padding: 7px 10px;
}
#menubar{
	height:	22px;
	background-color: #0057D9;
}
#lang{
	float:	right;
}
#lang form{
	display:inline;
	vertical-align: middle;
}
#lang input{
	height:16px;
	vertical-align: middle;
}
#lang table{
	float:	right;
}
#lang td{
	float:	right;
	margin:	0 2px;
}
#mainbody{
	width:		800px;
	margin-top:	10px;
	position:relative;
	min-height: 500px;
}


#social{
	padding: 5px;
}
#social img{
	width: 24px;
	height: 24px;
}

#rightbar{
	position:relative;
	float:	right;
	width:	195px;
	padding-left:	5px; 
	z-index:	1;
	height: 487px;
}
#search{
	padding: 0 0 10px 0;
	z-index:1;
	position:relative;
	margin-top:7px;
}
#search div{
	font-size:11px
}
#searchmember{
	position:relative;
	z-index:4;
}
#searchclub{
	position:relative;
	z-index: 2;
}
#membersuggest, #clubsuggest{
	display:none;
	position:absolute;
	left:0;
	top:35px;
	width:190px;
	border:2px inset #83E700;
	z-index:5;
	background-color: #FFFFFF;
}
#clubsuggest{	
	z-index:3;	
}	
#googleads{
	padding:	15px 0px 0px 30px;
}

/*Footer*/
.footer{
	clear:	both;
}
#footernav{
	border-top: 1px solid rgb(37, 37, 37);
	width:500px;
	margin: 0px auto;
	padding: 6px 0px;
	clear:both;
}
#footernav p{
	color: black;
	font-size: 10px;
	text-align: center;
}
#footernav a{
	text-decoration: none;
	text-transform: lowercase;
}
#copyright{
	border-top: 1px solid rgb(28, 28, 28);
	margin: 0px auto;
	padding: 5px 0px 0px;
	width: 400px;
}
#copyright p{
	color: black;
	font-size: 10px;
	padding: 0px 0px 2px;
	text-align: center;
}
#copyright a{
	color: black;
	text-decoration: none;
}

/*INDEX*/
#indexcontent{
	min-height: 500px;
	position:relative;
}

#indexleft{
	float:left;
	width:250px;
}

#indexcenter{
	margin-left:250px;
	padding:0 0 0 5px;
	width:545px;
}

#racereport img, #indexracereport img{
	height:95px;
	width:95px;
	float:left;
	padding: 0 3px 3px 0;
}

#index_bpi img{
	width:250px;
	height: 200px;
	margin: 0 0 3px 0;
}

#indexbanner{
	margin: 0 0 5px 0;
}
#indexracepics{
}

#indexImg {
	position: relative;
}
#indexImg img{
	width: 395px;
}

#indexImg span{
	position: absolute;
	top: 10px;
	left: 25px;
	background-color: #FFF;
	color: 	#0057D9;
	padding: 1px 3px;
}
.indexrr{
	position:relative;
	height:125px;
	overflow:hidden;
	text-align: justify;
	padding-bottom:3px;
	background-color: #F1F1F1;
}
.indexrr:hover{
	color: #0057D9;
	cursor:pointer;
}
.rrtext{
	display: block;
	font-size: 10px;
	padding: 0 3px;
}

.indexrr h4, .indexrr h5{
	margin: 0 auto;
	background-color: #D3D3D3;
	padding: 2px;
	text-align: center;
}

#racepics{
	margin-top:9px;
}
#racepicsnext{
	display: none;
}

#indexnews	{
	width: 145px;
	position:absolute;
	right:0px;
	top: 169px;
}
#indexnews img{
	height: 145px;
	width: 145px;
	display: block;
	margin: 0 0 5px 0;
}

#indexnews p{
	padding: 5px;
}

/*Account*/
.icon{
	height: 13px;
	padding:3px;
	vertical-align:middle;
}
.profilethumb{
	height:50px;
	width:50px;
	padding: 0 5px;
	vertical-align:text-top;
}
#profileform{
	width:600px;
	margin-left: 150px;
}
#clubhistform fieldset{
	padding:20px 0;
	border-color:#83E700;	
}		

#clubhistform label{
	display:block;
	float:left;
	margin:5px 0 0;
	padding:0 5px;
	text-align:right;
	width:110px;
}

#ar2{
	position:absolute;
	width:500px;
}	
#ar2 label{
	display: block;
	float: left;
	width:	150px;
	padding: 0 5px;
	margin: 5px 0 0 0;
	text-align: right;
}
#ar2 form{
	padding: 10px;
	margin:0;	
}
#ar2 legend{
	font-size:	1.1em;
}
#ar2 legend:first-letter{
	text-decoration:underline;
}
#ar2 br{
	clear:left;
}
/*Home*/

#pagenav{
	margin:0 0 10px 0;
	text-align: center;
}
#pagenav span{
	text-decoration: underline;
	padding:0 3px;
	cursor: pointer;
}
#athleteAZ{
	position:absolute;
	left:250px;
	margin-left:100px;
	width:500px;
}	
#athleteAZ img{
	vertical-align: middle;
	height:20px;
	width:20px;
	margin:5px;
}	
#athleteAZads1{
	position:absolute;
	margin: 0 0px;
	width:300px;
	top:0px
}
#clubdir{
	position:relative;
	margin-left:25px;
	width:500px;
}	
#clubdir img{
	vertical-align: middle;
	height:20px;
	width:20px;
	margin:5px;
}
/*PROFILE*/
#athletesocial{
}
#athletesocial img{
	height:20px;
	padding:5px 10px;
}
.socialbutton{
	height:20px;
	padding:5px;
}

#profilemain{
	position:relative;
}

.racereport{
	padding : 20px 5px;
}

#athleteprofile2{
	position:relative;
}

.ap01, .ap02, .ap03, .ap04{
	position:relative;
}
.ap01{
	padding:3px 10px;
}

.ap03, .ap04{
	padding:3px 0;
}

.pb1{
	font-size:		11px;
	font-weight:	bold;
}
.pb2{
	float:right;
	font-size:		11px;
	font-weight:	bold;
}
.pb3{
	font-size:		11px;
	color:		#0057D9;
}
	
#clubdiv span{
	padding: 0 10px;	
}
#clubdiv div{
	padding: 5px 0;
}

/*Race Report*/
.racereport{
	padding: 20px 5px;
}

.rrtitle{
	background-color: #0057D9;
	color: #FFF;
	text-transform: uppercase;
}

#racereport{
	float:left;
	position:absolute;
	width : 260px;
}




.racereport{
	float:left;
	width : 260px;
}


#report{
	margin-left:270px;
	width: 500px;
	text-align: justify;
}

/*RACEPICSLIST*/

/*Profile*/

#month{
	width:545px;
}

#apm1 img{
	display:block;
	float: left;
	height:110px;
	margin:0 5px 0 0;
	width:110px;
}
#apm1 p{
	margin:0;
	padding:6px 3px 0 3px;
	line-height: 1.3;
	color:#000;
	font-weight:normal;
}

#athleteprofileleft{
	float: left;
	width: 248px;
	border: solid 1px #0057D9;
}
#athleteprofileright{
	margin-left:	255px;
	margin-right:	auto;
	width:		545px;
	position:relative;
}
#athleteprofile1{
	height:	138px;
	color:	#FFFFFF;
	font-weight:	bold;
	position:relative;
}
#athleteprofile1 h3, #athleteprofile2 h3, .athleteprofiletitle{
background-color:#0057D9;	
	color:	#FFF;
	font-size:	15px;
	text-align:	left;
	clear:	left; 
	padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
.apa td{
	padding: 3px 5px;
}

.apa{
	border-top:1px solid blue;
	border-bottom:1px solid blue;
}

.apa table{
	margin:0 auto;
}
.apa1{
	width: 40px;
	text-align:right;
}

#athleteprofile1 a{
	font-size:		11px;
	font-weight:	bold;
}

#cpm1 p{
	margin:0;
	padding:6px 3px 0 3px;
	line-height: 1.3;
}
#cpm1 img{
	display:block;
	width:266px;
}
.year{
		margin:0 0 10px 0;
}

.apcontent{
position:relative;
	margin:		8px 0 10px 0;
	border:		1px solid #0057D9;
}

.acmdata{
	position:relative;
	margin-top:	5px;
	padding:		5px;
	line-height:	120%;
}
.acm1{
	padding:		5px;
}
.acm3{
	position:absolute;
	right:10px;
	font-style:	italic;
}
.acm4{
	margin-left:	75px;
	font-style: oblique;
	color: #7C7C7C;
}
.acm5{
	position:absolute;
	right:10px;
	top: 30px;
}
/*Club*/
#clubform{
	width:600px;
	margin:0 0 0 100px;
	padding:10px;
}
#clubhistform br{
	clear:left;	
}
/*Results*/
#addrace1{
	position:absolute;
	left:500px;
}
#armi{
	width:	100%;
}
.minitab{
	margin:0 0 10px 0;
}
.minitab span{
	background-color:	#FFFFFF;
	color:		#0057D9;
	font-weight:	bold;
	padding:		2px;
	margin:		0 2px 10px 2px;
	cursor:		pointer;
}
.minitab span:hover{
	color: #408dff;	
}

.minitab span.selectedtab{
	color: #83E700;
}
.cb1{
	position:absolute;
	left:	30px;
	font-size:		11px;
	font-weight:	bold;
}
.cb2{
	position:absolute;	
	right:	25px;
	font-size:		11px;
	font-weight:	bold;
}
.cb3{
	position:absolute;
	left:150px;
	font-size:		11px;
	color:		#0057D9;
}
.cb4{
	position:absolute;
	font-size:		11px;
	color:		#0057D9;
}
.ccmdata{
	position:relative;
	left:125px;
	width:200px;
}
.cmp1,.cmp2 {
	padding:0 5px;
}
.cmp2{
	position:absolute;
	left:50px;
}
.cpbdata{
	padding:3px 0;
}

.tccimg{
	height:30px;
	width:30px;
	vertical-align: middle;
}
.tccdata1{
	position:relative;
	left:10px;
	font-weight: bold;
}
.tccdata2{
	position:absolute;
	right:10px;
	font-weight: bold;
	color:#0057D9;
	text-decoration: underline;
	cursor: pointer;
}
.tccdata3{
	position:absolute;
	right:10px;
	font-weight: bold;
}
.trainathlete{
height:60px;
}
.trainathlete span{
margin-left: 10px;
}
.trainimage{
float:left;
}
.trainimage img{
	height:	50px;
	width:  50px;
	margin: 5px;
	vertical-align: middle;
}
#clubprofile1{
	position: relative;
	font-weight: 500;
}
#clubprofile1 img{
	width:240px;
}
#clubprofileleft{
	float:left;
	width: 248px;
	border: solid 1px #0057D9;
}
#clubprofileright{
	position: relative;	
	margin-left: 255px;
	width: 545px;
}
#clubrecords{
	height:850px;
}
.ccmdata{
	display:none;
}
#clubprofileleft h3{
	background-color: #0057D9;
	color:	#FFF;
	font-size:	16px;
	text-align:	left;
	clear:	left; 
	padding : 5px 10px;
}
#train2{
		overflow-y:auto;
		position:relative;
}

.result{
	margin-top:10px;
}

.crmdata{
	position:relative;	
	padding:	5px 25px;
	line-height:	120%;
}
.crd5{
	position:absolute;
	left:100px;
}

/*Race Reports*/
#rr{
	position:absolute;
	width:500px;
}
#rr textarea{
	width:100%;
}
.armdata{
	position:relative;	
	padding:	5px;
	line-height:	120%;
}

.armdata>img, .armdata>a>img{
	padding:0 5px;
	vertical-align: middle;
}
.resultslist{
	list-style-type: none;
	padding:0;
	text-transform: capitalize;
}
.resultslist li{
	cursor:pointer;
}

.resultslist li:hover{
	background-color: #408DFF;
}

.arm1{
	padding:		5px;
	white-space: nowrap;
}
.arm3, arm4{
	position:absolute;
	right: 5px;
	font-weight:	bold;
	padding: 0 5px;
	cursor:pointer;
}
.arm4{
	right: 90px;
	position: absolute;
}
.arm4 img, .arm3 img{
	height:12px;
	width:12px;
	padding: 0 2px;
}
/*Training*/
.oddrow  td {
	padding: 2px;
	background-color: #F1F1F1;
	width: 100px;
}

.evenrow  td {
	padding: 2px;
}

.totalrow td {
   color: #FFFFFF;
	background-color: #408dff;
	padding: 2px;
}

#train1 form{
	width:500px;
}
#traindata{
	margin-top:5px;
}
#traindata input{
	font-size:10px;
}
#train2{
	position:relative;
}
.traindate{
	position:absolute;
	right:5px;
	font-size:13px;
	font-weight:bold;
	color:#0057D9;
}
.trainhour{
	font-weight:600;
	color:#0057D9;
}
.trainactivity{
	font-size:12px;
	font-weight: 600;
	color:#0057D9;
}
.trainduration, .traindistance, .trainheart, .trainpower,.trainspeed{
	margin:0 15px 0 0;
	font-weight:500;
}
.traincomment{
	font-style: oblique;
	color:#7C7C7C;
}
#headright{
	float:right;
}

#navheader{
	height:25px;
	position:relative;
	border: 1px solid #0057D9;
	padding: 5px;
}
#navheader span{
	font-size: 14px;
	margin: 0 5px;
}
#navheader img{
	vertical-align: middle;
}
#monthview td,#monthview th{
width:	70px;
border:	solid 1px blue;
}
#monthview table{
border-:	solid 1px blue;
}
#monthview th{
height:30px;
}
.dayheader{
	text-align:	center;
	height:20px;
}
.day{
	height:70px;
	vertical-align:top;
}
.day2{
	cursor: pointer;
	text-decoration: underline;
	color:#0057D9;
}

.day5{
	position:absolute;
	top: 50px;
	left:50px;
	width:200px;
	border:1px solid #000000;
	background-color: #FFFFFF;
	padding:10px;
}
.traindatediv{
	position:relative;
	border:1px solid #000000;
	padding:4px;
	margin:4px 0;
}
#train1{
	position:relative;
	width:500px;
}
span.train1{
position:relative;
top:5px;
}
#train3{
	position:relative;
}


/*Gallery*/

/*RACEPICS*/
#racethumbs{
	width: 330px;
}
.racethumbs1{
	width: 110px;
}
.racethumbs2{
	float:right;
	padding: 3px;
}
.racethumbs2 span, .racethumbs2 img{
	display: block;
	padding: 1px 2px;
	text-align:center;
}
/*Clubs*/
.clubdir{
	position:	relative;
}
.clubdir fieldset{
	position:	absolute;
	z-index:	1;
	left: 200px;
	top:	0;
	background-color: #FFFFFF;
	border-color: #83E700;
}
#clubAZ{
position:absolute;
left:200px;
margin-left:100px;
width:500px;
}
#clubAZ img{
	width: 100px;
	max-height: 50px;
	vertical-align: middle;
	margin:	10px 20px;
}
.tccdetail{
	position:relative;
}
/*Events*/
div.displayMatches{
	padding:	5px;
}
.displayMatches span{
	margin:	0 10px 0 0;
}
#step1{
	border-color: #83E700;
}
#step2, #step3{
	background-color: #F1F1F1;
}
.ef1{
	font-size:1.1em;
}
.ef2{
	float:right;
	font-size: 0.9em;
}
.ep1{
	padding:0 0 0 5px;
	min-height: 25px;
}
.ep2{
	position:absolute;
	left:100px;
}
.ep3{
	position:absolute;
	left:70px;
	font-weight: 400;
}
.er1{
position:relative;
width:480px;
}	
.er1 label{
	display: block;
	float: left;
	width:	150px;
	padding: 0 5px;
	margin: 5px 0 0 0;
	text-align: right;
}
.er1 form{
	padding: 10px;
	margin:0;	
}
.er1 legend{
	font-size:	1.1em;
}
.er1 legend:first-letter{
	text-decoration:underline;
}
.er1 input{
	background-repeat: no-repeat;
	background-position: 1px center;
}
.er1 br{
	clear:left;
}
.eventdata1{
	position:relative;
	left:25px;
}
.eventdata2{
	position:relative;
	left:10px;
}
.eventdata3{
	position:absolute;
	right:10px;
}

.eventdata5{
	position:absolute;
	right:150px;	
}


.eventsearch{
	position:relative;
	left:300px;
	width:480px;
	padding:10px;
}
#eventprofileleft{
	width:280px;
	font-weight:	bold;
	border:	1px solid #0057D9;
	float:left;
   position: relative;
}
#eventprofileleft h3{
	background-color:#0057D9;
	color:	#FFF;
	font-size:	16px;
	text-align:	left;
	clear:	left; 
	padding: 5px 10px;
	position: relative;
}
#eventprofileright{
	position:relative;
	width:480px;
	float:left;
	padding:0 10px;
}
#eventsearch1{
	position:absolute;
	width:300px;
}
#eventsearch1 h3{
	background-image:	url('images/greenfade.jpg');
	color:	#000000;
	font-size:	16px;
	text-align:	left;
	padding:	5px 10px;
}
#eventsearch1 fieldset{
	border-color: #83E700;
}
#racereports img{
	cursor: pointer;
}

#eventmedia{
  display: none;
  width: 500px;
  position: relative;
}
#eventmediamain{
  width: 300px;
  position: absolute;
  text-align:justify;
  overflow:hidden;
}
#eventmediamain img{
  max-height:225px;
  max-width: 300px;
  display: block;
}
#eventmediatext{
  width: 200px;
  position:absolute;
  left:300px;
  padding: 0 5px;
}

div.mediasource{
  position:absolute;
  bottom:0;
  right:0;
  color: #FFF;
  background-color: #408DFF;
}
#eventrr{
  height:480px;
  padding: 0 5px;
  text-align: justify;
  font-style: oblique;
  overflow:hidden;
}

#eventrr:hover{
  color: blue;
  cursor:pointer;
}

#eventrr img{
  float:left;
  height:100px;
  width:100px;
  padding: 5px;
}

#maingoto{
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
.medialist{
  padding: 5px;
  cursor:pointer;
}
.medialist:hover{
  color:blue;
  cursor:pointer;
}
.raceheader{
  padding: 5px 0;
}
#eventfuture{
	display:none;
}

/*Kona*/
#hqcleft{
	width:350px;
	padding:10px;
}
#hqcleft img{
	width:200px;
}
#hqcright{
	width:410px;
	float:	right;
	padding:10px;
}

table.displaydata{
	border-collapse:	collapse;
	border-color: 	#0057D9;
	border-style:	solid;	
	border-width:	2px;
	max-width:	100%;
	margin:		0px auto 20px auto;
}
.displaydata td, .displaydata th{
	border-collapse:	collapse;
	border-color: 	#408DFF;
	border-color: 	#0057D9;
	border-style:	solid;	
	border-width:	1px;
	font-size: 	1.0em;
}
.displaydata th{
	text-transform: capitalize;
}
.displaydata th a{
	color: #0057D9;
	text-decoration: none;
}
.displaydata th a:link{
	color: #0057D9;
	text-decoration: none;
}
.displaydata th a:visited{
	color: #0057D9;
	text-decoration: none;
}
.displaydata th a:active{
	color: #0057D9;
	text-decoration: none;
}
.displaydata th a:hover{
	color: #0057D9;
	text-decoration: none;
}
.displaydata form{
	display: inline;
}
/*Contact*/
#contactleft{
	float:left;
	margin:0 15px;
	width:170px;
}
#contactform{
	margin-top:	50px;
	margin-left:	200px;
	margin-right:	auto;
	width:500px;
}
/*Club Admin*/

/*Site Admin*/
.eventmatch td{
	background-color:	#D3D3D3;
	font-style:	italic;
	font-size:		0.95em;
}
.wrap{
	white-space:normal;
}
.sitedata td, .sitedata input, .sitedata select{
	font-size:10px
}

.scroll{
	overflow-y: auto;
}

.lightGrey{
		background-color:	#F1F1F1;
}
.darkGrey{
		background-color:	#E1E1E1;
}
/*RACEREPORT*/
#resultoverview img{
  float: right;
  height:80px;  
}

.bar{
	cursor:pointer;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#0057D9;
	padding: 5px 0;
	font-weight: 700;
}

.panel, .bar{
	margin:0px;
}

.resultlist{
  margin-left: 200px;
  text-align:left;
}
.bar:hover{
	background-color: #408DFF;
}

.panel{
	display:none;
	position:relative;
}

.panel textarea{
	width: 725px;
}

.panelcontent{
	margin: 40px;
	text-align:center;
   position:relative;
}

.panelcontent label{
  width: 150px;
}

.panelcontent form{
  text-align: left;
}

.panelcontent table{
	margin-left: 200px;
	text-align:left;
}
.panelcontent th, .panelcontent td{
	padding: 5px;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

div.toolbar{
	padding: 5px 0;
}

.toolbar span{
	padding: 5px;
	border:solid 1px #83E700;
	background-color:#408DFF;
	color:#FFFFFF;
	cursor:pointer;
}
.toolbar span.selectedtab{
	background-color: #83E700;
}

.toolbar span:hover{
	background-color: #83E700;	
}

#resultoverview{
	margin: 15px;
}

#addvideo{
	position: relative;
}

#frame{
	margin: 0 50px;

}
#loading, #loading img{
	display: none;
	height: 40px;
	width: 40px
}
#report2{
	text-align: left;
}

.fitHelp{
  font-size: 9px;
}
.drag {
  position: absolute;
  cursor: move;
}
img.drag{
  width: 18px;
  height: 18px;
}
#fitpic{
  position:absolute;
  right:0;
  top: 0;
}
#fitpic img{
  width: 700px;
}
#pageContainer{
  position:relative;
}
#bikefit3{
  position: relative;
}
#myCanvas{
  position:absolute;
  top: 0;
  right:0;
}
#rightdiv{
  width: 700px;
  position:absolute;
  top:0;
  right:0;
}
#bikefit_leftPage{
  position:relative;
  width: 300px;
}

#bikefit_leftPage fieldset,#bikefit_leftPage input,#bikefit_leftPage textarea {
	font-size:9px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
.xcoord, .ycoord{
  position:absolute;
  left: 100px;
  width: 40px;
  text-align:right;
  padding: 0 5px;
}
.ycoord{
  left: 200px;
}

.angles label{
  text-decoration:underline;
  color: #0057D9;
}
#debug{
  position: absolute;
  left:0;
}
#fitdetails1{
  padding: 0 5px;
  border: solid 1px #9C9C9C;
  margin: 6px 2px 2px;
}
.usermenu{
  padding:5px;
  margin:5px;
  border: solid 1px #9C9C9C;
  color: #0057D9;
  background-color:#FFFFFF;
}
.usermenu div{
  text-align:center;
  cursor:pointer;
}
.usermenu>div>img{
  height:8px;
  margin-left: 5px;
  vertical-align:middle;
}
.usermenu>ul>li>img{
  width:8px;
  margin-right: 5px;
  vertical-align:middle;
}
.usermenu div:hover{
  text-decoration:underline;
}
.usermenu ul{
  list-style-type: none;
  list-style-position:outside;
  background-color: #FFFFFF;
  display:none;
  padding:0;
  margin:0;
}
.usermenu li{
  cursor:pointer;
}
.usermenu li:hover{
  text-decoration:underline;
}
#umbf1{
  position:absolute;
  right:0;
  top:0;
  z-index:100;
}
#bfcontent{
  padding: 15px 0 0 0;
}
#bfcontent p{
  padding: 0 20px;
}
.contentDiv{
	margin-top:20px;
}