﻿/* 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:9pt;
	padding:6px 4px 4px 5px;
	border-bottom:1px solid #008e84;
	text-align:center;
	
}
.clLevel0{
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	background-image: url("../images/menutaus1.gif");
	color:#FFFFFF;
	border-bottom:1px solid #008e84;
	cursor:pointer;
}
.clLevel0over{
	background-color:#008e84;
	layer-background-color:#008e84;
	color:#008e84;
	background-image: url("../images/menutaus.gif");
	cursor:pointer;
	padding:6px 4px 4px 5px;
	cursor:pointer;
}
.clLevel0border{
	position:absolute;
	visibility:visible;
	
}


/* Taso 0 Selected */
.clLevel0Selected{
	background-color:#008e84;
	layer-background-color:#008e84;
	position:absolute;
	padding:6px 4px 4px 5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:Normal;
	color:#008e84;
	border: 1px solid #008e84;
	cursor:pointer;
}
/* Taso 0 Selected */

/* Taso 1 */
.clLevel1, .clLevel1over{
	background-color:#8ac6c4;
	position:absolute;
	padding:3px 3px 3px 8px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:Normal;
	color:#003399;
	/*border-top: 1px solid #EAE2C7;
	border-right: 1px solid #EAE2C7;
	border-bottom: 1px solid #EAE2C7;
	border-left: 1px solid #EAE2C7;*/
	cursor:pointer;
}
.clLevel1{
	background-color:#eeeeee;
	layer-background-color:#eeeeee;
	color:#003399;
	/*border-top: 1px solid #EAE2C7;
	border-right: 1px solid #EAE2C7;
	border-bottom: 1px solid #EAE2C7;
	border-left: 1px solid #EAE2C7;*/
}
.clLevel1over{
	background-color:#8ac6c4;
	layer-background-color:#8ac6c4;	
	color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
	padding:3px 3px 3px 8px;
	/*border-top: 1px solid #EAE2C7;
	border-right: 1px solid #EAE2C7;
	border-bottom: 1px solid #EAE2C7;
	border-left: 1px solid #EAE2C7;*/
	cursor:pointer;
}
.clLevel1border{
	position:absolute;
	visibility:visible;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

/* Taso 2 */
.clLevel2, .clLevel2over{
	position:absolute;
	padding:3px 3px 3px 8px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:Normal;
}
.clLevel2{
	background-color:#eeeeee;
	layer-background-color:#eeeeee;
	color:#339933;
}
.clLevel2over{
	background-color:#8ac6c4;
	layer-background-color:#8ac6c4;
	color:#0000CC;
	cursor:pointer;
}
.clLevel2border{
	position:absolute;
	visibility:hidden;
	background-color:#CCE57F;
	layer-background-color:#c1dfdd;
}
