body {
	background-color: #181810;
	color: #000;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 0
}

table, td, a {
	color: #000;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif
}

h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}

select{
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input{
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


div.tableContainer {
	background-color: #FFF;
	clear: both;
	height: 358px;
	overflow-x: hidden;
  	overflow-y: scroll; 
	width: 902px;
}

html>body div.tableContainer {
	overflow: hidden;
	width: 902px
}

div.tableContainer table {
	float: left;
	width: 884px
}

html>body div.tableContainer table {
	width: 902px
}

thead.fixedHeader tr {
	position: relative;
}

html>body thead.fixedHeader tr {
	display: block;
}

thead.fixedHeader th {
	background-color: #EFEFEF;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	font-weight: normal;
	text-align: left
}

thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

html>body tbody.scrollContent {
	display: block;
	height: 330px;
	//overflow: auto;
	overflow-x: hidden;
  	overflow-y: scroll; 
	width: 100%
}

tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	border-top: none;
	border-left: none;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	cursor: pointer;
}

tbody.scrollContent tr.alternateRow td {
	border-top: none;
	border-left: none;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	cursor: pointer;
}

/*
html>body thead.fixedHeader th {
	width: 150px
}
html>body thead.fixedHeader th + th {
	width: 150px
}
html>body thead.fixedHeader th + th + th {
	width: 300px
}
html>body thead.fixedHeader th + th + th + th {
	width: 70px
}
html>body thead.fixedHeader th + th + th + th + th{
	width: 160px
}
html>body thead.fixedHeader th + th + th + th + th + th{
	width: 60px
}
*/
html>body thead.fixedHeader th {
	width: 149px
}
html>body thead.fixedHeader th + th {
	width: 149px
}
html>body thead.fixedHeader th + th + th {
	width: 411px
}
html>body thead.fixedHeader th + th + th + th{
	width: 159px
}
/*
html>body tbody.scrollContent td {
	width: 150px
}
html>body tbody.scrollContent td + td {
	width: 150px
}
html>body tbody.scrollContent td + td + td {
	width: 300px
}
html>body tbody.scrollContent td + td + td + td {
	width: 70px
}
html>body tbody.scrollContent td + td + td + td + td {
	width: 160px
}
html>body tbody.scrollContent td + td + td + td + td + td {
	width: 44px
}*/
html>body tbody.scrollContent td {
	width: 150px
}
html>body tbody.scrollContent td + td {
	width: 150px
}
html>body tbody.scrollContent td + td + td {
	width: 414px
}
html>body tbody.scrollContent td + td + td + td {
	width: 160px
}

td.border{
	background-color: #181810;
}
td.borderLine1{
	background-color: #333333;
}
td.borderLine2{
	background-color: #666666;
	font-size: 3px;
}