.charsheet thead{ background-color: #7cc; font-weight:bolder; } .charsheet label { display: inline; width: 100%; text-align: right; } .charsheet table input[type=text], .charsheet table input[type=date]{ width:100%; } .charsheet thead td{ border-left:1px solid black; border-right:1px solid black; } .sheet-page0 td{ width:25%; } .sheet-page1 tr{ border: 1px solid grey; } .sheet-ability{ text-align:center; background-color: #cef; } .sheet-subability td{ text-align:right; } .charsheet input[type="radio"] { text-align:left; } .charsheet select{ width:100%; } .charsheet table{ vertical-align:top; width:100%; } .charsheet img{ display: block; margin-left: auto; margin-right: auto; } .sheet-pages{ display:none; } .sheet-toggle-page0[type=checkbox]:checked~.sheet-page0{ display:block; } .sheet-toggle-page1[type=checkbox]:checked~.sheet-page1{ display:block; } .sheet-toggle-page2[type=checkbox]:checked~.sheet-page2{ display:block; } .sheet-toggle-page3[type=checkbox]:checked~.sheet-page3{ display:block; } .sheet-toggle-page4[type=checkbox]:checked~.sheet-page4{ display:block; } .sheet-toggle-page5[type=checkbox]:checked~.sheet-page5{ display:block; } .sheet-toggle-page6[type=checkbox]:checked~.sheet-page6{ display:block; } .sheet-toggle-page7[type=checkbox]:checked~.sheet-page7{ display:block; } .sheet-toggle-page8[type=checkbox]:checked~.sheet-page8{ display:block; } .sheet-toggle-page9[type=checkbox]:checked~.sheet-page9{ display:block; } .sheet-page-label{ border: 2px black; top:18px; box-sizing:border-box; width:11%; float:left; text-align:center; overflow:hidden; font-weight:bold; font-size:1.2em; } .sheet-page-toggles ~ input{ position:relative; border-top:2px; border-radius:3px; border-left:2px; border-right:2px; box-sizing:border-box; margin-left:-1px; margin-right:-2px; width:11%; height:40px; text-align:center; overflow:hidden; }