body {
height:100%;
width:100%;
overflow-y:auto;
SCROLLBAR-FACE-COLOR: #dadde4;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#858f9a;
scrollbar-darkshadow-color:#f4f4f4;
scrollbar-shadow-color:#858f9a;
scrollbar-arrow-color:#666666;
scrollbar-track-color:#e1e1e1;
}
.eXtremeTable {
	margin: 0;
	padding: 0;
}
#tableDiv {
	overflow-y:scroll;
	height:100%;
	 margin: 0;	
	padding: 0px;
}
.eXtremeTable select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #EEE;
	width:30px;
}

.eXtremeTable .tableRegion {	
	font-size: 12px;
	background: #fbfbfb;	
    margin: 0;	
	padding: 0px;
	border: 1px solid silver;
	height:100%;
}
/*表格头样式, 按下排序按钮后的样式也有用到*/
td.extremeDataGridHeaderTD{
	font-size: 12px;
	font-weight: bold;
	height:24;
	/*background: buttonface;*/
	border-width:0px;
	padding :0px;
background: url(../images/jmesa/table/header_bg.gif) left bottom repeat-x;	
	
}
.titlTdCss {
	background-color: #fafafa;
}

/*表格最后一行,分页信息*/
td.extremeDataGridPageNavigationTD{
height: 20px ;
width: 100%;
color:#999999;
border-color: threedhighlight threedshadow threedshadow threedhighlight !important;
padding: 1px !important;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
border-top:2px outset  #fff;
}

.eXtremeTable .filter {
	background-color: #f0f0f0;
}

.eXtremeTable .filter td {
	padding: 0px;
}

.eXtremeTable .title {
	color: #444444;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent:8px;
	vertical-align: middle;
}

.eXtremeTable .titleRow {
	background-color: #F4F4F4;
}

.eXtremeTable .titleRow td {
	border-bottom: 1px solid #308dbb;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	text-align: center;
}

.eXtremeTable .titleRow span {
	color: #444444;
	font-weight: bold;
	font-size: 12px;
}

.eXtremeTable .filter input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px grey;
	padding: 1px;
	font-weight: bold;
	font-size: 12px;
}

.eXtremeTable .filter select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: solid 1px #EEE;
}

.eXtremeTable .tableHeader {
	font-size: 12px;
	font-weight: bold;
	text-indent:8px;
	PADDING: 2px;
	margin: 0px ;
	background-image:url(../images/image26.gif);	
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	
}

.eXtremeTable .tableHeaderSort {
	vertical-align : middle;
	text-indent:8px;
	margin: 0px;	
	font-size: 12px;
	font-weight: bold;
	height:20;
	PADDING: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: url(../images/header_bg.gif) left bottom repeat-x;	
	font-weight: bold;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
}

.tableHeaderDown{
	font-size: 12px;
	font-weight: bold;
	text-indent:8px;
	height:20;
	PADDING: 2px;
	margin: 0px;
	background: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: url(../images/table/sortAsc.gif) no-repeat right center ; 
}
.tableHeaderUp{
	font-size: 12px;
	font-weight: bold;
	text-indent:8px;
	height:20;
	PADDING: 2px;
	margin: 0px;
	background: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: url(../images/table/sortDesc.gif) no-repeat right center ;
}
.descdownOver {
	font-size: 12px;
	font-weight: bold;
	text-indent:8px;
	height:20;
	PADDING: 2px;
	margin: 0px;
	background: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: url(../images/table/sortDesc1.gif) right bottom repeat-x;
	}
.ascdownOver {
	font-size: 12px;
	font-weight: bold;
	text-indent:8px;
	height:20;
	PADDING: 2px;
	margin: 0px;
	background: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: url(../images/table/sortAsc1.gif) right bottom repeat-x;
}

.eXtremeTable .odd a, .even a {
	color: 000;
	font-size: 12px;
	text-indent:8px;
}

.eXtremeTable .odd a:hover, .even a:hover {
	color: Black;
	font-size: 12px;
	text-indent:8px;

}

.eXtremeTable .odd a:visited, .even a:visited {
	color: Black;
	font-size: 12px;
	text-indent:8px;
}

.eXtremeTable .odd td, .eXtremeTable .even td {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	vertical-align: middle;
	text-indent:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*表格内容间隔行的背景色*/
.eXtremeTable .odd {
	background-color: #f1f4f9;
}

.eXtremeTable .even {
  	background-color: #ffffff;
}
/*表格内容显示样式*/
.eXtremeTable #contentViewTableId{
	width:100%;
}
.eXtremeTable #contentViewTableId td{
	border: 1px solid #fff;
    word-break:break-all;
	PADDING: 2px;
	margin: 0px ;
}

#headerTableId {
	width:100%;
	padding:0;
	margin:0;
    BORDER-top: #ccc 1px solid !important; 

}
#headerTableId  tr{
	height:25px;

}
.eXtremeTable .extremeDataGridTableOuterTd{
	width:100%;
}
.eXtremeTable .extremeDataGridHeaderTableInner{
	width:100%;
	height:100%;
}

TABLE.extremeDataGridHeaderTableInnerRight {
	BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; FONT-SIZE: 9pt; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 17px; BORDER-BOTTOM: buttonshadow 1px solid; HEIGHT: 100%
}
.eXtremeTable .extremeDataGridHeaderTableInnerRight  .exDataGridHTableInnerRBottom {
	PADDING: 2px !important;
	margin: 0px;
	text-indent:1em;
	background-image:url(../images/image26.gif);
	border-width: 1px !important;
	border-style: solid !important;
	border-color: threedhighlight threedshadow threedshadow threedhighlight !important;
	
}

.eXtremeTable .extremeDataGridHeaderTableInnerRight Tr {

	background: #f0f0f0;
	
}
.eXtremeTable .highlight td {
	color: black;
	font-size: 12px;
	padding-left: 3px;
	vertical-align: middle;
	background-color: #fffbf0;
	text-indent:8px;
	font-family:Arial, Helvetica, sans-serif;
}


.eXtremeTable .highlight a, .highlight a {
	color: cc0000;
	font-size: 12px;
	text-indent:8px;
}

.eXtremeTable .compactToolbar {
	background-color: #F4F4F4;
}

.eXtremeTable .toolbar {
	/*background-color: #F4F4F4;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	/*margin-right: 1px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;*/
}

.toolBar_movepage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.toolBar_pageinfor {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.eXtremeTable .toolbar a:hover {
	background-color: transparent;
}

.eXtremeTable .toolbar td {
	color: #444444;
	padding: 0px 3px 0px 3px;
	text-align:center;
}

.eXtremeTable .separator {
	width: 7px;
}

.eXtremeTable .statusBar {
	background-color: #F4F4F4;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.eXtremeTable .filterButtons {
	background-color: #fafafa;
	text-align: right;
	padding-top:5px;
}

.eXtremeTable .title span {
	margin-left: 7px;
}

.eXtremeTable .formButtons {
	display: block;
	margin-top: 10px;
	margin-left: 5px;
}
.tableBody{
	/*height:150px;overflow:auto*/
}
.eXtremeTable .formButton {
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	background-color: #308dbb;
	color: white;
	margin-top: 5px;
	border: outset 1px #333;
	vertical-align: middle;
}

.eXtremeTable .calcRow {
	background-color: #F4F4F4;
}

.eXtremeTable .calcTitle {
	background-color: #F4F4F4;
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.eXtremeTable .calcResult {
	background-color: #F4F4F4;
	color: black;
	font-family:Arial, Helvetica, sans-serif;
}

.contentDivCss{
    overflow-y:scroll;
    height:100%;
    padding:0; 
    margin:0;
}