/* common begin */
/*#region*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-face-color: #dff9fe;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #9adae7;
	scrollbar-darkshadow-color: #9adae7;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #006498;
	scrollbar-track-color: #fff;
}
a{
   outline:none;
   cursor:pointer;
}
html
{
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}
body
{
	overflow: hidden;
	/*-moz-user-select:none;*/
    hutia:expression(this.onselectstart=function(){return(false)});
}
table
{
	border-collapse: collapse;
}

.overlay_startmenu {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 100%;
    left: 0;
    filter:alpha(opacity=10);       /* IE */
    -moz-opacity:0.1;              /* Moz + FF */
    opacity: 0.1;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 998;
}
.overlay_panel{
   display:none;
   position:absolute;
   top:0px;
   left:0px;
   z-index:998;
}
.icon-confirm
{
    background: url(images/icons.png) no-repeat -120px -320px  transparent;
    width:50px;
    height:50px;
}
.icon-information
{
    background: url(images/icons.png) no-repeat -120px -380px  transparent;
    width:50px;
    height:50px;
}
/*#endregion*/
/* header begin */
/*#region*/
.header {
   height:40px;
   color:#fff;
   overflow:visible;
   background: url(images/bg/header_bg.png) repeat-x transparent;
}
.ui-effects-transfer {
    border: 2px dotted gray;
}

.header .header-left
{
    position:absolute;
    height:53px;
    width:293px;
}
.header .header-left .logo-left
{
    height:53px;
    background: url(images/icons.png) no-repeat;
    float:left;
    width:27px;
}
.header .header-left .logo-center
{
    height:53px;
    background: url(images/icons.png) no-repeat -60px 0px  transparent;
    float:left;
    width:238px;
}
.header .header-left .logo-right
{
    height:53px;
    background: url(images/icons.png) no-repeat -30px 0px  transparent;
    float:left;
    width:27px;
}
.header .header-left div{
   border:0px;
   height:60px;
}
.header .header-left div img{
   
   vertical-align:middle;
}
.header .header-center
{
   position:absolute;
   left:293px;
   color:#7b7b7b;
   padding:10px 0px 0px 0px;
   -moz-user-select:none;
}
.header .header-right{
   float:right;
   padding-top:0px;
   width:462px;
}
/* 首页 */
.header .header-right .home
{
    float:left;
    background: url("images/icons.png") no-repeat -60px -453px  transparent;
    height: 33px;
    width: 45px;
}
.header .header-right .home:hover,
.header .header-right .home.active{
   background-position:-60px -514px;
   
}
/*桌面*/
.header .header-right .dektop
{
    float:left;
    background: url("images/icons.png") no-repeat -6px -453px  transparent;
    height: 33px;
    width: 45px;
}
.header .header-right .dektop:hover,
.header .header-right .dektop.active{
   background-position:-6px -514px;
   
}
/* 桌面窗口 */
.header .header-right .windows
{
    float:right;
    background: url("images/icons.png") no-repeat -60px -320px  transparent;
    display: none;
    height: 33px;
    width: 45px;
}
.header .header-right .windows:hover,
.header .header-right .windows.active{
   background-position:-60px -381px;
   
}
/* 子系统菜单 */
.header .header-right .start-menu
{
    float:right;
    background: url("images/icons.png") no-repeat 0px -60px  transparent;
    display: block;
    height: 33px;
    width: 45px;
}
.header .header-right .start-menu:hover,
.header .header-right .start-menu.active{
   background-position:0px -120px;
   
}

/* 右侧按钮 */
.header .header-right .quick-bar{
   float:right;
}

/* 门户切换 */
.header .header-right .quick-bar .portal
{
   float:left;
   width: 45px;
   height: 33px;
   background:url('images/icons.png') -60px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .portal:hover,
.header .header-right .quick-bar .portal.active
{
   background-position:-60px -120px;
   zoom:1;
}

/* 常用任务 */
.header .header-right .quick-bar .shortcut
{
    float:left;
    width: 45px;
    height: 33px;
    background:url('images/icons.png') -120px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .shortcut:hover,
.header .header-right .quick-bar .shortcut.active{
   background-position:-120px -120px;
}
/* 主题 */
.header .header-right .quick-bar .themes
{
    float:left;
    width: 45px;
    height: 33px;
    background:url('images/icons.png') -240px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .themes:hover,
.header .header-right .quick-bar .themes.active{
   background-position:-240px -120px;
}

/* 帮助 */
.header .header-right .quick-bar .help-info
{
    float:left;
    width: 45px;
    height: 33px;
    background:url('images/icons.png') -420px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .help-info:hover,
.header .header-right .quick-bar .help-info.active{
   background-position:-420px -120px;
}

/* 锁定桌面 */
.header .header-right .quick-bar .lock-desktop
{
    float:left;
    width: 45px;
    height: 33px;
    background:url('images/icons.png') -180px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .lock-desktop:hover,
.header .header-right .quick-bar .lock-desktop:active
{
    background-position: -180px -120px;
}

/* 注销 */
.header .header-right .quick-bar .logout
{
    float:left;
    width: 57px;
    height: 33px;
    background:url('images/icons.png') -300px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .logout:hover,
.header .header-right .quick-bar .logout:active
{
    background-position: -300px -120px;
}
/* 修改密码 */
.header .header-right .quick-bar .change-password
{
   float:left;
   width: 45px;
   height: 33px;
   background:url('images/icons.png') -360px -60px no-repeat  transparent;
}
.header .header-right .quick-bar .change-password:hover,
.header .header-right .quick-bar .change-password.active
{
   background-position:-360px -120px;
}
/*#endregion*/
/* start menu */
/*#region */
.start-menu-panel 
{
    top: 112px;
    display: none;
    left: 3px;
    position: absolute;
    width: 404px;
    z-index: 91000;
}

.start-menu-panel .panel-foot {
    background: url("images/Start_Menu/start_menu_panel_foot_bg.png") no-repeat bottom transparent;
    height: 14px;
}
.start-menu-panel .panel-user {
    background: url("images/Start_Menu/start_menu_panel_user_bg.png") no-repeat bottom transparent;
    height: 60px;
    padding-left: 22px;
    padding-right: 22px;
}
.start-menu-panel .panel-user .avatar {
    cursor: pointer;
    float: left;
    height: 42px !important;
    padding-left: 4px;
    padding-top: 14px;
    width: 42px !important;
}
.start-menu-panel .panel-user .avatar .img 
{
    /*background: url("images/icons.png") no-repeat scroll -120px -180px transparent;*/
    height: 38px;
    left: 26px;
    position: absolute;
    top: 20px;
    width: 38px
}
.start-menu-panel .panel-user .avatar div.status_icon {
    height: 16px;
    left: 55px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    width: 16px;
}
.start-menu-panel .panel-user .avatar div.status_icon_1 {
    background: url("images/Start_Menu/online_status.png") no-repeat scroll 0 -7px transparent;
}
.start-menu-panel .panel-user .avatar div.status_icon_2 {
    background: url("images/Start_Menu/online_status.png") no-repeat scroll 0 -37px transparent;
}
.start-menu-panel .panel-user .avatar div.status_icon_3 {
    background: url("images/Start_Menu/online_status.png") no-repeat scroll 0 -97px transparent;
}
.start-menu-panel .panel-user .avatar div.status_icon_4 {
    background: url("images/Start_Menu/online_status.png") no-repeat scroll 0 -67px transparent;
}
.start-menu-panel .panel-user .avatar #on_status {
    background: url("images/Start_Menu/on_status_bg.png") repeat-y scroll left top #FFFFFF;
    border: 1px solid #B3B3B3;
    display: none;
    left: 25px;
    position: absolute;
    top: 60px;
    width: 100px;
    z-index: 94000;
}
.start-menu-panel .panel-user .avatar #on_status a {
    background: url("images/Start_Menu/online_status.png") no-repeat scroll left top transparent;
    color: #393939;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    text-decoration: none;
}
.start-menu-panel .panel-user .avatar #on_status a:hover {
    background-color: #E6EBF1;
}
.start-menu-panel .panel-user .avatar #on_status a.on_status_1 {
    background-position: 4px 0;
}
.start-menu-panel .panel-user .avatar #on_status a.on_status_2 {
    background-position: 4px -30px;
}
.start-menu-panel .panel-user .avatar #on_status a.on_status_3 {
    background-position: 4px -90px;
}
.start-menu-panel .panel-user .avatar #on_status a.on_status_4 {
    background-position: 4px -60px;
}
.start-menu-panel .panel-user .name {
    color: #1B5771;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 30px;
}
.start-menu-panel .panel-user .tools {
    float: right;
    margin-top: 25px;
}
.start-menu-panel .panel-user .tools .logout {
    font-weight:bold;
    color:Black;
    display: inline-block;
    height: 24px;
    margin-right: 14px;
    overflow: hidden;
    width: 45px;
}
.start-menu-panel .panel-user .tools .logout:hover 
{
    color:#0D66A8;
}
.start-menu-panel .panel-user .tools .exit {
    font-weight:bold;
    color:Black;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    width: 36px;
}
.start-menu-panel .panel-user .tools .exit:hover 
{
    color:#0D66A8;
    /*background-position: -62px -24px;*/
}
.start-menu-panel .panel-menu {
    background: url("images/Start_Menu/start_menu_panel_bg.png") repeat-y top transparent;
    padding-left: 12px;
    padding-right: 12px;
}
.start-menu-panel .panel-menu #first_panel {
    padding: 0px 0;
    width: 200px;
}

.start-menu-panel .panel-menu #first_panel ul 
{
    margin:0px;
    height: 360px;
    left: 0;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 93000;
}
.start-menu-panel .panel-menu #first_panel ul li {
}
.start-menu-panel .panel-menu #first_panel ul li a {

    color: #000000;
    display: block;
    font-size: 12px;
    height: 25px !important;
    line-height: 25px;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 10px;
    text-decoration: none;
}
.start-menu-panel .panel-menu #first_panel ul li a:hover, .start-menu-panel .panel-menu #first_panel ul li a.active 
{
    background: url("images/Start_Menu/menu_select_bg.png") repeat-x transparent;
    color: #FFFFFF;
}
.start-menu-panel .panel-menu #first_panel ul li a img {
    border: 0 none;
    height: 20px;
    margin: 0px 10px 0px 14px;
    float:left;
}

.start-menu-panel .panel-menu #second_panel {
    height: 370px;
    left: 202px;
    position: absolute;
    top: 60px;
    width: 180px;
    z-index: 92000;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu 
{
    width: 100%;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul {
    left: 0;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 94000;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li {
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a {
    color: #000000;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding-left: 0px;
    text-decoration: none;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a img {
    border: 0 none;
    height: 20px;
    width: 20px;
    margin:0px 6px 0px 10px;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a span {
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 5px;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a:hover {
    background: url("images/Start_Menu/menu_select_bg.png") repeat-x transparent;
    color: #FFFFFF;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a:hover span {
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a.expand {
    background: url("images/Start_Menu/menu_select_bg.png") repeat-x transparent;
    margin-right: 0;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a.expand:hover, .start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a.active {
    background-position: right -90px;
    color: #FFFFFF;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a.expand:hover span, .start-menu-panel .panel-menu #second_panel .second-panel-menu ul li a.active span {
    background: url("images/Start_Menu/menu_span_bg.png") no-repeat scroll 0 -30px transparent;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul {
    display: none;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul li {
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul li a {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
    padding-left: 30px;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul li a span {
    background: url("images/Start_Menu/menu_span_bg.png") no-repeat scroll 0 -60px transparent;
    cursor: pointer;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul li a:hover {
    background: none repeat scroll 0 0 transparent;
    color: #2771D0;
}
.start-menu-panel .panel-menu #second_panel .second-panel-menu ul li ul li a:hover span {
    background: url("images/Start_Menu/menu_span_bg.png") no-repeat scroll 0 -90px transparent;
}
/*#endregion */
/* 二级菜单滚动条 */
/*#region */
.jscroll-h{
   width:15px;
   background-color:transparent;
}
.jscroll-h .jscroll-hu{
   width:15px;
   height:15px;
   background:url('images/bg/scrollbar_bg.png') repeat-y transparent;
   overflow:hidden;
}
.jscroll-h .jscroll-hc{
   width:15px;
   background:url('images/bg/scrollbar_bg.png') repeat-y transparent;
}
.jscroll-h .jscroll-hd{
   width:15px;
   height:15px;
   background:url('images/bg/scrollbar_bg.png') repeat-y transparent;
   overflow:hidden;
}
.jscroll-e{
   width:15px;
   background:url('images/bg/scrollbar_bg.png') right 0px repeat-y transparent;
}
.jscroll-u,
.jscroll-d{
   background:url('images/bg/scrollbar_bg.png') no-repeat transparent;
}

.jscroll-u-out{
   background-position:0px 0px;
}
.jscroll-h .jscroll-hu-out{
   background-position:-45px 0px;
}
.jscroll-h .jscroll-hc-out{
   background-position:-90px center;
}
.jscroll-h .jscroll-hd-out{
   background-position:-45px -15px;
}
.jscroll-d-out{
   background-position:0px -15px;
}

.jscroll-u-hover{
   background-position:-15px 0px;
}
.jscroll-h .jscroll-hu-hover{
   background-position:-60px 0px;
}
.jscroll-h .jscroll-hc-hover{
   background-position:-105px center;
}
.jscroll-h .jscroll-hd-hover{
   background-position:-60px -15px;
}
.jscroll-d-hover{
   background-position:-15px -15px;
}

.jscroll-u-focus{
   background-position:-30px 0px;
}
.jscroll-h .jscroll-hu-focus{
   background-position:-75px 0px;
}
.jscroll-h .jscroll-hc-focus{
   background-position:-120px center;
}
.jscroll-h .jscroll-hd-focus{
   background-position:-75px -15px;
}
.jscroll-d-focus{
   background-position:-30px -15px;
}
/*#endregion */
/* desktop workspace wedgitspace */
/*#region*/
/* 一级标签 */
.desktop
{
    background-color:transparent;
}
.desktop .workspace
{
    float:left;
    width:80%;
	left: 0;
	top: 0;
	padding-top:10px;
	height: 100%;
	overflow:hidden;
	background-color:transparent;
}
.desktop .home
{
    float:left;
    width:80%;
	left: 0;
	top: 0;
	padding-top:30px;
	height: 100%;
	overflow:hidden;
	background-color:transparent;
}
.desktop .wedgitspace
{
    float:right;
    width:141px;
    background-color:transparent;
}

/*#endregion*/
/* workwindow */
/*#region*/
.workwindow
{
    display:none;
    position:absolute;
    top:45px;
    left:10px;
    width:800px;
    min-height:204px;
    z-index:4;
}
.workwindow table
{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}
.workwindow .top-left
{
    background: url(images/icons.png) no-repeat 0px -180px transparent;
    width:15px;
    height:40px;
    empty-cells:show;
}
.workwindow .top-center
{
    background: url(images/bg/tab_top_bg.png) repeat-x bottom ;
    empty-cells:show;
    height:30px;
}
.workwindow .top-right
{
    background: url(images/icons.png) no-repeat -44px -180px transparent;
    width:15px;
    height:40px;
    empty-cells:show;
}
.workwindow .buttom-left
{
    background: url(images/icons.png) no-repeat -60px -213px  transparent;
    width:15px;
    height:13px;
    empty-cells:show;
}
.workwindow .buttom-center
{
    background: url(images/bg/tab_bottom_bg.png) repeat-x bottom ;
    height:13px;
    empty-cells:show;
}
.workwindow .buttom-right
{
    background: url(images/icons.png) no-repeat -95px -213px  transparent;
    width:15px;
    height:13px;
    empty-cells:show;
}
.workwindow .middle-left
{
    background: url(images/bg/tab_main_bg.png) repeat-y left;
    width:15px;
    empty-cells:show;
}
.workwindow .middle-center
{
    background-color:White;
    vertical-align:top;
    empty-cells:show;
}
.workwindow .middle-right
{
    width:15px;
    background: url(images/bg/tab_main_bg.png) repeat-y right;
    empty-cells:show;
}
.workwindow .tabs
{
    height:32px;
    overflow:hidden;
}
.workwindow .tabs .tabs-minm
{
    background: url(images/icons.png) no-repeat -40px -800px  transparent;
    margin-top:7px;
    height:20px;
    float:right;
    width:20px;
    cursor:pointer;
}
.workwindow .tabs .tabs-minm:hover
{
    background: url(images/icons.png) no-repeat -60px -800px  transparent;
}
.workwindow .tabs .tabs-close
{
    background: url(images/icons.png) no-repeat 0px -800px  transparent;
    margin-top:7px;
    height:20px;
    float:right;
    width:20px;
    cursor:pointer;
}
.workwindow .tabs .tabs-close:hover
{
    background: url(images/icons.png) no-repeat -20px -800px  transparent;
}
/* 一级标签*/
.workwindow  .tabs .tab{
   
}
.workwindow  .tabs .tabs-left-scroll
{
    margin-top:12px;
    margin-left:5px;
    margin-right:5px;
    float:left;
	width:16px;
	height:17px;
	display:none;
	cursor:pointer;
	background:url('images/icons.png') no-repeat -80px -820px;
}
.workwindow  .tabs .tabs-left-scroll.active
{
    background:url('images/icons.png') no-repeat -40px -820px;
	
}
.workwindow  .tabs .tabs-container{
    height:32px;
    line-height:32px;
    width:100%;
    float:left;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:top;
	padding-top:7px;
}
.workwindow  .tabs .tabs-container div
{
    /*background:url('images/icons.png') no-repeat  right -180px;*/
    display:inline-block !important;
    display:inline;
    margin-right:1px;
	padding-right:0px;
	white-space:nowrap;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.workwindow  .tabs .tabs-container div a.tab
{
    background:url('images/icons.png') no-repeat -282px -181px;
    float:left;
	padding-left:22px;
	min-width:64px !important;
	width:auto !important;
	width:80px;
	outline:none;
	hideFocus:true;
	text-decoration:none;
	color:Black;
	height:30px;
	line-height:24px;
	text-align:center;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	text-align:left;
}
.workwindow  .tabs .tabs-container div .right
{
    padding-bottom:4px;
    float:left;
    background:url('images/icons.png') no-repeat  -485px -181px;
}
.workwindow  .tabs .tabs-container div.selected .right
{
    padding-bottom:3px;
    float:left;
	background:url('images/icons.png') no-repeat;
    background-position:-485px  -209px;
}
.workwindow  .tabs .tabs-container div.selected a.tab{
	color:#416AA3;
	font-size:12px;
	font-weight:bold;
	background:url('images/icons.png') no-repeat -282px -209px;
}
.workwindow  .tabs .tabs-container div a.close{
    float:left;
	width:16px;
	height:22px;
	font-size:12px;
	margin-bottom:12px !important;
	margin-bottom:12px;
	background: url(images/icons.png) no-repeat -80px -800px  transparent;
}
.workwindow  .tabs .tabs-container div a:hover.close
{
    width:16px;
	cursor:pointer;
	background-position: -100px -800px;
}
.workwindow  .tabs .tabs-container div.selected a.close
{
   width:16px;
   display:inline-block;
   float:left;
}

.workwindow  .tabs .tabs-right-scroll
{
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
    float:right;
	width:16px;
	height:17px;
	display:none;
	cursor:pointer;
	background:url('images/icons.png') no-repeat -100px -820px;
	
}
.workwindow  .tabs .tabs-right-scroll.active{
	background:url('images/icons.png') no-repeat -60px -820px;
}
/* 主操作区域 */
.workwindow  .container {
   width:100%;
   overflow:hidden;
   position:relative;
   margin:0px  -5px 0px -5px;
}
.workwindow  .container .tabs-panel{
   width:100%;
   height:100%;
   display:none;
}
.workwindow  .container .selected{
   display:block;
}
.workwindow  .Container .tabs-panel iframe{
   width:100%;
   height:100%;
   margin-right:4px;
}
/*#endregion*/
/*  子系统切换面板  */
/*#region*/
.portal-panel{
   width:300px;
   height:218px;
   position:absolute;
   display:none;
   z-index:999;
}
.portal-panel .left{
   float:left !important; /* for FF & Safari*/
   display:inline; /* for IE only */
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat 0px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.portal-panel .center{
   position:absolute;
   left:133px;
   width:27px;
   height:14px;
   background: url(images/icons.png) no-repeat -40px -240px transparent;
   cursor:pointer;
   z-index:1000;
}
.portal-panel .right{
   float:left !important;
   display:inline;
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat -21px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.portal-panel .portal-slider{
   float:left !important;
   display:inline;
   width:270px;
   height:204px;
   overflow:hidden;
   background: url(images/bg/subsystem_bg.png) repeat-x transparent;
   position:relative;
   margin-top:11px;
   z-index:999;
}
.portal-panel .portal-slider img{
    position:absolute;
    border:0px;
    cursor:pointer;
}
.portal-panel .close{
   height:27px;
   position:absolute;
   right:20px;
   bottom:20px;
   z-index:1110;
}
.portal-panel .close a{
   margin-right:10px;
}
.portal-panel .portal-slider .block
{
   margin-top:5px;
   float:left;
   display:block;
   height:76px;
   text-align:center;
   overflow:hidden
}
.portal-panel .portal-slider .screen {
    padding: 0px 0px 0px 0px;
}

.portal-panel .portal-slider .screen ul {
    height: 170px;
    padding: 5px 5px 0;
}

.portal-panel .portal-slider .screen ul li{
   width:76px;   
}
.portal-panel .portal-slider .screen ul li .icon-text
{
    color: Black;
    cursor: pointer;
	height:76px;
    width:76px;
	display: inline-block;
	padding:0px;
	outline: none;
}
.portal-panel .portal-slider .screen ul li .icon-text:hover
{
    height:76px;
    width:76px;
    background-image:url(images/bg/desktop_icon_small_bg.png);
    background-repeat:no-repeat;
}
.portal-panel .portal-slider .screen ul li .icon-text span
{
    overflow:hidden;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: Black;
	padding: 3px 0px 0 0px;
	text-align:center;
}
.portal-panel .portal-slider .screen li.block .img{
	height: 40px;
	width: 40px;
	line-height:40px;
}
.portal-panel .portal-slider .screen  li.block .img p
{
    background-color:transparent;
   position:static;   
   +position:absolute;   
   top:50%       
}

.portal-panel .portal-slider .screen  li.block .img p img  
{
    background-color:transparent;
    height: 40px;
    width: 40px;  
    position:static;   
    +position:relative;   
    top:-50%;left:-50%;   
    vertical-align:middle   
 }   
.portal-panel .portal-slider .screen  li.block .img p:after {   
   content:".";font-size:1px;   
   visibility:hidden   
 }
/*#endregion*/
/*  shortcut-panel  */
/*#region*/
.shortcut-panel{
   width:300px;
   height:204px;
   position:absolute;
   display:none;
   z-index:999;
}
.shortcut-panel .left{
   float:left !important; /* for FF & Safari*/
   display:inline; /* for IE only */
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat 0px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.shortcut-panel .center{
   position:absolute;
   left:133px;
   width:27px;
   height:14px;
   background: url(images/icons.png) no-repeat -40px -240px transparent;
   cursor:pointer;
   z-index:1000;
}
.shortcut-panel .right{
   float:left !important;
   display:inline;
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat -21px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.shortcut-panel .shortcut-slider{
   float:left !important;
   display:inline;
   width:270px;
   height:204px;
   overflow:hidden;
   background: url(images/bg/subsystem_bg.png) repeat-x transparent;
   position:relative;
   margin-top:11px;
   z-index:999;
}
.shortcut-panel .shortcut-slider img{
    position:absolute;
    border:0px;
    cursor:pointer;
}
.shortcut-panel .close{
   height:27px;
   position:absolute;
   right:20px;
   bottom:20px;
   z-index:1110;
}
.shortcut-panel .close a{
   margin-right:10px;
}
.shortcut-panel .shortcut-slider .block
{
   margin-top:5px;
   float:left;
   display:block;
   height:76px;
   text-align:center;
   overflow:hidden
}
.shortcut-panel .shortcut-slider .screen {
    padding: 0px 0px 0px 0px;
}
.shortcut-panel .shortcut-slider .screen ul {
    height: 170px;
    padding: 5px 5px 0;
}
.shortcut-panel .shortcut-slider .screen ul li{
   width:76px;   
}
.shortcut-panel .shortcut-slider .screen ul li .icon-text
{
    color: Black;
    cursor: pointer;
	height:76px;
    width:76px;
	display: inline-block;
	padding:0px;
	outline: none;
}
.shortcut-panel .shortcut-slider .screen ul li .icon-text:hover
{
    height:76px;
    width:76px;
    background-image:url(images/bg/desktop_icon_small_bg.png);
    background-repeat:no-repeat;
}
.shortcut-panel .shortcut-slider .screen ul li .icon-text span
{
    overflow:hidden;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: Black;
	padding: 3px 0px 0 0px;
	text-align:center;
}
.shortcut-panel .shortcut-slider .screen li.block .img{
	height: 40px;
	width: 40px;
	line-height:40px;
}
.shortcut-panel .shortcut-slider .screen  li.block .img p
{
    background-color:transparent;
   position:static;   
   +position:absolute;   
   top:50%       
}

.shortcut-panel .shortcut-slider .screen  li.block .img p img  
{
    background-color:transparent;
    height: 40px;
    width: 40px;  
    position:static;   
    +position:relative;   
    top:-50%;left:-50%;   
    vertical-align:middle   
 }   
.shortcut-panel .shortcut-slider .screen  li.block .img p:after {   
   content:".";font-size:1px;   
   visibility:hidden   
 }
/*#endregion*/
/*  lock-desktop-panel  */
/*#region*/
.lock-desktop-panel{
   width:274px;
   height:266px;
   position:absolute;
   display:none;
   z-index:999;
   background: url(images/bg/lock_bg.png) no-repeat transparent;
}
.lock-desktop-panel .lock-lable
{
    background-image:none;
    background-color:transparent;
    border-style:none;
    width:120px; text-align:right;
    padding-right:4px;
    text-align:center;
    width:100%;
    font-size:14px;
    font-weight:bold;
}
.lock-desktop-panel .lock-text
{
    background-color:transparent;
    border-style:none;
    font-size:16px;
    height:28px;
    margin:0px;
    background-image:none;
}
.lock-desktop-panel .lock-text.active
{
    background: url(images/bg/inputpassword_bg.png) no-repeat 0px 0px transparent;
}
.lock-button-confirm
{
    height: 38px;
	width: 218px;
	margin: 0;
	cursor: pointer;
	border: 0px;
	background: url(images/bg/lock_btn_logon.jpg) no-repeat 0px 0px transparent;
	font-size:14px;
	color:White;
	font-weight:bold;
}
.lock-button-confirm:hover
{
    height: 38px;
	width: 218px;
	margin: 0;
	cursor: pointer;
	border: 0px;
	background: url(images/bg/lock_btn_logon.jpg) no-repeat 0px -50px transparent;
	font-size:14px;
	color:White;
	font-weight:bold;
}
/*#endregion*/
/*  change-password-panel  */
/*#region*/
.change-password-panel{
   width:312px;
   height:320px;
   position:absolute;
   display:none;
   z-index:999;
   background: url(images/bg/change_bg.png) no-repeat transparent;
}
.change-password-panel .change-text
{
    background-color:transparent;
    background-image:none;
    font-size:16px;
    padding:2px;
    margin:0px;
}
.change-password-button
{
	height: 29px;
	width: 96px;
	margin: 0;
	cursor: pointer;
	border: 0px;
	background: url(images/icons.png) no-repeat -260px -740px transparent;
	font-size:14px;
	color:White;
	font-weight:bold;
	padding-bottom:2px;
}
.change-password-button:hover
{
	background: url(images/icons.png) no-repeat -260px -770px transparent;
}
/*#endregion*/
/*  换肤面板  */
/*#region*/
.themes-panel{
   width:300px;
   height:204px;
   position:absolute;
   display:none;
   z-index:999;
}
.themes-panel .left{
   float:left !important; /* for FF & Safari*/
   display:inline; /* for IE only */
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat 0px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.themes-panel .center{
   position:absolute;
   left:133px;
   width:27px;
   height:14px;
   background: url(images/icons.png) no-repeat -40px -240px transparent;
   cursor:pointer;
   z-index:1000;
}
.themes-panel .right{
   float:left !important;
   display:inline;
   width:10px;
   height:204px;
   background: url(images/icons.png) no-repeat -21px -240px transparent;
   cursor:pointer;
   margin-top:11px;
}
.themes-panel .themes-slider{
   float:left !important;
   display:inline;
   width:270px;
   height:204px;
   overflow:hidden;
   background: url(images/bg/subsystem_bg.png) repeat-x transparent;
   position:relative;
   margin-top:11px;
   z-index:999;
}
.themes-panel .themes-slider img{
	position:absolute;
   border:0px;
   cursor:pointer;
}
.themes-panel .close{
   height:27px;
   position:absolute;
   right:20px;
   bottom:20px;
   z-index:1110;
}
.themes-panel .close a{
   margin-right:10px;
}
.themes-panel .themes-slider .block
{
   margin-top:5px;
   float:left;
   display:block;
   height:76px;
   text-align:center;
   overflow:hidden
}
.themes-panel .themes-slider .screen {
    padding: 0px 0px 0px 0px;
}
.themes-panel .themes-slider .screen ul {
    height: 170px;
    padding: 5px 5px 0;
}
.themes-panel .themes-slider .screen ul li{
   width:76px;   
}
.themes-panel .themes-slider .screen ul li .icon-text
{
    color: Black;
    cursor: pointer;
	height:76px;
    width:76px;
	display: inline-block;
	padding:0px;
	outline: none;
}
.themes-panel .themes-slider .screen ul li .icon-text:hover
{
    height:76px;
    width:76px;
    background-image:url(images/bg/desktop_icon_small_bg.png);
    background-repeat:no-repeat;
}
.themes-panel .themes-slider .screen ul li .icon-text span{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: Black;
	padding: 3px 0px 0 0px;
	text-align:center;
}
.themes-panel .themes-slider .screen li.block .img{
	height: 40px;
	width: 40px;
	line-height:40px;
}
.themes-panel .themes-slider .screen  li.block .img p
{
    background-color:transparent;
   position:static;   
   +position:absolute;   
   top:50%       
}

.themes-panel .themes-slider .screen  li.block .img p img  
{
    background-color:transparent;
    height: 40px;
    width: 40px;  
    position:static;   
    +position:relative;   
    top:-50%;left:-50%;   
    vertical-align:middle   
 }   
.themes-panel .themes-slider .screen  li.block .img p:after {   
   content:".";font-size:1px;   
   visibility:hidden   
 }
/*#endregion*/
/*Screen*/
/*#region*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.background { width: 0; }
}

.screen ul {
   padding: 5px 5px 0px 5px;
   height:100%;
   list-style:none;
}

#slidecontainer
{
    height:100%;
}
.screen ul li{
   width:120px;
}

.block{
   float:left;
   display:block;
   height:122px;
   text-align:center;
   overflow:hidden;
}

.icon-text{
    cursor: pointer;
	height:122px;
    width:122px;
	display: inline-block;
	padding:0px;
	outline: none;
	text-decoration:none;
}
#slidecontainer .icon-text:hover
{
    height:122px;
    width:122px;
    background-image:url(images/bg/desktop_icon_bg.png);
    background-repeat:no-repeat;
}
    
#slidecontainer .icon-text span
{
    overflow:hidden;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding:0px;
	font-weight:bold;
	font-size:12px;
}

li.block .img
{
	height: 86px;
	width: 86px;
	line-height:86px;
	cursor:pointer;
	position:relative;
	margin:5px auto 0px auto;
    text-align:center; 
    background-position:center;
    background-repeat:no-repeat;
}


.block .count{
   position:absolute;
   right:-20px;
   top:0px;
   width:44px;
   height:40px;
   background-repeat: no-repeat;
   background-image: url('images/bg/count_bg.png')
}
.block .count1{
   background-position: -16px -41px;
}
.block .count2{
   background-position: -16px -84px;
}
.block .count3{
   background-position: -16px -126px;
}
.block .count4{
   background-position: -16px -168px;
}
.block .count5{
   background-position: -16px -210px;
}
.block .count6{
   background-position: -16px -252px;
}
.block .count7{
   background-position: -16px -294px;
}
.block .count8{
   background-position: -16px -336px;
}
.block .count9{
   background-position: -16px -378px;
}
.block .count10{
   background-position: -16px -420px;
}

.block .smallcount{
   position:absolute;
   right:-15px;
   top:0px;
   width:28px;
   height:25px;
   background-repeat: no-repeat;
   background-image: url('images/bg/smallcount_bg.png');
   background-position:0px 3px;
}
.block .smallcount1{
   background-position: -8px -22px;
}
.block .smallcount2{
   background-position: -8px -47px;
}
.block .smallcount3{
   background-position: -8px -72px;
}
.block .smallcount4{
   background-position: -8px -96px;
}
.block .smallcount5{
   background-position: -8px -121px;
}
.block .smallcount6{
   background-position: -8px -145px;
}
.block .smallcount7{
   background-position: -8px -170px;
}
.block .smallcount8{
   background-position: -8px -194px;
}
.block .smallcount9{
   background-position: -8px -219px;
}
.block .smallcount10{
   background-position: -8px -244px;
}
/*#endregion*/
/*trash*/
/*#region*/
#trash {
	position: absolute;
	left: 50%;
	padding-left: 128px;
	padding-top: 128px;
	bottom: 10px;
	display: none;
	background: url(images/slidebox/trash.png) no-repeat center top transparent;
}

#trash.hover { 
	background: url(images/slidebox/trash_hover.png) no-repeat center top transparent;
}
/*#endregion*/
/*control*/
/*#region*/
.control { 
   height: 26px; 
   /*position: absolute; 
   top: 10px; 
   left: 0; */
   z-index: 999; 
   width: 100%; 
} 

.control table { 
   margin: 0 auto; 
   border: 0 none;
} 

.control-r { 
   height: 26px; 
   width: 15px; 
   background: url(images/slidebox/slide_bar_r.png) no-repeat right top transparent; 
} 

.control-l { 
   width: 15px; 
   height: 26px; 
   border: 0 none;
   background: url(images/slidebox/slide_bar_l.png) no-repeat left top transparent; 
} 
.control-c
{
    z-index: 3;	
}
.control a { 
   top: 0px; 
   float: left; 
   width: 26px; 
   height: 26px; 
   background: url(images/slidebox/btn.png) no-repeat center top transparent; 
   display: block; 
    z-index: 9999;	
} 

.control a.active { 
   background: url(images/slidebox/btn_active.png) no-repeat center top transparent; 
} 

.slidebox {
	position: relative;
	z-index: 2;	
	overflow:hidden;
}
/*#endregion*/
/*controls*/
/*#region*/
.controls { 
   height: 10px; 
   position: absolute; 
   top: 10px; 
   left: 0; 
   z-index: 999; 
   width: 100%; 
} 

.controls table { 
   margin: 0 auto; 
   border: 0 none;
} 

.controls-r { 
   height: 10px; 
   width: 10px; 
   background-color: transparent; 
} 

.controls-l { 
   width: 10px; 
   height: 10px; 
   border: 0 none;
   background-color: transparent; 
} 

.controls a { 
   top: 0px; 
   float: left; 
   width: 14px; 
   padding:0px 2px 0px 2px;
   height: 15px; 
   background: url(images/icons.png) no-repeat 0px -820px transparent; 
   display: block; 
} 
.controls a.active { 
   background: url(images/icons.png) no-repeat -20px -820px transparent; 
} 
/*#endregion*/
/*lgoin*/

/*#region*/
.logonbody
{
    background: url("./../../../images/login_bg_main.jpg") repeat-x center transparent;
    height:100%;
    vertical-align:middle;
}

.login_feild
{
    top:0px;
    position:absolute;
    height:100%;
    width:100%;
    background: url("./../../../images/user_04.png") no-repeat center transparent;
}
.login_feild td
{
    background-image:none;
}
.account-field
{
    height:28px;
    vertical-align:bottom;
}
.account-field input
{
    height:24px;  
    line-height:24px;
    font-size:14px;
    background-color: transparent;
    color:#7b7b7b;
    width:152px;
}
.account-field input:focus {outline: none;} 
.password-field
{
    height:33px;
    vertical-align:bottom;
}
.password-field input
{
    color:#7b7b7b;
    height:24px;  
    line-height:24px;
    font-size:14px;
    background-color:transparent;
    width:152px;
}
.password-field input:focus {outline: none;} 
.logonbutton
{
    left:-40px;
    position:relative;
    width:81px;
    height:29px;
    background: url("./../../../images/button.png") no-repeat 0px 0px transparent;
}
.logonbutton:hover
{
    width:81px;
    height:29px;
    background: url("./../../../images/button.png") no-repeat  0px -40px transparent;
}
.logonbottom
{
    color: #7B7B7B;
    height: 20px;
    padding-top:10px;
    padding-bottom:3px;
    line-height: 20px;
    position: absolute;
    bottom:0px;
    width: 100%;
    background: url("./../../../images/bg_bottom.jpg") repeat-x bottom transparent;
}
.logonbottom div
{
    display:inline;
    height:20px;
    padding-left:29px;
    background: url("./../../../images/logo.png") no-repeat center transparent;
}
/*#endregion*/
/*--------------------------------------------------------*/
/* 系统提示框消息样式
----------------------------------------------------------*/
.info, .success, .warning, .error, .validation
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 300px;
	position: absolute;
	z-index: 9999;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/knobs/info.png');
}
.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('images/knobs/success.png');
	
}
.warning
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/knobs/warning.png');
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/content/images/knobs/error.png');
}
/*#endregion*/