/*
 * The Dragonball Zone v3.0 — kleine aanvulling op de originele HTML uit 2003.
 * Toen deden IE-filters en scripts dit; nu doet CSS hetzelfde in elke browser.
 */

html { scrollbar-color: #00008b #000; }

/* button fade (was filter:alpha + nereidFade) */
img.fade20, img.fade40 { transition: opacity .45s linear; }
img.fade20 { opacity: .2; }
img.fade40 { opacity: .4; }
a:hover img.fade20, a:hover img.fade40, img.fade20:hover, img.fade40:hover { opacity: 1; }

/* text fade (links van zwart naar wit) */
a { transition: color .6s linear; }
a:hover { color: #fff; }

/* honeypot voor spambots */
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* formulieren in de stijl van toen */
.box { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #11112a; border: 1px solid #0a06af; color: #fff; padding: 2px 3px; }
.button, a.button { font: bold 11px Verdana, Arial, sans-serif; color: #fff; background: #000066; border: 1px solid #6699ff; padding: 2px 8px; cursor: pointer; text-decoration: none; display: inline-block; }
.button:hover, a.button:hover { background: #0000aa; }
.linkbutton { background: none; border: 0; padding: 0; color: #6699ff; font: inherit; font-size: 11px; cursor: pointer; text-decoration: underline; }
.linkbutton.danger { color: #ff6666; }
.pollradio { margin: 1px 2px 1px 0; vertical-align: middle; }
.pollbutton { font: bold 10px Verdana, sans-serif; color: #fff; background: #000033; border: 1px solid #3366ff; margin-top: 3px; cursor: pointer; }

/* beheer */
body.admin { margin: 12px; font: 12px/1.4 Verdana, Arial, sans-serif; }
body.admin td, body.admin input, body.admin select { font-size: 12px; }
.adminframe { border: 1px solid #0000cc; }
.admin h3 { font: bold 15px Verdana, sans-serif; color: #33ff33; margin: 4px 0 10px; }
.admin h4 { font: bold 12px Verdana, sans-serif; color: #6699ff; margin: 18px 0 6px; }
.admin label { font-size: 12px; }
.list { border-collapse: separate; font-size: 12px; }
.list td { border-bottom: 1px solid #000044; }
.list tr:hover td { background: #000022; }
.flash { background: #002200; border: 1px solid #33ff33; padding: 5px 8px; color: #ccffcc; }
.error { background: #220000; border: 1px solid #ff3333; padding: 5px 8px; color: #ffcccc; }
.badge { background: #cc0000; color: #fff; font: bold 10px Verdana, sans-serif; padding: 0 4px; border-radius: 6px; }
.wide { width: 100%; box-sizing: border-box; }
.code { font-family: "Courier New", Consolas, monospace; font-size: 12px; }
.preview { border: 1px dashed #6699ff; padding: 10px; width: 444px; }
.dbzbg { background: #000 url(../backg.png); }
code { color: #99ccff; }

/* popups (reacties, stuur naar een vriend) */
body.popup { margin: 12px; }
body.popup a { color: #6699ff; }
body.popup a:hover { color: #fff; }
.comment td { font-family: Verdana, Arial, sans-serif; }