/************************/
/**** 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: 0px 1px 0px 0px;
    padding:0px 0px 2px 0px;
	}

/************************/
/* Header part of table */
#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; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#a4c0f4, #3271e7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a4c0f4, #3271e7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a4c0f4, #3271e7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a4c0f4, #3271e7); /* Standard syntax (must be last) */	
	
	color:white;						/* font color of header */
	font-size:10px;
	text-align:left;					/* default alignment of header, override it when necessary with inline style */
	}
/************************/



/***************************/
/* Scrolling part of table */
.table-scroll-content {
	border:1px black solid;
	margin:0px;
	overflow: scroll;
	overflow-x:  hidden;
	}

.table-scroll-div {
	border:0px 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:12px;						/* data font size */
	text-align:left;					/* default alignment, override it where you print your data */
	}

.table-scroll tr:hover td {
	background-color: #CCFFCC;			/* hover color #66FFCC */
	background-color:#66ffff;
	}
/************************/


/**************************************/
/* required to make it work in Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.table-scroll tr td {
	   	background-image: none;
	    background-color: transparent;
		}
	.table-scroll tr:nth-child(odd) {
		background: #e0e0d8;					/* odd line color aqua */
		} 		
	.table-scroll tr:nth-child(even) {
		background:white;						/* even line color */
		} }
/* End of Chrome requirement */
/*****************************/


/**************************************/
/* required to make it work in Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.xtable-scroll tr td {
	   	background-image: none;
	    background-color: transparent;
		}
	.xtable-scroll tr:nth-child(odd) {
		background: #e0e0d8;					/* odd line color aqua */
		} 		
	.xtable-scroll tr:nth-child(even) {
		background:white;						/* even line color */
		} }
/* End of Chrome requirement */
/*****************************/




/* End scrolling table */