@CHARSET "UTF-8";

body {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	align: center;
	line-height: 1;
	color: black;
	background: white;
}

#middlebodybox {
	height: 76%;
	width: 100%;/*85% -> 100%*/
	margin: 0 auto;
}

#classmarkbox
{
	width: 42.5%;/*420, 385 -> 46.5%*/
	margin: 0 auto;/*10px 0px 10px 10px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 4px;
	border: 1px solid #aaaaaa;
    height: 533px;/*520px*/
}

#expandbox {
	width: 3%;/*20px -> 1.5% -> 2% -> 3% resolve the middle part align up and down */
	margin: 0 auto;/*10px 0px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 0px;
	background-color: white;
	background-image: url(../image/arrow_right.png);
    height: 533px;
}

#recordbox
{	
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.1em;
	margin: 0 auto;/*10px 10px 10px 0px;*/list-style:none;
	width: 54.5%;/*520 371 381 -> 48% -> 49.5% -> 50.5% resolve the middle part align up and down */
	float: left;
    background-color: white; /*#ebebff;*/
    overflow: auto;
    height: 533px;
  	padding: 4px;
    border: 1px solid #aaaaaa;
}

#extjsbox
{
/* 	width: 95%;420, 375px -> 49.5% -> 95% resolve the nkos tree title is displayed partly! */
	margin: 0px 0px 0px 0px;/*0 -> 10*/
	float: left;
	overflow: hidden;/*scroll auto*/
	padding: 0px;
	border: 0px solid #aaaaaa;
/*  height: 95%;520 -> 505px */
    clear: left;
    text-align: left;/*对齐树的子孙结点*/
}
 
.debugbkg
{
	background-color: white;/*#efefff;*/
}

#openclosemenu {
    float: center;
    width: 100%;/*375 -> 95%*/
    clear: left;
    background-color: #efefff;
    color: black;
    height: 1.5em;    
    margin-bottom: 5px;
    /*background-color: #F2FAFD;*/
}

#openclosemenu a
{
    color: black;
    padding:  2px;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
	line-height: 1.5em;
    vertical-align: middle;
}

#nkosTree
{
    float: left;
    width: 95%;/*375 -> 95%*/
    clear: left;
    color: black;
    margin-bottom: 10px;
    text-align:left;/*对齐树的子孙结点*/
}

#fTree
{
    float: left;
    width: 375px;
    clear: left;
    color: black;
    margin-bottom: 10px;
    text-align:left;/*对齐树的子孙结点*/
}

.fronthint
{
    float: left;
    width: 204px;/*fronthint包含在recordbox里*/
    margin-left: 2.5em;
    margin-right: auto;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 3em;
    line-height: 1.2em;
    color: #dedede;
    margin-top: 30px;
}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr                |
|--------------------------------------------------*/

.nodetag {
	font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*color: #4444AA;*/
}

.largenodetag {
	font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*color: #4444AA;*/
}

.auxiliary {
	font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bb0000;
}

.specialauxiliary {
	font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000bb;
}

.commonauxiliary {
	font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000bb;    
}

.wait
{
    width: inherit;
    float: left;
    font-size: 55px;
    color: #aaaaaa;
    text-align: center;
    line-height: 60px;
    margin-top: 200px;
}

#NKOSRecord {
	height: 100%;/*25px*/
	width: 100%; padding-top: 2%;
	font-size:15px;
	margin:0px;
	padding:0px;
	/*border-bottom:1px solid #696;改在下面去了*/
	text-align:left;/*对齐树的子孙结点*/
}

#NKOSRecord ul,#NKOSRecord li,#NKOSRecord ul.li,#NKOSRecord li.ul {
	/*height:38px;*/
	margin:0px;
	padding:0px;
	display:block;/*inline换行显示*/
	list-style-type:none;/*square li去点*/
	/*border-bottom:1.5px solid #90f;*/
	/*font-weight:bold;字体加粗*/
	/*font-size:30px;*/
	width: 100%;
}

#NKOSRecord a {
	float:inline;/*left*/
	line-height:25px;
	font-weight:bold;
	margin:0px 10px 0px 10px;
	text-decoration:none;
	color:#0000ff;/*9c9 faf #ff0000*/
} 

h2{ line-height:22px; font-family:"Times New Roman", Times, serif; background:#97694F; font-size:1.8em; color:#black; }/*22 ff 0000 -6*/

h3{ font-family: "Times New Roman", Times, serif } /*隶书 宋体*/

h4,ul,li{ text-align:left; margin:0px; padding:0px; font-family: "Times New Roman", Times, serif; }

#NKOSRecord p {
	float: inline;
	font-weight: normal; /*bold*/
	text-decoration: none;
	/*border-top: 3px solid #f9f;*//*20140327*/
	/*border-bottom: 3px solid #f9f;*/
	
	/*word-break:normal;*/
	word-wrap: break-word;

}

#NKOSRecord a.active, #NKOSRecord a:hover {
	border-bottom: 4px solid #696;
	color: #363;
}

#middlebodybox1 {
	height: 76%;
	width: 100%;/*85% -> 100%*/
	margin: 0 auto;
}

#classmarkbox1
{
	width: 47.5%;/*420, 385 -> 46.5%*/
	margin: 0 auto;/*10px 0px 10px 10px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 4px;
	border: 1px solid #aaaaaa;
    height: 533px;/*520px*/
}

#expandbox1 {
	width: 2%;/*20px -> 1.5% -> 2% -> 3% resolve the middle part align up and down */
	margin: 0 auto;/*10px 0px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 0px;
	background-color: white;
	background-image: url(../image/arrow_right.png);
    height: 533px;
}

#recordbox1
{	
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.1em;
	margin: 0 auto;/*10px 10px 10px 0px;*/list-style:none;
	width: 48%;/*520 371 381 -> 48% -> 49.5% -> 50.5% resolve the middle part align up and down */
	float: right; /*left -> right resolve the middle part align left and right */
    background-color: white; /*#ebebff;*/
    overflow: auto;
    height: 533px;
  	padding: 4px;
    border: 1px solid #aaaaaa;
}