::-webkit-scrollbar-track-piece
{
	background-color:#EEEEEE;
	/*-webkit-border-radius:4px;*/
}
::-webkit-scrollbar
{
	width:15px;
	/*height:8px;*/
}

::-webkit-scrollbar-button
{
    /*display: block;*/
    background-color: #b3d8f2;
    border: 1px solid #6db6e1;
}

::-webkit-scrollbar-arrow
{
    display: block;
	color:#FF00FF;
	background-color: #FF0000;
}

/*
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment
{
    display:block;
    background-color: #b3d8f2;
    border: 1px solid #6db6e1;
}
*/

::-webkit-scrollbar-thumb
{
	/*height:50px;*/
	background-color:#b3d8f2;
	/*-webkit-border-radius:0px;*/
    
	/*outline:2px solid #fff;*/
	/*outline-offset:-2px;*/
	border: 1px solid #6db6e1;
}

::-webkit-scrollbar-thumb:hover
{
	/*height:50px;*/
	background-color:#6db6e1;
	/*-webkit-border-radius:4px;*/
}

/*scrollbar-arrow-color: color; /*三角箭头的颜色*/
/*scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/
/*scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
/*scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/
/*scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
/*scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
/*scrollbar-track-color: color; /*立体滚动条背景颜色*/
/*scrollbar-base-color: color; /*滚动条的基色*/
body
{
	margin:0px auto;
	background-color:#FFFFFF;
	
	SCROLLBAR-FACE-COLOR: #b3d8f2;
	SCROLLBAR-HIGHLIGHT-COLOR: #b3d8f2;
	SCROLLBAR-SHADOW-COLOR: #6db6e1;
	SCROLLBAR-3DLIGHT-COLOR: #6db6e1;
	SCROLLBAR-ARROW-COLOR: #33669b;
	SCROLLBAR-TRACK-COLOR: #EEEEEE;
	SCROLLBAR-DARKSHADOW-COLOR: #b3d8f2;
	SCROLLBAR-BASE-COLOR: #fcfcfc
}
/*页面层容器*/
#container
{
    width:996px;
    height:auto;
    margin: 0 auto;
    /*border:solid 1px #000000;*/
}
/*页面头部*/
#Header
{
    width:100%;
    height:105px;
    background:url(../IMAGES/common/bg_top.jpg);
}
/*页面主体*/
#PageBody
{
    width:100%;
    margin:0 auto;
    height:auto;
    background:white;/*rgb(173,173,173);*/
}
#mainbody
{
	float:left;
}
/*页面底部*/
#Footer
{
    width:100%;
    height:85px;
    text-align:center;
	font-size:12px;
    font-weight: bold;
    font-family:Arial;
    color: #FFFFFF;
	background-image:url(../IMAGES/common/bg_bottom.jpg);
	float:left;
}
#Footer div{line-height: 85px; font-size: 13px;}
        
#HeaderLog
{
    float: left;
	width:212px;
	height:105px;
	float:left;
    background:url(../IMAGES/icon/icon_logo.png);
}

#HeaderBody
{
    float: left;
	width:784px;
    height: 105px;
}

#HeaderTop
{
	height:22px;
	width:100%;
    font-family:Arial;
    font-size: 12px;
    color: #c7e5ff;
    line-height: 22px;
    padding: 3px 0px 3px 0px;
}  

#HeaderTop img
{
    float: right;
    margin-right: 5px;
}

#HeaderTop #showWelcome
{
    float: right;
    width: 135px;
}

#HeaderTop #showWelcome .welcome_user
{
    float: right;
    padding-right: 10px;
	width:40px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
}

#HeaderTop #showWelcome .signout
{
    float: right;
    cursor: pointer;
}

#HeaderTop .title_date
{
    float: right;
    width: 170px;
}

#dToolBar
{
	float:left;
	height:77px;
}

tfoot td
{
    text-align:center;
}

.tbheader
{
    background: rgb(82,146,204);
}
    
.nifty
{ 
    margin: 0 auto;
    background: #9BD1FA; 
    width:100%;
}

.nifty .content{ padding:0 10px; }

    b.rtop, b.rbottom{
    display:block;
    background: #FFF} 
    b.rtop b, b.rbottom b{
    display:block;
    height:1px;
    overflow:hidden; 
    background:#9BD1FA
    } 
    b.r1{margin: 0 5px 0 0} 
    b.r2{margin: 0 3px 0 0} 
    b.r3{margin: 0 2px 0 0} 
    b.rtop b.r4, b.rbottom b.r4{margin: 0 1px 0 0;height: 2px}
    
#divDeviceTable {
width:100%;
height:86%;
}

#HeaderBootom {
margin: 0px;
height:70px
}

#groupNav{
float:left;

}
#idSwitch
{   
    background-color: #1873aa;   
    float: left;
    margin: auto 0;
    padding:  0;
    height:400px;
    width:6px;     
}

#divImage
{
    position: relative;
    top: 200px;        
}
.navPoint { 
    COLOR: white; 
    CURSOR: hand; 
    FONT-FAMILY: Webdings; 
    FONT-SIZE: 9pt 
}

#siderbar
{
	float:left;
	cursor:default;
	width:212px;
	/*height:700px;*/
	background:#daedfe;
    overflow: hidden;
    font-family:Arial;
}

#sider_title
{
	width:202px;
	height:44px;
	background:url(../IMAGES/common/bg_sub-nav_layer01.jpg);
    height: 44px;
	line-height:44px;
	text-align: left;
	font-size:18px;
	color:#FFFFFF;
    padding-left: 10px;
}

#sider_body{width:212px; height: 656px; text-align:left; overflow-y: auto; overflow-x: hidden;}
#sider_body .menu_contain_1st{list-style:none; width:auto; padding:0px; margin:0px; cursor: pointer;}
#sider_body .menu_contain_2nd{list-style:none; width:auto; padding:0px 0px 0px 10px; margin:0px; cursor: pointer;}
#sider_body .menu_contain_3rd{list-style:none; width:auto; padding:0px 0px 0px 20px; margin:0px; cursor: pointer;}
#sider_body .menu_contain_4th{list-style:none; width:auto; padding:0px 0px 0px 20px; margin:0px; cursor: pointer;}

#sider_body .font_menu_1st
{
    width:auto;
    height:38px;
	line-height:38px;
	color:#FFFFFF;
	font-size:17px;
	text-align: left;
	background:url(../IMAGES/common/bg_sub-nav_layer02_n.jpg);
    padding-left: 10px;
}

#sider_body .font_menu_2nd
{
	width:auto;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	height:32px;
	line-height:32px;
	color:#32659a;
	font-size:15px;
	text-align: left;
/*    padding-left: 10px;*/
}

#sider_body .font_menu_1st .text{float:left; width:150px; text-align:center;}
#sider_body .font_menu_1st .action{float:right; width:15px; height:30px;}

#sider_body .font_menu_2nd .text{float:left; width:150px; text-align:center;}
#sider_body .font_menu_2nd .action{float:right; width:15px; height:30px;}
#sider_body .font_menu_2nd img{margin-right: 5px;}

#MainContent{float:left; width:764px; height:700px; background: #F4F4F4; padding:0px 10px 0px 10px;}

#NavBar{border-bottom:solid 1px #8AAABE; height:44px; line-height: 44px; font-family:Arial; font-size:17px; color:#326292;}
#NavBar .navitem{float:left; /*cursor:pointer;*/}
#NavBar .navsplit{float:left; display:block; margin:0px 2px 0px 2px;}

#logInfo{border:solid 1px #8AAABE; height:150px; margin:10px 0px 0px 0px; display:none}
#logInfo .title{height:20px; padding:5px 0px 5px 5px; background:#8aabbe; font-family:Arial; font-size:12pt; line-height:20px; color:#FFFFFF}
#logInfo #log_content{height:110px; overflow-y:auto; font-size:12px;}

/* user advance list*/
ul#uSecList {
    list-style-type:none;
    margin:4px 14px;
}

ul#uSecList li.select{
    list-style-image:url(/images/expand.gif); 
}

.alertBack{background: url(/Public/img/alertBg.png);}
.alertMain{border: solid 1px #6db6e1; width: 300px; padding-bottom: 10px; font-family: Arial; background-color: #FFFFFF;}
.alertMain .alertTitle{background-color: rgb(82,146,204); padding: 2px 2px 3px 5px;}
.alertMain .alertTitle .alertTitleText{float: left; line-height: 28px; font-size: 16px; font-weight: bold; color: #FFFFFF;}
.alertMain .alertTitle .alertClose{float: right;}
.alertMain .alertTitle .alertClose input{height:28px; width:28px; background: url(/Public/img/bt/bt_exit_s.png); color: #FFFFFF; padding: 0px; border: none}
.alertMain .alertBody{margin-top: 10px; padding-left: 10px;}
.alertMain .alertBody .alertPicture{float: left; width: 32px; height: 32px; background: url(/Public/img/exclamation_32.png);}
.alertMain .alertBody .alertMessage{float: left; width: 220px; height: auto; /*border: solid 1px #FF0000; background: #ffd9d9;*/ margin-left: 10px; padding: 3px; font-size: 12px; color: #FF0000;}
.alertMain .alertFoot{margin-top: 20px; text-align: center;}
.alertMain .alertFoot input{height:28px; width:65px; background: url(/Public/img/bt/bt_bg.png); color: #FFFFFF; padding: 0px; border: none}