.H1,
.H2,
.H3,
.know,
.dtree,
.dtreel{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.H1,
.H2,
.H3,
.know,
.dtreel{
	color: #666;
}

.H1 {
	font-size: 1.5em;
	font-weight: bold;
}
.H2 {
	font-size: 1.25em;
	font-weight: bold;
}
.H3 {
	font-weight: bold;
}
/* dTree on black background */
.dtree { 
	color: white;
	white-space: nowrap;
	font-weight: bold;
	line-height: 150%;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: white;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #0000cd;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
/* dTree on light background */
.dtreel {
	white-space: nowrap;
}
.dtreel img {
	border: 0px;
	vertical-align: middle;
}
.dtreel a {
	color: #333;
	text-decoration: none;
}
.dtreel a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtreel a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtreel a.nodeSel {
	background-color: #c0d2ec;
}
.dtreel .clip {
	overflow: hidden;
}

body {
	margin:0;
	padding:0;
	border:0;			
	width:100%;
	font-size:90%;
	font-family: sans-serif;
	/*background:#D4CAB6 url(img/bg/tt9.png) repeat; */
	background-color:#C6DEFF; 
} 

div.mlogin { 
	color: blue;
}
div.news {
	color: #008B45;
	padding-top:38px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:19px;
	font-family: "comic sans MS", arial, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
}
a.darkbg:link { color: #0000FF; }
a.darkbg:visited { color: #0000FF; }
a.darkbg:hover { color: #9400D3; }
a.darkbg:active { color: #9400D3; }

span.uans { color: #2e8b57; }
span.cans { 
	color: #6a5acd;
    background-color:yellow;
}
div.qtext { 
	page-break-inside:avoid;
}
div.hint { 
	color: #a52a2a; 
    padding-top:19px;
	page-break-inside:avoid;
}
div.hidehint { 
	color: #a52a2a; 
    padding-top:19px;
	display:none;
}
span.mem{ 
	font-weight: bold;
}
span.mpackage{ 
	font-weight: bold;
}
div.intro {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    text-indent: 30px;
    line-height:22px;
	text-align:left; 
    padding:19px;
}
li.faqq {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
    font-weight: bold;
	color: #000080;
	text-align:left; 
}
div.answer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	text-align:left; 
    font-weight: normal;
}

div.banner{
}

span.c1{
	color:red;
}
span.c2{
	color:blue;
}
span.blank{
	padding-left:77px;
	border-bottom:solid 1px black;
}

div.content{
	text-align:left; 
}

table.topone{
	width:100%;
}

tr.rall{
	width:100%;
}

td.call{
	width:100%;
}

td.qodd{
	background-color:#ffe4b5;
	padding-top:30px;
	padding-bottom:30px;
	text-align:left;
}
td.qeven{
	background-color:#dcdcdc;
	padding-top:30px;
	padding-bottom:30px;
	text-align:left;
}

td.menu{
	border-right:solid 1px green;
	border-left:solid 1px green;
	border-top:solid 1px green;
	border-bottom:solid 1px green;
    padding-left:11px;
    padding-top:19px;
    border-right-style:outset;
	width:185px;
    min-height:325px;
    height:auto !important;
	height:325px;
	vertical-align:top;
	text-align:left; 
}

table.header {
	background:#7EC0EE; 
    border-top:solid 2px #8a2be2;
    border-left:solid 2px green;
    border-right:solid 2px green;
    border-bottom:solid 2px blue;
	text-align:center;
	position:relative;
    width:100%; 
}

table.tlogin {
	border: medium double #8a2be2;
	font-size:0.7em;
	border-collapse:collapse;
}
.tlogin td {
	border:solid 1px green;
	text-align:right;
	padding:0 0 0 0;
}

td.main{
	vertical-align:top;
}

td.cleft{
	border-right:solid 1px green;
	border-left:solid 1px green;
	border-top:solid 1px green;
	border-bottom:solid 1px green;
    padding-left:11px;
    padding-top:19px;
    border-right-style:outset;
	width:180px;
}

td.banner1{
	width:30%;
	text-align:left;
}

td.banner2{
	width:40%;
	text-align:center;
}

td.banner3{
	width:30%;
	text-align:center;
}

div.footer {
	background:#7EC0EE; 
	text-align:center;
    font-style:italic;
    border-top:solid 1px red;
    border-left:solid 1px green;
    border-right:solid 1px green;
    border-bottom:solid 1px blue;
    width:100%; 
    padding-top:19px;
    padding-bottom:19px;
}
span.mtop{
    border-top:solid 1px;
}
span.mdisplay{
    font-family: "comic sans MS", arial, sans-serif;
	font-size:1em;
	color:blue;
}

span.crossout{
    font-weight: normal;
}
span.emph{
    font-weight: bold;
}
span.uline {
	text-decoration: underline;
}
div.uline {
	background-color:#87ceeb;
	text-align:center;
    width:150px; 
    padding-top:19px;
    padding-bottom:19px;
	text-decoration: underline;
    font-weight: bold;
}

span.correct{
	font-family: Arial Unicode MS,sans-serif;
	color:green;
    font-weight: bold;
}

span.wrong{
	font-family: Arial Unicode MS,sans-serif;
	color:red;
    font-weight: bold;
}
div.warning{
	color:red;
}
div.lspace{
    padding-top:19px;
	page-break-inside:avoid;
}
div.mcmd{
    padding-top:19px;
    padding-bottom:19px;
    border:solid 1px blue;
	background-color:#87ceeb;
	text-align:center;
}
span.sbutton{
	color:#ff6a6a;
	background-color:#98f5ff;
	font-weight:bold;
	border: medium double #8a2be2;
}
div.lchoice{
    padding-top:4px;
    padding-bottom:4px;
}
span.sfont{
	font-size:0.8em;
}
table.sfont{
	font-size:0.9em;
}
div.sfont{
	font-size:0.8em;
}
div.srate{
	font-size:0.9em;
}
div.qmodify{
	text-align:center;
}
table.qmodify{
	text-align:center;
}
table.oneLine{
	text-align:center;
	width:600px;
}
table.twoLine{
	text-align:center;
}
div.direction{
	font-weight: bold;
}
td.direction{
	font-weight: bold;
	text-align: left;
}
div.aligncenter{
	text-align:center;
}
td.aligncenter{
	text-align:center;
}

div.nocopy{
  min-height:500px;
  height:auto !important;
  height: 500px;
}

div.archive{
	text-align:left;
}

div.toppane{
	vertical-align:top;
    min-width:600px;
    width:auto !important;
    width:100%;
	/*font-family:'Times New Roman', Times, serif; */
	font-family: Arial Unicode MS,sans-serif;
	text-align:center;
	margin:0 auto;
}
div.bottompane{
	vertical-align:top;
    min-width:600px;
    width:auto !important;
    width:100%;
	/*font-family:'Times New Roman', Times, serif; */
	font-family: Arial Unicode MS,sans-serif;
	text-align:center;
	margin:0 auto;
}
div.middlepane{
	vertical-align:top;
    min-width:600px;
    width:auto !important;
    width:100%;
	/*font-family:'Times New Roman', Times, serif; */
	font-family: Arial Unicode MS,sans-serif;
	text-align:center;
	margin:0 auto;
}
#middleinner{
	text-align:left;
	padding-left:7px;
	padding-bottom:10px;
    min-height:500px;
    height:auto !important;
	height:500px;
}
div.qall{
	text-align:center;
}

div.extrainfo{
	text-align:left;
}

table.qhtml{
}

span.vblcls{
	font-weight: bold;
	margin-left: 19px;
}

span.vblana{
	font-weight: bold;
	margin-left:19px; 
}

span.eqmaker{
	font-weight: bold;
	margin-left: 19px;
}

table.vblcls{
	display: inline;
	font-weight: bold;
	margin-left:19px; 
}

table.vblana{
	display: inline;
	font-weight: bold;
	margin-left:19px; 
}

table.eqmaker{
	display: inline;
	font-weight: bold;
	margin-left:19px;
}

ul.level0{
	list-style-type: square;
   	text-indent: 0px;
	padding-top:19px; 
	padding-bottom:19px; 
}
.level0  li{
	padding-top:19px; 
}

ul.level1{
	list-style-type: square;
   	text-indent: 0px;
}
ul.level2{
   text-indent: 0px;
}
ul.level3{
   	text-indent: 0px;
	padding-top: 7px;
	padding-bottom:19px; 
}

* html div.layer2 {
	padding-left:600px;
}

* html div.layer4 {
	margin-left:-600px;
	position:relative;
}

/*\*/
* html div.layer2, * html .layer3, * html div.layer4, * html div.content  {
	height:1px;
}
/**/

div.mm1{
   color:blue;
   font-family: "comic sans MS", arial, sans-serif; 
   padding-left:10px;
}

ul.mm1 {
	list-style-type:none;
}

li.mm1{
	margin-left:-19px;
	padding-top:4px;
	list-style-type:none;
    text-decoration: underline;
    font-weight: bold;
}
li.mmg{
	margin-left:-19px;
	padding-top:4px;
	list-style-type:none;
    font-weight: bold;
}
li.mm2{
	margin-left:-19px;
	padding-top:3px;
	list-style-type:none;
    text-decoration: underline;
	font-size:1.2em;
    font-weight: normal;
}
a.mm1  {
  text-decoration: underline;
  color: blue; 
}
a.mm1:hover {
  color: red;
}
a.mm2  {
  text-decoration: underline;
  color: blue;
}
a.mm2:hover {
  text-decoration: none;
  color: red;
  }
td.mm1{
	border-style: outset;
	text-align:center;
}
td.mmg{
  border-style: outset;
  text-decoration: underline;
  text-align:center;
  color: blue; 
}
td.mm2{
	border-style: inset;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}
td.sinsert{
	border: medium double black;
}

table.mm1{ 
	width:151px;
	font-size:1.1em;
}
table.mm2{ 
	margin-top:10px;
	left:143px;
	width:151px;
	text-align:center;
	display:none;
	background-color:#ffe4b5;
}

/* for checkout */
div.checkout{
	text-align:left;
}
table.checkout{
   	margin-top:19px; 
   	border-style: solid;
   	border-width: 2px;
   	margin-bottom: 19px;
}
.checkout td{
	text-align:center;
	vertical-align:middle;
   	border-style: solid;
   	border-width: 2px;
	background-color:#ffe4b5;
}

div.checkout2{
	text-align:center;
	font-size:1.2em;
    font-weight: bold;
    min-height:400px;
    height:auto !important;
	height:400px;
}
div.gcheck{
	font-size:1.2em;
    font-weight: bold;
	text-align:left;
    text-indent: 19px;
}
ul.gcheck{
	text-align:left;
	font-size:1.33em;
}
li.gcheck{
	margin-left:38px;
	font-size:1em;
}
div.gmsg{
    text-indent:19px; 
}
div.gmsg2{
    text-indent: 19px;
}
table.gtable{
   	border-style: solid;
   	border-width: 2px;
   	width: 650px;
}
table.mtable{
   	border-style: solid;
   	border-width: 2px;
   	width: 500px;
}
table.qsummary{
   	border-style: solid;
   	border-width: 1px;
   	width: 600px;
}
table.mdemo{
   	border-style: solid;
   	border-width: 1px;
   	width: 620px;
	font-size:0.92em;
   	margin-bottom: 22px;
}
table.mgame{
   	border-style: solid;
   	border-width: 1px;
   	width: 620px;
	font-size:0.92em;
	padding: 30px 30px 19px 19px;
}
table.mgts{
   	border-style: solid;
   	border-width: 1px;
	font-size:0.92em;
   	width: 600px;
}
table.mreg{
}
.mgame caption, .mdemo caption, .mreg caption, .qsummary caption, .mtable caption, .gtable caption{
	text-align: center;
	font-size:1.2em;
    text-decoration: underline;
}
.mgame th, .mgts th, .mdemo th, .mreg th, .qsummary th, .mtable th, .gtable th{
	text-align: center;
   	border-style: solid;
   	border-width: 2px;
	background:#7B68EE;
}
.mgame td, .mgts td, .mdemo td, .mreg td, .qsummary td, .mtable td{
	text-align: center;
   	border-style: solid;
   	border-width: 1px;
	background:#7EC0EE;
}
.gtable td{
	text-align: center;
   	border-style: solid;
   	border-width: 1px;
	background:#7EC0EE;
	padding-left:19px;
	padding-right:19px;
}
table.madjust{
	width: 500px;
	padding: 30px 30px 30px 30px;
}
table.minfo{
	width: 500px;
}
.minfo caption, .madjust caption{
	text-align: center;
	font-size:1.2em;
    text-decoration: underline;
}
.minfo th {
	text-align: center;
	padding-right:4px;
   	border-style: solid;
   	border-width: 2px;
	background:#ED9121;
}
.minfo td {
	text-align: left;
	padding-left:4px;
   	border-style: solid;
   	border-width: 1px;
	background:#ED9121;
}
.madjust td {
	padding: 1px 2px 1px 2px;
}
table.mcell{
	text-align: center;
	border-collapse:collapse;
}
.mcell td {
	width:38px;
	height:38px;
   	border: 2px solid;
}
td.mfolder{
	width:189px;
    vertical-align:top; 
	border-right:solid 1px green;
}
td.mbleft{
	text-align: left;
}
td.mbright{
	text-align: right;
}
input.mbutton{
	background:#ED9121;
}
td.mmain{
	width:80%;
	padding: 19px;
	border:solid 1px green;
}
div.qtitle{
	text-align: center;
	font-size:1.5em;
    font-weight: bold;
    text-decoration: underline;
   	width: 600px;
}
span.qtitle{
	font-size:1.5em;
    font-weight: bold;
    text-decoration: underline;
}
div.mnote{
	font-size:0.92em;
}
table.mnums{
	width:400px;
	table-layout:auto;
}
span.meven{
}
.meven span{
	padding-left:19px;
}

#mkpanel{
	position:relative;
    min-height:600px;
    height:auto !important;
	height:600px;
}

#mkpanel .vsplitbar {
	float:left;
	width: 2px;
	cursor: e-resize;	/* in case col-resize isn't supported */
	background: #def url(img/vgrabber2-normal.gif) repeat-y left;
    min-height:600px;
    height:auto !important;
	height:100%;
	top:0px;
	left:171px;
}
#mkpanel .vsplitbar.active, #mkpanel .vsplitbar:hover {
	background: #def url(img/vgrabber2-active.gif) repeat-y left;
}

div.mindex{
}
div.mmenus{
	margin-left:19px;
}
#MDISP {
	float:left;
	top:0px;
	width:900px;
    min-height:600px;
    height:auto !important;
	height:600px;
	overflow-x:auto;
}

div.qshow{
	border:dotted 1px green;
	margin-top:8px;
	margin-bottom:8px;
}
table.msat {
	border: solid 1px black;
	text-align: center;
	border-collapse:collapse;
	background-color:#faebd7;
	width:75px;
}
span.msatin {
	width:19px;
	font-weight:bold;
}
td.msatc1 {
	width:19px;
	height:22px;
	border-right:solid 1px grey;
	border-bottom:solid 1px grey;
	padding:0 0;
}
td.msatc2 {
	width:19px;
	height:19px;
	border-right:solid 1px grey;
	background-color:#f0f8ff;
	padding:0 0;
}
td.msatc3 {
	width:19px;
	height:19px;
	border-right:solid 1px grey;
	border-bottom:solid 1px grey;
	background-color:#f0f8ff;
	padding:0 0;
}
img.msatimg {
	cursor:pointer;
	width:19px;
	height:19px;
}
td.qnums {
	width:189px;
	text-align:center;
}

#mwrapper{
	width: auto;
	position:relative;
	min-width:720px;
	margin-bottom:19px;
}

#page {
	position:absolute;
	min-width:600px;
	min-height:100%;
	height:100%;
	top:0;
	left:0;
	font-size: 0.9em;
}
.clearall{
	clear: both;
	line-height: 1px;
}
#mfooter {
	/*position:fixed;
	bottom:0;
	*/
	width:100%;
	text-align:center;
	background-color:#7EC0EE; 
	/*height:20px;*/
}

html, body, #page {
	/*min-height:100%; */
	width:100%;
	/*height:100%; */
}
html>body, html>body #page {
	height:auto;
}

span.nobreak { white-space: nowrap; }
td.fcell { text-align: center;white-space: nowrap; }
td.qcell { white-space: nowrap; }
td.upper_line { text-align: center; border-top:solid 1px black; }
table.frac_center { 
	text-align: center; 
	vertical-align: middle; 
	margin-top:0.5em; 
	margin-bottom:0.5em; 
	line-height: 2em; 
}
table.fraction { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	text-align: center; 
	display: inline; 
}
table.sqrt { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	text-align: center; 
	display: inline; 
}
table.mix { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	text-align: center; 
	display: inline; 
}
html>body table.fraction{
	display: inline-block; 
}
html>body table.sqrt {
	display: inline-block; 
}
html>body table.mix {
	display: inline-block; 
}

body {
	margin:0;
	padding:0;
}

/* header 3 columns */
#hcheader {
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	background:#7EC0EE; /* column 3 background colour */
    border-top:solid 2px #8a2be2;
    border-left:solid 2px green;
    border-right:solid 2px green;
	border-bottom: medium double #8a2be2;
}
#hcol1 {
	float:left;
	width:28%;
	position:relative;
	text-align:center;
	overflow:hidden;
	left:0px;
}
#hcol2 {
	float:left;
	width:40%;
	position:relative;
	left:0px;
	text-align:center;
	overflow:hidden;
}
#hcol3 {
	float:right;
	width:28%;
	position:relative;
	right:0px;
	text-align:center;
	overflow:hidden;
}
 
#bc33 {
	width:100%;
	overflow:hidden;
	background-color:#C6DEFF;  /* column 1 background colour */
}
#bc32 {
	clear:right;
	float:right;
	width:100%;
	position:relative;
	left:17.5%;
	background-color:#C6DEFF;  /* column 2 background colour */
}
#bc31 {
	float:right;
	width:100%;
	position:relative;
	left:0.5%;
	background:#D4CAB6 url(img/bg/tt9.png) repeat; /* column 3 background colour */
}
#c31 {
	float:right;
	width:17.5%;
	position:relative;
	right:18%;
	overflow:hidden;
	padding-top:19px;
}
#c32 {
	float:right;
	width:0.5%;
	position:relative;
	right:18%;
}
#split1, #split2 {
	width:5px;
	/*background: #def url(./img/vgrabber2-normal.gif) repeat-y left; /* split background colour */
	background: #def url(./img/spliter.png) repeat-y left; /* split background colour */
	height:400px;
	cursor: e-resize;
}
#c33 {
	float:right;
	width:82%;
	position:relative;
	right:18%;
	overflow:auto;
}

/* 5 column setting*/
/* Start of Column CSS */
#bc55 {
	width:100%;
	overflow:hidden;
	background-color:#C6DEFF; /* column 1 background colour */
}
#bc54 {
	clear:right;
	float:right;
	width:100%;
	position:relative;
	left:16%;
	background-color:#C6DEFF; /* column 2 background colour */
}
#bc53 {
	clear:right;
	float:right;
	width:100%;
	position:relative;
	left:0.5%;
	background:#D4CAB6 url(img/bg/tt9.png) repeat; /* column 3 background colour */
}
#bc52 {
	clear:right;
	float:right;
	width:100%;
	position:relative;
	left:65%;
	background-color:#C6DEFF; /* column 4 background colour */
}
#bc51 {
	float:right;
	width:100%;
	position:relative;
	left:0.5%;
	background-color:#C6DEFF; /* column 5 background colour */
}
#c51 {
	float:right;
	width:16%;
	position:relative;
	right:84%;
}
#c52 {
	float:right;
	width:0.5%;
	position:relative;
	right:84%;
	overflow:hidden;
}
#c53 {
	float:right;
	width:65%;
	position:relative;
	right:84%;
	overflow:auto;
}
#c54 {
	float:right;
	width:0.5%;
	position:relative;
	right:84%;
	overflow:hidden;
}
#c55 {
	float:right;
	width:16%;
	position:relative;
	right:84%;
	overflow:hidden;
}
#mlogout, #MTimer{
	padding-top:19px;
}