#all { 
	margin: 1em 3em ; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

h2 {
	border-bottom: 0.2em solid #555 ;
	color: #555;
	text-align: right;
}

#tta {
	position: absolute;
	left: 2em;
	top: 1.2em;
}

#example {
	position: relative;
	display: block;
	height: 7em;
	margin: 0em;
	margin-top: 3.0em;
}

#example  .dev {
	position: relative;
	display: inline-block;
	font-size: 2.0em;
	height: 3.3em;
	min-width: 3.5em;
	vertical-align: middle;
	text-align: center;
}
#example  .d02 {
	min-width: 6.5em;
}
#example > .eq  {
	font-size: 2.5em;
	display: inline-block ;
	vertical-align: middle;
}

#example  .td {
	display: block ;
	position: absolute;
	min-width: 0.7em;
	height: 1.5em;
	margin: 0.1em;
	padding: 0 0.02em;
	line-height: 1.5em;
	text-align: center;
	vertical-align: middle;
}

#example  .hide { display: none; }

#example  .dev > .bef ,
#example  .dev > .and {
	display: inline-block ;
	vertical-align: middle;
}
#example  .dev  > .bef { height: 100%; }
#example  .dev > .and { font-size: 1.2em; }
#example  .td > .exc {
	font-size: 1.0em;
/*	vertical-align: sub; 
	line-height: 1.9em;*/
}

#example  .td > span {
	display: block ;
	float: left;
	margin: 0.1em 0.01em ;
	height: 82%;
}

#example  .td > .num  ,
#example  .td > .mnm  {
	min-width: 1.0em;
}

#example  .td > .question  {
	margin: 0.1em 0.01em ;
	border: 0.05em solid #eee ;
}

#example  .td > .question_act  {
	background-color: #fff;
	border: 0.05em solid #999 ;
}
#example  .td > .question_act.allert {
	background-color: #e77;
}

#example  .dev .r11 {	top: 0px;		left:  0px; }
#example  .dev .r12 {	bottom: 0px;	left:  0px; }
#example  .dev .r21 {	top: 0px;		right: 0px; }
#example  .dev .r22 {	bottom: 0px;	right: 0px; }

#example  .dev .r11,
#example  .dev .r21 {
	border-bottom: 0.12em solid #333 ;
}

#example  .alloc {
	background-color: #ee7;
}


#keyboard {
	position: relative;
	display: block;
	height: 8em;
	margin: 2em 0.1em 0.1em 0em;
	text-align: left; 
	vertical-align: middle;
	border-bottom: 0.2em solid #555 ;
}

#keyboard .key {
	position: relative;
	display: inline-block;
	height: 1.5em;
	min-width: 1.5em;
	margin: 0.1em;
	text-align: center;
	line-height: 1.5em;
	font-size: 2.0em;
	color: #333 ;
    box-shadow: 0.02em 0.02em 0.1em 0.01em #777;
	text-shadow: 0.04em 0.04em 0.1em  #777;
	border: 2px solid #333 ;
	cursor: pointer;
	user-select: none;
}

#keyboard .key.enter {
	padding: 0 0.3em;
}

#keyboard .key,
.rds_em05{
	-webkit-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
	border-radius: 0.2em;
}


#allert {
	position: absolute;
	display: none; 
	top: 20px;
	left: 20px;
	padding: 0.85em;
	line-height: 1.3em;
	text-align: center;
	letter-spacing: 0.075em;
	vertical-align: middle;
	text-shadow: 0.01em 0.01em 0.05em  #aaa;
}

#allertc {
	position: absolute;
	display: none; 
	z-index: 0;
}

#allertc.allert, 
#allert.allert {
	display: block; 
}

#topmail {
	position: absolute;
	display: block;
	right: 1em;
	bottom: 0.2em;
}