/*
  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 option) 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.
*/
img#pic{
	max-width:150px;
}

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

/*
  Define the basic layout elements.
*/

#maintable
{
  width: 100%;
}
#main
{
  width: 900px;
}
#main td.header
{
  background-color: black;
  color: white;
  text-align: left;
  font-size: 20px;
}

/************************************************************************/
#maintable table
{
  width: 100%;
}
#maintable td
{
  vertical-align: top;
}
/************************************************************************/
#hits table
{
  width: 100%;
  border-style: solid;
  border-color: black;
  border-width: 1px 1px 1px 1px;
}
#hits td
{
  background-color: rgb(255, 255, 255);
  padding: 0 0 0 0;
  margin: 0;
  border-style: solid;
  border-color: black;
  border-width: 1px 1px 1px 1px;
  vertical-align: middle;
  text-align: center;
}
#hits td.header
{
  background-color: black;
  color: white;
  text-align: center;
  font-size: 14px;
}
#hits tr
{
  height: 20px;
}
#hits tr.header
{
  height: 10px;
}

/************************************************************************/
#attrib
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#attrib input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#attrib td.header
{
  background-color: black;
  color: white;
  text-align:center;
  font-size: 14px;
}
#attrib td.title
{
  background-color: #666;
  color: white;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
}
#attrib td.unit
{
  text-align: right;
  border-style:  solid;
  border-color: #666;
  border-width: 1px 1px 1px 1px;
  vertical-align: middle;
}
#attrib td.value
{
  text-align:  center;
  border-style:  solid;
  border-color: #666;
  border-width: 1px 1px 1px 1px;
  vertical-align:   middle;
}

/************************************************************************/
#skills
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#skills input
{
  width: 100%;
  border-width: 0 0 0 0;
  font-size: 10px;
}
#skills input.rnkatt
{
  text-align:       center;
}
#skills td
{
  padding:       0 2px 0 0;
}
#skills td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#skills td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#skills td.unit
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
}
#skills td.skillname
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
  width: 30%
}
#skills td.value
{
  text-align: center;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
  width: 10%;
}
/************************************************************************/
#gear
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#gear input
{
  width: 100%;
  border-width: 0 0 0 0;
  font-size:        9px;
}
#gear td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#gear td.title
{
  background-color: #666;
  color:           white;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
}
#gear td.unit
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
}
#gear td.value
{
  text-align: center;
  border-style: solid;
  border-color: #666;
  border-width: 1px 1px 1px 1px;
}
/************************************************************************/
#info
{
  width: 100%;
}
#info td
{
  padding:    0 2px 0 2px;
  margin:               0;
  vertical-align:  bottom;
}
#info td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#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 input.nuyen
{
  width: 95%;
}
#info input.eval
{
  text-align:      center;
}
#info td.unit
{
  width: 12.5%;
}

/************************************************************************/
#contacts
{
  width: 100%;
}
#contacts td
{
  padding:    0 2px 0 2px;
  margin:               0;
  vertical-align:  bottom;
}
#contacts td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}

#contacts td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}

#contacts span
{
  letter-spacing: .1em;
  color: gray;
  background-color: white;
}
#contacts input
{
  width: 100%;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
}

#contacts input.eval
{
  text-align:      center;
}
#contacts td.unit
{
  width: 12.5%;
}
/************************************************************************/
#qualities
{
  padding:        0 0 0 0;
  margin:               0;
  width:             100%;
}
#qualities input
{
  width:             100%;
  border-width:   0 0 0 0;
  text-align:      center;
  font-size:         10px;
}
#qualities input.armtype
{
  text-align:      left;
}
#qualities td
{
  padding:      0 2px 0 0;
}
#qualities td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#qualities td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#qualities td.unit
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              70%;
}
#qualities td.value
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              30%;
}
#qualities td.impct
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              15%;
}
#qualities td.blstc
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              15%;
}
/************************************************************************/
#powers
{
  padding:        0 0 0 0;
  margin:               0;
  width:             100%;
}
#powers input
{
  width:             100%;
  border-width:   0 0 0 0;
  text-align:      center;
  font-size:         10px;
}
#powers input.armtype
{
  text-align:      left;
}
#powers td
{
  padding:      0 2px 0 0;
}
#powers td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#powers td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#powers td.unit
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              70%;
}
#powers td.value
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              30%;
}
#powers td.impct
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              15%;
}
#powers td.blstc
{
  text-align:      center;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              15%;
}


/***********************************************************/
#footer
{
  font-size: 9px;
  background-color: white;
  color: gray;
  text-align: right;
}
#save
{
  text-align: center;
}
/************************************************************************/
#cyber
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#cyber input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#cyber input.rnkatt
{
  text-align:       center;
}
#cyber td
{
  padding:       0 2px 0 0;
}
#cyber td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#cyber input
{
  font-size:         10px;
}
#cyber td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#cyber td.implant
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              30%;
}
#cyber td.rating
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#cyber td.essence
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#cyber td.note
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              50%;
}
/************************************************************************/
#spells
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#spells input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#spells input.rnkatt
{
  text-align:       center;
}
#spells td
{
  padding:       0 2px 0 0;
}
#spells td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#spells td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#spells td.spell
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              15%;
}
#spells td.spelltype
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              5%;
}
#spells td.spellcat
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              8%;
}
#spells td.range
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              7%;
}
#spells td.duration
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              8%;
}
#spells td.drain
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              7%;
}
/************************************************************************/
#spirits
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#spirits input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#spirits td
{
  padding:       0 2px 0 0;
}
#spirits td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#spirits td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#spirits td.spirit
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              20%;
}
#spirits td.force
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              20%;
}
#spirits td.service
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              40%;
}
#spirits td.bound
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              20%;
}
/************************************************************************/
#vehicle
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#vehicle input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#vehicle input.eval
{
  text-align:      center;
}
#vehicle td
{
  padding:      0 2px 0 0;
}
#vehicle td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#vehicle td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#vehicle td.make
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              30%;
}
#vehicle td.handle
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.accel
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.speed
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.pilot
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.body
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.armor
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
#vehicle td.sensor
{
  text-align:       right;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  width:              10%;
}
/************************************************************************/
#notes
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#notes td
{
  padding:       0 2px 0 0;
}
#notes td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#notes textarea
{
  border: 1px solid black;
  width: 100%;
  font-size: 12px;
  font-family: Arial, sans-serif;
  height: 240px;
  padding: 2px;
}

/************************************************************************/
#privnotes
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#privnotes td
{
  padding:       0 2px 0 0;
}
#privnotes td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#privnotes textarea
{
  border: 1px solid black;
  width: 100%;
  font-size: 12px;
  font-family: Arial, sans-serif;
  height: 240px;
  padding: 2px;
}

/************************************************************************/
#weapons
{
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}
#weapons input
{
  width: 100%;
  border-width: 0 0 0 0;
}
#weapons input.rnkatt
{
  text-align:       center;
}
#weapons td
{
  padding:       0 2px 0 0;
}
#weapons td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#weapons td.title
{
  background-color:  #666;
  color:            white;
  border-style:     solid;
  border-color:      #666;
  border-width: 0 0 1px 0;
  text-align:      center;
}
#weapons td.unit
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
  width: 8%;
}
#weapons td.name
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
  width: 20%
}
#weapons td.note
{
  text-align: right;
  border-style: solid;
  border-color: #666;
  border-width: 0 0 1px 0;
  width: 32%
}
/************************************************************************/
#commlink
{
  width: 100%;
}
#commlink td
{
  padding:    0 2px 0 2px;
  margin:               0;
  vertical-align:  bottom;
}
#commlink td.header
{
  background-color: black;
  color:            white;
  text-align:      center;
  font-size:         14px;
}
#commlink span
{
  letter-spacing: .1em;
  color: gray;
  background-color: white;
}
#commlink input
{
  width: 100%;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
  font-size:    10px;
}
#commlink input.nuyen
{
  width: 95%;
}
#commlink input.eval
{
  text-align:      center;
}
#commlink td.unit
{
  width: 12.5%;
}