﻿
.jsu_gridview
{
	position:relative;
	background: white;
	margin: 0px;
	padding: 0px;
	-moz-user-select: none;
	font-size: 12px;
	width:100%;
	overflow:visible; 
}

.jsu_gridview table
{
	table-layout: fixed;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
.jsu_gridview table td
{
	cursor: default;
	white-space: nowrap;
	word-break: break-all;
	text-indent: 0px;
}

.jsu_gridview .hide
{
display:none;
}
.jsu_gridview .show
{
display:block;
}
/*标题栏样式*/
.jsu_gridview .title
{
	width:auto;
	position: absolute;
	top: 0px;
	left: 0px;
	background:#fff;
}
.jsu_gridview .title .chk
{
	width: 25px;
	text-align: center;
}
.jsu_gridview .title .tr
{
	height: 22px;
}
.jsu_gridview .title .num
{
	text-indent: 0px;
	text-align: center;
	background: url(images/DataGrid/title_bg.gif) repeat-x center bottom;
	border: 0px solid;
		border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	width: 29px;
}
.jsu_gridview .title .col
{
	cursor: default;
	padding-top: 1px;
	background: url(images/DataGrid/title_bg.gif) repeat-x center bottom;
	border: 0px solid;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}
.jsu_gridview .title .lstc
{
	border: 0px solid;
	border-bottom: 1px solid #D0D0D0;
	background: url(images/DataGrid/title_bg.gif) repeat-x center bottom;;
}

.jsu_gridview .title .over
{
	cursor: hand;
	padding-top: 1px;
	background: #FFFFFF url(images/DataGrid/title_bg_over.gif) left bottom repeat-x;
	border-right: 1px solid #D0D0D0;
}
.jsu_gridview .title .sortdown
{
	cursor: default;
	background: #DEDFD8;
	border: 1px solid #A5A597;
	position: relative;
	left: 1px;
}
.jsu_gridview .title .arrow
{
	font-size: 10px;
	color: #808080;
}


/*数据区域*/
.jsu_gridview .data
{
	position: absolute;
	width:auto;
	top: 0px;
	left: 0px;
	z-index: 1px;
}
.jsu_gridview .data .chk
{
	width: 25px;
	text-align: center;
}
/*数据区域 第一行*/
.jsu_gridview .data .one
{
	height: 23px;
}
.jsu_gridview .data .one .num
{
	border-left: 0px;
	border-top: 0px;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	width: 30px;
}
.jsu_gridview .data .one .col
{
	border-left: 0px;
	border-top: 0px;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}
.jsu_gridview .data .one .lstc
{
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #D0D0D0;
}
.jsu_gridview .data .row
{
	height: 22px;
}
.jsu_gridview .data .row .num
{
	border: 1px solid #D0D0D0;
	text-align:center;
}
.jsu_gridview .data .row .col
{
	border: 1px solid #E4E4E4;
}
.jsu_gridview .data .row .lstc
{
	border: 1px solid #E4E4E4;
}
.jsu_gridview .data .over
{
	background: #d9ebf5;
}
.jsu_gridview .data .over .col
{
	border: 1px solid #a8d8eb;
}
.jsu_gridview .data .over .lstc
{
	border: 1px solid #a8d8eb;
}
.jsu_gridview .data .selected
{
	height: 22px;
	background: url(images/DataGrid/tr_selected.png) repeat-x bottom;
}
.jsu_gridview .data .selected .col
{
	border: 1px solid #a8d8eb;
}

.jsu_gridview .data .selected .lstc
{
	border: 1px solid #a8d8eb;
}
/*加载*/
.loading
{
	position: absolute;
}
.loading .mask
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-align: center;
	background-color: #ccc;
	position: absolute;
	left: 0px;
}
.loading .txt
{
	position: relative;
	width: 200px;
	height: 40px;
	padding-top: 20px;
	border: 1px solid #58C2E6;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
