/*------------------师文佼--------2014-03-21------------------*/
/* Ver 1.0.0 */
/* 
用于定义主框架的布局及样式
*/

/*Core Code 核心代码*/
body, html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, table, tbody, thead, tfoot, 
tr, th, td, sub, sup, tt, dl, dt, dd, ol, ul, li, form, label, font, img, strong, fieldset, legend
{
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    line-height: 100%;
    font-family: "宋体",Arial,sans-serif;
}
html, body
{
    /*min-width: 1000px;     _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");*/
    overflow: hidden;
    z-index: 1;
    /*IE下滚动条样式*/
    scrollbar-face-color: #F8F8F8;
	scrollbar-highlight-color: #87C8FF;
	scrollbar-darkshadow-color: #ECECEC;
	scrollbar-shadow-color: #87C8FF;
	scrollbar-3dlight-color: #ECECEC;
	scrollbar-track-color: #E3ECF9;
	scrollbar-arrow-color: #000000;
}
img{ border: 0px;}
ul, li{ list-style: none;}
a{ outline-style: none;}

/*WebKit下滚动条样式*/
/*滚动条样式*/
::-webkit-scrollbar
{
    background-color: #E3ECF9;
    width: 10px;
    height: 10px;
}
/*滚动条两端的按钮*/
::-webkit-scrollbar-button
{}
/*轨道样式*/
::-webkit-scrollbar-track
{}
/*Handle样式*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive
{
    background: rgba(0, 0, 0, 0.1);
}
/*Hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover
{
    background: rgba(0, 0, 0, 0.3);
}
/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active
{
    background: rgba(0, 0, 0, 0.5);
}

/*Header Style 页头样式*/
#header
{
    width: 100%;
    height: 88px;
    background: url(../Image/Default/header_bg.jpg) repeat-x;
    position: relative;
}
#logo
{
    width: 88px;
    height: 88px;
    background: url(../Image/Default/system_logo.jpg) no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    display:none;
}
#systemName
{
    width: 354px;
    height: 88px;
    /*background: url(../Image/Default/system_name_new.jpg) no-repeat;*/
    position: absolute;
    left: 0px;
    top: 0px;
}
#earth
{
    width: 293px;
    height: 88px;
    background: url(../Image/Default/earth.jpg) no-repeat;
    position: absolute;
    left: 750px;
    top: 0px;
}
#headerMenu
{
    position: absolute;
    /*left: 450px;*/
    left: 390px;
    top: 0px;
    width: 1000px;
    height: 100%;
    overflow: hidden;
}
#headerMenu ul
{
    width: 100%;
    height: 88px;
}
#headerMenu li
{
    position: relative;
    width: 92px;
    height: 100%;
    float: left;
    cursor: pointer;
}
#headerMenu li .ico
{
    position: absolute;
    top: 13px;
    left: 26px;
    width:40px;
    height:40px;
}
#headerMenu li .ico img
{
    width:40px;
    height:40px;
}
#headerMenu li .headerMenuText
{
    position: absolute;
    bottom: 3px;
    width:100%;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #DFEDF5;
}
#headerMenu .liHover
{
    background: url(../Image/Default/header_menu_bg.png) no-repeat;
    width: 92px;
    height: 100%;
}
#infoCover
{
    width: 120px;
    height: 30px;
    background: url(../Image/Default/info_cover.jpg) no-repeat;
    position: absolute;
    top: 42px;
    right: 90px;
}
#exitArea
{
    width: 210px;
    height: 88px;
    background: url(../Image/Default/exit_area.jpg) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}
#exitArea .btnExit
{
    color: #E8F3F9; 
    width: 27px; 
    height: 16px;
    position: absolute; 
    right: 24px; 
    top: 15px; 
    cursor: pointer;
}
#exitArea .btnSet
{
    color: #E8F3F9; 
    width: 27px; 
    height: 16px;
    position: absolute; 
    right: 67px; 
    top: 15px; 
    cursor: pointer;
}
#exitArea .btnAbout
{
    width: 27px; 
    height: 16px;
    position: absolute; 
    right: 112px; 
    top: 15px; 
    cursor: pointer;
}
#exitArea .btnHelp
{
    width: 48px; 
    height: 16px;
    position: absolute; 
    right: 156px; 
    top: 15px; 
    cursor: pointer;
}
#exitArea .loginName
{
    color: #C5D8E1;
    position: absolute;
    right: 130px;
    top: 52px;
    font-weight: 600;
    width: 45px;
    *padding-top: 3px;
    *top: 50px;
}
#exitArea .subsystem
{
    color: #ACC7D5;/*#C5D8E1*/
    position: absolute;
    right: 40px;
    top: 52px;
    font-weight: 600;
    cursor: pointer;
    *padding-top: 3px;
    *top: 50px;
}
#exitArea .arrow
{
    width: 15px;
    height: 20px;
    background: url(../Image/Default/exit_arrow.gif) no-repeat;
    position: absolute;
    right: 23px;
    top: 47px;
    cursor: pointer;
}
#exitArea .info
{
    width: 20px;
    height: 18px;
    line-height: 18px;
    text-align:center;
    background: url(../Image/Default/exit_info.gif) no-repeat;
    position: absolute;
    right: 115px;
    top: 48px;
    color: White;
}

/*Subsystem Area 子系统区域样式*/
#subsystemArea
{
    width: 100%; 
    height: 0px; 
    position: relative;
    z-index: 1000;
}
#subsystemList
{
    width: 206px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
    z-index:2001;
    background-color: #FFFFFF
}
#subsystemList .list
{
    width: 100%;
    height: 100%;
    z-index: 2003;
    background-color: #FFFFFF;/*#F4F8F9*/
}
#subsystemList .list li
{
    width: 100%;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    text-indent: 15px;
    position: relative;
}
#subsystemList .list li .ico
{
    width: 30px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 7px;
    z-index:2002;
}
#subsystemList .list li .text
{
    width: 110px;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    font-weight: 600;
    font-family: "微软雅黑","宋体";
    position: absolute;
    left: 70px;
    top: 0px;
}
#subsystemList #splitLine
{
    height: 20px;
}
#subsystemList #splitLine .text
{
    left: 0px;
    width: 206px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    color: #056CAF;
}

#subsystemListShadow
{
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
    z-index:2000;
}
#subsystemListShadow table
{
    border-collapse: collapse;
}
#subsystemListShadow .leftTop
{
    width: 30px;
    height: 30px;
    background: url(../Image/Default/subsystem_bg.png) no-repeat left top;
    _background: url(../Image/Default/subsystem_bg.gif) no-repeat left top;
    _filter: alpha(opacity=70);
}
#subsystemListShadow .leftMiddle
{
    width: 30px;
    background: url(../Image/Default/subsystem_bg.png) repeat-y -40px top;
    _background: url(../Image/Default/subsystem_bg.gif) repeat-y -40px top;
    _filter: alpha(opacity=70);
}
#subsystemListShadow .leftBottom
{
    width: 30px;
    height: 30px;
    background: url(../Image/Default/subsystem_bg.png) no-repeat -80px top;
    _background: url(../Image/Default/subsystem_bg.gif) no-repeat -80px top;
    _filter: alpha(opacity=70);
}
#subsystemListShadow .bottom
{
    height: 30px;
    background: url(../Image/Default/subsystem_bg.png) no-repeat right top;
    _background: url(../Image/Default/subsystem_bg.gif) no-repeat right top;
    _filter: alpha(opacity=70);
}

/*Left Menu 左侧菜单*/
#leftMenu
{
    width: 186px;
    position: absolute;
    top: 88px;
    left: 0px;
    z-index: 1;
}

#leftMenu .menuHeader
{
    width: 100%;
    height: 40px;
    border-right: 1px solid #439ACB;
    background: url(../Image/Default/menu_header_bg.gif) repeat-x;
    position: relative;
}
#leftMenu .menuHeader img
{
    position: absolute;
    left: 15px;
    top: 12px;
}
#leftMenu .menuHeader span
{
    color: #F6FAFC;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    left: 45px;
    top: 15px;
    
    *top:13px;
    *line-height:17px;
    _top: 13px;
    _line-height:17px;
}

#leftMenu .menu
{
    width: 100%;
    border-right: 1px solid #B7D5DF;
    background-color: #F0F9FD;/*#F8FCFE*/
}
#leftMenu .menu .menuName
{
    width: 100%;
    height: 30px;
    background-color: #D4E7F0;
    border-bottom: 1px solid #B9CAD3;
    border-collapse: collapse;
    position: relative;
    cursor: pointer;
}
#leftMenu .menu .menuName img
{
    position: absolute;
    left: 16px;
    top: 7px;
}
#leftMenu .menu .menuName span
{
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    left: 40px;
    top: 10px;
    
    *top:8px;
    *line-height:17px;
    _top:8px;
    _line-height:17px;
}
/*#leftMenu .menu .menuName .help, #leftMenu .menu .menuName .helpHover
{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 14px;
    height: 14px;
    background-image: url(../Image/Default/menu_help.gif);
    background-position: left top;
}
#leftMenu .menu .menuName .help
{
    background-position: left top;
}
#leftMenu .menu .menuName .helpHover
{
    background-position: left -24px;
}*/

#leftMenu .menu ul
{
    display: none;
    overflow: auto;
    position: relative;
    z-index: 1;
}
#leftMenu .menu ul li
{
    /*width: 100%;*/ /*IE6和IE7会出现无法适应滚动条的Bug*/
    height: 30px;
    background-color: #F0F9FD;/*#F8FCFE*/
    position: relative;
    cursor: pointer;
    z-index: 0;
}
#leftMenu .menu ul li span
{
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 40px;/*50px*/
    white-space: nowrap;
    
    *top:8px;
    *line-height:16px;
    _top: 8px;
    _line-height:16px;
}
#leftMenu .menu ul li .leftIco
{
    width: 3px;
    height: 100%;
    background-color: #EA2020;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    _height: 30px;
}
#leftMenu .menu ul li .middleIco
{
    width: 7px;
    height: 7px;
    background-image: url(../Image/Default/menu_middle_arrow.gif);
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    left: 23px;
    top: 12px;
}
#leftMenu .menu ul li .middleIcoHover
{
    width: 7px;
    height: 7px;
    background-image: url(../Image/Default/menu_middle_arrow.gif);
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    left:23px;
    top: 12px;
}
#leftMenu .menu ul li .rightIco
{
    width: 6px;
    height: 11px;
    background-image: url(../Image/Default/menu_right_arrow.gif);
    background-repeat: no-repeat;
    position: absolute;
    right: -1px;
    top: 10px;
    display: none;
    
    _right: -2px;
}

/*Menu Tab 菜单选项卡*/
#menuTab
{
    width: 100%;
    height: 40px;
    position: relative;
    left: 187px;
    top: 0px;
    z-index: 10;
}
#menuTabHeader
{
    width: 100%;
    height: 40px;
    background-color: #EDF6FA;
    position: absolute;
    left: 0px;
    top: 0px;
}
.menuPosition
{
    position: absolute; 
    left: 0px; 
    top: 8px;
}