﻿.stat-container, .stat-container * {box-sizing: content-box}
.stat-height-container {text-align: center}
.stat-container {position: relative;text-align: left; display: inline-block}
.stat-container-wrapper {height: 475px;padding-top: 50px; overflow-x: auto;max-width: 100%;margin-bottom: 3em;overflow-y: hidden}
.stat-container-wrapper-2010 {height: 460px;  padding-top:35px}
.stat-container-wrapper-2009 {height: 450px;  padding-top:25px}
.stat-container-wrapper-2004 {height: 455px;  padding-top:30px}

/*
.stat-container {position: relative; display: inline-block; overflow-x: auto;text-align: left; max-width: 100%}
.stat-container, .stat-container * {box-sizing: content-box}
*/

table.stat {height: 420px; padding-left: 45px}
table.stat td {}
td.b { vertical-align: bottom}
.mc_old {float: left; background-color: #006ea2; width: 2px; border-right: 1px solid #338bb5; box-sizing: content-box}
.fc_old {float: right; background-color: #e963a1; width: 2px; border-right: 1px solid #ed82b4; box-sizing: content-box}
.mc {float: left; background-color: #006ea2; width: 1px; border-right: 1px solid #338bb5; box-sizing: content-box}
.fc {float: right; background-color: #e963a1; width: 1px; border-right: 1px solid #ed82b4; box-sizing: content-box}
.c {float: right; background-color: #f7941d; width: 2px; }
.chartn-m {font-size: 10px; padding-left: 62px; position: absolute;}
.chartn-f {font-size: 10px; padding-left: 8px; position: absolute;}
.chart-male {padding-top: 15px; padding-left: 10px}
.chart-female { padding-left: 34px}
.l-border {width: 43px; background-color: #ffffff}
.name {font-family: "ALSArtemiusSans", Helvetica, sans-serif; font-size: 9px;  line-height: 10px; position: absolute;}
.line-hor {height: 1px; background-color: #b0b0b0; position: absolute;}
.line-ver {width: 1px; background-color: #b0b0b0; position: absolute;}

.fl-1 {width: 43px; height: 1px; background-color: #fbe1ec; border-top: 1px solid white}
.fl-2 {width: 43px; height: 1px; background-color: #f8c9de; border-top: 1px solid white}
.fl-3 {width: 43px; height: 1px; background-color: #f3afcf; border-top: 1px solid white}
.fl-4 {width: 43px; height: 1px; background-color: #f19bc3; border-top: 1px solid white}
.fl-5 {width: 43px; height: 1px; background-color: #eb71a9; border-top: 1px solid white}
.fl-6 {width: 43px; height: 1px; background-color: #f1539c; border-top: 1px solid white}

.ml-1 {width: 43px; height: 1px; background-color: #e5f0f6; border-top: 1px solid white}
.ml-2 {width: 43px; height: 1px; background-color: #cce2ec; border-top: 1px solid white}  
.ml-3 {width: 43px; height: 1px; background-color: #b2d3e3; border-top: 1px solid white}  
.ml-4 {width: 43px; height: 1px; background-color: #99c5da; border-top: 1px solid white}  
.ml-5 {width: 43px; height: 1px; background-color: #7fb6d0; border-top: 1px solid white}   
.ml-6 {width: 43px; height: 1px; background-color: #338bb5; border-top: 1px solid white}  

.chartn-m-2010 {font-size: 10px; padding-left: 49px; position: absolute;}
.chartn-f-2010 {font-size: 10px; left: 103px; position: absolute;}
.chart-male-2010 {padding-top: 15px; padding-left: 3px}
.chart-female-2010 { padding-left: 1px}
.td-2010 {min-width: 48px}
.names-2010 {position: relative; left: -39px}



.chartn-m-2013 {font-size: 10px; padding-left: 48px; position: absolute;}
.chartn-f-2013 {font-size: 10px; padding-left: 0px; left: 105px; position: absolute;}
.chart-male-2013 {padding-top: 15px; padding-left: 3px}
.chart-female-2013 { padding-left: 2px} 
.td-2013 {min-width: 48px}
.names-2013 {position: relative; left: 0px}


table.stat-v3 {border-collapse: collapse}
table.stat-v3 td {vertical-align: bottom;font-family: "ALSArtemiusSans", Helvetica, sans-serif;position: relative;padding:0;white-space: nowrap}
table.stat-v3 td .w-p-c {height:404px;position: relative !important;}
table.stat-v3 .mc, table.stat-v3 .fc {float: none;display: inline-block;vertical-align: bottom}
table.stat-v3 td.main-graph .note {position: absolute;width: 1px;background: #b0b0b0;font-size: 9px;line-height: 10px}
table.stat-v3 td.main-graph .note span {position:absolute;bottom: 100%;}
table.stat-v3 td.male-stat, table.stat-v3 td.female-stat {width:43px;padding: 0 5px;font-size: 10px; font-family: "ALSArtemiusSerif", Helvetica, sans-serif}
table.stat-v3 td.male-stat div, table.stat-v3 td.female-stat div {width:43px;position:absolute;border: none}
table.stat-v3 td.male-stat div span, table.stat-v3 td.female-stat div span {position: absolute;right: 100%;top:0;margin:-7px 3px 0 0}
table.stat-v3 td.male-stat div span {left: 100%;right: auto;margin: -7px 0 0 3px}
table.stat-v3 td.etalons, table.stat-v3 td.etalons .w-p-c {width:121px}
table.stat-v3 td.etalons .line {position:absolute;bottom:0;width:2px; background: #f7941d;left:53px;height:42px}
table.stat-v3 td.etalons .line-powermac {left:75px;height:101px}
table.stat-v3 td.etalons .line-meter {left:97px;height:200px}
table.stat-v3 td.etalons .line-mercedes {left:119px;height:277px}
table.stat-v3 td.etalons .note-line {position: absolute;height: 1px;background: #b0b0b0;bottom: 41px;width: 17px;left:34px}
table.stat-v3 td.etalons .note-line-powermac {bottom:100px;left:60px;width:13px}
table.stat-v3 td.etalons .note-line-meter {bottom:199px;left:86px;width:9px}
table.stat-v3 td.etalons .note-line-mercedes {bottom:276px;left:79px;width:38px}
table.stat-v3 td.etalons .note-text {position: absolute;white-space: nowrap;left: 0;bottom: 41px;font-size: 9px;line-height: 10px}
table.stat-v3 td.etalons .note-text-powermac {bottom:100px}
table.stat-v3 td.etalons .note-text-meter {bottom:199px}
table.stat-v3 td.etalons .note-text-mercedes {bottom:276px}
