@charset "utf-8";

.chartmaincontainer {
  	width: 391px;
 	height: 135px;
  	background-color: white;
 	padding-top: 0px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px solid black;
	}

/* ---- containerit alkaa ----*/

	.chartcontainer1 {
  	width: 128px;
 	height: 135px;
  	background-color: white;
 	padding-top: 0px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 0px;
	border-right: 0px solid blue;
	float: left;
	display: inline-block;
	}

	.chartcontainer2 {
  	width: 125px;
 	height: 135px;
  	background-color: white;
 	padding-top: 0px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 0px;
	border-left: 1px solid lightgray;
	float: left;
	display: inline-block;
	}

	.chartcontainer3 {
  	width: 135px;
 	height: 135px;
  	background-color: white;
 	padding-top: 0px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 0px;
	border-left: 1px solid lightgray;
	float: left;
	display: inline-block;
	}

/* ----- containerit loppuu -----*/


/* ----- headerit alkavat -----*/


	.chartheader1{
  	width: 122px;
 	height: 25px;
  	background-color: #770681;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 10px;
	border-right: 1px solid white; /*#F76503;*/
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	line-height: 90%;
	color: white;
	float: left;
	display: inline-block;
	}

	.chartheader2{
  	width: 121px;
 	height: 25px;
  	background-color: #770681;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 10px;
	border-right: 1px solid white; /*#F76503;*/
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	line-height: 90%;
	color: white;
	float: left;
	float: left;
	display: inline-block;
	}



	.chartheader3{
  	width: 119px;
 	height: 25px;
  	background-color: #770681;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 10px;
	border-left: 1px solid #F76503;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	line-height: 90%;
	color: white;
	float: left;
	display: inline-block;
	}


/* ----- headerit loppuvat -----*/


/* ----- columnit alkavat -----*/

	.chartcolumn1{
  	width: 122px;
 	height: 100px;
  	background-color: white;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 5px;
	border-left: 1px solid lightgray;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #707070;
	float: left;
	display: inline-block;
	}

	.chartcolumn2{
  	width: 111px;
 	height: 100px;
  	background-color: white;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 5px;
	border-right: 1px solid lightgray;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #707070;
	float: left;
	display: inline-block;
	}


	.chartcolumn3{
  	width: 119px;
 	height: 100px;
  	background-color: white;
 	padding-top: 5px;
   	padding-right: 0px;
  	padding-bottom: 0px;
	padding-left: 10px;
	border-right: 1px solid lighgray;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #707070;
	float: left;
	display: inline-block;
	}

 /* ----- columnit loppuvat -----*/


	.capture {
	width: 390px;
	height: 42px;
	background-color: white;
	border-top: 1px solid lightgray;
	margin-top: 0px;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 10px;
    	padding-bottom: 2px;
	 padding-left: 12px;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
	text-align: left;
 }