.color-q0, .color-q0 a {
    color: #9d9d9d !important;
}
.color-q1, .color-q1 a {
    color: #ffffff !important;
}
.color-q2, .color-q2 a {
    color: #1eff00 !important;
}
.color-q3, .color-q3 a {
    color: #0081ff !important;
}
.color-q4, .color-q4 a {
    color: #c600ff !important;
}
.color-q5, .color-q5 a {
    color: #ff8000 !important;
}
.color-q6, .color-q6 a {
    color: #e5cc80 !important;
}
.color-q7, .color-q7 a {
    color: #e5cc80 !important;
}
.color-d1, .color-d1 a {
    color: #ff8040 !important;
}
.color-d2, .color-d2 a {
    color: #ffff00 !important;
}
.color-d3, .color-d3 a {
    color: #40bf40 !important;
}
.color-d4, .color-d4 a {
    color: #808080 !important;
}
.color-d5, .color-d5 a {
    color: #88aaff !important;
}
.color-d6, .color-d6 a {
    color: #ff0000 !important;
}

.color-tooltip-yellow {
    color: #ffd100 !important;
}
.color-tooltip-red {
    color: #f00 !important;
}
.color-tooltip-green {
    color: #0f0 !important;
}
.color-tooltip-green a:hover {
    color: #ffffff !important;
}
.color-tooltip-blue {
    color: #71d5ff !important;
}
.color-tooltip-beige {
    color: #ffff98 !important;
}
.color-tooltip-gray {
    color: #6d6e70 !important;
}
.color-tooltip-alliance {
    color: #247faa;
}
.color-tooltip-horde {
    color: #b30000;
}

.color-q0, .color-q0 a {
    color: #9d9d9d !important;
}
.color-q1, .color-q1 a {
    color: #ffffff !important;
}
.color-q2, .color-q2 a {
    color: #1eff00 !important;
}
.color-q2 a:hover {
    color: #ffffff !important;
}
.color-q3, .color-q3 a {
    color: #0081ff !important;
}
.color-q4, .color-q4 a {
    color: #c600ff !important;
}
.color-q5, .color-q5 a {
    color: #ff8000 !important;
}
.color-q6, .color-q6 a {
    color: #e5cc80 !important;
}
.color-q7, .color-q7 a {
    color: #e5cc80 !important;
}
.color-d1, .color-d1 a {
    color: #ff8040 !important;
}
.color-d2, .color-d2 a {
    color: #ffff00 !important;
}
.color-d3, .color-d3 a {
    color: #40bf40 !important;
}
.color-d4, .color-d4 a {
    color: #808080 !important;
}
.color-d4 a:hover {
    color: #ffffff !important;
}
.color-d5, .color-d5 a {
    color: #88aaff !important;
}
.color-d6, .color-d6 a {
    color: #ff0000 !important;
}

.color-c1, .color-c1 a {
    color: #c69b6d !important;
}
.color-c2, .color-c2 a {
    color: #f48cba !important;
}
.color-c3, .color-c3 a, .color-g2 {
    color: #aad372 !important;
}
.color-c4, .color-c4 a, .color-g1 {
    color: #fff468 !important;
}
.color-c5, .color-c5 a {
    color: #f0ebe0 !important;
}
.color-c6, .color-c6 a {
    color: #c41e3b !important;
}
.color-c7, .color-c7 a {
    color: #2359ff !important;
}
.color-c8, .color-c8 a, .color-g3 {
    color: #68ccef !important;
}
.color-c9, .color-c9 a {
    color: #9382c9 !important;
}
.color-c10, .color-c10 a {
    color: #00ffba !important;
}
.color-c11, .color-c11 a, .color-g4 {
    color: #ff7c0a !important;
}
.color-c12, .color-c12 a {
    color: #A335EE !important;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}

.clear {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}

.ui-tooltip  {
    font: 12px/1.5 Arial,Verdana,sans-serif;
}

.ui-tooltip body, .ui-tooltip h1, .ui-tooltip h2, .ui-tooltip h3, .ui-tooltip h4, .ui-tooltip h5, .ui-tooltip h6, .ui-tooltip button, .ui-tooltip input, .ui-tooltip textarea, .ui-tooltip small, .ui-tooltip big {
    font-size: 100%;
}

.ui-tooltip html, .ui-tooltip body, .ui-tooltip div, .ui-tooltip object, .ui-tooltip iframe, .ui-tooltip h1, .ui-tooltip h2, .ui-tooltip h3, .ui-tooltip h4, .ui-tooltip h5, .ui-tooltip h6, .ui-tooltip p, .ui-tooltip blockquote, .ui-tooltip pre, .ui-tooltip em, .ui-tooltip img, .ui-tooltip strong, .ui-tooltip dl, .ui-tooltip dt, .ui-tooltip dd, .ui-tooltip ol, .ui-tooltip ul, .ui-tooltip li, .ui-tooltip fieldset, .ui-tooltip form, .ui-tooltip label, .ui-tooltip legend, .ui-tooltip table, .ui-tooltip caption, .ui-tooltip tbody, .ui-tooltip tfoot, .ui-tooltip thead, .ui-tooltip tr, .ui-tooltip th, .ui-tooltip td {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

a {
    outline: medium none;
    text-decoration: none;
}

.ui-tooltip {
    height: auto;
    max-width: 300px;
    position: absolute;
    width: auto;
    z-index: 9005;
}

.ui-tooltip {
    background-color: rgba(15, 15, 15, 0.9);
    border: 1px solid #353837;
    border-radius: 5px;
    box-shadow: 0 0 15px #000;
    color: #fff;
    font-size: 12px;
    max-width: 400px;
    padding: 10px;
}

.ui-tooltip .tooltip-content {
    height: auto;
    position: relative;
    width: auto;
}

.wiki .info .title .itemFaction { position: relative; top: -4px; }

.wiki-tooltip {
    min-width: 250px;
}

.wiki-tooltip-item-image {
    position: absolute;
    top: 0px;
    left: 415px;
}

.wiki-tooltip .itemFactionTooltip { position: relative; top: 2px; }

.icon-frame.frame-36, .icon-frame.frame-50, .icon-frame.frame-56 {
    box-shadow: 0 0 10px #000;
    height: 64px;
    width: 64px;
}

.ui-tooltip .frame-56 {
    left: -80px;
    position: absolute;
    top: -10px;
    background-size: 64px;
}

.ui-tooltip h3 {
    font-size: 16px;
    font-weight: normal;
}

.ui-tooltip ol, .ui-tooltip ul {
    list-style-type: none;
}

.item-specs {
    margin-top: 10px;
}

.item-specs li {
    margin: 1px 0;
    padding: 0;
}

.icon-socket {
    display: block;
    height: 15px;
    position: relative;
    width: 15px;
}

.item-specs .icon-socket {
    float: left;
    margin-right: 4px;
    margin-top: 1px;
}

.icon-socket.socket-1 .empty {
    background-color: #29292a;
}
.icon-socket.socket-2 .empty {
    background-color: #301010;
}
.icon-socket.socket-4 .empty {
    background-color: #403010;
}
.icon-socket.socket-8 .empty {
    background-color: #102040;
}
.icon-socket.socket-14 .empty {
    background-color: #29292a;
}
.icon-socket.socket-16 .empty {
    background-color: #000;
}
.icon-socket.socket-32 .empty {
    background-color: #29292a;
}

.icon-socket.socket-1 .frame {
    background-position: -45px 0;
}
.icon-socket.socket-2 .frame {
    background-position: 0 0;
}
.icon-socket.socket-4 .frame {
    background-position: -15px 0;
}
.icon-socket.socket-8 .frame {
    background-position: -30px 0;
}
.icon-socket.socket-6 .frame {
    background-position: -90px 0;
}
.icon-socket.socket-10 .frame {
    background-position: -75px 0;
}
.icon-socket.socket-12 .frame {
    background-position: -105px 0;
}
.icon-socket.socket-14 .frame {
    background-position: -60px 0;
}
.icon-socket.socket-16 .frame {
    background-position: -120px 0;
}
.icon-socket.socket-32 .frame {
    background-position: -45px 0;
}

.expansionLegion.icon-socket.socket-8  .frame { background: url("../assets/images/icons/frames/relics/iron.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-9  .frame { background: url("../assets/images/icons/frames/relics/blood.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-10 .frame { background: url("../assets/images/icons/frames/relics/shadow.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-11 .frame { background: url("../assets/images/icons/frames/relics/fel.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-12 .frame { background: url("../assets/images/icons/frames/relics/arcane.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-13 .frame { background: url("../assets/images/icons/frames/relics/frost.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-14 .frame { background: url("../assets/images/icons/frames/relics/fire.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-15 .frame { background: url("../assets/images/icons/frames/relics/water.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-16 .frame { background: url("../assets/images/icons/frames/relics/life.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-17 .frame { background: url("../assets/images/icons/frames/relics/storm.png") no-repeat !important; }
.expansionLegion.icon-socket.socket-18 .frame { background: url("../assets/images/icons/frames/relics/holy.png") no-repeat !important; }

.expansionLegion.icon-socket.socket-8  .empty { background: none !important; }
.expansionLegion.icon-socket.socket-14 .empty { background: none !important; }
.expansionLegion.icon-socket.socket-16 .empty { background: none !important; }

.icon-socket .empty {
    height: 13px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 13px;
}

.icon-socket .frame {
    background: url("../assets/images/sockets.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.icon-gold {
    background: url("../icons/gold.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 15px;
}
.icon-silver {
    background: url("../icons/silver.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-left: 3px;
    padding-right: 15px;
}
.icon-copper {
    background: url("../icons/copper.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-left: 3px;
    padding-right: 15px;
}

.item-specs .indent {
    padding-left: 10px;
}

.tip {
    border-bottom: 1px dotted #6a5336;
    cursor: help;
}

a.tip, .tip a {
    cursor: pointer;
}

/* model viewer */
.model-viewer .model,
.model-viewer .model .bg,
.model-viewer .model .loading,
.model-viewer .model .viewer { width: 280px; height: 280px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: 0 0 no-repeat; }
.model-viewer .model { background: #3b1c11 url("../assets/images/model-viewer/bg-280.jpg") 0 0 no-repeat; margin: 0 auto; position: relative; border: 1px solid #3a1c10; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #241209 0 0 10px; -webkit-box-shadow: #241209 0 0 10px; box-shadow: #241209 0 0 10px; }
.model-viewer .model .loading { background: url("../assets/images/loaders/canvas-loader-bright.gif") center center no-repeat; }
.model-viewer .model .zoom { position: absolute; right: 10px; bottom: 10px; display: none; width: 23px; height: 21px; background: url("../images/model-viewer/zoom.gif") no-repeat; -moz-box-shadow: #241209 0 0 3px; -webkit-box-shadow: #241209 0 0 3px; box-shadow: #241209 0 0 3px; }
.model-viewer .model .zoom:hover { background-position: -23px 0; }

/* model - draggable */
.model-viewer .can-drag { cursor: url("/static/assets/images/cursors/grab.cur"), e-resize; }
.model-viewer .can-drag .zoom { display: block; }
.model-viewer .dragging { cursor: url("/static/assets/images/cursors/grabbing.cur"), e-resize !important; }
.model-viewer .can-drag:hover,
.model-viewer .dragging { border: 1px solid #542818; }

/* model - load error */
.model-viewer .load-fail { border-color: #3a1c10 !important; cursor: default !important; }
.model-viewer .load-fail .loading { background: url("../assets/images/model-viewer/error.gif") center center no-repeat !important; }

/* model buttons */
.model-viewer .buttons { text-align: right; padding: 10px 10px 0 10px; text-align: center; }
.model-viewer .buttons a { display: inline-block; width: 14px; height: 14px; margin-left: 5px; background: url("../assets/images/model-viewer/button.gif") no-repeat; }
.model-viewer .buttons a:hover { background-position: -18px 0; }
.model-viewer .buttons a.button-active { background-position: 100% 0; }

/* screenshot */
.screenshotImage
{
    max-width: 280px;
    max-height: 600px;
    position: absolute;
    top: -15px;
}