/* 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;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	visibility:hidden
}

/* Taso 0 */
.clLevel0, .clLevel0over{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
	border-top: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	background-color: #FFFFFF;
	background-image: url(../images/tausta_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.clLevel0{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	padding: 0px 0px 0px 3px;
	color:#005baa;
	cursor:pointer;
	background-image: url(../images/tausta_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.clLevel0over{
	background-color:#f2f7fb;
	layer-background-color:#FFFFFF;
	padding: 0px 0px 0px 3px;
	color:#005baa;
	cursor:pointer;
	cursor:pointer;
	background-image: url(../images/tausta_menu_over.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.clLevel0border{
	position: absolute;
	visibility: visible;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

/* Taso 0 Selected */
.clLevel1Selected{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	position:absolute;
	padding:0px 0px 0px 3px;
	font-family: Arial, Verdana, Helvetica;
	font-size:8pt;
	font-weight: bold;
	color:#FFFFFF;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #d1d7d4;
	cursor:pointer;
	background-image: url(../images/tausta_menu.gif);
	background-repeat: repeat-x;
}
/* Taso 0 Selected */

/* Taso 1 */
.clLevel1, .clLevel1over{
	background-color:#FFFFFF;
	position:absolute;
	padding:0px 0px 0px 3px;
	font-family: Arial, Verdana, Helvetica;
	font-size:8pt;
	font-weight: bold;
	color:#FFFFFF;
	cursor:pointer;
	background-image: url(../images/tausta_menu_over.gif);
	background-repeat: repeat-x;
}
.clLevel1{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	color:#005baa;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #FFFFFF;
	background-image: url(../images/tausta_menu.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 3px;
}
.clLevel1over{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	color:#005baa;
	cursor:pointer;
	cursor:hand;
	padding:0px 0px 0px 3px;
	border-top: 0px solid #d1d7d4;
	border-right: 0px solid #d1d7d4;
	border-bottom: 0px solid #d1d7d4;
	border-left: 0px solid #d1d7d4;
	cursor:pointer;
	background-image: url(../images/tausta_menu_over.gif);
	background-repeat: repeat-x;
}
.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:8px;
	font-weight:bold;
	background-color: #FFFFFF;
	background-image: url(../images/tausta_menu_over.gif);
	background-repeat: repeat-x;
}
.clLevel2{
	background-color:#FFFFFF;
	layer-background-color:#FCFAEA;
	padding: 0px 0px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-image: url(../images/tausta_menu.gif);
	background-repeat: repeat-x;
}
.clLevel2over{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	cursor:pointer;
	padding: 0px 0px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-image: url(../images/tausta_menu_over.gif);
	background-repeat: repeat-x;
}
.clLevel2border{
	position:absolute;
	visibility:hidden;
	layer-background-color:#FFFFFF;
	background-color: #FFFFFF;
}