/* 后台界面控制 的 css */
html{
  height: 100%;
}

body{
  height:100%;
  margin:0px;
}

#topbar{
  height:58px;
  width:100%;
  background-image: url('../images/sys_03.jpg');
}


#body{
  overflow: hidden; *zoom: 1;
  background: #08619c;
  _background: #fff;
}

#left{
  width:200px;
  height:100%;
  float:left;
  background: #08619c;
}

#left_control{
  width:7px;
  height:100%;
  float:left;
  background:#40aeeb;
}

#main{
  margin-left:208px;
  border:0px solid #000;
  background:#fff;
  padding:1px;
}
div.logo{
  background:url('../images/sys_01.jpg');
  height:58px;
  width:360px;
  float:left;
  line-height: 22px;
  border:0px solid #f00;
}

img.logo{
  margin-top:5px;
  margin-left:10px;
}

div.userinfo{
  position:absolute;
  right:10px;
  width:auto;
  top:5px;
  color:#fff;
  line-height:18px;
}

div.onlinemsg{
  position:absolute;
  right:245px;
  width:auto;
  top:28px;
  color:#fff;
  line-height:30px;
  height: 30px;

}

div.msgsl{
  background-color: #f00;
  color:#fff;
  font-weight:bold;
  position:absolute;
  right:242px;
  width:16px;
  text-align:center;
  top:27px;
  border:1px solid #f00;
  border-radius: 8px;
  z-index: 10;
}

div.opbar{
  position:absolute;
  right:10px;
  width:auto;
  top:35px;
  color:#fff;
  line-height:18px;
  height: 30px;
}

div.rtmain{
  padding:5px;
  background:#09f;
  text-align:center;
}

div.rtmain a{
  color:#fff;
  font-size:16px;
}

div.menutitle,div.menutitle_red{
  background:url('../images/menutitle_bg.png') no-repeat;
  width:200px;
  height:36px;
  line-height:36px;
  
  padding:0px 5px 0px 15px;

  margin-bottom:0px;
  CURSOR: pointer;
}

div.menutitle_red{
  background:url('../images/menutitle_bg_red.png') no-repeat;
}

div.menutitle span.title{
  font-size:14px;
  color:#fff;
  font-weight: bold;
}
ul.menu{
  margin:0px;
  padding:0px;
  display:none;
}

ul.menu li {
    border-bottom:1px solid #eef;
  height:30px;
  line-height:30px;
  font-size:12px;
  padding-left:30px;
  cursor:pointer;
}


.li_noseled{
  color:#444;
  background:url('../images/left_menu_li200.png') no-repeat ;

}
.li_seled,.li_clicked{
  color:#06a;
  font-weight: bold;
  background:url('../images/left_menu_li200.png') 0px -32px no-repeat;
}

div.msg_ie{
  display:none;
  -display:none;  /* ie6 */
  position:relative;
  -top:-3px;
   background:#e00;

  -background:url('../images/msg_bg2.png') no-repeat;
  background:url('../images/msg_bg2.png') no-repeat;
  width:36px;
  line-height:20px;
  height:22px;

  text-align:center;
  font-weight:normal;
  color:#fff;
  float:right;
  font-family:"Arial";
  font-size:12px;
  
  margin-right:32px;
  margin-top:8px;


  *margin-top:-27px;  /* ie 6,7 */
  *margin-right:52px;  /* ie 6,7 */
  -margin-right:15px;  /* ie 6 */  
}

div.msg{
  display:none;
  position:relative;
  background:#e00;

  width:auto;
  padding:1px 5px;
  border-radius:8px;
  text-align:center;
  font-weight:normal;
  color:#fff;
  float:right;
  font-family:"Arial";
  font-size:12px;
  line-height:20px;
  margin-right:32px;
  margin-top:8px;
}

/*需要为ie9 以上的改为圆角宽度自适应div 未完成*/
div.msg2{

  position:relative;
  display:none;

  width: auto;
  text-align:right;
  font-weight:normal;
  float:right;
  font-family:"Arial";
  font-size:12px;
  color:#f00;
  line-height:20px;
  margin-right:10px;
  margin-top:6px;


  *margin-top:-25px;  /* ie 6,7 */

  -margin-right:15px;  /* ie 6 */

  overflow: hidden;  /*溢出隐藏*/
  text-overflow: ellipsis; /*以省略号...显示*/
  white-space: nowrap;  /*强制不换行*/
}

div.msg2 span.red{
  font-size:12px;
  color:#f00;
}


div.msg2 a:link{ color: #ff6600; text-decoration: none}
div.msg2 a:visited{ color: #ff6600; text-decoration: none}
div.msg2 a:hover{ color: #0099ff; text-decoration: none}