body {background:#fff;font-size:12px;margin:0;padding:0;font-family: Verdana,sans-serif;}
#hd {background:#fff url("../cssimg/hc_topbg.gif") 0 0 repeat-x;height:38px;}
a.logo, a.logo img {border:none;}
a.logo {display:block;width:114px;height:28px;overflow:hidden;position:absolute;top:5px;left:8px;}
#hd h1 {margin:0;padding:11px 0 0 124px;font-size:16px;color:#fff;float:left}
#hd .links {text-align:right;color:#aaa;padding:11px 12px 0 0;}
#hd .links a {color:#fff;text-decoration:none;}
#hd .links a:hover {color:#9be033;text-decoration:underline}

#hc_layout {
  /*height: 400px;*/
  margin: 0;
  border: 6px solid #d5f1f1;
}
#LeftPane {
	background: #fff;
	padding: 0;
	overflow: hidden;
	width: 300px;		/* optional, initial splitbar position */
	/* No margin or border allowed */
}

#RightPane {
	background: #fff;
	padding: 0;
	min-width: 100px;
	overflow: hidden;
	/* No margin or border allowed */
}
#lholder{
  border:1px solid #80d3db;
  overflow:auto;
  padding:0;
  /*height:100%;*/
}
#rholder{
  border:1px solid #80d3db;
  overflow:auto;
  padding:0;
  /*height:100%;*/
}

#hc_layout .vsplitbar {
	width: 6px;
	background: #d5f1f1 url(../cssimg/vgrabber.gif) no-repeat center;
}
#hc_layout .vsplitbar.active, #hc_layout .vsplitbar:hover {
	background: #bbb url(../cssimg/vgrabber.gif) no-repeat center;
}

#loadingmsk {position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url("../cssimg/loading.gif") no-repeat center;}

#indexlink {
  padding:0 0 0 26px;
  *padding:2px 0 0 26px;
  font-weight:bold;
  color:#222;
  margin:4px 0 0;
  *margin:6px 0 0;
  cursor:pointer;
  background:transparent url("../cssimg/icon_index.gif") no-repeat 8px 50%;
}
#indexlink a {
  color:#222;
  text-decoration:none
}
#indexlink a:hover, #indexlink a.active {
  color:#117c8a
}

#menus {
  padding:0px 6px 6px;
}
#menus .mtt {
  padding:3px 0 3px 20px;
  *padding:4px 0 2px 20px;
  font-weight:bold;
  color:#222;
  margin:4px 0 0;
  cursor:pointer;
  background:#f1f1f1 url("../cssimg/icon_off.gif") no-repeat 2px 50%;
}
#menus .selected {
  background:#eaf7f7 url("../cssimg/icon_on.gif") no-repeat 2px 50%;
  color:#177c8a;
  cursor:default
}

ul.menusBox {
  padding:0 0 0 18px;
  margin:0 0 8px;
}
ul.menusBox li {
  list-style:none;
  padding:2px 0 2px 18px;
  margin:1px 0 0;
  line-height:120%;
  font-size:12px;
  background:transparent url("../cssimg/icon_sb.gif") no-repeat 0 0;
}
ul.menusBox li.parent {
  background:transparent url("../cssimg/icon_sbs.gif") no-repeat 0 0;
}
ul.menusBox li.parent span {color:#666}
ul.menusBox li ul {
  padding:0;
  margin:0;
}
ul.menusBox li a {
  color:#333;
  text-decoration:none;
  outline:none
}
ul.menusBox li a:hover {
  color:blue;
  text-decoration:underline
}
ul.menusBox li a.active {
  color:#117c8a;
  background:#ffc
}

#rcontent {
  padding:10px 10px 20px;
  line-height:150%;
}

h1, h2, h3, h4, h5 {
  font-weight:bold;
  margin:3px 0 5px;
  padding:2px 0;
}
#rcontent h1 {
  font-size:20px;
}
#rcontent h2 {
  font-size:18px;
}
#rcontent h3 {
  font-size:16px;
}
#rcontent h4 {
  font-size:14px;
}
#rcontent h5 {
  font-size:13px;
}

.hr {
  background:#ccc;
  height:1px;
  line-height:1px;
  margin:5px 0;
  overflow:hidden;
}

.att {color:red;}
.bs {color:#117c8a}
.bsb {font-weight:bold;color:#117c8a}

#rcontent ul li, #rcontent ol li {
 padding-bottom:6px
}

.code{
	border-style:solid;
	border-width:1px;
	border-color: #999999;
	font-family: sans-serif;
	font-size: 12px;
}
.comment {
	font-family: sans-serif;
	font-size: 12px;
	color: #999999;
}