/* From http://www.imaputz.com/cssStuff/bigFourVersion.html */
/* Thank you CSS gods! */

div.tableContainer {
    clear: both;
    width: 100%;
    /*max-width: 100%;*/
    height: 500px;
    max-height: 500px;
    overflow: auto;
    border: solid 2px black;
}
html > body div.tableContainer {
    overflow: hidden;
    width: 100%;
}
div.tableContainer table {
    float: left;
    width: 100%;
}
html > body div.tableContainer table {
    width: 100%;
}
thead.fixedHeader tr {
    position: relative;
}
html > body thead.fixedHeader tr {
    display: block;
}
thead.fixedHeader th {
    background: none repeat scroll 0 0 #CC9966;
    border-left: 1px solid #EEBB88;
    border-right: 1px solid #BB7744;
    border-top: 1px solid #EEBB88;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    width: 100%;
}
thead.fixedHeader a:hover {
    color: #FFFFFF;
    display: block;
    text-decoration: underline;
    width: 100%;
}
html > body tbody.scrollContent {
    display: block;
    overflow: auto;
    width: 100%;
}

tbody.scrollContent td, tbody.scrollContent tr td {
    border: solid 1px black;
    white-space: nowrap;
    padding: 3px 5px 2px 5px;
}