/*  SCHEME
    9B9183	gray
    DBD7D4	light gray
    FEE970	light yellow
    E4B61A	gold
    2C3258	dark blue
*/
body {
background-color: #FFFFFF;}


a{text-decoration: none;}
a:link, a:visited, a:active {color: #E4B61A;}
a:hover {color: #FEE970;}

h1{color: #2C3258;}
h2{color: #2C3258;}
h3{color: #2C3258;}
h4{color: #2C3258;}
h5{color: #2C3258;}
h6{color: #2C3258;}

#header {
border-top: thin solid #2C3258;
border-bottom: thin solid #2C3258;
font-family: helvetica;
color: #000000;}

#header td {
font-size: 16px;
text-align: center;}

#header a {
font-size: 16px;
text-decoration: none;}

.plain link, plain visited, plain active {
color: #9B9183;}

.data {
border-color: #9B9183;
border-width: 1px;
border-style: none solid solid none;
border-collapse: collapse;}

.data th {
background-color: #2C3258;
color: #FFFFFF;
vertical-align: bottom;
border-color: #2C3258;
border-width: 1px;
border-style: solid solid solid solid;
padding: 1px 5px 1px 5px;}

.data td {
vertical-align: top;
border-color: #9B9183;
border-width: 1px;
border-style: solid none none solid;
padding: 1px 5px 1px 5px;}

.data tr:nth-child(even) td {
background-color: #FFFFFF;}

.data tr:nth-child(odd) td {
background-color: #DBD7D4;}

.datab {
border-color: #9B9183;
border-width: 1px;
border-style: none solid solid none;
border-collapse: collapse;}

.datab th {
background-color: #2C3258;
color: #FFFFFF;
vertical-align: bottom;
border-color: #2C3258;
border-width: 1px;
border-style: solid solid solid solid;
padding: 1px 5px 1px 5px;}

.datab td {
vertical-align: top;
border-color: #9B9183;
border-width: 1px;
border-style: solid none none solid;
padding: 1px 5px 1px 5px;}

.datab tr:nth-child(4n) td {
background-color: #FFFFFF;}

.datab tr:nth-child(4n-1) td {
background-color: #DBD7D4;}

.datab tr:nth-child(4n-2) td {
background-color: #DBD7D4;}

.datab tr:nth-child(4n-3) td {
background-color: #FFFFFF;}

.datac {
border-color: #9B9183;
border-width: 1px;
border-style: none solid solid none;
border-collapse: collapse;}

.datac th {
background-color: #2C3258;
color: #FFFFFF;
vertical-align: bottom;
border-color: #2C3258;
border-width: 1px;
border-style: solid solid solid solid;
padding: 1px 5px 1px 5px;}

.datac td {
vertical-align: top;
border-color: #9B9183;
border-width: 1px;
border-style: solid none none solid;
padding: 1px 5px 1px 5px;}

.spells {
border-color: #9B9183;
border-width: 1px;
border-style: none solid solid none;
border-collapse: collapse;}

.spells th {
background-color: #2C3258;
color: #FFFFFF;
vertical-align: bottom;
border-color: #2C3258;
border-width: 1px;
border-style: solid solid solid solid;
padding: 1px 5px 1px 5px;}

.spells td {
vertical-align: top;
border-color: #9B9183;
border-width: 1px;
border-style: solid none none solid;
padding: 1px 5px 1px 5px;}

.spells tr:nth-child(even) td {
background-color: #FFFFFF;}

.spells tr:nth-child(odd) td {
background-color: #DBD7D4;}

#divider {
background-color: #9B9183;
color: #FFFFFF;
padding: 1px 10px 1px 10px;
border-color: #9B9183;
border-width: 1px;
border-style: solid solid solid solid;}

.btn {
background: #E4B61A;
color: 2C3258;
border: none;}

.btn:hover {
background-color: #FEE970;}

input, 
textarea, 
select {
background: #DBD7D4;
border: 1px solid #2C3258;
padding: 5px;
color: #000000;
transition: background-color 0.2s;}

.long {
border-color: #2C3258;
border-width: 1px;
border-style: none solid solid none;
border-collapse: collapse;}

.long th {
border-color: #2C3258;
border-width: 1px;
border-style: solid none none solid;
background-color: #DBD7D4;
padding: 1px 5px 1px 5px;
vertical-align: bottom;
text-align: left;
font-weight: normal;}

.long td {
border-color: #2C3258;
border-width: 1px;
border-style: solid none none solid;
background-color: #DBD7D4;
padding: 1px 5px 1px 5px;
vertical-align: top;}

.long tr td:first-child {
padding: 1px 5px 1px 20px;}

.aspage textarea {
height: 420px;
width: 100%;}