/* Oletustyyli - ÄLÄ POISTA ÄLÄKÄ MUOKKAA */
.clCMAbs{
	position: absolute;
	visibility: hidden;
	left:0;
	top:0
}
/* Oletustyyli - Loppu */

/* Tausta baari */
.clBar{
	position: absolute;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	visibility: hidden;
}

/* Taso 0 */
.clLevel0, .clLevel0over{
	position:absolute;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #2d3532;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel0{
	layer-background-color:#018259;
	cursor:pointer;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel0over{
	layer-background-color:#e5f3ef;
	cursor:pointer;
	cursor:pointer;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel0border{
	position: absolute;
	visibility: visible;
	layer-background-color:#008d62;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
}

/* Taso 0 Selected */
.clLevel1Selected {
	layer-background-color:#FFFFFF;
	position:absolute;
	font-family: "Trebuchet MS", Verdana, Helvetica;
	font-size:8pt;
	font-weight: normal;
	cursor:pointer;
	background-color: #2d3532;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
/* Taso 0 Selected */

/* Taso 1 */
.clLevel1, .clLevel1over{
	background-color:#2d3532;
	position:absolute;
	font-family: "Trebuchet MS", Verdana, Helvetica;
	font-size:8pt;
	font-weight: normal;
	cursor:pointer;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel1{
	background-color:#2d3532;
	layer-background-color:#FFFFFF;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel1over {
	layer-background-color:#e5f3ef;
	cursor:pointer;
	cursor:hand;
	cursor:pointer;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel1border {
	position:absolute;
	visibility:visible;
	background-color:#2d3532;
	layer-background-color:#FFFFFF;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}

/* Taso 2 */
.clLevel2, .clLevel2over {
	position:absolute;
	font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:8px;
	font-weight:normal;
	background-color: #2d3532;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel2{
	background-color:#2d3532;
	layer-background-color:#FCFAEA;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel2over{
	layer-background-color:#e5f3ef;
	cursor:pointer;
	background-color: #2d3532;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.clLevel2border{
	position:absolute;
	visibility:hidden;
	layer-background-color:#FFFFFF;
	background-color: #ececec;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px 0px #666666;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}