body, input, textarea {
	font:12px ËÎÌå, Arial;
}
body, div, h2{
	color:#333;
	margin:0;
	padding:0
}
a {
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#ff6c00;
}
img {
	border:none
}
form{
	margin:0;
	padding:0;
}
#container {
	background:#f6ffea url(bg.jpg) repeat-x;
    zoom:1;
	text-align: left
}
#write-bg{
	width:840px;
	margin:0 auto;
	background:#fff;
}
#container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both
}
#body {
	width:840px;
	margin:0 auto;
	padding-top:5px;
}
#column_0{
	display:none;
}
#column_1 {
	float:left;
	width:568px;
}
#column_2 {
	float:right;
	width:264px;
}
#column_login{
	float:right;
	width:264px;
}
.md {
	background:#fff;
	border:1px solid #dadada;
	margin:0 0 10px;
}
.mb {
	clear:both;
	color:#333;
	height:165px;
	overflow:hidden;
	position:relative;
}
.md h2 {
	font-size:14px;
	font:14px/1.2 ËÎÌå normal 700;
	height:24px;
	padding:6px 6px 0
}
ul.mh {
	list-style:none;
	height:30px;
	padding:0 0 0 1px
}
.mh, .md h2 {
	cursor:move;
	background:#fff url(m_bg.gif) repeat-x;
}
.login h2 {
	color:#fff!important;
	cursor:auto;
	background:#fff url(tab.gif) no-repeat left top;
}
.mh li {
	float:left;
	height:30px;
	background:none;
	margin:0 -1px;
	padding:0 8px 0 1px
}
.md h2, .md h2 a {
	color:#5386bb;
}
.mh li h2, .mh li h2 a {
    white-space:nowrap;
	color:#868686;
	font-weight:bold;
}
.mh li h2 a:hover {
	color:#ff932a
}
.mh li.cur {
	position:relative;
	background:url(tab.gif) no-repeat center top;
	padding-bottom:5px;
	margin-bottom:-5px
}
.mh li.cur h2, .mh li.cur h2 a {
	color:#ff6c00;
	font-weight:700
}
.mh li h2 {
	float:left;
	background-position:0 0;
	height:24px;
	background:url(tab-sep.gif) no-repeat 0 7px;
	padding:6px 0 0 8px
}
.mh li.cur h2 {
	background-position:0 -80px;
	padding-left:14px
}
.mh li.cur h2 i {
	display:block;
	width:0;
	padding:0 0 0 14px
}
.md i {
	float:right;
	display:inline;
	font:0/0 Arial;
	width:14px;
	height:14px;
	background:url(sprite.gif) no-repeat 100% -39px;
	cursor:pointer;
	text-indent:-999em;
	margin:0 0 0 1px
}
.md i.del {
	background-position:-301px -39px
}
.md i.exp {
	background-position:-315px -39px;
	background-image:url(sprite.gif);
	position:relative;
	right:-8px;
	top:-4px;
	margin-left:-3px
}
.md i.min {
	background-position:-287px -39px
}
.mh li.i {
	float:right;
	display:inline;
	height:auto;
	margin:0 6px 0 0;
	padding:7px 0 0
}
.mh li i {
	float:left;
	margin:0 1px 0 0
}
.md h2, .md h2 a, .mh li h2, .mh li h2 a {
	color:#666;
	font-size:14px;
	font-weight:700
}
.mh li.cur h2, .mh li.cur h2 a, .mh li.cur h2 a:hover {
	color:#fff;
	font-size:14px;
	font-weight:700
}
.mh li.first h2, .global-nav-links td.first {
	background:none
}
.md_replace {
	border:2px dashed #f60;
	margin:0 0 10px
}
.md_activeborder {
	border:2px dashed #ff0;
	position:absolute
}
.md_dm {
	height: 1px
}
.hide {
	display:none
}
.md h2 a {
	float:left
}

#header{
	width: 840px;
	margin: 0px auto;
	position: relative;
	clear:both;
}
#logo{
	height:76px;
	background:url(header.jpg) no-repeat;
}
#logo .ad-short{
	float:right;
	width:450px;
	height:76px;
	overflow:hidden;
	text-align:right;
}
#ad-long{
	width: 840px;
	margin: 0px auto;
	position: relative;
	clear:both;
}
#nav{
	clear:both;
	height:39px;
	background: url(nav.jpg) repeat-x top center;
}
#nav a{
	color:#E8F7E8;
	font-weight:bold;
}
#nav a:hover{
	color:#f1cc00;
	font-weight:bold;
}
#nav .menu{
	color:#fff;
	margin:12px 0 0 5px;
	float:left;
}
#position{
	height:30px;
	background: url(position.gif) repeat-x;
}
.control{
	float:left;
	width:570px;
	margin:8px 0 0 5px;
}
.control .reset{
	float:left;
	cursor:pointer;
	margin-left:5px;
	padding-left:12px;
	background:url(ico_reset.gif) no-repeat 0 2px;
}
.control .setting{
	float:left;
	cursor:pointer;
	margin:0 30px 0 15px;
	padding-left:12px;
	background:url(ico_setting.gif) no-repeat 0 2px;
}
#themes-selector{
	float:left;
}
#themes-selector a{
	float:left;
	width:10px;
	height:0;
	padding:10px 0 0;
	margin-right:3px;
	border:1px solid #fff;
	cursor:pointer;
	overflow:hidden;
}
#themes-selector a.green{
	background:#6AAA4A;
}
#themes-selector a.yellow{
	background:#F9AD09;
}
#themes-selector a.blue{
	background:#2C7DC6;
}
#themes-selector a.red{
	background:#DF5A37;
}
#themes-selector a.brown{
	background:#CA9643;
}
#position .search{
	float:left;
	color:#ea0d0d;
	text-align:right;
	width:250px;
	margin-top:3px;
	padding-right:5px;
}
.input{
	height:16px;
	border:#A5A5A5 1px solid;
}
#bottom{
    width: 840px;
	margin: 0px auto;
	clear:both;
}
#bottom .title{
	padding-left:10px;
	color:#E8F7E8;
    font-weight:bold;
	line-height:25px;
	background: url(bottom.gif) repeat-x top center;
}
#bottom .title a{
	margin-left:10px;
	color:#E8F7E8;
	text-decoration:none;
}
#bottom .title a:hover{
	color:#ff6c00;
	text-decoration:underline;
}
#bottom .logo{
	margin:3px 0;
	border:#bbe7aa 1px solid;
	padding:2px;
}
#copyright{
        text-align:center;
	padding-top:5px;
        line-height: 18px;
	border-top:#82c172 2px solid;
}
.logon-bg{
	font-size:13px;
	color:#498f2c;
	background:url(login_bg.gif) repeat-x;
}
.logon-button{
	font-weight:bold;
	border:0;
	height:30px;
	background:url(but.gif) repeat-x;
	width:70px;
	color:#fff;
	cursor:pointer;
}
.logon-text{
	font-family:Arial;
	font-size:13px;
	color:#999999;
	width:160px;
	height:18px;
	border:1px solid #7f9db9;
}
.logon-bg select{
	font-size:13px;
	color:#666;
	width:160px;
}
.split{border-bottom:1px dashed #0c0;}
.more{color:#f00;}
.more:hover{color:#f60; text-decoration:underline;}

.learning{margin:6px;width:265px;color:#333;}
.learning .title{font-weight:bold;border-bottom:#b4b4b4 1px solid;height:18px;}
.learning .content{width:265px;}
#learning{float:left;}
#production{float:right;}

#control-area{position:relative;z-index:1;}
#mask{left:0;top:0;position:absolute;width:100%;height:500px;filter:alpha(opacity=40);background-color:#fff;opacity:0.3;-moz-opacity:0.3;z-index:1;}
#selector{position:relative;z-index:2;width:840px;margin:0 auto;}
#selector .title{font-weight:bold;font-size:14px;color:#393;padding:3px;white-space:nowrap;border:2px solid #0c0;border-bottom:0;background:#fff;}
#selector .title{position:absolute;top:118px;left:100px;height:26px;z-index:2;cursor:pointer;}
#selector .item{position:absolute;top:150px;width:826px;border:2px solid #0c0;padding:5px;background:#fff;z-index:1;}
#selector input{padding:1px;font-size:13px}
#selector label{cursor:pointer;}

ul{margin:0;padding:0;}
li{list-style:none;cursor:pointer;}

.H-scroll-door{z-index:-1;}
.H-scroll-door .sd-blue{background:url(title-img.jpg) no-repeat;}
.H-scroll-door .sd-grey{background:url(title-img.jpg) no-repeat right top;}
.H-scroll-door ul li{float:left;width:66px;line-height:21px; text-align:center;margin-right:1px;}
.H-scroll-door .scroll-content{border:1px solid #c4c4c4;padding:5px;line-height:18px;clear:both;width:255px;height:125px;}

.V-scroll-door .sd-green{border:1px solid #d7f4d8;border-top:0;background:url(door_green.gif) repeat-x;font-weight:bold;color:#5ba23c;}
.V-scroll-door .sd-grey{border:1px solid #ededed;border-top:0;background:url(door_gray.gif) repeat-x;}
.V-scroll-door .sd-green span{padding-left:16px;background:url(ico_green.gif) no-repeat;}
.V-scroll-door .sd-grey span{padding-left:16px;background:url(ico_black.gif) no-repeat;}
.V-scroll-door ul{float:left;}
.V-scroll-door ul li{margin-bottom:1px;line-height:29px;width:110px;}
.V-scroll-door .scroll-content{padding:5px 0 5px 5px;float:left;line-height:18px;letter-spacing:1px;width:50%;}
.dropshadow2{
	float:left;
	clear:left;
	background: url(http://codefans.net/jscss/demoimg/200903/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://codefans.net/jscss/demoimg/200903/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	margin: 0px 0px -3px 0px;
	margin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
.margin{margin:5px 0; border:#b5d39f 1px solid;}