html { height: 100%; margin-bottom: 1px; }
body{ border: 0px; padding: 0px; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#eee;}

h1{ font-size:24px; color:#990033; font-weight:normal; font-family: Arial, Helvetica, sans-serif; margin: 0px;}
h2{ font-size:14px; color:#990033; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin:0px; padding: 16px 12px 8px 0px; clear:both;}
h3{ font-size:11px; margin:0px; padding: 0px 12px 0px 0px;}
h4{ font-size:11px; margin:0px; color:#990033; padding: 0px 12px 0px 0px;}
h5{ font-size:11px; color:#000; font-weight:bold; margin: 20px 0 0 0px; padding: 16px 12px 8px 0px;}
h6{ font-size:11px; color:#000; font-weight:bold; margin: 0; padding: 10px 12px 0px 0px;}
p{ font-size:11px; color:#000000; padding: 0px 12px 0px 0px; line-height: 18px;}
a{ font-size:11px; color:#000000; padding: 0px;}
.content_img{ margin: 12px 12px 5px 0px; float:left;}
.content_img2{ margin: 12px 12px 5px 0px; float:right;}
.content_img3{ margin: 0px 12px 5px 0px; float:right;}
.content_img4{ margin: 4px 5px 5px 12px; padding: 0; float: right;}
.logo_img{ margin: 12px 12px 5px 0px;}
a img{ margin: 0px; float:left;}

.partners{ margin: 30px 0px 0px 0px;}

ul{ font-size:11px; margin: 5px 5px 15px 5px; padding: 0px 0px 0px 10px;}
li{ margin: 5px 5px; padding: 0px 5px 0px 0px; line-height: 18px;}
.ukk { color: #000000;}

#h1_title{ background-color:#FFFFFF; width: 75%; padding: 8px 0px 0px 18px;}
#h1_img{background-image:url(../pics/hdr45.gif); background-repeat:no-repeat;  width: 25%;}

/* HEADER TABLE*/
#header { background-color:#828282; height: 107px;}
#header_top{ margin: 0px; padding: 0px; height: 20px; vertical-align: top;}
#header_top td{ background-color:#414141; padding-left: 25px; vertical-align: middle;}
.header_float_right{ float:right;}
.header_float_right a{ color:#cccccc; font-size: 11px; text-decoration: none; padding-right: 15px;}

#header_middle{ background-color:#828282; margin: 0px; padding: 0px;}
#header_middle #header_middle_left{ padding-left: 25px; vertical-align: middle; height: 87px; border-color: #D9D9D9; border-width: 1px 0px 1px 0px; border-style: solid;}
#header_middle #header_middle_right{ width: 78px; vertical-align: middle; text-align: right; border-color: #D9D9D9;  border-width: 1px 0px 1px 0px; border-style: solid;}
#header_middle #header_middle_right img{ border-color: #D9D9D9;  border-width: 0px 0px 0px 1px; border-style: solid;}

/* MENU TABLE*/
#menu{ background-color: #666666;}
.main_links_td{ border-color: #CCC; border-width: 0px 0px 1px 0px; border-style: solid;  background-image: url(../pics/navi1px.gif); background-repeat: repeat-x; background-position: bottom;}
#menu td{ vertical-align: bottom;}
#menu #main_links{vertical-align: top; padding: 0px; border-color: #CCC; border-width: 0px 0px 1px 1px; border-style: solid; background-image: url(../pics/navi1px.gif); background-repeat: repeat-x; background-position: bottom;}
.menu_div, .menu_div_akt{
	text-align: center; float: left; padding: 4px 11px; margin: 0px; 
	border-color: #CCC; border-width: 0px 1px 1px 0px; border-style: solid;
}
.menu_div{ background-color:#828282;}
.menu_div_akt{ background-color:#CCC;}


.menu_div a{ background-color:#828282; text-decoration:none; color:#FF9999; font-size:11px;}
.menu_div a{color:#FFFFFF;}
.menu_div a:hover{color:#CCC;}

.menu_div_akt #akt_link{ background-color: #CCC; color:#990033; text-decoration:none; font-size:11px;}

#menu_bottom{ background-color: #CCC; height: 10px;}

/* CONTENT TABLE */
#content{ background-color: #eee;  background-image: url(../pics/bck_grad.jpg); background-repeat: repeat-x;}
#content td{ vertical-align: top;}


/* SUB PAGES */
#subpages{ text-align:right; width: 175px; padding-left: 25px;}
#subpages td{vertical-align: middle;}
#subpages .sub_main_div{
	width: 175px; 
	border-color: #FFF;
	border-style: solid;
	float:right;
	clear: right;
	border-width: 0px 0px 1px 1px;
}

.sub_td_akt, .sub_td_pass{
	width: 175px; 
	border-color: #FFF;
	border-style: solid;
	text-align:left;
	height: 24px;
	border-width: 1px 0px 0px 0px;
}

.sub_td_akt{ background-color: #FFFFFF; padding-left: 5px;}
.sub_td_pass{ background-color: #CCC; padding-left: 5px;}

#sub_main_td { background-color: #f8f8f8;}

.sub_td_2_akt, .sub_td_2_pass{
	width: 175px; 
	border-color: #fff;
	border-style: solid;
	text-align:left;
	border-width: 1px 0px 0px 0px;
	padding-top: 1px;
}

.sub_td_2_akt{ background-color: #FFFFFF; padding-left: 10px; background-image:url(../pics/sub_page_icon.gif); background-repeat: no-repeat; background-position: 6px 9px; }
.sub_td_2_pass{ background-color: #e5e5e5; padding-left: 10px; color: #FFF; background-image:url(../pics/sub_page_icon.gif); background-repeat: no-repeat; background-position: 6px 9px;}

#subpages div a{ text-decoration: none; color: #000000; font-weight: normal;}
#subpages div .sub_td_akt a{ color: #990033;}
#subpages div .sub_td_2_pass a{ color: #000; font-size: 10px; padding: 2px; line-height: 15px; display: block; margin: 0;}
#subpages div .sub_td_2_akt a{ color: #990033; font-size: 10px;  padding: 2px; line-height: 15px; display: block; margin: 0;}
/* PAGE CONTENT */
#page_content_title{ padding: 0px;}
#page_content{padding: 20px 0px 12px 18px; background-color:#FFFFFF; height: 300px;}

#fp_top {height: 148px; background-color:#9b1230;}
#fp_top_left{text-align:right; margin:0; width: 200px; padding:0px;}
#links_fp{ font-size:10px; width: 25%; vertical-align: bottom;}
#links_fp_fin{ font-size:10px; width: 25%;  background-color:#9b1230; background-image:url(../pics/bg_fin_right_top.gif); background-repeat:repeat-x;}

.fp_img_float{ float:right;}
#fp_news{ width:50%;}
.fp_news_div{ width:90%; background-color:#e0e0e0; margin: 0px 5px 0px 0px; padding: 8px; border-color: #CCC; border-style: solid; border-width: 1px;}
#fp_news_bottom{ height: 90%;}

#fb_left{margin:0; padding:0; width: 200px;}

.banner{margin: 0; padding: 0; float: left;}
.banner a{margin: 0; padding: 0;}
.banner a img{margin: 0; padding: 7px;}

/* LINKS */
#links{ font-size:10px; width: 25%;}
#links .link_table{
	width: 100%;
	margin: 0px 0px 0px 1px;
}
#links td{ vertical-align:top;}
.link_td_white{ background-color:#FFF;}
.link_right{ width: 34px; height:34px;}
.selected_link{ font-size:11px; color:#000000; padding: 0px; margin:0px;}

.link_con{ background-color:#FFFFFF; padding: 0px 0px 11px 8px;}
.link_title{ font-weight:bold; margin: 6px 0px 15px 0px;}
.attach a{ color: #000000; font-weight: normal; margin:0px;}
.attach{ margin: 0px;}
.attach2{ margin: 10px 0 0 15px; font-size:10px;}
.attach2 a{ font-size:10px;}
.attach3{ margin: 15px 0 0 15px; text-align: center;}
.attach img{ margin: 0px; float:left; clear:both;}
.link_img{ margin: 40px 0 0 20px;}

.print_icon{ margin: 0px 5px 0px 0px; float:left; clear:both;}
.next_icon{ margin: 0; float:none; text-decoration:none;}
.top_icon{ margin: 0; float:none;}

.logo_link{ clear:both; margin-left:18px;}
.logo_link a { text-decoration:none;}
.logo_link img { clear: both; float:none; border:0; margin: 8px 8px 4px 0px;}

/* FOOTER */
#footer{ background-image:url(../pics/footer_bg.gif); background-repeat:repeat-x; background-color:#CCCCCC; color:#666; height:20px;}
#footer p{ margin:4px 18px;}

#adobe{ float: none;}

/* NEWS */
.date_news{  margin: 0px 0px 2px 0px;}
.date_title_news{  margin: 0; font-size: 10px;}
.title_news{ color:#990033;margin: 0px; font-weight: bold;}
.content_news{ margin: 0px 0px 10px 0px;}


/* Tiedostonlataus*/

.tiedosto_div{ clear:left; border: 1px solid #fff;}
.tiedosto{ float: left; width: 145px; height: 70px; background-image:url(../pics/lataa.gif); background-repeat:no-repeat; margin: 20px 0 0px 0; padding: 0;}
.tiedosto a{ text-decoration:none; margin:0; padding:0; width: 145px; height: 52px; display:block;}
.tiedosto h1{ font-size:11px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 6px 8px 0px 8px; padding:0; line-height: 11px;}
.tiedosto p{ font-size:10px; color:#ccc; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:0; margin:0;}
.tiedosto_txt{ margin: 20px 0 16px 170px; clear:right;}
.tiedosto_info{ margin: 0 0 0 170px;}
.tiedosto_txt2{ margin: 20px 0 0 170px;}
.tiedosto_h3{ clear: both; padding-top: 12px;}

/* Seminaari */

.seminaari_div{ clear:left; border: 1px solid #fff;}
.seminaari{ float: left; width: 145px; height: 70px; background-image:url(../pics/lataa.gif); background-repeat:no-repeat; margin: 20px 0 0px 0; padding: 0;}
.seminaari a{ text-decoration:none; margin:0; padding:0; width: 145px; height: 52px; display:block;}
.seminaari h1{ font-size:11px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 6px 8px 0px 8px; padding:0;}
.seminaari p{ font-size:10px; color:#ccc; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:0; margin:0;}
.seminaari_txt{ margin: 20px 0 16px 170px; clear:right;}
.seminaari_info{ margin: 0 0 0 170px;}
.seminaari_txt2{ margin: 20px 0 0 170px;}
/*Ohjelmistopäivitys*/
.ohjelmistopaivitys{ float: left; width: 145px; height: 70px; background-image:url(../pics/lataa.gif); background-repeat:no-repeat; margin: 20px 0 0px 0; padding: 0;}
.softwareinstallations-sports{ float: left; width: 145px; height: 70px; background-image:url(../pics/dl.gif); background-repeat:no-repeat; margin: 20px 0 0px 0; padding: 0;}

h6{ padding-top:10px;}

.softwareinstallations-sports a, .softwareinstallations a, .ohjelmistopaivitys a{ text-decoration:none; margin:0; padding:0; width: 145px; height: 52px; display:block;}
.softwareinstallations-sports h1, .softwareinstallations h1, .ohjelmistopaivitys h1{ font-size:11px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 6px 8px 0px 8px; padding:0;}
.softwareinstallations-sports p, .softwareinstallations p, .ohjelmistopaivitys p{ font-size:10px; color:#ccc; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:0; margin:0;}
.softwareinstallations_txt, .ohjelmistopaivitys_txt{ margin: 20px 0 16px 170px;}
.softwareinstallations_info, .ohjelmistopaivitys_lisatietoja{ margin: 0 0 0 170px;}

.ohjelmistopaivitys_txt2{ margin: 20px 0 0 170px;}

.softwareinstallations{ float: left; width: 145px; height: 70px; background-image:url(../pics/dl.gif); background-repeat:no-repeat; margin: 20px 0 10px 0;}


.print{ clear:both;}
.bottom{ float: right; width:250px;}
#bottom_links{ float: right; width:220px;}
#bottom_links_top{ float: right; width:120px; clear:both;}
/*#bottom_links a img{ display:inline;}*/
/*#bottom_links a { margin:0;}*/
.a_left{ padding:0px 0px 10px 0px}
.a_right{ background: transparent url('next_icon.gif') no-repeat fixed right; clear:right;}
/*.bottom a{ padding:0; margin:0;}*/

.logo_div{ float: left; width: 145px; height: 70px; background-image:url(../pics/lataa.gif); background-repeat:no-repeat; margin-top: 20px; clear:left;}

.logo_div a{ text-decoration:none; margin:0; padding:0; width: 145px; height: 52px; display:block;}
.logo_div h1{ font-size:11px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 6px 8px 0px 8px; padding:0;}

.logo_title{ clear: both;}

.textcenter{ text-align:center;}

.cursive{ font-size:11px; font-style:italic;}
h3 span{ font-weight:normal;}

.content_table{ font-size:11px; width: 100%; margin-right: 16px;}

.content_table td{ border-right: 2px solid #fff;border-top: 2px solid #fff;}
.content_table .ccc { background-color: #ccc;}
.content_table .ccc1 { background-color: #ccc; font-weight:bold; text-align: center;}
.content_table .f2{ background-color: #f2f2f2;}

.content_table .first{ width: 12%; text-align: center; }
.content_table .second{ width: 20%; text-align: center; }
.content_table .third{}


#training-table{ font-size:11px; width: 100%; margin-right: 16px; margin-bottom: 30px; border-top: 1px solid #000;  border-left: 1px solid #000;}

.table-head { background-color: #fff; font-weight:bold;}
.table-1{ background-color: #f2f2f2;}
.table-2{ background-color: #e5e5e5;}
.table-3{ background-color: #ccc;}
.table-4{ background-color: #999;}

.table-head-1{ width: 40%; }
.table-head-2{ width: 30%; }
.table-head-3{ width: 20%; }
.table-head-4{ width: 10%; }

#training-table td, #training-table th{ border-bottom: 1px solid #000;  border-right: 1px solid #000;}

.training-main{ font-size:11px; width: 100%; margin-right: 16px; border: 2px solid #e8e8e8; margin-bottom: 25px;}

#training-table td
{
	vertical-align: middle;
	text-align:center;
}

#training-table td.align-left, #training-table td.table-head-1 { text-align: left;}


.table-head { background-color: #fff; font-weight:bold;}
.table-1{ background-color: #f2f2f2;}
.table-2{ background-color: #e5e5e5;}
.table-3{ background-color: #ccc;}
.table-4{ background-color: #999;}

.table-head-1{ width: 33%; }
.table-head-2{ width: 20%; }
.table-head-3{ width: 20%; }


.training-main .training-title-2{ background-color: #e8e8e8; font-size:14px; font-family: Arial, Helvetica, sans-serif; padding-top: 6px; padding-bottom: 8px; font-weight: bold; color: #990033;}
.training-main .training-title-2 a{ text-decoration: underline; font-size:14px; font-weight: bold; color: #990033;}

.training-main .training-content{ width: 40%; padding-left: 10px;}
.training-main .training-content h3{ line-height: 20px; padding-top: 8px;}

.training-main .training-list{ font-weight: bold; width: 60%;}

.training-main .training-list img{ float: right; padding: 10px 5px 10px 15px;}

.training-main .training-list img#float-left{ float: left; padding: 10px 0; }



#content .training-effect { font-size:11px; width: 500px; margin-right: 16px; border-left: 2px solid #ccc; border-top: 2px solid #ccc; }

.training-effect .head{ background-color: #ccc; font-size: 12px; font-weight: bold;}

.training-effect .content-td td, .training-effect .head td{ padding: 10px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}

.training-effect ul{ width: 250px; margin-right: 0; padding-right: 0; }

.training-effect .textcenter{ width: 260px; margin-right: 0; padding-right: 0; }

.training-effect .textcenter2{ width: 240px; margin-right: 0; padding-right: 0; }

.content-td .textcenter2{ text-align:center; padding-left: 28px; padding-top: 0; margin-top: -10px !important; margin-top: -20px;}

.training-effect #vmiddle, #trainingeffecttbl .first, #trainingeffecttbl .second{
	vertical-align: middle;
}

.palautelomake{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0;}
.input-text{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 6px 0; padding: 2px 0; width: 240px;  border: 1px solid #999; }
.input-text2{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 6px 0; padding: 2px 0; width: 50px;  border: 1px solid #999; }

.input-textarea{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 6px 0; padding: 2px 0; width: 240px; height: 80px; border: 1px solid #999; }
.input-btn{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 2px; width: 70px; background-color:#ccc; border: 1px solid #666; }

.page-list { margin: 0; padding: 0 0 16px 0; float: left; width: 240px;}
.page-list ul { margin: 0; padding: 0; list-style: none; }
.page-list ul li.mainpage { margin: 0; padding: 8px 0 2px 0; font-size: 12px; font-weight: bold; }
.page-list ul li.subpage { margin: 0; padding: 2px 0 2px 10px; font-size: 12px; background-image:url(../pics/sub_page_icon.gif); background-repeat: no-repeat; background-position: 2px 9px; }
.page-list ul li.subpage2 { margin: 0; padding: 2px 0 2px 20px; font-size: 11px; background-image:url(../pics/sub_page_icon.gif); background-repeat: no-repeat; background-position: 12px 9px;  }

.page-list ul li.mainpage a { font-size: 12px; font-weight: bold; text-decoration:none; }
.page-list ul li.subpage a{ font-size: 12px; text-decoration:none; }
.page-list ul li.subpage2 a{ font-size: 11px; text-decoration:none; }

.page-list ul li a:hover { text-decoration: underline; color: #666;}

.stage-list
{
	float: left; padding: 10px 0 20px 0;

}

.stage-list img
{
	float: left; padding: 0 20px 0 10px;

}

.stage-list ul
{
	float: left;

}

.clearboth{ clear: both;}

#next-link{ text-align:right; padding-top: 18px;}

/* Form table */

#content #form-table
{
	padding: 10px 0;

}

#content #form-table tr
{
	vertical-align: top;

}

#content #form-table td
{
	padding-right: 28px;
	padding-bottom: 10px;
}

#content #form-table td .input-textarea
{
	height: 60px;

}


#content #licenses
{

	font-size: 12px;
}

#content #licenses td
{
 line-height: 20px;
 border-bottom: 1px solid #000;
 padding: 0 4px;
}

#content #licenses #first
{
	width: 220px;
	font-weight: bold;
}

#content #licenses #sec
{
	width: 120px;
	font-weight: bold;
}



#license-agreement
{

	display: block;
	float: left;
	padding: 0 12px;
	margin: 0 0 10px 0;
	border: 2px solid #666;
	overflow: auto;
	width: 600px;	
	height: 200px;

}

.firstbeat-urheilijat .personimage
{
	width: 130px;

}


.firstbeat-urheilijat .personimage img
{
	border: 1px solid #666;
}

.firstbeat-urheilijat .persondata1
{
	width: 170px;
	padding-right: 12px;
}

.firstbeat-urheilijat .persondata2
{
	padding-left: 12px;
}



#content #license-agreement #license-tbl
{

	padding: 0;
	margin: 0;

}

#license-agreement #license-tbl tr
{
	vertical-align: top;
}

#license-agreement #license-tbl h1
{
	font-size: 14px;
	color:#000000;
	
	font-weight: bold;
	
	margin: 0;
	padding: 4px 0;
}

#license-agreement #license-tbl p
{

	padding: 4px 0;
	margin: 0;
}

#license-agreement #license-tbl .td1
{

	width: 50px;

}

#license-agreement #license-tbl .td2
{

	width: 50px;

}


#license-agreement #license-tbl .text-uppercase
{
	text-transform: uppercase;
}

.divider
{
	clear: both;
	line-height: 1px;
	margin:0;
	padding: 0;
}

.palautelomake label
{
	display: block;
	width: 600px;
	margin: 4px 0 0 0;
}

.palautelomake .input-btn
{
	margin-top: 10px;
}