﻿
/************************/
/**** Scrolling Table ***/
/************************/


#MyTable {
	overflow:hidden;
	}

#MyTable th, td {
	text-align:left;
	}

.table-wrapper {
    display: inline-block;				/* may be removed if need to reposition */
    float:left;							/* may be removed if need to reposition */
	font-family:tahoma,arial;			/* font family */
    margin: 2px 4px 0px 0px;
    padding:0px 0px 2px 2px;
	}



#table-header-content {
	margin:0px;
	}

.table-header-content {
	margin:0px;
	}

.table-header-div {
	border:solid 1px black;				/* border around header */
	}
	
.table-header {
	table-layout:fixed;
	width:100%;
	}

.table-header th {
	background:cornflowerblue;			/* background color of header */
	color:white;						/* font color of header */
	text-align:left;					/* default alignment of header, override it where you print your header */
	}




.table-scroll-content {
	margin:0px;
	overflow: scroll;
	overflow-x:  hidden;
	}

.table-scroll-div {
	border:1px black solid;				/* border around data part of table */
	}

.table-scroll {
	table-layout:fixed;
	width:100%;
	}

.table-scroll td {
	border:1px silver solid;			/* dividing lines color */
	color:black;						/* data color */
	font-size:10px;						/* data font size */
	text-align:left;					/* default alignment, override it where you print your data */
	}

.table-scroll tr:hover {
	background-color: #CCFFCC;			/* hover color #66FFCC */
	}


/* required to make it work in Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	table tr td {
	   	background-image: none;
	    background-color: transparent;
		}
	table tr:nth-child(odd) {
		background: aqua;
		} 		
	table tr:nth-child(even) {
		background:white;
		} }
/* End of Chrome requirement */

/* End scrolling table */



