
/* ----------------------------------------------------- */
/* this css stylish the table can be removed, the table  */
/* continue to run: scroll; fix header & ellipsis        */
/* ----------------------------------------------------- */

html, body{
	
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	overflow:hidden;
}




   
.TableContainer{ 

	min-width: 350px !important; 
	height: 35% !important; 
	width:60%;
	margin: 50px auto;

	border:solid 1px #aaa;

	background-color:#FFF;

	/* **************************************** */
	/* Don't chage the overflow.                */
	/* overflow is defined in the 'engine.css'  */
	/* overflow-y: scroll;                      */ 
	/* overflow-x:hidden;                       */
	/* **************************************** */
}

#tbl92 {
    color:#666;
	font-family:verdana;
	font-size:12px;
	margin:0px;
}


#tbl92 th {
    color: white;	
	background-color:#444;
	font-weight:normal;
	padding-left:24px;
}

#tbl92 th, #tbl92 td{
	border: solid 1px transparent;
	padding-bottom: 4px;
	padding-top: 3px;
}

#tbl92 th:nth-child(1), #tbl92 td:nth-child(1){
	width: 15px;
   	text-align: right;
	padding-right: 5px;
}
#tbl92 td:nth-child(1){
	background-color:#eee;
	border-right:solid 1px #ddd;
}

#tbl92 th:nth-child(2), #tbl92 td:nth-child(2){
	width:75px;
	text-align:left;	
}

#tbl92 th:nth-child(3), #tbl92 td:nth-child(3){
	width:75px;
   	text-align:left;	
}

#tbl92 th:nth-child(4), #tbl92 td:nth-child(4){
	width:95px;
   	text-align:center;
	padding-left:0px;
}


#tbl92 th:nth-child(5), #tbl92 td:nth-child(5){
   	text-align:left;
}


#tbl92 th:nth-child(2), #tbl92 th:nth-child(3), #tbl92 th:nth-child(5){
	padding-left:22px;	
}

#tbl92 td:nth-child(2), #tbl92 td:nth-child(3), #tbl92 td:nth-child(5){
	padding-left:9px;	
}



#tbl92 tr:nth-child(even){
	background-color:#F8F8F8;
}
#tbl92 tr:nth-child(even) td:nth-child(1){
	background-color:#E4E4E4;
}



#tbl92 tr:hover td{
	background-color:#ccffff;
	color:#000;
}
#tbl92 tr:hover td:nth-child(1){
	background-color:#aadddd;
}

th.sortAZ, th.sortZA{
	background-repeat: no-repeat;
	background-position: 6px 3px;
	background-size: 10px 16px;
}
th.sortAZ{
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAgCAYAAAAWl4iLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHzSURBVEhL7ZZNSwJRFIadGdNhFoLtXOnKlgW1CIIIIoIgWrQLiegHFLRpbwRt2rRpFxFuAxOKaJPYP2gTtPELERTEDwxFR3vPeBwcxxkLa+cD4j1n7jzeOXe89woOG0qlklStVvdVVZ3hlIYkSV+BQCDC4UhsxblcbqPRaLxwaEBRlHmfz/fOoQmRv0fS7XZlbpoYfophbMWTMBXrTMU6U7HOVKzz/2Ksu1Imkwknk8lXrMMLnB5LoVAI4p5EOp0Oc0pDW+jL5bJcqVTu2+32FsWiKOZlWV7DmjvXbDZjlBvG7XYvuVyuVr1ef+50Oj7KOZ3OK6/Xe+LxeFQRW48CcbQvJagjniAuCMIip0zgx5chTfSlBBxH2M4ei8WiLKRSqShGtsPXDEBMuwhHRuyuYU+8FtEhzbEJqxsJu2sgL/r9/mPU5pITE4MSXWAHP9N3aczqOWp0iqbUy/waFSU4hPSOAsP2j9ct1Gq1btH8rZykB4NnDdO5AiMPYTJvUEPb7X0Aku5C+sCxhumfh5pH0HEPTbWXsUVFTWmkBilheRL6wcgbPNInjg1YignUfBMTGoV8+ERUgXQb0jeOTdiKiWw2u4IJjUE+SzHe+zyk6yjZh9bBgrFiAvIg5HE0UVJxFSP97F35A2q1moKP5SHRiMPxDeTS2IDhFDhHAAAAAElFTkSuQmCC')
}
th.sortZA{
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAgCAYAAAAWl4iLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHySURBVEhL7ZZLSwJRFMfn4agkmAyoDAjqJmjfLhJ3gdFj0SpE+gBR0LJFEBJt2tQnMIho06YgKFoILWzTpmUbn9BOSEEUHe1/9XTDxhklhDbzg2HuuffOb8498xQmpV6vz2BzUzgWkfaWlMvluXa7nUVTArFIJPI+GDFHor0pkC5Cmuv1ehq2YLfbzRaLxXkaNsVSXCqVliF9glClLoGdoNPp5AqFwhJ1jcRUjKySENxBNKqus7quP0KeoNjAyBpDugnpNZryoMcUHTXfjkajlxRzDBmzTJHNFZrjpAwZNc8g83WKOUNi1JQtP4PlK9Q1CTISuYE8SXEfLkamx7hQGTQnyfQ3TM4yT1E8EEN6ikwP0PyL9Bsmv8jn8ycsECE9g3S3PzQlZFk+lFDPMMUGRNH8wbQaA5qkquoWzvBAHRzcRh8ul+uIQgNut3sHcz4p5DCXx+PZl7xeb8Pn8204HI57GutLcWAcq3mlLgO4zV4giLG51CXAcY5EV/x+f7N/8SBuBoPBNUVR0piYdTqdCU3Txr5oAoHAG+RxHPMMaTocDu8hUZ2NWRaqUqmstlqtWwqHQJkWQqGQ6YoMT960sMUcW8yxxRxbzPkfMT4/TWoawJeiTc2RWL6Pq9WqXKvVUvj6Dv1nQNrAH6fh7+cHQfgCsc3DNHKWVZMAAAAASUVORK5CYII=')
}
