Array
(
    [0] => stdClass Object
        (
            [id] => 319584
            [tulos] => 22497
            [numero] => 1
            [koodi] => 33
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319554
            [tulos] => 22494
            [numero] => 1
            [koodi] => 33
            [aika] => 00:06:01
            [valiaika] => 00:06:01
            [rastivali_sec] => 361
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319564
            [tulos] => 22495
            [numero] => 1
            [koodi] => 33
            [aika] => 00:06:15
            [valiaika] => 00:06:15
            [rastivali_sec] => 375
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319594
            [tulos] => 22498
            [numero] => 1
            [koodi] => 33
            [aika] => 00:12:27
            [valiaika] => 00:12:27
            [rastivali_sec] => 747
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319574
            [tulos] => 22496
            [numero] => 1
            [koodi] => 33
            [aika] => 00:12:53
            [valiaika] => 00:12:53
            [rastivali_sec] => 773
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319604
            [tulos] => 22500
            [numero] => 1
            [koodi] => 33
            [aika] => 00:14:10
            [valiaika] => 00:14:10
            [rastivali_sec] => 850
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319585
            [tulos] => 22497
            [numero] => 2
            [koodi] => 40
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319555
            [tulos] => 22494
            [numero] => 2
            [koodi] => 40
            [aika] => 00:08:20
            [valiaika] => 00:00:00
            [rastivali_sec] => 139
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319565
            [tulos] => 22495
            [numero] => 2
            [koodi] => 40
            [aika] => 00:09:01
            [valiaika] => 00:00:00
            [rastivali_sec] => 166
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319575
            [tulos] => 22496
            [numero] => 2
            [koodi] => 40
            [aika] => 00:17:04
            [valiaika] => 00:05:35
            [rastivali_sec] => 251
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319595
            [tulos] => 22498
            [numero] => 2
            [koodi] => 40
            [aika] => 00:17:18
            [valiaika] => 00:00:00
            [rastivali_sec] => 291
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319605
            [tulos] => 22500
            [numero] => 2
            [koodi] => 40
            [aika] => 00:23:02
            [valiaika] => 00:00:00
            [rastivali_sec] => 532
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319586
            [tulos] => 22497
            [numero] => 3
            [koodi] => 39
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319556
            [tulos] => 22494
            [numero] => 3
            [koodi] => 39
            [aika] => 00:09:49
            [valiaika] => 00:00:00
            [rastivali_sec] => 89
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319566
            [tulos] => 22495
            [numero] => 3
            [koodi] => 39
            [aika] => 00:10:46
            [valiaika] => 00:00:00
            [rastivali_sec] => 105
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319576
            [tulos] => 22496
            [numero] => 3
            [koodi] => 39
            [aika] => 00:20:06
            [valiaika] => 00:04:26
            [rastivali_sec] => 182
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319596
            [tulos] => 22498
            [numero] => 3
            [koodi] => 39
            [aika] => 00:21:48
            [valiaika] => 00:00:00
            [rastivali_sec] => 270
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319606
            [tulos] => 22500
            [numero] => 3
            [koodi] => 39
            [aika] => 00:26:32
            [valiaika] => 00:00:00
            [rastivali_sec] => 210
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319587
            [tulos] => 22497
            [numero] => 4
            [koodi] => 35
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319557
            [tulos] => 22494
            [numero] => 4
            [koodi] => 35
            [aika] => 00:14:35
            [valiaika] => 00:00:00
            [rastivali_sec] => 286
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319567
            [tulos] => 22495
            [numero] => 4
            [koodi] => 35
            [aika] => 00:16:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 314
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319577
            [tulos] => 22496
            [numero] => 4
            [koodi] => 35
            [aika] => 00:30:07
            [valiaika] => 00:11:25
            [rastivali_sec] => 601
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319597
            [tulos] => 22498
            [numero] => 4
            [koodi] => 35
            [aika] => 00:35:09
            [valiaika] => 00:01:29
            [rastivali_sec] => 801
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319607
            [tulos] => 22500
            [numero] => 4
            [koodi] => 35
            [aika] => 00:40:44
            [valiaika] => 00:02:44
            [rastivali_sec] => 852
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319588
            [tulos] => 22497
            [numero] => 5
            [koodi] => 42
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319558
            [tulos] => 22494
            [numero] => 5
            [koodi] => 42
            [aika] => 00:15:43
            [valiaika] => 00:00:00
            [rastivali_sec] => 68
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319568
            [tulos] => 22495
            [numero] => 5
            [koodi] => 42
            [aika] => 00:17:25
            [valiaika] => 00:00:00
            [rastivali_sec] => 85
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319578
            [tulos] => 22496
            [numero] => 5
            [koodi] => 42
            [aika] => 00:32:28
            [valiaika] => 00:03:45
            [rastivali_sec] => 141
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319598
            [tulos] => 22498
            [numero] => 5
            [koodi] => 42
            [aika] => 00:37:14
            [valiaika] => 00:00:00
            [rastivali_sec] => 125
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319608
            [tulos] => 22500
            [numero] => 5
            [koodi] => 42
            [aika] => 00:42:55
            [valiaika] => 00:00:00
            [rastivali_sec] => 131
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319589
            [tulos] => 22497
            [numero] => 6
            [koodi] => 36
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319559
            [tulos] => 22494
            [numero] => 6
            [koodi] => 36
            [aika] => 00:19:26
            [valiaika] => 00:00:00
            [rastivali_sec] => 223
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319569
            [tulos] => 22495
            [numero] => 6
            [koodi] => 36
            [aika] => 00:21:57
            [valiaika] => 00:00:00
            [rastivali_sec] => 272
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319579
            [tulos] => 22496
            [numero] => 6
            [koodi] => 36
            [aika] => 00:40:50
            [valiaika] => 00:09:46
            [rastivali_sec] => 502
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319599
            [tulos] => 22498
            [numero] => 6
            [koodi] => 36
            [aika] => 00:45:47
            [valiaika] => 00:00:00
            [rastivali_sec] => 513
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319609
            [tulos] => 22500
            [numero] => 6
            [koodi] => 36
            [aika] => 00:54:37
            [valiaika] => 00:00:14
            [rastivali_sec] => 702
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319590
            [tulos] => 22497
            [numero] => 7
            [koodi] => 41
            [aika] => 00:00:00
            [valiaika] => 00:00:00
            [rastivali_sec] => 0
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319560
            [tulos] => 22494
            [numero] => 7
            [koodi] => 41
            [aika] => 00:25:36
            [valiaika] => 00:00:00
            [rastivali_sec] => 370
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319570
            [tulos] => 22495
            [numero] => 7
            [koodi] => 41
            [aika] => 00:28:55
            [valiaika] => 00:00:00
            [rastivali_sec] => 418
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319580
            [tulos] => 22496
            [numero] => 7
            [koodi] => 41
            [aika] => 00:50:36
            [valiaika] => 00:11:10
            [rastivali_sec] => 586
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319600
            [tulos] => 22498
            [numero] => 7
            [koodi] => 41
            [aika] => 00:58:14
            [valiaika] => 00:00:35
            [rastivali_sec] => 747
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319610
            [tulos] => 22500
            [numero] => 7
            [koodi] => 41
            [aika] => 01:16:27
            [valiaika] => 00:10:22
            [rastivali_sec] => 1310
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319591
            [tulos] => 22497
            [numero] => 8
            [koodi] => 31
            [aika] => 00:07:19
            [valiaika] => 00:00:00
            [rastivali_sec] => 439
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319561
            [tulos] => 22494
            [numero] => 8
            [koodi] => 31
            [aika] => 00:31:49
            [valiaika] => 00:00:00
            [rastivali_sec] => 373
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319571
            [tulos] => 22495
            [numero] => 8
            [koodi] => 31
            [aika] => 00:37:43
            [valiaika] => 00:00:00
            [rastivali_sec] => 528
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319581
            [tulos] => 22496
            [numero] => 8
            [koodi] => 31
            [aika] => 01:04:49
            [valiaika] => 00:15:37
            [rastivali_sec] => 853
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319601
            [tulos] => 22498
            [numero] => 8
            [koodi] => 31
            [aika] => 01:19:09
            [valiaika] => 00:09:03
            [rastivali_sec] => 1255
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319611
            [tulos] => 22500
            [numero] => 8
            [koodi] => 31
            [aika] => 01:33:17
            [valiaika] => 00:05:22
            [rastivali_sec] => 1010
            [sija] => 6
        )

)
Array
(
    [0] => stdClass Object
        (
            [id] => 319592
            [tulos] => 22497
            [numero] => 9
            [koodi] => 100
            [aika] => 00:09:32
            [valiaika] => 00:00:00
            [rastivali_sec] => 133
            [sija] => 1
        )

    [1] => stdClass Object
        (
            [id] => 319562
            [tulos] => 22494
            [numero] => 9
            [koodi] => 100
            [aika] => 00:33:06
            [valiaika] => 00:00:00
            [rastivali_sec] => 77
            [sija] => 2
        )

    [2] => stdClass Object
        (
            [id] => 319572
            [tulos] => 22495
            [numero] => 9
            [koodi] => 100
            [aika] => 00:38:47
            [valiaika] => 00:00:00
            [rastivali_sec] => 64
            [sija] => 3
        )

    [3] => stdClass Object
        (
            [id] => 319582
            [tulos] => 22496
            [numero] => 9
            [koodi] => 100
            [aika] => 01:06:29
            [valiaika] => 00:03:04
            [rastivali_sec] => 100
            [sija] => 4
        )

    [4] => stdClass Object
        (
            [id] => 319602
            [tulos] => 22498
            [numero] => 9
            [koodi] => 100
            [aika] => 01:21:18
            [valiaika] => 00:00:00
            [rastivali_sec] => 129
            [sija] => 5
        )

    [5] => stdClass Object
        (
            [id] => 319612
            [tulos] => 22500
            [numero] => 9
            [koodi] => 100
            [aika] => 01:35:13
            [valiaika] => 00:00:00
            [rastivali_sec] => 116
            [sija] => 6
        )

)
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tampereen Iltarastit</title>         
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
                <!-- Bootstrap -->
        <link href="http://iltarastit.com/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="http://iltarastit.com/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">

         <!-- Styles -->
        <link href="http://iltarastit.com/styles/layouts/titan/main.css" rel="stylesheet" type="text/css">
        <link href="http://iltarastit.com/styles/layouts/titan/dashboard.css" rel="stylesheet" type="text/css">
        <link href="http://iltarastit.com/styles/layouts/titan/responsive.css" rel="stylesheet" type="text/css">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />

        <!-- SCRIPTS -->
        <script type="text/javascript">
        var global_base_url = "http://iltarastit.com/";
        </script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
        <script src="http://iltarastit.com/scripts/libraries/jbility.js"></script>
        <script src="http://iltarastit.com/scripts/libraries/jquery.floatThead.js "></script>
        
        
        
        <script type="text/javascript">
          $.widget.bridge('uitooltip', $.ui.tooltip);
        </script>
        <script src="http://iltarastit.com/bootstrap/js/bootstrap.min.js"></script>


        <!-- Favicon: http://realfavicongenerator.net -->
        <link rel="apple-touch-icon" sizes="57x57" href="http://iltarastit.com/images/favicon/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="http://iltarastit.com/images/favicon/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="http://iltarastit.com/images/favicon/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="http://iltarastit.com/images/favicon/apple-touch-icon-76x76.png">
        <link rel="icon" type="image/png" href="http://iltarastit.com/images/favicon/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="http://iltarastit.com/images/favicon/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="http://iltarastit.com/images/favicon/manifest.json">
        <link rel="mask-icon" href="http://iltarastit.com/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="http://iltarastit.com/images/favicon/favicon.ico">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="msapplication-config" content="http://iltarastit.com/images/favicon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">


        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        
        <script type="text/javascript">
          $.widget.bridge('uitooltip', $.ui.tooltip);
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
              $('[data-toggle="tooltip"]').tooltip();
              barChart();
    
                $(window).resize(function(){
                    barChart();
                });
                
                function barChart(){
                    $('.bar-chart').find('.item-progress').each(function(){
                        var itemProgress = $(this),
                        itemProgressWidth = $(this).parent().width() * ($(this).data('percent') / 100);
                        itemProgress.css('width', itemProgressWidth);
                    });
                };
            });
            
            
        
            
        </script>
        <script type="text/javascript">
          var c=document.cookie;
          document.cookie='size='+Math.max(screen.width,screen.height)+';';
        </script>
    <style>
    
.result-table thead {
    
}

.bar-chart {
    position: relative;
    width: 100%;
    margin-top: 0px;
}

.bar-chart > .legend {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    margin-bottom: -45px;
    border-top: 1px solid #000;
}

.bar-chart > .legend > .item {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
}

.bar-chart > .legend > .item:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 8px;
    background-color: #000;
    margin-top: -8px;
}

.bar-chart > .legend > .item.text-right:before {
    right: 0;
    left: auto;
}

.bar-chart > .legend > .item h4 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bar-chart > .chart {
    position: relative;
    width: 100%;
}

.bar-chart > .chart > .item {
    position: relative;
    width: 100%;
    height: 10px;
    margin-bottom: 2px;
    color: #fff;
    text-transform: uppercase;
}

.bar-chart > .chart > .item > .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 5;
}

.bar-chart > .chart > .item > .bar > .percent {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 10px;
    line-height: 10px;
    padding-right: 2px;
    z-index: 15;
}

.bar-chart > .chart > .item > .bar > .item-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    background-color: #40ff81;
    z-index: 10;
}

.bar-chart > .chart > .item > .bar > .item-progress > .title {
    display: block;
    position: absolute;
    height: 10px;
    line-height: 10px;
    padding-left: 2px;
    letter-spacing: 2px;
    z-index: 15;
}

.top1 {
    background-color: #36f713;
}
.top2 {
    background-color: #aaf79c;
}
.top3 {
    background-color: #c2e3bc;
}
.top4 {
    background-color: #d5e9d1;
}
.top5 {
    background-color: #ecfae9;
}
table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}
    </style>
        <!-- CODE INCLUDES -->
         
    </head>
    <body>

    <nav class="navbar navbar-header2 navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          
          
          <a class="navbar-brand" href="http://iltarastit.com/" title="Tampereen Iltarastit">
          Tampereen Iltarastit          -</a>
           
        </div>
        <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav" style="text-align: center">
                       <li><a href="http://iltarastit.com/tulokset/tulokset/90">Tulokset</a></li>
            
            <li class="dropdown">
              <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">V&auml;liajat <span class="caret"></span></a>
              <ul class="dropdown-menu navbar-inverse">
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/332">2KM</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/333">3KM</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/334">4KM</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/335">5KM</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/336">7KM</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/337">4A</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/338">4B</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/339">4C</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/340">5A</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/341">5B</a></li>
                                    <li><a href="http://iltarastit.com/tulokset/valiajat/90/342">5C</a></li>
                              </ul>
            </li>
                            <li class="dropdown">
                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Aikagraafi <span class="caret"></span></a>
                  <ul class="dropdown-menu navbar-inverse">
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/332">2KM</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/333">3KM</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/334">4KM</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/335">5KM</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/336">7KM</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/337">4A</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/338">4B</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/339">4C</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/340">5A</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/341">5B</a></li>
                                            <li><a href="http://iltarastit.com/tulokset//graafi/90/342">5C</a></li>
                                      </ul>
                </li>
                                         <li class="acess-icon">
              <img id="increaseFont" title="Isonna fonttia" width="35px"  src="http://iltarastit.com/images/fontsma40.png"/>
            </li>
            <li class="acess-icon">
              <img id="decreaseFont" title="Pienenn&auml; fonttia" width="25px" src="http://iltarastit.com/images/fontsme40.png"/>
            </li>
          
           </ul>
          <ul class="nav navbar-nav navbar-right">
                    <li><a href="http://iltarastit.com/login">Kirjaudu</a></li>
           
                    </ul>
          
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
      
        <div class=" main">
   
                        
        
<br />
<div class="white-area-content">
<div class="header clearfix">
 <div class="col-md-6 ">
 <div id="runner" style="max-width: 50%; float:left; text-align:center">
 <br />
 <h3>Nimi:Kaj Kattilakoski</h3>
 <h3>Rata:4A</h3>
 <h3><b>Aika: 00:09:32</b></h3>
 <h3><b>Onnistuminen</b> :0%</h3>
 <h3><b>Sijoitus: 1</b>.</h3>
 <h3><b>Tila</b> :OK</h3>
 
</div>          
            
<table class="table table-hover table-bordered" width="100%">
    <tr>
    <th align="justify" colspan="2" style="border-right: dashed;">Rasti</th><th align="justify" colspan="3" style="border-right: dashed;">Tilanne rastilla</th><th align="justify" colspan="5">Rastiv&auml;li</th>
</tr>
<tr>
            <th align="justify">Nro</th>
            <th align="justify" style="border-right: dashed;">Koodi</th>
            <th align="justify">Aika</th>
            <th align="justify">Ero</th>
            <th align="justify" style="border-right: dashed;">Sija</th>
            
            <th align="justify">Sija</th>
            <th align="justify">Ero</th>
            <th align="justify">Sija</th>
                            <th align="justify">Onnistuminen</th>
                <th align="justify"><div data-toggle="tooltip" data-html="true" title="Poikkeama rastiv&auml;lill&auml; omasta optimivauhdista">Tavoite</div></th>
            </tr>
                 <tr>
            <td align="center">1</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">33</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">2</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">40</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">3</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">39</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">4</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">35</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">5</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">42</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">6</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">36</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">7</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">41</font></td>
            <td align="center">0:00</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">00:00</td>
            <td align="center">+00:00</td>
            <td align="center"><font color="red">1</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">8</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">31</font></td>
            <td align="center">7:19</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">07:19</td>
            <td align="center">+01:06</td>
            <td align="center"><font color="red">2</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
            <tr>
            <td align="center">9</td>
            <td align="center" style="border-right: dashed;"><font color="#f04fff">100</font></td>
            <td align="center">9:32</td>
            <td align="center"></td>
            <td align="center" style="border-right: dashed;"><font color="red">1</font></td>
            
            <td align="center">02:13</td>
            <td align="center">+01:09</td>
            <td align="center"><font color="red">6</font></td>
            <td align="center"><font color="red">
            
                            </td>
                <td align="center"><font color="red"></font></td>
                    </tr>
    
        
    
    
    
</table>   
    
</div>
</div>
</div>


          </div>
      </div>
    </div>



    </body>
</html>