@charset "utf-8";
#left,#mid,#right{
	float:left;
	overflow:hidden;
}
/*权限组列表*/
#left{
	position:relative;
	width:20%;
	height:400px;
	background-color:#fff;
}
.top_txt{
	display:block;
	height:30px;
	line-height:30px;
	text-indent:1.5em;
	font-weight:bold;
	background:url(../image/table_th_bg.gif) repeat-x;
}
#left .li-con{
	width:100%;
	height:100%;
	_height:100%;
	overflow-y:scroll;
}
#left .li-con ul{
	width:100%;
	border-top:1px solid #ccc;
	background-color:#fff;
}
#left .li-con li{
	width:100%;
	text-indent:1.5em;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}
#left .li-con .edit-action{
	color:blue;
}
#left .li-con .red{
	color:red;
}
#left .hide-ul{
	display: none;
	_display:none;
	position:absolute;
	width:100%;
	height:100%;
	_height:100%;
	background-color:#fff;
	top:0;
	left:0;
}
#left .hide-ul ul{
	width:100%;
	border-top:1px solid #ccc;
	background-color:#fff;
}
#left .hide-ul li{
	width:100%;
	text-indent:1.5em;
	padding:10px 0;
	border:1px solid #b8cfe5;
	background-color:#ccc;
}
/*权限组用户列表*/
#mid{
	width:20%;
	height:400px;
	background-color:#fff;
	outline:1px solid #ccc;
}
#mid .li-con{
	width:100%;
	height:400px;
	overflow-y:scroll;
}
#mid .li-con ul{
	width:100%;
	border-top:1px solid #ccc;
	background-color:#fff;
}
#mid .li-con li{
	width:100%;
	text-indent:1.5em;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}
/*权限设置*/
#right{
	position: relative;
	width:60%;
	height:400px;
	overflow-y:scroll;
	background-color:#fff;
}
#right .list-con{
	width:100%;
	height:100px;
	margin-bottom:10px;
}
/*通过list和list1，list2确定位置*/
#right .list-con .list{
	width:48%;
	height:100px;
	border:1px solid #ccc;
}
/*让每行的块左右浮动*/
#right .list-con .list1{
	float:left;
}
#right .list-con .list2{
	float:right;
}
/*定义内部样式*/
#right .list-con .list span{
	display:block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-indent:1.5em;
	background:url(../image/table_th_bg.gif) repeat-x;
}
#right .list-con .list table{
	margin-top:10px;
	border:0;
	padding:0;
	border-spacing:0;
	white-space:nowrap;
}
#right .list-con .list table td{
	padding:4px 10px;
}
#right .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	filter:alpha(opacity=40); /*IE滤镜，透明度50%*/
	-moz-opacity:0.4; 	/*Firefox私有，透明度50%*/
	opacity:0.4;	/*其他，透明度50%*/
	z-index: 9;
}
/*右键菜单内容*/
#right-menu{
	display:none;
	_display:none;
	position:absolute;
	border:1px solid #b6c1fa;
	background-color:#fff;
	font-size: 12px;
	top:0;
	left:0;
	z-index:9999999;
}
#right-menu a{
	display:block;
	_display:block;
	padding:8px 16px;
	color:#000;
	text-decoration:none;
}
#right-menu a:hover{
	background-color:#aae5f7;
}
#right-menu a:visited{
	color:#000;
}
#right-menu .mid{
	border-top:1px solid #b6c1fa;
}
/*等待框*/
.wait{
	display:block;
	position:absolute;
	width:200px;
	height:60px;
	line-height: 60px;
	text-align:center;
	font-size:16px;
	color:black;
	background-color:#ccc;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-100px;
}
/*整体的灰色遮罩层*/
#allShade{
	display:none;
	_display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
	-moz-opacity:0.5; 	/*Firefox私有，透明度50%*/
	opacity:0.5;	/*其他，透明度50%*/
	z-index:9999990;
}
/*添加权限组*/
#addPwr{
	display:none;
	position:absolute;
	width:260px;
	background-color:#fff;
	left:50%;
	margin-left:-150px;
	top:200px;
	z-index: 9999996;
}
#addPwr span{
	display: block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../image/table_th_bg.gif) repeat-x;
}
#addPwr .txt-con{
	width:100%;
	height:60px;
}
#addPwr .txt-con input[type="text"]{
	width:180px;
	height:30px;
	line-height: 30px;
	margin-top:20px;
	margin-left:30px;
	border:1px solid #b8cfe5;
}
#addPwr .btn-con{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}
#addPwr .btn-con input[type="button"]{
	/*初始化按钮*/
	font-size: 12px;
	text-decoration: none!important;
	font-family: Helvetica, Arial, sans serif;
	padding: 6px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	/*定义颜色和样式*/
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
	/*按钮的上右下左的距离*/
	margin-left:40px;
}
#addPwr .btn-con input[type="button"]:hover{
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
/*重命名权限组*/
#rename{
	display:none;
	position:absolute;
	width:260px;
	background-color:#fff;
	left:50%;
	margin-left:-150px;
	top:200px;
	z-index: 9999996;
}
#rename span{
	display: block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../image/table_th_bg.gif) repeat-x;
}
#rename .txt-con{
	width:100%;
	height:60px;
}
#rename .txt-con input[type="text"]{
	width:180px;
	height:30px;
	line-height: 30px;
	margin-top:20px;
	margin-left:30px;
	border:1px solid #b8cfe5;
}
#rename .btn-con{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}
#rename .btn-con input[type="button"]{
	/*初始化按钮*/
	font-size: 12px;
	text-decoration: none!important;
	font-family: Helvetica, Arial, sans serif;
	padding: 6px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	/*定义颜色和样式*/
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
	/*按钮的上右下左的距离*/
	margin-left:40px;
}
#rename .btn-con input[type="button"]:hover{
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
/*权限组用户*/
#user_power{
	display:none;
	_display:none;
	position:absolute;
	width:400px;
	background-color:white;
	top:80px;
	left:50%;
	margin-left:-200px;
	z-index: 99999991;
}
#user_power span{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	padding:6px 30px;
	background:url(../image/cell.png) no-repeat 5px 5px;
}
#user_power select{
	width:100%;
	height:24px;
	border-top:1px solid #ccc;
}
/*固定头部*/
#user_power .tbHead{
	position:relative;
	width:100%;
	height:30px;
	overflow: hidden;
}
#user_power .tbHead table{
	width:100%;
	border-spacing: 0;
	border-collapse:collapse;
}
#user_power .tbHead th{
	padding:4px 8px;
	border:1px solid #ccc;
	text-align: center;
	background:url(../image/table_th_bg.gif) repeat-x;
	white-space: nowrap;
}
#user_power .tbHead td{
	padding:4px 8px;
	border:1px solid #ccc;
	text-align: center;
	white-space: nowrap;
}
#user_power .con_table{
	position:relative;
	width:100%;
	height:300px;
	overflow-y: scroll;
	overflow-x:hidden;
}
#user_power .con_table table{
	position:absolute;
	width:400px;
	border-spacing: 0;
	border-collapse:collapse;
	top:-30px;
}
#user_power .con_table th{
	padding:4px 8px;
	border:1px solid #ccc;
	text-align: center;
	background:url(../image/table_th_bg.gif) repeat-x;
	white-space: nowrap;
}
#user_power .con_table td{
	padding:4px 8px;
	border:1px solid #ccc;
	text-align: center;
	white-space: nowrap;
}
#user_power .input_container input{
	/*初始化按钮*/
	font-size: 12px;
	text-decoration: none!important;
	font-family: Helvetica, Arial, sans serif;
	padding: 6px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	/*定义颜色和样式*/
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
	/*按钮的上右下左的距离*/
	margin:10px 70px;
}
#user_power .input_container input:hover{
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}