body {
    font-size: 80%;
    font-family: verdana, tahoma, sans-serif;
    padding: 10px;
}

table {
    width: 100%;
}

table, th, tr, td {
    font-size: 100%;
    border-collapse: collapse;
    border: 0px solid red;
    text-align: center;
}

tr, td {
    page-break-inside: avoid;
}

tr.alt, td.alt {
    background-color: #e6e6e6;
}

.small {
    font-size: 80%;
}

p.info {
    margin: auto;
    text-align: center;
    width: 80%;
    color: #6B6B6B;
    }

.pokedollar {
    height: 20px;
    padding-left: 8px;
    background-image: url("/data/media/printables/pokedollar.png");
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center left;
} 

/* #header {
   width: 100%;
   border-bottom: 5px solid #DEDEDE;
   background-color: white;
   color: #ccc;
   font-size: 140%;
} */

h1 {
    width: 100%;
    border-bottom: 5px solid #DEDEDE;
    background-color: white;
    color: #6B6B6B;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 10px;
}

h2 {
    width: 100%;
    border-bottom: 5px solid #DEDEDE;
    background-color: white;
    color: #6B6B6B;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0px;
}

#notes {
    
}

#notes ul {
    margin-top: 0px;
    margin-bottom: 8px;
    list-style-image: url("/data/media/layout/bullet.png");
}

    #notes ul li {
        margin-bottom: 3px;
    }
    
    #notes ul li.indent {
        margin-left: 20px;
    }

#footer {
   font-size: 90%;
   position: relative;
   left: 0px;
   bottom: 0px;
   width: calc(100% - 20px);
   padding: 10px;
   border-top: 10px solid white;
   background-color: #DEDEDE;
}

/******************** Game Colours (colours borrowed from Bulbapedia) ********************/
span.red { color: #ff1111; font-weight: bold; }
span.blue { color: #1111ff; font-weight: bold; }
span.yellow { color: #ffd7c3; font-weight: bold; }
span.gold { color: #daa520; font-weight: bold; }
span.silver { color: #c0c0c0; font-weight: bold; }
span.crystal { color: #4fd9ff; font-weight: bold; }
span.ruby { color: #a00000; font-weight: bold; }
span.sapphire { color: #0000a0; font-weight: bold; }
span.firered { color: #ff7327; font-weight: bold; }
span.leafgreen { color: #00dd00; font-weight: bold; }
span.emerald { color: #00a000; font-weight: bold; }
span.diamond { color: #aaaaff; font-weight: bold; }
span.pearl { color: #ffaaaa; font-weight: bold; }
span.platinum { color: #999999; font-weight: bold; }
span.heartgold { color: #b69e00; font-weight: bold; }
span.soulsilver { color: #c0c0e1; font-weight: bold; }
span.black { color: #444444; font-weight: bold; }
span.white { color: #e1e1e1; font-weight: bold; }
span.black2 { color: #424b50; font-weight: bold; }
span.white2 { color: #e3ced0; font-weight: bold; }
span.x { color: #025da6; font-weight: bold; }
span.y { color: #ea1a3e; font-weight: bold; }
span.omegaruby { color: #ab2813; font-weight: bold; }
span.alphasapphire { color: #26649c; font-weight: bold; }
span.sun { color: #f1912b; font-weight: bold; }
span.moon { color: #5599ca; font-weight: bold; }
span.ultrasun { color: #e95b2b; font-weight: bold; }
span.ultramoon { color: #226db5; font-weight: bold; }
span.letsgopikachu { color: #F5DA26; font-weight: bold; }
span.letsgoeevee { color: #D4924B; font-weight: bold; }
span.sword { color: #00A1E9; font-weight: bold; }
span.shield { color: #BF004F; font-weight: bold; }
span.brilliantdiamond { color: #44BAE5; font-weight: bold; }
span.shiningpearl { color: #DA7D99; font-weight: bold; }
span.legendsarceus { color: #36597B; font-weight: bold; }

table.header { margin-top: 20px; }

table.header, table.header hr, table.header td {
    text-align: left;
}

table.header td.icon {
    width: 25px;
}

/******************** Type-Effectiveness Charts ********************/

table.typechart1 { width: 750px; } /*** for Generation I ***/
table.typechart2 { width: 842px; } /*** for Generations II-V ***/
table.typechart3 { width: 888px; } /*** for generation VI-onwards ***/

table.typechart1 th, table.typechart1 tr, table.typechart1 td,
table.typechart2 th, table.typechart2 tr, table.typechart2 td,
table.typechart3 th, table.typechart3 tr, table.typechart3 td {
  border: 1px solid white;
}

th.typechart-atk {
  padding-top: 3px;
  padding-bottom: 3px;
}

th.typechart-def {
  padding-bottom: 3px;
}

/******************** All Locations Checklists *******************/
table.pokelocations, table.tmlocations, table.itemlocations {
    font-size: 85%;
}

table.pokelocations b, table.tmlocations b, table.itemlocations b {
    font-weight: 600;
}

/******************** Pokémon Locations Checklists ********************/

table.pokelocations {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
}

table.pokelocations tr:nth-child(even) {background: #e5e5e5}
table.pokelocations tr:nth-child(odd) {background: #FFF}

table.pokelocations td {
    text-align: left;
}

table.pokelocations td.chkbox { /*** checkbox ***/
    width: 15px;
    text-align: center;
    font-size: 14px;
}

table.pokelocations td.pkmimg { width: 32px; } /*** pokemon sprite ***/

table.pokelocations td.pkndex { width: 40px; }  /*** pokedex number ***/
table.pokelocations td.pkndex:before {content:'#'; font-size: 10px;}

table.pokelocations td.pkname { width: 90px; } /*** pokemon name ***/

/******************** TM/HM/TR Locations + Item/KeyItem/Berry Checklists ********************/

table.tmlocations, table.tmlocations tr, table.tmlocations td,
table.itemlocations, table.itemlocations tr, table.itemlocations td {
    border: 0px solid red;
}

table.tmlocations { width: 100%; }
table.itemlocations { width: 100%; }

table.tmlocations tr:nth-child(even) { background: #e5e5e5; }
table.tmlocations tr:nth-child(odd) { background: #FFF; }
table.itemlocations tr:nth-child(even) { background: #e5e5e5; }
table.itemlocations tr:nth-child(odd) { background: #FFF; }

table.tmlocations td { text-align: left; }
table.itemlocations td { text-align: left; }

table.tmlocations td.chkbox { /*** checkbox ***/
    width: 30px;
    text-align: center;
    font-size: 150%;
}
table.itemlocations td.chkbox { /*** checkbox ***/
    width: 30px;
    text-align: center;
    font-size: 150%;
}

table.tmlocations td.tmimag { width: 36px; } /*** tm/hm sprite ***/
table.itemlocations td.itmimg { width: 36px; } /*** item sprite ***/

table.tmlocations td.tmnumb { width: 40px; } /*** tm/hm number ***/

table.tmlocations td.mvname { width: 110px; } /*** move name ***/
table.itemlocations td.itname { width: 110px; } /*** item name ***/