@charset "UTF-8";
/* CSS Document */
.flexigrid{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;}
.flexigrid.hideBody{height: 26px !important;border-bottom: 1px solid #ccc;}
.ie6fullwidthbug{border-right: 0px solid #ccc;padding-right: 2px;}
.flexigrid div.nDiv{background-color: #fff;border: 1px solid #ededed;padding: 10px;position: absolute;z-index: 99;top: 26px;right: -1px;border-radius: 0 5px 5px 5px;}
.flexigrid div.nDiv em{position: absolute;z-index:999;right: 0;top: -3px;height: 5px;border-top: 1px solid #fff;width: 28px;background: #fff;}
.flexigrid .nDiv h5{font-size: 12px; font-weight: normal; line-height: 24px; color: #46A136;padding-bottom: 5px;}
.flexigrid .nDiv ul{max-height: 200px;overflow: auto;}
.flexigrid .nDiv li {line-height: 20px; text-align: left;border-bottom: dotted 1px #e6e6e6; }
.flexigrid .nDiv li:hover { color: #666; background: #f0f0f0; }
.flexigrid .nDiv li span { font-size: 12px; vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;zoom:1;}
.flexigrid .nDiv li span.ndcol1 { margin-right: 5px; }
.flexigrid th>div,.flexigrid td>div{padding: 0 15px;width: 100%;box-sizing:border-box;height: 40px;line-height: 40px;}
.flexigrid th>div{height: 35px;line-height: 35px;}
.flexigrid div.bDiv table.autoht{border-bottom: 0px;margin-bottom: 0px;}
.flexigrid div.nBtn{position: absolute;right:15px;top:10px;height: 18px;width: 18px;padding: 5px;z-index: 10;background: #f7f7f7;border: 1px solid #f7f7f7;cursor: pointer;}
.flexigrid div.nBtn:hover{background: #fff;border:1px solid #ededed;border-bottom: 1px solid #fff;}
.flexigrid div.nBtn .sz-ico{width: 20px;height: 20px;background: url(skin/s_ico.png) no-repeat -20px 0;}		
.flexigrid div.nBtn.srtd{background: url(images/wbg.gif) repeat-x 0px -1px;}
.flexigrid div.mDiv{position: absolute;left:0;top: 0;right: 0;background: #fff;display: block;white-space: nowrap;height: 50px;}
.flexigrid div.mDiv div.ftitle{float: left;padding: 0 15px;line-height: 40px;}
.flexigrid div.mDiv div.ftitle h3{float: left;font-size: 14px;}
.flexigrid div.mDiv div.ftitle h5{float: left;margin-left: 10px;}
.flexigrid .pReload{float: left;width: 20px;height: 20px;padding: 5px;background: #f7f7f7;margin: 5px 0 0 0;cursor: pointer;margin-right: 5px;}
.flexigrid .pReload span{display: block;width: 20px;height: 20px;background: url(skin/s_ico.png) no-repeat -20px -20px;}
.flexigrid .pReload.loading span{color: #090;-webkit-animation: fa-spin 0.2s infinite linear; animation: fa-spin 0.2s infinite linear;}

@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

.flexigrid div.mDiv div.ptogtitle{
	display: none;
	position: absolute;
	top: 4px;
	right: 3px;
	padding: 0px;
	height: 16px;
	width: 16px;
	overflow: hidden;
	border: 1px solid #ccc;
	cursor: pointer;
}

.flexigrid div.mDiv div.ptogtitle:hover{background-position: left -2px;border-color: #bbb;}
					
.flexigrid div.tDiv /*toolbar*/{
	background: #fff;
	position: relative;	
	padding: 6px 0;		
	border: 1px solid #ededed;
	border-top: none;
	overflow: hidden;
	margin: 0 10px;
}
.flexigrid div.tDiv2{float: left;clear: both;padding: 1px;}

.flexigrid div.sDiv{position: absolute;top: 10px;right:65px;border: 1px solid #c9c9c9;height: 30px;overflow: hidden;border-radius: 3px;width: 240px;}

.flexigrid select{border: 1px solid #d3d2d2;height: 30px;}
.flexigrid div.sDiv select{float: left;width: 150px;margin-right: 10px;display: none;}
.flexigrid div.sDiv .qsbox{position: absolute;left:0;top:0;height: 30px;line-height: 30px;padding: 0 10px;width: 170px;border: none;font-size: 12px;}
.flexigrid div.sDiv .qsearch{position: absolute;right:0;top:0;width: 24px;border: none;background: url(skin/search.png) no-repeat 3px 6px;height: 30px;cursor: pointer;}
.flexigrid div.sDiv .qclose{display: none;position: absolute;right: 28px;top: 7px;width: 16px;height: 16px;background: url(skin/search.png) no-repeat -1px -33px;cursor: pointer;}
			
	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}
	
.flexigrid div.fbutton{
	float: left;
	display: block;
	cursor: pointer;
	border-bottom:1px solid #c5c6c6;
	margin-left: 10px;
	height: 28px;
}
.flexigrid div.fbutton div{float: left;border: 1px solid #ebe9e9;}		
.flexigrid div.fbutton span{
	float: left;
	display: block;
	height: 25px;
	background: #f9f9f9;
	border: 1px solid #fff;
	font-size: 12px;
	color: #666;
	line-height: 25px;
	padding: 0 10px;
}

/*.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver{
	padding: 0px;
	border: 1px solid #ccc;
}

.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div{
	padding: 0px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}*/
.flexigrid div.fbutton:hover div span, .flexigrid div.fbutton.fbOver div span{
	background: #f0f0f0;
}	
		
	
/* end toolbar*/

.flexigrid div.hDiv{
	position: absolute;
	left: 0;
	top: 50px;
	right: 0;
	background: #f5fafc;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	height: 35px;
	overflow: hidden;
}
.flexigrid .hDiv i.ico-check {float: left;background: url(skin/s_ico.png) no-repeat 0 -20px;width: 20px; height: 20px; cursor: pointer;}
.flexigrid .hDiv .trSelected i.ico-check { background-position: 1px 1px; }
.flexigrid .hDiv .sorted { background-color: #e6e6e6; }
.flexigrid div.cDrag{
	float: left;
	position: absolute;
	z-index: 2;
	overflow: visible;
	border-right: 1px dashed #ccc;
}

.flexigrid div.cDrag div{
	float: left;
	background: none;
	display: block;
	position: absolute;
	height: 24px;
	width: 5px;
	cursor: col-resize;
}
	
.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging{background: url(skin/line.gif) repeat-y 2px center;}

.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}
	
	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.flexigrid div.bDiv{
	background: #fff;
	position: absolute;
	left: 0;
	top: 87px;
	right: 0;
	bottom: 41px;
	overflow: auto;
	min-height: 300px;
}
.flexigrid .bDiv td i.ico-check {float:left;background: url(skin/s_ico.png) no-repeat 0 -20px;width: 20px; height: 20px;margin-top: 10px;}
.flexigrid .bDiv .trSelected td i.ico-check { background-position: 1px 1px; }
.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(images/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;				
				margin-right: 0px;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(skin/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}

.flexigrid div.hDiv th,
.flexigrid  div.bDiv td  /* common cell properties*/{text-align: left;padding: 0;}
.flexigrid div.hDiv th{border-right:1px solid #ededed;}
.flexigrid div.hDiv th, div.colCopy{
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #494a4b;
	overflow: hidden;
}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(skin/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted{background:#e3e3e3 ;}
.flexigrid div.hDiv th.thMove{background: #fff;color: #fff;}
.flexigrid div.hDiv th.sorted.thMove div{padding-bottom: 4px}
.flexigrid div.hDiv th.thMove div{background: #fff !important;}
.flexigrid div.hDiv th.sign input{margin-top: 10px;}
.flexigrid div.hDiv th div.sdesc{background: url(skin/dn.png) no-repeat center top;}	
.flexigrid div.hDiv th div.sasc{background: url(skin/up.png) no-repeat center top;}	
.flexigrid div.bDiv td{vertical-align: top;white-space: nowrap;border-bottom: 1px solid #ebeff1;border-right: 1px solid transparent;}
.flexigrid div.bDiv td.sign input{margin-top: 13px;}
.flexigrid span.cdropleft{
	display: block;
	background: url(skin/prev.gif) no-repeat -4px center;
	width: 24px;
	height: 24px;
	position: relative;
	top: -24px;
	margin-bottom: -24px;
	z-index: 3;
}
.flexigrid div.hDiv span.cdropright{
	display: block;
	background: url(skin/next.gif) no-repeat 12px center;
	width: 24px;
	height: 24px;
	float: right;
	position: relative;
	top: -24px;
	margin-bottom: -24px;
}


/*.flexigrid div.bDiv td div{height: 42px;line-height: 42px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}*/
.flexigrid div.bDiv td.handle-s div,
.flexigrid div.bDiv td.handle div{overflow: visible;}
.flexigrid tr td.sorted{background: #f3f3f3;border-right: 1px solid #f3f3f3;}		
.flexigrid tr.erow td{background: #f7f7f7;}
.flexigrid tr.erow td.sorted{background: #e3e3e3;}						

.flexigrid div.bDiv tr:hover td, 
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td{background: #eafcf8;}
					
.flexigrid div.bDiv tr.trSelected:hover td, 
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted, 
.flexigrid tr.trSelected td{
	background: #fef0ed;
}

	/* novstripe adjustments */

.flexigrid.novstripe .bDiv table{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.flexigrid.novstripe  div.bDiv td  {border-right-color: #fff;}		
.flexigrid.novstripe div.bDiv tr.erow td.sorted{border-right-color: #e3e3e3;}
.flexigrid.novstripe div.bDiv tr td.sorted{border-right-color: #f3f3f3;}
.flexigrid.novstripe  div.bDiv tr.erow td  {border-right-color: #f7f7f7;border-left-color: #f7f7f7;}
.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td{border-left-color: #d9ebf5;border-right-color: #d9ebf5;}

	/* end novstripe */

.flexigrid div.pDiv{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f7f7f7;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
}

.flexigrid div.pDiv div.pDiv2{position: relative;border: 1px solid #fff;height: 38px;line-height: 38px;}	
	
div.pGroup-mi{
	width: 220px;
	position: absolute;
	top:0;
	left: 50%;
	margin: 0 0 0 -110px;
}
div.pGroup-mi .pButton{float: left;margin-top: 9px;}
div.pGroup-ri{float: right;padding-right: 20px;}
div.pGroup-le{float: left;padding-left: 20px;}
div.pGroup-le select{margin:0 10px;width: 60px;}
	
.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol{position: relative;float: left;overflow: visible;line-height: 40px;}
.flexigrid div.pDiv input{vertical-align: text-top;position: relative;top: -5px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #eaeaea;}
	
	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		

.flexigrid .pSearch{background: url(skin/magnifier.png) no-repeat center;}
.flexigrid .pFirst{background: url(skin/first.gif) no-repeat center;}
.flexigrid .pPrev{background: url(skin/prev.gif) no-repeat center;}
.flexigrid .pNext{background: url(skin/next.gif) no-repeat center;}
.flexigrid .pLast{background: url(skin/last.gif) no-repeat center;}
			


/* ie adjustments */
.flexigrid.ie div.hDiv th div,  div.colCopy.ie div/* common inner cell properties*/{overflow: hidden;}			
		
/*add by dany*/
.flexigrid .namebox>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flexigrid div.fbutton span i{float:left;width: 20px;height: 20px;background: url(skin/s_ico.png) no-repeat;}
.flexigrid div.fbutton span .tb-del{background-position: -23px -38px;}
.flexigrid div.fbutton span .tb-export{background-position: -23px -58px;}
.flexigrid div.fbutton span .tb-add{background-position: -23px -78px;}
.flexigrid div.fbutton span .tb-back{background-position: -23px -118px;}

.flexigrid .bDiv .td-btn{vertical-align: top; position: relative;display: inline-block;*display:inline-block;zoom:1;background: url(skin/btn_bg.png) no-repeat -83px 0;height: 20px;line-height: 20px;padding: 4px 10px 3px 6px;cursor: pointer;margin: 7px 3px 0 0;}
.flexigrid .bDiv .td-btn em{float:left;background: url(skin/s_ico.png) no-repeat;width:20px;height:20px;overflow: hidden;vertical-align: middle;margin-right: 2px;}
.flexigrid .bDiv .td-btn2 em{float:left;background: url(skin/s_ico.png) no-repeat;width:20px;height:20px;overflow: hidden;vertical-align: middle;margin-right: 2px;}
.flexigrid .bDiv .td-btn:hover,
.flexigrid .bDiv .td-btn2:hover{color: #f86a52;text-decoration: none;}
.flexigrid .bDiv .td-btn .td-del{background-position: -20px -40px;}
.flexigrid .bDiv .td-btn:hover .td-del{background-position: 0 -81px;}
.flexigrid .bDiv .td-btn .td-edit{background-position: 0 -60px;}
.flexigrid .bDiv .td-btn2 .td-edit{background-position: 0 -60px;}
.flexigrid .bDiv .td-btn:hover .td-edit{background-position: 0 -40px;}
.flexigrid .bDiv .td-btn2:hover .td-edit{background-position: 0 -40px;}
.flexigrid .bDiv .td-btn .td-look{background-position: -40px -20px;}
.flexigrid .bDiv .td-btn:hover .td-look{background-position: -40px 0;}
.flexigrid .bDiv .td-btn .td-exam{background-position: -40px -60px;}
.flexigrid .bDiv .td-btn:hover .td-exam{background-position: -40px -40px;}
.flexigrid .bDiv .td-btn .td-default{background-position: -40px -100px;}
.flexigrid .bDiv .td-btn:hover .td-default{background-position: -40px -80px;}
.flexigrid .bDiv .td-btn .td-xia{background-position: -40px -140px;}
.flexigrid .bDiv .td-btn:hover .td-xia{background-position: -40px -120px;}
.flexigrid .bDiv .td-btn .td-pass{background-position: -40px -180px;}
.flexigrid .bDiv .td-btn:hover .td-pass{background-position: -40px -160px;}
.flexigrid .bDiv .td-btn .td-unpass{background-position: -40px -220px;}
.flexigrid .bDiv .td-btn:hover .td-unpass{background-position: -40px -200px;}
.flexigrid .bDiv .td-btn .td-handle{background-position: -60px -40px;}
.flexigrid .bDiv .td-btn:hover .td-handle{background-position: -60px -20px;}
.flexigrid .bDiv .td-btn2{vertical-align: top; position: relative;display: inline-block;*display:inline-block;zoom:1;background: url(skin/btn_bg.png) no-repeat -146px 0;height: 20px;line-height: 20px;padding: 4px 10px 3px 6px;cursor: pointer;margin: 7px 3px 0 0;}
.flexigrid .bDiv .td-btn2 .td-design{float:left;background: url(skin/s_ico.png) no-repeat 0 -180px;width:20px;height:20px;overflow: hidden;vertical-align: middle;margin-right: 2px;}
.flexigrid .bDiv .td-btn2:hover .td-design{background-position: -20px -180px;}
.flexigrid .bDiv .btn-set{vertical-align: top; position: relative;z-index:1;display: inline-block;*display:inline-block;zoom:1;height:26px;cursor: pointer;margin: 7px 3px 0 0;}
.flexigrid .bDiv .btn-set .td-btn{margin: 0;display: block;z-index: 2;background-position: 0 0;padding-right: 2px;}
.flexigrid .bDiv .td-btn .td-set{background-position: 0 -101px;}
.flexigrid .bDiv .btn-set .td-btn .td-arr{background-position: 0 -120px;transition:all 0.2s ease-in 0s;}
.flexigrid .bDiv .btn-set .td-btn span{float: left;margin-right: 6px;}
.flexigrid .bDiv .btn-set:hover{z-index: 3;}
.flexigrid .bDiv .btn-set:hover .td-btn{color: #f86a52;}
.flexigrid .bDiv .btn-set:hover .td-btn .td-set,
.flexigrid .bDiv .td-btn:hover .td-set{background-position: -20px -101px;}
.flexigrid .bDiv .btn-set:hover .td-arr{transform:rotate(270deg);}
.flexigrid .bDiv .btn-set:hover ul{display: block;}
.flexigrid .bDiv .btn-set ul{display: none;position: absolute;z-index:1;left:100%;top: 0;vertical-align: top;}
.flexigrid .bDiv .btn-set ul li{height: 25px;overflow: hidden;border: 1px solid #ededed;}
.flexigrid .bDiv .btn-set ul li a{display: block;height: 23px;line-height: 23px;border: 1px solid #fff;background: #f7f7f7;padding: 0 15px;}
.flexigrid .bDiv .btn-set ul li:hover{border: 1px solid #f86a52;}
.flexigrid .bDiv .btn-set ul li:hover a{background: #f86a52;color: #fff;text-decoration: none;}
.flexigrid .bDiv tr:last-child .btn-set ul { bottom: 0; top: auto; }
.flexigrid .bDiv tr:nth-child(1) .btn-set ul { top: 0;bottom: auto;}
.flexigrid .bDiv tr:nth-child(2) .btn-set ul { top: 0;bottom: auto;}
.flexigrid .bDiv tr:nth-child(3) .btn-set ul { top: 0;bottom: auto;}
.flexigrid .bDiv .user-avatar{
	height: 25px;
	width: 25px;
	background-color: #fff;
    border: 2px solid #f6f5f5;
    border-radius: 25px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.flexigrid .bDiv tr.erow .user-avatar{border: 2px solid #fff;}
.flexigrid .bDiv .yes{line-height: 30px;color: #2eb398;}
.flexigrid .bDiv .no{line-height: 30px;color: #999;}
.flexigrid .bDiv .yes i,.flexigrid .bDiv .no i{display: inline-block;*display: inline;zoom:1;width:20px;height:20px;background: url(skin/s_ico.png) no-repeat;vertical-align: middle;margin-right: 5px;}
.flexigrid .bDiv .yes i{background-position: 0 -140px;}
.flexigrid .bDiv .no i{background-position: -20px -140px;}
.flexigrid .bDiv .kg{display: inline-block;*display: inline;zoom:1;width: 60px;height: 24px;background: url(skin/switch.png) no-repeat;text-indent: -10000em;vertical-align: middle;overflow: hidden;}
.flexigrid .bDiv .on{background-position: 0 0;}
.flexigrid .bDiv .off{background-position: 100% 0;}
.flexigrid .bDiv .pic-thumb-tip{display: inline-block;*display: inline;zoom:1;width: 17px;height: 12px;background: url(skin/s_ico.png) no-repeat -2px -164px;}

.no-data{padding: 50px;text-align: center;line-height: 34px;font-size: 16px;font-weight: bold;color: #999;}
.no-data i{display: inline-block;*display: inline;zoom:1;background: url(skin/info.gif) no-repeat ;width: 34px;height: 34px;margin-right: 10px;vertical-align: middle;}
.details{width:56px;height:27px;line-height:27px;background:url(skin/btn_bg.png) no-repeat;display:inline-block;*zoom:1;*display:inline;text-align:center;margin:8px auto;}
.w190{width:190px;}