@charset "utf-8";

#back{ 
	font-family: "Times New Roman", Times, serif;
	font-size:14px; 
	font-weight:100;
	background-color:#F9EDCA;
	padding:4px;
	margin-bottom:4px
}
#menu{
	width:770px;
	background-color:#F7F6B7;
	float:none;
	border:solid 1px #999999;
	border-bottom:none;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	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-size:10px;
    font-weight:bold;
	padding-left:30px;
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
	border-top:solid 1px  #999999;
    height:16px;
}
#menu a:hover{
	color:#000000;
	background-color:#FFFED8;/*:#CCFF99;*/
	font-size:11px;
	font-weight:bold;
	/*text-shadow:1px 1px 1px #000;*/
}
#menu a.active{ 
	color:#000000;
	background-color:#AEFF5E;
}

.b-navPanel a{
	text-decoration:none;
	margin:0px 20px;
	font-family:arial, Helvetica, sans-serif;
	font-size:14px;
}

#content{
	padding-top:10px;
	border:solid 1px #999999;
	padding-left:15px;
	padding-right: 15px;
	background-color:#F7F6B7;
	width:770px;
	float:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#wrapper{
	margin: 0 auto;
	width:800px;
	/* position: absolute;
	left:50%;
	width:700px;
	margin-left:-550px; */
}
#content, input,.def,textarea{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;}
h2{ 
	font-size: 20px;
    font-family: arial, Helvetica, sans-serif;
	text-shadow:2px 2px 2px #CCCCCC;
	color:#575757
} 
.hdr{
	font-size:16px;
	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{	}

/*-----LIST------*/
ul.sort, ul.no-sort{ 
	margin:0;
	padding:0 0 0 0;
	list-style-type: none
}
.sort li, .no-sort li{ 
	padding:3px 4px;
	margin:2px 4px;
}
.sort li{
	background-color:#EFEEA0;	
}
.no-sort li{
	background-color:#F7F6B7;
}

.list-r{ text-align:right }
.list-l{ text-align:left }

/*.list-r-n{ text-align:right;padding:3px 4px;margin:2px 4px; }
.list-l{ text-align:left }
.list-n{ 
	padding:3px 4px;
	margin:2px 0px;
	background-color:#FFFED3
 }
.list-l-n{ text-align:left; padding:3px 4px; margin:2px 4px; } */
/*-----LIST------*/

.strike{ text-decoration:line-through }
.wrong{
	background-color:#FDA893 !important;
	color:#333333 !important
}
.right{
	background-color:#9EFF79 !important;
	color:black !important
}
.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 }

.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;
}
input[type="text"]{
	font-size:100%;
	padding:0px;
}
.d-border{ 
	border-style:dotted;
	border-width:1px;
	border-color:gray
}
.bottomlink{ text-align:center }

.s-table{ 
	border:none;
	margin:0 auto;
	margin-top:4px;
	border-collapse: collapse;
}
.s-table td{
	
	padding:0;
	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;
}
.cross-w-table{ 
	border:none;
	/* cursor:pointer; */
	border-collapse: collapse;
	empty-cells:hide;
	margin:5px 0;
}
.cross-w-table td{
	vertical-align:middle !important;
	text-align:center;
	font-weight:bolder;
	font-size:16px; 
	padding:0px;
	height:28px;
	width:28px;
}
.inS{
	text-align:left;
	font-size:10px;
	display:inline;
	color:red;
	text-align:left;
	vertical-align:super;
	margin:0 0 -5px 0;
}
.c-container{
	border:1px solid black !important;
	cursor:pointer;
}
.empty{
	border:none !important;
}
.b-active{
	background-color:yellow !important; 
}

fieldset{
	margin-top:10px;
}

.e-block{background-color:black !important;}
.w-head{	/* background-color:#F2F4F3 !important; */
}
.cross-pos{font-weight:bolder}
.page-title{
	text-align:center;
	font-weight:bolder;
	font-family:arial, Helvetica, sans-serif;
	font-size:14px;
}
.task-title{
	font-weight:bolder;
	font-family:arial, Helvetica, sans-serif;
	font-size:14px;
}
.question-title{
	font-weight:bolder;
	font-family:arial, Helvetica, sans-serif;
	font-size:14px;
}

.menu-first{
	border-top-style:none !important;
	padding-top:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px
}
.menu-last{
	padding-bottom:10px;
	/* border-bottom-style:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px */
}