#mybody, input, textarea {
	margin:0px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
}

textarea {
	width:100%;
	background-color:white;
	color:black;
	font-size:10px;
	border:1px solid silver;
	margin-top:4px;
}

input.input, div.value {
	background-color:white;
	color:black;
	border:1px solid silver;
	font-size:10px;
	width:20px;
	padding:0px 0px 0px 2px;
	height:12px;
}

.head  .title {
	background-color:black;
	color:white;
	height:40px;
	padding:5px;
}

.head h1 {
	margin:0px;
	float:left;
}

.head h2 {
	text-align:right;
	margin:0px;
}

.head .playername {
	float:right;
	background-color:white;
	color:black;
	padding:2px;
	font-size:9px;
}

#val_player_name {
	font-size:12px;
	width:100px;	
	text-align:right;
}

.head .info {
	clear:both;	
	padding:5px;
	font-weight:bold;
	position:relative;
}

.head .pair {
	white-space:nowrap;
	margin-right:10px;
}

#val_xp, #val_height, #val_weight {
	width:50px;
}
#val_class, #val_paragon_path, #val_epic_destiny, #val_race, #val_alignment, #val_deity, #val_affiliations, #val_group, #val_name {
	width:100px;
}

.head .info  .value {
	font-weight:normal;
}

.head .info  .total_xp {
	float:right;
}

h3 {
	background-color:black;
	color:white;
	margin:0px;
	padding:2px;
	text-align:center;
}

div.section {
	margin-bottom:5px;
}

@media print {
	.noprint, h3 input {
		display:none;
	}
	
	div.page {
		page-break-after:left;
	}
}

h3 input {
	float:right;
	width:20px!important;	
}

table.invert {	
	border-collapse:collapse;
}

table.invert tr {
	background-color:black;
	color:white;
}

table.invert td {
	border:2px solid black;
}

table.invert tr  td {
}

table.invert tr.head {
	background-color:white;
	color:black;
	font-size:9px;
	font-weight:bold;
	border:none;
}

table.invert tr.head td {
	border:none;
}

table.hp {
	border-collapse:collapse;	
}

table.hp td {
	border:3px solid black;
}

table.hp tr.head td {
	font-weight:bold;
	border:none;
}

table.hpextra {
	border-collapse:collapse;	
	margin-top:5px;
	font-size:9px;
}

table.hpextra td {
	border:3px solid black;
}

table.hpextra .box input {
	display:block;
	font-size:10px;
	width:95%;
}

table.hpextra .invert td {
	color:white;
	background-color:black;
	text-align:center;
	vertical-align:top;
}

table .box td {
	height:30px;
	vertical-align:top;
	color:black;
	background-color:white;
}

table.hpextra td.hp {
	text-align:right;
}

table.hpextra td.hp .currenthp{
	float:left;
}

table.hpextra input {
	height:10px;
	vertical-align:text-bottom;	
}

table.skills {
	border-collapse:collapse;
}

table.skills .head td{
	font-weight:bold;
	font-size:9px;
}

table.skills tr.odd td {
	background-color:#EEE;
}

table.skills td.value {
	background-color:white!important;
	border:2px solid black;
}

table.skills td.armor {
	text-align:center;
}

table.skills td.misc {
	text-align:center;
}

table.block {
	width:100%;
}

#defenses tr.group td {
	border:none;
}

#defenses tr.group td {
	border:none;
	font-size:1px;
	background-color:white;
}

#defenses tr.fort td {
	padding-top:32px;
}

#defenses tr.ref td {
	padding-top:3px;
}

#defenses tr.will  td {
	padding-top:10px;
}

#defenses {
	margin-bottom:14px;
}

#ability_scores td.mod {
	background-color:white;
}

#ability_scores tr.group td {
	border:none;
	font-size:1px;
	background-color:white;
}

#actionpoints table.block {
	margin-top:4px;
}

#actionpoints table.block  td.ttl {	
	text-align:left;
}

#actionpoints table.mini {
	width:100%;
}

#actionpoints table.mini td {
	background-color:white;
	color:black;
	padding:0px 2px 0px 2px;
	border:none;
	text-align:center;
	font-size:9px;
}

#actionpoints table.mini tr.head td {
	font-weight:bold;
	font-size:10px;
}

#actionpoints .box td {
	font-size:9px;
}

#actionpoints .box input {
	width:95%;
}

#class_features  {
	height:150px;
}

#languages   {
	height:50px;
}

#attack_workspace .head input, #damage_workspace .head input, #damage_workspace2 .head input {
	width:100%;
}


#basic_attacks .head {
	font-size:9px;
}

#basic_attacks input {
	width:35px;
}

#damage_workspace2 .long input, #basic_attacks .long input {
	width:100px;
}

.deflvl {
	text-align:right;
	padding-right:10px;
}

#val_equipment, #val_rituals {
	height:150px;
}

#val_magic_items {
	height:386px;
}

#portrait div.picture {
	border:3px solid black;
	height:150px;
	margin-bottom:4px;	
}

#val_notes {
	height:210px;
}

/* Make input Text easily visible */
input.input, textarea {
	/*color:red;*/
	font-weight:bold;
	background-color:#FFD;
}

div.cnt {
	margin-top:10px;
	margin-left:15px;
}

table.charlist {
	border:2px solid black;
}

table.charlist thead td {
	background-color:darkblue;
	color:white;
	font-weight:bold;
	font-size:14px;
}

div#workspace2 {
	float:left;
	clear:both;
	font-size:9px;		
}

@media print {
	
}

.noprint, h3 input {
	background-color:#CFC!important;
	color:black;
}

#damage_workspace2 .head {
	white-space:nowrap;
}

#damage_workspace2 textarea {
	height:25px;
}

#val_class_features {
	height:150px;
}
