@charset "utf-8";
/*
  main.css

  3EProfiler (tm) character sheet source file.
  Copyright (C) 2003  Michael J. Eggertson.

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your opxion) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with this program; if not, write to the Free Software
  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

  **

  Defines the implementation of the 3EProfiler character sheet.
*/

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

/*
  Define the html root element, all elements will inherit from this
  element. Defining the td element is an Explorer hack.
*/

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;
}

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

/*
Define page printing to be Letter size with a 5in margin or more.
*/
#page
{
	height: 10in;
	width: 7.25in;
}

#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%;
}
#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: 0;
}
#imgload #pic
{
  width: 125px;
  height: 193px;
  border: 1px solid black;
  cursor: pointer;
}
#imgload td.loadtext
{
  padding-left: 1em;
  text-align: left;
}
#imgload input
{
  border: 1px solid black;
  text-align: center;
}
#imgload td.loadinputs
{
  width: 6em;
}

#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%;
}
#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%;
}
#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
{
  width: 100%;
  margin: 9px 0 0 0;
}
#gear 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
{
  vertical-align: bottom;
  text-align: center;
}
#gear tr.header td.name
{
  text-align: left;
}
#gear tr.header span.help
{
  cursor: help;
}
#gear tr.slot td
{
  padding: 1px 2px 0 2px;
}
#gear td.unit
{
  width: 5em;
}
#gear 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
{
  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: 1em;
}
#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: 90px;
  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;
}

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

#statsummary
{
	width: 100%;
	margin-top: 1em;
}
#statsummary textarea
{
	border: 1px solid black;
	width: 100%;
	font-size: 12px;
	font-family: Arial, sans-serif;
	height: 1.25in;
	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;
}

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



#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: 2.5in;
  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;
}

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

#footer
{
  font-size: 9px;
  background-color: white;
  color: gray;
  text-align: right;
}
#save
{
  text-align: center;
}