/*#fromform, #toform { font-size: x-large; float: left; width: 48%; text-align: center; }*/
#tradeform { text-align: center; }
#toggle { display: block; text-align: center; border: 1px solid #000000; padding: 10px; width: 40%; 
margin: 0 auto;
background-color: #adf; }


.cell-normal { background-color: #a8a878 !important; }
.cell-fighting { background-color: #c03028 !important; }
.cell-flying { background-color: #a890f0 !important; }
.cell-poison { background-color: #a040a0 !important; }
.cell-ground { background-color: #e0c068 !important; }
.cell-rock { background-color: #b8a038 !important; }
.cell-bug { background-color: #a8b820 !important; }
.cell-ghost { background-color: #705898 !important; }
.cell-steel { background-color: #b8b8d0 !important; }
.cell-fire { background-color: #f08030 !important; }
.cell-water { background-color: #6890f0 !important; }
.cell-grass { background-color: #78c850 !important; }
.cell-electric { background-color: #f8d030 !important; }
.cell-psychic { background-color: #906060 !important; }
.cell-ice { background-color: #98d8d8 !important; }
.cell-dragon { background-color: #7038f8 !important; }
.cell-dark { background-color: #483038 !important; }
.cell-fairy { background-color: #EE99AC !important; }

#type-chart td.cell-type, #type-chart th.cell-type {
font-size: x-small; 
text-transform: uppercase; 
color: white; 
text-shadow: 1px 1px 0 black;
font-weight: normal;
}

#type-chart th.att-types { vertical-align: middle; }

.cell-2 { background-color: #5a0 !important; }
.cell-4 { background-color: lightgreen !important; }
.cell-0-5 { background-color: #a00 !important; }
.cell-0-25 { background-color: red !important; }
.cell-0 { background-color: #333 !important; }

.cell-0,.cell-0-5,.cell-2,.cell-25,.cell-2,.cell-4 { color: #dd6 !important; }

.trade-req-extra { margin-top: 10px; margin-bottom: 10px; padding: 3px; border: 1px solid orange; }

#selectinterface { display: none; }