/* Generic Classes */

*.h-100 {
height:100%;
}
*.h-auto {
height:auto;
}
*.m-0 {
margin:0;
}
*.m-10 {
margin:10px;
}
*.m-20 {
margin:20px;
}
*.m-auto {
margin:auto;
}
*.m-bottom-0 {
margin-bottom:0;
}
*.m-bottom-5 {
margin-bottom:0;
}
*.m-bottom-10 {
margin-bottom:10px;
}
*.m-bottom-20 {
margin-bottom:10px;
}
*.m-left-0 {
margin-left:0;
}
*.m-left-5 {
margin-left:5px;
}
*.m-left-10 {
margin-left:10px;
}
*.m-left-20 {
margin-left:20px;
}
*.m-left-30 {
margin-left:30px;
}
*.m-right-0 {
margin-right:0;
}
*.m-right-10 {
margin-right:10px;
}
*.m-right-20 {
margin-right:20px;
}
*.m-right-30 {
margin-right:30px;
}
*.m-top-0 {
margin-top:0;
}
*.m-top-5 {
margin-top:5px;
}
*.m-top-10 {
margin-top:10px;
}
*.m-top-20 {
margin-top:20px;
}
*.mx-10 {
margin-left:10px;
margin-right:10px;
}
*.mx-20 {
margin-left:20px;
margin-right:20px;
}
*.my-10 {
margin-bottom:10px;
margin-top:10px;
}
*.my-20 {
margin-bottom:20px;
margin-top:20px;
}
*.p-0 {
padding:0;
}
*.p-left-5 {
padding-left:5px;
}
*.p-left-10 {
padding-left:10px;
}
*.p-right-5 {
padding-right:5px;
}
*.p-right-10 {
padding-right:10px;
}
*.position-relative {
position:relative;
}
*.position-absolute {
position:absolute;
}
*.text-center {
text-align:center;
}
*.text-left {
text-align:left;
}
*.text-right {
text-align:right;
}
*.v-align-bottom {
vertical-align:bottom;
}
*.v-align-middle {
vertical-align:middle;
}
*.v-align-top {
vertical-align:top;
}
*.w-50 {
width:50%;
}
*.w-100 {
width:100%;
}
*.w-1280 {
width:1280px;
}
*.w-auto {
width:auto;
}

/* a */

a {
cursor:url(./images/pointers/gauntlet_cast_on_32x32.gif) 0 0,pointer;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a.anchor {
text-decoration:none;
}
a.anchor:hover {
cursor:url(./images/pointers/flight_on_32x32.gif) 0 0,pointer;
text-decoration:underline;
}
a.color-brilliant-sea {
color:#029bb3;
}
a.color-brilliant-sea:hover {
color:#029bb3;
}
a.color-brusque-brown {
color:#cc6d14;
}
a.color-brusque-brown:hover {
color:#cc6d14;
}
a.color-cerebral-grey {
color:#cccccc;
}
a.color-cerebral-grey:hover {
color:#cccccc;
}
a.color-cold-grey {
color:#9f9f9f;
}
a.color-cold-grey:hover {
color:#9f9f9f;
}
a.color-hot-jazz {
color:#bf3030;
}
a.color-hot-jazz:hover {
color:#bf3030;
}
a.color-i-love-to-boogie {
color:#ffb019;
}
a.color-i-love-to-boogie:hover {
color:#cccccc;
}
a.color-larimar-blue {
color:#1e7ba6;
}
a.color-larimar-blue:hover {
color:#1e7ba6;
}
a.single_image {
cursor:url(./images/pointers/inspect_on_32x32.gif) 0 0,pointer;
}

/* b */

b {
font-weight:600;
}

/* body */

body {
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
image-rendering:crisp-edges;
image-rendering:pixelated;
image-rendering:-moz-crisp-edges;
image-rendering:-webkit-crisp-edges;
margin:0;
padding:0;
}

/* div */

div.bg-border-custom {
background:url(./images/border-top-left.gif) top left no-repeat,
url(./images/border-top-right.gif) top right no-repeat,
url(./images/border-top.gif) top left repeat-x,
url(./images/border-bottom-left.gif) bottom left no-repeat,
url(./images/border-bottom-right.gif) bottom right no-repeat,
url(./images/border-bottom.gif) bottom right repeat-x,
url(./images/border-left-clear.gif) left repeat-y,
url(./images/border-right-clear.gif) right repeat-y #000000;
}
div.bg-border-default {
background:url(./images/border-top-left-clear.gif) top left no-repeat,
url(./images/border-top-right.gif) top right no-repeat,
url(./images/border-top-clear.gif) top repeat-x,
url(./images/border-bottom-left.gif) bottom left no-repeat,
url(./images/border-bottom-right-clear.gif) bottom right no-repeat,
url(./images/border-bottom-clear.gif) bottom repeat-x,
url(./images/border-left-clear.gif) left repeat-y,
url(./images/border-right-clear.gif) right repeat-y #000000;
}
div.bg-content {
background:url(./images/devider-top-left.png) top 0 left -2px no-repeat,
url(./images/devider-top-right.png) top 0 right 1px no-repeat,
url(./images/devider-left.png) top 0 left -1px no-repeat,
url(./images/devider-right.png) top right no-repeat,
url(./images/semi-shadow-small-top.png) top repeat-x;
}
div.bg-footer {
background:url(./images/footer-top.gif) repeat-x top left,
url(./images/chain-left.gif) repeat-x top 4px left 0,
url(./images/footer-bottom.gif) repeat-x top 10px left 0 #000000;
}
div.bg-frame {
background:url(./images/frame-top-left.gif) top left no-repeat,
url(./images/frame-top-right.gif) top right no-repeat,
url(./images/frame-top-clear.gif) top repeat-x,
url(./images/frame-bottom-left.gif) bottom left no-repeat,
url(./images/frame-bottom-right.gif) bottom right no-repeat,
url(./images/frame-bottom-clear.gif) bottom repeat-x,
url(./images/frame-left.gif) left no-repeat,
url(./images/frame-left-clear.gif) left repeat-y,
url(./images/frame-right.gif) right no-repeat,
url(./images/frame-right-clear.gif) right repeat-y #000000;
}
div.bg-header-center {
background:url(./images/header-bottom.gif) top 86px center repeat-x,
url(./images/header-top.gif) top 0 center repeat-x,
url(./images/header-center-top.gif) top 17px center repeat-x,
url(./images/header-center-bottom.gif) top 68px center repeat-x;
}
div.bg-header-left {
background:url(./images/header-top-left.png) top 0 left 1px no-repeat,
url(./images/header-top-left.png) top 0 left 9px no-repeat,
url(./images/edge-left.gif) bottom repeat-y;
}
div.bg-header-right {
background:url(./images/header-top-right.png) top 0 right 1px no-repeat,
url(./images/header-top-right.png) top 0 right 9px no-repeat,
url(./images/edge-right.gif) bottom repeat-y;
}
/* div.bg-none {
background:none;
} */
div.bg-pane {
background:url(./images/pane-top-left.gif) top left no-repeat,
url(./images/pane-top-right.gif) top right no-repeat,
url(./images/pane-top.gif) top repeat-x,
url(./images/pane-bottom-left.gif) bottom left no-repeat,
url(./images/pane-bottom-right.gif) bottom right no-repeat,
url(./images/pane-bottom.gif) bottom repeat-x,
url(./images/pane-left.gif) left no-repeat,
url(./images/pane-left-clear.gif) left repeat-y,
url(./images/pane-right.gif) right no-repeat,
url(./images/pane-right-clear.gif) right repeat-y ,
url(./images/pattern-top-left.gif) top 22px left 19px no-repeat,
url(./images/pattern-top-right.gif) top 22px right 19px no-repeat,
url(./images/pattern-bottom-left.gif) bottom 29px left 19px no-repeat,
url(./images/pattern-bottom-right.gif) bottom 29px right 19px no-repeat #000000;
}
div.bg-pattern {
background:url(./images/shadow-bottom.png) bottom repeat-x,
url(./images/bg-center-left.gif) left top repeat-y,
url(./images/bg-center-right.gif) right top repeat-y,
url(./images/bg-center.gif) repeat;
}
div.bg-placeholder-blizzard {
background:url(./images/devider-top-left.png) top 0 left 1px no-repeat,
url(./images/devider-top-right.png) top 0 right 1px no-repeat,
url(./images/devider-left.png) top left no-repeat,
url(./images/devider-right.png) top right no-repeat,
url(./images/placeholder-blizzard.gif) no-repeat;
}
div.bg-placeholder-default {
background:url(./images/devider-top-left.png) top 0 left 1px no-repeat,
url(./images/devider-top-right.png) top 0 right 1px no-repeat,
url(./images/devider-left.png) top left no-repeat,
url(./images/devider-right.png) top right no-repeat,
url(./images/placeholder-default.gif) no-repeat;
}
/* div.bg-shadow-bottom {
background:url(./images/shadow-bottom.png) bottom repeat-x;
} */
div.bg-shadow-top {
background:url(./images/shadow-top.png) top repeat-x;
}
div.bg-topic {
background:url(./images/topic-top-left.gif) top left no-repeat,
url(./images/topic-top-right.gif) top right no-repeat,
url(./images/topic-top.gif) top repeat-x,
url(./images/topic-bottom-left.gif) bottom left no-repeat,
url(./images/topic-bottom-right.gif) bottom right no-repeat,
url(./images/topic-bottom.gif) bottom repeat-x,
url(./images/topic-left.gif) left repeat-y,
url(./images/topic-right.gif) right repeat-y,
url(./images/semi-shadow-small-bottom.png) bottom 6px left 0 repeat-x #121212;
}
div.bg-blank {
background:url(./images/pixel.gif) repeat;
}
div.block {
background:url(./images/pixel.gif) repeat;
font-size:0;
height:auto;
margin:auto;
padding:0;
position:relative;
/* text-align:inherit; */
/* width:0; */
}
div.body {
background:#000000 url(./images/pixel.gif) repeat;
margin:auto;
overflow-x:hidden;
overflow-y:auto;
width:100%;
}
div.box-shadow {
-moz-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
/* background:none; */
box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
cursor:url(./images/pointers/inspect_on_32x32.gif) 0 0,pointer;
/* height:0; */
/* margin:0; */
position:absolute;
/* width:0; */
}
div.box-shadow:hover {
-moz-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
-moz-filter:grayscale(100%);
-webkit-filter:grayscale(100%);
box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.8);
cursor:url(./images/pointers/inspect_on_32x32.gif) 0 0,pointer;
filter:grayscale(1);
position:absolute;
}
div.container {
background:url(./images/pixel.gif) repeat;
clear:both;
/* height:0; */
margin:auto;
padding:0;
position:relative;
/* width:0; */
}
div.empty {
background:url(./images/pixel.gif) repeat;
clear:both;
height:10px;
margin:auto;
padding:0;
position:relative;
width:100%;
}
div.grayscale-from,div.grayscale-into:hover {
-moz-filter:grayscale(100%);
-webkit-filter:grayscale(100%);
filter:grayscale(1);
}
div.grayscale-from:hover,div.grayscale-into {
-moz-filter:grayscale(0);
-webkit-filter:grayscale(0);
cursor:url(./images/pointers/gauntlet_cast_on_32x32.gif) 0 0,pointer;
filter:grayscale(0);
}
div.inline-block {
/* background:none; */
display:inline-block;
/* height:0; */
float:none;
padding:0;
/* margin:0; */
position:relative;
text-align:left;
/* vertical-align:inherit; */
/* width:0; */
}
div.layer-above/* :is(div) */ {
z-index:1;
}
div.layer-under/* :is(div) */ {
z-index:0;
}
div.overlay {
filter:alpha(opacity=75);
opacity:0.75;
}
div.radio {
background:url(./images/pixel.gif) repeat;
display:table;
font-family:Ubuntu;
font-size:12pt;
font-style:normal;
font-weight:400;
height:100%;
letter-spacing:0.1px;
text-align:center;
text-shadow:2px 1px 2px #000000;
width:100%;
}
div.radio input[type=radio] {
display:none;
}
div.radio input[type=radio]:checked + label {
background:url(./images/pixel.gif) repeat;
color:#ffb019;
cursor:url(./images/pointers/sword_off_32x32.gif) 0 0,pointer;
}
div.radio input[type=radio]:disabled + label {
background:url(./images/pixel.gif) repeat;
color:#808080;
cursor:url(./images/pointers/sword_off_32x32.gif) 0 0,pointer;
}
div.radio input[type=radio]:hover + label {
background:url(./images/label-highlight.png) center / contain no-repeat;
color:#ffb019;
}
div.radio label {
background:url(./images/pixel.gif) repeat;
display:table-cell;
color:#cccccc;
cursor:url(./images/pointers/sword_on_32x32.gif) 0 0,pointer;
margin:auto;
max-width:115px;
padding:0 0 2px 0;
position:relative;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:middle;
white-space:nowrap;
}
div.table {
background:url(./images/pixel.gif) repeat;
display:table;
font-size:0;
height:auto;
padding:0;
position:relative;
margin:0 0 0 -170px;
width:1620px;
}
div.table-cell {
/* background:none; */
display:table-cell;
height:100%;
margin:auto;
padding:0;
position:relative;
/* width:0; */
}
div.wide {
/* background:none; */
/* height:0; */
/* margin:0; */
position:absolute;
width:7680px;
}

/* html */

html {
background:#000000 url(./images/pixel.gif) repeat;
cursor:url(./images/pointers/gauntlet_on_32x32.gif) 0 0,default;
}

/* img */

img {
border:none;
}
img.grayscale/* :is(img) */ {
-moz-filter:grayscale(100%);
-webkit-filter:grayscale(100%);
filter:grayscale(1);
}
img.object-fit-cover {
object-fit:cover;
}
img.opacity,img.visibility:hover {
-webkit-filter:opacity(1);
-moz-filter:opacity(1);
filter:alpha(opacity=100);
opacity:1;
}
img.opacity:hover,img.visibility {
-webkit-filter:opacity(0.75);
-moz-filter:opacity(0.75);
filter:alpha(opacity=75);
opacity:0.75;
}
img.layer-under/* :is(img) */ {
z-index:0;
}
img.layer-above/* :is(img) */ {
z-index:1;
}

/* input */

input:focus {
outline:none;
}
input[type=checkbox] {
display:none;
}
input[type=checkbox] + label {
background:url(./images/checkbox-uncheck.gif) no-repeat;
cursor:url(./images/pointers/sword_on_32x32.gif) 0 0,pointer;
height:18px;
margin:1px 0 0 1px;
position:absolute;
width:18px;
}
input[type=checkbox]:checked + label {
background:url(./images/checkbox-check.gif) no-repeat;
cursor:url(./images/pointers/sword_off_32x32.gif) 0 0,pointer;
height:20px;
margin:0;
position:absolute;
width:20px;
}
input[type="password"],input[type="text"],input[type="submit"] {
background:url(./images/pixel.gif) repeat;
border:none;
box-sizing:border-box;
font-family:Ubuntu;
font-size:12pt;
font-style:normal;
font-weight:400;
height:100%;
letter-spacing:0.1px;
margin:auto;
padding:0 0 2px 0;
position:relative;
text-align:center;
text-shadow:2px 1px 2px #000000;
width:100%;
}
input[type="password"],input[type="text"] {
color:#cccccc;
}
input[type="password"]::placeholder,input[type="text"]::placeholder {
color:#808080;
}
input[type="password"]:-moz-placeholder,input[type="text"]:-moz-placeholder {
color:#808080;
}
input[type="password"]::-moz-placeholder,input[type="text"]::-moz-placeholder {
color:#808080;
}
input[type="password"]:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder {
color:#808080;
}
input[type="password"]::-ms-input-placeholder,input[type="text"]::-ms-input-placeholder {
color:#808080;
}
input[type="password"]::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder {
color:#808080;
}
input[type="submit"] {
color:#ffb019;
cursor:url(./images/pointers/sword_on_32x32.gif) 0 0,pointer;
line-height:20px;
text-decoration:none;
}
input[type="submit"]:hover {
color:#cccccc;
cursor:url(./images/pointers/sword_on_32x32.gif) 0 0,pointer;
line-height:20px;
text-decoration:none;
}
input#button_sign_in[type="submit"] {
background:url(./images/pixel.gif);
}
input#button_sign_in[type="submit"]:hover {
background:url(./images/button-red-highlight-short.png) center / contain no-repeat;
}
input#button_sign_up[type="submit"],input#button_restore_password[type="submit"] {
background:url(./images/pixel.gif);
}
input#button_sign_up[type="submit"]:hover,input#button_restore_password[type="submit"]:hover {
background:url(./images/button-red-highlight-long.png) center / contain no-repeat;
}

/* p */

p {
font-family:Ubuntu;
font-style:normal;
font-weight:400;
letter-spacing:0.1px;
text-shadow:2px 1px 2px #000000;
}
p.color-brilliant-sea {
color:#029bb3;
}
p.color-bubble-bobble-green {
color:#08b302;
}
p.color-cerebral-grey {
color:#cccccc;
}
p.color-hot-jazz {
color:#bf3030;
}
p.color-spa-sangria {
color:#d7cea4;
}
p.font-size-extra-small {
font-size:8pt;
line-height:16px;
}
p.font-size-medium {
font-size:12pt;
}
p.font-size-small {
font-size:10pt;
}
p.font-size-medium,p.font-size-small {
line-height:20px;
}
p.grid-fluid {
/* margin:0; */
/* padding:0; */
position:relative;
/* text-align:inherit; */
/* width:0; */
}
p.grid-static {
/* height:0; */
/* margin:0; */
/* text-align:inherit; */
overflow:hidden;
position:absolute;
/* width:0; */
}
p.line-clamp-1x/* :is(p.grid-static) */ {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:-webkit-box;
}
p.line-clamp-2x/* :is(p.grid-static) */ {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
}
p.line-clamp-4x/* :is(p.grid-static) */ {
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
display:-webkit-box;
}
p.max-w-100/* :is(p.grid-fluid) */ {
max-width:100%
}
p.max-w-128/* :is(p.grid-fluid) */ {
max-width:128px;
}
p.max-w-960/* :is(p.grid-fluid) */ {
max-width:960px;
}
p.min-textline-5x/* :is(p.grid-fluid) */ {
min-height:100px;
}
p.nowrap/* :is(p.grid-fluid) */ {
/* max-width:0; */
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
p.px-5/* :is(p.grid-fluid) */ {
padding-left:5px;
padding-right:5px;
}
p.px-10/* :is(p.grid-fluid) */ {
padding-left:10px;
padding-right:10px;
}
p.py-5/* :is(p.grid-fluid) */ {
padding-top:5px;
padding-bottom:6px;
}
p.py-10/* :is(p.grid-fluid) */ {
padding-top:10px;
padding-bottom:11px;
}

/* span */

span.color-brilliant-sea {
color:#029bb3;
}
span.color-brusque-brown {
color:#cc6d14;
}
span.color-bubble-bobble-green {
color:#08b302;
}
span.color-cerebral-grey {
color:#cccccc;
}
span.color-cold-grey {
color:#9f9f9f;
}
span.color-gold-ore {
color:#e5c017;
}
span.color-gray {
color:#7e7e7e;
}
span.color-hot-jazz {
color:#bf3030;
}
span.color-i-love-to-boogie {
color:#ffb019;
}
span.color-larimar-blue {
color:#1e7ba6;
}
span.color-nebula-outpost {
color:#952a96;
}
span.color-spa-sangria {
color:#d7cea4;
}
span.italic {
font-style:italic;
}
span.nowrap {
white-space:nowrap;
}