.tyylieditori_ots1 {
	text-align: left;
	background: #555555;
	color: white;
	font-weight: bold;
	font-face: Arial;
	font-size: 10px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
	cursor: pointer;
}

.cp2 {
	padding: 0px; 
	width: 50px; 
	height: 2px;
	cursor: pointer;
}

.cp {
	padding: 0px; 
	width: 3px; 
	height: 3px;
	cursor: pointer;
}

.tyylieditori_ots3 {
	text-align: left;
	background: #999999;
	color: white;
	font-weight: bold;
	font-face: Arial;
	font-size: 10px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 0px;
	border-bottom: 1px solid black;
}

.tyylieditori_nappi1 {
	text-align: center;
	background: #BBDDEE;
	color: black;
	font-weight: bold;
	font-face: Arial;
	font-size: 10px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid black;
	cursor: pointer;
}


.tyylieditori_nappi2 {
	text-align: center;
	background: #CCCCCC;
	color: black;
	font-face: Arial;
	font-size: 10px;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #808080;
	cursor: pointer;
}

.tyylieditori_colorbutton {
	text-align: center;
	background: #BBDDEE;
	color: black;
	font-weight: bold;
	font-face: Arial;
	font-size: 10px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid black;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

.tyylieditori_ots2 {
	text-align: left;
	background: #DDDDDD;
	color: black;
	font-face: Arial;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid black;
	border-left: 1px solid #808080;
}

.tyylieditori_arvo1 {
	text-align: right;
	background: #EEEEEE;
	color: black;
	font-face: Arial;
	font-size: 12px;
	padding: 1px;
	padding-left: 4px;
	padding-right: 2px;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #d0d0d0;
}

.tyylieditori_arvo1b {
	text-align: right;
	background: #EEEEEE;
	color: black;
	font-face: Arial;
	font-size: 12px;
}

.tyylieditori_vari1 {
	padding-left: 4px;
	padding-right: 4px;
}

.tyylieditori_kentta1 {
	text-align: right;
	background: #FFFFFF;
	color: black;
	font-face: Arial;
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #A0A0A0;
}

.tyylieditori_combo {
	background: #FFFFFF;
	color: black;
	font-face: Arial;
	font-size: 12px;
	padding-left: 2px;
	border: 1px solid #aaaaaa;
}

.tyylieditori_tyyli1 {
	text-align: left;
	background: #EEEEEE;
	color: black;
	font-face: Arial;
	font-size: 12px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 40px;
	border-bottom: 1px solid #B0B0B0;
}

.tyylieditori_tyyli1b {
	text-align: left;
	background: #EEEEEE;
	color: black;
	font-face: Arial;
	font-size: 12px;
}

.harmaa_solu {
	background: #404040;
	color: #c0c0c0;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.oranssi_solu {
  cursor: pointer;
	background: #DD9944;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
}

.punainen_solu {
  cursor: pointer;
	background: #EE4400;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
}

.vihrea_solu {
  cursor: pointer;
	background: #44BB55;
	color: black;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
}

.sininen_solu {
  cursor: pointer;
	background: #66AABB;
	color: black;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
}

.sininen_main {
	background: #404040;
	text-align: center;
	color: #c0c0c0;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.vaalea_sininen_main {
	text-align: center;
  cursor: pointer;
	background: #2277DD;
	color: white;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.vaalea_vihrea_main {
	text-align: center;
  cursor: pointer;
	background: #00AAAA;
	color: white;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.esikatselu_main {
	text-align: center;
  cursor: pointer;
	background: #993311;
	color: white;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.esikatselu_main2 {
	text-align: center;
  cursor: pointer;
	background: #331199;
	color: white;
	font-weight: bold;
	font-face: Verdana;
	font-size: 10px;
	width: 75px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.menutausta {
	background: #cccccc;
	border-right: 1px solid black;
}


.teksti {
	font-size: 12px;
	font-face: Verdana;
}

.otsikko {
	font-size: 14px;
	font-face: Verdana;
}