#lightbox{ background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666; }
#lightboxDetails{	font-size:0.8em;padding-top:0.4em; }
#lightboxCaption{ float:left; }
#keyboardMsg{ float:right; }
#closeButton{ top:5px;right:5px; }
#lightbox img{ border:none;clear:both;}
#overlay img{ border:none; }
#overlay{ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABlAQMAAABusr+MAAAAA1BMVEUAAACnej3aAAAAAXRSTlO/Gzh2ewAAABNJREFUGBljGAWjYBSMglEwgAAABYYAAaEr8JoAAAAASUVORK5CYII='); }
* html #overlay { background-color:#333;background-color:transparent; }

.grayscale { filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray;}

.flip-horizontal { -moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(1);transform:scaleX(-1);-ms-filter:fliph;filter:fliph; }
.flip-vertical { -moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleY(1);transform:scaleY(-1);-ms-filter:flipv;filter:flipv; }

@keyframes blinkred { 0% { color:red; } 100% { color:black; } }
@-webkit-keyframes blinkred { 0% { color:red; } 100% { color:black; } }
.blinkred { -webkit-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;animation:blink 1s linear infinite; }

@keyframes blinking { 0% { display:block;opacity:1.0; } 100% { display:none;opacity:0.0; } }
@-webkit-keyframes blinking { 0% { opacity:1.0; } 100% { opacity:0.0; } }
.blinking { -webkit-animation:blinking 1s linear infinite;-moz-animation:blinking 1s linear infinite;animation:blinking 1s linear infinite 0s 3;animation-iteration-count:4;animation-fill-mode:forwards; }

.imgpopup { height:99%;max-width:50%;max-height:100%;width:auto;height:auto;float:right;margin-left:1em; }

#map { transform-origin:0 0 0;transform:scale(1); }

table { border-style:none;border-collapse:collapse;margin-top:0px; }
td.td-left { vertical-align:top;width:30%;position:relative; }
td.td-any { vertical-align:top;position:relative; }
td.td-none { vertical-align:top;width:0%;position:relative; }
td.td-left-med { vertical-align:top;width:40%;position:relative; }
td.td-left-large { vertical-align:top;width:50%;position:relative; }
td.td-left-small { vertical-align:top;width:25%;position:relative; }
td.td-left-smaller { vertical-align:top;width:20%;position:relative; }
td.td-left-xsmall { vertical-align:top;width:15%;position:relative; }
td.td-center { vertical-align:top;padding:5px;position:relative; }
td.td-right { vertical-align:top;width:15%;padding:10px;position:relative; }
td.td-right-med { vertical-align:top;width:20%;padding:10px;position:relative; }
td.td-right-med2 { vertical-align:top;width:25%;padding:10px;position:relative; }
td.td-right-large { vertical-align:top;width:30%;padding:10px;position:relative; }
table.table-main { width:100%;border:none;border-spacing:0; }
tbody { border-collapse:collapse; border-style:none; }
td { border-style:none;padding:0 0 0 0; }

.black_overlay { display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:black;z-index:81;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80); }
.unselectable { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }

.conversebubble { color:black;margin-top:3%;margin-bottom:2em;margin-left:6%;margin-right:5%; }
.conversebubble_small { color:black;margin-top:6%;margin-bottom:2em;margin-left:10%;margin-right:8%; }

.smsfrom { position:relative;width:85%;height:auto;min-height:10%;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;font-size:small;margin:0.2em 0.5em 0.5em 1em;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXYAAAByCAMAAABwZgr1AAAAt1BMVEUAAAB13v8AAACA4v964P8PDw8IDxJ94P+E5P963v9/4v+J5v+N6P+U6v+J5P8AAAGG5v+M5P8CAgIGDA4NDg4QERF93v964v+C5P+f6P8CBgcHBwcFCw0KCgoLCwsHDQ8MDAwHDxINDQ0IEBMLEhUKFBcVFRUXFxcaGhoQHyMdHR0fIiMaMjoeNj1DgJNpyOZz1/dy2fp33Px13f963P983f+E4f+H4v+L6P+c5/+e6/+t7P+y7P9dU+h0AAAAAXRSTlMAQObYZgAAAjFJREFUeNrt3elO20AUQOGZa894YjskBcpatrYs3dlalvL+z4VB/Ak4kUCZeyVyjoSEUBSUT1eTsWUnzhEtdkHyFZ9+5vl8k78o9Mp/+vioMNtctsV3DXym0t9yrs9X1mncpMux1+yqXUupLl/zSuJXkY9T1b8ve8pS5f9Nc5eR4JOvtd8ivYs6NHk7/9Xjjnr+Xs47w67RCsNu0aEw7CbLDMNu0Q+G3aItht2iL7Bb9GmSfYiIwVuqJEQs2CtELNhLRGCHnWCHnWCHnWCHnWCHHXaCHXaCHXaCHXaCHXaCHfYFZueCDdhhp6zs64jAzk6GWNvfGXuIA0TU2UP8AIg6e4hLeKizM+sW7KhbsLPCWLCHyM1i+uzMugm73CJhwc7RqQn7BRIW7EBYsO+fImHAfrz3BwqDfbt849yjxVHqUdwEQ5+9O2K6QUOfvXNn3g3YO/c7PPTZXZD/gOizd/MOiAE752aM2LlOBnbYCXbYCXbYCXbYCXbYYSfYYSfYYSfYYSfYYSfYYV9kdq77hR12gh12elMN7BYlLj21aOMZ+wYkGhXCd2EbNBa++d2gdpI9sLirNJxkd9JiolAMjlXGev/o3DLu+gepjLvSsIfn7IE9ZO4G8YU6n5FnscRwT3D2Si/B9bqvgJOt6zhF3blV3lfzLTDT0B+2M6MDf9adsPFFVdd1Mb9SapaGbds0qVig6rqqqsL7n1FmqT/AU3+fT0R2R7Mfsyqy0/f32eSk0T3nxa304O7KdAAAAABJRU5ErkJggg=='); }
.smsto { position:relative;width:85%;height:auto;min-height:10%;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;font-size:small;margin:0.2em 0.5em 0.5em 1em;background-image:url(../../../UI/themes/theme0/speechgrey-right.png);margin-left:auto;text-align:right; }
.smsp { margin:0.2em 1em 0.5em 1em; }
.tdhv:hover { opacity:1; }
.tdhv { opacity:0; }

.sidebarleft  { float:left;line-height:0.9em;height:100%;min-height:100%;height:100vh;z-index:45;margin:0 0 0 0;padding:0;cursor:default;overflow-x:hidden;border-style:none; }
.sidebarright { float:left;line-height:0.9em;height:100%;min-height:100%;height:100vh;z-index:45;margin:0 0 0 0;padding:0;cursor:default;overflow-x:hidden;border-style:none; }
.mainblock { margin:0px 0px 0px 0px;top:0;left:0;text-align:left;cursor:default;vertical-align:top;padding-left:4px;padding-right:4px;width:100%;height:100%;min-height:100vh }

.zoom-icon { position:absolute;margin:0 0 0 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;color:#FFFFFF; }
.zoom-icon:hover { filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0; }
.wp-icon { cursor:pointer;margin:0 0 0 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;color:#FFFFFF; }
.wp-icon:hover { filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0; }

body { color:black;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:medium;margin:0;padding:0;height:100%;min-height:100%;width:100%;background-color:white; }

@media only screen and (orientation:portrait) {
	.comment_content_trans { display:none;position:absolute;top:20vh;left:25%;width:auto;max-width:80%;min-width:25%;height:auto;max-height:80vh;min-height:25vh;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;cursor:pointer;margin:0 0 0 0; }
	.comment_content_trans_ll { display:none;position:absolute;bottom:5vh;left:5%;width:auto;max-width:80%;min-width:25%;height:auto;max-height:80vh;min-height:25vh;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;cursor:pointer;margin:0 0 0 0; }	
	input[type=checkbox] { -ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);padding:10px;margin-right:10px }
	.gblock { display:flex;flex-flow:row;flex-wrao:nowrap;align-items:center;justify-content:center;font-family:Arial;text-decoration:none;text-align:center;line-height:1.75em;padding-top:0.5em;padding-bottom:0.25em;padding-left:0.5em;padding-right:0.5em;border-left-width:medium;margin-bottom:-0.3em;margin-left:auto;margin-right:auto;width:80%;cursor:default;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
	.white_content { display:none;position:fixed;top:1vh;left:2%;width:90%;height:94vh;padding:6px;border:6px solid #FFCC00;z-index:82;overflow-x:hidden;overflow-y:auto }
}
@media screen and (orientation:landscape) {
	.comment_content_trans { display:none;position:absolute;top:20vh;left:25%;width:auto;max-width:70%;min-width:25%;height:auto;max-height:80vh;min-height:25vh;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;cursor:pointer;margin:0 0 0 0; }
	.comment_content_trans_ll { display:none;position:absolute;bottom:5vh;left:5%;width:auto;max-width:70%;min-width:25%;height:auto;max-height:80vh;min-height:25vh;overflow-x:hidden;overflow-y:auto;z-index:82;background-size:100% 100%;background-color:transparent;cursor:pointer;margin:0 0 0 0; }	
	input[type=checkbox] { -ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);padding:10px;margin-right:10px;}
	.gblock { display:flex;flex-flow:row;flex-wrao:nowrap;align-items:center;justify-content:center;font-family:Arial;text-decoration:none;text-align:center;line-height:1em;padding-top:0.5em;padding-bottom:0.5em;padding-left:0.5em;padding-right:0.5em;border-left-width:medium;margin-bottom:-0.3em;margin-top:0.7em;margin-left:auto;margin-right:auto;width:60%;cursor:default;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
	.white_content { display:none;position:fixed;top:5vh;left:15%;width:70%;height:85vh;padding:12px;border:6px solid #FFCC00;z-index:82;overflow-x:hidden;overflow-y:auto; }
}

.optionblock { background-color:#1E1E1E;color:#FFFFFF; }
.optionblock:hover { background-color:#4E4E4E;cursor:pointer;color:#FFFFFF;}
.moveblock { background-color:#786D5F;color:#FFFFFF; }
.north {}
.northeast {}
.northwest {}
.south {}
.southeast {}
.southwest {}
.east {}
.west {}
:where(.moveblock,.north,.northeast,.northwest,.south,.southeast,.southwest,.east,.west):hover { background-color:#827B60;cursor:pointer;color:#FFFFFF; }
.chatblock { background-color:DodgerBlue;color:#FFFFFF;}
.chatblock:hover { background-color:DarkTurquoise;cursor:pointer;color:#FFFFFF; }
.travelblock { background-color:gold;color:black; }
.travelblock:hover { background-color:yellow;cursor:pointer;color:black; }
.hailblock { background-color:gold;color:black;width:110px;margin-left:5px;margin-right:auto;border-left-width:0;margin-top:-12px;}
.hailblock:hover { background-color:yellow;cursor:pointer; }
.hailup { margin-top:8px; }
.phoneblock { position:absolute;background-color:lightgreen;color:black;width:50%;left:12%;margin-right:auto;border-left-width:0;}
.phoneblock:hover { background-color:green;cursor:pointer; }
.bloodblock { background-color:DarkRed;color:#FFFFFF;color:white; }
.bloodblock:hover { background-color:Crimson;cursor:pointer;color:#FFFFFF;color:white; }
.alternatives { background-color:#FFE8E8; }
.alternativesblack { background-color:#200000; }
.replyblock { background-color:lightgray;cursor:pointer; }
.replyblock:hover { background-color:gray;cursor:pointer; }

a.black:link {color:#000000;text-decoration:underline; }
a.black:active {color:#000000;text-decoration:underline; }
a.black:visited {color:#000000;text-decoration:underline; }
a.black:hover {color:#000000;text-decoration:underline; }

a.white:link {color:#ffffff;text-decoration:underline; }
a.white:active {color:#ffffff;text-decoration:underline; }
a.white:visited {color:#ffffff;text-decoration:underline; }
a.white:hover {color:#ffffff;text-decoration:underline; }

a:link {color:#000000;text-decoration:underline; }
a:active {color:#000000;text-decoration:underline; }
a:visited {color:#000000;text-decoration:underline; }
a:hover {color:#000000;text-decoration:underline; }

.savebg { background-color:lightcyan; }

.inventbar { color:black;background-color:#FFCC00; }

.spelltitle:link {font-size:0.8em;color:darkred;text-decoration:underline; }
.spelltitle:active {font-size:0.8em;color:darkred;text-decoration:underline; }
.spelltitle:visited {font-size:0.8em;color:darkred;text-decoration:underline; }
.spelltitle:hover {font-size:0.8em;color:salmon;text-decoration:underline; }

.itemtitle:link {color:black;text-decoration:underline;line-height:0.6em; }
.itemtitle:active {color:black;text-decoration:underline;line-height:0.6em; }
.itemtitle:visited {color:black;text-decoration:underline;line-height:0.6em; }
.itemtitle:hover {color:darkgray;text-decoration:underline;line-height:0.6em; }

.itemtitlewhite:link {color:white;text-decoration:underline;line-height:0.6em; }
.itemtitlewhite:active {color:white;text-decoration:underline;line-height:0.6em; }
.itemtitlewhite:visited {color:white;text-decoration:underline;line-height:0.6em; }
.itemtitlewhite:hover {color:darkgray;text-decoration:underline;line-height:0.6em; }

.possessspelltitle:link {font-size:0.8em;color:darkblue;text-decoration:underline; }
.possessspelltitle:active {font-size:0.8em;color:darkblue;text-decoration:underline; }
.possessspelltitle:visited {font-size:0.8em;color:darkblue;text-decoration:underline; }
.possessspelltitle:hover {font-size:0.8em;color:blue;text-decoration:underline; }

.booktitle:link {font-size:1em;color:red;text-decoration:underline; }
.booktitle:active {font-size:1em;color:red;text-decoration:underline; }
.booktitle:visited {font-size:1em;color:red;text-decoration:underline; }
.booktitle:hover {font-size:1em;color:salmon;text-decoration:underline; }

.iticline { object-fit:cover;margin-right:5px;max-width:21%;max-height:2em;width:auto;height:auto; }

.lsdimg { width:25px; }

.image-hover-highlight:hover { -webkit-filter:alpha(opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}

img { -khtml-user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none; }

a img { border: 0; }

canvas { display:block;margin:auto; }

.vertical-text { transform:rotate(90deg);transform-origin:left top 0; }