/*COMPRESSED NORMALIZE.CSS*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
a{background:transparent;}
a:focus{outline:thin dotted;}
a:active,
a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,
kbd,
pre,
samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,
input,
select,
textarea{font-family:inherit;font-size:100%;margin:0;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

html {
   font-size   : 10pt;
   font-family : ubuntu, verdana;
   height      : 100%;
   }

body {
   height     : 100%;
   width      : 100%;
   background : none;
   margin     : 0;
   padding    : 0;
   }

h1 {
   font : 12pt verdana;
   }

p {
   margin-bottom : 15px;
   }

a {
   font-weight     : bold;
   text-decoration : none;
   }

H1 {
   padding   : 0px;
   margin    : 0px;
   font-size : 1.25em;
   display   : inline;
   }

H2 {
   padding   : 0px;
   margin    : 0px;
   font-size : 1.1em;
   display   : inline;
   }

H3 {
   padding     : 0px;
   margin      : 0px;
   font-size   : 1.1em;
   display     : inline;
   font-weight : bolder;
   }

#header {
   padding    : 5px;
   height     : 30px;
   background : #6CA9E5;
   }

#main-table {
   margin-top : 0px;
   width      : 100%;
   height     : 100%;
   }

#main-table td {
   vertical-align : top;
   }

#highlight-bar {
   height     : 16px;
    /*background-image : url('http://www.seinken.com/models/images/headerborder.png');*/
    background: rgb(108,169,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(108,169,229,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,169,229,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(108,169,229,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(108,169,229,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(108,169,229,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(108,169,229,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca9e5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

#main-search {
   margin       : 15px;
   height       : 22px;
   width        : 160px;
   padding-left : 10px;
   }

#login {
   float  : right;
   margin : 5px;
   }

#spacer-text {
   margin    : 10px 0px 5px 5px;
   font-size : 2.35em;
   text-align : center;
   font-family      : uo;
   }

#spacer {
   height : 7px;
   width  : 100%;
   }

#top-message {
   margin  : 10px;
   padding : 10px;
   }

#search-result {
   margin  : 10px;
   padding : 10px;
   }

#site-name {
   font-weight : bold;
   font-size   : 2em;
   margin-left : 10px;
   margin-top  : 10px;
   float       : left;
   margin-top  : 20px;
   }

#support-levels td, #support-levels th {
   border     : 1px solid #EEEEEE;
   text-align : center;
   }

#register-table {
   width : 100%;
   }

#register-table td {
   vertical-align : middle;
   padding        : 3px;
   }

#register-table input {
   width : 95%;
   }

#login {
   text-align : right;
   }

.centered {
   text-align : center;
   }

.padding {
   padding : 5px;
   }

.empty-box {
   width         : 100%;
   margin-bottom : 10px;
   }

.solid-box {
   width         : 100%;
   margin-bottom : 10px;
   }

.classname {
   font-weight : normal;
   }

.racename {
   font-weight : bold;
   }

.name {
   font-weight : bold;
   }

.supporter-table th {
   font-size : .8em;
   }

.supporter-table td {
   text-align : center;
   }

.tablecell {
   padding          : 0;
   background-color : transparent;
   height           : 20px;
   padding          : 0;
   border           : 0px solid red;
   }

.hover {
   background-color : yellow;
   }

.imagehover {
   margin:-1px;
   border : 1px solid red;
   }

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
   display: none;
}
.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}
.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   content: "";
   display: table;
   border-collapse: collapse;
}
.ui-helper-clearfix:after {
   clear: both;
}
.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
   z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
   cursor: default !important;
   pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
   display: inline-block;
   vertical-align: middle;
   margin-top: -.25em;
   position: relative;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
}

.ui-widget-icon-block {
   left: 50%;
   margin-left: -8px;
   display: block;
}
.ui-tooltip {
   position         : absolute;
   padding          : 10px 20px;
   color            : white;
   border-radius    : 3px;
   font-family      : uo;
   background-image : url('http://www.seinken.com/models/images/uotooltip.jpg');
   box-shadow       : 0 0 7px #6CA9E5;
   opacity          : .9;
   max-width        : 300px;
   text-align       : center;
   }

.tooltip.top .tooltip-inner {
    padding          : 10px 20px;
    color            : white;
    border-radius    : 3px;
    font-size: 14px;
    font-family      : uo;
    background-image : url('http://www.seinken.com/models/images/uotooltip.jpg');
    box-shadow       : 0 0 7px #6CA9E5;
    opacity          : 1;
    max-width        : 300px;
    text-align       : center;
}


.arrow {
   width       : 70px;
   height      : 16px;
   overflow    : hidden;
   position    : absolute;
   left        : 50%;
   margin-left : -35px;
   bottom      : -16px;
   }

.arrow.top {
   top    : -16px;
   bottom : auto;
   }

.arrow.left {
   left : 20%;
   }

.arrow:after {
   content           : "";
   position          : absolute;
   left              : 20px;
   top               : -20px;
   width             : 25px;
   height            : 25px;
   box-shadow        : 6px 5px 9px -9px black;
   -webkit-transform : rotate(45deg);
   -moz-transform    : rotate(45deg);
   -ms-transform     : rotate(45deg);
   -o-transform      : rotate(45deg);
   tranform          : rotate(45deg);
   }

.arrow.top:after {
   bottom : -20px;
   top    : auto;
   }

.green, .red, .unchanged {
   width       : 100%;
   height      : 100%;
   text-align  : center;
   padding-top : 7px;
   }

#track-table table {
   overflow : hidden;
   }

/* LEFT MENU */


.leftmenu {
/*border: 1px solid black;*/

}

ul {
   width           : 100%;
   list-style-type : none;
   padding         : 0px;
   margin          : 0px;
   text-align      : center;
   }

ul li {
   padding       : 3px;
   padding-left  : 15px;
   font-size     : 1.1em;
   background-color : #EEEEEE;
   }

ul a {
   font-weight : normal;
   color       : black;
   background-color : #EEEEEE;
   }

ul li.link:hover {
   cursor      : pointer;
   font-weight : bold;
   background-color : aliceblue;
   }

ul li.sub:hover {
   cursor      : pointer;
   font-weight : bold;
   background-color : aliceblue;
   }

ul li.sub {
   padding      : 5px;
   padding-left : 20px;
   border       : 0;
   font-size    : 1em;
   margin-left  : 0px;
   border-left : 5px solid black;
    border-right : 5px solid black;
   }

ul li.sub-disabled {
   font-size      : 1em;
   text-align     : center;
   margin         : 0;
   padding        : 0;
   padding-top    : 3px;
   padding-bottom : 3px;
   }

ul li.sub-disabled:hover {
   font-weight : normal;
   cursor      : default;
   }

ul li.disabled {
   text-align : center;
   padding    : 5px;
   }

/* END LEFT MENU */

/* Pagination */

ul li.searchpagelist {
   display    : inline-block;
   border     : 1px solid darkblue;
   padding    : 5px;
   text-align : center;
    min-width: 20px;
   }

ul li.searchpagelistodd {
    display    : inline-block;
    border     : 1px solid darkblue;
    padding    : 5px;
    text-align : center;
    min-width: 20px;
    background-color: #DDDDDD;
}

ul li.searchpagelisteven {
    display    : inline-block;
    border     : 1px solid darkblue;
    padding    : 5px;
    text-align : center;
    min-width: 20px;
    background-color: #EEEEEE;
}

ul li.searchpageleft {
    display    : inline-block;
    padding    : 5px;
    text-align : center;
}

ul li.searchpageright {
    display    : inline-block;
    padding    : 5px;
    text-align : center;
}


table.searchtable {
   margin-left  : auto;
   margin-right : auto;
   }

li.currentpage {
   display          : inline-block;
   border     : 1px solid darkblue;
   border-bottom: 2px solid black;
   border-top: 2px solid black;
   padding          : 5px;
   text-align       : center;
   font-weight      : bold;
   background-image : url('http://www.seinken.com/models/images/transtooltip.png');
   opacity          : 1;
    min-width: 20px;
    font-family      : uo;
   }

table.tokentable {
   margin-left  : auto;
   margin-right : auto;
   text-align   : center;
   border: 1px solid black;
   }


td.tokentable {
outline: 1px solid black;
width: 100px
}

table.goldtable {
   margin-left  : auto;
   margin-right : auto;
   text-align   : center;
   border: 1px solid black;
}


td.goldtable {
   /*outline: 1px solid black;*/
   width: 100px
}

.searchtable {
   text-align     : center;
   vertical-align : middle;
   float          : left;
   }

.searchproperties {
   text-align     : center;
   vertical-align : middle;
   float          : left;
   max-width      : 300px;
   }

.searchtd {
   border           : 1px solid darkgoldenrod;
   border-top: 1px solid darkgoldenrod;
   border-bottom: 1px solid darkgoldenrod
   text-align       : center;
   vertical-align   : middle;
   /*background-color : #EEEEEE;*/
   padding-left     : 1px;
   padding-right    : 1px;
   padding-bottom   : 3px;
   padding-top      : 3px;
   max-width        : 200px;
   min-width        : 30px;
   height           : 30px;
   }

.searchtdprops {
   border           : 1px solid darkgoldenrod;
   text-align       : center;
   vertical-align   : middle;
   /*background-color : #DDDDDD;*/
   padding-left     : 5px;
   padding-right    : 5px;
   padding-bottom   : 10px;
   padding-top      : 10px;
   max-width        : 300px;
   }

.searchrow {
   border           : 1px solid darkgoldenrod;
   text-align       : center;
   vertical-align   : middle;
   background-color : #EEEEEE;
   max-height:100px;
   }

.odd {
   border           : 1px solid darkgoldenrod;
   text-align       : center;
   vertical-align   : middle;
   background-color : #DDDDDD;
   }

.low {
   color            : black;
   font-weight      : bold;
   background-color : #F76F7F;
   }

.rich {
   color: gold;
   font-weight :bold;
   background-color: silver;
}

#maptable {
   float        : right;
   padding-left : 15px;
   }

.valuedefault {
   color : black;
   }

.basedraggable {
   cursor : -webkit-grab;
   cursor : -moz-grab;
   }

.draggable {
   cursor : -webkit-grab;
   cursor : -moz-grab;
   }

.baseclickable {
   cursor : pointer;
   }

.clickable {
   cursor : pointer;
   }

@font-face {
   font-family : uo;
   src         : url('/models/fonts/uo.ttf'), url('/models/fonts/uo.eot');
   }

#scrollwrapper {
    position: fixed;
    top: 30%;
    left: 45%
}

#jcart {
float: center;
}

#generatedmap {
   width   : 368px;
   height  : 309px;
   padding : 15px;
   }

#vendoremulation {
   float    : right;
   overflow : visible;
   }

#containeremulation {
   overflow : visible;
   }

#backpacktable {
   float:left;
   text-align: center;
   padding : 25px;
   }

#searchbox {
   min-width        : 500px;
   margin           : 10px;
   text-align       : center;
   /*background-image : url('http://www.seinken.com/models/images/transtooltip.png');
   border           : 1px solid darkblue;
   border-radius    : 5px;
   padding-bottom   : 15px;*/
   padding-top      : 10px;
   }

#search {
   border        : 1px solid #949494;
   border-radius : 5px;
   height        : 23px;
   width: 300px;
   text-align : center;
   }

#shard {
   height        : 23px;
   border        : 1px solid #949494;
   border-radius : 5px;
   }

@-webkit-keyframes jiggle {
0% {-webkit-transform: rotate(-15deg);}
50% {-webkit-transform: rotate(15deg);}
100% {-webkit-transform: rotate(-15deg);}
}

@-webkit-keyframes colorchange {
  0%  { -webkit-filter: drop-shadow(2px 2px 2px rgba(184,134,11,1));}
  50% { -webkit-filter: drop-shadow(0px 0px 0px rgba(184,134,11,1));}
  100% { -webkit-filter: drop-shadow(2px 2px 2px rgba(184,134,11,1));}
}

#founditem {
   -webkit-animation: colorchange 1s linear infinite, jiggle 1s linear infinite;
}

.rowclicked {
   background-color : lightskyblue;
   border-left: 1px solid #8a4c8b;
   border-right: 1px solid #8a4c8b;
}

.storecell {
   border: 2px solid black;
   text-align: center;
   padding: 20px;
   height: 300px;
   width: 200px;
   background-image : url('http://www.seinken.com/models/images/transtooltip.png');
}

.storetable {
   border-collapse: separate;
   border-spacing: 20px;
   float: left;
}

.ajaxpropselect {
   width: 350px;
}

#carttable {
    position: fixed;
    top: 12%;
    right: 2%
}

.scannerlog {
    float: left;
    padding: 5px;
    max-width: 150px;
}
#searchcontainer{
   margin: 0 auto;
}