#heatcalc *{ width: auto; } #hc_table{ border-top:1px solid black; border-left:1px solid black; text-align: center; border-collapse: separate; } #hc_table td{ border-bottom:1px solid black; border-right:1px solid black; padding:2px; } #hc_table th{ border-bottom:1px solid black; border-right:1px solid black; background: #bbb; } #hc_table .filtered{ color:#aaa; } label{ text-align: right; } fieldset{ text-align: center; } body>fieldset{ margin-bottom:10px; } legend{ margin: 0 auto; } #filters input,#temps input{ width:50px; } #filters fieldset{ display: inline; } td.hover, tr.hover td{ background-color:#990000; color:#fff; } #button_container{ position: fixed; z-index: 250; } #button_container button{ font-size: 50px; background-color: rgba(153, 0, 0, 0.75); color:#fff; z-index: 250; } #button_container button#left{ left: 8%; } #button_container button#right{ right: 8%; } #table_container{ overflow: auto; overflow-y: hidden; overflow-scrolling: touch; } .field{ white-space: nowrap; } #heatcalc thead th{ z-index: 150; } #heatcalc tbody th{ z-index: 100; } #heatcalc thead th:nth-child(1){ z-index: 200; } #heatcalc td, #heatcalc th{ padding: 2px 5px; text-align: center; font-family: arial; } select{ width:auto; } fieldset{ border:1px solid #888; padding:5px; margin:5px; }