body { font-family: Arial, Helvetica, sans-serif; }

table.layout { width: 100%; height: 100%; }
tr { vertical-align: top; }
td { width: 50%; }

#display { width: 100%; height: 95%; }
a.expand { display: block; margin-bottom: 10px; padding: 10px; text-decoration: none; color: #000; background-color: #eee; border: solid 1px #999; }
a.expand:hover { background-color: #99f; border: solid 1px #000; }
div.content { display: none; margin: 5px; padding: 10px; }

span.fontfam { display: block; float: left; text-align: center; height: 20px; margin: 1px; padding: 5px; border: solid 1px #ccc; white-space: nowrap; }
span.fontfam:hover { cursor: pointer; background-color: #99f; }

span.divborder { display: block; float: left; text-align: center; height: 20px; margin: 5px; padding: 5px; white-space: nowrap; }
span.divborder:hover { cursor: pointer; background-color: #99f; }

div.imgtype, div.hidden { display: none; }
table.palette { float: left; width: 10%; }
.coloroption { display: inline-block; text-decoration: none; text-align: center; height: 15px; width: 15px; font-size: 15px; font-weight: bold; }
.colorlight { color: #000; }
.colordark { color: #fff; }

label { display: block; }
.center { text-align: center; }

table.bgposition td { height: 30px; width: 30px; border: solid 1px #ccc; }
table.bgposition td:hover { cursor: pointer; background-color: #99f; }