.onlyprint { display:none; }
.noprint {}

body {
color:#333300;
background-color:#ffcc66;
background-image:url("images/squareOrange.jpg")
}

img {
max-width: 100%;
}
img.imgctr {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.scap {
vertical-align: middle;
}

a:link {color:#798801}
a:visited {color:#917433}
a:active {color:#9d6308}
a:hover {color:#fead20}

footer {
font-style:italic;
text-align:center;
}

caption { caption-side:bottom; text-align:left; padding:10px; }

.test { color:#b81ce3; }
.ctr { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.top { vertical-align:top; }
.bold { font-weight:600; }
.b { font-weight:600; }
.i { font-style:italic; }
.u { text-decoration: underline; }

s { text-decoration: line-through; }
.new { font-style:italic;background-color:yellow; }
.old { text-decoration:line-through;background-color:gainsboro; }
.add { font-style:italic; }
.remove { text-decoration:line-through; }
.aside { text-decoration:underline; font-style:italic; }
.warn { text-decoration: underline overline;color:black;background-color:#ff8f66; }
.stress { font-weight:600; }
.recommend1 { font-weight:800; }
.recommend2 { font-weight:700; }
.recommend3 { font-weight:500; }
.highlight { background-color:ivory; }
.myblue { color:#01557a; }

.H { color:crimson; }
.M { color:blue; }
.S { color:#017f1c; }
.heal { color:mediumorchid; }
.ult { color:#e0a31f;font-weight:600; }
.syn { color:peru;font-weight:600;background-color:khaki; }
.free { text-decoration:underline;color:dimgray; }

.speed { color:darkgray; }
.status { font-weight:600;color:#250b3d; }
.poison { color:darkseagreen; }
.disease { color:deeppink; }
.bleed { color:#017f1c; }
.flame { color:sandybrown; }
.frost { color:cornflowerblue; }
.shock { color:blueviolet; }
.daedric { color:#b81ce3; }
.all { color:purple;font-weight:600; }

.active { background-color:#FFFFFF;color:; }
.askill { color:;font-weight:600; }
.morph { background-color:cornsilk;color:; }
.ultimate { background-color:ivory;color:peru; }
.ultmorph { background-color:cornsilk;color:peru; }
.passive { background-color:palegoldenrod;color:; }
.pskill { background-color:palegoldenrod;color:;text-decoration:underline; }
.pot { background-color:turquoise;color:;}
.poi { background-color:yellowgreen;color:;}
.gear { background-color:burlywood; }
.heavy { background-color:lightcoral;color:darkred; }
.medium { background-color:darkseagreen;color:black; }
.light { background-color:lightblue;color:#01359d; }
.monster { font-weight:bold;color:darkgoldenrod;background-color:wheat; }
.crafted { text-decoration:underline;color:dimgray;background-color:burlywood; }

.white { color:gray; }
.green { color:green; }
.blue { color:blue; }
.purple { color:darkviolet; }
.gold { color:goldenrod; }
.ADt { color:#b36b00; }
.DCt { color:darkblue; }
.EPt { color:darkred; }

.ADh { background-color:#ffd966; color:darkgoldenrod; }
.ADp { background-color:#ffebad; color:#b36b00; }
.AD { background-color:#ffe599; color:darkgoldenrod; }
.DCh { background-color:#6d9eeb; color:darkblue; }
.DCp { background-color:#b6cef6; color:darkblue; }
.DC { background-color:#a4c2f4; color:darkblue; }
.EPh { background-color:#e06666; color:darkred; }
.EPp { background-color:#f1bbbb; color:darkred; }
.EP { background-color:#ea9999; color:darkred; }
.DLCh { background-color:#8e7cc3; color:#black; }
.DLC { background-color:#b4a7d6; color:#8e7cc3; }
.DLCp { background-color:#d9d2e9; color:#8e7cc3; }
.Crag { background-color:#f9cb9c; }
.Cragh { background-color:#f6b26b; }
.darkgray { background-color:#cccccc; color:black; }
.gray { background-color:#dcdcdc; color:black; }
.silver { background-color:#efefef; color:black; }
.snow { background-color:snow; }
.PvP { background-color:tan; }

.rosy { background-color:rosybrown; }
.cream { background-color:#FFEFD5; }
.babyblue { background-color:#d1dffa; color:darkblue; }
.pink { background-color:#ffcccc; color:darkred; }
.yellow { background-color:#ffffcc; color:#b36b00; }

.title {
background-color:#ffffcc;
display:block;
max-width:805px;
margin:auto;
padding-top:25px;
padding-right:40px;
padding-bottom:5px;
padding-left:40px;
}
.bannerout {
display:block;
margin:auto;
text-align:center;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
max-width:800px;
background-color:#ffcc66;
background-image:url("images/squareOrange.jpg");
}
.bannerframe {
display:block;
max-width:400px;
margin:auto;
padding-top:8px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
text-align:center;
vertical-align:middle;
background-color:#9f5a28;
border:3px;
border-color:gray;
border-style:outset;
}
#title {
text-align:center;
}
#pdf {
text-align:right;
}
#updated {
font-style:italic;
text-align:center;
}
.split {
position: relative;
width: 100%;
}
.splitleft {
float: left;
width: 50%;
text-align:left;
}
.splitright {
float: right;
width: 50%;
text-align:right;
}

.intro {
background-color:#ffffcc;
display:block;
width:75%;
margin:auto;
padding-top:25px;
padding-right:40px;
padding-bottom:25px;
padding-left:40px;
}
.info {
background-color:#ffffcc;
display:block;
width:100%;
margin:auto;
padding-top:25px;
padding-right:40px;
padding-bottom:25px;
padding-left:40px;
}
.narrow {
background-color:#ffffcc;
display:block;
width:50%;
margin:auto;
padding-top:25px;
padding-right:40px;
padding-bottom:25px;
padding-left:40px;
}
.linklist {
background-color:#ffffcc;
display:block;
width:75%;
margin:auto;
padding-top:25px;
padding-right:40px;
padding-bottom:25px;
padding-left:40px;
}

td { font-size: x-large }
table {
max-width:100%;
margin-bottom: 15px;
overflow-y:hidden;
overflow-x:scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border:1px solid #ddd;
-webkit-overflow-scrolling:touch;
}
.per { 
border-collapse:collapse 
}
.skills {
background-color:#FFFFFF;
}
.skillgrid {
background-color:#FFFFFF;
display: inline-grid;
grid-template-columns: [level] 100px [name] 160px [benefit] auto [cost] 80px;
grid-template-rows: auto;
gap: 10px;
justify-items: center;
align-items: center;
justify-content: center;
align-content: space-around;
}
.skillgrid > div {
align-self: center;
justify-self: center;
background: #FFFFFF;
padding: 1.5rem;
border-radius: 1rem;
}
.leftcell {
align-self: start;
justify-self: center;
}

.leveling {
background-color:snow;
}
.mat {
background-color:snow;
}
tr.mat {
vertical-align:middle;
}
.improve {
background-color:snow;
text-align:center;
}
tr:hover { background-color:#ffd280; }
.nohover tr:hover { background-color:#ffffcc; }
.markcellwhite table { background-color:#ffffff; }
.markcellwhite tr:hover { background-color:#ffffff; }
.markcellwhite td:hover { background-color:#ffd280; }
.markcell tr:hover { background-color:#ffffcc; }
.markcell td:hover { background-color:#ffd280; }

.pagebreak {
display:none;
}
.cont {
display:none;
}
.thcont {
display:none;
}

table + table {border-top: 0;}
table.cont caption {caption-side:top;}
/*
table.tbc tr:last-child td {
border-bottom-width:0;
}
table.cont tr:first-child th, tr:first-child td {
border-top-width:0;
}
*/

.outerframe {
display:block;
margin:auto;
text-align:center;
padding-top:25px;
padding-right:15px;
padding-bottom:25px;
padding-left:15px;
max-width:460px;
background-color:#ffcc66;
background-image:url("images/squareOrange.jpg");
}
.innerframe {
display:block;
width:360px;
margin:auto;
padding-top:10px;
padding-right:5px;
padding-bottom:10px;
padding-left:5px;
text-align:center;
vertical-align:middle;
background-color:#9f5a28;
border:5px;
border-color:gray;
border-style:outset;
}
#guide {
background-color:#ffffcc;
display:block;
max-width:420px;
margin:auto;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
text-align:center;
}

#linkcredits {
background-color:#ffffcc;
display:block;
max-width:590px;
margin:auto;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
text-align:center;
}
#maincredits {
background-color:#ffffcc;
display:block;
max-width:600px;
margin:auto;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
text-align:center;
}