#panel_container{z-index: 10; width:100%; position: fixed; bottom:0; left: 0;}
.ie6 #panel_container{display: none; }

#panel_ie{width:100%; position: relative; float : left;}

#tab{float: left; margin: 0; padding: 0; height: 19px; }
#tab .text{float: left; font-size:10px;}

#tab .left{margin: 0;float: left; width: 4px; height:19px; background: url("../img/bottombar/side_left.png") no-repeat 0 0; }
#tab .right{float: left; width: 22px; height:19px; background: url("../img/bottombar/side_right.png") no-repeat 0 0; }
#tab .active .right{background: url("../img/bottombar/side_right_hide.png") no-repeat 0 0; }
#tab .center{float: left;  height:19px; padding: 0 2px; background: url("../img/bottombar/side_center.png") repeat 0 0; text-align: center; line-height:19px;}
.btn-slide {
float: left; height: 19px;
padding: 0; margin: 0 auto; display: block; 
font: bold 60%/80% Verdana, Helvetica, sans-serif;  color: #fff; text-decoration: none; cursor: pointer;
}
.active {}

#panel_content {
float: left; display: none;  width: 100%; padding: 0px 0;  position: relative;
}
#panel_content .body_content{
width: 1006px; height:90 px; margin: 1px auto 1px auto;
background-color: #fff;
}
.bg{width: 100%; height:150px; position: absolute; top: 19px; left:0;
background-color: #8b7b6b; filter:alpha(opacity=90);  -moz-opacity:0.90; opacity: 0.90;
}

.oninactive {display:inline;}
.onactive {display:none;}

.active .oninactive {display:none;}
.active .onactive {display:inline;}