html, body { padding-top: 40px; padding-left: 20px; padding-right: 20px; background-color: #FEFEF2; } label { text-transform: uppercase; font-family: arial; font-size: 10px; padding-left: 5px; } input { background-color: #FEFEF2; } input[type=text] { border-width: 0px; border-bottom: 1px solid black; outline: none; margin: 5px; padding-left: 5px; padding-right: 5px; } input[type=text]:focus, textarea:focus { background-color: #E0FFFF; } .textInput { float: left; } .line { clear: both; } .infobox { text-align: center; background-color: #000000; color: #FEFEF2; text-transform: uppercase; font-family: arial; font-size: 8px; border: 2px solid #FEFEF2; line-height: 16px; } .infobox h1 { font-weight: bold; font-size: 20px; line-height: 16px; } .inputbox input[type=text] { height: 30px; width: 40px; border: 1px solid black; text-align: center; } .temp { background-color: #AFAFAF; } .temp input[type=text] { border-color: #AFAFAF; } #window { background-color: #FEFEF2; /*width: 1024px;*/ /*border-right: 1px solid red;*/ } #headerInfo { float: left; } #characterSheetLogo { float: left; width: 340px; padding: 5px; height: 100px; background: url("/images/charactersheet_logo.png"); background-size: 340px 100px; background-repeat: no-repeat; } #abilityGrid { padding-top: 20px; width: 200px; clear: both; } #characterName { width: 300px; } #playerName { width: 300px; } #classAndLevel { width: 300px; } #race { width: 95px; } #alignment { width: 95px; } #deity { width: 90px; } #size { width: 70px; } #age { width: 60px; } #gender { width: 70px; } #height { width: 70px; } #weight{ width: 65px; } #eyes { width: 70px; } #hair { width: 70px; } #skin { width: 65px; } #abilityGrid tr { text-align: center; text-transform: uppercase; font-family: arial; font-size: 8px; } #abilityGrid { display: table; border-spacing: 0px; border-collapse: seperate; }