/* CSS for web based pathfinder rpg character sheet. Some material originally from Ryan Fait's "Custom Forms" example.*/
body {
	background:#DFD0E0;
}
div#charsheet{
	margin-left:auto;
	margin-right:auto;
	width:50em;
	background:#FFFFFF;
}
h2{
	padding:0px;
	margin:0px;
	font-size:1.25em;
}
h3{
	text-align:center;
	padding:0px;
	margin:0px;
	background:#EEEEEE;
	font-size:.9em;
	text-transform:uppercase;
}
table{
	width:100%;
	table-layout:fixed;
/*	border:1px solid black;*/
}
td{
	text-align:center;
}
th{
	font-size:.75em;
	text-transform:uppercase;
}
table#discription{
	table-layout:auto;
}
#discription td{
	text-align:left;
	text-transform:capitalize;
}
#discription th{
	text-align:left;
	text-transform:capitalize;
}
#abilitytable tr{
	width:20%;
}
table#statstable{
	width:100%;
}
#statstable td, th{
	padding:0px;
}
#statstable th{
	font-size:.6em;
}
#combattable th{
	font-size:.6em;
}
table#skilltable{
	font-size:.75em;
	table-layout:auto;
}
table#spelltable{
	font-size:.8em;
}
#schoolstable th{
	font-size:.9em;
	background:#000000;
	color:#FFFFFF;
}
table#geartable{
	table-layout:auto;
}
div#legal{
	font-size:.6em;
}
/*#geartable td{
	text-align:left;
}*/
.skillname{
	text-align:left;
	font-weight:700;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}