body {
	margin: 0 auto;
	font-size: 12px;
	text-align: center; background: repeat-x #DEF0FE url(../images/bg.gif);color: #555;
	scrollbar-face-color:#F3F3F3;
scrollbar-highlight-color:#E1E1E1;
scrollbar-3dlight-color:#F3F3F3;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-Shadow-color:#A09F9F;
scrollbar-arrow-color:#80A8BB;
scrollbar-track-color:#F5F5F5; font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #82AE00;
   text-decoration: underline;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}
input.inpButton {
	border: #CDCDCD 1px solid; font-size: 12px; line-height: 18px;
}
.inpTextarea {
	border: #CDCDCD 1px solid; font-size: 12px; line-height: 18px;
}
.barTitle {
	font-size: 14px; font-weight: 800;
}
#main {
	width: 900px; text-align: left;margin: 0 auto; background: #FFF; padding: 10px; display: inline-block; clear: both; 
}
.x {
	display: inline-block; clear: both;  height: 1px; font-size: 1px;
}
#b-map {
	display: inline-block; padding: 5px;
}
#b-menuBox {
	display: inline-block; padding: 5px;
}
#b-menuBox .l div{
	float: left; margin: 0 8px
}
#b-topBox {
	display: inline-block; width: 920px; height: 100px; margin: 0 auto
}
#b-topBox .l {
	float: left; background: url(../images/top_l.gif); width: 219px; height: 100px;
}
#b-topBox .c {
	float: left; background: url(../images/top_c.gif); width: 472px; height: 100px;
}
#b-topBox .r {
	float: right; background: url(../images/top_r.gif); width: 229px; height: 90px; padding: 10px 0 0 0; display: block; text-align: left;
}
#b-topBox .r .btnl {
	float: left; width: 120px;
}
#b-topBox .r .btnl .btn {
	background: transparent; cursor: pointer; margin: 10px 0 0 10px; padding: 4px; height: 14px; width: 50px;
}
#b-topBox .r .btnr {
	float: left;
}
#b-topBox .r .btnr .btn1 {
	 width: 50px; height: 30px; margin: 10px 0 0 5px;background: transparent; cursor: pointer;
}
#b-topBox .r .btnr .btn2 {
	 width: 40px; height: 30px; margin: 10px 0 0 12px;background: transparent; cursor: pointer;
}
.left #classList div {
	padding: 5px 10px 5px 5px;
	margin: 8px 3px 0 3px;
	font-size: 13px; font-weight: 800; height: 19px; width: 57px; line-height: 19px;
	 background: url(../images/noRecClass.gif); cursor: pointer; text-align: center; overflow: hidden; white-space: nowrap;
}
.left #classList div a:hover {
	text-decoration: none;
}
.left #classList div.ilrClassName {
	  background: url(../images/isRecClass.gif)
}
.left #classList div.clrClassName {
	  background: url(../images/cuRecClass.gif)
}
.left #classList div.ovlrClassName {
	  background: url(../images/ovRecClass.gif)
}
.left #classList {
	float: left;
}
.left #RecBox {
	float: left; width: 116px; cursor: default; 
}
.left #RecBox #RecBoxC {
	background: url(../images/RecBoxbg.gif); padding: 5px; width: 106px; height: 550px;
}
.left #RecBox #RecBoxT {
	background: url(../images/RecBoxtop.gif); height:40px; width: 116px;
}
.left #RecBox #RecBoxB {
	background: url(../images/RecBoxFoot.gif); height:17px; width: 116px;
}
.left #RecBox .recbox {
	display: inline-block;
}
.left #RecBox .recbox .list {
	display: inline-block; clear: both;
}
.left #RecBox .recbox .list .pic {
	float: left; margin: 2px; display: inline; text-align: center;
}
.left #RecBox .recbox .list .pic .picb {
	width: 95px; height: 95px; overflow: hidden; padding: 3px; background: #FFF;
}
.left #RecBox .recbox .list .pic .picb td{
	width: 85px; height: 85px;
}
.left #RecBox .recbox .list .pic .pict {
	width: 85px; height: 20px; overflow: hidden; line-height: 20px;
}
.showPage .PageBtn {
	border: #C3C3C3 1px solid;	margin: 1px; padding: 1px 4px;	background: #FFF; font-size: 12px; line-height: 11px; height: 12px;
}

.showPage .Its {
	border: #F8B900 1px solid;	background: #FFF3C1;
}
#b-bottomBox .t{
	height: 11px; display: inline-block; background: #FFF; width: 920px; font-size: 1px; margin: 0 auto; clear: both;
}
#b-bottomBox .t div {
	 height: 11px; font-size: 1px; line-height: 11px; width: 11px;
}
#b-bottomBox .t div.l {
	float: left; background: url(../images/foot_l.gif);
}
#b-bottomBox .t div.r {
	float: right; background: url(../images/foot_r.gif);
}
#b-bottomBox .b {
	padding: 10px; display: inline-block;  background: no-repeat url(../images/footbg.jpg) center 0; height: 64px;
}
#PageloaderBox {
	border: 2px #9AD140 solid; background: White; padding: 6px; width: 200px; position: absolute;z-index: 9999;
	font-weight: 800; font-size: 13px; height: 32px; line-height: 32px;
}
#sPicBox {
	border: 2px #9AD140 solid; background: White; padding: 6px; position: absolute;z-index: 2; display: none;
}
#sPicTitle {
	font-weight: 800; display: block; margin-bottom: 5px; 
}
#helpBox {
	position: absolute; position: absolute;z-index: 3; background:url(../images/helpboxbg.png); clear: both; padding: 6px;
}
#helpBox #helpBoxInner {
	height: 400px; overflow: hidden; width: 600px;border: 2px #9AD140 solid; padding: 3px;background: White;  z-index:5
}
#helpBox #helpBoxInner .t{
	display: inline-block; clear: both; padding: 2px; background: #F2F2F2 no-repeat url(../images/helpBoxIco.gif) 4px 2px; height: 20px;
}

#helpBox #helpBoxInner .t .l{
	float: left; font-weight: 800; font-size: 14px; padding: 0 0 0 20px; line-height: 22px;height: 20px; overflow: hidden;
}
#helpBox #helpBoxInner .t .r{
	float: right; padding: 1px 0 0 0;
}
#helpBox #helpBoxInner .t .r img{
	margin: 0 1px; cursor: pointer;
}
#helpBox #helpBoxInner #helpStrinner{
	display: inline-block; clear: both; margin: 5px; height: 365px; overflow: auto; text-align: left;line-height: 150%; font-size: 13px;
}
#soBox {
	clear: both; position: absolute; width: 320px; z-index: 4;
}
#soBox .top {
	clear: both; width: 320px;
}
#soBox .top .l {
	float:left; background: repeat-x url(../images/helpbox_1.png); *background: url(); width: 14px; height: 14px; margin: 32px 0 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_1.png',sizingMethod='scale');
}
#soBox .top .c {
	float:left; background: repeat-x url(../images/helpbox_2.png); *background: url(); width: 272px; height: 14px; margin: 32px 0 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_2.png',sizingMethod='scale');
}
#soBox .top .r {
	float:right; background: repeat-x url(../images/helpbox_3.png); *background: url(); width: 34px; height: 46px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_3.png',sizingMethod='scale');
}
#soBox .bar {
	clear: both; display: inline-block; width: 320px;
}
#soBox .bar .l {
	float:left;background: repeat-y url(../images/helpbox_4.png); *background: url(); width: 14px; height: 26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_4.png',sizingMethod='scale');
}
#soBox .bar .c {
	float:left;background: #FFF; color:#FF9000; font-weight: 800;	 width: 272px; height: 26px;filter:alpha(opacity=90);Opacity:0.9;-moz-opacity:0.9;
}
#soBox .bar .c form{
	margin: 0
}
#soBox .bar .c .soBtn {
}
#soBox .bar .c #keyword {
	border: solid #7AC400 1px;  height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
}
#soBox .bar .c input.novalue {
	color: #B1B1B1;
}
#soBox .bar .r {
	float:left; background: repeat-y url(../images/helpbox_5.png); *background: url(); width: 26px; height: 26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_5.png',sizingMethod='scale');
}
#soBox #soStr {
	clear: both; display: block; width: 335px;
}
#soBox #soStr .l {
	float:left;background: repeat-y url(../images/helpbox_4.png); *background: url(); width: 14px; height: 295px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_4.png',sizingMethod='scale');
}
#soBox #soStr .c {
	 text-align: left; float:left;background: #FFF; width: 272px; height: 295px;filter:alpha(opacity=90);Opacity:0.9;-moz-opacity:0.9;
}
#soBox #soStr .c .btns {

}
#soBox #soStr .c .btns span {
	padding: 0 5px; color: #639C48; font-weight: 800;
}
#soBox #soStr .c .btns input {
	margin: 0 1px; background: #FF9000; border: 0px; color: #FFF; line-height: 18px; height: 18px; font-size: 12px;
}
#soBox #soStr #soStr-inner{
	height: 265px; overflow: auto; padding: 3px;
}
#soBox #soStr #soStr-inner div{
	clear: both; padding: 3px;
}
#soBox #soStr .r {
	float:left; background: repeat-y url(../images/helpbox_5.png); *background: url(); width: 26px; height: 295px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_5.png',sizingMethod='scale');
}
#soBox .bottom {
	clear: both;
}
#soBox .bottom .l {
	float:left; background: repeat-x url(../images/helpbox_6.png); *background: url(); width: 14px; height: 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_6.png',sizingMethod='scale');
}
#soBox .bottom .c {
	float:left; background: repeat-x url(../images/helpbox_7.png); *background: url(); width: 272px; height: 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_7.png',sizingMethod='scale');
}
#soBox .bottom .r {
	float:left; background: repeat-x url(../images/helpbox_8.png); *background: url(); width: 26px; height: 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/helpbox_8.png',sizingMethod='scale');
}