.user-color-bar { display: inline-block; overflow: hidden; height: 1em; width: 4em; padding: 1px; vertical-align: middle; white-space: nowrap; border: 1px solid black; background: #e0e0e0; }
.user-color-bar-chunk { float: left; height: 1em; }

/* eric meyer's css reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}


/*** General ***/

/* Pokémon sprite link grid */
a.dex-icon-link { display: inline-block; border: 1px solid transparent; }
a.dex-icon-link:hover { border: 1px solid #bfd3f1; background: #e6eefa; }
a.dex-icon-link.selected { border: 1px solid #95b7ea; background: #bfd4f2; }
a.dex-box-link { display: inline-block; margin: 0.25em; border: 1px solid transparent; }
a.dex-box-link:hover { border: 1px solid #bfd3f1; background: #e6eefa; }
a.dex-box-link.selected { border: 1px solid #95b7ea; background: #bfd4f2; }

/* Cool three-column layout */
.dex-column-container { clear: both; overflow: hidden /* float context */; margin-top: 1em; }
.dex-column { float: left; width: 32.666%; margin-left: 1%; }
.dex-column:first-child { margin-left: 0; }
.dex-column-2x { float: left; width: 66.333%; margin-left: 1%; }
.dex-column-2x:first-child { margin-left: 0; }
.dex-column2 { float: left; width: 49%; margin-left: 1%; }
.dex-column2:first-child { margin-left: 0; }

/* Type damage colors */
.dex-damage-taken-0   { font-weight: bold; color: #66c; }
.dex-damage-taken-25  { font-weight: bold; color: #6cc; }
.dex-damage-taken-50  { font-weight: bold; color: #6c6; }
.dex-damage-taken-100 { font-weight: bold; color: #999; }
.dex-damage-taken-200 { font-weight: bold; color: #c66; }
.dex-damage-taken-400 { font-weight: bold; color: #c6c; }
.dex-damage-dealt-0   { font-weight: bold; color: #66c; }
.dex-damage-dealt-25  { font-weight: bold; color: #c6c; }
.dex-damage-dealt-50  { font-weight: bold; color: #c66; }
.dex-damage-dealt-100 { font-weight: bold; color: #999; }
.dex-damage-dealt-200 { font-weight: bold; color: #6c6; }
.dex-damage-dealt-400 { font-weight: bold; color: #6cc; }
.dex-damage-score-good { font-weight: bold; color: #4c4; }
.dex-damage-score-bad  { font-weight: bold; color: #c44; }
.dex-damage-score-eh   { font-weight: bold; color: #ccc; }

/* Move priorities, used most prominently in the move table */
.dex-priority-fast { font-weight: bold; color: green; }
.dex-priority-slow { font-weight: bold; color: red; }

/* Nature-affected stats */
.dex-nature-buff { font-weight: bold; color: #e65858; }
.dex-nature-nerf { font-weight: bold; color: #5875e6; }

/* Links to Pokémon search */
dd .dex-subtle-search-link { visibility: hidden; }
dd:hover .dex-subtle-search-link { visibility: visible; }


/*** General tables ***/

/* Columns woo */
/* nb: these columns *include* cell padding */
col.dex-col-icon        { width: 32px; }
col.dex-col-name        { width: 10em; }
col.dex-col-link        { width: 16px; }
col.dex-col-max-exp     { width: 7em; }
col.dex-col-ability     { width: 8em; }
col.dex-col-gender      { width: 7em; }
col.dex-col-egg-group   { width: 7em; }
col.dex-col-height      { width: 5em; }
col.dex-col-weight      { width: 6em; }
col.dex-col-species     { width: 8em; }
col.dex-col-color       { width: 7em; }
col.dex-col-habitat     { width: 9em; }
col.dex-col-stat        { width: 3em; }
col.dex-col-stat-total  { width: 4em; }
col.dex-col-stat-name   { width: 10em; }
col.dex-col-stat-bar    { width: auto; }
col.dex-col-stat-pctile { width: 5em; }
col.dex-col-stat-result { width: 5em; }
col.dex-col-effort      { width: 8em; }
col.dex-col-type        { width: 40px; /* badges are 32px wide */ }
col.dex-col-type2       { width: 80px; }
col.dex-col-version     { width: 3.5em; }  /* two versions (32px < 33px == 3em) plus 0.17em padding < 3.5em */
col.dex-col-encounter-name { width: 10em; }
col.dex-col-encounter-version { width: 12em; }

/* Generic Pokémon and move lists; originally used for a Pokémon's moves, or a move's Pokémon */
table.dex-pokemon-moves { table-layout: fixed; }
table.dex-pokemon-pokemon-moves { width: 100%; }
table.dex-pokemon-moves td { padding: 0.33em; vertical-align: middle; text-align: center; }
table.dex-pokemon-moves th { padding: 0.33em 0.17em; text-align: center; }
table.dex-pokemon-moves tr.header-row { border-top: 2px solid #668dcc; }
table.dex-pokemon-moves tr.subheader-row th { padding: 0.17em 0.33em; text-align: left; }
table.dex-pokemon-moves td.egg { padding: 0 /* egg sprite consumes a lot of space, so let it extend into padding */; }
table.dex-pokemon-moves td.icon { padding: 0 /* icons consume a lot of space, so let em extend into padding */; }
table.dex-pokemon-moves td.name { white-space: nowrap; }
table.dex-pokemon-moves td.max-exp { text-align: right; }
table.dex-pokemon-moves td.effect { font-size: 0.8em; text-align: left; }
table.dex-pokemon-moves td.effect p { margin: 0; }
table.dex-pokemon-moves td.tutored { white-space: nowrap; }
table.dex-pokemon-moves .no-tutor { visibility: hidden; }
table.dex-pokemon-moves td.type2 { text-align: left; }
table.dex-pokemon-moves td.ability { font-size: 0.75em; padding: 0.25em; white-space: nowrap; }
table.dex-pokemon-moves td.egg-group { font-size: 0.75em; padding: 0.25em; }
table.dex-pokemon-moves td.stat { text-align: right; }
table.dex-pokemon-moves td.size { text-align: right; }
table.dex-pokemon-moves td.color { text-align: left; }
table.dex-pokemon-moves td.species { }
table.dex-pokemon-moves td.effort { font-size: 0.75em; padding: 0.25em; text-align: left; }
table.dex-pokemon-moves tr.better-move-type:nth-child(2n) td.type,
table.dex-pokemon-moves tr.better-move-type:nth-child(2n) td.type2,
table.dex-pokemon-moves tr.better-move-stat-physical:nth-child(2n) td.stat-attack,
table.dex-pokemon-moves tr.better-move-stat-special:nth-child(2n) td.stat-special-attack,
table.dex-pokemon-moves tr.better-move-stat:nth-child(2n) td.class { background: #afcfaf; }
table.dex-pokemon-moves tr.better-move-type:nth-child(2n+1) td.type,
table.dex-pokemon-moves tr.better-move-type:nth-child(2n+1) td.type2,
table.dex-pokemon-moves tr.better-move-stat-physical:nth-child(2n+1) td.stat-attack,
table.dex-pokemon-moves tr.better-move-stat-special:nth-child(2n+1) td.stat-special-attack,
table.dex-pokemon-moves tr.better-move-stat:nth-child(2n+1) td.class { background: #c0d8c0; }

/* "Sorting" Pokémon search results by evolution chain */
table.dex-pokemon-moves tr.fake-result td { opacity: 0.25; }
table.dex-pokemon-moves tr.chain-divider { border-top: 2px solid #b4c7e6; }
table.dex-pokemon-moves tr.evolution-depth-0 td.name { text-align: left; }
table.dex-pokemon-moves tr.evolution-depth-1 td.name { padding-left: 1em; text-align: left; }
table.dex-pokemon-moves tr.evolution-depth-2 td.name { padding-left: 2em; text-align: left; }
table.dex-pokemon-moves tr.evolution-depth-3 td.name { padding-left: 3em; text-align: left; }

/* JavaScript filtering/sorting */
.js-dex-pokemon-moves-extras { margin-bottom: 0.25em; text-align: right; }
.js-dex-pokemon-moves-options { display: inline-block; position: relative; margin-bottom: 0.25em; }
.js-dex-pokemon-moves-options .title { font-size: 0.8em; padding: 0.33em 0.5em; background: #cfdcf0; -moz-border-radius: 0.5em; }
.js-dex-pokemon-moves-options .title img { margin-right: 0.33em; }
.js-dex-pokemon-moves-options .body { display: none; position: absolute; right: 0; width: 32em; padding: 0.33em; border: 1px solid #668dcc; text-align: left; background: white; -moz-box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5); }
.js-dex-pokemon-moves-options:hover .title { background: #3173ce; color: white; -moz-border-radius: 0; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
.js-dex-pokemon-moves-options:hover .body { display: block; }
.js-dex-pokemon-moves-options:hover .body label { display: block; }
table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls .js-label { font-size: 0.67em; }
table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls:hover { background: transparent; }
table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td:hover { cursor: pointer; background: #e6eefa; }
table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td.js-not-a-button:hover { cursor: default; background: transparent; }
table.dex-pokemon-moves tr.js-dex-pokemon-moves-controls td.js-sorted-by { background: #f0efe6; }
table.dex-pokemon-moves tr:nth-child(2n) td.js-sorted-by { background: #f0efe6; }
table.dex-pokemon-moves tr:nth-child(2n+1) td.js-sorted-by { background: #f6f4ea; }


/*** Individual pages -- shared ***/

/* Prev/current/next header */
#dex-header { overflow: hidden; /* new float context */ text-align: center; line-height: 24px; /* keep buttons at least 24px tall */ }
#dex-header-prev { float: left;  text-align: left; }
#dex-header-next { float: right; text-align: right; }
#dex-header-prev, #dex-header-next { width: 15em; min-height: 24px; margin: 0; }
#dex-header-prev img, #dex-header-next img { vertical-align: middle; }
#dex-header ul.inline-menu {  line-height: 1.2; }
#dex-header + h1 { margin-top: 0.25em; }

/* Header sublinks, e.g. pokemon | flavor | locations */
ul.inline-menu { text-align: middle; }
ul.inline-menu > li { display: inline; }
ul.inline-menu > li:after { content: ' | '; }
ul.inline-menu > li:last-child:after { content: none; }

/* Top section, with the portrait and stuff on the right side */
.dex-page-portrait { float: left; width: 15em; min-height: 10em; padding-bottom: 1em; text-align: center; }
.dex-page-portrait p { margin: 0.25em 0; line-height: 1; }
.dex-page-beside-portrait:after { display: block; clear: both; content: ""; }
p#dex-page-name { font-size: 2em; margin: 0.12em 0; }
#dex-pokemon-forme { font-size: 1.25em; font-weight: bold; }
#dex-pokemon-portrait-sprite { height: 96px; width: 96px; margin: 0.33em auto; padding: 7px; line-height: 96px; vertical-align: middle; text-align: center; background: url(/static/pokedex/images/sprite-frame.png) center center no-repeat; }

/* List of types with damage (or whatever) below */
ul.dex-type-list { overflow: hidden /* new float context */; margin-bottom: 2em; }
ul.dex-type-list li { display: inline-block; text-align: center; padding: 0.125em; }
ul.dex-type-list li img { display: block; margin-bottom: 0.25em; }

/* Size comparison -- used by Pokémon and flavor */
.dex-size { height: 120px; padding-bottom: 2.5em /* for -value */; overflow: hidden /* new float context */}
.dex-size img { clip: 8px; position: absolute; bottom: 0; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
.dex-size input[type='text'] { text-align: right; }
.dex-size .dex-size-trainer,
.dex-size .dex-size-pokemon { display: block; position: relative; float: left; height: 100%; width: 50%; text-align: left; }
.dex-size .dex-size-trainer { text-align: right; }
.dex-size .dex-size-pokemon { text-align: left; }
.dex-size .dex-size-trainer img { right: 0.25em; }
.dex-size .dex-size-pokemon img { left: 0.25em; }
.dex-size .js-dex-size-raw { display: none; }
.dex-size .dex-size-value { position: absolute; height: 2em; margin: 0; line-height: 1; padding: 0.25em; bottom: -2.5em; }
.dex-size .dex-size-trainer .dex-size-value { right: 0.25em; }
.dex-size .dex-size-pokemon .dex-size-value { left: 0.25em; }


/*** Individual pages ***/

/* Pokémon page -- ability list */
dl.pokemon-abilities p { margin: 0; padding: 0; }

/* Pokémon page -- grid of compatible breeding partners */
ul.dex-pokemon-compatibility { max-height: 136px /* four rows of icons plus borders */; }
ul.inline.dex-pokemon-compatibility { overflow: auto; }

/* Pokémon page -- wild held items */
table.dex-pokemon-held-items { width: 100%; }
table.dex-pokemon-held-items .versions { width: 48px /* three versions */; padding-right: 0.5em; }
table.dex-pokemon-held-items .rarity { width: 4em; padding-right: 0.5em; text-align: right; }
table.dex-pokemon-held-items tr.new-version { border-top: 1px dotted #c0c0c0; }
table.dex-pokemon-held-items tbody tr:first-child.new-version { border-top: none; }

/* Pokémon page -- evolution chain table */
table.dex-evolution-chain { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0.5em; empty-cells: hide; }
table.dex-evolution-chain td { padding: 0.5em; vertical-align: middle; border: 1px solid #d8d8d8; background: #f0f0f0; }
table.dex-evolution-chain td:hover { border: 1px solid #bfd3f1; background: #e6eefa; }
table.dex-evolution-chain td.selected { border: 1px solid #95b7ea; background: #bfd4f2; }
.dex-evolution-chain-method { display: block; overflow: hidden; font-size: 0.8em; line-height: 1.25em; }
.dex-evolution-chain-pokemon { padding-top: 8px /* bump icon up a bit */; display: block; font-weight: bold; }
.dex-evolution-chain-pokemon img,
.dex-evolution-chain-pokemon .sprite-icon { float: left; margin-top: -8px /* fills link's top padding */; margin-right: 0.33em; }

/* Pokémon page -- stats table */
table.dex-pokemon-stats { width: 100%; }
table.dex-pokemon-stats th label { display: block; text-align: right; font-weight: normal; color: #2457a0; }
table.dex-pokemon-stats th input { text-align: left; }
table.dex-pokemon-stats .dex-pokemon-stats-bar-container { background: #f8f8f8; }
table.dex-pokemon-stats .dex-pokemon-stats-bar { padding: 0.33em; border: 1px solid #d8d8d8; background: #f0f0f0; }
table.dex-pokemon-stats td.dex-pokemon-stats-pctile { text-align: right; }
table.dex-pokemon-stats td.dex-pokemon-stats-result { text-align: right; }

/* Pokémon page -- simple-encounters list */
.dex-simple-encounters-method { margin-bottom: 0.5em; }
dl.dex-simple-encounters dd img { vertical-align: bottom; }
dl.dex-simple-encounters ul { display: inline; }
dl.dex-simple-encounters ul li { display: inline; }
dl.dex-simple-encounters ul li:after { content: '; '; }
dl.dex-simple-encounters ul li:last-child:after { content: ''; }

/* Pokémon page -- Pokéathlon performance */
.dex-pokeathlon-stats { display: inline-block; }
.dex-pokeathlon-stats p { text-align: center; }
.dex-pokeathlon-stats dt { width: 7em; }
.dex-pokeathlon-stats dd { padding-left: 7.5em; width: 80px; }

/* Pokémon page -- cry */
/* Mozilla's player changes its height proportionate to its width by default or something */
audio.cry { width: 100%; height: 35px; }

/* Pokémon flavor -- color */
.dex-color-black,
.dex-color-blue,
.dex-color-brown,
.dex-color-gray,
.dex-color-green,
.dex-color-pink,
.dex-color-purple,
.dex-color-red,
.dex-color-white,
.dex-color-yellow { display: inline-block; height: 1em; width: 1em; border: 1px solid #606060; vertical-align: middle; }
.dex-color-black    { background: black; }
.dex-color-blue     { background: blue; }
.dex-color-brown    { background: brown; }
.dex-color-gray     { background: gray; }
.dex-color-green    { background: green; }
.dex-color-pink     { background: pink; }
.dex-color-purple   { background: purple; }
.dex-color-red      { background: red; }
.dex-color-white    { background: white; }
.dex-color-yellow   { background: yellow; }

/* Pokémon flavor page -- tables of sprites */
table.dex-pokemon-flavor-sprites td { vertical-align: middle /* sprites aren't always the same height within a row */; }
table.dex-pokemon-flavor-sprites td.dex-pokemon-flavor-no-sprite { text-align: center; }

/* Pokémon flavor page -- RBY sprite needs doublesizin' */
.dex-pokemon-flavor-rby-back img { width: 64px; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

/* Pokémon flavor page -- flavor text */
dl.dex-flavor-text dt { width: 96px /* enough for 5 versions and padding*/; }
dl.dex-flavor-text dd { padding-left: 96px; margin-left: .5em; }
dl.dex-flavor-text dt.dex-flavor-generation { width: auto; text-align: left; margin: 0;padding: 0; }
dl.dex-flavor-text dt.dex-flavor-generation + dd { padding-left: 32px; }
dl.dex-pokemon-flavor-text dt { width: 64px /* enough for 3 versions and padding */; }
dl.dex-pokemon-flavor-text dd { padding-left: 64px; }

/* Pokémon flavor page -- client-resize Sugimori art */
p.dex-sugimori img { max-width: 100%; }

/* Move page -- flags list */
ul.dex-move-flags .markdown { font-size: 0.8em; font-style: italic; color: #404040; }
ul.dex-move-flags .markdown p { margin-bottom: 0.33em; }
ul.dex-move-flags li.disabled a { font-weight: normal; color: #c0c0c0; }
ul.dex-move-flags li.disabled a:hover { color: #ce3131; }

/* Location page and Pokémon location page -- entire bigass table */
table.dex-encounters td { padding-left: 0.5em; padding-right: 0.5em; vertical-align: top; }
table.dex-encounters td.location { vertical-align: top; }
table.dex-encounters th.location { vertical-align: top; text-align: left; }
.dex-location-area { font-size: 0.8em; font-style: italic; color: black; }
.dex-encounter-condition-group { padding: 0.5em 0; }
.dex-encounter-condition-group + .dex-encounter-condition-group { border-top: 1px solid #404040; }
.dex-encounter-conditions + .dex-encounter-conditions { margin-top: 0.5em; }
.dex-encounter-conditions .dex-encounter-icon { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; overflow: hidden;}
.dex-encounter-conditions .dex-encounter-icon img { vertical-align: middle; }
.dex-encounter-conditions .dex-encounter-rarity { float: right; }
.dex-encounter-conditions .dex-rarity-bar { position: relative; overflow: auto; font-size: 0.83em; height: 1em; line-height: 1; margin-top: 0.25em; background: #e8e8e8; border: 1px solid #96bbf2; }
.dex-encounter-conditions .dex-rarity-bar-fill { height: 100%; background: #96bbf2; }
.dex-encounter-conditions .dex-rarity-bar-fills { float: left; height: 100%; background: #96bbf2; }
.dex-encounter-conditions .dex-rarity-bar-fills + .dex-rarity-bar-fills { margin-left: -1px; border-left: 1px solid #b3cef6; }
.dex-encounter-conditions .dex-rarity-bar-fills:hover { background: #668dcc; }
.dex-encounter-conditions .dex-rarity-bar-value { position: absolute; height: 100%; top: 0; right: 0; color: #808080; vertical-align: bottom; }

/* Item page -- pocket list at the top */
ul#dex-item-pockets { text-align: center; }
ul#dex-item-pockets li { display: inline-block; }
ul#dex-item-pockets li img { padding: 4px; }


/*** Lists ***/

table.dex-ability-list td { padding: 0.33em 0.5em; }
table.dex-ability-list p { margin: 0; padding: 0; }

table.dex-nature-list td { padding: 0.33em 1em 0.33em 0.75em; }
table.dex-nature-list td.flavor { text-align: right; }

table.dex-type-chart td { text-align: center; vertical-align: middle; }
table.dex-type-chart td.dex-damage-dealt-100 { color: #e0e0e0; }
/* Hover colors clash; dim the 100% color a bit less on hover */
table.dex-type-chart.striped-rows tr td.js-hover.dex-damage-dealt-100,
table.dex-type-chart.striped-rows tr:hover td.dex-damage-dealt-100 { color: #aaa; }


/*** Searches ***/

/* Custom table and custom list display */
.no-js .js-instructions { display: none; }
.dex-search-display-columns ul.js-dex-search-column-picker { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.no-js .dex-column.dex-search-display-list { margin-left: 33.666%; }
.dex-search-display-list-reference dl { overflow: auto; max-height: 24em; }
/* Only show the table/list controls when the right display mode is selected */
body.js .dex-column-container .dex-search-display-columns { display: none; }
body.js .dex-column-container .dex-search-display-list    { display: none; }
body.js .dex-column-container .dex-search-display-list-reference { display: none; }
body.js .dex-column-container.js-dex-search-display-table .dex-search-display-columns { display: block; }
body.js .dex-column-container.js-dex-search-display-list  .dex-search-display-list    { display: block; }
body.js .dex-column-container.js-dex-search-display-list  .dex-search-display-list-reference { display: block; }
/* Style the js sortables */
.dex-search-display-columns ul.checked { float: left; width: 48%; margin: 0 1%; border: 1px solid #bfd3f1; }
.dex-search-display-columns ul.unchecked { margin: 0 1% 0 51%; }
.dex-search-display-columns ul.checked li,
.dex-search-display-columns ul.unchecked li { padding: 0.33em 0.5em; cursor: move; }
.dex-search-display-columns ul.checked li label,
.dex-search-display-columns ul.unchecked li label { cursor: move; }
.dex-search-display-columns ul.checked li { background: #e6eefa; }
.dex-search-display-columns ul.unchecked li { background: #f4f4f4; color: #606060; }
.dex-search-display-columns ul.checked input,
.dex-search-display-columns ul.unchecked input { display: none; }

/* Pokémon search -- showing a list */
.dex-pokemon-search-list { line-height: 1.33; font-family: monospace; }
.dex-pokemon-search-list a { font-weight: normal; }

/* Pokémon search -- move versions */
table#dex-pokemon-search-move-versions td { padding-right: 2em; }

/* Move search -- category list */
.dex-move-search-categories { overflow: auto; max-height: 15em; }


/*** Gadgets ***/

/* Pokéball performance results */
table.dex-capture-rates td { vertical-align: middle; }
table.dex-capture-rates th.item { text-align: left; }
table.dex-capture-rates td.chance { text-align: right; }
table.dex-capture-rates td.condition { font-size: 0.8em; font-style: italic; }
table.dex-capture-rates td.expected-attempts { text-align: right; padding-right: 1em /* title is wide; offset a bit */; }
table.dex-capture-rates tr.inactive td { color: #909090; }
div.dex-capture-rate-graph { display: inline-block; position: relative; width: 10em; height: 1.3em; background: #79cc66; }
div.dex-capture-rate-graph-bar { float: left; height: 100%; }
p.dex-capture-rate-legend span { padding: 0.25em; }
.wobble0 { background: #cc6666; }
.wobble1 { background: #d88c8c; }
.wobble2 { background: #e5b2b2; }
.wobble3 { background: #f2d9d9; }
.wobble4 { background: #79cc66; }
table.dex-capture-rates tr.inactive div.dex-capture-rate-graph { opacity: 0.25; }

/* Pokéball performance -- HP bar for HP-remaining input */
.dex-hp-bar { display: inline-block; height: 3px; width: 48px; margin: 0.25em; padding: 6px 2px 7px 16px /* 4px of extra vertical padding for click space */; vertical-align: middle; background: url(/static/pokedex/images/hp-bar.png) center left no-repeat; }
.dex-hp-bar .dex-hp-bar-bar { width: 100%; height: 100%; }
.dex-hp-bar .dex-hp-bar-bar.green  { background-color: #18c31f; }
.dex-hp-bar .dex-hp-bar-bar.yellow { background-color: #d7ac00; }
.dex-hp-bar .dex-hp-bar-bar.red    { background-color: #be2821; }

/* Pokémon comparison */
ul.dex-compare-pokemon-version-list { display: inline-block; }
ul.dex-compare-pokemon-version-list li { display: inline-block; padding: 0 0.5em; }

table.dex-compare-pokemon { width: 100%; margin-top: 0.5em; table-layout: fixed; }
form + table.dex-compare-pokemon { margin-top: 0; }
table.dex-compare-pokemon col.labels { width: 10em; }
table.dex-compare-pokemon .dex-compare-suggestions th { padding: 0.5em; vertical-align: bottom; text-align: left; }
table.dex-compare-pokemon .header-row input[type='text'] { width: 95%; }
table.dex-compare-pokemon td { line-height: 1.33; }
table.dex-compare-pokemon tbody th { text-align: left; }
table.dex-compare-pokemon tr.subheader-row th { padding: 0.33em 0.5em; font-weight: bold; }

table.dex-compare-pokemon tr.size td,
table.dex-compare-pokemon tr.size th { height: 96px; line-height: 96px; text-align: left; vertical-align: bottom; }
table.dex-compare-pokemon tr.size td { text-align: center; }
table.dex-compare-pokemon tr.size th { text-align: left; }
table.dex-compare-pokemon tr.size img { vertical-align: bottom; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
table.dex-compare-pokemon tr.dex-compare-list td { text-align: center; vertical-align: top; }
table.dex-compare-pokemon tr.dex-compare-relative td { font-size: 1.5em; padding-right: 3%; text-align: right; font-weight: bold; }
table.dex-compare-pokemon tr.dex-compare-flavor-text td { text-align: center; }
table.dex-compare-pokemon.dex-compare-pokemon-moves td { text-align: center; }
table.dex-compare-pokemon.dex-compare-pokemon-moves th.versions { text-align: left; }

/* Stat calculator */
.dex-col-stat-calc-labels { width: 8em; }
.dex-col-stat-calc { width: 4em; }
table.dex-stat-calculator { margin-bottom: 2em; }
table.dex-stat-calculator tbody th { text-align: right; vertical-align: baseline; }
table.dex-stat-calculator tbody tr.subheader-row th { text-align: left; }
table.dex-stat-calculator td { text-align: center; }
table.dex-stat-calculator td,
table.dex-stat-calculator th { line-height: 1.33; }
table.dex-stat-calculator td.impossible { text-decoration: underline; color: darkred; }
table.dex-stat-calculator td.-possible-genes { padding-left: 1em; padding-right: 1em; text-align: left; vertical-align: top; /* need this because the graph has no text, so 'baseline' pushes it way up */ }
table.dex-stat-calculator td .-valid-range { font-size: 0.8em; line-height: 2em; }
p.dex-stat-calculator-protip { font-size: 0.8em; padding-left: 1em; line-height: 1.33; text-align: left; font-style: italic; color: #606060; }
p.dex-stat-calculator-clipboard { margin-left: 4em; margin-right: 4em; padding: 0.5em 1em; font-family: monospace; background: #e8e8e8; }

div.dex-stat-graph { overflow: hidden; height: 1.5em; margin: 0 0 0.33em; border: 1px solid #c0c0c0; background: white; -moz-border-radius: 2px; }
div.dex-stat-graph div.point,
div.dex-stat-graph div.pointless { float: left; height: 1.5em; width: 0.5em; }
div.dex-stat-graph div.point { background: #c0c0c0; }

div.dex-stat-vertical-graph { width: 1.5em; margin: 0 auto; border: 1px solid #c0c0c0; background: white; -moz-border-radius: 2px; }
div.dex-stat-vertical-graph div.point,
div.dex-stat-vertical-graph div.pointless { width: 1.5em; height: 0.5em; }
div.dex-stat-vertical-graph div.point { background: #c0c0c0; }

/* Who's that Pokémon */
#js-dex-wtp { position: relative; width: 50em; height: 32em; margin: 2em auto; border: 1px solid #d0d0d0; background: #e8e8e8; }
/* Use the class on this element to toggle the game state; by default everything is hidden */
#js-dex-wtp                 #js-dex-wtp-loading  { display: none; }
#js-dex-wtp.state-loading   #js-dex-wtp-loading  { display: block; }
#js-dex-wtp                 #js-dex-wtp-options  { display: none; }
#js-dex-wtp.state-off       #js-dex-wtp-options  { display: block; }
#js-dex-wtp                 #js-dex-wtp-thinking { display: none; }
#js-dex-wtp.state-thinking  #js-dex-wtp-thinking { display: block; }
#js-dex-wtp                 #js-dex-wtp-board    { display: none; }
#js-dex-wtp.state-playing   #js-dex-wtp-board    { display: block; }
#js-dex-wtp.state-answering #js-dex-wtp-board    { display: block; }
#js-dex-wtp                 #js-dex-wtp-result   { display: none; }
#js-dex-wtp.state-answering #js-dex-wtp-result   { display: block; }
/* Starting options dialog thing */
#js-dex-wtp-options p.intro { font-size: 1.5em; margin: 0.67em; text-align: center; }
#js-dex-wtp-options ul.dex-column2 li { font-size: 1.5em; margin: 0.5em 2em; }
#js-dex-wtp-options p.go { position: absolute; left: 1em; bottom: 1em; right: 1em; text-align: center; }
#js-dex-wtp-options #js-dex-wtp-start { font-size: 2em; padding: 0.33em 2em; }
/* Questions */
#js-dex-wtp-thinking { font-size: 2em; height: 100%; width: 100%; line-height: 16em; color: #808080; text-align: center; vertical-align: middle; }
#js-dex-wtp-board { height: 75%; }
#js-dex-wtp-board .question { height: 61%; padding: 5% 1em; text-align: center; }
#js-dex-wtp-board .answer { font-size: 1.25em; height: 33%; padding: 0 3em; text-align: center; }
#js-dex-wtp-result { height: 15%; padding: 5% 3em; text-align: center; }


/*** Static pages ***/

/* Big lookup box above the Pokédex instructions */
#big-pokedex-lookup { font-size: 2em; text-align: center; }
#big-pokedex-lookup input { font-size: 1em; }


/*** Cheat codes ***/

/* Cheat code unlock page */
#dex-cheat-unlocked { overflow: hidden /* float containment */; width: 60%; margin: auto; margin-top: 10em; }
#dex-cheat-unlocked .dex-cheat-unlocked-left { float: left; }
#dex-cheat-unlocked .dex-cheat-unlocked-right { float: right; }
#dex-cheat-unlocked .dex-cheat-unlocked-line1 { font-size: 48px; font-weight: bold; text-align: center; text-transform: uppercase; }
#dex-cheat-unlocked .dex-cheat-unlocked-line2 { font-size: 34px; font-weight: bold; text-align: center; text-transform: uppercase; }
#dex-cheat-list { margin-top: 1em; margin-bottom: 5em; text-align: center; }
#dex-cheat-list li { display: inline; padding: 0.5em 1em; }
#dex-cheat-list li.this-cheat { font-weight: bold; }

/* obdurate cheat code */
p.dex-obdurate { margin: .5em 0 1.1em; line-height: 1.1; white-space: nowrap; font-size: 8px; }


/*** CSS spriting ***/
/* Versions */

/* Generations */

/* Pokémon icons */
span.sprite-icon { display: inline-block; height: 32px; width: 32px; background: url(/static/pokedex/images/css-sprite-pokemon-icons.png) no-repeat; vertical-align: middle; }
span.sprite-icon-1{background-position:-0px -0px;} span.sprite-icon-2{background-position:-32px -0px;} span.sprite-icon-3{background-position:-64px -0px;} span.sprite-icon-4{background-position:-96px -0px;} span.sprite-icon-5{background-position:-128px -0px;} span.sprite-icon-6{background-position:-160px -0px;} span.sprite-icon-7{background-position:-192px -0px;} span.sprite-icon-8{background-position:-224px -0px;} span.sprite-icon-9{background-position:-256px -0px;} span.sprite-icon-10{background-position:-288px -0px;} span.sprite-icon-11{background-position:-320px -0px;} span.sprite-icon-12{background-position:-352px -0px;} span.sprite-icon-13{background-position:-384px -0px;} span.sprite-icon-14{background-position:-416px -0px;} span.sprite-icon-15{background-position:-448px -0px;} span.sprite-icon-16{background-position:-480px -0px;} span.sprite-icon-17{background-position:-512px -0px;} span.sprite-icon-18{background-position:-544px -0px;} span.sprite-icon-19{background-position:-576px -0px;} span.sprite-icon-20{background-position:-608px -0px;} span.sprite-icon-21{background-position:-640px -0px;} span.sprite-icon-22{background-position:-672px -0px;} span.sprite-icon-23{background-position:-704px -0px;} span.sprite-icon-24{background-position:-736px -0px;} span.sprite-icon-25{background-position:-768px -0px;} span.sprite-icon-26{background-position:-0px -32px;} span.sprite-icon-27{background-position:-32px -32px;} span.sprite-icon-28{background-position:-64px -32px;} span.sprite-icon-29{background-position:-96px -32px;} span.sprite-icon-30{background-position:-128px -32px;} span.sprite-icon-31{background-position:-160px -32px;} span.sprite-icon-32{background-position:-192px -32px;} span.sprite-icon-33{background-position:-224px -32px;} span.sprite-icon-34{background-position:-256px -32px;} span.sprite-icon-35{background-position:-288px -32px;} span.sprite-icon-36{background-position:-320px -32px;} span.sprite-icon-37{background-position:-352px -32px;} span.sprite-icon-38{background-position:-384px -32px;} span.sprite-icon-39{background-position:-416px -32px;} span.sprite-icon-40{background-position:-448px -32px;} span.sprite-icon-41{background-position:-480px -32px;} span.sprite-icon-42{background-position:-512px -32px;} span.sprite-icon-43{background-position:-544px -32px;} span.sprite-icon-44{background-position:-576px -32px;} span.sprite-icon-45{background-position:-608px -32px;} span.sprite-icon-46{background-position:-640px -32px;} span.sprite-icon-47{background-position:-672px -32px;} span.sprite-icon-48{background-position:-704px -32px;} span.sprite-icon-49{background-position:-736px -32px;} span.sprite-icon-50{background-position:-768px -32px;} span.sprite-icon-51{background-position:-0px -64px;} span.sprite-icon-52{background-position:-32px -64px;} span.sprite-icon-53{background-position:-64px -64px;} span.sprite-icon-54{background-position:-96px -64px;} span.sprite-icon-55{background-position:-128px -64px;} span.sprite-icon-56{background-position:-160px -64px;} span.sprite-icon-57{background-position:-192px -64px;} span.sprite-icon-58{background-position:-224px -64px;} span.sprite-icon-59{background-position:-256px -64px;} span.sprite-icon-60{background-position:-288px -64px;} span.sprite-icon-61{background-position:-320px -64px;} span.sprite-icon-62{background-position:-352px -64px;} span.sprite-icon-63{background-position:-384px -64px;} span.sprite-icon-64{background-position:-416px -64px;} span.sprite-icon-65{background-position:-448px -64px;} span.sprite-icon-66{background-position:-480px -64px;} span.sprite-icon-67{background-position:-512px -64px;} span.sprite-icon-68{background-position:-544px -64px;} span.sprite-icon-69{background-position:-576px -64px;} span.sprite-icon-70{background-position:-608px -64px;} span.sprite-icon-71{background-position:-640px -64px;} span.sprite-icon-72{background-position:-672px -64px;} span.sprite-icon-73{background-position:-704px -64px;} span.sprite-icon-74{background-position:-736px -64px;} span.sprite-icon-75{background-position:-768px -64px;} span.sprite-icon-76{background-position:-0px -96px;} span.sprite-icon-77{background-position:-32px -96px;} span.sprite-icon-78{background-position:-64px -96px;} span.sprite-icon-79{background-position:-96px -96px;} span.sprite-icon-80{background-position:-128px -96px;} span.sprite-icon-81{background-position:-160px -96px;} span.sprite-icon-82{background-position:-192px -96px;} span.sprite-icon-83{background-position:-224px -96px;} span.sprite-icon-84{background-position:-256px -96px;} span.sprite-icon-85{background-position:-288px -96px;} span.sprite-icon-86{background-position:-320px -96px;} span.sprite-icon-87{background-position:-352px -96px;} span.sprite-icon-88{background-position:-384px -96px;} span.sprite-icon-89{background-position:-416px -96px;} span.sprite-icon-90{background-position:-448px -96px;} span.sprite-icon-91{background-position:-480px -96px;} span.sprite-icon-92{background-position:-512px -96px;} span.sprite-icon-93{background-position:-544px -96px;} span.sprite-icon-94{background-position:-576px -96px;} span.sprite-icon-95{background-position:-608px -96px;} span.sprite-icon-96{background-position:-640px -96px;} span.sprite-icon-97{background-position:-672px -96px;} span.sprite-icon-98{background-position:-704px -96px;} span.sprite-icon-99{background-position:-736px -96px;} span.sprite-icon-100{background-position:-768px -96px;} span.sprite-icon-101{background-position:-0px -128px;} span.sprite-icon-102{background-position:-32px -128px;} span.sprite-icon-103{background-position:-64px -128px;} span.sprite-icon-104{background-position:-96px -128px;} span.sprite-icon-105{background-position:-128px -128px;} span.sprite-icon-106{background-position:-160px -128px;} span.sprite-icon-107{background-position:-192px -128px;} span.sprite-icon-108{background-position:-224px -128px;} span.sprite-icon-109{background-position:-256px -128px;} span.sprite-icon-110{background-position:-288px -128px;} span.sprite-icon-111{background-position:-320px -128px;} span.sprite-icon-112{background-position:-352px -128px;} span.sprite-icon-113{background-position:-384px -128px;} span.sprite-icon-114{background-position:-416px -128px;} span.sprite-icon-115{background-position:-448px -128px;} span.sprite-icon-116{background-position:-480px -128px;} span.sprite-icon-117{background-position:-512px -128px;} span.sprite-icon-118{background-position:-544px -128px;} span.sprite-icon-119{background-position:-576px -128px;} span.sprite-icon-120{background-position:-608px -128px;} span.sprite-icon-121{background-position:-640px -128px;} span.sprite-icon-122{background-position:-672px -128px;} span.sprite-icon-123{background-position:-704px -128px;} span.sprite-icon-124{background-position:-736px -128px;} span.sprite-icon-125{background-position:-768px -128px;} span.sprite-icon-126{background-position:-0px -160px;} span.sprite-icon-127{background-position:-32px -160px;} span.sprite-icon-128{background-position:-64px -160px;} span.sprite-icon-129{background-position:-96px -160px;} span.sprite-icon-130{background-position:-128px -160px;} span.sprite-icon-131{background-position:-160px -160px;} span.sprite-icon-132{background-position:-192px -160px;} span.sprite-icon-133{background-position:-224px -160px;} span.sprite-icon-134{background-position:-256px -160px;} span.sprite-icon-135{background-position:-288px -160px;} span.sprite-icon-136{background-position:-320px -160px;} span.sprite-icon-137{background-position:-352px -160px;} span.sprite-icon-138{background-position:-384px -160px;} span.sprite-icon-139{background-position:-416px -160px;} span.sprite-icon-140{background-position:-448px -160px;} span.sprite-icon-141{background-position:-480px -160px;} span.sprite-icon-142{background-position:-512px -160px;} span.sprite-icon-143{background-position:-544px -160px;} span.sprite-icon-144{background-position:-576px -160px;} span.sprite-icon-145{background-position:-608px -160px;} span.sprite-icon-146{background-position:-640px -160px;} span.sprite-icon-147{background-position:-672px -160px;} span.sprite-icon-148{background-position:-704px -160px;} span.sprite-icon-149{background-position:-736px -160px;} span.sprite-icon-150{background-position:-768px -160px;} span.sprite-icon-151{background-position:-0px -192px;} span.sprite-icon-152{background-position:-32px -192px;} span.sprite-icon-153{background-position:-64px -192px;} span.sprite-icon-154{background-position:-96px -192px;} span.sprite-icon-155{background-position:-128px -192px;} span.sprite-icon-156{background-position:-160px -192px;} span.sprite-icon-157{background-position:-192px -192px;} span.sprite-icon-158{background-position:-224px -192px;} span.sprite-icon-159{background-position:-256px -192px;} span.sprite-icon-160{background-position:-288px -192px;} span.sprite-icon-161{background-position:-320px -192px;} span.sprite-icon-162{background-position:-352px -192px;} span.sprite-icon-163{background-position:-384px -192px;} span.sprite-icon-164{background-position:-416px -192px;} span.sprite-icon-165{background-position:-448px -192px;} span.sprite-icon-166{background-position:-480px -192px;} span.sprite-icon-167{background-position:-512px -192px;} span.sprite-icon-168{background-position:-544px -192px;} span.sprite-icon-169{background-position:-576px -192px;} span.sprite-icon-170{background-position:-608px -192px;} span.sprite-icon-171{background-position:-640px -192px;} span.sprite-icon-172{background-position:-672px -192px;} span.sprite-icon-173{background-position:-704px -192px;} span.sprite-icon-174{background-position:-736px -192px;} span.sprite-icon-175{background-position:-768px -192px;} span.sprite-icon-176{background-position:-0px -224px;} span.sprite-icon-177{background-position:-32px -224px;} span.sprite-icon-178{background-position:-64px -224px;} span.sprite-icon-179{background-position:-96px -224px;} span.sprite-icon-180{background-position:-128px -224px;} span.sprite-icon-181{background-position:-160px -224px;} span.sprite-icon-182{background-position:-192px -224px;} span.sprite-icon-183{background-position:-224px -224px;} span.sprite-icon-184{background-position:-256px -224px;} span.sprite-icon-185{background-position:-288px -224px;} span.sprite-icon-186{background-position:-320px -224px;} span.sprite-icon-187{background-position:-352px -224px;} span.sprite-icon-188{background-position:-384px -224px;} span.sprite-icon-189{background-position:-416px -224px;} span.sprite-icon-190{background-position:-448px -224px;} span.sprite-icon-191{background-position:-480px -224px;} span.sprite-icon-192{background-position:-512px -224px;} span.sprite-icon-193{background-position:-544px -224px;} span.sprite-icon-194{background-position:-576px -224px;} span.sprite-icon-195{background-position:-608px -224px;} span.sprite-icon-196{background-position:-640px -224px;} span.sprite-icon-197{background-position:-672px -224px;} span.sprite-icon-198{background-position:-704px -224px;} span.sprite-icon-199{background-position:-736px -224px;} span.sprite-icon-200{background-position:-768px -224px;} span.sprite-icon-201{background-position:-0px -256px;} span.sprite-icon-202{background-position:-32px -256px;} span.sprite-icon-203{background-position:-64px -256px;} span.sprite-icon-204{background-position:-96px -256px;} span.sprite-icon-205{background-position:-128px -256px;} span.sprite-icon-206{background-position:-160px -256px;} span.sprite-icon-207{background-position:-192px -256px;} span.sprite-icon-208{background-position:-224px -256px;} span.sprite-icon-209{background-position:-256px -256px;} span.sprite-icon-210{background-position:-288px -256px;} span.sprite-icon-211{background-position:-320px -256px;} span.sprite-icon-212{background-position:-352px -256px;} span.sprite-icon-213{background-position:-384px -256px;} span.sprite-icon-214{background-position:-416px -256px;} span.sprite-icon-215{background-position:-448px -256px;} span.sprite-icon-216{background-position:-480px -256px;} span.sprite-icon-217{background-position:-512px -256px;} span.sprite-icon-218{background-position:-544px -256px;} span.sprite-icon-219{background-position:-576px -256px;} span.sprite-icon-220{background-position:-608px -256px;} span.sprite-icon-221{background-position:-640px -256px;} span.sprite-icon-222{background-position:-672px -256px;} span.sprite-icon-223{background-position:-704px -256px;} span.sprite-icon-224{background-position:-736px -256px;} span.sprite-icon-225{background-position:-768px -256px;} span.sprite-icon-226{background-position:-0px -288px;} span.sprite-icon-227{background-position:-32px -288px;} span.sprite-icon-228{background-position:-64px -288px;} span.sprite-icon-229{background-position:-96px -288px;} span.sprite-icon-230{background-position:-128px -288px;} span.sprite-icon-231{background-position:-160px -288px;} span.sprite-icon-232{background-position:-192px -288px;} span.sprite-icon-233{background-position:-224px -288px;} span.sprite-icon-234{background-position:-256px -288px;} span.sprite-icon-235{background-position:-288px -288px;} span.sprite-icon-236{background-position:-320px -288px;} span.sprite-icon-237{background-position:-352px -288px;} span.sprite-icon-238{background-position:-384px -288px;} span.sprite-icon-239{background-position:-416px -288px;} span.sprite-icon-240{background-position:-448px -288px;} span.sprite-icon-241{background-position:-480px -288px;} span.sprite-icon-242{background-position:-512px -288px;} span.sprite-icon-243{background-position:-544px -288px;} span.sprite-icon-244{background-position:-576px -288px;} span.sprite-icon-245{background-position:-608px -288px;} span.sprite-icon-246{background-position:-640px -288px;} span.sprite-icon-247{background-position:-672px -288px;} span.sprite-icon-248{background-position:-704px -288px;} span.sprite-icon-249{background-position:-736px -288px;} span.sprite-icon-250{background-position:-768px -288px;} span.sprite-icon-251{background-position:-0px -320px;} span.sprite-icon-252{background-position:-32px -320px;} span.sprite-icon-253{background-position:-64px -320px;} span.sprite-icon-254{background-position:-96px -320px;} span.sprite-icon-255{background-position:-128px -320px;} span.sprite-icon-256{background-position:-160px -320px;} span.sprite-icon-257{background-position:-192px -320px;} span.sprite-icon-258{background-position:-224px -320px;} span.sprite-icon-259{background-position:-256px -320px;} span.sprite-icon-260{background-position:-288px -320px;} span.sprite-icon-261{background-position:-320px -320px;} span.sprite-icon-262{background-position:-352px -320px;} span.sprite-icon-263{background-position:-384px -320px;} span.sprite-icon-264{background-position:-416px -320px;} span.sprite-icon-265{background-position:-448px -320px;} span.sprite-icon-266{background-position:-480px -320px;} span.sprite-icon-267{background-position:-512px -320px;} span.sprite-icon-268{background-position:-544px -320px;} span.sprite-icon-269{background-position:-576px -320px;} span.sprite-icon-270{background-position:-608px -320px;} span.sprite-icon-271{background-position:-640px -320px;} span.sprite-icon-272{background-position:-672px -320px;} span.sprite-icon-273{background-position:-704px -320px;} span.sprite-icon-274{background-position:-736px -320px;} span.sprite-icon-275{background-position:-768px -320px;} span.sprite-icon-276{background-position:-0px -352px;} span.sprite-icon-277{background-position:-32px -352px;} span.sprite-icon-278{background-position:-64px -352px;} span.sprite-icon-279{background-position:-96px -352px;} span.sprite-icon-280{background-position:-128px -352px;} span.sprite-icon-281{background-position:-160px -352px;} span.sprite-icon-282{background-position:-192px -352px;} span.sprite-icon-283{background-position:-224px -352px;} span.sprite-icon-284{background-position:-256px -352px;} span.sprite-icon-285{background-position:-288px -352px;} span.sprite-icon-286{background-position:-320px -352px;} span.sprite-icon-287{background-position:-352px -352px;} span.sprite-icon-288{background-position:-384px -352px;} span.sprite-icon-289{background-position:-416px -352px;} span.sprite-icon-290{background-position:-448px -352px;} span.sprite-icon-291{background-position:-480px -352px;} span.sprite-icon-292{background-position:-512px -352px;} span.sprite-icon-293{background-position:-544px -352px;} span.sprite-icon-294{background-position:-576px -352px;} span.sprite-icon-295{background-position:-608px -352px;} span.sprite-icon-296{background-position:-640px -352px;} span.sprite-icon-297{background-position:-672px -352px;} span.sprite-icon-298{background-position:-704px -352px;} span.sprite-icon-299{background-position:-736px -352px;} span.sprite-icon-300{background-position:-768px -352px;} span.sprite-icon-301{background-position:-0px -384px;} span.sprite-icon-302{background-position:-32px -384px;} span.sprite-icon-303{background-position:-64px -384px;} span.sprite-icon-304{background-position:-96px -384px;} span.sprite-icon-305{background-position:-128px -384px;} span.sprite-icon-306{background-position:-160px -384px;} span.sprite-icon-307{background-position:-192px -384px;} span.sprite-icon-308{background-position:-224px -384px;} span.sprite-icon-309{background-position:-256px -384px;} span.sprite-icon-310{background-position:-288px -384px;} span.sprite-icon-311{background-position:-320px -384px;} span.sprite-icon-312{background-position:-352px -384px;} span.sprite-icon-313{background-position:-384px -384px;} span.sprite-icon-314{background-position:-416px -384px;} span.sprite-icon-315{background-position:-448px -384px;} span.sprite-icon-316{background-position:-480px -384px;} span.sprite-icon-317{background-position:-512px -384px;} span.sprite-icon-318{background-position:-544px -384px;} span.sprite-icon-319{background-position:-576px -384px;} span.sprite-icon-320{background-position:-608px -384px;} span.sprite-icon-321{background-position:-640px -384px;} span.sprite-icon-322{background-position:-672px -384px;} span.sprite-icon-323{background-position:-704px -384px;} span.sprite-icon-324{background-position:-736px -384px;} span.sprite-icon-325{background-position:-768px -384px;} span.sprite-icon-326{background-position:-0px -416px;} span.sprite-icon-327{background-position:-32px -416px;} span.sprite-icon-328{background-position:-64px -416px;} span.sprite-icon-329{background-position:-96px -416px;} span.sprite-icon-330{background-position:-128px -416px;} span.sprite-icon-331{background-position:-160px -416px;} span.sprite-icon-332{background-position:-192px -416px;} span.sprite-icon-333{background-position:-224px -416px;} span.sprite-icon-334{background-position:-256px -416px;} span.sprite-icon-335{background-position:-288px -416px;} span.sprite-icon-336{background-position:-320px -416px;} span.sprite-icon-337{background-position:-352px -416px;} span.sprite-icon-338{background-position:-384px -416px;} span.sprite-icon-339{background-position:-416px -416px;} span.sprite-icon-340{background-position:-448px -416px;} span.sprite-icon-341{background-position:-480px -416px;} span.sprite-icon-342{background-position:-512px -416px;} span.sprite-icon-343{background-position:-544px -416px;} span.sprite-icon-344{background-position:-576px -416px;} span.sprite-icon-345{background-position:-608px -416px;} span.sprite-icon-346{background-position:-640px -416px;} span.sprite-icon-347{background-position:-672px -416px;} span.sprite-icon-348{background-position:-704px -416px;} span.sprite-icon-349{background-position:-736px -416px;} span.sprite-icon-350{background-position:-768px -416px;} span.sprite-icon-351{background-position:-0px -448px;} span.sprite-icon-352{background-position:-32px -448px;} span.sprite-icon-353{background-position:-64px -448px;} span.sprite-icon-354{background-position:-96px -448px;} span.sprite-icon-355{background-position:-128px -448px;} span.sprite-icon-356{background-position:-160px -448px;} span.sprite-icon-357{background-position:-192px -448px;} span.sprite-icon-358{background-position:-224px -448px;} span.sprite-icon-359{background-position:-256px -448px;} span.sprite-icon-360{background-position:-288px -448px;} span.sprite-icon-361{background-position:-320px -448px;} span.sprite-icon-362{background-position:-352px -448px;} span.sprite-icon-363{background-position:-384px -448px;} span.sprite-icon-364{background-position:-416px -448px;} span.sprite-icon-365{background-position:-448px -448px;} span.sprite-icon-366{background-position:-480px -448px;} span.sprite-icon-367{background-position:-512px -448px;} span.sprite-icon-368{background-position:-544px -448px;} span.sprite-icon-369{background-position:-576px -448px;} span.sprite-icon-370{background-position:-608px -448px;} span.sprite-icon-371{background-position:-640px -448px;} span.sprite-icon-372{background-position:-672px -448px;} span.sprite-icon-373{background-position:-704px -448px;} span.sprite-icon-374{background-position:-736px -448px;} span.sprite-icon-375{background-position:-768px -448px;} span.sprite-icon-376{background-position:-0px -480px;} span.sprite-icon-377{background-position:-32px -480px;} span.sprite-icon-378{background-position:-64px -480px;} span.sprite-icon-379{background-position:-96px -480px;} span.sprite-icon-380{background-position:-128px -480px;} span.sprite-icon-381{background-position:-160px -480px;} span.sprite-icon-382{background-position:-192px -480px;} span.sprite-icon-383{background-position:-224px -480px;} span.sprite-icon-384{background-position:-256px -480px;} span.sprite-icon-385{background-position:-288px -480px;} span.sprite-icon-386{background-position:-320px -480px;} span.sprite-icon-387{background-position:-352px -480px;} span.sprite-icon-388{background-position:-384px -480px;} span.sprite-icon-389{background-position:-416px -480px;} span.sprite-icon-390{background-position:-448px -480px;} span.sprite-icon-391{background-position:-480px -480px;} span.sprite-icon-392{background-position:-512px -480px;} span.sprite-icon-393{background-position:-544px -480px;} span.sprite-icon-394{background-position:-576px -480px;} span.sprite-icon-395{background-position:-608px -480px;} span.sprite-icon-396{background-position:-640px -480px;} span.sprite-icon-397{background-position:-672px -480px;} span.sprite-icon-398{background-position:-704px -480px;} span.sprite-icon-399{background-position:-736px -480px;} span.sprite-icon-400{background-position:-768px -480px;} span.sprite-icon-401{background-position:-0px -512px;} span.sprite-icon-402{background-position:-32px -512px;} span.sprite-icon-403{background-position:-64px -512px;} span.sprite-icon-404{background-position:-96px -512px;} span.sprite-icon-405{background-position:-128px -512px;} span.sprite-icon-406{background-position:-160px -512px;} span.sprite-icon-407{background-position:-192px -512px;} span.sprite-icon-408{background-position:-224px -512px;} span.sprite-icon-409{background-position:-256px -512px;} span.sprite-icon-410{background-position:-288px -512px;} span.sprite-icon-411{background-position:-320px -512px;} span.sprite-icon-412{background-position:-352px -512px;} span.sprite-icon-413{background-position:-384px -512px;} span.sprite-icon-414{background-position:-416px -512px;} span.sprite-icon-415{background-position:-448px -512px;} span.sprite-icon-416{background-position:-480px -512px;} span.sprite-icon-417{background-position:-512px -512px;} span.sprite-icon-418{background-position:-544px -512px;} span.sprite-icon-419{background-position:-576px -512px;} span.sprite-icon-420{background-position:-608px -512px;} span.sprite-icon-421{background-position:-640px -512px;} span.sprite-icon-422{background-position:-672px -512px;} span.sprite-icon-423{background-position:-704px -512px;} span.sprite-icon-424{background-position:-736px -512px;} span.sprite-icon-425{background-position:-768px -512px;} span.sprite-icon-426{background-position:-0px -544px;} span.sprite-icon-427{background-position:-32px -544px;} span.sprite-icon-428{background-position:-64px -544px;} span.sprite-icon-429{background-position:-96px -544px;} span.sprite-icon-430{background-position:-128px -544px;} span.sprite-icon-431{background-position:-160px -544px;} span.sprite-icon-432{background-position:-192px -544px;} span.sprite-icon-433{background-position:-224px -544px;} span.sprite-icon-434{background-position:-256px -544px;} span.sprite-icon-435{background-position:-288px -544px;} span.sprite-icon-436{background-position:-320px -544px;} span.sprite-icon-437{background-position:-352px -544px;} span.sprite-icon-438{background-position:-384px -544px;} span.sprite-icon-439{background-position:-416px -544px;} span.sprite-icon-440{background-position:-448px -544px;} span.sprite-icon-441{background-position:-480px -544px;} span.sprite-icon-442{background-position:-512px -544px;} span.sprite-icon-443{background-position:-544px -544px;} span.sprite-icon-444{background-position:-576px -544px;} span.sprite-icon-445{background-position:-608px -544px;} span.sprite-icon-446{background-position:-640px -544px;} span.sprite-icon-447{background-position:-672px -544px;} span.sprite-icon-448{background-position:-704px -544px;} span.sprite-icon-449{background-position:-736px -544px;} span.sprite-icon-450{background-position:-768px -544px;} span.sprite-icon-451{background-position:-0px -576px;} span.sprite-icon-452{background-position:-32px -576px;} span.sprite-icon-453{background-position:-64px -576px;} span.sprite-icon-454{background-position:-96px -576px;} span.sprite-icon-455{background-position:-128px -576px;} span.sprite-icon-456{background-position:-160px -576px;} span.sprite-icon-457{background-position:-192px -576px;} span.sprite-icon-458{background-position:-224px -576px;} span.sprite-icon-459{background-position:-256px -576px;} span.sprite-icon-460{background-position:-288px -576px;} span.sprite-icon-461{background-position:-320px -576px;} span.sprite-icon-462{background-position:-352px -576px;} span.sprite-icon-463{background-position:-384px -576px;} span.sprite-icon-464{background-position:-416px -576px;} span.sprite-icon-465{background-position:-448px -576px;} span.sprite-icon-466{background-position:-480px -576px;} span.sprite-icon-467{background-position:-512px -576px;} span.sprite-icon-468{background-position:-544px -576px;} span.sprite-icon-469{background-position:-576px -576px;} span.sprite-icon-470{background-position:-608px -576px;} span.sprite-icon-471{background-position:-640px -576px;} span.sprite-icon-472{background-position:-672px -576px;} span.sprite-icon-473{background-position:-704px -576px;} span.sprite-icon-474{background-position:-736px -576px;} span.sprite-icon-475{background-position:-768px -576px;} span.sprite-icon-476{background-position:-0px -608px;} span.sprite-icon-477{background-position:-32px -608px;} span.sprite-icon-478{background-position:-64px -608px;} span.sprite-icon-479{background-position:-96px -608px;} span.sprite-icon-480{background-position:-128px -608px;} span.sprite-icon-481{background-position:-160px -608px;} span.sprite-icon-482{background-position:-192px -608px;} span.sprite-icon-483{background-position:-224px -608px;} span.sprite-icon-484{background-position:-256px -608px;} span.sprite-icon-485{background-position:-288px -608px;} span.sprite-icon-486{background-position:-320px -608px;} span.sprite-icon-487{background-position:-352px -608px;} span.sprite-icon-488{background-position:-384px -608px;} span.sprite-icon-489{background-position:-416px -608px;} span.sprite-icon-490{background-position:-448px -608px;} span.sprite-icon-491{background-position:-480px -608px;} span.sprite-icon-492{background-position:-512px -608px;} span.sprite-icon-493{background-position:-544px -608px;} span.sprite-icon-494{background-position:-576px -608px;} span.sprite-icon-495{background-position:-608px -608px;} span.sprite-icon-496{background-position:-640px -608px;} span.sprite-icon-497{background-position:-672px -608px;} span.sprite-icon-498{background-position:-704px -608px;} span.sprite-icon-499{background-position:-736px -608px;} span.sprite-icon-500{background-position:-768px -608px;} span.sprite-icon-501{background-position:-0px -640px;} span.sprite-icon-502{background-position:-32px -640px;} span.sprite-icon-503{background-position:-64px -640px;} span.sprite-icon-504{background-position:-96px -640px;} span.sprite-icon-505{background-position:-128px -640px;} span.sprite-icon-506{background-position:-160px -640px;} span.sprite-icon-507{background-position:-192px -640px;} span.sprite-icon-508{background-position:-224px -640px;} span.sprite-icon-509{background-position:-256px -640px;} span.sprite-icon-510{background-position:-288px -640px;} span.sprite-icon-511{background-position:-320px -640px;} span.sprite-icon-512{background-position:-352px -640px;} span.sprite-icon-513{background-position:-384px -640px;} span.sprite-icon-514{background-position:-416px -640px;} span.sprite-icon-515{background-position:-448px -640px;} span.sprite-icon-516{background-position:-480px -640px;} span.sprite-icon-517{background-position:-512px -640px;} span.sprite-icon-518{background-position:-544px -640px;} span.sprite-icon-519{background-position:-576px -640px;} span.sprite-icon-520{background-position:-608px -640px;} span.sprite-icon-521{background-position:-640px -640px;} span.sprite-icon-522{background-position:-672px -640px;} span.sprite-icon-523{background-position:-704px -640px;} span.sprite-icon-524{background-position:-736px -640px;} span.sprite-icon-525{background-position:-768px -640px;} span.sprite-icon-526{background-position:-0px -672px;} span.sprite-icon-527{background-position:-32px -672px;} span.sprite-icon-528{background-position:-64px -672px;} span.sprite-icon-529{background-position:-96px -672px;} span.sprite-icon-530{background-position:-128px -672px;} span.sprite-icon-531{background-position:-160px -672px;} span.sprite-icon-532{background-position:-192px -672px;} span.sprite-icon-533{background-position:-224px -672px;} span.sprite-icon-534{background-position:-256px -672px;} span.sprite-icon-535{background-position:-288px -672px;} span.sprite-icon-536{background-position:-320px -672px;} span.sprite-icon-537{background-position:-352px -672px;} span.sprite-icon-538{background-position:-384px -672px;} span.sprite-icon-539{background-position:-416px -672px;} span.sprite-icon-540{background-position:-448px -672px;} span.sprite-icon-541{background-position:-480px -672px;} span.sprite-icon-542{background-position:-512px -672px;} span.sprite-icon-543{background-position:-544px -672px;} span.sprite-icon-544{background-position:-576px -672px;} span.sprite-icon-545{background-position:-608px -672px;} span.sprite-icon-546{background-position:-640px -672px;} span.sprite-icon-547{background-position:-672px -672px;} span.sprite-icon-548{background-position:-704px -672px;} span.sprite-icon-549{background-position:-736px -672px;} span.sprite-icon-550{background-position:-768px -672px;} span.sprite-icon-551{background-position:-0px -704px;} span.sprite-icon-552{background-position:-32px -704px;} span.sprite-icon-553{background-position:-64px -704px;} span.sprite-icon-554{background-position:-96px -704px;} span.sprite-icon-555{background-position:-128px -704px;} span.sprite-icon-556{background-position:-160px -704px;} span.sprite-icon-557{background-position:-192px -704px;} span.sprite-icon-558{background-position:-224px -704px;} span.sprite-icon-559{background-position:-256px -704px;} span.sprite-icon-560{background-position:-288px -704px;} span.sprite-icon-561{background-position:-320px -704px;} span.sprite-icon-562{background-position:-352px -704px;} span.sprite-icon-563{background-position:-384px -704px;} span.sprite-icon-564{background-position:-416px -704px;} span.sprite-icon-565{background-position:-448px -704px;} span.sprite-icon-566{background-position:-480px -704px;} span.sprite-icon-567{background-position:-512px -704px;} span.sprite-icon-568{background-position:-544px -704px;} span.sprite-icon-569{background-position:-576px -704px;} span.sprite-icon-570{background-position:-608px -704px;} span.sprite-icon-571{background-position:-640px -704px;} span.sprite-icon-572{background-position:-672px -704px;} span.sprite-icon-573{background-position:-704px -704px;} span.sprite-icon-574{background-position:-736px -704px;} span.sprite-icon-575{background-position:-768px -704px;} span.sprite-icon-576{background-position:-0px -736px;} span.sprite-icon-577{background-position:-32px -736px;} span.sprite-icon-578{background-position:-64px -736px;} span.sprite-icon-579{background-position:-96px -736px;} span.sprite-icon-580{background-position:-128px -736px;} span.sprite-icon-581{background-position:-160px -736px;} span.sprite-icon-582{background-position:-192px -736px;} span.sprite-icon-583{background-position:-224px -736px;} span.sprite-icon-584{background-position:-256px -736px;} span.sprite-icon-585{background-position:-288px -736px;} span.sprite-icon-586{background-position:-320px -736px;} span.sprite-icon-587{background-position:-352px -736px;} span.sprite-icon-588{background-position:-384px -736px;} span.sprite-icon-589{background-position:-416px -736px;} span.sprite-icon-590{background-position:-448px -736px;} span.sprite-icon-591{background-position:-480px -736px;} span.sprite-icon-592{background-position:-512px -736px;} span.sprite-icon-593{background-position:-544px -736px;} span.sprite-icon-594{background-position:-576px -736px;} span.sprite-icon-595{background-position:-608px -736px;} span.sprite-icon-596{background-position:-640px -736px;} span.sprite-icon-597{background-position:-672px -736px;} span.sprite-icon-598{background-position:-704px -736px;} span.sprite-icon-599{background-position:-736px -736px;} span.sprite-icon-600{background-position:-768px -736px;} span.sprite-icon-601{background-position:-0px -768px;} span.sprite-icon-602{background-position:-32px -768px;} span.sprite-icon-603{background-position:-64px -768px;} span.sprite-icon-604{background-position:-96px -768px;} span.sprite-icon-605{background-position:-128px -768px;} span.sprite-icon-606{background-position:-160px -768px;} span.sprite-icon-607{background-position:-192px -768px;} span.sprite-icon-608{background-position:-224px -768px;} span.sprite-icon-609{background-position:-256px -768px;} span.sprite-icon-610{background-position:-288px -768px;} span.sprite-icon-611{background-position:-320px -768px;} span.sprite-icon-612{background-position:-352px -768px;} span.sprite-icon-613{background-position:-384px -768px;} span.sprite-icon-614{background-position:-416px -768px;} span.sprite-icon-615{background-position:-448px -768px;} span.sprite-icon-616{background-position:-480px -768px;} span.sprite-icon-617{background-position:-512px -768px;} span.sprite-icon-618{background-position:-544px -768px;} span.sprite-icon-619{background-position:-576px -768px;} span.sprite-icon-620{background-position:-608px -768px;} span.sprite-icon-621{background-position:-640px -768px;} span.sprite-icon-622{background-position:-672px -768px;} span.sprite-icon-623{background-position:-704px -768px;} span.sprite-icon-624{background-position:-736px -768px;} span.sprite-icon-625{background-position:-768px -768px;} span.sprite-icon-626{background-position:-0px -800px;} span.sprite-icon-627{background-position:-32px -800px;} span.sprite-icon-628{background-position:-64px -800px;} span.sprite-icon-629{background-position:-96px -800px;} span.sprite-icon-630{background-position:-128px -800px;} span.sprite-icon-631{background-position:-160px -800px;} span.sprite-icon-632{background-position:-192px -800px;} span.sprite-icon-633{background-position:-224px -800px;} span.sprite-icon-634{background-position:-256px -800px;} span.sprite-icon-635{background-position:-288px -800px;} span.sprite-icon-636{background-position:-320px -800px;} span.sprite-icon-637{background-position:-352px -800px;} span.sprite-icon-638{background-position:-384px -800px;} span.sprite-icon-639{background-position:-416px -800px;} span.sprite-icon-640{background-position:-448px -800px;} span.sprite-icon-641{background-position:-480px -800px;} span.sprite-icon-642{background-position:-512px -800px;} span.sprite-icon-643{background-position:-544px -800px;} span.sprite-icon-644{background-position:-576px -800px;} span.sprite-icon-645{background-position:-608px -800px;} span.sprite-icon-646{background-position:-640px -800px;} span.sprite-icon-647{background-position:-672px -800px;} span.sprite-icon-648{background-position:-704px -800px;} span.sprite-icon-649{background-position:-736px -800px;}

.gts-pokemon { margin: 1em 0; }
.gts-pokemon .icon { display: block; float: right; margin: 0 0 16px 16px; }
.gts-pokemon .header { height: 32px; line-height: 32px; margin-right: 96px; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; vertical-align: middle; }
.gts-pokemon .header .name { float: left; font-size: 1.5em; padding: 0 1em; line-height: 32px; }
.gts-pokemon .header .name .gender { font-size: 0.67em; vertical-align: top; }
.gts-pokemon .header .personality { float: right; font-size: 0.83em; padding: 0 0.5em; line-height: 16px; font-family: monospace; text-align: right; }
.gts-pokemon p { margin: 0.5em 0.75em; }
.gts-pokemon .secret-id { color: #909090; }
.gts-pokemon ul.gts-pokemon-markings li { display: inline; }
.gts-pokemon ul.gts-pokemon-ribbons li { display: inline; }
.gts-pokemon ul.gts-pokemon-leaves li { display: inline-block; width: 16px; height: 16px; }
.gts-pokemon .gts-pokemon-columns { margin-bottom: 1em; }
.gts-pokemon .gts-pokemon-columns table tbody th { text-align: left; }
.gts-pokemon .gts-pokemon-columns table .gts-bar-container { width: 3em; }

.gts-bar-container { width: 12em; line-height: 1.5; border: 1px solid #d8d8d8; background: #f0f0f0; }
.gts-bar { font-size: 0.8em; min-height: 1em; white-space: nowrap; background: #d8d8d8; }

.frontpage-new-stuff { height: 16px; margin: 0.25em 0; padding: 0; border: none; background: url(/static/spline//icons/new-text.png) center center repeat-x; }

.frontpage-update { position: relative; overflow: auto; margin: 1em 0; background: #f4f4f4; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
.frontpage-update:nth-child(2n) { background: #f0f0f0; }
.frontpage-update .header { white-space: nowrap; padding: 0.5em 1em; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; }
.frontpage-update .header .category { float: left; font-size: 1.33em; margin-right: 0.25em; font-style: italic; color: #404040; vertical-align: bottom; }
.frontpage-update .header .category a { font-weight: normal; }
.frontpage-update .header .category img { vertical-align: bottom; }
.frontpage-update .header .date { float: right; white-space: nowrap; line-height: 1.33; margin-left: 0.33em; vertical-align: bottom; }
.frontpage-update .header .title { overflow: hidden; font-size: 1.33em; height: 1em; vertical-align: bottom; text-overflow: ellipsis; font-weight: bold; color: #303030; }
.frontpage-update .avatar { float: right; margin: 1em; }
.frontpage-update .avatar img { -moz-box-shadow: 0 0 2px black; }
.frontpage-update .content { padding: 1em; line-height: 1.33; }
.frontpage-update .content.has-comments { padding-bottom: 3.5em; }
.frontpage-update .comments { position: absolute; bottom: 0; left: 0; padding: 1em; }

.frontpage-update table.striped-rows tr:nth-child(2n) { background: #e8e8e8; }
.frontpage-update table.striped-rows tr:nth-child(2n+1) { background: transparent; }
.frontpage-update table.striped-rows tr:hover { background: #eae1d5; }

table.frontpage-repository { width: 100%; }
table.frontpage-repository tr.frontpage-repository-header { background: transparent !important; }
table.frontpage-repository th { font-size: 1.25em; padding: 0.5em 0 0; border-bottom: 1px solid #2457a0; text-align: left; font-style: italic; }
table.frontpage-repository tr:first-child th { padding-top: 0; }
table.frontpage-repository td.hash { width: 6em; text-align: center; font-family: monospace; }
table.frontpage-repository td.author { width: 10em; }
table.frontpage-repository td.time { width: 12em; }


ul.forum-hierarchy { margin: 0.25em 1em; color: #202020; }
ul.forum-hierarchy li { margin: 0.25em; }

.forum-access-level { font-size: 0.8em; padding: 0.25em 0.625em; font-style: italic; color: #606060; }
.forum-access-level img { vertical-align: middle; }

table.forum-list { width: 100%; margin-top: 0.5em; }
table.forum-list .header-row th { vertical-align: middle; }
table.forum-list .name { text-align: left; }
table.forum-list td.name a { display: block; font-size: 1.5em; padding: 0.33em; }
table.forum-list td.name .forum-description { padding: 0.33em 0.5em; color: #404040; }
table.forum-list .last-post { width: 20em; }
table.forum-list td.last-post { line-height: 1.33; text-align: left; vertical-align: top; }
table.forum-list .stats { width: 8em; text-align: center; }
table.forum-list td.stats { line-height: 1.33; vertical-align: top; }
table.forum-list td.stats.verylow   { font-weight: bold; color: #aaaaaa; }
table.forum-list td.stats.low       { font-weight: bold; color: #aa5555; }
table.forum-list td.stats.okay      { font-weight: bold; color: #aa9555; }
table.forum-list td.stats.high      { font-weight: bold; color: #78aa55; }
table.forum-list td.stats.veryhigh  { font-weight: bold; color: #559eaa; }
table.forum-list td.stats.whoanelly { font-weight: bold; color: #6855aa; }

.forum-post-container { }
.forum-post { position: relative; margin: 1em 0; background: #fcfcfc; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
.forum-post .author { position: absolute; top: 2.2em; right: 0; bottom: 0; width: 16em; padding: 0 1em; margin: 1em 0; border-left: 1px solid #b4c7e6; }
.forum-post .author .name { display: block; font-size: 1.5em; }
.forum-post .author .name .user-color-bar { display: block; font-size: 0.67em; width: auto; }
.forum-post .author .avatar { margin-bottom: 1em; }
.forum-post .author .avatar img { -moz-box-shadow: 0 0 2px black; }
.forum-post .meta { padding: 0.5em 1em; border: 1px solid #b4c7e6; background: url(/static/local/images/layout/th-background.png) left bottom repeat-x; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; }
.forum-post .meta a { display: block; float: right; }
.forum-post .content { min-height: 12em; margin-right: 18.5em; padding: 1em; }
.forum-post:nth-child(2n) { background: #f4f4f4; }

/*** LAYOUT ***/

/* Base font.  This is a load of crap.  Why can't everyone have a default
 * browser font they actually want to see?  Fuck fuck fuckity fuck IE. */
body { font-family: DejaVu Sans, Verdana, sans-serif; font-size: 12px; }

/* General feel */
body { color: black; background: #c5baab url(/static/local/images/layout/background.png) repeat; }

/* Core layout */

/* +----------+
 * |  HEADER  |  -- top, left, right
 * |   BODY   |  -- left, right
 * |  FOOTER  |  -- bottom, left, right
 * +----------+
 */
#header, #ie-warning, #flash, #body, #footer { margin: 4em; border: 2px solid black; background: white; }
#header { margin-top: 8em; -moz-border-radius-topright: 4em; -webkit-border-top-right-radius: 4em; }
#header, #ie-warning, #flash, #body { margin-bottom: 0; border-bottom: none; }
#ie-warning, #flash, #body, #footer { margin-top: 0; border-top: none; }

#header { position: relative; height: 8em; color: white; background: #6998df url(/static/local/images/layout/header-background.png) center bottom repeat-x; }
#header #logo { position: absolute; top: -85px; left: -45px; /* arbitrary */ }
#header #title { overflow: hidden; position: absolute; top: -0.87em; height: 0.87em; /* very approximately puts baseline on the top border */ right: 0; left: 0; text-align: center; font-size: 4em; line-height: 1em; color: black; font-weight: bold; text-transform: lowercase; }
#header #title a { color: black; }
#header a { color: #32445e; }
#header a:hover { color: #5e3d32; }

#header #page-name { z-index: 1; font-size: 2em; position: absolute; bottom: 1.33em; left: 160px /* beside the logo */; }
#header #page-name ul#breadcrumbs { font-size: 0.5em; }
#header #page-name ul#breadcrumbs li { display: inline-block; }
#header #page-name ul#breadcrumbs li:after { content: ' » '; }
#header #page-name ul#breadcrumbs li:last-child:after { content: ''; }
#header #page-name ul#breadcrumbs li:last-child { font-size: 2em; display: block; margin-top: 0.25em; }

#header #pokedex-lookup { position: absolute; right: 1em; bottom: 1em; padding-top: 160px; min-width: 194px; /* make sure pokedex image fits */ padding-right: 1em; padding-bottom: 1em; background: url(/static/local/images/layout/pokedex.png) right bottom no-repeat; }
#header #pokedex-lookup p { margin: 0; line-height: 1; white-space: nowrap; }
#header #pokedex-lookup label { font-size: 1.5em; }
#header #pokedex-lookup input[type="text"] { width: 12em; }

#header #user { position: absolute; top: -8em; right: 0; left: 0; text-align: center; }

#menu { position: absolute; margin-top: -2.33em; margin-left: 4em; left: 140px; /* avoid eevee logo */ }
#menu > ul > li { float: left; padding: 0.33em; }
#menu > ul > li > a { background: #cfdcf0; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; }
#menu li a { display: block; padding: 0.5em; }
/* Positioning of submenu */
#menu li { position: relative; }
#menu > ul > li > ul { z-index: 100; position: absolute; width: 16em; margin-top: -1px; border: 1px solid #3173ce; background: #cfdcf0; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0.25em 0.25em 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0.25em 0.25em 0.5em; box-shadow: rgba(0, 0, 0, 0.5) 0.25em 0.25em 0.5em; }
/* Show submenus on hover */
#menu > ul > li > ul { display: none; }
#menu > ul > li:hover { border-color: #3173ce; border-bottom-color: transparent; }
#menu > ul > li:hover > a { background: #3173ce; color: white; }
#menu > ul > li:hover > ul { display: block; }
/* General link stylin' */
#menu > ul > li > ul > li a:link { color: black; }
#menu > ul > li > ul > li a:visited { color: #404040; }
#menu > ul > li > ul > li a:hover { color: black; }
#menu > ul > li > ul > li a { padding: 0.33em; }
#menu > ul > li > ul > li a:link:hover,
#menu > ul > li > ul > li a:visited:hover { background: #e6eefa; background: #b1c6e7; }
/* Submenu headers */
#menu > ul > li > ul > li > a { font-weight: bold; }
/* Sub-submenu items, or regular things */
#menu > ul > li > ul > li > ul > li > a { padding-left: 1.33em; font-weight: normal; }
/* Below even that */
#menu > ul > li > ul > li > ul > li li > a { font-size: 0.9em; line-height: 1.11em; padding-left: 2.59em /* 2.33 / 0.8 */; font-weight: normal; font-style: italic; }

#ie-warning { padding: 0.25em 0.25em 0.25em 2em; background: #f4af70 url(/static/spline/icons/disk.png) 0.5em 0.5em no-repeat; }
#ie-warning p { margin: 0; padding: 0.25em; }

#flash { padding: 0.5em; }
#flash li { padding: 0.5em; padding-left: 2.5em; line-height: 1.33; border: 1px solid #d8bc8d; background: #e5d2b2; }
#flash li:first-child { -moz-border-radius-topright: 0.33em; -moz-border-radius-topleft: 0.33em; -webkit-border-top-right-radius: 0.33em; -webkit-border-top-left-radius: 0.33em; }
#flash li:last-child { -moz-border-radius-bottomright: 0.33em; -moz-border-radius-bottomleft: 0.33em; -webkit-border-bottom-right-radius: 0.33em; -webkit-border-bottom-left-radius: 0.33em; }
#flash li + li { border-top: none; }
#flash li img { display: block; float: left; margin-left: -2em;  /* let icon sit in the padding */ }

#footer { padding: 0.33em; background: #ececec; color: #606060; }
#footer p { font-size: 0.8em; margin: 0.25em 0.5em; }
#footer #footer-timer { float: right; width: 20em; margin: 0.33em; line-height: 16px; text-align: right; }
#footer #footer-timer #footer-timer-pokemon { float: right; margin-left: 0.33em; }
#footer table#footer-query-log { margin: 0.33em -0.33em -0.33em; line-height: 1.2; background: #e8f0e8; }
#footer table#footer-query-log th { font-family: monospace; text-align: left; color: #004000; }

#body { padding: 1em; }

h1 { margin-top: 1em; margin-bottom: 0.5em; padding-left: 36px; border: 1px solid #b58a4b; border-left: none; font-size: 1.6em; line-height: 1.5em; font-weight: bold; color: black; background: #cbab81 url(/static/local/images/layout/h1-background.png) left center no-repeat; -webkit-border-top-right-radius: 1em; -webkit-border-bottom-right-radius: 1em; -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; }
h2 { margin-top: 1em; margin-bottom: 0.5em; font-size: 1.5em; font-weight: bold; color: #202020; border-bottom: 1px solid #808080; }
h2:before, h2:after { content: '_'; visibility: hidden; /* extend underline */ }
h3 { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.2em; font-weight: bold; color: #202020; border-bottom: 1px dotted #808080; }
h1, h2, h3 { overflow: hidden /* clean up cruft and ensure bg/border don't encroach on floats */; }
h1:first-child, h2:first-child { margin-top: 0; }

#error-illustration { text-align: center; }

/*** USEFUL CLASSES ***/

.faded { opacity: 0.25; }
.disabled { color: #c0c0c0; text-decoration: line-through; }
.vertical-text { -moz-transform: rotate(-90deg); }
.annotation { border-bottom: 1px dotted black; }

/* Links durp */
a:link { font-weight: bold; text-decoration: none; color: #3173ce; }
a:visited { font-weight: bold; text-decoration: none; color: #435b7d; }
a:hover { color: #ce3131; }
a.subtle { color: black; }
a.subtle:hover { text-decoration: underline; }

/* Tag defaults; careful what goes here! */
p { margin-bottom: 0.75em; line-height: 1.5; }
img { vertical-align: middle; }
abbr { border-bottom: 1px dotted black; }
small { font-size: 0.8em; }

pre { overflow: auto; margin: 0.5em 0; padding: 0.25em 0.5em; line-height: 1.5; background: #ece7df; }
code { padding: 0 0.17em; background: #ece7df; }
var { font-style: italic; font-family: monospace; }

/* Forms */
form {}
input, button, select { vertical-align: middle; }
input[type='button'], input[type='submit'], input[type='reset'], button { cursor: pointer; }
input[type='text'].error { background-color: #f2c6d8; }
input[type='reset'], button[type='reset'] { font-size: 0.8em; }
dd.error { padding-left: 13em; background: url(/static/spline/icons/exclamation-small-red.png) 12em center no-repeat; color: #a02424; }
p.error { padding-left: 16px; background: url(/static/spline/icons/exclamation-small-red.png) left center no-repeat; color: #a02424; }
p + p.error { margin-top: -0.75em; }

/* Tables */
table { border-color: #b4c7e6; }

table tbody + tbody,
table tbody + tfoot { border-top: 1px solid; border-color: inherit; }
table colgroup + colgroup { border-left: 1px solid; border-color: inherit; }

table th, table td { padding: 0.25em; }
table th { font-weight: normal; color: #2457a0; vertical-align: middle; }
table tr.subheader-row th { border-bottom: 1px solid #b4c7e6; background: #b4c7e6; color: black; }
table tr.header-row th { padding: 0.33em; vertical-align: bottom; border-bottom: 1px solid #b4c7e6; background: #e6eefa url(/static/local/images/layout/th-background.png) bottom left repeat-x; color: black; }
table tr + tr.header-row th { border-top: 2px solid #668dcc; }

table.stretch { width: 100%; }
table.compact td { padding: 0.17em; }

table tr.color1,
table.striped-rows tr:nth-child(2n+1),
table.striped-row-groups tbody:nth-child(2n+1) { background: white; }
table tr.color2,
table.striped-rows tr:nth-child(2n),
table.striped-row-groups tbody:nth-child(2n) { background: #f0f0f0; }
table tr.color1:hover,
table tr.color2:hover,
table.striped-rows tr:hover,
table.striped-rows tr td.js-hover,
table.striped-row-groups tbody:hover { background: #eae1d5; }

table tr.horizontal-line { height: 0 !important; padding: 0 !important; border-bottom: 1px solid #b4c7e6; }
table td.vertical-line { width: 0 !important; padding: 0 !important; border-right: 1px solid #b4c7e6; }
table td.number-cell { text-align: right; }


/* Lists */
ul.classic-list { margin: 0.5em 0; margin-left: 3em; list-style-type: disc; }
ul.classic-list li { line-height: 1.5; }

ul.inline { overflow: hidden /* new float context */; }
ul.inline li { float: left; }

ul.inline-block { }
ul.inline-block li { display: inline-block; }

ul.inline-commas { display: inline; }
ul.inline-commas > li { display: inline; }
ul.inline-commas > li:after { content: ','; }
ul.inline-commas > li:last-child:after { content: ''; content: none; }  /* '' is a hack for Webkit and Opera, which don't grok none */

ol { margin: 0.5em 0; margin-left: 3em; list-style: lower-roman; }
ol li { line-height: 1.5; }

ol.pager { overflow: hidden; margin: 0.5em; list-style: none; text-align: right; }
ol.pager li { float: left; }
ol.pager li a { display: block; }
ol.pager li a,
ol.pager li.dotdotdot,
ol.pager li.youarehere { padding: 0 0.5em; line-height: 1.5; font-weight: normal; border: 1px solid #e8e8e8; background: #f8f8f8; }
ol.pager li.dotdotdot { color: gray; border-color: transparent; background: none; }
ol.pager li.youarehere { font-weight: bold; background: #e8e8e8; }
ol.pager li a:hover { border: 1px solid #bfd3f1; background: #e6eefa; }

/* Definition lists via floats */
dl { overflow: hidden /* new float context */; margin-bottom: 0.75em; }
dt { float: left; clear: left; width: 11.5em; margin-right: 0.5em; text-align: right; color: #2457a0; }
dt:after { content: ':'; }
dd { padding-left: 12em /* float width, so hover highlight includes dt but lines wrap correctly */; }
dd:after { content: 'float clear'; display: block; clear: both; height: 0; visibility: hidden; }
dt, dd { line-height: 1.5; }


/* Markdown default formatting -- Pokédex effects, forum posts, etc. */
/* TODO: Merge this and the pokedex support into spline core, when forum needs it. */
.markdown a { font-weight: normal; }

.markdown table { margin-bottom: 0.75em; line-height: 1.33em; }

.markdown table thead tr th { padding: 0.33em; vertical-align: bottom; border-bottom: 1px solid #b4c7e6; background: #c6d8f2 url(/static/local/images/layout/th-background.png) bottom left repeat-x; color: black; }

.markdown table tbody tr:nth-child(2n) { background: #f0f0f0; }
.markdown table tbody tr:nth-child(2n):hover { background: #e9dbc9; }
.markdown table tbody tr:nth-child(2n+1):hover { background: #f0e7db; }

.markdown ul { margin: 0.5em 0; margin-left: 3em; list-style-type: disc; }
.markdown ul li { line-height: 1.5; }