@charset "utf-8";

#back{ 
	font-family: "Times New Roman", Times, serif;
	font-size:14px; 
	font-weight:100;
	background-color:#FFFFFF;
	padding:4px;
	margin-bottom:4px
}
#menu{
	width:700px;
	background-color:#CCFF99;
	float:none;
	border:solid 1px #999999;
	border-bottom:none;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	font-size:16px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#menu a{
	color:#575757;
	text-decoration:none;
	display:block;
	font-family:arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:30px;
	margin:0px;
	border-top:solid 1px  #999999;
}
#menu a:hover{
	color:#000000;
	background-color:#AEFF5E;/*:#CCFF99;*/
	font-size:16px;
	font-weight:bold;
	/*text-shadow:1px 1px 1px #000;*/
}
#menu a.active{ 
 color:#000000;
 background-color:#AEFF5E;
 }
#content{
	border:solid 1px #999999;
	padding-top:10px;
	padding-left:15px;
	padding-right: 15px;
	background-color:#CCFF99;
	width:700px;
	float:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#wrapper{
	margin: 0 auto;
	width:700px;
	/* position: absolute;
	left:50%;
	margin-left:-550px; */
}
#content, input,.def, textarea{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;}

input[type="text"]{
	font-size:100%;
	padding:0px;
}
h2{ 
	font-family: arial, Helvetica, sans-serif;
	text-shadow:2px 2px 2px #CCCCCC;
	color:black/* #575757 */
} 
.hdr{
	font-size:16px;
	font-family: arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black
} 
.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; background-color:#C9F49F }
.list-l{ text-align:left }
.list-n{ padding:3px 0px; margin:2px 0px }
.list-l-n{ text-align:left;padding:3px 4px;margin:2px 4px; }

.strike{ text-decoration:line-through }
.wrong{
	background-color:#FDA893;
	color:#333333
}
.right{
	background-color:#9EFF79;
	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
}
.s-table td ul{ margin-left:0px; }
.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;
}
#tablimg td{ padding:0px 15px; vertical-align:bottom; }
.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 }