h2* {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma;
    font-weight: bold;
    color: #3366FF;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    text-shadow: 5px 5px 10px grey;
}
h1 {
    font-size: 20px;
}

h2 {
    font-size: 16px 
}

h4 {
    font-size: 12px 
}

p {
    margin: 16px 0px;
}

header, section, footer, aside, nav, article, hgroup {
    display: block;
}

ol, ul {
  display: block;
  margin: 1.12em 0;
  margin-left: 40px
}

li {
  display: list-item;
  margin: 1.12em 0;
}


body {
    
 /*   width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-pack: center;
    -pack: center;
  */  
    
}

#koko_sivu_wrapper {
    max-width: 800px;
    margin: 0px auto;
  //  -webkit-box-orient: vertical;
  //  -webkit-box-flex: 1;
}

#ylatunniste {
    background: #3366FF;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    font-family: Comic Sans MS;
    font-style: italic;
    border-width: 5px 0px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;

}


#paavalikko_rivi {

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-pack: center;
    -pack: center;

    width: 100%;
    height: 43px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    
    background: #dddddd;
    color: blue;
    text-align: center;
}
#paavalikko_rivi  ul,
#ot_valikko ul {
    margin: 0;
}

#paavalikko_lista  li {
    display: inline-block;
    list-style: none;
    padding: 12px;
    font: 16px Tahoma;
    margin: 0;
    
}

#paavalikko_lista ul li ul {
  visibility: hidden;
  display: none;
}

#paavalikko_lista ul li ul li {
  display: none;
}

#ot_valikko_rivi {
    width: 100%;
    height: 33px;
    display: block;
    background: #dddddd;
    color: blue;
    text-align: center;
}

#ot_valikko li {
    display: inline-block;
    list-style: none;
    padding: 8px;
    font: 14px Tahoma;
    margin: 0;
    cursor: pointer;
    
}

.pv {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    
}

.pv:hover , .active_pval {
    color: black;
    background: white;
    font-weight: bold;
    cursor: pointer;
}


#sisalto_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  //  display: flex;
    font-family: Arial;
    
}


#sisalto {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    -order: 2;
    border: 1px solid black;
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 20px;
}

#vasen_valikko {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 100px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    margin: 10px 0px;
    padding: 20px;
    background: #eeeeee;
}

#oikea_sivu {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    -order: 3;
}

#vasen_valikko {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    -order: 1;
}



#alatunniste {
  color: #ffffff;
  background: #3366FF;  
  text-align: center;
  font-size: 15pt;
  font-weight: bold;
  font-family: Comic Sans MS;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-width: 5px 0px;
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  
}

article {
    background: £fffbcc;
    border: 1px solid red;
    padding: 5px;
    margin-bottom: 5px;
}


.tc_info_asia {
    padding-left: 10px;
    margin-bottom: 10px;
    font-family: Tahoma;
    font-size: 12px;
}

#tc_kys_vas_taulukko, #tc_toimitsija_taulukko {
  table-layout: fixed; 
  width: 95%; 

}

#tc_kys_vas_taulukko tr {

}

#tc_kys_vas_taulukko tr:nth-child(odd), #tc_toimitsija_taulukko  tr:nth-child(odd){
  background: #00ffff;
  font-style: italic;
}

#tc_kys_vas_taulukko tr:nth-child(even) {
  padding-bottom: 10px;
  border: 1px solid blue;
  
}

.tc_kys_vai_vas {
  width: 20px;
  font-weight : bold;
  font-style : oblique;
  vertical-align : top;
  padding-right : 10px
}

.tc_toim_klo {
  width: 50px;
  font-weight : bold;
  font-style : oblique;
  vertical-align : top;
  padding-right : 5px
}

#footer_info {
  background: #ffffff;
  color: black;
  font: normal 12px Tahoma;
  margin-top: 10px; 
  text-align: left;
 
}

#footer_info_taulukko {
  text-align: left;
  padding: 12px;
   
}

#footer_info_taulukko td.aihe {
  font-weight : bold;
  padding-right: 10px;
   
}


.tc_pysty_valinta {
    font-family: Tahoma;
    margin-bottom: 2px;
    background: #eeeeee;
    color: #3366FF;
}

.passive_tc_pysty_valinta {
    font-family: Tahoma;
    margin-bottom: 2px;
    background: #cccccc;
    color: #3366FF;
}


.tc_pysty_valinta:hover , 
.active_tc_pysty_valinta   {
    color: #3366FF;
    background: white;
    font-weight: bold;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
}

/* Osakisan tulokset */
#ot_taulu {
  font-family: Tahoma; 
  font-size: 14px; 
  padding-bottom: 20px;
}

#ot_sarja_ots {
  line-height: 40px; 
  font-weight: bold; 
  color: #3366FF;
  
}

#ot_sija {
  font-style: italic; 
  text-align: right; 
  padding-right: 10px;
}

#ot_aika {
  font-weight: bold; 
  padding-right: 10px;
}

#ot_nimi {
  padding-right: 10px;
  white-space: nowrap;
}

#ot_ms {
  padding-right: 10px;
  text-align: right; 
}
#ot_kmh {
  padding-right: 10px;
  text-align: right; 
}
#ot_mkm {
  padding-right: 10px;
  text-align: right; 
}
#ot_coo {
  padding-right: 10px;
  text-align: right; 
}
#ot_coo5p {
  padding-right: 10px;
  text-align: right; 
}
#ot_pst {
  padding-right: 10px;
  text-align: right; 
}
#ot_mpk {
  padding-right: 10px;
  text-align: right; 
}

.ot_selailu {
  font-family: Tahoma; 
  font-size: 28px;
  color: blue;  
  
}

#tc_tarina {
  font-family: Arial; 
  font-size: 12px; 
  padding-top: 10px;
  padding-bottom: 10px;
  
  
}

.tekstivarjo {
  box-shadow: 5px 5px 10px grey;
  
}

.varjo {
  -webkit-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  -moz-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.8);
}

.sisavarjo {
  -webkit-box-shadow: inset 4px 4px 8px 4px rgba(0, 0, 0, .8);
  -moz-box-shadow: inset 4px 4px 8px 4px rgba(0, 0, 0, .8);
  box-shadow: inset 4px 4px 8px 4px rgba(0, 0, 0, 0.8);
}

.korostusvarjo:hover {
  -webkit-box-shadow: 0px 0px 14px  rgba(0, 0, 255, 0.5);
  -moz-box-shadow: 0px 0px 14px  rgba(0, 0, 255, 0.5);
  box-shadow: 0px 0px 14px  rgba(0, 0, 255, 0.5);
  
}

#tc_ju {
  clear: both;
  text-align: left;
  margin-left: 0px;  
  margin-top: 1px; 
  margin-bottom: 1px; 
  display: block;
  height: 2px; 
  border: 1px solid black;  
  border-left: 0px;  
  color: blue;
  background-color: blue;
}

#tc_su {
  clear: both;
  text-align: left; 
  margin-left: 0px;  
  margin-top: 1px; 
  margin-bottom: 1px; 
  display: block;
  height: 2px; 
  border: 1px solid black;   
  border-left: 0px;  
  color: green;
  background-color: green;
}

.stripe_100 {
  color: black;
  background: repeating-linear-gradient(
    to right,
    #eeeeee,
    #eeeeee 100px,
    #ffffff 100px,
    #ffffff 200px
  );
}

.stripe_20 {
  color: black;
  background: repeating-linear-gradient(
    to right,
    #eeeeee,
    #eeeeee 20px,
    #ffffff 20px,
    #ffffff 40px
  );
}

.diplomiohje {
  margin: 25px 10px 10px 10px;
  padding: 20px 50px 0px 50px;
  border-width: 1px;
  border-style: dashed;
  border-color: red;
}

.dipl_nimi {
  font-family: Georgia;
  font-style:italic;
}

.diplomi_teksti {
  text-align: center;
  font-size: 18px;
}

.dipl_tulostaulu {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
  
}

.dipl_tulostaulu tr:nth-child(odd) { background-color:#aad4ff; }
.dipl_tulostaulu tr:nth-child(even) { background-color:#ffffff; }

.dipl_tulostaulu td {
  vertical-align: middle;
  border: 1px solid #000000;
}

.dipl_tulostaulu tr:first-child th{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width: 1px 1px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}


.tc_aikataulu_taulu {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  font-family: arial;
  
}

.tc_aikataulu_taulu tr:nth-child(2n) { background-color:#f0f0f0; }
.tc_aikataulu_taulu tr:nth-child(2n+3) { background-color:#ffffff; }

.tc_aikataulu_taulu tr:hover {
  border: 1px solid black;
  
}

.kommentti {
  width: 90%;
  padding: 0px 5px 0px 5px;
  margin-left: auto;
  margin-right: auto;

  color : #000000;
  background: #33ffff;
  font-family: Comic Sans MS;
  text-align: center;
  font-weight: bold;

  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;

  border-top-color: #000000;
  border-bottom-color: #000000;

}

#yht_piste_taulu td: nth-of-type(odd){
  background: red;
}


.at_ots {
  background: #3366FF;
  color: white;
  font-family: Comic Sans MS;
  font-weight: bold;
  
}

#osakisa_tulos_sarakkeet {
  float: left;
  background: white;
}

.at_ots th {
  padding: 10px;
}

.valinta_nappi:hover {
  font-style: italic;
}


.valinta_nappi_active {
  background: white;
  font-weight: bold;
}

.valinta_nappi:disabled {
  font-style: italic;
  box-shadow: none !important;
  cursor: auto;
 /* text-decoration: line-through; */
}


.valinta_nappi {
  margin-left: 6px;
  font-size: 12px;
  padding: 5px;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  cursor: pointer;
}

.tc_yht_pi {
 /* display: block;  */
  background: yellow;
}

.tc_yht_a {
/*  display: block; */
  background: green;
}

#yht_kilpaerotin {
  background-color: yellow;
}

.tc_yk_rivi td {
  text-align: right;
  padding-left: 5px;
}

#tulosalue {
  font-family: Arial;
}

#yp_nappi {
  cursor: pointer;
}

.tc_yt_pysty_korostus {
  background: lightgrey;
}

@media print {
  .noprint { display: none; }
}
.keskita {
  margin-left: auto;
  margin-right: auto;
}

.alivalikkonappirivi {
  background: lightblue;
  margin-left: auto;
  margin-right: auto;
}

.tarina_oikea_reuna {
  width : 300px;
  background: #ffffff;
  float : right;
  opacity: 1;
  padding-left: 10px;
  padding-right: 10px;
  border-width: 5px 0px;

  border-radius: 25px 0px;
  -webkit-border-radius:  25px 0px;
  -moz-border-radius:  25px 0px;

  margin-right: 5px;
  -webkit-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  -moz-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.8);

}

.tarina_oikea_reuna h3, h4 {
  text-align: center;
  color: #3366FF;
  text-shadow: 5px 5px 10px grey;
}
.pros_80_leveys {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#haastetaulu {
  width: 80%;
  margin: 0 auto;
  padding: 8px;
  border-width: 5px 0px;

  border-radius: 25px 0px;
  -webkit-border-radius:  25px 0px;
  -moz-border-radius:  25px 0px;

  -webkit-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  -moz-box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .8);
  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.8);

}

taulukko#haastetaulu th {
  font-size: 16pt;
  background-color: #e1ffff;
}

#haaste_nimirivi {
  background-color: #e1ffff;
}

#haaste_nimirivi td {
  font-size: 15pt;
  font-style: italic;
}

taulukko#haastetaulu td {
  text-align: right;
}

taulukko#haastetaulu td.erotin {
  border-left: 1px solid black;
}

.haastetilanne {
  font-size: 12pt;
  background-color: #a1ffff;
  font-weight: bold;
}

.kausisumma {
  font-size: 11pt;
  background-color: #c1ffff;
  font-weight: bold;

}

.pros_45_leveys {
  width: 45%;
}

.oikeareuna {
  float : right;
}

.Piiloon {
  display: none;
}

.Esiin {
  display: block;
}

.korosta_kel {
  background: #ffff00;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#latauskuva {
 /*   width: 50px;
    height: 57px;   */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.reunavarjo {
  -webkit-box-shadow: inset 0px -1px 8px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px -1px 8px 5px rgba(0,0,0,0.5);
  box-shadow: inset 0px -1px 8px 5px rgba(0,0,0,0.5);
}

.pystyotsikko {
  text-align: right;
  padding-right: 8px;
  font-weight: bold;
}

/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   border-bottom:1px solid #000; /* black line below menu */
   width:100%;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:128%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   background:#ddd;
   text-decoration:none;
   color:#444;
   font-weight:bold;
   border-bottom:1px solid #000;
}
/* #centeredmenu ul li.act_tc_pval  {  */
#centeredmenu ul li.act_tc_pval a {  
   color:#fff;
   background:#36f;
}
#centeredmenu ul li a:hover {
   background:#36f; /* Top menu items background colour */
   color:#ddd;
   border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#36f; /* Top menu items background colour */
   color:#ddd;
   border-bottom:1px solid #03f;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.act_tc_pval li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.act_tc_pval ul li a { /* This line is required for IE 6 and below */
   font-size:.6em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.act_tc_pval ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#36f; /* Sub menu items background colour */
   color:#ddd;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

@media print {
  .noprint { display: none; }
}

/* ----- Diplomin allekirjoitusviivat ------------------------------- */

.sign_ryhma {
  margin-top: 50px;
  text-align: center;
  margin-bottom: 50px;
}

.sign_ryhma div {
  display: inline-block;
  vertical-align: middle;
}

.sign_vasen {
  margin-left: 120px;
  float: left;
  width: 25%;
}

.sign_keski {
  display: inline-block;
  width: 25%;
}

.sign_oikea {
  float: right;
  width: 25%;
}

.tc_simu_canvas {
 /* width: 700px; 
  height: 200px; */
  border: 1px solid #d3d3d3;
  position: absolute;
  left: 0px;
  top: 0px;
}

#tc_rata_canvas {
  z-index: 2;
}
#tc_juoksija_joukko_canvas {
  z-index: 0;
}
#tc_juoksija_valittu_canvas {
  z-index: 1;
}

.srj_tlk_0 {
  font-style: bold;
}

.srj_tlk_1, .srj_tlk_2, .srj_tlk_3, .srj_tlk_4, .srj_tlk_5  {
  text-align: right;
}

#sarjataulukko th {
  padding: 5px;
  background: #3366FF;
  color: white;
  font-family: Comic Sans MS;
  
}

#sarjataulukko tr:nth-child(3n) {
  background: #eeeeee;
  
}

.ohjetta {
  cursor: help;
}

.enn_sarja {
  font-size: .6em;
  

}

.enn_sarja:hover {
  background: red;

}

.ep_nappi {
  width: 200px; 
  height: 70px;
}

.nurkkapyor {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#ennakkosyotto {
  float: left;
  width: 300px;
}

.kentassa_vikaa {
  background-color: red;
}

.kentta_kunnossa {
  background-color: green;
}


#feedback_time table, #feedback_time th, #feedback_time td {
  border: 1px dotted #666;
  text-align: right;
}

#feedback_time td, #feedback_time th {
  padding-right: 3px;
}