@CHARSET "UTF-8";

.grid-area .pannel{
	font-size:12px;
	background-color:white;
	border:solid 1px gray;
	width:100px;
}
	.grid-area .pannel .header{
		height:15px;
		padding:1px 0 0 0 ;
		border-bottom:solid 1px gray;
		background-color:#E6E6E6;
	}
	.grid-area .pannel .header .close{
		cursor:pointer;
	}
	.grid-area .pannel a{
		cursor:pointer;
		color:gray;
		display:block;
		padding:1px;
	}

/*--------------------------------------------------------
	Simple grid
--------------------------------------------------------*/
.simple-grid{
	position:inherit;
	clear:both;
}
	.simple-grid .loading{
		width:100%;
		height:100%;
		position:absolute;
		z-index:10;
	}
		.simple-grid .loading div{
			display:block;
			width:100px;
			height:50px;
			background-color:none;
			margin:20px auto;
			text-align:center;
		}
			.simple-grid .loading div p{
				margin:0;
				padding:0;
				text-align:center;
				float:none;
				width:auto;
				height:30px;
			}
			.simple-grid .loading div p.status{
				display:none;
			}
	.simple-grid .grid-header{
		scrollbar-track-color:#BCBCBC;
		scrollbar-face-color:#BCBCBC;
		scrollbar-arrow-color:#BCBCBC;
		scrollbar-base-color: #BCBCBC;
		scrollbar-3dlight-color:#BCBCBC;
		scrollbar-shadow-color: #BCBCBC;
		scrollbar-darkshadow-color: #BCBCBC;
		scrollbar-highlight-color: #BCBCBC;
		overflow-x:hidden;
	}
	.simple-grid .grid-header::-webkit-scrollbar{
		color:#BCBCBC;
		background-color:#BCBCBC;
	}
	
	.simple-grid .grid-body{
		border-bottom:solid 1px #ababab;
		overflow:hidden;
	}
	.simple-grid table{
		font-size:11px;
		border-left:solid 1px white;
		border-collapse: collapse;
		width:100%;
		background-color:white;
	}
		.simple-grid table thead{
		}
			.simple-grid table thead tr{
			}
				.simple-grid table thead tr th{
					color:black;
					background-color:#f6f6f6;
					padding:3px;
					border-top:solid 1px #ababab;
					border-bottom:solid 1px #ababab;
					border-right:solid 1px #ababab;
				}
				.simple-grid table thead tr th.MULTI_SELECT{
					text-align:center;
					padding:0;
				}
				
				.simple-grid table thead tr th[last=true]{
					border-right:solid 1px white;
				}
					.simple-grid table thead tr th[sortable=true] span.title{
						cursor:pointer;
						background:url(/images/btn_asc.png) no-repeat center right;
						padding-right:12px;
					}
					
					.simple-grid table thead tr th[sortType=asc] span.title{
						background:url(/images/btn_desc.png) no-repeat center right;
					}
					.simple-grid table thead tr th span.resize{
						float:right;
						height:21px;
						width:3px;
						cursor: e-resize;
						margin-right:-2px;
					}
		.simple-grid table tbody{
			
		}
			.simple-grid table tbody tr{
			}
			.simple-grid table tbody tr[depth=dep1]{
				background-color:#BFBFBF;
			}
			.simple-grid table tbody tr[depth=dep2]{
				background-color:#D9D9D9;
			}
			.simple-grid table tbody tr[depth=dep3]{
				background-color:#F2F2F2;
			}
			/*
			.simple-grid table tbody tr[depth=dep1]{
				background-color:#9DC3E6;
			}
			.simple-grid table tbody tr[depth=dep2]{
				background-color:#BDD7EE;
			}
			.simple-grid table tbody tr[depth=dep3]{
				background-color:#D2DEEF;
			}
			*/
			.simple-grid table tbody tr[depth=dep4]{
			}
			.simple-grid table tbody tr:hover{
				background-color:#D4E9B4;
			}
				.simple-grid table tbody tr td[rowspan]{
					background-color:white;
				}
				.simple-grid table tbody tr td.label *.data{
						text-indent:20px;
				}
				.simple-grid table tbody tr.group{
				}
					.simple-grid table tbody tr.group td{
					}
					.simple-grid table tbody tr.group td *.data{
						cursor: pointer;
					}
					.simple-grid table tbody tr.group td.folded *.data{
						background:url(images/btn_fold.gif) center left no-repeat;
					}
					.simple-grid table tbody tr.group td.unfolded *.data{
						background:url(images/btn_unfold.gif) center left no-repeat;
					}
				.simple-grid table tbody tr.changed{
					
				}
					.simple-grid table tbody tr.changed input.changed{
						color:red;
					}
					.simple-grid table tbody tr.new input{
						color:blue;
					}
				.simple-grid table tbody tr th{
					background-color:#e0e0e0;
					padding:3px;
					border-top:solid 1px #e0e0e0;
					border-bottom:solid 1px #e0e0e0;
					border-right:solid 1px #e0e0e0;
					cursor:move;
				  /*text-align:right; */
				  	text-align:center;
					font-weight: bold;
				}
				.simple-grid table tbody tr td{
					border:solid 1px #e0e0e0;
					padding:0 3px 0 0;
				}
				.simple-grid table tbody tr:first-child th{
					border-top:none;
				}
				.simple-grid table tbody tr:first-child td{
					border-top:none;
				}
				
				.simple-grid table tbody tr td.selected{
					background-color:#FFF799;
				}
				.simple-grid table tbody tr td.copy{
					background-color:#FFC3DD;
				}
				.simple-grid table tbody tr td.first{
					border-left:none;
				}
				.simple-grid table tbody tr td.last{
					border-right:solid 1px white;
				}
					.simple-grid table tbody tr td[colname=MULTI_SELECT]{
						text-align:center;
						padding:0;
					}
					.simple-grid table tbody tr td.selectable input[type=text]{
						color: brown;
						cursor: pointer;
					}
					.simple-grid table tbody tr td span.data{
						display:block;
						line-height:1.5em;
						cursor: default;
					}
					.simple-grid table tbody tr td *.data{
						width:100%;
						width:calc(100% - 3px);
						height:auto;
						border:none;
						font-size:11px;
						background:none;
						padding:2px 0px 2px 2px;
						line-height: normal;
					}
					
					.simple-grid table tbody tr td select{
						width:100%;
						border:none;
						background:none;
					}
			.simple-grid table tbody tr.overed td{
				border-top:dashed 1px black;
			}
		.simple-grid table tbody tr.selected{
		}
			.simple-grid table tbody tr.selected td *{
				font-weight:bolder;
			}
	.simple-grid .controller-addchild{
		width:15px;
		height:15px;
	}
	.simple-grid .controller-remove{
		width:15px;
		height:15px;
	}

	.simple-grid .simple-grid-pager{
		margin-top:3px;
		border:solid 1px #ababab;
		background-color:#f6f6f6;
		padding:5px;
		line-height: normal;
	}
		.simple-grid .simple-grid-pager button{
			width:18px;
			height:18px;
			padding:0;
			margin:0;
			cursor:pointer;
		}
			.simple-grid .simple-grid-pager button span{
				display:none;
			}
		.simple-grid .simple-grid-pager .reflash{
			float:left;
			background:url(/images/btn_reflash.png) no-repeat;
			border:none;
		}
		.simple-grid .simple-grid-pager .move{
			width:300px;
			margin:auto;
			text-align:center;
		}
			.simple-grid .simple-grid-pager .move input[type=text]{
				width:30px;
				height:18px;
				margin:0;
				vertical-align:top;
				font-size:12px;
				text-align:center;
				line-height: normal;
				padding:0;
			}
			.simple-grid .simple-grid-pager .move input.pages{
				background:none;
				border:none;
			}
			
			.simple-grid .simple-grid-pager .move button{
				margin:0 5px 0 5px;
				cursor:pointer;
				border:none;
			}
			.simple-grid .simple-grid-pager .move button.first{
				background:url(/images/btn_first.png) no-repeat;
			}
			.simple-grid .simple-grid-pager .move button.preview{
				background:url(/images/btn_prev.png) no-repeat;
			}
			.simple-grid .simple-grid-pager .move button.next{
				background:url(/images/btn_next.png) no-repeat;
			}
			.simple-grid .simple-grid-pager .move button.last{
				background:url(/images/btn_last.png) no-repeat;
			}
			
			.simple-grid .simple-grid-pager .move select{
				width:auto;
				height:20px;
				vertical-align:top;
				font-size:12px;
				padding:0;
			}
/*---------------------------------------------------------------
Accordion section
---------------------------------------------------------------*/
.accrodion-section{
	
}
	.accrodion-section ol{
		list-style: none;
		margin:0;
		padding:0;
	}
		.accrodion-section ol li{
			margin:0;
			padding:0;
		}

/*---------------------------------------------------------------
Index style
---------------------------------------------------------------*/	
/* default */
.index-over{
	/*
	color:black;
	*/
}
.index-remain{
	/*
	color:black;
	*/
}
.index-less{
	color:red;
}

/* type A */
.index-over-A{
	color:red;
	background:url(/images/index_over_A.png) center left no-repeat;
	text-indent:15px;
}
.index-remain-A{
	/*
	color:black;
	*/
}
.index-less-A{
	color:blue;
	background:url(/images/index_less_A.png) center left no-repeat;
	text-indent:15px;
}

/* type B */
.index-over-B{
	color:blue;
	background:url(/images/index_over_B.png) center left no-repeat;
	text-indent:15px;
}
.index-remain-B{
	/*
	color:black;
	*/
}
.index-less-B{
	color:red;
	background:url(/images/index_less_B.png) center left no-repeat;
	text-indent:15px;
}