/*global*/
body,html { 
	padding:0;
	margin:0;
}
body, html, div, span, input, ul, li, td, p, b, tr, table, textarea {
    font-family: "微软雅黑",宋体, "Courier New", Courier, monospace;
    font-size: 12px;
}
fieldset,form{ 
	background:none; 
	border:none; 
	padding:0; 
	margin:0;
}
body {
	/*background-color:#dcdcdc;*/
}
input[type="text"],input[type="password"]/*,input[type="file"]*/ {
    border:1px solid #E5E5E5;
    height: 25px;
    line-height: 25px;
    /*
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
}

select {
    appearance:none;   
    -moz-appearance:none;   
    -webkit-appearance:none;  
    background: url(images/combo_arrow.png) no-repeat scroll right center transparent;
    padding-right: 14px;   

    border:1px solid #E5E5E5;
    height: 30px;
    line-height: 30px;
    /*
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
}

/*input[type="button"] {
    border: 1px solid #cbcbcc;*/
    /*
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
    /*height: 25px;
    line-height: 25px;
    background-color: #E5E5E5;
    border: none;
}*/
.display-input-panel {
    border: 1px solid #cbcbcc;
    /*
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
    height: 35px;
    line-height: 35px;
    background-color: #E5E5E5;
    border: none;
}

a {
	text-decoration:none;
}
a:hover {
	color:#339;
}
a:link{
	color:#111;
}	
a:visited{
	color:#111;
}		
a:active{
	color:#339;
}
	
.submit-btn {
	height:35px;
	border:none;
	color:#333;
	background-color:#cbcbcc;
    /*
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
}
.copy-box {
	/*版权*/
	text-align:center;
	letter-spacing:1px;
}

/*载入进度框样式*/
.loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.loading-mask-copy {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    background: #000;
    z-index: -1;
}
.loading-mask-msg {
	width:150px;
	height:20px;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-color: #909090;
    background: #ffffff url('images/loading.gif') no-repeat scroll 5px center;
	padding-left:25px;
}

/*login*/
.login-page {
    display:flex;
    flex-direction:column;
    flex:1;
}
.login-top {
    flex:0.4;
    background-image:url(images/background.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-color:#000;
    display:flex;
    flex-direction:column;
    align-content:flex-end;
}
.login-grow {
    flex:1;
}
.login-logo-box {
    height:50px;
    line-height:50px;
    flex:none;
    color:#fcfcfc;
    text-align:center;
}
.login-logo-icon {
    display:inline-block;
    height: 50px;
    padding-left:50px;
    font-size: 18px;
    letter-spacing: 5px;
    background: url(images/software.png) no-repeat left center;
}
.login-logo-box .select-language {
    color: white;
    border: none;
    letter-spacing: 5px;
    font-size: 15px;
    margin-left:10px;
	padding-left:5px;
}
.login-logo-box .select-language>option {
    background-color:black;
}
.login-main {
    flex:0.6;
    background-color:#fff;
    display:flex;
    flex-direction:row;
    justify-content:center;
}
.login-form {
    flex:1;
    margin-top:20px;
}
.login-form tr {
    height:50px;
}
.login-form tr>td {
    font-size:14px;
    letter-spacing:3px;
    display:flex;
    flex-direction:row;
}
.login-form .submit-btn {
    font-size:14px;
    letter-spacing:3px;
}
.login-form input,select {
    flex:1;
}
.login-form label {
	width:100px;
}
.login-form img {
	margin-left:5px;
	vertical-align:bottom;
	border:none;
    cursor:pointer;
}
.login-copy {
    text-align:center;
    font-size:14px;
    letter-spacing:3px;
}

/*main*/
.person-info {
	display:flex;
	height:100%;
	cursor:pointer;
}
.person-info:hover {
	opacity: 0.8;
}
.person-info:link{
	color:#fff;
}	
.person-info:visited{
	color:#fff;
}		
.person-info:active{
	color:#fff;
}
.icon-person {
	display:inline-block;
	background:url('images/avatar1_small.jpg') no-repeat center center;
	width:35px;
	height: 100%;
}
.person-text {
	display:inline-block;
    font-size:13px;
}
.icon-downarrow {
	display:inline-block;
	background:url('images/combo_arrow.png') no-repeat center center;
	width:16px;
	height: 100%;
}
.main-html {
    height:100%;
    display:flex;
}
.main-page {
    overflow: hidden;
    background-color:#dcdcdc;
    display:flex;
    flex-direction:column;
    flex:1;
}
.main-top-layout {
	height:50px;
	color:#ffffff;
	background-color:#000;
    display:flex;
    flex:none;
}
.main-logo-box {
    flex:1;
	width:340px;
    height:50px;
	line-height:50px;
	margin-left:10px;
    font-size:16px;
    letter-spacing:2px;
    padding-left:40px;
    background:url(images/software.png)  no-repeat left center;
}
.main-logo-box .select-language {
	color: white;
	border: none;
	letter-spacing: 5px;
	font-size: 15px;
	margin-left: 10px;
	padding-left: 5px;
}
.main-logo-box .select-language > option {
	background-color: black;
}
.main-welcome-box {
    flex:none;
	margin-left:20px;
	width:200px;
	height:50px;
	line-height:50px;
	letter-spacing:1px;
	color:white;
}
.main-control-box {
    flex:none;
	height:50px;
	line-height:50px;
	margin-right:10px;
    text-align:right;
    display:flex;
}
.main-control-box a {
	margin:0px 10px;
}
.main-control-box a:link{
	color:#ffffff;
}
.main-control-box a:hover {
	color:#eaeaea;
}
.main-panel-box .main-tab {
    height:100%;
    display:flex;
    flex-direction:column;
}
.main-panel-box .main-tab>.tabs-panels {
    display:flex;
    flex-direction:column;
    flex:1;
}
.main-panel-box .panel-tool {
    top: 35%;
    height: 32px;
}
.main-panel-box .layout-button-left {
    background: url('images/menu.png') no-repeat center center;
    width:28px;
    height:32px;
    background-color:#000;
}
.main-panel-box .layout-button-left:hover {
    opacity:0.8;
    background-color:#000;
}
.main-panel-box .layout-split-west {
    border-right: none;
}
.main-panel-box .layout-split-west .panel-body {
    background-color:#3d3d3d;
}
.main-panel-box .main-tab>.tabs-panels>.panel-htop {
    display: flex;
    flex:1;
}
.main-panel-box .panel-header {
    background-color: #3d3d3d;
}
.main-panel-box .panel-title {
    color: #fff;
    height: 45px;
    line-height: 45px;
}
.main-panel-box.panel-header {
    background-color: #3d3d3d;
}
.main-panel-box .panel-header, .main-panel-box .panel-body {
    border:none;
}
.main-panel-box .layout-expand .panel-header, .layout-expand .panel-body {
    background: #3d3d3d;
}
.main-panel-box .tabs-panels {
    border:none;
}
.main-menu {
    color: #fff;
    padding: 0px;
}
.main-menu .item-text>span {
    font-size:14px;
    letter-spacing:1px;
}
.main-panel {
}
.main-info {
}
.main-panel-box {
    flex:1;
}
.main-bottom-layout {
	height:32px;
	line-height:32px; 
    flex:none;
}	
.main-info ul {
    padding: 5px;
    margin:0px;
}
.main-info ul > li {
    height: 40px;
    line-height: 40px;
}
.main-info ul > li.notify {
    background:url(images/notify.gif)  no-repeat 0px 2px;
    padding-left:20px;
}
.main-info ul > li.msg {
    background: url(images/msg.gif) no-repeat 0px 2px;
    padding-left: 20px;
}
.edit-password-btn{
	background-image: url(images/edit-password.png);
    background-repeat: no-repeat;
    padding-left:18px;
}
.help-btn{
	background-image: url(images/help.png);
    background-repeat: no-repeat;
    padding-left:18px;
}
.server-btn{
	background-image: url(images/server.gif);
    background-repeat: no-repeat;
    padding-left:18px;
}
.exit-btn{
	background-image: url(images/exit.png);
    background-repeat: no-repeat;
    padding-left:18px;
}
.download-btn {
	background-image: url(images/icon-download.gif);
    background-repeat: no-repeat;
    padding-left:18px;
}

/*移植过来的样式*/
.tb-sreach {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #F8FBFE;
	overflow: visible;
}
.clear {
	clear: both;
}

.tb-sreach p{
	padding: 0px;
	margin: 0px;
	height: 10px;
	clear: both;
	display: block;
}
.tb-sreach br {
	display: inline;
	clear: both;
}

.tb-sreach input {
	margin-right: 10px;
}
.tb-sreach .item {
	display: block;
	height: 40px;
	float: left;
	line-height: 40px;
	min-width:280px;
	margin-bottom: 10px;
}
.tb-sreach .tb-ps {
	color: #666666;
	line-height: 40px;
}
.tb-sreach .tb-ps em{
    color: #FF0000;
    font-style: normal;
}
	
/*
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());} 
*/

.btn-submit {
	background-color: #F0EEEE;
	background-image: url(images/ico-sreach.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
	cursor: pointer;
	padding-left: 25px;
	border: 1px solid #C3C2C2;
	filter:chroma(color=#000000);  /*IE6.7 下黑边框*/
	color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	width:auto;overflow:visible; /*IE6，7 下Button自动*/
}

.btn-help 
{
    background-image: url(images/help.png);
}

.tb-sreach select {
	margin-right: 10px;
}

.input-text {
	margin: 0px;
	padding: 0px;
	border: 1px solid #9DBDE9;
	height: 20px;
}
.btn-tools {
	margin-bottom: 5px;
	height: 28px;
	line-height: 28px;
	background-color: #EFEDED;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #C3C2C2;
	border-bottom-style: solid;
	border-bottom-color: #C3C2C2;
	background-image: url(images/btn-bj.jpg);
	background-repeat: repeat-x;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C3C2C2;
	margin-top: 0px;
}
.btn-tools a {
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 16px;
	padding-left: 26px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C3C2C2;
	background-repeat: no-repeat;
	background-position: 3px center;
}
.btn-tools a:hover {
	background-color: #FFFFFF;
	color: #3399FF;
}
a.linkbutton-selected{
    color: #3399FF;
    background-color: #FFFFFF;
}
.linkbutton-add{
	background-image: url(images/icon-add.gif);
}
.linkbutton-add-selected{
    
	background-image: url(images/icon-add.gif);
}
.linkbutton-edit{
	background-image: url(images/icon-edit.gif);
}
.linkbutton-del{
	background-image: url(images/icon-del.gif);
}
.linkbutton-refresh{
	background-image: url(images/icon-refresh.gif);
}
.linkbutton-upload{
	background-image: url(images/icon-upload.gif);
}
.linkbutton-download{
	background-image: url(images/icon-download.gif);
}
.linkbutton-import{
	background-image: url(images/icon-import.gif);
}
.linkbutton-export{
	background-image: url(images/icon-export.gif);
}
.linkbutton-count
{
	background-image: url(images/icon-count.gif);
}
.linkbutton-sort{
	background-image: url(images/icon-sort.gif);
}
.linkbutton-save{
	background-image: url(images/icon-save.gif);
}
.linkbutton-back{
	background-image: url(images/icon-back.gif);
}
.linkbutton-button{
	background-image: url(images/icon-tips.gif);
}

.button-submit, .button-cancel, .button-reset, .button-print{ height:24px; width:54px; display:inline-block; text-indent:-9999px; float:left; margin-right:10px; }
.button-submit{ background:url(images/button-submit.jpg) no-repeat}
.button-submit:hover{ background:url(images/button-submit2.jpg) no-repeat}

.button-cancel{ background:url(images/button-cancel.jpg) no-repeat}
.button-cancel:hover{ background:url(images/button-cancel2.jpg) no-repeat}

.button-reset{ background:url(images/button-reset.jpg) no-repeat}
.button-reset:hover{ background:url(images/button-reset2.jpg) no-repeat}

.button-print{ background:url(images/button-print.jpg) no-repeat}
.button-print:hover{ background:url(images/button-print2.jpg) no-repeat}

.tb1 {
}
.tb1 th {
	text-align: left;
	text-indent: 4px;
	line-height: 40px;
	height:40px;
	background-color: #F7F7F7;
	color: #000000;
	background-image: url(images/tb-th-bj.jpg);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #DDDDDD;
	border-bottom-color: #CCCCCC;
	border-left-color: #DDDDDD;
	font-weight: normal;
}
.tb1 td {
	color: #000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #DDDDDD;
	line-height: 40px;
	height:40px;
	text-indent: 4px;
}
.tb1 tr:hover {
	background-color: #ECF5FF;
}
.tb1 .tb-tools-btn a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	height: 24px;
	width: 16px;
	margin-left: 4px;
	margin-right: 8px;
}
.tb-tools-btn .tb-linkebutton-del {
	background-image: url(images/no.png);
}
.tb-tools-btn .tb-linkebutton-edit {
	background-image: url(images/pencil.png);
}
.menu-toolbar {
    padding: 5px 3px;
    background-color: #F9F9F9;
    border-left: 1px solid #ebeafa;
    border-top: 1px solid #ebeafa;
    border-bottom: 1px solid #d9d9db;
    border-right: none;
    flex:none;
}
.menu-toolbar>a.easyui-linkbutton {
    margin-right:5px;
    width:80px; 
}


.my-toolbar {
	background-color: #F9F9F9;
	line-height: 40px;
	height: 40px;
	width: 100%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.my-toolbar a {
	display: block;
	float: left;
	padding-right: 10px;
	color: #333333;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	background-repeat: no-repeat;
	background-position: 5px center;
	text-indent: 25px;
}
.my-toolbar a:hover {
	background-color: #E1F0FF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6AB5FF;
	border-left-color: #6AB5FF;
}

.my-toolbar .linkbutton-fush {
	background-image: url(/Content/themes/icons/reload.png);
}
.my-toolbar .linkbutton-add {
	background-image: url(/Content/themes/icons/edit_add.png);
}
.my-toolbar .linkbutton-edit {
	background-image: url(/Content/themes/icons/pencil.png);
}
.my-toolbar .linkbutton-move {
	background-image: url(/Content/themes/icons/edit_remove.png);
}
.my-toolbar .linkbutton-loadin {
	background-image: url(/Content/themes/icons/redo.png);
}
.my-toolbar .linkbutton-up {
	background-image: url(/Content/themes/icons/up.gif);
}
.my-toolbar .linkbutton-down {
	background-image: url(/Content/themes/icons/down.gif);
}

.my-toolbar .linkbutton-loadout {
	background-image: url(/Content/themes/icons/undo.png);
}
.my-toolbar .linkbutton-print {
	background-image: url(/Content/themes/icons/print.png);
}
.my-toolbar .linkbutton-stop {
	background-image: url(/Content/themes/icons/no.png);
}
.my-toolbar .linkbutton-begin {
	background-image: url(/Content/themes/icons/ok.png);
}
.my-toolbar .linkbutton {
	background-image: url(/Content/themes/icons/tip.png);
}

.my-toolbar-1 {
	background-color: #F9F9F9;
	line-height: 40px;
	height: 40px;
	width: 100%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

.my-toolbar-1 span{
    line-height:22px;
}

.tb1 {
}
.tb1 th {
	text-align: left;
	text-indent: 5px;
	line-height: 40px;
	height:40px;
	background-color: #f8f8f9;
	color: #5a5a5b;
	border-right: 1px solid #cbcbcc;
	border-bottom: 1px solid #cbcbcc;
}
.tb1 td {
	color: #202020;
	border-bottom: 1px solid #cbcbcc;
	border-right: 1px solid #cbcbcc;
	/*line-height: 40px;*/
	height:40px;
	text-indent: 5px;
}
.tb1 tr:hover {
	background-color: #fafafa;
}

.tb1 td a {
	color: #3399FF;
}
.tb1 a:hover {
	text-decoration: underline;
}


.tb-left1 {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #cbcbcc;
	border-left: 1px solid #cbcbcc;
}
.tb-left1 th {
	text-align: left;
	text-indent: 5px;
	line-height: 40px;
	height:40px;
	background-color: #f8f8f9;
	color: #5a5a5b;
	border-right: 1px solid #cbcbcc;
	border-bottom: 1px solid #cbcbcc;
}
.tb-left1 td {
	/*line-height: 40px;*/
	height:40px;
	color: #202020;
	border-bottom: 1px solid #cbcbcc;
	border-right: 1px solid #cbcbcc;
	padding-left: 5px;
}
.tb-left1 tr:hover {
	background-color: #fafafa;
}

.tb1 td a {
	color: #3399FF;
}
.tb1 a:hover {
	text-decoration: underline;
}
.font-red {
	color: #FF0000;
}
.font-green {
	color: #008000;
}
.font-blue {
    color:#0000ff;
}

/*扩展图标*/
.icon-server{
	display:flex;
	background:url('images/server.png') no-repeat left center;
	height: 100%;
    padding-left:35px;
}
.icon-server:hover {
    opacity:0.8;
}
.icon-modify-password{
	background:url('images/modify-password.png') no-repeat center center;
}
.icon-exit-system{
	background:url('images/exit-system.png') no-repeat center center;
}
.icon-system-help{
	background:url('images/system-help.png') no-repeat center center;
}

/*easyui个性化设置*/
.panel-title {
    height: 25px;
    line-height: 25px;
}

/*自定义浏览器相关*/
.window-control-panel {
    /*position:fixed;
    left:0px;
    right:0px;
	*/
	width:100%;
	height:14px;
	line-height:14px;
	text-align:right;
    /*z-index:99999;*/
	border-bottom:1px #444 solid;
	background-color:#333;
	margin-bottom:3px;
	display:none;
}
.window-control-panel>span {
	cursor:default;
	display:inline-block;
}
.window-control-panel>.window-min-button {
	width:18px;
	height:12px;
	background:url('images/win-min-out.png') no-repeat center center;
}
.window-control-panel>.window-min-button:hover {
	background:url('images/win-min-over.png') no-repeat center center;
}
.window-control-panel>.window-max-button {
	width:18px;
	height:12px;
	background:url('images/win-max-out.png') no-repeat center center;
}
.window-control-panel>.window-max-button:hover {
	background:url('images/win-max-over.png') no-repeat center center;

}
.window-control-panel>.window-restore-button {
	width:18px;
	height:12px;
	background:url('images/win-restore-out.png') no-repeat center center;

}
.window-control-panel>.window-restore-button:hover {
	background:url('images/win-restore-over.png') no-repeat center center;

}
.window-control-panel>.window-close-button {
	width:30px;
	height:12px;
	background:url('images/win-close-out.png') no-repeat center center;

}
.window-control-panel>.window-close-button:hover {
	background:url('images/win-close-over.png') no-repeat center center;
}