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

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

/* Taso 0 */
.clLevel0, .clLevel0over{
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding: 4px 0px 0px 8px;
	border-top: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	color: #2e67b2;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/tausta_menu.gif);
}
.clLevel0{
	layer-background-color:#018259;
	padding: 4px 0px 0px 8px;
	color:#2e67b2;
	cursor:pointer;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
.clLevel0over{
	layer-background-color:#e5f3ef;
	padding: 4px 0px 0px 8px;
	color:#2e67b2;
	cursor:pointer;
	cursor:pointer;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
.clLevel0border{
	position: absolute;
	visibility: visible;
	layer-background-color:#008d62;
}

/* Taso 0 Selected */
.clLevel1Selected{
	background-color:#4caa9b;
	layer-background-color:#FFFFFF;
	position:absolute;
	padding:0px 0px 0px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#FFFFFF;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #d1d7d4;
	cursor:pointer;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
/* Taso 0 Selected */

/* Taso 1 */
.clLevel1, .clLevel1over{
	background-color:#1589c5;
	position:absolute;
	padding:0px 0px 0px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7px;
	color:#FFFFFF;
	cursor:pointer;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
}
.clLevel1{
	layer-background-color:#FFFFFF;
	color:#FFFFFF;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #FFFFFF;
	background-color: #008671;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
.clLevel1over{
	layer-background-color:#e5f3ef;
	color:#eaf0f7;
	cursor:pointer;
	cursor:hand;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #d1d7d4;
	cursor:pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #4caa9b;
}
.clLevel1border{
	position:absolute;
	visibility:visible;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

/* Taso 2 */
.clLevel2, .clLevel2over{
	position:absolute;
	padding:0px 0px 0px 3px;
	font-family: Arial, Verdana, Helvetica;
	font-size:9px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
.clLevel2{
	layer-background-color:#FCFAEA;
	color:#FFFFFF;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #008671;
}
.clLevel2over{
	layer-background-color:#e5f3ef;
	color:#008671;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #008671;
}
.clLevel2border{
	position:absolute;
	visibility:hidden;
	background-color:#CCE57F;
	layer-background-color:#FFFFFF;
}