body, html
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		margin: 0px;
		overflow: hidden;
		height: 100%;
	}

#PAGECONTENT
	{
		overflow: auto;
		background: rgb(226,232,238) url('../../desktop/template/standard/content_bg.jpg') no-repeat;
		background-position:center; 
		background-size: contain;
	}

.pagetop
	{
		background: url('../../uploads/2015/run/helsinkicitymarathon/marathon.topbg.png');
		background-size: cover;
		text-align: center;
		padding-left: 150px;
	}

.loading
	{
		height:100%;
		width: 100%;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
	}

.participant
	{
		height:100%;
		width: 100%;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url('../template/standard/bgdim.png');
	}

.menu
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(0,0,0);
		margin: 0px;
		cursor: pointer;
		line-height: 50px;
	}

.menu_hover
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		color: rgb(255,255,255);
		background: rgb(161,133,82);
		border-bottom: 1px solid rgb(0,0,0);
		margin: 0px;
		cursor: pointer;
		line-height: 50px;
	}

.menu_active
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		color: rgb(255,255,255);
		background: rgb(135,0,0);
		border-bottom: 1px solid rgb(0,0,0);
		border-right: 7px solid rgb(0,0,0);
		margin: 0px;
		cursor: pointer;
		line-height: 50px;
		text-shadow: 1px 1px 1px #000;
	}

.menu_arrow
	{
		width: 0; 
		height: 0; 
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid rgb(200,200,200);
	}

.credits
	{
		font-family: Helvetica, Arial;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		color: rgb(255,255,255);
		background: rgb(130,0,0);
		line-height: 20px;
		vertical-align: middle;
	}

.search_navmenu
	{
		width: 100%;
		color: rgb(255,255,255);
		background: rgb(80,80,80);

	}

.search_menu
	{
		width: 100%;
		color: rgb(255,255,255);
		background: rgb(161,133,82);

	}

.search_table
	{
		width: 100%;
		background: rgb(255,255,255);
		border-top: 1px solid rgb(0,0,0);
		border-bottom: 1px solid rgb(0,0,0);

	}

.search_result_table
	{
		width: 100%;
		border-spacing:0px;
		border-collapse:collapse;
	}

.search_label
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px 1px #000;
		padding-left: 6px;
	}

.search_menu_navigation
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(50,50,50);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 20px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		cursor: pointer;
		border: 1px solid rgb(255,255,255);
	}

.search_menu_navigation_active
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(24,126,0);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 20px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		cursor: pointer;
		border: 1px solid rgb(255,255,255);
	}

.button
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(10,35,55);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 10px;
	}

.box
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		width: 100%;
		border: 1px solid rgb(0,0,0);
	}

.box_small
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		border: 1px solid rgb(0,0,0);
	}

.box_quick
	{
		font-family: Helvetica, Arial;
		font-size: 16px;
		font-weight: bold;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		width: 99%;
		border: 1px solid rgb(0,0,0);
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-radius: 20px;
	}

.result_hdr
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(150,0,0);
		border-bottom: 1px solid rgb(0,0,0);
		line-height: 18px;
		vertical-align: middle;
		opacity: 0.85;
	}

.result_odd
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: normal;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(150,150,150);
		line-height: 18px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 0.85;
	}

.result_even
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: normal;
		color: rgb(0,0,0);
		background: rgb(245,230,190);
		border-bottom: 1px solid rgb(150,150,150);
		line-height: 18px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 0.85;
	}

.result_hover
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: normal;
		color: rgb(0,0,0);
		background: rgb(242,229,143);
		border-bottom: 1px solid rgb(150,150,150);
		line-height: 18px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 0.75;
	}

.result_highlighted
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: normal;
		color: rgb(0,0,0);
		background: rgb(50,203,29);
		border-bottom: 1px solid rgb(150,150,150);
		line-height: 18px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 0.85;
	}

.leaderboard_divider
	{
		width: 100%;
		margin-top: 10px;
		border-top: 2px solid rgb(255,255,255);
	}

.leaderboard_table
	{
		width: 100%;
		border-spacing:0px;
		border-collapse:collapse
	}

.leaderboard_table_results
	{
		width: 99%;
		border-spacing:0px;
		border-collapse:collapse
	}


.leaderboard_segmenthdr
	{
		width: 100%;
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: bold;
		height: 17px;
		line-height: 17px;
		vertical-align: middle;
		background: rgb(210,215,184);
		border: 1px solid rgb(255,255,255);
		text-shadow: 1px 1px 1px #FFF;
	}

.leaderboard_timehdr
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		height: 17px;
		line-height: 17px;
		vertical-align: middle;
		border-top: 1px solid rgb(255,255,255);
		border-left: 1px solid rgb(255,255,255);
		border-right: 1px solid rgb(255,255,255);
		border-bottom: 6px solid transparent;
		cursor: pointer;
		text-shadow: 1px 1px 1px #000;
	}

.leaderboard_timehdr_hover
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: underline;
		height: 17px;
		line-height: 17px;
		vertical-align: middle;
		border-top: 1px solid rgb(255,255,255);
		border-left: 1px solid rgb(255,255,255);
		border-right: 1px solid rgb(255,255,255);
		border-bottom: 6px solid rgb(150,40,40);
		cursor: pointer;
	}

.leaderboard_timehdr_active
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		height: 17px;
		line-height: 17px;
		vertical-align: middle;
		border-top: 1px solid rgb(255,255,255);
		border-left: 1px solid rgb(255,255,255);
		border-right: 1px solid rgb(255,255,255);
		border-bottom: 6px solid rgb(33,33,33);
		cursor: pointer;
	}

.leaderboard_newsegment
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		font-style: italic;
		color: rgb(255,255,255);
		background: rgb(163,163,163);
		border-bottom: 1px solid rgb(150,150,150);
		line-height: 15px;
		vertical-align: middle;
		cursor: pointer;
	}

.leaderboard_nodata
	{
		font-family: Helvetica, Arial;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		color: rgb(0,0,0);
	}

.refreshbox
	{
		font-family: Helvetica, Arial;
		font-size: 9px;
		font-weight: normal;
		font-style: normal;
		color: rgb(125,125,125);
	}

#PARTICIPANTINFO
	{
		width: 750px;
		height: 500px;
		border: 1px solid rgb(0,0,0);
		border-radius: 20px;
		background: rgb(255,255,255);
		overflow: auto;
		border-spacing:0px;
		border-collapse:collapse;
	}

.participant_table
	{
		width: 100%;
		border: 0px;
		border-spacing:0px;
		border-collapse:collapse;
	}

.participant_table_panel
	{
		width: 100%;
		color: rgb(255,255,255);
		background: rgb(50,50,50);
		border: 0px;
		border-bottom: 1px solid rgb(0,0,0);
		border-spacing:0px;
		border-collapse:collapse;
		font-weight: bold;
	}

.participant_table_data
	{
		width: 98%;
		border: 0px;
		font-weight: bold;
	}

.participant_hdr_small
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		color: rgb(150,150,150);
		font-weight: normal;
	}

.participant_value_big
	{
		font-family: Helvetica, Arial;
		font-size: 22px;
		color: rgb(0,0,0);
		font-weight: bold;
	}

.participant_value_std
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		color: rgb(0,0,0);
		font-weight: bold;
	}

.participant_section_hdr
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		color: rgb(0,0,0);
		background: rgb(245,245,245);
		font-weight: bold;
		border-bottom: 1px solid rgb(100,100,100);
		height: 20px;
		padding-left: 5px;
	}

.split_hdr
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: bold;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(150,150,150);
		height: 18px;
		padding-right: 3px;
	}

.split_time
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		color: rgb(0,0,0);
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(150,150,150);
		border-right: 1px solid rgb(220,220,220);
		height: 18px;
		padding-right: 3px;
	}

.split_segment
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: bold;
		background: rgb(245,245,245);
		font-weight: bold;
		border-bottom: 1px solid rgb(100,100,100);
		height: 18px;
		padding-right: 3px;
	}

.myfavourites_result_table
	{
		width: 100%;
		border-spacing:0px;
		border-collapse:collapse;
	}

.myfavourites_nodata
	{
		font-size: 12px;
	}

.tracker
	{
		width: 100%;
		height: 100%;
		border: 0px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

.details_racetime
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		color: rgb(0,0,0);
		border-bottom: 1px solid rgb(150,150,150);
		border-right: 1px solid rgb(220,220,220);
		height: 18px;
		padding-right: 3px;
		background: rgb(206,227,228);
	}

.details_segmenttime
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		color: rgb(0,0,0);
		border-bottom: 1px solid rgb(150,150,150);
		border-right: 1px solid rgb(220,220,220);
		height: 18px;
		padding-right: 3px;
		background: rgb(255,254,204);
	}

.details_splittime
	{
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		color: rgb(0,0,0);
		border-bottom: 1px solid rgb(150,150,150);
		border-right: 1px solid rgb(220,220,220);
		height: 18px;
		padding-right: 3px;
		background: rgb(212,255,191);
	}

.languageflags
	{
		border: none;
	}

.nation
	{
		font-family: Helvetica, Arial;
		font-size: 9px;
		font-weight: bold;
		color: rgb(24,24,24);
		line-height: 9px;
		text-shadow: 1px 1px 1px rgb(150,150,150);
	}

.scroller_table
	{
		width: 100%;
		border-spacing:0px;
		border-collapse:collapse;
	}

.scroller_list
	{
		font-family: Helvetica, Arial;
		font-size: 15px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(41,41,41);
		width: 100%;
		border: 1px solid rgb(0,0,0);
	}

.scroller_startbutton
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(150,0,0);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 10px;
		width: 100%;
	}

.scroller_stopbutton
	{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: bold;
		color: rgb(255,255,255);
		background: rgb(0,150,0);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 10px;
		width: 100%;
	}

.scroller_nodata
	{
		font-size: 12px;
	}

.other_table
	{
		width: 100%;
	}

.banner
	{
		border: 0px;
	}