@charset "utf-8";
/* CSS Document */
#head{ background:url(head-bg.png) repeat-x;}
#header{ height:105px; background:url(head.png) no-repeat; padding-left:15px;}
#logo{ float:left;}
h1{ float:left; background:url(logo.png); width:230px; margin:15px 10px 0 0; height:60px; text-indent:-2000px; overflow:hidden;}
#head .link{ float:left; color:#3989C5; margin-top:35px;}
#head .link a{ color:#000;}
#head .link a:hover{ color:#f60;}
#head .link b{ font-family:Tahoma, Geneva, sans-serif;}
.w{ width:960px; height:1px; overflow:hidden;}
#topnav{ float:right; width:550px; margin-top:30px; padding-right:15px; }
#topnav .quicklink{ width:550px; height:31px; line-height:31px;text-align:right; float:right; clear:both}
#topnav .quicklink ul li{ float:left; padding:0 10px;}
#topnav .quicklink ul li b{ color:#1668BD;}
#topnav .quicklink ul li a{ color:#000;}
#topnav .quicklink .help{ background:url(icon_help.gif) no-repeat; padding:2px 0 3px 18px;}
#topnav .nav{ height:25px; width:600px; display:block}
#topnav .nav ul li{ float:left; margin-right:5px;}
#topnav .nav ul li a{ display:block; background:url(nav.gif); width:65px; padding:5px 0 2px; font-weight:bold; color:#fff; text-align:center;}

#topnav .nav ul li a:hover{ background-position:0 -27px;}
#topnav .nav ul li a.cpf{ display:block; background:url(nav1.gif); width:125px; padding:5px 0 2px; font-weight:bold; color:#fff; text-align:center;}
#topnav .nav ul li a.cpf:hover{ background-position:0 -27px;}
#topnav .nav ul li .server{ width:70px; padding-left:15px; background:url(server.png);}
#topnav .nav ul li .server:hover{ background:url(server.png);}

#banner{ padding:7px 40px; color:#fff;}
#banner .time{ float:left; }
#banner .user{ float:right; }
#banner .user a{ color:#fff; font-weight:bold;}
#menu-bar{ background:#EFF6FC; background:url(menubar_bg.png) repeat-y;}
.menubar{ float:left; }

#infoTree{ width:175px; text-align:left; font-size:14px; background:#EFF6FC;}
#infoTree a{ color:#000;}
#infoTree a:hover{ color:#f60;}
#infoTree ul li{ vertical-align:bottom;}
#infoTree.treeview li span{ display:block; padding:3px 0 2px 20px; cursor:pointer;}
#infoTree.treeview .menu1 { height:33px; overflow:hidden; cursor:pointer; background:url(menubar-menu1.png) repeat-x; font-weight:bold;}
#infoTree.treeview .menu1 span{ display:block; padding:10px 0 7px 50px; background:url(menu-icon.png) no-repeat;}
#infoTree.treeview .menu1 li { padding-left:20px; cursor:pointer; }
#infoTree.treeview .menu1 .menu2{ background:url(menubar-menu2.png) repeat-x; height:29px; overflow:hidden;}
#infoTree.treeview .menu2 span{ background:none; padding:7px 0 6px 20px; font-weight:normal; color:#FB2C04} 
#infoTree.treeview .menu2 span a{ font-weight:normal; color:#FB2C04}

#infoTree.treeview .expandable{ height:33px; overflow:hidden;}
#infoTree.treeview .collapsable{ height:auto;}
#infoTree.treeview .menu1 .expandable{ height:29px; overflow:hidden;}
#infoTree.treeview .menu1 .collapsable{ height:auto;}
#infoTree.treeview .menu1 .expandable span{ background:url(menu-icon2.png) no-repeat; background-position:0 9px;}
#infoTree.treeview .menu1 .collapsable span{ background:url(menu-icon2.png) no-repeat; background-position:0 -30px;}
#infoTree.treeview .menu1 .last{ background:url(menubar-menu2.png) repeat-x; font-weight:normal; color:#FB2C04}
#infoTree.treeview .menu1 .last span{ background:url(menubar-menu2.png) repeat-x;}
#infoTree.treeview .menu1 .last a{ color:#FB2C04} 

#infoTree.treeview .menu3{padding:5px 0 3px; margin-left:-20px; cursor:pointer; background:url(last.png) no-repeat center bottom;}

#infoTree.treeview .menu2 .last{padding:5px 0 3px 20px; cursor:pointer; background:none; border-bottom:1px solid #B7CFE9;}
#infoTree.treeview .menu2 .last span{ background:none;font-size:12px; display:block; padding:7px 0 6px 30px;  font-weight:normal; cursor:default;}
#infoTree.treeview .menu2 .last span a{ color:#0153A1;} 
#infoTree.treeview .menu1 .menu2 .menu3 span{ background:none; font-size:12px; display:block; padding:5px 0 4px 30px;  font-weight:normal; cursor:default;} 
#infoTree.treeview .menu3 span a{ color:#0153A1;}

#infoTree.treeview .menu1 .mb1{ background-position:10px 0;}
#infoTree.treeview .menu1 .mb2{ background-position:10px -36px;}
#infoTree.treeview .menu1 .mb3{ background-position:10px -72px;}
#infoTree.treeview .menu1 .mb4{ background-position:10px -109px;}
#infoTree.treeview .menu1 .mb6{ background-position:10px -145px;}
#infoTree.treeview .menu1 .mb7{ background-position:10px -182px;}
#infoTree.treeview .menu1 .mb8{ background-position:10px -218px;}
#infoTree.treeview .menu1 .mb9{ background-position:10px -288px;}
#infoTree.treeview .menu1 .mb0{ background-position:10px -254px;}


#infoTree.treeview .on,#infoTree.treeview .menu2 .on#infoTree.treeview .menu3 .on{ font-weight:bold; color:#f60;}


/*视频使用教程文字样式*/
.newsiderbar{ float:left; margin-right:35px;}
.newsiderbar #new { background:url(new.gif) right no-repeat; padding-right:24px; text-align:right;}
.newsiderbar b:hover{ color:#F00; text-decoration:blink}