﻿body, select, input, table{
	font-size:12px;
	font-family:"宋体";
}
*{
	user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
}
body{
	margin:0px;
	padding:0px;
	overflow:auto;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
input {
	user-select:all;
	-moz-user-select:text;
	-webkit-user-select:all;
	-ms-user-select:all;
}
fieldset{
	border-radius:5px;
	margin:5px;
}
.mask{
	position:fixed;
	left: 0px;
	top: 0px;
	z-index:0;
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	display: none;
	visibility: hidden;
	background-Color: #aaa;
	opacity:0.2;
	filter:alpha(opacity=20);
	cursor: not-allowed;
	user-select:none;
	-moz-user-select:none;
}
div.getSize{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-Color: #000;
	opacity:0.2;
	filter:alpha(opacity=20);
}
.tuiBase{
	position:absolute;
	background:#f00;
	-moz-user-select:none;
}
.tuiRight{
	float:right;
}
.splitterV{
	float:left;
	width:1px;
	height:100%;
	//border-left:1px #8db2ee solid;
	//border-left:1px #aaa solid;
	//border-right:1px #fff solid;
	border-left: 1px solid #e0ecff;
	border-right: 1px solid #8db2e3
	//background-color:#8db2ee;
	margin:0 5px 0 5px;
}
.imgButton{
	border:none;
	margin:0px;
}
/*下拉框*/
.tuiCombo {
	display: inline-block;
	white-space: nowrap;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 1px solid #A4BED4;
	background: white;
	overflow: hidden;
	vertical-align: middle;
}
.tuiCombo input{
	height: 20px;
	border:0px;
	padding: 0px 2px;
	line-height: 20px;
}
.tuiCombo .arrow {
	background-Color: #E0ECF9;
	background: url(../img/tui/combo_arrow.gif) no-repeat 2px center;
	width: 18px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border-left: 1px solid #bbb;
}
.tuiCombo .arrow:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border-left: 1px solid #A4BED4;
}
.tuiCombo-panel{
	position:absolute;
	overflow:hidden;
	background: white;
	border: 1px solid #99BBE8;
	box-shadow:3px 3px 5px rgba(0,0,0,.2);
}
.tuiCombo-panel .item {
	padding: 2px;
	padding: 3px;
	padding-right: 0px;
	cursor:pointer;
}
.tuiCombo-panel .item:hover {
	background-color:#eaeaea;
}
/*图片按钮*/
.tuiImageRadio,
.tuiImageButton{
	border:none;
	cursor:pointer;
	outline: 0;
	word-break:keep-all;
}
/*链接按钮*/
a.tuiLnkBtnPlain{
	float:left;
	width:16px;
	height:16px;
	margin:2px 3px 2px 2px;
	padding:5px;
	color:#333;
	cursor:pointer;
	background-position:6px 5px;
	white-space:nowrap;
	border:1px solid transparent;
	/*background-color:transparent;*/
}
a.tuiLnkBtnPlainDisabled{
	color:#ccc;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:default;
}
a.tuiLnkBtnPlain:hover{
	background-color:#d0dcff;
	background-color: rgba(208,220,255,0.6);
	border:1px #8db2ee solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
a.tuiLnkBtn{
	color: #111;
	outline: none;
	display: inline-block;
	height:24px;
	line-height:24px;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	padding:0 18px 0 0;
	background:url(../img/tui/btn_a_bg.gif) no-repeat top right;
	cursor:pointer;
}
a.tuiLnkBtn .left{
	display: inline-block;
	background:url(../img/tui/btn_bg.gif) no-repeat top left;
	padding: 4px 0px 4px 18px;
	line-height: 16px;
	height: 16px;
}
a.tuiLnkBtn .text{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 20px;
	background-position: left center;
}
/*对话窗口*/
.tuiDialog{
	position:fixed;
	border:1px #333 solid;
	border-radius:5px;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:3px 3px 10px rgba(10,10,10,.5);
	background:url(../img/tui/dlg.png) repeat-x;
	left:200px;
	top:200px;
	background-color:#eefbff;
	/*overflow:hidden;*/
}
.tuiDialog .header{
	/*cursor:pointer;*/
	/*border-bottom:1px #aaa solid;*/
	/*border-radius:5px 5px 0 0;*/
	/*background-color:#bdddf6;*/
}
.tuiDialog .title{
	height:20px;
	line-height:20px;
	padding:5px 6px 5px 27px;
	background-position:5px 5px;
	font-weight:bold;
	vertical-align:middle;
	cursor:default;
}
.tuiDialog .tool{
	position: absolute;
	top: 0px;
	right: 1px;
	margin: 0px;
}
.tuiDialog .body{
	margin:5px;
	vertical-align:top;
	line-height:150%;
}
.tuiDialog .body iframe{
	margin:0px;
	padding:0px;
}
.tuiDialog .footer{
	height:24px;
	padding:5px;
	border-top:1px #aaa solid;
	text-align:right;
	background-color:#fafafa;
	border-radius:0 0 5px 5px;
}
.tuiDialog .minBtn{
	margin: 0px;
	display: inline-block;
	background:url(../img/tui/dlgMin.png) no-repeat;
	width:38px;
	height:20px;
	border:0;
}
.tuiDialog .closeBtn{
	margin: 0px;
	display: inline-block;
	background:url(../img/tui/dlgClose.png) no-repeat;
	width:40px;
	height:20px;
	border:0;
	border-radius:0 5px 0 0;
}
/*游戏窗口*/
.tuiGameDlg{
	position:absolute;
	background-color:#000;
}
/*	border:1px #333 solid;
	border-radius:5px;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:3px 3px 10px rgba(10,10,10,.5);
	background:url(../img/tui/dlg.png) repeat-x;
	left:200px;
	top:200px;
	background-color:#eefbff;*/

/*分隔条*/
.splitter{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.splitter .left{
	position:absolute;
	height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.splitter .barH{
	position:absolute;
	width: 3px;
	height: 100%;
	float: left;
	background-color: #e0ecff;
	border:1px #8db2ee solid;
	border-width:0 1px;
	cursor: col-resize;
}
.splitter .right{
	position:absolute;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.splitter .top{
	width:100%;
}
.splitter .barV{
	width:100%;
	height:3px;
	background-color: #e0ecff;
	border:1px #8db2ee solid;
	border-width:1px 0;
	cursor: row-resize;
}
.splitter .bottom{
	width:100%;
}
.splitter .moving{
	position:absolute;
	z-index:999;
	filter:alpha(opacity=50);
	opacity:0.5;
}
/*表格*/
.tuiList{
	overflow:hidden;
}
.tuiList .inner{
	float:left;
	width:10000px;
	display: block;
	background:#fafafa url('../img/tui/header.png') repeat-x left bottom;
}
.tuiList .header{	/*表头*/
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
}
.tuiList table{
	border-collapse:collapse;
	border-spacing:0;
	cursor:default;
}
.tuiList .header tr{
	height:20px;
}
.tuiList .header td{
	font-size:12px;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #fff;
	font-weight:normal;
}
.tuiList .header td div{
	margin:0;
	padding:3px 4px;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}
.tuiList .body{	/*内容*/
	margin:0;
	padding:0;
	overflow:auto;
	zoom:1;
}
.tuiList .body tr{
	height:20px;
}
.tuiList .body tr:hover{
	/*background-color:#e0ecff;*/
	background-color: rgba(224,236,255,.5);
}
.tuiList .body .my{
	/*background-color:#8db2ee;*/
	background-color: rgba(141,178,238,.6);
}
.tuiList .body .selected{
	/*background-color:#FBEC88;*/
	background-color: rgba(251,188,136,.5);
}
.tuiList .body td{
	font-size:12px;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.tuiList .body td div{
	overflow:hidden;
	margin:0;
	padding:0px 4px;
	white-space:nowrap;
	word-wrap:normal;
	word-break:keep-all;
	height:18px;
	line-height:18px;
}
/*菜单*/
.tuiMenu {
	position: absolute;
	background: #F0F0F0 url('../img/tui/menu.gif') repeat-y;
	margin: 0;
	padding: 2px;
	border: 1px solid #CCC;
	overflow: hidden;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.tuiMenu .sep{
	margin:3px 0px 3px 24px;
	line-height:2px;
	font-size:2px;
	background:url('../img/tui/menu_sep.png') repeat-x;
}
.tuiMenu .item{
	position: relative;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	_border: 1px solid #f0f0f0;
}
.tuiMenu .disabled{
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:default;
}
.tuiMenu .item:hover{
	border:1px solid #7eabcd;
	background:#fafafa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.tuiMenu .item .text{
	position: absolute;
	left: 28px;
	top: 0px;
}
.tuiMenu .item .icon{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 2px;
}
.tuiMenu .item .rightArrow{
	position: absolute;
	width:4px;
	height:7px;
	top:7px;
	right:5px;
	background:url('../img/tui/menu_rightarrow.png') no-repeat;
}

/*标签页*/
.tuiTabs{
	overflow:hidden;
	background:#fff;
}
.tuiTabs .tabs{
	position:absolute;
	left:0px;
	background-color:#e0ecff;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:100%;
	height:32px;
	overflow:hidden;
	border-top:1px #e0ecff solid;
	-moz-user-select:none;
}
.tuiTabs .tabs ul{
	list-style-type: none;
	width: 5000px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	font-size: 12px;
	border:1px #8db2e3 solid;
	border-width: 1px 0 0 0;
}
.tuiTabs .tabs li{	/*标签*/
	float:left;
	display:inline-block;
	position: relative;
	margin:-1px 0 0 10px;
	padding:5px 6px 5px 27px;
	color:#333;
	border:1px #8db2ee solid;
	/*border-top:1px solid transparent;*/
	/*border-top-width:0px;*/
	cursor:pointer;
	border-radius:0 0 5px 5px;	/*-moz-border-radius:0 0 5px 5px;	-webkit-border-radius:0 0 5px 5px;*/
	background-position:5px 4px;
	white-space:nowrap;
}
.tuiTabs .tabs li.active{
	//background-color:#d0dcff;
	padding:6px 6px 6px 27px;
	border-top:1px solid #e0ecff;
	border-bottom:2px blue solid;
	font-weight:bold;
	/*outline: none;*/
}
.tuiTabs .tabs li:hover{
	background-color:#d0dcff;
	box-shadow:0 0 3px rgba(100,100,100,.5);
}
.tabs li a.tabs-close {
	position: absolute;
	font-size: 1px;
	display: block;
	padding: 0px;
	width: 11px;
	height: 11px;
	top: 7px;
	right: 5px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: url('../img/tui/tabs_close.gif') no-repeat 2px 2px;
}
.tabs li a.tabs-close:hover {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:hand;
	cursor:pointer;
	background-color:#8DB2E3;
}
.tuiTabs .tools{
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	height:100%;
	//overfollow:hidden;
	//white-space:nowrap;	//border-top:1px #8db2e3 solid;
	//border-left:1px #8db2ee solid;
	padding:0px 5px 0px 5px;
}
.tuiTabs .panels{
	border:1px #8db2e3 solid;
	margin:2px;
	padding:0px;
}
.tuiTabs .panels .panel{
	margin:0px;
	padding:0px;
}
/*工具提示*/
.tuiToolTip{ /* CSS属性顺序按照 字母首字母 排列*/
	position: absolute;
	background:#fdf9e5; 
	border:1px solid #fd7d2c;
	color:#222222;
	display: block;
	text-align: left;
	padding: 5px 3px 5px 3px;
	z-index:110000; 

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0, 0, 0, .3);
}
.tuiToolTip .down {
	border-bottom-width: 0;
	border-left: 7px solid transparent; 
	border-right: 1px solid transparent;
	border-top: 8px solid #fd7d2c;
	bottom: -8px;
	display: block;
	height:0;
	left: 5px;
	margin-left: 0px;
	position: absolute; 
	width:0;
}
.tuiToolTip .downInner {
	position: absolute; 
	border-left: 6px solid transparent; 
	border-right: 0px solid transparent;
	border-top: 7px solid #fdf9e5;
	left: -6px;
	top: -8px;
}
.tuiToolTip .up {
	border-bottom-width: 0;
	border-left: 7px solid transparent; 
	border-right: 1px solid transparent;
	border-bottom: 8px solid #fd7d2c;
	top: -8px;
	display: block;
	height:0;
	left: 5px;
	margin-left: 0px;
	position: absolute; 
	width:0;
}
.tuiToolTip .upInner {
	position: absolute; 
	border-left: 6px solid transparent; 
	border-right: 0px solid transparent;
	border-bottom: 7px solid #fdf9e5;
	left: -6px;
	bottom: -8px;
}
/*树形列表*/
.tuiTree {
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	overflow:auto;
	-moz-user-select:none;
}
.tuiTree img{
	border: 0px;
	vertical-align: middle;
	width:18px;
	height:18px;
}
.tuiTree a {
	color: #333;
	font-family:"宋体";
	text-decoration: none;
	cursor:pointer;
}
.tuiTree a.node, .tuiTree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.tuiTree a.node:hover, .tuiTree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.tuiTree a.nodeSel {
	background-color: #c0d2ec;
}
.tuiTree div.node:hover{
	background-color:#e0ecff;
}
.tuiTree .clip {
	overflow: hidden;
}
.tuiTree .online {
	color:#777;
}
.icon-root{
	background:url('/img/icon/base.gif') no-repeat;
}
.icon-folder{
	background:url('/img/icon/folder.gif') no-repeat;
}
.icon-folderOpen{
	background:url('/img/icon/folderopen.gif') no-repeat;
}
.icon-node{
	background:url('/img/icon/room.gif') no-repeat;
}

a.btn {
	display: inline-block;
	height: 22px;
	min-width: 24px;
	line-height: 22px;
	font-family: Simsun	9pt;
	_overflow-y: hidden;
	padding: 0 12px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	border-radius: 4px;
}
a.icon{
	padding-left:32px;
	background-position: 12px center;
}
a.btn:active{
	
}
a.btn:hover{
	outline:none;
	/*box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);*/
}
a.btn_gray {
	border: 1px solid #888;
	color: black;
	color: black!important;
	background-color: #F3F3F3;
	background-color: -moz-linear-gradient(top,white 0%,#EBEBEB 90%,#F3F3F3 100%);
	background-color: -webkit-linear-gradient(top,white 0%,#EBEBEB 90%,#F3F3F3 100%);
	background-color: -o-linear-gradient(top,white 0%,#EBEBEB 90%,#F3F3F3 100%);
	background-color: -ms-linear-gradient(top,white 0%,#EBEBEB 90%,#F3F3F3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#d7d7d7',GradientType=0 );
	background-color: linear-gradient(top,white 0%,#EBEBEB 90%,#F3F3F3 100%);
	margin-right: 3px;
}
a.btn_gray:active{
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);
	border-color:#7e7e7e;
	background-color:#F3F3F3;
	background-color:-moz-linear-gradient(top,#ebebeb,#F3F3F3);
	background-color:-webkit-linear-gradient(top,#ebebeb,#F3F3F3);
	background-color:-o-linear-gradient(top,#ebebeb,#F3F3F3);
	background-color:-ms-linear-gradient(top,#ebebeb,#F3F3F3);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb',endColorstr='#F3F3F3',GradientType=0 );
	background-color:linear-gradient(top,#ebebeb,#F3F3F3);
}
a.btn_gray:focus{
	border-color:#0074bc;
}
/*For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
For IE 5.5 - 7
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#909090');
*/
