/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

#tbl table {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #615B4B;}

#tbl table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

#tbl table a:visited {color: #777;}

#tbl table a:hover {color: #000;}  

#tbl table caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

#tbl table thead th {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #9C9984 0%, #615B4B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #9C9984 0%, #615B4B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #9C9984 0%, #615B4B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9C9984), color-stop(1, #615B4B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #9C9984 0%, #615B4B 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #9C9984 0%, #615B4B 100%);	
	padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}

#tbl table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

#tbl table tbody {border-bottom: 1px solid #EAECEE;}
                      
#tbl table tbody td, table tbody th {padding: 10px; background: url("td_back.gif") repeat-x; text-align: left;}

#tbl table tbody tr {background: #F3F5F7;}

#tbl table tbody tr.odd {background: #F0F2F4;}

#tbl table tbody  tr:hover {background: #EAECEE; color: #111;}

#tbl table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}

.mydiv {
	width: 70%; 
        overflow-x:scroll;  
        //margin-left:14.5em; 
        margin-left:19.5em;
        margin-right:14.5em; 
        overflow-y:visible;
        padding-bottom:1px;
        }
        
.headcol {
	position:absolute;
        //width:10em; 
        width:16em; 
        left:5em; 
        top:auto;
        border-right: 0px none black; 
        border-top-width:1px; /*only relevant for first row*/
        margin-top:-1px; /*compensate for top border*/ 
        background: #F3F5F7;
        }