#progress {
	border:solid 1px rgb(256,240,224);
}
#progress td {
	text-align:center;
	font-size:9pt;
	padding:5px;
}
.step {
	color:silver;
}
.cstep {
	font-size:9pt;
	color:darkred;
	background:rgb(256,240,224);
}
#hint	{
	border:solid 1px red;
	padding:10px;
	background-color:rgb(256,192,32);
	text-align:center;
	font-size:9pt;
}
h1 {
	font-size:16pt;
	color:darkred;
}
h1 .en {
	color:red;
}
h4 {
	font-size:11pt;
	color:brown;
	margin-top:30px;
	margin-bottom:0px;
}
h4 .en {
	color:red;
}
.main-text {
	font-size:11pt;
	color:gray;
}
.main-text .en {
	font-size:9pt;
	color:rgb(256,128,64);
}
.shadow-out {
	background:#bbbbbb; 
	border:1px solid #ddd; 
	margin:1em 0;
}
.shadow-in {
    background:#ffffff; 
	background-image: url('images/pg-corner.png');
	background-repeat: no-repeat;
    border:1px solid #999; 
    position:relative; 
    left:-2px;
    top:-2px;
}