@charset "utf-8";
/*

  main.css
*/



html
, td
{
  font-size: 9px;
  color: black;
  background-color: white;
  font-family: Tahoma, Arial, sans-serif;
}

input
{
  font-size: 13px;
}

/*
  Define the basic layout elements.
*/

#maintable
{
  width: 100%;
}

#main
{
  width: 7.5in;
}

/************************************************************************/

#info
{
  width: 100%;
}

#info td
{
  padding: 0 2px 0 2px;
  margin: 0;
}

#info span
{
  letter-spacing: .1em;
  color: gray;
  background-color: white;
}

#info input
{
  width: 100%;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;

}

#info td.unit
{
  width: 12.5%;
}

/************************************************************************/



#stats
{
  width: 100%;
  margin-top: 1em;
}

#stats td.unit
{
  width: 33.3%;
}

#stats input
{
  width: 97%;
}

#stats td.top
{
  vertical-align: top;
}

#stats td.bottom
{
  vertical-align: bottom;
}

#stats td.header
{
  vertical-align: bottom;
}

#stats td.footer
{
  vertical-align: top;
}

#stats td.header
, #stats td.footer
, #stats td.title
{
  text-align: center;
  color: gray;
  background-color: white;
}

#stats td.tag
{
  vertical-align: middle;
  text-align: center;
  color: white;
  background-color: black;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

#stats span.help
{
  cursor: help;
}

#statblock
{
  width: 100%;
}
#statblock td
{
  width: 20%;
  padding: 0;
}

#statblock input
{
  padding: 1px;
  text-align: center;
}

#statblock input.mod
{
  border: 1px solid black;
}

#statblock input.tempmod
{
  border: 1px solid gray;
}

#hp
{
  width: 100%;
}

#hp td
{
  padding: 0;
  text-align: center;
}

#hp td.basenum
{
  width: 2em;
}

#hp td.basenum span
{
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

#hp td.unit
{
  width: 8%;
}

#hp td.char
{
  width: 1em;
  text-align: center;
}

#hp td.char span
{

  color: black;

  background-color: white;

}

#hp input

{

  border: 1px solid black;

  padding: 1px;

  text-align: center;

}



#init

{

  width: 100%;

}

#init td

{

  padding: 0;

}

#init td.char

{

  width: 1em;

  text-align: center;

}

#init td.unit

{

  width: 20%;

}

#init input

{

  border: 1px solid black;

  text-align: center;

  padding: 1px;

}



#speed

{

  width: 100%;

}

#speed td

{

  padding: 0;

  width: 50%;

}

#speed input

{

  border: 1px solid black;

  text-align: center;

  padding: 1px;

}



#imgload

{

  width: 100%;

}

#imgload td

{

  padding: 0px;

}

#imgload #pic

{

  width: 125px;

  height: 193px;

  border: 1px solid black;

  cursor: pointer;

}

#imgload .loadtext

{

  text-align: center;

}

#imgload input

{

  border: 1px solid black;

  text-align: center;

}

#imgload td.loadinputs

{

  width: 9em;

}



#saves

{

  width: 100%;

}

#saves td

{

  padding: 0;

}

#saves td.unit

{

  width: 11%;

}

#saves td.char

{

  width: 1em;

  text-align: center;

}

#saves input

{

  border: 1px solid black;

  text-align: center;

}



/************************************************************************/



#attacks

{

  width: 100%;

  margin: 2em 0 2em 0;

}

#attacks td.wide

{

  width: 20%;

}

#attacks td.unit

{

  width: 8%;

}

#attacks td.char

{

  width: 1em;

  text-align: center;

}

#attacks input

{

  width: 97%;

  border: 1px solid black;

  text-align: center;

}

#attacks input.temp

{

  border: 1px solid gray;

}

#attacks td.header

{

  vertical-align: bottom;

}

#attacks td.footer

{

  vertical-align: top;

}

#attacks td.header

, #attacks td.footer

{

  text-align: center;

  color: gray;

  background-color: white;

}

#attacks td.tag

{

  vertical-align: middle;

  text-align: center;

  color: white;

  background-color: black;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

}

#attacks span.help

{

  cursor: help;

}



/************************************************************************/



table.weapon

, table.armor

{

  width: 100%;

  margin-top: .5em;

}

table.weapon td.wide

{

  width: 30%;

}

table.weapon td.medium

{

  width: 16%;

}

table.weapon td.small

{

}

table.armor td.wide

{

  width: 52%;

}

table.armor td.small

{

  width: 12%;

}

table.weapon td

, table.armor td

{

  padding: 0px;

  border: 1px solid black;

}

table.weapon tr.header td

, table.armor tr.header td

{

  color: white;

  background-color: black;

  text-align: center;

}

table.weapon tr.header td.type

, table.armor tr.header td.type

{

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

}

table.weapon input

, table.armor input

{

  width: 100%;

  border: 0 solid;

  text-align: center;

}

table.weapon input.left

, table.armor input.left

{

  text-align: left;

}



/************************************************************************/



#skillsandgear

{

  width: 100%;

  margin-top: 2em;

}

#skillcontainer

{

  width: 50%;

}

#skillsandgear .spacer

{

  width: .5em;

}



#skills

{

  width: 100%;

}

#skills tr.title td

{

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  color: white;

  background-color: black;

  vertical-align: middle;

  padding: 1px 1px 1px .5em;

}

#skillranks

{

  float: right;

  width: 13em;

  font-size: 9px;

  font-weight: bold;

  padding: .1em;

}

#skillranks div

{

  float: right;

  width: auto;

  color: black;

  background-color: white;

}

#skillranks input

{

  font-size: 9px;

  width: 3em;

  border: 0 solid;

  color: black;

  background-color: white;

  padding: 1px;

  text-align: center;

}

#skillcontext

{

  font-size: 10px;

  visibility: hidden;

}

#skills tr.title span a

{

  color: white;

  background-color: black;

}

#skills tr.title span a:hover

{

  text-decoration: underline;

}

#skills tr.header td

{

  text-align: center;

  vertical-align: bottom;

}

#skills tr.header td.name

{

  text-align: left;

}

#skills tr.header span.help

{

  cursor: help;

}

#skills tr.skillslot td

{

  padding: 1px 1px 0 1px;

}

#skills tr.skillslot td.name

{

  padding: 1px 3px 0 1px;

}

#skills tr.skillslot td.char

{

  width: 1em;

}

#skills tr.skillslot td.unit

{

  width: 2.5em;

}

#skills tr.skillslot input.text

{

  width: 100%;

  border-style: none;

  border-top: 1px solid white;

  border-bottom: 1px solid black;

  font-size: 9px;

  text-align: center;

}

#skills tr.skillslot td.name input

{

  text-align: left;

}

#skills tr.skillslot input.chk

{

  height: 10px;

  width: 10px;

}

#skills tr.footer td

{

  color: gray;

  background-color: white;

  text-align: left;

}

#skills tr.footer td.total

{

  text-align: center;

}

#skills a

{

  color: black;

  background-color: white;

  text-decoration: none;

}

#skills a:hover

{

  text-decoration: underline;

}



#featsandgearcontainer

{

  vertical-align: top;

}



#feats

{

  width: 100%;

}

#feats tr.title td

{

  color: white;

  background-color: black;

  text-align: center;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  padding: 1px 1px 1px .5em;

}

#feats td

{

  width: 50%;

}

#feats table

{

  width: 100%;

}

#feats table td

{

  width: 100%;

  padding: 1px 1px 0 1px;

}

#feats input

{

  border-style: none;

  border-top: 1px solid white;

  border-bottom: 1px solid black;

  font-size: 9px;

  width: 100%;

  text-align: left;

}



#gear, #allegiance, #lang, #talent

{

  width: 100%;

  margin: 9px 0 0 0;

}

#gear tr.title td, #allegiance tr.title td, #lang tr.title td, #talent tr.title td

{

  color: white;

  background-color: black;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#gear tr.header td, #allegiance tr.header td, #lang tr.header td, #talent tr.header td

{

  vertical-align: bottom;

  text-align: center;

}

#gear tr.header td.name, #allegiance tr.header td.name, #lang tr.header td.name, #talent tr.header td.name

{

  text-align: left;

}

#gear tr.header span.help

{

  cursor: help;

}

#gear tr.slot td, #allegiance tr.slot td, #lang input.slot td, #talent tr.slot td

{

  padding: 1px 2px 0 2px;

}

#gear td.unit, #lang td.unit

{

  width: 5em;

}

#gear input, #allegiance input, #lang input, #talent input

{

  width: 100%;

  border-style: none;

  border-top: 1px solid white;

  border-bottom: 1px solid black;

  text-align: center;

  font-size: 9px

}

#gear input.name, #allegiance input.name, #lang input.name, #talent input.name

{

  text-align: left;

}

#gear tr.footer td

{

  color: gray;

  background-color: white;

  text-align: left;

}

#gear tr.footer td.total

{

  text-align: center;

}

#gear a

{

  color: black;

  background-color: white;

  text-decoration: none;

}

#gear a:hover

{

  text-decoration: underline;

}



/************************************************************************/



#spellstuff

{

  width: 100%;

  margin-top: 2em;

}

#spellstuff td.saves

{

  width: 25%;

  vertical-align: top;

}



#spellsaves

{

  width: 100%;

}

#spellsaves tr.title td

{

  background-color: black;

  color: white;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#spellsaves tr.header td

{

  vertical-align: bottom;

  text-align: center;

  background-color: white;

  color: gray;

}

#spellsaves tr.header td

, #spellsaves tr.save td

{

  padding: 2px;

}

#spellsaves td.level

, #spellsaves td.noinput

{

  background-color: white;

  color: black;

  text-align: center;

}

#spellsaves td

{

  width: 25%;

}

#spellsaves td input

{

  text-align: center;

  border: 1px solid black;

  width: 100%;

}



#spellstuff td.currency

{

  vertical-align: top;

}

#currency

{

  width: 100%;

}

#currency tr.title td

{

  background-color: black;

  color: white;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#currency textarea

{

  border: 1px solid black;

  width: 100%;

  font-size: 12px;

  font-family: Arial, sans-serif;

  height: 120px;

  padding: 2px;

}



#spellstuff td.languages

{

  vertical-align: bottom;

}

#languages

{

  width: 100%;

}

#languages tr.title td

{

  background-color: black;

  color: white;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#languages td

{

  padding: 0 0 1px 0;

}

#languages td input

{

  border-style: none;

  border-top: 1px solid white;

  border-bottom: 1px solid black;

  width: 100%;

  font-size: 9px;

}



#spells

{

  width: 98%;

  margin-left: 2%;

}

#spells tr.title td

{

  background-color: black;

  color: white;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#spells table.spellsknown

{

  width: 80%;

  margin-left: 10%;

  margin-right: 10%;

}

#spells table.spellsknown td

{

  text-align: right;

  width: 20%;

}

#spells table.spellsknown tr.header td

{

  text-align: center;

}

#spells table.spellsknown input

{

  width: 5em;

  border-style: none;

  border-top: 1px solid white;

  border-bottom: 1px solid black;

  font-size: 9px;

  text-align: center;

}



#spells table.spelllist td

{

  padding: 1px 2px 0 2px;;

}

#spells table.spelllist

{

  width: 100%;

  margin-top: 1em;

}

#spells table.spelllist tr.header td

{

  background-color: white;

  color: gray;

  vertical-align: bottom;

}

#spells table.spelllist tr.header td.mem

, #spells table.spelllist tr td.mem input

{

  text-align: center;

}

#spells table.spelllist tr td.help

{

  cursor: help;

}

#spells table.spelllist td.name

{

  width: 85%;

}

#spells table.spelllist input

{

  width: 100%;

  border-style: solid;

  border-color: black;

  border-width: 0 0 1px 0;

  font-size: 9px;

}

#spells a

{

  color: black;

  background-color: white;

  text-decoration: none;

}

#spells a:hover

{

  text-decoration: underline;

}



/************************************************************************/



#notes

{

  width: 100%;

  margin-top: 2em;

}

#notes tr.header td

{

  background-color: black;

  color: white;

  font-size: 14px;

  font-weight: bold;

  font-family: Arial, sans-serif;

  text-align: center;

}

#notes tr.header td span

, #notes tr.header td a

{

  background-color: black;

  color: white;

  font-size: 12px;

  font-weight: normal;

  font-variant: small-caps;

  text-decoration: none;

}

#notes tr.header td a:hover

{

  background-color: black;

  color: white;

  text-decoration: underline;

}

#notes textarea

{

  border: 1px solid black;

  width: 100%;

  font-size: 12px;

  font-family: Arial, sans-serif;

  height: 240px;

  padding: 2px;

}

textarea.bordered {
	border: 1px solid black;
}

textarea.bordered_gray {
	border: 1px solid gray;
}



#notes div

{

  border: 1px solid black;

  font-size: 12px;

  font-family: Arial, sans-serif;

  padding: 2px;

}

/************************************************************************/

#statsummary
{
	width: 100%;
	margin-top: 2em;
}
#statsummary textarea
{
	border: 1px solid black;
	width: 100%;
	font-size: 12px;
	font-family: Arial, sans-serif;
	height: 60px;
	padding: 2px;
}
#statsummary tr.header td
{
	background-color: black;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-align: center;
}
#statsummary tr.header td span 
, #statsummary tr.header td a
{
	background-color: black;
	color: white;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	text-decoration: none;
}


#statsummary tr.header td a:hover
{
	background-color: black;
	color: white;
	text-decoration: underline;
}
#statsummary div
{
	border: 1px solid black;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 2px;
}



/************************************************************************/



#footer

{

  font-size: 9px;

  background-color: white;

  color: gray;

  text-align: right;

}

#save

{

  text-align: center;

}