ul.statslegend {
	/*border:solid 1px pink;*/
}

ul.statslegend > li {
    position:relative; 
    margin:0 0 6px 2em; 
    padding:2px 6px; 
    list-style:none; 
}
 ul.statslegend > li:before {
	/* need something as content */
    content:counter(li); 
    counter-increment:li; 
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.9em;
    margin-right:8px;
    padding:1px;
    color:#666;
    background:#666;
	border-radius:2px;
}

/* priority legends 
'#26358c', '#3ea437', '#9e5d9d', '#ea5425'
*/
 ul.statslegend > li.xP1:before  {
	 background-color:#26358c;
	 color:#26358c;
 }

 ul.statslegend > li.xP2:before  {
	 background-color:#3ea437;
	 color:#3ea437;
 }
 ul.statslegend > li.xP3:before  {
	 background-color:#9e5d9d;
	 color:#9e5d9d;
 }
 ul.statslegend > li.xP4:before  {
	 background-color:#ea5425;
	 color:#ea5425;
 }

 /*$partner_colors =  array('Åland' => '#385675', 'Latvia'=> '#336699','Sweden'=> '#97ADC2','Finland'=> '#6D96BF', 'Estonia'=> '#AFD0F2');*/
 
  ul.statslegend > li.x385675:before  {
	 background-color:#385675;
	 color:#385675;
 } 
 ul.statslegend > li.x336699:before  {
	 background-color:#336699;
	 color:#336699;
 }
 ul.statslegend > li.x97ADC2:before  {
	 background-color:#97ADC2;
	 color:#97ADC2;
 }
 ul.statslegend > li.x6D96BF:before  {
	 background-color:#6D96BF;
	 color:#6D96BF;
 }
 ul.statslegend > li.xAFD0F2:before  {
	 background-color:#AFD0F2;
	 color:#AFD0F2;
 }
 
 /* other colors */
/*'#26358C', '#3C4CA3', '#7482CF', '#3EA437', '#5AB553','#9BCF97','#9E5D9D','#BA79B9','#EA5425','#F09073'*/


 ul.statslegend > li.x26358C:before  {
	 background-color:#26358C;
	 color:#26358C;
 }
 ul.statslegend > li.x3C4CA3:before  {
	 background-color:#3C4CA3;
	 color:#3C4CA3;
 }
 ul.statslegend > li.x7482CF:before  {
	 background-color:#7482CF;
	 color:#7482CF;
 }
 ul.statslegend > li.x3EA437:before  {
	 background-color:#3EA437;
	 color:#3EA437;
 }
 ul.statslegend > li.x5AB553:before  {
	 background-color:#5AB553;
	 color:#5AB553;
 }
  ul.statslegend > li.x9BCF97:before  {
	 background-color:#9BCF97;
	 color:#9BCF97;
 }
  ul.statslegend > li.x9E5D9D:before  {
	 background-color:#9E5D9D;
	 color:#9E5D9D;
 }
  ul.statslegend > li.xBA79B9:before  {
	 background-color:#BA79B9;
	 color:#BA79B9;
 }
  ul.statslegend > li.xEA5425:before  {
	 background-color:#EA5425;
	 color:#EA5425;
 }
  ul.statslegend > li.xF09073:before  {
	 background-color:#F09073;
	 color:#F09073;
 }
  ul.statslegend > li.x5ca8dc:before  {
	 background-color:#5ca8dc;
	 color:#5ca8dc;
 }

/* table-like layout for charts & legends */
.chartdiv,.chartlegend {
	display: table-cell;
	/*border:solid 1px green;*/
	width:500px;
	margin-bottom: 20px;
	text-align:middle;
	margin-left: 50px;
	background-color: #fff;
	padding-top:20px;
	border-radius:3px;
 }

.chartlayout {
	display: table;
	width:100%;
	/*border:solid 1px pink;*/
	margin-bottom:30px;
	/*background-image:url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
.chartrow, .legendrow {
	display: table-row;
	/*border:solid 1px blue;*/
}

/* nämä poikkeuksellisesti käppyrän oikealla puolella eikä alla */
#legend1,
#legend2{
	margin-top: 4%;
}
/* pies */
.piechartdiv {
	display: table-cell;
	width:200px;
	margin-bottom: 20px;
	text-align:middle;
	margin-left: 50px;
	background-color: #fff;
	padding-top:20px;
	border-radius:3px;
}

/* toggle value / percentage */
a.formatfilter,
a.formatfilter:hover {
	padding: 10px 15px;
    background: #c0c0c0;
    color: #FFF;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	width:150px;
	text-decoration: none;
	display:inline-block;
}
a#filter-percentage {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-right:1px  solid #fff;
	background-color:#95C12B;
}
a#filter-value {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

/* priority  filters*/
div#filters {
	left: 0;
    position: absolute;
    top: 200px;
}
div#filters .statslegend {
	padding-left: 0;
    padding-top: 20px;
}
ul#filter {
	list-style-type: none;
	line-height:1.6em;
	margin-left:0;
	padding-left:0;
	margin-top:0.2em;
}

ul#filter li a {
	padding: 10px 15px;
    background: #c0c0c0;
    color: #FFF;
	width:300px;
	text-decoration: none;	
	display:inline-block;
	border-bottom:1px solid #fff;
}

a#filterALL {
	/* initially selected */	
	background-color:#95C12B;
}
/* country legend colors */
ul.statslegend > li.xd5152f:before {
	background-color:#d5152f;
	color:#d5152f;
}
ul.statslegend > li.x941018:before {
	background-color:#941018;
	color:#941018;
}
ul.statslegend > li.xfecc00:before {
	background-color:#fecc00;
	color:#fecc00;
}
ul.statslegend > li.x003680:before {
	background-color:#003680;
	color:#003680;
}
ul.statslegend > li.x216bce:before {
	background-color: #216bce;
	color: #216bce;
}