@charset "utf-8";

#back{ 
	font-family:arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:100;
	background-color:#FFFFFF;
	padding:4px;
	margin-bottom:4px
}
#menu{
	width:153px;
	overflow:auto;
	background-color:#CCFF99;
	float:left;
	border:solid 1px #999999;
    border-right:none;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	font-size:16px;
	position:fixed;
}
#menu a{
	color:#575757;
	text-decoration:none;
	display:block;
	font-family:arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:30px;
}
#menu a:hover{
	color:#FFFFFF;
	background-color:#99FD2B;/*:#CCFF99;*/
	font-size:16px;
	text-shadow:1px 1px 1px #000;
}
#content{
	border:solid 1px #999999;
	padding-left:15px;
	padding-right: 15px;
	background-color:#CCFF99;
	width:650px;
	float:right;
}
#wrapper{
	position: absolute;
	left:50%;
	width:803px;
	margin-left:-400px;
}
#content, input,.def,textarea{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;}

input[type="text"]{
	font-size:100%;
	padding:0px;
}
h2{ 
	font-size:20px;
    font-family: arial, Helvetica, sans-serif;
	text-shadow:2px 2px 2px #CCCCCC;
	color:#575757
} 
.hdr{
	font-size:16px;
	font-family: arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#575757
} 
.c{ text-align:center }
.l{ text-align:left }
.r{	text-align:right }
.b{ font-weight:bolder }
.emb{ 
	font-style:italic;
	font-weight:bolder;
	color:#000000;}
.ub{ font-weight:bolder; text-decoration:underline }
.under,.u{ text-decoration:underline; }
.marked{ text-decoration:line-through; }

.lh1{ line-height:100% }
.lh1-1{ line-height:110% }
.lh1-2{ line-height:120% }
.lh1-3{ line-height:130% }
.lh1-4{ line-height:140% }
.lh1-5{ line-height:150% }
.lh1-6{ line-height:160% }
.lh1-7{ line-height:170% }
.lh1-8{ line-height:180% }
.lh2{ line-height:200% }
.lh3{ line-height:300% }

.ddrop{ cursor:pointer;
	background-color:#E1FFCC;
	padding:0px 8px}
.ddrop-cntr{	/*background-color: yellow;*/ }
.active{	background-color:#F9F9F9 }
.hover{	}

ul.sort{ list-style-type:none; padding:0px}
.list-r,.list-l{
	padding:3px 4px;
	margin:2px 4px;
	background-color:#E1FFCC
}
.list-r{ text-align:right }
.list-r-n{ text-align:right;padding:3px 4px;margin:2px 4px; }
.list-l{ text-align:left }
.list-n{ padding:3px 0px; margin:2px 0px }

.strike{ text-decoration:line-through }
.wrong{
	background-color:#F9886C;
	color:#333333
}
.right{
	background-color:#00FF00;
	color:black
}
.ibpanel{ clear:both; margin:10px 0px 15px }
.play{ margin:10px 0px }
.dynamic{ text-align:center; margin:0px }
.mark:hover, input[type=radio]:hover, select:hover, .sort>li:hover{ cursor:pointer }
.sort, no-sort{ list-style-type: none }

.s-table{ border:none; }
.s-table td{
	border:dotted;	
	border-width:1px;
	border-color:#999999
}
.cross-table{ 
	border:none;
	cursor:pointer;
	text-align:center;
	border-collapse: collapse;
	empty-cells:hide
}
.cross-table td{
	border: 1px solid black;
	padding:0px;
	width:22px;
}
.cross-table td div{ 
	width:20px;
	height:20px;
}
.c-drop{ 
	border:solid;
	border-width:1px;
	border-color:#999999;
	background:#CCCCCC;
	padding:4px 4px 1px 4px;  
	margin:0px 0px;
	text-align:center
}
input[type=radio],input[type=checkbox]{ 
	vertical-align:middle;
	margin-left:5px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
 }
.d-border{ 
	border-style:dotted;
	border-width:1px;
	border-color:gray
}
.bottomlink{ text-align:center }