/* or 1200px */
html
{
overflow-y: scroll;
}
body
{
margin: 0;
color: #aaaaaa;
font-family: Verdana, Arial, sans-serif;
font-size: 9pt;
/*background-image: url(/design/gang33.jpg);*/
background-image: url(/design/gang26.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #000000;
height: 100%;
}
a:link, a:visited, a:active
{
font-size:11px; text-decoration: none; color: #CA660B; font-weight: bold;
}
a:hover
{
color: #894507;
}
b
{
color: #8f8b79;
}
b #nyheter_parch_repeat
{
color: #000000;
}
#nyheter_content img
{
max-width:566px;
}
/*
.cwc
{
color:#2a8c52 !important;
}
.cwc:hover
{
filter: brightness(80%);
}
.cwc_morbid
{
color:#5c8ca7 !important;;
}
.cwc_morbid:hover
{
filter: brightness(80%);
}
*/
/* Impulse namneffekt – exporterad från CSS-studion */
.cwc_morbid {
color: #2A8C52 !important;
filter: saturate(1) brightness(0.9) contrast(0.85) hue-rotate(0deg);
}
.cwc_morbid:hover {
filter: saturate(1) brightness(0.70) contrast(0.85) hue-rotate(0deg);
}
.cwc_morbid {
display: inline-block;
color: transparent !important;
background-image: repeating-linear-gradient(265deg, #FF2A00 0px, #FF7A00 67.2px, #FFE66D 120px, #FF3D00 201.6px, #FF2A00 240px);
background-size: 240.917px 100%;
background-repeat: repeat-x;
background-position: 0 0;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cwc_morbid { animation: impulse-name-shimmer 4s linear infinite; }
@keyframes impulse-name-shimmer {
from { background-position: 0 0; }
to { background-position: 240.917px 0px; }
}
.cwc {
color: #2A8C52 !important;
filter: saturate(1.25) brightness(1.05) contrast(0.95) hue-rotate(0deg);
}
.cwc:hover {
filter: saturate(1.25) brightness(1.05) contrast(0.95) hue-rotate(0deg);
}
.cwc {
display: inline-block;
color: transparent !important;
background-image: linear-gradient(170deg, #7A4A00 0%, #FFE078 30%, #FFF4B0 48%, #D49300 72%, #FFF0A6 100%);
background-size: 240% 100%;
background-position: 50% 50%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cwc {
display: inline-block;
animation: impulse-name-pulse 2.4s ease-in-out infinite;
}
@keyframes impulse-name-pulse {
0%, 100% { opacity: 0.78; transform: scale(0.98); }
50% { opacity: 1; transform: scale(1.06); }
}
.cwc::after {
content: "🍒";
position: relative;
top: -0.38em;
display: inline-block;
margin-left: 3px;
color: initial;
background: none;
vertical-align: baseline;
font: 700 10px/1 sans-serif;
letter-spacing: -0.04em;
text-shadow: 0 0 3px transparent, 0 1px 0 #241400;
filter: saturate(1.18) drop-shadow(0 1px 1px #000) hue-rotate(0deg) contrast(1.053) brightness(0.952) saturate(0.8);
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-text-fill-color: initial;
text-shadow: none;
}
.spi /* general purpose page-list - Clickable page */
{
position:relative; display:inline-block; padding: 2px; padding-left: 4px; padding-right: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; border:1px solid #222222; color:#CA660B; cursor: pointer; user-select: none;
}
.spo /* general purpose page-list - Current selected page */
{
position:relative; display:inline-block; padding: 2px; padding-left: 4px; padding-right: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; border:1px solid #222222; color:#444444; user-select: none;
}
.fu
{
font-size: 10px !important;
}
.mfu
{
font-size: 9px !important;
}
.ful
{
font-size: 10px !important;
}
ul
{
list-style-type: none;
margin: 0;
}
.valc
{
color: #8385a3;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { /*zoom: 1;*/ }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers */
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 0 solid #000000; outline: #6f6f6f; color: #dadada; }
.ui-widget-content a { }
.ui-widget-header { border: 1px solid #000000; background: none 50% 50% repeat-x; color: #dadada; font-weight: bold; }
.ui-widget-header a { color: #dadada; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #444444; background: #222222 url(/design/jquery_ui/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #aaaaaa; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #aaaaaa; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0b93d5; background: #003147 url(/design/jquery_ui/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #dadada; }
.ui-state-hover a, .ui-state-hover a:hover { color: #dadada; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #26b3f7; background: #0972a5 url(/design/jquery_ui/ui-bg_highlight-hard_20_0972a5_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #dadada; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #dadada; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #cccccc; background: #aaaaaa url(/design/jquery_ui/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(/design/jquery_ui/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #111111; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #111111; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/design/jquery_ui/ui-icons_cccccc_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/design/jquery_ui/ui-icons_cccccc_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/design/jquery_ui/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/design/jquery_ui/ui-icons_cccccc_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/design/jquery_ui/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/design/jquery_ui/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/design/jquery_ui/ui-icons_4b8e0b_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/design/jquery_ui/ui-icons_a83300_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0; }
/* Overlays */
.ui-widget-overlay { background: #5c5c5c url(/design/jquery_ui/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(/design/jquery_ui/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.18 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; /*zoom: 1;*/ }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; /*zoom: 1;*/ }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/* jQuery UI Menu 1.8.18 */
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
/*zoom: 1;*/
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
/*zoom:1;*/
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.18
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; /*zoom: 1;*/ overflow: hidden; *overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;}
.ui-button-text-only .ui-button-text { padding: .1px 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: 3px; font-size: 9pt !important;}
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.18
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; /*zoom: 1;*/ }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.18
*/
.ui-slider { position: relative; text-align: left; cursor: pointer;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; margin-left: -12px !important; cursor: pointer; width: 23px; height: 27px; top: -7px !important; border: 0 !important; background: url(/design/statspoang-slider-handle.png); border: 0;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 1px dotted orange; background-image: url(/design/statspoang-handle3.png) !important; border: 0 !important; background-position: 0 0 !important; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.18
*/
.ui-tabs { position: relative; padding: .2em; /*zoom: 1;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Datepicker 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*
* jQuery UI Progressbar 1.8.18
*/
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background-image: url(/design/strid-healthbar4.png);}
/* LOGIN start */
#login
{
position:absolute; left: -58px; top: -43px;
background-image: url(/design/login.png); width:897px; height:200px;
background-repeat: no-repeat;
}
#login_area
{
position: relative; top: 18px; left: 61px;
}
#login_anv
{
position: absolute; top: 4px; left: 0px; padding-left: 5px; color: #525252; border: none; font-size: 14px; width: 807px; height: 20px; background: transparent;
}
#login_pas
{
position: absolute; left: 0px; top: 34px; padding-left: 5px; color: #525252; border: none; font-size: 14px; width: 807px; height: 20px; background: transparent; display: block;
}
#login_btn
{
position: absolute; top: 62px; left: 270px; width: 234px; height: 60px; background: transparent; border: none; cursor: pointer;
}
#login_btn:hover
{
background-image: url(/design/inlogg3.jpg);
}
#login_autologin
{
position: absolute; top: 102px; left: 151px;
}
#login_autologin_lbl
{
position: absolute; top: 105px; left: 176px; width: 100px;
}
#login_safe
{
position: absolute; top: 102px; left: 523px;
}
#login_safe_lbl
{
position: absolute; top: 105px; left: 548px; width: 100px;
}
#login_footer
{
position: absolute; padding-bottom: 4px; width: 770px; height: 30px; font-size: 8.5pt; text-align: center; color: #777777;
text-align: center; top: 347px; left: -18px;
}
#login_register_show_form
{
padding: 8px; border: 2px solid #000000;
font-weight: bold;
background-color: #808080;
cursor: pointer;
}
#login_register_show_form:hover
{
background-color: #707070;
}
#login_panel_left
{
position:relative; top: 120px; width: 188px; padding: 5px; border: 1px solid #414141;
}
#login_panel_right
{
position:absolute; top: 120px; left: 525px; width: 188px; padding: 5px; border: 1px solid #414141;
}
#reg_bg
{
position:absolute; left: -58px; top: -43px;
width:897px; height: 410px;
background-color: #0d0d0f;
z-index: 45;
}
#reg
{
position:absolute; left: 15px; top: 15px;
}
#login_register_cancel,#login_register_create
{
padding: 8px; border: 2px solid #000000;
font-weight: bold;
background-color: #808080;
cursor: pointer;
}
#login_register_cancel:hover,#login_register_create:hover
{
background-color: #707070;
}
/* LOGIN END */
#iv4_notice /* remove later (legacy) */
{
position: absolute; top: 134px; left: 590px; width: 278px; height: 24px; background-image: url(/design/notice.gif); display: none;
}
#iv4_notice_txt
{
position: absolute; left: 7px; top: 5px; font-size: 9px; width: 267px; overflow: hidden;
}
#inb
{
position: absolute; top: 139px; left: 590px;
z-index: 4;
}
.iv4_notice
{
position: relative; top: 0px; left: 0px; width: 278px; margin-bottom: 2px; padding-bottom: 5px; border-bottom: 1px solid #3b3933; min-height: 16px; background-repeat: repeat-y; background-image: url(/design/notice.gif);
}
.iv4_notice_txt
{
position: relative; left: 3px; top: 4px; width: 266px; padding: 1px 3px 2px 3px; background-color: #000000; font-size: 9px;
}
div#bg
{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
div#main
{
position: relative; width: 876px; margin-left: auto; margin-right: auto;
padding-top: 8px; padding-bottom: 0; padding-left: 25px;
overflow: hidden; text-align: left; font-size: 11px;
margin-bottom: 20px;
}
div#logo
{
position: relative;
padding-left: 17px; padding-top: 6px;
left: -23px;
top: -5px;
width: 897px; height: 148px;
font-size: 8.5pt;
background-image: url(/design/logo69.png);
background-repeat: no-repeat;
z-index: 2;
overflow: hidden;
margin-bottom: 4px;
}
div#logo_left
{
position: relative;
left: 10px; top: 55px;
width: 10px; height: 124px;
background-image: url(/design/logoleft.png);
overflow: hidden;
}
div#ca
{
position: relative; left: -23px; top: -15px; background-image: url(/design/repeat-top.jpg); width: 897px; height: 132px;
}
div#cb
{
position: relative;
left: -21px; top: -15px;
padding-left: 35px;
padding-bottom: 45px;
width: 893px;
background-image: url(/design/repeat18.jpg);
background-repeat: repeat-y;
z-index: 2;
}
div#content
{
position: relative;
top: -89px; left: 21px;
min-height: 357px;
width: 650px;
z-index: 3;
margin-bottom: 5px;
padding-right: 91px;
}
div#ft
{
position: relative;
left: -21px;
top: -32px;
margin-top: -118px;
width: 893px; height: 20px;
background-image: url(/design/footer21.png);
background-repeat: no-repeat;
z-index: 3;
overflow: hidden;
margin-bottom: -32px;
}
#iai /* iv4 additional info*/
{
position: absolute; top: -50px; right: -200px; width:200px; font-size: 9px; z-index: 55;
}
#nyheter_top
{
position: relative; left: -10px; top: 7px; width: 794px; height: 295px; background-image: url(/design/nyheter-top14.jpg); z-index: 1;
}
.nyheter_hr
{
background-color: #917344; height: 1px; width: 566px; margin-top: 10px; margin-bottom: 15px
}
.nyheter_rit
{
font-size: 9px; color: #bfb3a3;
}
#nyheter_parch_top
{
position: relative; left: 42px; top: -210px; width: 510px; height: 120px; background-image: url(/design/nyheter-parchtop2.jpg);
}
#nyheter_parch_repeat
{
position: relative; left: 42px; top: -210px; width: 510px; background-image: url(/design/parchrepeat2.jpg); min-height: 160px
}
#nyheter_parch_bot
{
position: relative; left: 42px; top: -95px; z-index: 7; width: 510px; height: 30px; margin-bottom: 10px; background-repeat: no-repeat; background-image: url(/design/parchbottom3.jpg);
}
/* Jobb page START */
#j_contain
{
position: relative; top: -30px; left: -44px; min-height: 280px;
}
#j_top
{
position: relative; width:869px; height:202px; background-image: url(/design/jobb-top.jpg);
}
#jlj
{
position: absolute; left: 455px; top: 72px; width: 403px; height: 129px; background-color: #000000; opacity: 0; cursor: pointer; z-index: 5;
}
#j_jobs
{
position: relative; top: -132px; left: 8px; margin-bottom: -132px; width: 436px;
}
.j_i
{
position: relative; top: 0; left: 0; width:436px; height:61px; background-image: url(/design/jobb-minisprite.jpg); cursor:pointer; z-index: 0;
border: 1px solid #06090c;
transition: border 0.2s, box-shadow 0.2s;
}
.j_i:hover
{
box-shadow: 0 5px 35px #000d2d;
border : 1px solid #3c3c3c;
}
.j_n
{
position: absolute; left: 18px; top: 25px; font-size: 14px; font-weight: bold; color: #CA660B;
}
.j_ih
{
position: absolute; left:-1px; top:-1px; width:435px; height:61px; border: 2px solid #000000;
}
#jobb_table_1-99
{
position: relative; top: -18px; width: 278px; height: 257px;
background-image: url(/design/jobb-large9.png);
padding-left: 48px;
margin-bottom: 10px; background-repeat: no-repeat; z-index: 16;
}
.jobb_robbery_link
{
font-size: 9px;
}
.jobb_table
{
position: relative; top: -42px;
width: 278px; height: 183px;
background-image: url(/design/jobbmini8.jpg);
padding-left: 48px; background-repeat: no-repeat;
margin-bottom: -14px; z-index: 15;
}
#jobb_table_last_shortcut
{
position: absolute; left: 51px; top: 0; width: 224px; height: 74px; cursor: pointer;
}
#jobb_table_last_shortcut:hover
{
background-image: url(/design/jobb-large-hover7.jpg);
}
.jobb_table_slider
{
position: relative; left: 215px; top: 0; z-index: -1; background-image: url(/design/plopp2.jpg); width: 85px; height: 24px;
}
.jobb_table_x
{
position: absolute; left: 35px; top: 0; cursor: pointer; width: 21px; margin-bottom: -20px; height: 20px;
}
.jobb_contain
{
width: 326px;
}
#jobb_outer_contain
{
width: 326px;
}
.jobb_table_r
{
position: absolute; left: 59px; top: 0; cursor: pointer; width: 21px; margin-bottom: -20px; height: 20px;
}
.illegal_streak_diff
{
color: #8e8d89;
}
.iscl /* illegal show contest live */
{
position: absolute; left: 0; top: 2px; width: 282px; height: 25px; font-size: 10px; overflow: hidden; text-align: center; color: #414141;
}
.iscp
{
font-size: 25pt; position: absolute; left: 108px; top: 74px; width: 70px; text-align: center; color: #c0a66e;
}
/* Arena */
#jobb_arena
{
position: absolute; left: 358px; top: -14px; width: 413px; height: 340px; background-image: url(/design/arena-main.png);
}
#jobb_arena_cov
{
position: absolute; left: 30px; top: 0; width: 258px; height: 48px; background-color: #000000;
}
#jobb_arena_tim
{
position: absolute; left: 5px; top: 30px; width: 258px; height: 48px; cursor: default;
}
#jobb_arena_menu
{
position: absolute; left: 47px; top: 115px; width: 310px; height: 153px;
}
#jobb_arena_first
{
position: absolute; left: 0; top: 0; width: 323px; height: 147px; background-image: url(/design/arena-first.png);
display: none;
}
#jobb_arena_second
{
position: absolute; left: 0; top: 0; width: 323px; height: 147px; background-image: url(/design/arena-second.png);
display: none;
}
#jobb_arena_third
{
position: absolute; left: 0; top: 0; width: 323px; height: 147px; background-image: url(/design/arena-third2.png);
display: none;
}
#jobb_arena_wait
{
position: absolute; left: 0; top: 0; width: 323px; height: 147px;
display: none;
}
#jobb_arena_swirl
{
position: absolute; left: 122px; top: 34px; width: 78px; height: 78px; background-image: url(/design/arena-animation2.gif);
}
.jobb_arena_btn
{
position: absolute; left: 30px; width: 258px; height: 40px; cursor: pointer;
}
.jobb_arena_btn:hover
{
background-color: #000000; opacity: 0.4;
}
.jobb_arena_txt
{
position: absolute; left: inherit; width: inherit; height: 10px; text-align: center;
}
/* illegal companion */
#illegal_companion_tbl
{
position: absolute; left: 136px; top: 399px; width: 647px; height: 73px; background-image: url(/design/jobb-twin6.png);
}
#illegal_companion_capital
{
position: absolute; left: 15px; top: 11px; color: #868686;
}
#illegal_companion_xp
{
position: absolute; left: 146px; top: 11px; color: #868686;
}
#illegal_companion_levels
{
position: absolute; left: 204px; top: 68px; color: #868686; width: 40px; text-align: center;
}
#illegal_companion_clear_btn
{
position: absolute; left: 14px; top: 40px; height: 18px; width: 117px; cursor: pointer;
}
#illegal_companion_clear_btn:hover
{
background-color: #000000; opacity: 0.20;
}
#illegal_companion_clear_tbl
{
position: absolute; left: 8px; top: 34px; width: 236px; height: 30px; background-image: url(/design/jobb-twin-rensa2.jpg); display: none;
}
#illegal_companion_clear_cancel_btn
{
position: absolute; left: 162px; top: 5px; height: 18px; width: 67px; cursor: pointer;
}
#illegal_companion_clear_cancel_btn:hover
{
background-color: #000000; opacity: 0.20;
}
#illegal_companion_clear_snitch_btn
{
position: absolute; left: 84px; top: 5px; height: 18px; width: 65px; cursor: pointer;
}
#illegal_companion_clear_snitch_btn:hover
{
background-color: #000000; opacity: 0.20;
}
#illegal_companion_clear_clear_btn
{
position: absolute; left: 6px; top: 5px; height: 18px; width: 65px; cursor: pointer;
}
#illegal_companion_clear_clear_btn:hover
{
background-color: #000000; opacity: 0.20;
}
#illegal_companion_share_txt
{
position: absolute; left: 547px; top: 24px; width: 100px; color: #8f8b79; font-weight: bold;
}
#illegal_companion_share_btn
{
position: absolute; left: 142px; top: 40px; height: 18px; width: 97px; cursor: pointer;
}
#illegal_companion_share_btn:hover
{
background-color: #000000; opacity: 0.20;
}
#illegal_companion_share_btn_highlight
{
position: absolute; left: 141px; top: 39px; height: 18px; width: 97px; cursor: pointer; background-image: url(/design/jobb-twin-confirm.jpg);
}
#illegal_companion_share_btn_highlight:hover
{
}
#ioa
{
position: absolute; left: 420px; top: 26px; width: 275px; height: 336px; margin-bottom: 0; padding: 5px; z-index: 7;
}
#ioi
{
position: absolute; left: 3px; top: 2px; width: 280px; height: 184px;
}
#ioo
{
position: absolute; top: 195px; left: 56px; width: 182px;
}
.ikb
{
position: absolute; left: 190px; top: 1px;
}
#switch_select
{
display: none; position: absolute; left: 156px; top: 307px; z-index: 15;
}
#switch_select table
{
background-color: #050505; border: 1px solid #222; width: 175px;
}
#illegal_planned_remaining_menu
{
font-size: 8.5pt; padding-left: 21px;
}
#illegal_display_cash
{
position: absolute; top: 404px; left: 424px;
}
#illegal_display_cash_popup
{
position: absolute; top: 404px; left: 525px; color: #f6ff94; display: none;
}
#illegal_display_xp
{
position: absolute; left: 287px; top: 404px;
}
#illegal_display_pxp
{
position: absolute; left: 287px; top: 404px;
}
#illegal_display_pch
{
position: absolute; top: 404px; left: 424px;
}
#illegal_peakthrough
{
position: absolute; left: 287px; top: 396px; display: none; color: #525252;
}
#illegal_peakthrough_mask
{
position: absolute; left: 265px; top: 393px; width: 15px; height: 16px; cursor: help;
}
#illegal_pxp_pulsjackpot
{
font-size: 30pt; position: absolute; left: 107px; top: 71px; width: 70px; text-align: center; color: #8f8b79;
}
.illegal_pxp_level_up
{
font-size: 10pt; position: absolute; left: 108px; top: 74px; width: 70px; text-align: center; color: #414141;
}
#illegal_display_pxp_timeout
{
position: absolute; left: 52px; top: 4px; width: 85px; color: #525252; cursor: help;
}
#illegal_display_pxp_timer
{
position: absolute; left: 125px; top: 400px; width: 115px; height: 24px; background-image: url(/design/jobb-timer2.jpg); display: none;
}
#illegal_bg
{
position: relative; left: 0; top: 1px; width: 782px; height: 424px; background-image: url(/design/jobb-stotenhet46.jpg); margin-bottom: 43px;
}
#illegal_main_img
{
position: absolute; left: 41px; top: 31px; width: 280px; height: 150px;
}
#illegal_main_img_hover
{
position: absolute; left: 0; top: -5px; width: 280px; height: 162px; cursor: pointer;
}
#illegal_specs
{
position: absolute; left: 40px; top: 225px; width: 290px; height: 100px; font-size: 8.5pt;
}
#illegal_specs_weapon_caption
{
position: absolute; font-weight: bold; color: #8f8b79;
}
#illegal_specs_weapon_value
{
position: absolute; left: 140px; top: 0px; width:200px;
}
#illegal_specs_chance_caption
{
position: absolute; top: 20px; font-weight: bold; color: #8f8b79;
}
#illegal_specs_chance_value
{
position: absolute; left: 140px; top: 20px;
}
#illegal_specs_chance_caption
{
position: absolute; top: 20px; font-weight: bold; color: #8f8b79;
}
#illegal_specs_chance_value
{
position: absolute; left: 140px; top: 20px;
}
#illegal_specs_delay_caption
{
position: absolute; top: 40px; font-weight: bold; color: #8f8b79;
}
#illegal_specs_delay_value
{
position: absolute; left: 140px; top: 40px;
}
#illegal_specs_planned_caption
{
position: absolute; top: 60px; font-weight: bold; color: #8f8b79;
}
#illegal_specs_planned_value
{
position: absolute; left: 140px; top: 60px;
}
#illegal_info_text
{
position: absolute; left: 40px; top: 202px; font-size: 8.5pt;
}
#illegal_shoot_button_contain
{
position: absolute; left: 40px; top: 308px; padding-bottom: 1px;
}
#illegal_shoot
{
position: absolute; left: 0; height: 23px;
}
#illegal_shutsu
{
position: absolute; width: 80px; height: 23px; background-image: url(/design/jobb-go4.jpg); font-size: 11px; color: #b7e6ff; outline: none; border: 0; cursor: pointer;
}
#illegal_shutsu_fe
{
position: absolute; left: -31px; width: 252px; height: 50px; background-image: url(/design/jobb-gosprite4.png); background-position: 0 0; display: none;
}
#illegal_shutsu_ff
{
position: absolute; left: 2px; top: 3px; width: 77px; height: 19px; background-image: url(/design/jobb-gospritebottom6.png); background-position: 0 0; display: none;
}
#illegal_shutsu_fg
{
position: absolute; left: -3px; top: 0; width: 83px; height: 23px; background-image: url(/design/jobb-gospritebottom5.png); background-position: 0 -19px; display: none;
}
#illegal_shutsu_switchu
{
position: absolute; left: 80px; top: 0; height: 23px; width: 29px; background-image: url(/design/jobb-dropdownbutton-repeat2.jpg); background-position: -0px 0; cursor: pointer;
}
#illegal_shoot_button_select
{
position: absolute; left: 85px; height: 23px;
}
#illegal_shoot_show_type
{
position: relative; top: 3px; left: 140px; padding-top: 2px; font-size: 8.5pt;
}
#illegal_xp_bar_contain
{
position: relative; top: 361px; left: -2px; width: 785px; height: 46px;
}
#illegal_xp_bar
{
position: absolute; top: 17px; left: 18px; width: 750px; height: 13px;
}
#illegal_pxp_bar
{
position: absolute; top: 394px; left: 16px; width: 0; height: 5px; background-image: url(/design/jobb-pulsprogressbar.jpg);
}
#illegal_pxp_stacks
{
position: absolute; left: 102px; top: 366px; width: 159px; height: 6px; overflow: hidden;
}
.illegal_pxp_stack
{
position: absolute; top: 0; width: 6px; height: 6px; background-image: url(/design/jobb-pulspunkt.jpg);
}
.illegal_impulse_ico
{
position: relative; display: inline-block; top: 3px; height: 14px; width: 14px; background-image: url(/design/impulsicon.png);
}
#show_img_outside
{
position: relative; left: 206px; top: 29px; width: 280px; height: 184px; background-repeat: no-repeat;
}
#onmouse_vapen
{
position:absolute; overflow:hidden;
left: 555px;
top: 93px;
z-index:999; width:200px;
border: 1px solid #666660;
background-color: rgb(5,5,5);
padding: 3px;
opacity:0.85;
visibility: hidden;
}
#onmouse_skydd
{
position:absolute; overflow:hidden;
left: 555px;
top: 111px;
z-index:999; width:200px;
border: 1px solid #666660;
background-color: rgb(5,5,5);
padding: 3px;
opacity: 0.85;
visibility: hidden;
}
#m1:hover ~ #live { visibility: hidden; }
#m1:hover ~ #live::before{ content: "Nyheter, information och guider"; visibility: visible; }
#m2:hover ~ #live { visibility: hidden; }
#m2:hover ~ #live::before{ content: "Ägodelar och inställningar"; visibility: visible; }
#m3:hover ~ #live { visibility: hidden; }
#m3:hover ~ #live::before{ content: "Skicka och ta emot meddelanden"; visibility: visible; }
#m4:hover ~ #live { visibility: hidden; }
#m4:hover ~ #live::before{ content: "Tjäna pengar och xp"; visibility: visible; }
#m5:hover ~ #live { visibility: hidden; }
#m5:hover ~ #live::before{ content: "Handla saker eller utför ärenden"; visibility: visible; }
#m6:hover ~ #live { visibility: hidden; }
#m6:hover ~ #live::before{ content: "Joina eller skapa ett gäng"; visibility: visible; }
#m7:hover ~ #live { visibility: hidden; }
#m7:hover ~ #live::before{ content: "Forumet är en livlig plats full av glädje"; visibility: visible; }
#m8:hover ~ #live { visibility: hidden; }
#m8:hover ~ #live::before{ content: "Logga in/Logga ut"; visibility: visible; }
#k1:hover ~ #live { visibility: hidden; }
#k1:hover ~ #live::before{ content: "Användare online"; visibility: visible; }
#k3:hover ~ #live { visibility: hidden; }
#k3:hover ~ #live::before{ content: "Göm dig i huset"; visibility: visible; }
#i1:hover ~ #live { visibility: hidden; }
#i1:hover ~ #live::before{ content: "Hälsa: Klicka för återställning"; visibility: visible; }
#i2:hover ~ #live { visibility: hidden; }
#i2:hover ~ #live::before{ content: "Energi: Klicka för att fylla på"; visibility: visible; }
#i3:hover ~ #live { visibility: hidden; }
#i3:hover ~ #live::before{ content: "Level: Klicka för att ändra statspoäng"; visibility: visible; }
#i4:hover ~ #live { visibility: hidden; }
#i4:hover ~ #live::before{ content: "Cash: Klicka för att sätta in"; visibility: visible; }
#m1:not(:hover).#m2:not(:hover).#m3:not(:hover).#m4:not(:hover).#m5:not(:hover).#m6:not(:hover).#m7:not(:hover).#m8:not(:hover).#m9:not(:hover).#k1:not(:hover).#k3:not(:hover).#i1:not(:hover).#i2:not(:hover).#i3:not(:hover).#i4:not(:hover) ~ #live::before { content: ""; }
#m1:not(:hover).#m2:not(:hover).#m3:not(:hover).#m4:not(:hover).#m5:not(:hover).#m6:not(:hover).#m7:not(:hover).#m8:not(:hover).#m9:not(:hover).#k1:not(:hover).#k3:not(:hover).#i1:not(:hover).#i2:not(:hover).#i3:not(:hover).#i4:not(:hover) ~ #live { visibility: visible; }
#k1
{
position: absolute;
left: 722px; top: 13px; width: 95px; height: 23px;
cursor: pointer;
}
#k1:hover
{
background-image: url(/design/mi/online4.png);
}
#icon_warn
{
position: absolute; left: 740px; top: 37px;
width: 39px; height: 22px; z-index: 15;
background-image: url(/design/redlight2.jpg);
display: none;
}
#icon_warn:hover
{
cursor: help;
}
#k3
{
position: absolute;
left: 640px; top: 13px; width: 95px; height: 23px;
background-repeat: no-repeat; cursor: pointer;
}
#k3:hover
{
background-image: url(/design/mi/hus3.png);
}
#element
{
display:none;
}
#live
{
font-size: 10px;
font-weight: bold;
position: absolute;
left: 420px; top: 41px;
width: 335px;
height: 12px;
color: #aaaaaa;
overflow: hidden;
}
#live2
{
font-size: 10px;
font-weight: bold;
position: absolute;
left: 420px;
top: 18px;
width: 210px;
height: 12px;
color: #aaaaaa;
overflow: hidden;
}
#pm_notification
{
position: absolute; left: 543px; top: 66px; width: 25px; height: 24px; z-index: 26; background-image: url(/design/msgpulseicon2.gif);
}
#pm_notification:hover
{
cursor: pointer;
}
.menu_overdrag
{
position: absolute; left: 287px; top: 100px; width: 147px; height: 28px;
background-image: url(/design/overdrag4.jpg); z-index: 15;
}
#menu_overdrag:hover
{
cursor: pointer;
}
#m1
{
position: absolute;
left: 8px; top: 70px;
width: 83px; height: 64px;
cursor: pointer;
}
#m1:hover
{
margin-top: 0;
background-image: url(/design/mi/nyheter3.jpg);
}
#m2
{
position: absolute;
left: 93px; top: 70px; width: 77px; height: 64px;
cursor: pointer;
}
#m2:hover
{
margin-top: 0;
background-image: url(/design/mi/stats3.jpg);
}
#m3
{
position: absolute;
left: 172px; top: 70px; width: 128px; height: 64px;
cursor: pointer;
z-index: 6;
}
#m3:hover
{
margin-top: 0;
background-image: url(/design/mi/meddelanden3.jpg);
}
#m4
{
position: absolute;
left: 303px; top: 70px; width: 77px; height: 64px;
cursor: pointer;
z-index: 8;
}
#m4:hover
{
margin-top: 0;
background-image: url(/design/mi/jobb3.jpg);
}
#m5
{
position: absolute;
left: 382px; top: 70px; width: 77px; height: 64px;
cursor: pointer;
z-index: 9;
}
#m5:hover
{
margin-top: 0;
background-image: url(/design/mi/stan3.jpg);
}
#m6
{
position: absolute;
left: 461px; top: 70px; width: 77px; height: 64px;
cursor: pointer;
z-index: 6;
}
#m6:hover
{
margin-top: 0;
background-image: url(/design/mi/gang3.jpg);
}
#m7
{
position: absolute;
left: 540px; top: 70px; width: 77px; height: 64px;
cursor: pointer;
z-index: 6;
}
#m7:hover
{
margin-top: 0;
background-image: url(/design/mi/forum3.jpg);
}
#m8
{
position: absolute;
left: 804px; top: 13px; width: 95px; height: 23px;
cursor: pointer;
z-index: 6;
}
#m8:hover
{
margin-top: 0;
background-image: url(/design/mi/logga_ut3.png);
}
#m8o
{
position:absolute; left: 824px; top: 17px; background-image: url(/design/offline_login.png); width:52px; height:17px;
}
#iao
{
position: absolute; top: -34px; left: 548px; width: 300px; font-size: 9px; color: #080807;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#menu_pm_value
{
position: absolute;
left: 290px;
top: 95px;
width: 75px;
height: 32px;
cursor: pointer;
z-index: 6;
font-size: 8.5pt;
}
.pm_fe
{
position: absolute; top: 0; left: 0; height: 35px; width: 35px; background-image: url(/design/iconoverlay20.png); display: none;
}
.pm_empty_inbox
{
position: relative; height: 34px; top: 5px;
}
#pm_respond_area
{
position: relative; margin-top: 5px;
}
#pm_main_toolbar
{
position: absolute; top: 4px; left: 101px; display: none;
}
#pm_main_repeat
{
position: relative; left: -58px; top: 6px; width:897px; background-image: url(/design/msg-repeat5.jpg);
}
#pm_main_top
{
position: relative; top: -72px; left: -15px; width: 735px; height: 77px; background-repeat: no-repeat; background-image: url(/design/msg-top28.jpg);
}
#pm_menu_inbox
{
position: absolute; top: 7px; left: 110px; width: 35px; height: 35px;
}
#pm_menu_inbox:hover
{
cursor: pointer; background-image: url(/design/husiconwhite5.png);
}
#pm_menu_groupmessages
{
position: absolute; top: 7px; left: 180px; width: 35px; height: 35px;
}
#pm_menu_groupmessages:hover
{
cursor: pointer; background-image: url(/design/husiconwhite5.png);
}
#pm_menu_new
{
position: absolute; top: 7px; left: 250px; width: 35px; height: 35px;
}
#pm_menu_new:hover
{
cursor: pointer; background-image: url(/design/husiconwhite5.png);
}
#pm_menu_misc
{
position: absolute; top: 7px; left: 180px; width: 35px; height: 35px;
}
#pm_menu_misc:hover
{
cursor: pointer; background-image: url(/design/husiconwhite5.png);
}
.pm_header_bg
{
position: relative; left: -0px; top: 28px; margin-bottom: 37px; width: 839px; height: 17px; background-image: url(/design/msg-rubrik7.png);
}
.pm_header
{
position: absolute; top: -14px; left: 1px; width: 640px;
}
.pm_header_ext
{
position: absolute; top: -3px; left: 146px; width: 170px; height: 20px; background-image: url(/design/msg-rubrikextension3.png);
}
.pm_send_to_input
{
position: absolute; left: 6px; top: 2px; width: 157px; font-size: 8.5pt; background: transparent; border: none; color: #888888;
}
.pm_block_usr
{
position: absolute; left: 6px; top: 2px; width: 157px; font-size: 8.5pt; background: transparent; border: none; color: #888888;
}
.pm_txt_input
{
position: relative; top: 61px; left: 113px; width: 510px; height: 106px; outline: none; border: 1px solid #616161; background-color: #050505; color: #888888; padding: 2px; padding-left: 3px; font-size: 8.5pt; z-index: 167;
}
.pm_respond_input
{
position: relative; top: 61px; left: 113px; width: 510px; height: 106px; outline: none; border: 1px solid #616161; background-color: #050505; color: #888888; padding: 2px; padding-left: 3px; font-size: 8.5pt; z-index: 167;
}
#pm_respond_bg
{
position: absolute; left: 635px; top: 6px; width: 198px; height: 85px; background-image: url(/design/msg-skicka4.png);
}
#pm_respond_h
{
position: absolute; left: 646px; top: 16px; width: 176px; height: 63px; background-color: #000000; opacity: 0; cursor: pointer; z-index: 128;
}
#pm_respond_h:hover
{
opacity: 0.2;
}
#pm_submit_bg
{
position: absolute; left: 635px; top: 6px; width: 198px; height: 85px; background-image: url(/design/msg-skicka4.png);
}
#pm_submit_h
{
position: absolute; left: 646px; top: 16px; width: 176px; height: 63px; background-color: #000000; opacity: 0; cursor: pointer; z-index: 128;
}
#pm_submit_h:hover
{
opacity: 0.2;
}
.pm_respond_increase
{
position: absolute; left: 0; top: 2px; width: 14px; height: 14px; background-color: #000000; opacity: 0;
}
.pm_respond_decrease
{
position: absolute; left: 99px; top: 2px; width: 14px; height: 14px; background-color: #000000; opacity: 0;
}
.pm_respond_increase:hover
{
opacity: 1; cursor: pointer; background-image: url(/design/msg-plushover2.jpg);
}
.pm_respond_decrease:hover
{
opacity: 1; cursor: pointer; background-image: url(/design/msg-minushover2.jpg);
}
/* pm update */
#pm_categories
{
position: relative; left: -6px;
}
#pm_responses
{
position: relative; padding-bottom: 5px;
top: 0; left: -0px; max-height: 300px; width: 851px; overflow: hidden; overflow-y: scroll; scrollbar-color: #000000 #151515;
}
#pm_responses::-webkit-scrollbar {
width: 12px;
}
#pm_responses::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(55,55,55);
border-radius: 10px;
}
#pm_responses::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(55,55,55);
}
.pe
{
position: relative;
}
.pt
{
position: relative; left: 108px; margin-top:11px; width: 727px; height: 4px; background-image: url(/design/msg-in-topnamn11.jpg);
}
.pr
{
position: relative; left: 108px; min-height: 45px; width: 727px; background-image: url(/design/msg-in-repeat3.jpg);
}
.pu
{
position: relative; padding-top: 4px; left: 10px;
}
.pd
{
display:inline; padding-left: 3px; font-size: 10px; color: #515151;
}
.pc
{
position: relative; left: 10px; width: 710px; padding-top: 5px; padding-bottom: 6px;
}
.pi
{
position: absolute; top: -4px; margin-left: 25px; margin-top: 5px;
height: 50px; width: 50px;
background-size: contain;
background-repeat: no-repeat;
}
.pi1
{
position: absolute; top: -5px; margin-top: 5px; height: 100px; width: 100px;
background-size: contain;
background-repeat: no-repeat;
}
.pm_my_username
{
position: absolute; top: 57px; left: 5px; z-index: 16;
}
#pm_main_content
{
position: relative; width: 700px;
}
#pm_main_footer
{
position: relative; padding-bottom: 55px; left: -58px; top: -20px; width: 897px; height: 85px; background-repeat: no-repeat; background-image: url(/design/msg-footer14.jpg); margin-bottom: -96px;
}
#pm_main_inbox
{
position: relative; top: -17px; left: 34px; margin-top: -49px; display: none; min-height: 186px;
}
#pm_main_new
{
position: relative; top: -17px; left: 34px; margin-top: -49px; display: none;
}
#pm_main_misc
{
position: relative; top: -17px; left: 34px; margin-top: -49px; display: none;
}
#pm_main_misc_content
{
position: relative; min-height: 132px;
}
#pm_main_read
{
position: relative; top: -17px; left: 34px; margin-top: -49px; display: none;
}
.pm_bg
{
position: relative; top: 0; left: 0; width: 839px; height: 33px; background-image: url(/design/msg-inkorg20.png); background-repeat: no-repeat; margin-bottom: 10px;
}
.pm_anv
{
position: absolute; top: 9px; left: 40px; z-index: 2;
}
.pm_response_anv
{
position: absolute; top: 3px; left: 6px;
}
.pm_txt
{
position: absolute; top: 9px; left: 199px; width: 620px; height: 15px; font-size: 10px; overflow: hidden; white-space: nowrap;
}
.pm_unread
{
position: absolute; width: 29px; height: 29px; top: 2px; left: 2px; background-image: url(/design/msg-inkorg-closed7.jpg);
}
.pm_unread:hover
{
}
.pm_txt_h
{
position: absolute; top: 0; left: 191px; width: 648px; height: 33px; background-color: #000000; opacity: 0; z-index: 17;
}
.pm_txt_h:hover
{
cursor: pointer; opacity: 0.2;
}
.pm_depleted
{
position: absolute; left: 590px; top: 6px; height: 29px; width: 34px; background-color: #121212; z-index: 16;
}
.pm_chx
{
position: absolute; width: 29px; height: 29px; left: 2px; top: 2px; text-align: center; color: #aaaaaa; font-size: 20px; z-index: 17; cursor: pointer;
}
.pm_chxm
{
position: absolute; width: 29px; height: 29px; left: 1px; top: 2px; text-align: center; color: #aaaaaa; font-size: 20px; z-index: 17; cursor: pointer;
}
.pm_inner_repeat
{
position: relative; left: 109px; top: 18px; width: 526px; background-image: url(/design/msg-in-repeat.jpg); z-index: 15;
}
.pm_inner_img,.pm_inner_img_respond
{
position: absolute; left: 3px; top: 3px; width: 100px; height: 100px;
}
.pm_show_pages
{
position: absolute; right: 71px; top: 15px; z-index: 16; font-size: 10px; max-width: 370px;
}
.pm_read_options
{
position: absolute; right: 73px; top: -3px; z-index: 16; font-size: 10px;
}
.pm_cpn
{
position: absolute; right: -43px; width: 150px; font-size: 9px; color: #808080;
}
.pm_me
{
background-color: #000000; opacity: 0;
}
.pm_me:hover
{
opacity: 0.2;
}
.pm_message
{
position: relative; top: 3px; z-index: 19; padding-bottom: 0; font-size: 8.5pt; overflow: hidden;
}
.pm_inner_img_bg,.pm_inner_img_bg_respond,.pm_inner_img_bg_new
{
position: absolute; top: 3px; left: -108px; width: 106px; height: 106px; background-image: url(/design/msg-in-pic2.jpg);
}
.pm_inner_top
{
position: relative; left: -109px; top: -18px; width: 635px; height: 19px; background-image: url(/design/msg-in-topnamn7.jpg);
}
.pm_inner_footer
{
position: relative; left: 109px; top: 0; width: 526px; margin-bottom: 6px; height: 19px; background-image: url(/design/msg-in-footer4.jpg); background-repeat: no-repeat; z-index: 16;
}
.pm_inner_content
{
position: relative; left: 7px; top: -30px; width: 505px; font-size: 10px;
}
.pm_inner_anv
{
position: absolute; left: -104px; top: -15px; z-index: 15;
}
.pm_participant_bg
{
position: absolute; left: 34px; top: 25px; width: 155px; height: 40px; border-right: 1px solid #1d1d1d; z-index: 1; background-color: #181818;
}
.pm_participant_anv
{
position: absolute; left: 7px; top: 3px;
}
/* stan/fruits */
#fr_top
{
position: absolute; top: -43px; left: -58px; width: 897px; height: 132px; background-image: url(/design/stan-energi-top.jpg);
}
#fruity_loop
{
position:absolute; left: 417px; top: 15px; width: 65px; height: 65px; background-position: 0 0; background-image: url(/design/stan-energy-animation3.png); display: none;
}
#fruit_stores
{
position: relative; left: -46px; top: 60px; width: 825px; margin-bottom: 60px;
}
#fr_cfg_tbl
{
width: 680px; height: 300px; color: #aaaaaa; border: 1px solid black; background-color: #191919;
}
#fr_unl_tbl
{
position: relative; top: 5px; width: 680px; padding-bottom: 41px; margin-bottom: 5px; border: 1px solid black; background-color: #191919;
}
.fr_cfg_cpn
{
position: absolute; left: 15px; top: 40px;
}
#fr_cfg_price
{
position: absolute; left: 18px; top: 68px; width: 100px;
}
#fr_cfg_price_input
{
position: absolute; left: 45px; top: 65px; width: 55px; padding-left: 3px;
}
#fr_cfg_warn_cpn
{
position: absolute; left: 114px; top: 68px; width: 130px;
}
#fr_cfg_warn_input
{
position: absolute; left: 235px; top: 65px; width: 55px; padding-left: 3px;
}
#fr_cfg_fruit_cpn
{
position: absolute; left: 300px; top: 68px; width: 130px;
}
#fr_cfg_qty_cpn
{
position: absolute; left: 20px; top: 98px;
}
.fr_cfg_qty_opt
{
position: absolute; left: 20px; top: 120px;
}
#fr_cfg_save_btn
{
position: absolute; left: 20px; top: 150px; padding: 4px; background-color: #818181; border: 1px solid #121212;
}
#fr_cfg_refill_cpn
{
position: absolute; left: 20px; top: 248px;
}
#fr_cfg_resupply_txt
{
position: absolute; left: 108px; top: 244px; width: 55px; padding-left: 3px;
}
#fr_cfg_resupply_btn
{
position: absolute; left: 178px; top: 241px; padding: 4px; background-color: #818181; border: 1px solid #121212;
}
#fr_cfg_stock_lbl
{
position: absolute; left: 20px; top: 190px;
}
#fr_cfg_cash_lbl
{
position: absolute; left: 20px; top: 280px;
}
#fr_cfg_info_txt
{
position: absolute; width: 300px; height: 230px; left: 370px; top: 44px;
}
#fr_cfg_subscriber_tbl
{
position: relative; top: 5px; width: 200px;padding-bottom: 41px;color: #aaaaaa; border: 1px solid black; background-color: #191919;
}
#fr_cfg_subscriber_cpn
{
position: absolute; left: 15px; top: 11px;
}
#fr_cfg_subsribers
{
position: relative; top: 30px; left: 15px;
}
.fri /* fruit unlock item */
{
position: relative;margin-bottom: 8px;
}
.frt /* fruit unlock item tick (checkmark) */
{
position: absolute; width:15px; height: 15px; border:1px solid #000000; text-align: center; color:green;
}
.frd /* fruit unlock item desc */
{
position: relative; top: 1px; left: 22px;
}
.frb
{
position: absolute; left: 405px; top: 0; width: 25px; height: 109px; background-image: url(/design/stan-energy-blad2.png); z-index: 4;
}
.frbfc
{
position: absolute; left: 13px; top: 30px;
}
.frbf
{
position: absolute; left: 5px; top: 5px; height: 102px; width: 102px; background-color: #000000; opacity: 0.8; text-align: center; font-size: 15px; display: none; cursor: pointer;
}
.frblo
{
position: absolute; left: 191px; top: 28px; text-align: center; width: 130px;
}
.frs
{
position: relative; top: 2px; margin-left: 20px; display: inline-block; width: 405px; height: 112px; cursor: help;
background-position: 0 0; background-image: url(/design/stan-energy-sprite.png);
}
.fr1
{
position: absolute; left: 6px; top: 6px; height: 100px; width: 100px;
background-size: contain;
}
.fr2
{
position: absolute; left: 112px; top: 8px;
}
.fr3
{
position: absolute; left: 178px; top: 8px;
}
.fr4
{
position: absolute; left: 112px; top: 28px;
}
.fr5
{
position: absolute; left: 178px; top: 28px;
}
.fr6
{
position: absolute; left: 112px; top: 48px;
}
.fr7
{
position: absolute; left: 178px; top: 48px;
}
.fr8
{
position: absolute; left: 112px; top: 68px;
}
.fr9
{
position: absolute; left: 178px; top: 68px;
}
.fr10
{
position: absolute; left: 112px; top: 88px;
}
.fr11
{
position: absolute; left: 178px; top: 88px;
}
.fr12
{
position: absolute; left: 5px; top: 5px; height: 102px; width: 102px; background-color: #000000; opacity: 0.8; text-align: center; font-size: 13px; display: none; cursor: pointer;
}
.fr13
{
position: absolute; left: 10px; top: 42px;
}
.fr14
{
position: absolute; left: 5px; top: 5px; height: 102px; width: 102px; background-color: #000000; opacity: 0.8; text-align: center; font-size: 20px; display: none; cursor: pointer;
}
.fr15
{
position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; white-space: nowrap;
}
.fruit_store_row
{
position: relative; left: 1px; top: 5px; width: 860px; height: 130px;
}
/* misc/online */
.online_list_participant
{
position: relative; height: 20px;
}
#c1
{
position: absolute;
left: 83px;
top: 135px;
background-image: url(/design/undermenu3.png);
width: 437px;
height: 22px;
display: none; z-index: 201;
}
#c2
{
position:absolute; left: 23px; top: 21px; width: 142px; height: 30px; cursor: pointer;
}
#iv4_c
{
position: absolute; left: 82px; top: 136px; width: 775px; height: 282px; white-space: pre;
background-image: url(/design/console3.png); z-index: 14; display: none; font-family: monospace;
}
#iv4_console_window
{
position: absolute; left: 14px; top: 44px; width: 748px; height: 210px; font-size: 10px;
overflow: auto; overflow-x: hidden;
}
#iv4_console_caption
{
position: absolute; left: 523px; top: 20px; width: 248px; font-size: 10px;
}
.iv4_console_input
{
position: absolute; left: 12px; top: 256px; width: 715px;
font-size: 10px; border: none; color: #aaaaaa;
background: transparent; padding-left: 0; padding-right: 2px; padding-top: 1px;
padding-bottom: 1px; height: 14px;
z-index: 16;
}
.iv4_console_entry
{
position: relative; margin-bottom: 5px; font-size: 10px; color: #aaaaaa;
}
#i1
{
position: absolute;
left: 625px; top: 63px; width: 143px; height: 51px;
background-color: #000000;
opacity: 0; z-index: 1;
cursor: pointer;
}
#i1:hover
{
opacity: 0.2;
}
#v1
{
position: absolute;
left: 665px;
top: 81px;
height: 50px;
}
#i2
{
position: absolute;
left: 770px; top: 63px; width: 117px; height: 51px;
opacity: 0; z-index: 1;
background-color: #000000;
cursor: pointer;
}
#i2:hover
{
opacity: 0.2;
}
#v3
{
position: absolute;
left: 807px;
top: 81px;
height: 50px;
}
#i3
{
position: absolute;
left: 770px; top: 116px; width: 117px; height: 22px;
opacity: 0; z-index: 1;
background-color: #000000;
cursor: pointer;
}
#i3:hover
{
opacity:0.2;
}
#v2
{
position: absolute; left: 807px; top: 120px; height: 50px;
}
.v2xp
{
display:inline-block; padding-left: 2px;font-size: 8px; color: #818181;
}
#pxp
{
position: absolute; left: 632px; top: 105px; width: 90px; height: 10px;
}
#i4
{
position: absolute;
left: 625px; top: 116px; width: 143px; height: 22px;
background-color: #000000;
opacity: 0; z-index: 1;
cursor: pointer;
}
#i4:hover
{
opacity: 0.2;
}
#v4
{
position: absolute;
left: 665px; top: 120px;
height: 50px;
}
.imp
{
position: absolute; width: 38px; height: 14px;
background-image: url(/design/impuls-container.png);
/* use fontcolor #8b8e92 */
}
.impv
{
position: absolute; width: 18px; text-align: center;
color: #8c8f92; font-size: 9px;
}
#pm_list
{
position: relative; width: 700px; padding: 0;
}
.pm
{
position: relative; left: 20px; top: -3px; margin-bottom: 7px; height: 30px;
}
.pm_ico
{
position: absolute; left: 7px; top: 5px; width: 19px; height: 16px; border: 1px solid #af2e34; opacity: 0.4; cursor: pointer; background-color: #000000;
}
.pm_from
{
position: absolute; left: 35px; top: 8px;
}
.pm_msg
{
position: absolute; left: 125px; top: 8px;
}
#tilb
{
color: #CA660B; position: absolute; top: -1px; left: -23px; width: 11px; font-size: 8.5pt;
}
#tcat
{
position: absolute; border: none; width: 150px; left: -1px; top: 0; z-index: 115;
}
#tibtn
{
position: relative; margin-left: 150px; top: -1px; z-index: 115; width: 30px; margin-bottom: 10px; font-size: 8.5pt;
}
#tilb:hover
{
cursor: pointer; color: #515151;
}
#tibb,#tibb2,#tibb3
{
position: relative; margin-right: 5px; margin-bottom: 11px; top: 2px; color: #CA660B;
}
#tibb:hover,#tibb2:hover,#tibb3:hover
{
cursor: pointer; color: #515151; z-index: 115;
}
.tib
{
padding: 0; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; border: 1px solid #232323; width: 40px; display: inline;
}
.nyheter_a:link, .nyheter_a:visited {font-size:9.5pt; text-decoration: none; color: #5c0e0e; font-weight: bold;}
.nyheter_a:hover {color: #420909 !important;}
.news_admin_opt
{
position:relative; padding: 5px; width: 90px; background-color:#141414; user-select: none; outline: 1px solid #090909;color:rgb(202, 102, 11); font-weight: bold;
}
.news_admin_opt:hover
{
background-color: #260725; color:#aaaaaa;
}
#nyheter_parch_repeat a
{
font-size:9.5pt; text-decoration: none; color: #5c0e0e; font-weight: bold;
}
#nyheter_parch_repeat b
{
color: #000000 !important;
}
table { font-size: 8.5pt;}
pre {}
.rubrik {font-size: 12px; font-weight: bold;}
.mfb /* mobile friendly button */
{
position: relative; top: -2px; left: 0; width: 110px; height: 21px; border: 2px solid #272727; background-color: #070707; text-align: center; padding-top: 7px; cursor: pointer; user-select: none;
}
.mfb:hover
{
border-color: #303030; background-color: #050505;
}
.impulse_table
{
border: 1px solid #616161; background-color: rgb(7,7,7); padding: 3px; background: url(/design/darker.png);
}
.admin_table
{
background-color: #080808; padding: 10px; border: 1px solid #121212;
}
.admin_editpos_cbx
{
position: absolute; left: 0; width: 20px; height: 20px; border: 1px solid #313131; color: #aaaaaa; font-size: 10px; text-align: center;
}
.impulse_div
{
border: 1px solid black; background-color: #191919; padding: 8px;
}
.quote_table {border: 1px dashed #818181; background-color: #181818; padding: 3px;}
.skicka_knapp {background-color: #808080; border: #515151; border-style: solid; border-width: 1px; color: #000000;}
.skicka_knapp:hover
{
background-color: #757575;
}
.pm_link{text-decoration: none; font-weight: normal;}
#config_generate_levlingskod,.config_resetbutton,#config_toggle_autoplock, #config_color_reset
{
width: 75px;
}
.config_input_text
{
font-size: 9pt; border: 1px solid #515151; color: #CCCCCC; background: #000000; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; height: 14px; opacity: 0.6; z-index: 16;
}
.input_text
{
font-size: 9pt; border: 1px solid #515151; color: #CCCCCC;
background: #000000; padding-left: 2px; padding-right: 2px; padding-top: 2px;
padding-bottom: 2px; height: 14px;
opacity: 0.6; z-index: 16;
}
.input_textarea
{
font-size: 9pt; border: 1px solid #515151; color: rgb(240,240,240); background: #000000; padding-left: 4px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; background-repeat: no-repeat; margin-top: 5px; width:99%;
opacity: 0.6;
}
hr
{
background-color: #CCCCCC;
border: 0;
height: 1px;
width: 550px;
}
.pm_inbox_table
{
padding-top: 5px; padding-bottom: 5px;
padding-left: 5px; padding-right: 5px;
}
.pm_group_rm_bg
{
position: absolute; left: 109px; top: 22px; height: 17px; width: 24px;
}
.vbild_anv
{
position: relative;
top: 12px;
left: 0;
}
#p_table
{
position: relative; width: 780px; height: 420px; background-image: url(/design/stats-statspoang18.png);
}
#p_level
{
position: absolute; left: 218px; top: 54px; width: 60px; font-weight: bold; font-size: 12px; text-align: center; color: #c0a66e; cursor: help;
}
#p_points
{
position: absolute; left: 408px; top: 57px; width: 60px; font-weight: bold; font-size: 12px; color: #c0a66e; cursor: help;
}
#p_points_toggle
{
position: absolute; left: 456px; top: 53px; width: 52px; background-color: orange; height: 20px; cursor: pointer; background-image: url(/design/stats-statspoang-points.png);
}
#p_points_toggle:hover
{
opacity: 0.85;
}
#p_hp_val
{
position: absolute; left: 500px; top: 66px; font-size: 12px; user-select: none;
}
#p_agg_val
{
position: absolute; left: 500px; top: 141px; font-size: 12px; user-select: none;
}
#p_def_val
{
position: absolute; left: 500px; top: 216px; font-size: 12px; user-select: none;
}
#p_dex_val
{
position: absolute; left: 500px; top: 291px; font-size: 12px; user-select: none;
}
#p_hp_btn
{
position: absolute; left: 577px; top: 42px; width: 66px; height: 65px; cursor: pointer;
}
#p_hp_btn:hover
{
background-color: #000000; opacity: 0.4;
}
#p_agg_btn
{
position: absolute; left: 577px; top: 116px; width: 66px; height: 65px; cursor: pointer;
}
#p_agg_btn:hover
{
background-color: #000000; opacity: 0.4;
}
#p_def_btn
{
position: absolute; left: 577px; top: 191px; width: 66px; height: 65px; cursor: pointer;
}
#p_def_btn:hover
{
background-color: #000000; opacity: 0.4;
}
#p_dex_btn
{
position: absolute; left: 577px; top: 266px; width: 66px; height: 65px; cursor: pointer;
}
#p_dex_btn:hover
{
background-color: #000000; opacity: 0.4;
}
.p_prog
{
position: absolute; left: 195px; width: 0; height: 12px; background-image: url(/design/statspoang-progressbar2.jpg);
}
.p_prog2
{
position: absolute; left: 195px; width:290px; height: 30px; background-image: url(/design/statspoang-progressbar-spritemap.jpg);
}
#p_save_reset_tbl
{
position: absolute; left: 568px; top: 332px; width: 160px; height: 105px; background-image: url(/design/statspoang-add4.jpg); display: none;
}
#p_save
{
position: absolute; left: 9px; top: 9px; width: 66px; height: 66px; cursor: pointer;
}
#p_save:hover
{
background-color: #000000; opacity: 0.4;
}
#p_reset
{
position: absolute; left: 85px; top: 9px; width: 66px; height: 66px; cursor: pointer;
}
#p_reset:hover
{
background-color: #000000; opacity: 0.3;
}
.p_mtr_pts
{
position: absolute; width: 21px; height: 21px;
}
.p_mtr_pts_hvr
{
position: absolute; top: 0; width: 21px; height: 21px; cursor: pointer; border-radius: 10px;
}
.p_mtr_pts_hvr:hover
{
background-image: url(/design/statspoang-node-hover.png);
}
#p_info
{
position: absolute; left: 540px; top: 89px; width: 200px;
}
#p_notice
{
position: absolute; left: 540px; top: 89px; width: 200px; display: none;
}
#p_reset_points
{
position: absolute; left: 803px; top: 332px; width: 66px; height: 66px; cursor: pointer; background-color: #000000; opacity: 0;
}
#p_reset_points:hover
{
opacity: 0.3;
}
.p_si
{
position: absolute; top: 353px; width: 66px; height: 66px; cursor: pointer; background-color: #000000; opacity: 0;
}
.p_si:hover
{
opacity: 0.3;
}
.p_sih
{
position: absolute; top: 352px; width: 68px; height: 68px;
}
.input_text_login2
{
font-size: 7.5pt;
border-width: 0;
color: #CCCCCC;
background: #000000;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 0;
background-repeat: no-repeat;
width: 95px;
height: 14px;
}
.unique_hdr
{
position: absolute; left: 15px; top: 8px; font-size: 10px; font-weight: bold;
}
.unique_upload_file_dsc
{
position: absolute; left: 374px; top: 10px;
}
.unique_upload_file_lbl
{
position: absolute; left: 340px; top: 29px; width: 140px; height: 14px; text-align: center; padding: 8px; padding-left: 10px; cursor: pointer;
}
.unique_upload_file_txt
{
position: absolute; left: 340px; top: 29px; width: 140px; height: 14px; text-align: center; padding: 8px; padding-left: 10px; cursor: pointer;
}
.unique_upload_file_lbl:hover
{
background-color: #000000; opacity: 0.1;
}
.unique_buy_opt_01
{
position: absolute; left: 14px; top: 30px; width: 201px; height: 59px; cursor: pointer;
}
.unique_buy_opt_01:hover
{
background-color: #000000; opacity: 0.1;
}
.unique_buy_opt_02
{
position: absolute; left: 14px; top: 97px; width: 201px; height: 59px; cursor: pointer;
}
.unique_buy_opt_02:hover
{
background-color: #000000; opacity: 0.1;
}
.unique_opt_l
{
position: absolute; left: 20px; width: 201px;
}
#unique_name_input
{
position: absolute; left: 555px; top: 22px; width: 287px; height: 157px; border: 0; padding: 5px;
}
#unique_preview
{
position: absolute; left: 697px; top: 202px; width: 158px; height: 30px; cursor: pointer;
}
#unique_preview:hover
{
background-color: #000000; opacity: 0.1;
}
/* korv-shop START */
#commandor_logo
{
position:relative; margin-bottom: 5px; background-image: url(/design/commandor01.gif); width:400px; height: 100px; border:2px solid #000000;
}
.stats_commandor
{
position: absolute; left: 20px; top: -49px; width: 107px; height: 72px; background-image: url(/design/blodsugarkommandoran.png); cursor: pointer; z-index: 5000;
}
.commandorrow
{
position:relative; height: 26px; margin-bottom: 5px;
}
.commandor0
{
position:absolute; height:14px; padding: 5px; border:1px solid #000000; width:270px; user-select:none; background: linear-gradient(270deg, #0f0304, #24060a); cursor: pointer;
}
.commandor0:hover,.commandor1:hover
{
filter: brightness(0.8);
}
.commandor1
{
position:absolute; right:10px; height:14px; padding: 5px; border:1px solid #000000; width:75px; user-select:none; background: linear-gradient(270deg, #0f0304, #24060a); cursor: help;
}
.commandor_table
{
position:relative; background-color: rgba(21,22,25,1); border: 2px solid #000000; margin-bottom: 5px; width:400px; background: linear-gradient(360deg, #1a0508, #3a0a10); box-shadow: 0 0 50px #000 inset, 0 0 20px #000;
}
#commandor_items
{
position:relative; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;
}
#commandor_nfo
{
position:relative; min-height: 88px; margin:10px; padding: 5px; border: 1px solid #000000; background: linear-gradient(270deg, #0f0304, #24060a);
}
#commandor_back
{
position:relative;
margin:10px;
padding: 5px;
border: 1px solid #000000;
background: linear-gradient(270deg, #0f0304, #24060a);
cursor:pointer;
}
#commandor_back:hover
{
filter: brightness(0.9);
}
/* COMMANDOR END */
/* Tesla-butiken START */
#dtt /* Show tesla timer everywhere */
{
position:absolute; left:172px; top:-174px; width:150px;height:15px; padding:0px;
background: linear-gradient(360deg, #22467a, #3572c4);
box-shadow: 0 0 50px #000 inset, 0 0 20px #000;
border:1px solid #000000;
user-select:none; cursor: pointer;
border-radius: 0px 0px 10px 10px;
}
#dtt:hover
{
background: linear-gradient(360deg, #1c3b66, #2c5fa3);
}
#dtb /* Show barrier timer everywhere */
{
position:absolute; left:172px; top:-174px; width:150px;height:15px; padding:0px;
background: linear-gradient(360deg, #31465f, #587e88);
box-shadow: 0 0 50px #000 inset, 0 0 20px #000;
border:1px solid #000000;
user-select:none; cursor: pointer;
border-radius: 0px 0px 10px 10px;
}
#dtb:hover
{
background: linear-gradient(360deg, #2c3f56, #4f717a);
}
.dt1 /* Align values in timers */
{
position:absolute; right:81px; text-align:right; width:50px;
}
.dt2 /* Align values in timers */
{
position:absolute; left:75px; width:50px;
}
#tesla_logo
{
position:relative; margin-bottom: 5px; background-image: url(/design/tesla-butiken2.jpg); width:400px; height: 100px; border:2px solid #000000;
}
#tesla_header
{
position: absolute;
left: 0px;
top: -3px;
font-size: 22px;
letter-spacing: 0.3px;
font-style: italic;
color: #a0c4ff; /* light blue */
font-weight: 700;
user-select: none;
cursor: default;
text-shadow:
3px 3px 5px rgba(0, 0, 0, 0.7), /* strong black drop shadow */
1px 1px 2px #0a203e, /* dark blue secondary shadow */
0 0 6px #4a90e2; /* blue glow */
transform: translateZ(0);
width: 400px;
text-align: center;
}
.teslarow
{
position:relative; height: 26px; margin-bottom: 5px;
}
.tesla0
{
position:absolute;
height:14px;
padding: 5px;
border:1px solid #000000;
width:270px;
user-select:none;
background: linear-gradient(270deg, #03080f, #061024); /* dark blue */
cursor: help;
}
.tesla0:hover,
.tesla1:hover
{
filter: brightness(0.8);
}
.tesla0
{
position:absolute;
height:14px;
padding: 5px;
border:1px solid #000000;
width:270px;
user-select:none;
background: linear-gradient(270deg, #0f2034, #162c46);
cursor: pointer;
}
.tesla0:hover,.tesla1:hover
{
filter: brightness(0.9);
}
.tesla1
{
position:absolute;
right:10px;
height:14px;
padding: 5px;
border:1px solid #000000;
width:75px;
user-select:none;
background: linear-gradient(270deg, #0f2034, #162c46);
}
.tesla_table
{
position:relative;
background-color: rgba(35,38,45,1);
border: 2px solid #000000;
margin-bottom: 5px;
width:400px;
background: linear-gradient(360deg, #1c3b66, #2c5fa3); /* lighter table blue */
box-shadow: 0 0 50px #000 inset, 0 0 20px #000;
}
#tesla_items
{
position:relative;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#tesla_nfo
{
position:relative;
min-height: 88px;
margin:10px;
padding: 5px;
border: 1px solid #000000;
background: linear-gradient(270deg, #0f2034, #162c46);
}
#tesla_back
{
position:relative;
margin:10px;
padding: 5px;
border: 1px solid #000000;
background: linear-gradient(270deg, #0f2034, #162c46);
cursor:pointer;
}
#tesla_back:hover
{
filter: brightness(0.9);
}
/* Tesla-butiken END */
#stats_table_area
{
position: relative; top: -39px; left: -56px;
}
#stats_def_table
{
width: 883px;
height: 273px;
background-image: url(/design/stats28.jpg);
vertical-align: top;
padding: 0;
}
#stats_def_table_data
{
position: absolute; left: 160px; top: 31px; font-size: 11px;
}
#stats_def_statistics
{
position: absolute; left: 816px; top: 72px; width: 61px; height: 61px; cursor: pointer;
}
#stats_def_statistics:hover
{
background-color: #000000; opacity: 0.25;
}
#stats_def_c_name {position: absolute; left: 0; top: 0; font-weight: bold; color: #8f8b79;}
#stats_def_v_name {position: absolute; left: 60px; top: 0; width: 220px;}
#stats_def_c_health {position: absolute; left: 0; top: 17px; font-weight: bold; color: #8f8b79;}
#stats_def_v_health {position: absolute; left: 60px; top: 17px; width: 220px;}
#stats_def_c_level {position: absolute; left: 0; top: 34px; font-weight: bold; color: #8f8b79;}
#stats_def_v_level {position: absolute; left: 60px; top: 34px; width: 220px;}
#stats_def_c_cash {position: absolute; left: 0; top: 51px; font-weight: bold; color: #8f8b79;}
#stats_def_v_cash {position: absolute; left: 60px; top: 51px; width: 220px;}
#stats_def_c_rank {position: absolute; left: 0; top: 68px; font-weight: bold; color: #8f8b79;}
#stats_def_v_rank {position: absolute; left: 60px; top: 68px; width: 220px;}
#stats_def_c_gang {position: absolute; left: 257px; top: 0; font-weight: bold; color: #8f8b79;}
#stats_def_v_gang {position: absolute; left: 337px; top: 0; width: 150px;}
#stats_def_c_respect {position: absolute; left: 257px; top: 17px; font-weight: bold; color: #8f8b79;}
#stats_def_v_respect {position: absolute; left: 337px; top: 17px; width: 150px;}
#stats_def_c_weapon {position: absolute; left: 257px; top: 34px; font-weight: bold; color: #8f8b79;}
#stats_def_v_weapon {position: absolute; top: 34px; left: 337px; height: 14px; width: 125px; overflow: hidden;}
#stats_def_c_protection {position: absolute; left: 257px; top: 51px; font-weight: bold; color: #8f8b79;}
#stats_def_v_protection {position: absolute; left: 337px; top: 51px; height: 14px; width: 125px; overflow: hidden;}
#stats_def_c_amulet {position: absolute; left: 257px; top: 68px; font-weight: bold; color: #8f8b79;}
#stats_def_v_amulet {position: absolute; left: 337px; top: 68px; width: 150px;}
#stats_def_infoline {position: absolute; left: 25px; top: 143px;}
#stats_def_status {position: absolute; left: 25px; top: 187px;}
#stats_def_notes {position: absolute; left: 178px; top: 176px;}
#stats_def_position {position: absolute; left: 426px; top: 176px;}
#stats_def_table_img
{
position: absolute;
width: 100px;
height: 100px;
top: 23px;
left: 24px;
background-size: contain;
background-repeat: no-repeat;
}
#stats_def_table_img:hover
{
/*filter: brightness(90%);*/
}
#stats_def_eq_slot_1
{
position: absolute; left: 375px; top: 145px; width: 100px; height: 50px; background-repeat: no-repeat;
}
#stats_def_eq_slot_12
{
position: absolute; left: 0; top: 0; width: 100px; height: 50px; cursor: help; background-repeat: no-repeat;
background-size: 3300px 450px;
background-repeat: no-repeat;
}
#stats_def_eq_slot_2
{
position: absolute; left: 483px; top: 145px; width: 100px; height: 50px; cursor: help;
background-size: 3300px 450px;
background-repeat: no-repeat;
}
#stats_def_eq_slot_3
{
position: absolute; left: 591px; top: 145px; width: 100px; height: 50px; cursor: help;
background-size: 3300px 450px;
background-repeat: no-repeat;
}
#stats_def_weapon_hvr
{
display: none;
}
#stats_def_armor_hvr
{
display: none;
}
#stats_def_amulet_hvr
{
display: none;
}
#stats_house_table
{
background-image: url(/design/statsinne19.jpg); width: 883px; height: 273px; background-repeat: no-repeat;
}
#stats_house_table_data
{
position: absolute; left: 238px; top: 30px; font-size: 11px;
}
#stats_house_c_name {position: absolute; left: 0; top: 0; font-weight: bold; color: #8f8b79;}
#stats_house_v_name {position: absolute; left: 60px; top: 0; width: 220px; color: #8f8b79;}
.stats_mode
{
position: relative; top: 0; left: 0; background-repeat: no-repeat; width: 470px; height: 198px;
}
.stats_mode_anv
{
position: absolute; left: 31px; top: 26px; font-size: 8.5pt; color: #aaaaaa;
}
.stats_mode_status
{
position: absolute; left: 25px; top: 187px; font-size: 8.5pt; color: #aaaaaa;
}
.stats_mode_notes
{
position: absolute; left: 280px; top: 175px; font-size: 8.5pt; color: #aaaaaa;
}
#stats_attack_tbl
{
position:absolute; width: 400px; top: 116px; left: 215px; height: 87px; box-shadow: 0 0 30px #000 inset, 0 0 20px #000; background: linear-gradient(160deg, #2a2a2a, #050512); border: 1px solid #242424; user-select:none; display: none;
}
#stats_attack_prb
{
position:absolute; left:0px; width:0px;height:87px; background-color: rgba(0,0,0,0.2);
}
#stats_attack_lbl
{
position:absolute; top: 35px; width:400px;height:50px; text-align:center; color: #999999; font-weight: bold; font-size:10px;
}
.com {position: relative; width: 433px; min-height: 61px; background-image: url(/design/hus-repeatmiddle2.jpg);}
.com_btn1 {position: absolute; left: 0; top: 0; width: 15px; height: 13px; z-index: 400;}
.com_btn2 {position: absolute; left: 14px; top: 0; width: 15px; height: 13px; z-index: 400;}
.com_btn3 {position: absolute; left: 28px; top: 0; width: 15px; height: 13px; z-index: 400;}
.com_btnx {position: absolute; left: 404px; top: 8px; width: 47px; height: 52px; z-index: 400; background-image: url(/design/hus-middle-x.jpg);}
.com_btn1:hover,.com_btnx:hover{background-color: #000000; opacity: 0.7; cursor: pointer;}
.com_nfo
{
position:absolute; left: -110px; top: 23px;
}
.com_upgrade
{
position:absolute; left: 70px; top: 2px; width: 126px; height: 52px; cursor: pointer; background-color: #000000; opacity: 0;
}
.com_upgrade:hover
{
opacity: 0.3;
}
.com_use_depot
{
position:absolute; left: 70px; top: 2px; width: 126px; height: 52px; cursor: pointer; background-color: #000000; opacity: 0;
}
.com_use_depot:hover
{
opacity: 0.3;
}
.com_upgrade_lbl
{
position:absolute; left: 120px; top: 22px; font-weight: bold; color: #8f8b79; width: 110px;
}
.com_upgrade_img
{
position:absolute; left: 70px; top: 2px; width: 126px; height: 52px; background-image: url(/design/hus-icon-upgrade.png);
}
.com_salvage
{
position:absolute; left: 200px; top: 2px; width: 126px; height: 52px; cursor: pointer; background-color: #000000; opacity: 0;
}
.com_salvage:hover
{
opacity: 0.3;
}
.com_salvage_lbl
{
position:absolute; left: 255px; top: 22px; font-weight: bold; color: #8f8b79; width: 110px;
}
.com_salvage_img
{
position:absolute; left: 200px; top: 2px; width: 126px; height: 52px; background-image: url(/design/hus-icon-skrot.png);
}
.com_shift_view
{
z-index: 50;
}
.com_options
{
position: relative; top: 45px; left: 126px; display: none; width: 290px; font-size: 10px;
}
.com_settings
{
position: absolute; top: 1px; left: -119px; width: 100px; font-size: 10px; text-align: center;
}
.defensive_module
{
position: absolute;
width: 104px; height: 54px;
background-repeat: no-repeat;
}
.defensive_module:hover
{
cursor: pointer;
}
#residence_mki
{
cursor: pointer;
}
.residence_component
{
position: absolute; left: -3px; top: -3px; width: 421px; padding-left: 4px; padding-top: 1px; background-color: #080808; height: 60px; display: none;
}
.component_btns
{
position: absolute; left: 262px; top: 4px; width: 56px; height: 13px; background-repeat: no-repeat; background-image: url(/design/komponentikon4.jpg);
}
.component_empy
{
position: absolute; padding-left: 4px; padding-top: 3px; background-color: #080808; height: 51px; width: 100px;
}
.component_hover
{
position: absolute; padding-left: 4px; padding-top: 3px; display: none; background-color: #070707; height: 51px; width: 100px;
}
#residence_add_component_mki
{
position: relative; left: -3px; display: none; background-color: #111; height: 48px; padding-left: 3px; padding-top: 1px;
}
#residence_add_component_tillbyggnad
{
position: relative; left: -3px; width: 97px; display: none; background-color: #111; height: 48px; padding-left: 3px; padding-top: 1px;
}
#residence_add_component_tillbyggnad:hover
{
cursor: pointer;
}
#residence_components
{
position: relative; left: 112px; top: 53px; height: 460px;
}
#residence_menu_caption
{
position: absolute; left: 282px; width: 154px; top: 9px;
}
#hus_left_menu
{
position: absolute; left: -7px; top: 0; width: 131px; height: 390px;
}
#hus_module_scroll_down
{
position: absolute; left: -10px; top: 310px; width: 68px; height:38px; cursor: pointer; z-index: 2; background-color: #000000; opacity: 0;
}
#hus_module_scroll_down:hover
{
opacity: 0.3;
}
#hus_module_scroll_up
{
position: absolute; left: 70px; top: 310px; width: 68px; height:38px; cursor: pointer; z-index: 2; background-color: #000000; opacity: 0;
}
#hus_module_scroll_up:hover
{
opacity: 0.3;
}
#hus_components
{
position: relative; left: 127px; top: 0; margin-bottom: -5px;
}
#hus_modules
{
position: relative; left: 0; top: 7px; min-height: 215px;
}
#hus_show_store
{
position: absolute; left: 22px; top: 7px; width: 35px; height: 35px;
}
#hus_left_menu_header
{
position: absolute; left: 2px; width: 200px; font-size: 13px;
}
#hus_hover_upgrade_info
{
display: none;
}
#hus_show_modules
{
position: absolute; left: 73px; top: 7px; width: 35px; height: 35px;
}
#hus_module_shop
{
position: absolute; left: 12px; top: 50px; display: none;
}
#hus_module_my
{
position: absolute; left: 12px; top: 50px; width: 110px; height: 256px;
}
#hus_my_modules
{
position: absolute; top: 21px; overflow: hidden; width: 110px; height: 236px;
}
#hus_module_house
{
position: relative; left: 0; top: 0; width: 433px; height: 169px;
}
#hus_module_cooldown
{
position: absolute; left: 2px; top: 160px; width: 455px; height: 8px; background-image: url(/design/hus-progressbar3.jpg);
}
#hus_module_house_img
{
position: absolute; left: 132px; top: -6px; width: 190px; padding-top: 60px; height: 84px; background-color: #070707; opacity: 0; color: #cccccc; font-size: 15px; text-align: center;
}
#hus_module_house_img:hover
{
opacity: 0.8; cursor: pointer;
}
#hus_module_img
{
position: absolute; top: 7px; left: 109px; width: 190px; height: 143px;
}
#hus_module_display_health
{
position: absolute; top: 17px; left: 319px; width: 100px; height: 35px; font-size: 9pt; cursor: help;
}
#hus_module_display_health:hover,#hus_module_display_space:hover,#hus_module_display_electricity:hover
{
color: #979797;
}
#hus_module_display_space
{
position: absolute; top: 63px; left: 319px; width: 100px; height: 35px; font-size: 9pt; cursor: help;
}
#hus_module_display_electricity
{
position: absolute; top: 109px; left: 319px; width: 100px; height: 35px; font-size: 9pt; cursor: help;
}
#hus_module_upgrade_button
{
position: absolute; left: 338px; top: -7px; width: 112px; height: 68px; cursor: pointer; background-color: #000000; opacity: 0;
}
#hus_module_upgrade_button:hover
{
opacity: 0.3;
}
#hus_module_upgrade_button_lbl
{
position: absolute; font-weight: bold; color: #8f8b79; width: 110px; left: 357px; top: 42px;
}
#hus_module_barrier_lbl
{
position: absolute; font-weight: bold; color: #8f8b79; width: 110px; left: 374px; top: 122px;
}
#hus_module_barrier_charges
{
position: absolute; font-weight: bold; color: #8f8b79; width: 110px; left: 374px; top: 102px;
}
#hus_module_upgrade_button_txt
{
width: 77px; height: 40px;
padding-left: 0; padding-top: 13px; opacity: 0.8; background-color: #070707;
display: none; text-align: center; font-size: 9px; font-weight: bold;
}
#hus_module_barrier
{
position: absolute; left: 335px; top: 70px; width: 112px; height: 68px;
}
#hus_module_barrier:hover
{
cursor: pointer;
}
#hus_module_barrier_txt
{
position: absolute; left: 0px;
width: 112px; height: 48px;
padding-left: 0; padding-top: 20px; opacity: 0.3; background-color: #070707;
display: none; text-align: center; font-size: 9px; font-weight: bold;
}
.hus_fe
{
position: absolute; top: 0; left: 0; height: 66px; width: 66px; background-image: url(/design/hus-selector.png); display: none;
}
.hus_module
{
position: absolute;
width: 104px; height: 54px;
background-repeat: no-repeat;
}
.hus_module:hover
{
cursor: pointer;
}
.hus_module_repair
{
position: absolute; left: 0; top: 0; width: 104px; height: 54px;background-repeat: no-repeat; background-image: url(/design/repairmodul.gif);
}
.hus_module_active
{
position: absolute;
width: 104px; height: 54px;
background-repeat: no-repeat;
}
.hus_module_active:hover
{
cursor: pointer;
}
.hus_module_hover
{
position: absolute; padding-left: 4px; padding-top: 3px; display: none; opacity: 0.8; background-color: #070707; height: 51px; width: 100px;
}
.hus_module_hover_active
{
position: absolute; padding-left: 4px; padding-top: 3px; display: none; opacity: 0.8; background-color: #070707; height: 51px; width: 100px;
}
#hus_barrier_amount_slider_contain
{
position:absolute; top: -3px; left:30px; width: 134px; height: 20px;
border: 1px solid transparent;
background:
linear-gradient(
to bottom,
rgb(28,28,28),
rgb(28,28,28)
) padding-box,
linear-gradient(
to right,
rgb(30,30,30),
rgb(60,60,60),
rgb(30,30,30)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
}
#hus_barrier_amount_slider
{
position:absolute; left: 0px; top: 0px; width: 130px;
appearance: none; outline:none; background: none;
}
#hus_barrier_amount_slider::-webkit-slider-thumb
{
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
cursor: pointer;
background:
linear-gradient(
to bottom,
rgb(90,90,90),
rgb(65,65,65)
);
outline:2px solid rgb(0,0,0);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
0 2px 4px rgba(0,0,0,0.7);
}
#hus_barrier_nfo_pnl
{
position:absolute; left:-25px; top:290px; width:250px;;
}
.hus_barrier_nfo_btl
{
background-color:#212121; padding:0px; border-collapse: separate; border-spacing: 2px;
}
.hus_barrier_nfo_btl td
{
background-color:#000; padding:3px;
}
#hus_hover
{
position: absolute; left: 32px; top: 35px; font-size: 11px; width:167px; user-select: none;
}
#stats_img
{
position: absolute;
width: 100px;
height: 104px;
top: 35px;
left: 13px;
background-repeat: no-repeat;
}
#stats_content_box
{
position: relative;
top: 17px;
left: 137px;
width: 510px;
height: 99px;
padding-bottom: 12px;
}
#stats_goto
{
position: absolute;
top: 0;
right: 39px;
/*border: 1px solid #2a2f31; */
z-index: 213;
}
.stats_goto_input
{
position: absolute; left: 110px; top: 2px;
font-size: 8.5pt; color: #CCCCCC;
padding-left: 2px; padding-right: 2px; padding-top: 2px;
padding-bottom: 2px; height: 14px;
background: transparent; border: none;
z-index: 16;
}
#stats_search
{
color: #888;
position: absolute; left: 649px; padding-left: 6px; top: -10px; width: 163px; height: 24px;
}
.stats_mih
{
position: absolute; left: 0; top: 0; width: 213px; height: 61px;
cursor: pointer;
}
.stats_mic
{
position: absolute; left: 0; top: 23px; width: 213px; text-align: center;
}
.stats_mih:hover
{
opacity: 0.075; background-color: #000000;
}
.stats_line
{
position: relative;
padding-top: 6px;
top: -92px;
left: 13px;
width: 780px;
height: 19px;
font-size: 9pt;
}
#anv_stats_hus
{
}
#stats_menu_1
{
position: absolute;
left: 658px;
top: 31px;
width: 38px;
height: 38px;
background: white;
opacity: 0;
}
#stats_menu_1:hover
{
opacity: 0.1;
}
#stats_menu_2
{
position: absolute;
left: 658px;
top: 79px;
width: 38px;
height: 38px;
background: white;
opacity: 0;
}
#stats_menu_2:hover
{
opacity: 0.1;
}
#stats_menu_3
{
position: absolute;
left: 658px;
top: 127px;
width: 38px;
height: 38px;
background: white;
opacity: 0;
}
#stats_menu_3:hover
{
opacity: 0.1;
}
#stats_menu_4
{
position: absolute;
left: 658px;
top: 175px;
width: 38px;
height: 38px;
background: white;
opacity: 0;
}
#stats_menu_4:hover
{
opacity: 0.1;
}
.stats_infobar
{
position: absolute; top: 113px; left: -123px; width: 600px; color: #999797; font-size: 8.5pt;
}
#stats_status
{
position: absolute; top: 44px; left: 0; width: 230px; font-size: 8.5pt; color: #aaaaaa;
}
#stats_warnings
{
position: absolute; top: 44px; left: 162px; width: 230px; font-size: 8.5pt
}
#stats_position
{
position: absolute; top: 44px; left: 411px; z-index: 3; width: 230px; font-size: 8.5pt
}
#stats_hstatus
{
position: absolute; top: 187px; left: 25px;
}
#stats_househp
{
position: absolute; top: 164px; left: 166px;
}
#stats_hposition
{
position: absolute; left: 426px; top: 190px;
}
#stats_menu_items
{
position: relative; margin-top: 8px; left: 3px;
}
#stats_press
{
position: relative; width: 700px; padding-bottom: 0px; top: -24px; left: -31px; margin-bottom: -28px;
}
#stats_rank_ico
{
position: absolute; width: 40px; height: 40px; cursor: pointer;
left: 742px; top: 144px; background-image: url(/design/stats-ranksprite2.png);
}
#stats_rankh
{
position: absolute; left: 705px; top: 134px; width: 110px; height: 63px; cursor: pointer;
}
#stats_rankh:hover
{
opacity: 0.075; background-color: #000000;
}
#stats_rank_ico:hover
{
opacity: 0.9; background-image: url(/design/stats-rank2.jpg);
}
#stats_gang_ico
{
position: absolute; left: 816px; top: 135px; width: 61px; height: 61px; cursor: pointer;
}
#stats_gang_ico:hover
{
opacity: 0.8; background-image: url(/design/stats-rank.jpg);
}
#gang_map
{
position: absolute; left: 212px; top: 5px; background-image: url(/design/gang-map8.jpg); width:638px; height:500px;
}
#stats_rank_val
{
position: absolute; left: 10px; top: 12px; text-align: center; width: 20px;
}
#stats_flag_marker
{
position: absolute; top: 17px; left: 705px; width: 77px; height: 166px; background-image: url(/design/stats-flag.png);
}
.container div
{
width: 97px; height: 51px;
float: left;
left: 20px;
margin-left: 6px; margin-top: 3px;
}
.i_pistol1 {background-position: -2px -0px;}
.i_pistol2 {background-position: -95px -0px;}
.i_pistol3 {background-position: -200px -0px;}
.i_none {opacity: 0; }
.s_damage
{
position: absolute;
left: 265px;
top: -5px;
font-size: 13pt;
width: 80px;
height: 25px;
color: #ffcc66;
text-shadow: 1px 1px 0 #000,
-1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000,
0 1px 0 #000,
0 -1px 0 #000,
-1px 0 0 #000,
1px 0 0 #000,
2px 2px 0 #000,
-2px 2px 0 #000,
2px -2px 0 #000,
-2px -2px 0 #000,
0 2px 0 #000,
0 -2px 0 #000,
-2px 0 0 #000,
2px 0 0 #000,
1px 2px 0 #000,
-1px 2px 0 #000,
1px -2px 0 #000,
-1px -2px 0 #000,
2px 1px 0 #000,
-2px 1px 0 #000,
2px -1px 0 #000,
-2px -1px 0 #000;
}
.i_table_top
{
position: relative; top: -38px; left: -58px; background-image: url(/design/inventory-top4.jpg); width: 568px; height: 172px;
}
.i_table_bot
{
position: relative; top: -53px; left: -55px; z-index: -2; background-image: url(/design/inventory-footer9.png); width: 574px; height: 52px; margin-bottom: -30px;
}
.i_table_bg
{
padding-top: 0; background-repeat: repeat-y; padding-left: 13px;
position: relative; left: -56px; top: -38px; background-image: url(/design/inventory-repeat.png); width: 575px; height: 270px;
}
.i_bg
{
position: absolute; width: 100px; height: 50px; display: inline-block;
}
.i_img
{
background-image: url(/design/iv4spr/v60.webp); position: relative; width: 100px; height: 50px; display: inline-block; background-repeat: no-repeat;
padding-top: 0; color: #aaaaaa;
background-size: 3300px 450px;
background-repeat: no-repeat;
}
.i_enhv
{
background-image: url(/design/iv4spr/v60.webp); position: absolute; width: 100px; height: 50px; display: inline-block; background-repeat: no-repeat;
padding-top: 0; color: #aaaaaa; background-size: 3300px 450px;
}
.i_f
{
width: 99px; height: 50px; display: inline-block; z-index: 155; padding-left: 1px; color: #444444; font-size: 8.5pt; user-select: none;
}
.i_0
{
width: 99px; height: 50px; display: inline-block; z-index: 154; padding-left: 1px;
}
.inv_effect_row
{
position:relative; height: 15px;
}
.inv_effect_row:hover
{
background-color: #313131;
}
#inv_sidepanel_bg
{
position: absolute; left: 510px; top: -43px; width: 328px; height: 404px;
background-image: url(/design/inventory-right2.jpg); background-repeat: no-repeat;
}
#inv_sidepanel
{
position: relative; width: 170px; top: 44px; left: 114px; font-size: 8.5pt; z-index: 77;
}
#inv_sidepanel_cover
{
position: absolute; left: 583px; top: 124px; width: 160px; height: 228px;
background-color: #070707; display: none;
}
#inv_menu
{
position: relative; left: 567px; top: -75px; font-size: 14pt;
}
.inv_selected_item
{
position: absolute; width: 100px; height: 50px; background-image: url(/design/inventory-markering3.gif);
}
.inv_combined_item
{
position: absolute; width: 100px; height: 50px; background-image: url(/design/inventory-markering-kombinering.gif);
}
.inv_hover_items
{
position: relative; left: 0;
height: 16px; padding-bottom: 1px; padding-left: 3px;
}
#inv_disabled_slots
{
position: absolute; height: 52px; display: inline-block; background-image: url(/design/inventory-slot3.jpg);
}
#inv_hover_menu
{
position: absolute; display: none; left: 105px; top: -50px; background-image: url(/design/inventory_hogerklick4.png); background-repeat: no-repeat; width: 108px; height: 112px;
}
#inv_hover_menu_use
{
position: absolute; left: 5px; top: 5px; width: 94px; height: 21px; opacity: 0;
}
#inv_hover_menu_transfer
{
position: absolute; left: 5px; top: 26px; width: 94px; height: 21px; opacity: 0;
}
#inv_hover_menu_upgrade
{
position: absolute; left: 5px; top: 46px; width: 94px; height: 21px; opacity: 0;
}
#inv_hover_menu_combine
{
position: absolute; left: 5px; top: 66px; width: 94px; height: 21px; opacity: 0;
}
#inv_hover_menu_salvage
{
position: absolute; left: 5px; top: 85px; width: 94px; height: 21px; opacity: 0;
}
/* Inventory upgrade weapon-panel */
#inv_upgr_pnl
{
position:absolute; left: -26px; top: 5px; width: 518px; height: 232px; background-image: url(/design/twinupgrade3.png); z-index: 55; display:none;
}
#inv_upgr_x
{
position:absolute; left: 187px; top: 33px; width:15px; height:15px; border-radius: 2px; background-color:#4c4c4c;
}
#inv_upgr_txt
{
position:absolute; left: 4px; top: 1px; color:#a9a9a9; font-size: 10px;
}
#inv_upgr_stacks_lbl
{
position:absolute; left: 185px; top: 33px; text-align: center; width: 150px; font-size: 12px; color:#878787; cursor:pointer;
}
#inv_upgr_stacks
{
color:#c0b28f;
}
#inv_upgr_chance
{
position:absolute; left: 218px; top: 85px; font-size: 17px; text-align: center; width: 80px;
}
#inv_upgr_nfo
{
position:absolute; left: 10px; top: 194px; width: 496px; height:20px; text-align:center; font-size: 10px;
}
#inv_upgr_btn_lbl
{
position:absolute; left: 175px; top: 135px; font-weight:bold; color: #8f8b79; height: 60px; width: 172px; text-align:center;
}
#inv_upgr_btn
{
position:absolute; left: 173px; top: 111px; font-size: 13px; font-weight:bold; width:174px; height: 61px; cursor:pointer; background-color:#000000; opacity: 0;
}
#inv_upgr_btn:hover
{
opacity: 0.25
}
#inv_upgr_close
{
position:absolute; right: 6px; top: 5px; width: 22px; height:23px; cursor:pointer; background-color: #000000; opacity: 0;
}
#inv_upgr_close:hover
{
opacity: 0.25;
}
#inv_upgr_close_lbl
{
position:absolute; right: 6px; top: 6px; width: 20px; height:20px; border: 1px solid #000000; background-color: #121212;
}
.i_opts
{
position: absolute; left: 578px; top: 0; width: 64px; height: 64px; cursor: pointer; background-color: #000000; opacity: 0;
}
.i_opts:hover
{
opacity: 0.2;
}
#i_optx
{
position: absolute; left: 576px; top: 26px; width: 68px; height: 368px; background-image: url(/design/inventory-buttonoverlay.jpg);
}
#inv_min_height
{
position: relative;
width: 1px;
}
.store_random_amulet_img
{
position: absolute; top: 1px; left: 1px; width: 100px; height: 50px; display: inline-block;
}
.store_random_amulet_img:hover
{
background-color: #000000; opacity: 0.7; cursor: pointer;
}
/* stan/store */
.store_amulet_row
{
position:relative; height: 15px; width: 205px; user-select: none;
}
.store_amulet_row:hover
{
background-color: #313131;
}
.store_effect_lock
{
position:absolute; width:233px; height:15px; background-color:#070707; color:#aaa; user-select: none;
}
.store_effect_lock:hover
{
background-color: #121212;
}
.store_mi:hover
{
background-color: #000000; opacity: 0.2;
}
#store_larr:hover
{
background-image: url(/design/leftarrow3.png);
}
#store_rarr:hover
{
background-image: url(/design/rightarrow3.png);
}
#store_hvr
{
position:absolute; left: 620px; top: 40px; width: 175px; height: 300px;
}
#store_progress
{
position:absolute; left: 620px; top: 40px; width: 175px; height: 300px; display: none;
}
.store_item_name
{
font-size: 13pt; padding-bottom: 5px;
}
.store_item_img
{
position: relative; left: 0; top: 0; width: 100px; height: 50px;
}
#store_amulet_equipped
{
position:absolute; left: 54px; top: 68px; width: 100px; height: 50px;
}
#store_amulet_equipped_name
{
position:absolute; left: -4px; top: 44px; width: 220px; text-align: center; font-size: 13pt;
}
#store_amulet_create
{
position:absolute; left: 448px; top: 68px; width: 100px; height: 50px; display: none; text-align: center; background-size: 3300px 450px;
}
#store_amulet_rerollv
{
position: absolute; left: 6px; top: 185px; width: 192px; height: 62px; cursor: pointer;
}
#store_amulet_rerollv_lbl
{
position: absolute; left: 6px; top: 209px; width: 190px; height: 20px; color: #8f8b79; font-weight: bold; text-align: center;
}
#store_amulet_reroll
{
position: absolute; left: 401px; top: 185px; width: 192px; height: 62px; cursor: pointer;
}
#store_amulet_reroll_lbl
{
position: absolute; left: 401px; top: 209px; width: 190px; height: 20px; color: #8f8b79; font-weight: bold; text-align: center;
}
#store_amulet_reroll_sel
{
position: absolute; top: 252px; left: 40px; width: 121px; height: 3px; background-image: url(/design/stan-inne-selector.png); display: none;
}
#store_amulet_reroll:hover,#store_amulet_rerollv:hover
{
background-color: #000000; opacity: 0.2;
}
#store_confirm
{
position:absolute; left: 807px; top: 26px; width: 60px; height: 59px; background-image: url(/design/store-buysprite3.png); background-position: -840px -59px; cursor:pointer; z-index: 5; display: none;
}
#store_confirm_ani
{
position:absolute; left: 807px; top: 26px; width: 60px; height: 59px; background-image: url(/design/store-buysprite3.png); background-position: -840px -59px; display: none; z-index: 6;
}
#store_confirm:hover
{
background-image: url(/design/stan-store-korg-hover.jpg);
}
.store_amulet_tier_sel
{
position: relative; width: 120px; height: 23px; top: -1px; border: 1px solid #414141; cursor: pointer; text-align: center; padding-top: 7px; user-select: none;
}
.store_amulet_tier_sel:hover,#store_amulet_history:hover
{
background-color: #121212;
}
.store_random_amulet_img
{
position: absolute; top: 0; left: 0; width: 100px; height: 50px; display: inline-block; text-align: center;
}
#store_amulet_pnl
{
position: absolute; left: 2px; top: 94px; width: 596px; height: 255px; background-image: url(/design/stan-inneamulet.jpg); display: none;
}
#store_mi_slr
{
position: absolute; top: 90px; left: 40px; width: 121px; height: 3px; background-image: url(/design/stan-inne-selector.png); display: none;
}
.store_item_slr
{
position: absolute; width: 100px; top: 2px; left: 0; height: 50px;
}
.store_item_hvr
{
position: absolute; width: 100px; top: 2px; left: 1px; height: 50px; cursor: pointer;
}
.store_item_hvr:hover
{
background-image: url(/design/ljusare15.png);
}
#store_gear
{
position: absolute; top: 30px; left: 71px; width: 33px; height: 33px; background-image: url(/design/gearsnabb2.gif); display: none;
}
#store_progress_name
{
position: absolute; top: 0; left: 4px; font-size: 14px; width: 169px; text-align: center;
}
#store_progress_nfo
{
position: absolute; top: 80px; left: 4px; font-size: 11px; width: 169px; text-align: center;
}
#store_progress_cancel
{
position: absolute; top: 110px; left: 19px; font-size: 11px; width: 129px; height: 15px; border: 1px solid #414141; padding: 5px; text-align: center; color: #ca660b; font-weight: bold; cursor: pointer;
}
#store_progress_cancel:hover
{
color: #894507;
}
.store_upgrade_item
{
position: absolute; width: 100px; height: 50px; background-image: url(/design/stan-store-uppgradera4.png); background-repeat: no-repeat; cursor:pointer; z-index: 5;
}
/* stan/store end */
/* forum start ? */
.frl
{
position: absolute; left: -1px; top: 0; width: 72px; height: 73px; cursor: pointer;
}
.frl:hover
{
background-image: url(/design/refresh-hover.jpg);
}
.frr
{
position: absolute; left: 827px; top: 0; width: 72px; height: 73px; cursor: pointer;
}
.frr:hover
{
background-image: url(/design/forum-refresh-hoverh.jpg);
}
#forum_input_post
{
position: relative; top: -5px; left: 10px; width: 741px; height: 100px;
font-size: 8.5pt; border: 1px solid #515151; color: rgb(240,240,240); background: #000000; padding-left: 5px; padding-right: 2px; padding-top: 3px; padding-bottom: 2px; background-repeat: no-repeat; margin-top: 5px;
opacity: 0.6; scrollbar-color: #000000 #151515;
}
#forum_input_post::-webkit-scrollbar {
width: 12px;
}
#forum_input_post::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(55,55,55);
border-radius: 10px;
}
#forum_input_post::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(55,55,55);
}
#forum_input_edit
{
position: relative; top: 0; left: 0; width: 741px; height: 200px;
font-size: 8.5pt; border: 1px solid #515151; color: rgb(240,240,240); background: #000000; padding-left: 4px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px;
opacity: 0.6;
}
#forum_menu_items
{
position: relative; left: -9px; top: -51px;
}
#forum_mod_thr_category_disabled
{
display: none; font-weight: bold;
}
#forum_emoji_contain div
{
position:relative; width: 30px; height: 30px; white-space: normal; justify-content: center; align-items: center; display: inline-flex; font-size: 24px; border-radius: 5px;
}
#forum_emoji_contain div:hover
{
background-color: #313131;
}
#forum_emoji_screen
{
position:relative; display: none; left: 10px; margin-bottom: 3px; width: 748px; min-height: 57px; border: 1px solid #000000; background-color: #181818; user-select: none;
}
#forum_emoji_contain
{
position:relative; left: 5px; top: 0; width: 725px; padding-top: 13px; padding-bottom: 10px;
}
#forum_granskning_count
{
position:absolute; top:20px; left: 660px; width: 15px; height:15px; background-color:#1b212c; display:flex; justify-content: center; align-items: center; color:#506282; font-size:12px; user-select: none; border-radius: 50%; outline: 1px solid #000; z-index: 5;
}
emj
{
font-size: 2em;
}
.forum_emoji_tab
{
position:relative; display: inline-block; margin-left: 5px; top: 5px; height: 40px; width: 110px; border: 1px solid #000000; text-align: center; padding-top: 5px; font-size: 24px;
}
.forum_emoji_tab:hover
{
background-color: #141414;
}
#forum_info
{
position: absolute; left: 88px; top: 75px; width: 717px; height: 15px; text-align: center; font-size: 11px; user-select: none;
}
#forum_iv4_top
{
position: relative; width: 765px; height: 124px; background-repeat: no-repeat; left: -46px; top: -10px; background-image: url(/design/forum-top4.png);
}
.ft
{
position: relative; width: 869px; left: -33px; height: 29px; background-image: url(/design/forum-repeat12.png);
}
#forum_iv4_bot
{
position: relative; top : 0; left: -33px; width: 869px; height: 39px; margin-bottom: -45px; background-image: url(/design/forum-bottom2.jpg);
}
#forum_iv4_toolbar
{
position: absolute; top: 17px; left: 23px;
}
#forum_threads
{
position: relative; left: -7px; top: -10px; padding-bottom: 33px;
}
.forum_thread_opt
{
font-size: 10px !important;
}
#forum_search
{
position: absolute; right: 358px; top: 93px; z-index: 18;
}
#forum_search_txt
{
font-size: 8pt; border: 1px solid #222222; color: #515151;
background: #000000; padding-left: 3px; padding-right: 2px; padding-top: 2px;
padding-bottom: 2px; height: 15px; width: 64px;
opacity: 0.6; z-index: 16;
}
#forum_ct
{
position: relative; left: -30px; top: -77px; width: 840px; min-height: 260px; margin-bottom: -78px;
background-color: #080808;
background-image:
url(/design/skapa5-top.png),
url(/design/skapa5-bottom.png),
url(/design/skapa5-repeat.png);
background-position:
0 0,
0 100%,
0 190px;
background-repeat:
no-repeat,
no-repeat,
repeat-y;
display: none; z-index: 25;
}
#forum_ct_form
{
position: relative; left: 40px; top: 22px; padding-bottom: 28px;
}
#forum_ct_name
{
position:relative; left: 40px; top:1px; width:566px; height: 20px; background-color:#000; padding: 7px;
border: 1px solid #515151; background: #000000; font-size: 12px;
outline: 0; color:#aaa;
}
#forum_ct_mode
{
position:absolute; left: 626px; top:1px; width:117px; height: 20px; background-color:#000; padding: 7px;
border: 1px solid #515151; background: #000000; font-size: 12px;
outline: 0; color:#aaa;
}
#forum_ct_name:focus,#forum_ct_input:focus,#forum_ct_mode:focus
{
border-color: #7b7f86;
}
#forum_mode_help
{
position: absolute;
left: 762px;
top: 1px;
width: 20px;
height: 34px;
background: #000; font-size: 14px;
user-select: none; cursor: pointer;
border: 1px solid #443c30; color:#7f5128;
display: flex; justify-content: center; align-items: center;
}
#forum_mode_help:hover
{
border: 1px solid #4e4332; color: #a36833;
}
#forum_mode_help_scr
{
position:absolute; right: 56px; top: 41px; width:450px; background-color: #050505; z-index: 2; border: 1px solid #616161; padding: 10px; display: none;
}
#forum_ct_input
{
position: relative; margin-top: 5px; width:743px; min-height: 150px; height: 250px; padding: 7px;
border: 1px solid #515151; color: rgb(240,240,240); background: #000000; font-size: 12px;
outline: 0; color:#aaa; resize: vertical;
scrollbar-color: rgb(0,0,0) rgb(82,82,82);
caret-color: rgb(182,182,182);
outline: 1px solid #000000;
box-shadow: 0 0 5px #000000;
overflow-y: scroll;
}
#forum_ct_ico
{
position: absolute; width: 37px; height: 36px; left: 0px; top: 0px;
background-image : url(/design/forum-sprite4.jpg); background-position: 0px 0px;
}
#forum_ct_buttons
{
position:relative; height: 60px; width:757px; margin-top: 5px;
}
#forum_ct_submit
{
width:120px; padding:10px; outline: none; user-select: none;
}
#forum_ct_increase
{
width:120px; padding:10px; outline: none; user-select: none;
}
#forum_ct_decrease
{
width:120px; padding:10px; outline: none; user-select: none;
}
/* morbidangel ai-improvement */
/*
#forum_mode_help:hover,
#forum_mode_help.is-open {
color: #c96b0b;
border-color: #5a4a35;
}
#forum_mode_tip {
display: none;
position: absolute;
right: -1px;
top: 28px;
width: 520px;
padding: 10px 12px;
box-sizing: border-box;
color: #aaa;
background: rgba(5, 5, 5, .97);
border: 1px solid #383838;
outline: 1px solid #000;
text-align: left;
line-height: 1.45;
font-size: 11px;
box-shadow: 0 4px 18px rgba(0, 0, 0, .8);
}
#forum_mode_help:hover #forum_mode_tip,
#forum_mode_help.is-open #forum_mode_tip {
display: block;
}
#forum_mode_tip strong {
color: #8f8b79;
}
#forum_mode_tip table {
width: 100%;
margin: 7px 0;
border-collapse: collapse;
}
#forum_mode_tip td {
padding: 2px 6px 2px 0;
vertical-align: top;
border-bottom: 1px solid #171717;
}
#forum_mode_tip td:first-child {
width: 52px;
color: #ca660b;
font-weight: bold;
white-space: nowrap;
}
#forum_mode_tip td:nth-child(2) {
width: 130px;
color: #8f8b79;
white-space: nowrap;
}
*/
/* morbidnagel ai-improvement end */
.forum_poll_opt
{
position:relative; display:inline-block; padding: 2px; padding-left: 4px; padding-right: 4px; padding-top: 0; margin-right: 4px; margin-top: 0; margin-bottom: 2px; border:1px solid #080808; background-color: #242424; user-select: none;
}
.forum_poll_opt:hover
{
background-color: #272727;
}
#forum_ct_rules_txt
{
position: absolute; left: 253px; top: 220px; font-size:9pt;
}
.fe
{
position: relative; height: 35px; width: 35px; background-image: url(/design/iconoverlay20.png); top: 1px; left: 1px; display: none;
}
.fo
{
position: absolute; left: 10px; top: 3px; width: 33px; height: 15px;
}
.forum_menu_item
{
position: absolute; width: 37px; height: 37px; background-image: url(/design/forum-sprite4.jpg); cursor: pointer;
}
.fo_01
{
position: absolute; left: -2px; top: 2px; width: 26px; height: 24px; background-position: -219px -74px; background-image: url(/design/forum-sprite4.jpg); z-index: 55;
}
.fo_02
{
position: absolute; left: 26px; top: -1px; width: 24px; height: 24px; background-position: 0 -74px; background-image: url(/design/forum-sprite4.jpg);
}
.fo_02:hover
{
cursor: pointer;
}
.fr
{
position: absolute; left: 64px; top: 0; width: 300px; height: 18px; overflow: hidden; white-space: nowrap; padding-top: 4px; padding-left: 2px; cursor: pointer;
}
.fc
{
position: absolute; left: 371px; top: 4px; width: 75px; height: 15px;
}
.fi
{
position: absolute; left: 444px; top: 4px; width: 34px; height: 15px; cursor: pointer;
}
.fi:hover
{
color: #717171;
}
.fs
{
position: absolute; left: 487px; top: 4px; width: 34px; height: 15px; white-space: nowrap; color: #CA660B; font-weight: bold; cursor: pointer;
}
.fl
{
position: absolute; left: 580px; top: 4px; width: 34px; height: 15px; white-space: nowrap; color: #CA660B; font-weight: bold; cursor: pointer;
}
.xc /* Forum signature */
{
position: relative; margin-top: 25px; width: 616px;
}
.ts
{
position: absolute; left: 202px; top: 11px; font-size: 8.5pt; color: #808080; width: 600px;
}
.ts2
{
position: absolute; left: 198px; width: 400px; top: 10px; font-size: 8.5pt; color: #808080;
}
.th
{
position: absolute; left: 198px; top: 10px; font-size: 8.5pt; color: #808080;
}
.ti
{
position: absolute; left: 7px; width: 180px; top: 10px; font-size: 8.5pt; color: #808080; font-weight: bold; text-align: center;
}
.tn
{
position: absolute; left: 732px; text-align: right; width: 100px; top: -9px; font-size: 9px; color: #505050;
}
.tm
{
position: absolute; left: 815px; width: 23px; height: 22px; top: 8px; background-image: url(/design/forum-in-panel.jpg); cursor: pointer;
}
.tp
{
position: absolute; left: 10px; top: 7px; font-size: 8.5pt;
}
#f_posts
{
position: relative; top: -10px; left: -20px; padding-bottom: 1px;
}
.fct
{
display: inline-block;
position: relative; left: -2px; border: 1px solid #090909; background-color: #101010; padding: 8px; margin-top: 5px;
font-size: 8.5pt; margin-bottom: 12px; /*border-top: none; border-left: none;*/
}
.f_pagelinks
{
line-height: 180%;
}
.f_pagelinks a
{
border: 1px solid #333; font-weight: normal; padding: 1px; padding-left: 4px; padding-right: 4px;
}
.ss_pages
{
line-height: 180%;
}
.ss_pages a
{
border: 1px solid #333; font-weight: normal; padding: 1px; padding-left: 4px; padding-right: 4px; color: #CA660B;
}
.ss_pages a:hover
{
color: #894507;
}
.f_ss_pages_current
{
border: 1px solid #222; font-weight: normal; color: #414141; padding: 1px; padding-left: 4px; padding-right: 4px;
}
.f_pagelinks_current
{
border: 1px solid #222; font-weight: normal; color: #414141; padding: 1px; padding-left: 4px; padding-right: 4px;
}
.forum_pages_yay a,.forum_pages_yay span
{
display: inline-block; border: 1px solid #333; background-color: #111111; font-weight: normal;
width:35px; height: 15px; padding: 5px 0px 5px 0px; font-size: 11px; text-align: center; user-select: none;
}
.forum_pages_yay span
{
color:#414141
}
.forum_pages_yay
{
position:relative; padding:2px 0px 0px 2px; background-color:#070707; left:-36px; margin-bottom: -13px; z-index: 7; width:872px; display: flex; justify-content: start; flex-wrap: wrap; gap: 2px;
}
.t1
{
position: relative; left: 0; top: -15px; background-image: url(/design/forumtop-inne13.png); width: 839px; height: 150px;
}
.tt
{
position: relative; left: -30px; top: 15px; width: 839px; background-image: url(/design/forumrepeat-inne6.png); background-repeat: repeat-y;
}
.tt img {}
.tb
{
position: relative; left: 0; top: 10px; width: 839px; height: 31px; background-image: url(/design/forumfooter-inne13.png); background-repeat: no-repeat;
}
.ftr
{
position:relative; height: 20px; margin-bottom: 3px;
}
.ft0
{
position:absolute; left: 0;
}
.ft1
{
position:absolute; left: 175px;
}
.ft2
{
position:absolute; left: 350px;
}
.t2
{
position: absolute; left: 44px; top: 12px
}
.t3
{
position: absolute; left: 44px; top: 26px; font-size: 8pt; color: #aaa
}
.t4
{
position: absolute; left: 45px; top: 45px; width: 100px; height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
.t5
{
position: relative; left: 201px; top: -152px; width: 550px; margin-bottom: -176px; padding-bottom: 16px; z-index: 15; min-height: 140px; font-size: 8.5pt; color: #aaaaaa;
}
.t5 img
{
max-width: 545px;
}
.t6
{
position: absolute; left: 5px; width: 180px; bottom: -2px; text-align: center;
}
.te
{
position: relative; padding-top: 5px; height: 20px; top: 5px; left: 0; width: 480px; font-size: 10px !important; color: #aaa !important; font-weight: bold; margin-bottom: 2px;
}
.de
{
position: relative; padding-top: 13px; color: #aaaaaa !important; font-weight: bold;
}
.stan_category
{
position: relative; top: -16px; left: -6px; width: 571px; height: 86px; background-repeat: no-repeat; background-image: url(/design/stan18.png);
}
.stan_items
{
position: relative; top: -12px; left: 69px; height: 70px;
}
.stan_ico
{
position: absolute; left: 9px; top: 19px; width: 23px; height: 13px;
}
.stan_item
{
position: absolute; width: 103px; height: 69px; background-image: url(/design/stansprite8.jpg); cursor: pointer;
}
.stan_caption
{
position: absolute; width: 600px; left: 75px; top: 15px; font-size: 13pt;
}
.stan_table_m{padding-top: 10px; margin-bottom: -3px; padding-left: 15px;}
.stan_table_header{position: relative; top: 0; left: -7px; background-image: url(/design/stan-innetop4.jpg); width: 710px; height: 70px; margin-bottom: 13px;}
.stan_table_top{position: relative; top: 2px; left: -3px; background-image: url(/design/iv4stan/repeatinnestantop.png); margin-left: 5px; width: 700px; height: 9px; z-index: 15;}
.stan_table_repeat{position: relative; top: -1px; left: -3px; background-image: url(/design/iv4stan/repeatinnestan.png); padding-left: 20px; padding-top: 10px; padding-bottom: 11px; background-repeat: repeat-y; margin-left: 5px; width: 700px; min-height: 4px; z-index: 14;}
.stan_table_bottom{position: relative; top: -4px; left: -3px; background-image: url(/design/iv4stan/repeatinnestanbottom.png); margin-left: 5px; margin-bottom: 0; width: 700px; height: 9px; z-index: 16;}
.stan_table_footer{position: relative; top: 11px; left: -4px; background-image: url(/design/stan-innefooter2.png); width: 710px; height: 58px; margin-bottom: -5px;}
#stan_bank
{
position: absolute; left: 590px; top: 27px;
background-image: url(/design/bank9.png);
width: 159px; height: 310px;
}
.stan_bank_link
{
position: absolute; left: 23px; width: 137px; top:66px;
}
.stan_bank_input_bg
{
position: absolute; left: 2px; background-color: #000; width: 152px; height: 22px; top:75px; padding-top: 2px;
}
.stan_bank_input
{
position: relative; left: 2px;
color: #CCCCCC;
background: #000000; padding-left: 2px; padding-right: 2px; padding-top: 2px;
padding-bottom: 2px; height: 14px;
opacity: 0.6; z-index: 16;
width: 142px; text-align: center; font-size: 8.5pt; border: 1px solid #484338;
}
#stan_bank_debt
{
position: absolute; left: 577px; top: 154px; width: 266px; height: 23px; font-size: 12px; background-color: #000000; border: 1px solid #484338; padding-top: 8px; text-align: center; z-index: 18; cursor: pointer;
}
#stan_usr_transfer_confirm
{
position: absolute; left: 23px; width: 137px; top:161px;
}
#stan_flag
{
position: absolute; left: 560px; top: 335px; background-image: url(/design/stan-flag5.jpg); width: 307px; height: 222px;
}
#stan_flag_img
{
position: absolute; left: 100px; top: 44px; width: 100px; height: 100px;
}
#stan_flag_img_hvr
{
position: absolute; width: 100px; height: 100px; cursor: pointer; text-align: center; color: #CCCCCC; font-size: 13pt;
}
#stan_flag_img_hvr:hover
{
background-color: #000000; opacity: 0.7;
}
#stan_flag_usr
{
position: absolute; left: 80px; top: 167px; width: 140px; text-align: center;
}
#stan_flag_timeout
{
position: absolute; left: 56px; top: 194px; width: 190px; text-align: center; color: #444444;
}
.ui-effects-transfer { border: 1px dotted #aaa; z-index: 15;}
.stan_mi
{
position: absolute; width: 232px; height: 115px; cursor: pointer;
}
.stan_mc
{
position: absolute; left: 0; width: 230px; top: 95px; color: #8f8b79; text-align: center; font-weight: bold;
}
.stan_mi_hvr
{
position: absolute; background-color: #000000; opacity: 0; width: 232px; height: 115px; cursor: pointer;
}
#stan_bg
{
position:relative; left: -45px; top: -40px; background-repeat: no-repeat; background-image: url(/design/stan-ute-9.png); width:884px; height:559px; margin-bottom: -35px;
}
#stan_mi_area
{
position: absolute; left: 36px; top: 52px;
}
#stan_bank_cpt_01
{
position: absolute; left: 578px; top: 24px; font-size: 12px; color: #8f8b79; text-align: center; font-weight: bold;
}
#stan_bank_cpt_02
{
position: absolute; left: 580px; top: 262px; font-size: 12px; color: #8f8b79; text-align: center; font-weight: bold; user-select: none;
}
#stan_bank_cpt_03
{
position: absolute; left: 665px; top: 74px; font-size: 12px; color: #8f8b79; text-align: center; font-weight: bold;
}
#stan_bank_cpt_04
{
position: absolute; left: 665px; top: 214px; font-size: 12px; color: #8f8b79; text-align: center; font-weight: bold;
}
#stan_bank_saldo
{
position: absolute; left: 660px; top: 24px; font-size: 12px;
}
#stan_bank_max
{
position: absolute; left: 580px; top: 282px; font-size: 12px;
}
#stan_bank_deposit
{
position: absolute; left: 578px; top: 52px; width: 267px; height: 61px; background-color: #000000; opacity: 0; cursor: pointer;
}
#stan_bank_transfer
{
position: absolute; left: 578px; top: 191px; width: 267px; height: 61px; background-color: #000000; opacity: 0; cursor: pointer;
}
#stan_bank_deposit_disabled
{
position: absolute; left: 578px; top: 52px; width: 267px; height: 61px; background-color: #000000; opacity: 0.6; display: none;
}
#stan_bank_transfer_disabled
{
position: absolute; left: 578px; top: 191px; width: 267px; height: 61px; background-color: #000000; opacity: 0.6; display: none;
}
#stan_bank_upgrade
{
position: absolute; left: 804px; top: 261px; background-color: #000000; opacity: 0; width: 41px; height: 41px; cursor: pointer;
}
#stan_bank_amount
{
position: absolute; left: 577px; top: 119px; width: 262px; height: 25px; font-size: 12px;
}
#stan_bank_to
{
position: absolute; left: 577px; top: 155px; width: 262px; height: 25px; font-size: 12px;
}
/* SETTINGS v2 start */
#settings_menu
{
position:relative; width:333px; height:61px; border:1px solid #000000; user-select: none; background: linear-gradient(160deg, #3a3a3a, #111315); box-shadow: 0 0 30px #000 inset, 0 0 20px #000;
}
.settings_mi
{
position:absolute; top: 9px; width:150px; height:40px; background: linear-gradient(360deg, #000000, #111315); border:2px solid #000000;
}
.settings_mi:hover
{
color: #878787;
}
.settings_mi_lbl
{
position:absolute; top: 12px; left: 10px;
}
:is(#settings_page,.settings_page)
{
position:relative; width:492px; border:1px solid #000000; padding-top; top: 5px; user-select: none; background: linear-gradient(160deg, #3a3a3a, #111315); box-shadow: 0 0 30px #000 inset, 0 0 20px #000;
}
.settings_content
{
position:relative; margin: 10px 10px 10px 10px; padding: 10px; width:758px; min-height: 10px; background: linear-gradient(45deg, #111111, #171717); border: 2px solid #000000;
}
.settings_header
{
position:relative; margin-bottom: 11px;
}
.settings_button
{
position: relative;
padding: 5px 5px;
margin-bottom: 8px;
cursor: pointer;
text-align: center;
color: #909090;
font-weight: 500;
background: linear-gradient(
180deg,
rgb(30,30,36),
rgb(8,8,2)
);
border: 1px solid rgba(255,255,255,0.12);
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
background 0.18s ease;
box-shadow:
0 4px 8px rgba(0,0,0,0.9),
inset 0 2px 5px rgba(0,0,0,0.85);
}
.settings_button:hover
{
background: linear-gradient(
180deg,
rgb(20,20,26),
rgb(8,8,2)
);
}
.settings_button:active
{
transform: translateY(1px);
box-shadow: 0 1px 3px rgba(0,0,0,0.95), inset 0 3px 6px rgba(0,0,0,0.95),inset 0 1px 0 rgba(255,255,255,0.04);
}
#settings_press_text
{
position:relative; width:749px; height: 150px; font-size: 9pt; border: 1px solid #000000; padding-left: 4px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; background-repeat: no-repeat;
tab-size: 3; -moz-tab-size: 3;
white-space: pre;
overflow-x: auto;
scrollbar-color: rgb(0,0,0) rgb(82,82,82);
line-height: 1.5;
caret-color: rgb(182,182,182);
outline: 1px solid #000000;
box-shadow: 0 0 5px #000000;
color: rgb(170,170,170);
background: rgba(28,28,28);
overflow-y: scroll
}
#settings_press_save
{
position:absolute; left: 0px; width:110px; margin-top: 11px; margin-left: 1px; padding: 5px 5px 8px 5px;
}
#settings_press_increase
{
position:absolute; left: 140px; width:72px; margin-top: 11px; margin-left: 1px; padding: 5px 5px 8px 5px;
}
#settings_press_decrease
{
position:absolute; left: 230px; width:72px; margin-top: 11px; margin-left: 1px; padding: 5px 5px 8px 5px;
}
#settings_current_image,#settings_current_image2
{
position:absolute; height: 100px; width:100px; background-size: contain; background-repeat: no-repeat;
}
.setting_cr
{
position:relative; height:28px; margin-top: 5px;
}
.setting_cr:hover
{
background-color: #191919;
}
.setting_c0
{
position:absolute; left: 4px; top: 6px;
}
.setting_c1
{
position:absolute; left:124px; top: 6px;
}
.setting_c2
{
position:absolute; left:377px; top: 6px;
}
.setting_c3
{
position:absolute; left:504px; top: 6px;
}
.setting_c4
{
position:absolute; left:654px; top: 6px;
}
.setting_input
{
position:absolute; left:0px; top: -5px; padding:3px;
font-size: 9pt; border: 1px solid #515151; color: #CCCCCC;
background: #000000; height: 14px; width:200px; padding: 5px;
opacity: 0.6; z-index: 16;
}
#settings_hover
{
position:absolute; left: 0px; top: -3px; width: 758px; font-size: 16px; text-align: center;
}
#settings_image_nfo_dimension
{
position:absolute; left: 120px; top: 28px; width:104px; font-size: 11px; border: 1px solid #515151; color: #CCCCCC; padding:4px; height: 14px; opacity: 0.6; background-color:#000000; cursor:help;
}
#settings_image_nfo_size
{
position:absolute; left: 120px; top: 54px; width:104px; font-size: 11px; border: 1px solid #515151; color: #CCCCCC; padding:4px; height: 14px; opacity: 0.6; background-color:#000000; cursor:help;
}
/* Page 2 (keybindings) */
.dark-metal-green {
background: linear-gradient(
135deg,
rgb(18,28,28),
rgb(26,36,36),
rgb(14,24,24)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.10),
inset 0 -1px 2px rgba(0,0,0,0.7),
0 0 0 1px rgba(255,255,255,0.03);
transition:
background 180ms ease,
box-shadow 180ms ease,
transform 120ms ease;
}
.dark-metal-green:hover {
background: linear-gradient(
135deg,
rgb(16,25,25),
rgb(23,32,32),
rgb(13,22,22)
);
}
.dark-metal-green:active {
background: linear-gradient(
135deg,
rgb(12,20,20),
rgb(18,26,26),
rgb(10,18,18)
);
box-shadow:
inset 0 2px 5px rgba(0,0,0,0.9),
inset 0 -1px 1px rgba(255,255,255,0.05);
transform: translateY(1px);
}
.dark-metal-blue
{
background: linear-gradient(
135deg,
rgb(22,26,28),
rgb(30,34,36),
rgb(18,22,24)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.10),
inset 0 -1px 2px rgba(0,0,0,0.7),
0 0 0 1px rgba(255,255,255,0.03);
transition:
background 180ms ease,
box-shadow 180ms ease,
transform 120ms ease;
}
.dark-metal-blue:hover {
background: linear-gradient(
135deg,
rgb(20,23,25),
rgb(27,30,32),
rgb(16,19,21)
);
}
.dark-metal-blue:active {
background: linear-gradient(
135deg,
rgb(14,18,20),
rgb(20,24,26),
rgb(12,16,18)
);
box-shadow:
inset 0 2px 5px rgba(0,0,0,0.9),
inset 0 -1px 1px rgba(255,255,255,0.05);
transform: translateY(1px);
}
#settings_keybindings_default
{
position:absolute; height:35px; width:150px; border: 1px solid #000000;
left: 315px; top: -1px; width:152px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_keybindings_import
{
position:absolute; width:150px; border: 1px solid #000000;
left: -1px; top: -1px; width:158px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_keybindings_export
{
position:absolute; width:150px; border: 1px solid #000000;
left: 158px; top: -1px; width:158px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_keybindings_default:hover,#settings_keybindings_import:hover,#settings_keybindings_export:hover
{
background-color: #252525;
}
#settings_keybinds_contain
{
position:relative; margin-top: 10px;
}
.keyb0
{
position:relative; height:39px; width:448px; background: linear-gradient(160deg, #3a3a3a, #2a2c2d); box-shadow: 0 0 30px #000 inset, 0 0 20px #000; margin-bottom: -1px; border: 1px solid #000;
}
.keytb
{
position:absolute; width:226px; top: 4px; left: 4px; height: 29px; border:1px solid #000000;
background-color: rgb(20,20,20);
background-image:
repeating-linear-gradient(
45deg,
rgba(255,255,255,0.015),
rgba(255,255,255,0.015) 2px,
rgba(0,0,0,0.015) 2px,
rgba(0,0,0,0.015) 4px
),
linear-gradient(
135deg,
rgb(18,18,18),
rgb(22,22,22)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.1),
inset 0 -1px 2px rgba(0,0,0,0.8);
opacity: 0.7;
}
.keyb1
{
position:absolute; left: 12px; top: 12px;
}
.keyb2
{
position:absolute; height: 29px; width:100px; left: 236px; top: 4px; display:flex; justify-content:center; align-items: center; cursor:pointer;
border: 1px solid #000000;
}
.keyb3
{
position:absolute; height: 29px; width:100px; left: 342px; top: 4px; display:flex; justify-content:center; align-items: center;cursor:pointer;
border: 1px solid #000000;
}
#settings_audio_default
{
position:absolute; height:35px; width:150px; border: 1px solid #000000;
left: 315px; top: -1px; width:152px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_audio_import
{
position:absolute; width:150px; border: 1px solid #000000;
left: -1px; top: -1px; width:158px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_audio_export
{
position:absolute; width:150px; border: 1px solid #000000;
left: 158px; top: -1px; width:158px; height:35px; display:flex; justify-content:center; align-items: center; cursor:pointer;
}
#settings_audio_default:hover,#settings_audio_import:hover,#settings_audio_export:hover
{
background-color: #252525;
}
#settings_keybinds_contain
{
position:relative; margin-top: 10px;
}
/* PAGE 3 - AUDIO */
.settings_snd_tbl
{
position:relative; height:39px; width:448px; margin-bottom: -1px; border: 1px solid #000;
background: linear-gradient(160deg, #3a3a3a, #2a2c2d); box-shadow: 0 0 30px #000 inset, 0 0 20px #000;
}
.setting_snd_caption_bg
{
position: absolute; width: 226px; top: 4px; left: 4px; height: 29px; border: 1px solid #000;
background-color: rgb(20,20,20);
background-image:
repeating-linear-gradient(
45deg,
rgba(255,255,255,0.015),
rgba(255,255,255,0.015) 2px,
rgba(0,0,0,0.015) 2px,
rgba(0,0,0,0.015) 4px
),
linear-gradient(
135deg,
rgb(18,18,18),
rgb(22,22,22)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.1),
inset 0 -1px 2px rgba(0,0,0,0.8);
opacity: 0.7;
}
.setting_snd_caption
{
position: absolute; left: 12px; top: 12px;
}
.setting_snd_volume_bg
{
position: absolute; left: 236px; top: 4px; width:78px; height: 29px; border: 1px solid #000000;
background-color:rgb(60,60,60);
background-color: rgb(20,20,20);
background-image:
repeating-linear-gradient(
45deg,
rgba(255,255,255,0.015),
rgba(255,255,255,0.015) 2px,
rgba(0,0,0,0.015) 2px,
rgba(0,0,0,0.015) 4px
),
linear-gradient(
135deg,
rgb(18,18,18),
rgb(22,22,22)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.1),
inset 0 -1px 2px rgba(0,0,0,0.8);
opacity: 0.7;
}
.setting_snd_slider
{
position:absolute; left: 323px; top:8px; width:110px; height:15px;
appearance: none; outline:none;
background: linear-gradient(
180deg,
rgb(25,25,25),
rgb(30,30,30),
rgb(40,40,40)
);
border:1px solid #000000;
padding: 1px;
}
.setting_snd_slider::-webkit-slider-thumb
{
anchor-name: --volume-anchor;
-webkit-appearance: none;
appearance: none;
width: 15px;
height: 15px;
cursor: pointer;
border: 1px solid #000000;
background: linear-gradient(
135deg,
rgb(48,52,54),
rgb(58,62,64),
rgb(42,46,48)
);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.10),
inset 0 -1px 2px rgba(0,0,0,0.7),
0 0 0 1px rgba(255,255,255,0.03);
}
.settings_snd_volume_percent
{
position: absolute; padding:5px; background-color:#151515; border:1px solid #000000;; position-anchor: --volume-anchor; bottom: anchor(top); left: anchor(center); translate: -50% -8px; pointer-events: none; display:none;
}
.setting_snd_filename_play
{
position: absolute; left:240px; top: 8px; width:20px; height: 18px; padding-bottom:2px; background-color:rgb(31,31,31); border: 1px solid #000; display:flex; justify-content:center; align-items:center; cursor:pointer; color:green;
}
.setting_snd_filename_select
{
position: absolute; left:265px; top: 8px; width:20px; height: 18px; padding-bottom:2px; background-color:rgb(31,31,31); border: 1px solid #000; display:flex; justify-content:center; align-items:center; cursor:pointer;
}
.setting_snd_filename_mute
{
position: absolute; left:290px; top: 8px; width:20px; height: 18px; padding-bottom:2px; background-color:rgb(31,31,31); border: 1px solid #000; display:flex; justify-content:center; align-items:center; cursor:pointer;
}
.setting_snd_filename_mute
{
color: #aaaaaa;
}
.setting_snd_filename_mute.muted
{
color: #c63a3a;
}
.settings_snd_file_panel
{
position:absolute; left: 165px; width:330px; height:40px; border:1px solid #000000;
background: linear-gradient(160deg, #3a3a3a, #2a2c2d); box-shadow: 0 0 30px #000 inset, 0 0 20px #000; z-index: -5;
left: 145px;
}
.setting_snd_file_input
{
position:absolute; left:6px;top:7px; width:284px; height:16px; padding:3px; background-color:#161616; color:#999999; border: 1px solid #000000;
}
.setting_snd_library_toggle
{
position:absolute; left:302px; top:8px; font-size:14px; cursor:pointer;
}
#settings_snd_library_panel
{
position:absolute; left: 500px; top: 0px; width:317px; height: 170px; user-select:none;
border: 1px solid #000000;
background: linear-gradient(160deg, #3a3a3a, #111315); box-shadow: 0 0 30px #000 inset, 0 0 20px #000; display: none;
}
#settings_snd_library_items
{
position:absolute;
display:flex; justify-content: start; flex-direction:column;
margin: 10px 10px 10px 10px; padding: 10px; width:274px; height:125px; background: linear-gradient(45deg, #111111, #171717); border: 2px solid #000000;
overflow-y: scroll; scrollbar-color: rgb(0,0,0) rgb(55, 62, 67);
}
.settings_snd_ci
{
position:relative; padding:5px; color:#999999; background: linear-gradient(135deg,rgb(25,25,25),rgb(30,30,30),rgb(40,40,40)); box-shadow: 0 0 5px #222 inset, 0 0 5px #000; border:1px solid #000000; border-top: 0px;
}
.settings_snd_ci:nth-child(2)
{
border-top: 1px solid #000000;
}
.settings_snd_ci:hover
{
background: linear-gradient(135deg,rgb(20,20,20),rgb(25,25,25),rgb(35,35,35));
}
/* SETTINGS v2 end */
/* stats/config */
#config_colorpick
{
width: 189px !important; padding-left: 2px; font-size: 8.5pt; font-weight: normal;
}
#config_attackwarn
{
height: 120px; width: 250px !important;
}
#config_levlingskod:hover
{
cursor: help;
}
.config_cfg_caption
{
width: 150px;
}
.config_cfg_caption:hover
{
cursor: help;
}
.setting_style
{
position: relative; width: 135px; overflow: hidden;
}
#cfg_change_password_btn
{
position: relative; top: -4px
}
.config_cfg_input
{
width: 240px;
}
.config_cfg_button
{
width: 120px;
}
.config_cfg_value
{
width: 200px;
}
.output_hover
{
position: absolute; left: 0; top: 0; width: 285px; height: 188px;
background-color: #070707; opacity: 0.0; color: #aaaaaa; text-align: center; font-size: 15px;
}
.output_hover:hover
{
background-color: #000000; opacity: 0.85; cursor: pointer;
}
#hover_info
{
position: relative; width: 700px;
}
#config_current_image
{
position: absolute; border: 1px solid #000; width: 100px; height: 100px;
}
#config_table_account
{
position: relative; width: 700px; min-height: 50px; margin-bottom: 68px; display: none;
}
#residence_menu
{
position: absolute; left: 115px; top: 38px; width: 416px; padding: 5px;
}
#residence_info
{
position: absolute; width: 190px; height: 143px; left: 18px; top: 18px; cursor: pointer;
}
#general_info
{
position: absolute; width: 190px; height: 143px; left: 18px; top: 18px;
}
#pre_strid_table_attacker
{
position: relative; left: -41px; top: -4px; width: 533px; height: 160px; background-image: url(/design/prewarattack6.jpg);
}
#pre_strid_usr_img_attacker
{
position: absolute; left: 61px; top: 19px; width: 100px; height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
#pre_strid_usr_attacker
{
position: absolute; left: 62px; top: 2px; font-size: 10px; font-weight: bold;
}
#pre_strid_info_attacker
{
position: absolute; left: 200px; top: 37px; width: 300px; font-size: 10px; text-align: center;
}
#pre_strid_table
{
position: relative; left: -41px; top: -4px; width: 507px; height: 222px; background-image: url(/design/beforewar20.jpg);
}
#pre_strid_usr_img
{
position: absolute; left: 61px; top: 19px; width: 100px; height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
#pre_strid_usr
{
position: absolute; left: 62px; top: 2px; font-size: 10px; font-weight: bold;
}
#pre_strid_usr_stats
{
position: absolute; left: 55px; top: 147px; font-size: 10px;
}
#pre_strid_option_esc
{
position: absolute; left: 236px; top: 51px; width: 43px; height: 43px;
}
#pre_strid_option_fight
{
position: absolute; left: 323px; top: 51px; width: 43px; height: 43px;
}
#pre_strid_option_companion
{
position: absolute; left: 412px; top: 51px; width: 43px; height: 43px;
}
.pre_strid_opt
{
cursor: pointer;
}
.pre_strid_opt:hover
{
background-color: #000000; opacity: 0.15;
}
#pre_strid_info
{
position: absolute; left: 176px; top: 108px; width: 340px; height: 20px; font-size: 11px; text-align: center;
}
#pre_strid_show_timelimit_attacker
{
position: absolute; left: 176px; top: 70px; width: 340px; height: 20px; font-size: 11px; text-align: center;
}
#pre_strid_show_timelimit
{
position: absolute; left: 176px; top: 108px; width: 340px; height: 20px; font-size: 11px; text-align: center;
}
.robbery_text
{
top: 202px; text-align: center; position: absolute; left: 18px; width: 300px; font-size: 10px;
}
#robbery_table
{
position: relative; top: -7px; width: 335px; height: 253px; background-image: url(/design/ran7.jpg);
}
#robbery_countdown
{
position: absolute; left: 116px; top: 52px; width: 100px; text-align: center; height: 20px; font-size: 14pt;
}
#robbery_victim_choice
{
position: absolute; left: 55px; top: 42px; width: 44px; height: 44px; border: 1px solid #21211f; background-image: url(/design/ran7.jpg); display: none; text-align: center;
}
#robbery_robber_choice
{
position: absolute; left: 234px; top: 42px; width: 44px; height: 44px; border: 1px solid #21211f; background-image: url(/design/ran7.jpg); display: none; text-align: center;
}
#robbery_stone
{
position: absolute; left: 56px; top: 119px; width: 44px; height: 44px; background-color: #000000; opacity: 0;
}
#robbery_scissors
{
position: absolute; left: 145px; top: 119px; width: 44px; height: 44px; background-color: #000000; opacity: 0;
}
#robbery_paper
{
position: absolute; left: 234px; top: 119px; width: 44px; height: 44px; background-color: #000000; opacity: 0;
}
#robbery_victim_fight
{
position: absolute; left: 33px; top: 120px; width: 42px; height: 42px; cursor: pointer;
background-color: #000000; opacity: 0;
}
#robbery_victim_escape
{
position: absolute; left: 33px; top: 198px; width: 42px; height: 42px; cursor: pointer;
background-color: #000000; opacity: 0;
}
#bonus_item_caption
{
position: absolute; left: 60px; width: 282px; top: 10px; font-size: 10pt; color: #a89a82;
}
#bonus_item_hover
{
cursor: pointer;
}
#logga_ut_table
{
position: relative; top: -6px;
background-image: url(/design/utlogg9.jpg); width: 622px; height: 176px; background-repeat: no-repeat;
}
#logga_ut_btn
{
position: absolute; left: 30px; top: 127px; width: 173px; height: 59px; background-color: #000000; opacity: 0; cursor: pointer;
}
#logga_ut_btn:hover
{
opacity: 0.3;
}
#logga_ut_hover
{
position: absolute; top: 5px; left: 10px; display: none;
}
#trial_bg
{
position: relative; top: 10px; left: -4px; width: 719px; height: 397px; background-image: url(/design/trial8.jpg); margin-bottom: -3px;
}
#trial_c,#trial_ce
{
position: absolute; left: 60px; top: 45px; width: 249px; height: 152px;
}
#trial_c_hover
{
position: absolute; left: 60px; top: 45px; width: 249px; height: 152px; background-color: #000000; opacity: 0.0; color: #aaaaaa; font-size: 12px;
}
#trial_c_hover:hover
{
cursor: help;
}
.trial_view_shift
{
position: absolute; width: 217px; height: 62px; cursor: pointer;
}
.trial_view_shift:hover
{
background-color: #000000; opacity: 0.2;
}
.trial_view_shift_lbl
{
position: absolute; width: 217px; text-align: center;
}
#trial_cancel
{
color:#000; padding:5px; width: 140px; background-color: #232323; text-align:center; cursor:pointer; border: 1px solid #000;
}
.tr_opts
{
position: absolute; top: 0; width: 114px; height: 114px; cursor: pointer;
}
.tr_opts:hover
{
background-color: #000000; opacity: 0.5;
}
.trial_opt_bg
{
position: absolute; left: 0; top: 0; width: 33px; height: 33px; background-image: url(/design/trial-numberbutton5.jpg); background-repeat: no-repeat;
}
.trial_opt
{
position: absolute; top: 9px; left: 5px; text-align: center; width: 24px; color: #aad1ff;
}
#trial_reload
{
position: absolute; top: 225px; left: 311px; width: 19px; height: 19px;
}
#trial_reload:hover
{
background-color: #000000; opacity: 0.5; cursor: pointer;
}
#trial_explanation
{
position: absolute; top: 5px; left: 45px; font-weight: bold;
}
#trial_opt_wrapper
{
position: absolute; top: 304px; left: 46px;
}
.trial_outcome
{
position:absolute; left: 422px; top: 55px; width: 280px; height: 184px;
}
#trial_continue
{
position: absolute; height: 33px; width: 58px; top: 0; left: 4px; border: none; background-image: url(/design/trial-continuebutton4.jpg); font-size: 11px; color: #aaaaaa;
}
#trial_continue:hover
{
cursor: pointer;
}
#trial_outcome_hover
{
position:absolute; left: 0; top: 0; width: 280px; height: 184px; background-color: #070707; opacity: 0.0; text-align: center; color: #aaaaaa; font-size: 12px;
}
/* Prison */
#prison_bg
{
position: relative; top: -3px; width: 786px; height: 402px; left: 0; background-image: url(/design/finkan2.jpg);
}
#prison_sentence_txt
{
position: absolute; left: 16px; top: 284px; font-size: 11px;
}
#prison_notice_txt
{
position: absolute; left: 16px; top: 284px; display: none; font-size: 11px;
}
#prison_chat_input
{
position: absolute; top: 362px; left: 398px; width: 235px; height: 23px; border: none; background: transparent; color: #aaaaaa; font-size: 10px;
}
#prison_chat_window
{
position: absolute; top: 40px; left: 416px; width: 199px; height: 294px; font-size: 11px; overflow: hidden;
}
.prison_menu_item
{
position: absolute; height: 15px; width: 15px; cursor: pointer;
}
#prison_info_yard
{
left: 696px; top: 2px;
}
#prison_info_chat
{
left: 397px; top: 6px;
}
#prison_info_chat_send
{
position: absolute; left: 593px; top: 388px; width: 42px; height: 14px;
}
#prison_info_chat_send:hover
{
opacity: 1; cursor: pointer;
}
#prison_chat_participants
{
position: absolute; top: 40px; left: 655px; width: 120px; height: 280px; overflow: hidden;
}
#prison_action_rape
{
position: absolute; left: 272px; top: 332px; width: 46px; height: 47px; cursor: pointer; z-index: 7;
}
#prison_action_rape_cd
{
position: absolute; left: 272px; top: 332px; width: 46px; height: 47px; cursor: default; background-color: #000000; opacity: 0; z-index: 5;
}
#prison_action_rape_cd_txt
{
position: absolute; left: 0; top: 15px; width: 46px; cursor: default; text-align: center; font-size: 15px;
}
#prison_action_rape:hover
{
opacity: 0.2; background-color: #000000;
}
.prison_cm
{
position: relative; padding-left: 6px; padding-bottom: 3px; max-height: 30px; overflow: hidden; font-size: 10px;
}
.prison_event
{
position: relative; padding-bottom: 5px; color: #e647b0; font-size: 10px;
}
.prison_inm
{
position: relative; cursor: pointer; font-size:11px; text-decoration: none; color: #ca660b; font-weight: bold;
}
.prison_selected_inm
{
font-size: 11px; font-weight: bold;
}
#prison_usr_img
{
position: absolute; left: 53px; top: 112px; width: 100px; height: 100px;
}
#prison_usr_gets_raped
{
position: absolute; left: 53px; top: 112px; width: 100px; height: 100px; background-image: url(/design/hope2.jpg); display: none;
}
#prison_usr
{
position: absolute; left: 54px; top: 92px; font-size:11px; font-weight: bold;
}
#prison_usr_hp
{
position: absolute; left: 169px; top: 120px; font-size: 11px;
}
#prison_usr_sentence
{
position: absolute; left: 169px; top: 140px; font-size: 11px;
}
#prison_usr_respect
{
position: absolute; left: 169px; top: 160px; font-size: 11px;
}
#prison_usr_imp
{
position: absolute; left: 169px; top: 180px; font-size: 11px;
}
#prison_usr_hp_value
{
position: absolute; left: 240px; top: 120px; font-size: 11px;
}
#prison_usr_sentence_value
{
position: absolute; left: 240px; top: 140px; font-size: 11px;
}
#prison_usr_respect_value
{
position: absolute; left: 240px; top: 160px; font-size: 11px;
}
#prison_usr_imp_value
{
position: absolute; left: 240px; top: 180px; font-size: 11px;
}
#statistics_repeat
{
position: relative; width: 703px; min-height: 100px; background-image: url(/design/stats-statistik-repeat.jpg);
}
#statistics_top
{
position: relative; padding: 0; top: -0px; width: 704px; height: 51px; background-image: url(/design/stats-statistik-top3.jpg);
}
#statistics_bot
{
position: relative; padding: 0; top: -0px; width: 704px; height: 45px; background-image: url(/design/stats-statistik-footer.jpg);
}
#statistics_goto_stats
{
position: absolute; left: 658px; top: 8px; width: 36px; height: 36px; cursor: pointer;
}
#statistics_goto_stats:hover
{
background-color: #000000; opacity: 0.25;
}
#statistics_content
{
position: relative; top: 0px; left: 15px; padding-bottom: 5px; z-index: 15; width: 670px;
}
.minicolors {
position: relative;
display: inline-block;
z-index: 1;
}
.minicolors-focus {
z-index: 2;
}
.minicolors-theme-default.minicolors .minicolors-input {
vertical-align: middle;
outline: none;
}
.minicolors-theme-default.minicolors-swatch-left .minicolors-input {
margin-left: -1px;
margin-right: auto;
}
.minicolors-theme-default.minicolors-focus .minicolors-input,
.minicolors-theme-default.minicolors-focus .minicolors-swatch {
border-color: #999;
}
.minicolors-hidden {
position: absolute;
left: -9999em;
}
.minicolors-swatch {
position: relative;
width: 20px;
height: 20px;
background: url(/design/jquery.minicolors.png) -80px 0;
border: solid 1px #CCC;
display: inline-block;
vertical-align: middle;
}
.minicolors-swatch SPAN {
position: absolute;
width: 100%;
height: 100%;
background: none;
box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
display: inline-block;
}
/* Panel */
.minicolors-panel {
position: absolute;
top: 26px;
left: 0;
width: 173px;
height: 152px;
background: white;
border: solid 1px #CCC;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
display: none;
}
.minicolors-position-top .minicolors-panel {
top: -156px;
}
.minicolors-position-left .minicolors-panel {
left: -83px;
}
.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
left: -104px;
}
.minicolors-with-opacity .minicolors-panel {
width: 194px;
}
.minicolors .minicolors-grid {
position: absolute;
top: 1px;
left: 1px;
width: 150px;
height: 150px;
background: url(/design/jquery.minicolors.png) -120px 0;
cursor: crosshair;
}
.minicolors .minicolors-grid-inner {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: none;
}
.minicolors-slider-brightness .minicolors-grid {
background-position: -570px 0;
}
.minicolors-slider-brightness .minicolors-grid-inner {
background: black;
}
.minicolors-slider-wheel .minicolors-grid {
background-position: -720px 0;
}
.minicolors-slider,
.minicolors-opacity-slider {
position: absolute;
top: 1px;
left: 152px;
width: 20px;
height: 150px;
background: url(/design/jquery.minicolors.png) 0 0;
cursor: crosshair;
}
.minicolors-slider-saturation .minicolors-slider {
background-position: -60px 0;
}
.minicolors-slider-brightness .minicolors-slider {
background-position: -20px 0;
}
.minicolors-slider-wheel .minicolors-slider {
background-position: -20px 0;
}
.minicolors-opacity-slider {
left: 173px;
background-position: -40px 0;
display: none;
}
.minicolors-with-opacity .minicolors-opacity-slider {
display: block;
}
/* Pickers */
.minicolors-grid .minicolors-picker {
position: absolute;
top: 70px;
left: 70px;
width: 10px;
height: 10px;
border: solid 1px black;
border-radius: 10px;
margin-top: -6px;
margin-left: -6px;
background: none;
}
.minicolors-grid .minicolors-picker SPAN {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-radius: 6px;
border: solid 2px white;
}
.minicolors-picker {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 2px;
background: white;
border: solid 1px black;
margin-top: -2px;
}
/* Inline controls */
.minicolors-inline .minicolors-input,
.minicolors-inline .minicolors-swatch
{
display: none;
}
.minicolors-inline .minicolors-panel
{
position: relative;
top: auto;
left: auto;
display: inline-block;
}
.dead_table
{
position: relative; top: 0; left: 0; width: 515px; height: 167px;
background-image: url(/design/fail2.jpg);
}
#iv4_battle_canvas
{
position: relative; width: 700px; height: 400px;
}
/* stan/statistik */
#ssb
{
position:absolute; left: -58px; top: -44px; width: 897px; height: 305px; background-image: url(/design/stan-ranking7.jpg);
}
.sst
{
position:absolute; background-color: #000000; cursor: pointer; opacity: 0;
}
.sst:hover
{
opacity: 0.4;
}
.sstt
{
position: absolute; top: 73px; color: #8f8b79; font-weight: bold;
}
#ranking_menu
{
position: relative; left: -6px; top: 0; width: 714px; height: 87px; background-image: url(/design/stan-ranking4.png); background-repeat: no-repeat;
}
.ranking_mi
{
position: absolute; top: 20px; width: 35px; height: 35px; border: 1px; cursor: pointer;
}
.ranking_mi:hover
{
background-image: url(/design/husiconwhite5.png);
}
#ranking_output
{
position: relative; left: 10px; margin-bottom: -5px;
}
.sst
{
position:absolute; background-color: #000000; cursor: pointer; opacity: 0;
}
.sst:hover
{
opacity: 0.4;
}
#gang_ico
{
position: absolute; left: 37px; top: 23px; width: 100px; height: 100px; border: 1px; cursor: pointer;
}
#gang_ico:hover
{
filter: brightness(90%);
}
#gang_menu
{
position: relative;left: -58px; top: -43px; width: 897px; height: 150px; background-image: url(/design/gang-top9.jpg); margin-bottom: -4px;
}
.gang_repeat
{
position: relative; top: -39px; left: -44px; width: 869px; min-height: 50px; padding-bottom: 16px; background-image: url(/design/gang-repea2t.jpg);
}
.gang_footer
{
position: relative; top: -39px; left: -44px; width: 869px; height: 5px; background-image: url(/design/gang-footer3.jpg); margin-bottom: -53px;
}
.gng_mi
{
width: 150px; height:58px; background-color:#000; display:flex; justify-content:center; align-items: center; color: #8f8b79; user-select: none; font-weight:bold; cursor:pointer;
}
.gng_mi:hover
{
color: #797566;
}
.gang_member
{
position: relative; left: 45px; height: 10px; top: 18px; padding-bottom: 7px;
}
.gng_td1
{
position: absolute; left: 0;
}
.gng_td2
{
position: absolute; left: 110px;
}
.gng_td3
{
position: absolute; left: 247px;
}
.gng_td4
{
position: absolute; left: 337px;
}
.gng_td5
{
position: absolute; left: 422px;
}
.gng_td6
{
position: absolute; left: 495px;
}
.gng_td7
{
position: absolute; left: 570px;
}
/* Gang illegal */
.anv
{
color:#CA660B; font-weight: bold;
}
/* gang upgrade screen */
/* Hospital */
#hospital
{
position: relative; top: 0; background-image: url(/design/bordell7.jpg); width: 643px; height: 92px;
}
#hospital_extension
{
position: absolute; left: 216px; top: 0; width: 311px; height: 134px; background-image: url(/design/bordell-aktive.png); display: none;
}
#hospital_price
{
position: absolute; left: 30px; top: 97px;
}
#hospital_heal_btn
{
position: absolute; width: 176px; height: 104px; left: 419px; top: 17px; cursor: pointer;
}
#hospital_heal_btn:hover
{
background-image: url(/design/bordell-hover2.jpg);
}
#hospital_cd_display
{
position: absolute; left: 525px; top: 59px; font-size: 18px; width: 100px; text-align: center; font-weight: bold;
}
#hospital_cd_display_bg
{
position: absolute; left: 533px; top: 31px; width: 82px; height: 82px; background-image: url(/design/bordell-timer.jpg); display: none;
}
.hospital_item
{
position: absolute; width: 315px; height: 109px; background-image: url(/design/bordell-store.jpg);
}
.hospital_item_img
{
position: absolute; left: 6px; top: -20px; width: 115px; height: 100px; background-image: url(/design/bordell-sprite.png);
}
.hospital_item_btn
{
position: absolute; left: 214px; top: 82px; width: 95px; height: 16px;
}
.hospital_item_btn_hvr
{
position: absolute; left: 207px; top: 80px; width: 98px; height: 18px; cursor: pointer;
}
.hospital_item_btn_hvr:hover
{
background-color: #000000; opacity: 0.2;
}
.hospital_item_bonus
{
position: absolute; left: 170px; top: 15px; font-size: 12px;
}
.hospital_item_price
{
position: absolute; left: 170px; top: 47px; font-size: 12px;
}
.hospital_item_anv
{
position: absolute; left: 52px; top: 84px; font-size: 12px;
}
.offer_left_arrow
{
position: absolute; left: -2px; top: 162px; width: 14px; height: 21px; cursor: pointer;
}
.offer_right_arrow
{
position: absolute; left: 186px; top: 162px; width: 14px; height: 21px; cursor: pointer;
}
#hospital_prev_costs
{
position: absolute; left: 24px; top: 23px; width: 175px; height: 63px; border: 1px; background-color: #000000; opacity: 0; cursor: pointer;
}
#hospital_prev_costs:hover
{
opacity: 0.3;
}
#hospital_results
{
position: absolute; left: 24px; top: 103px; width: 175px; height: 63px; border: 1px; background-color: #000000; opacity: 0; cursor: pointer;
}
#hospital_results:hover
{
opacity: 0.3;
}
#hospital_results_back_btn
{
position: absolute; left: 24px; top: 103px; width: 175px; height: 63px; border: 1px; background-color: #000000; opacity: 0; cursor: pointer;
}
#hospital_results_back_btn:hover
{
opacity: 0.3;
}
#offer_priv_table
{
position: relative; left: 0; top: 5px; width: 694px; height: 356px; cursor: pointer; background-image: url(/design/stan-sms-privinfo3.png); display: none;
}
#b_main_tbl
{
position: relative; left: 0; top: 0; height: 400px; width: 773px; background-image: url(/design/stats-banditer3.jpg);
}
.bmi
{
position: absolute; width: 188px; height: 45px; cursor: pointer;
}
.bmif
{
position: absolute; width: 188px; height: 45px; cursor: pointer;
}
.bmih
{
position: absolute; width: 188px; height: 45px; cursor: pointer;
}
.bmti
{
position: absolute; left: 210px;
}
.bmco
{
position: absolute; left: 210px;
}
.bcmi
{
position: absolute; width: 100px; height: 100px; cursor: pointer;
}
.bcmif
{
position: absolute; width: 100px; height: 100px;
}
.bcmis
{
position: absolute; width: 100px; height: 100px; cursor: pointer;
}
.bcmih
{
position: absolute; width: 100px; height: 100px; cursor: pointer;
}
#b_info_name
{
position: absolute; left: 0; top: 0; font-weight: bold;
}
#b_info_shoplifting
{
position: absolute; left: 0; top: 25px; font-weight: bold; color: #8f8b79;
}
#b_stat_shoplifting_val
{
position: absolute; left: 90px; top: 25px; font-weight: bold;
}
#b_info_blackmail
{
position: absolute; left: 0; top: 40px; font-weight: bold; color: #8f8b79;
}
#b_stat_blackmail_val
{
position: absolute; left: 90px; top: 40px; font-weight: bold;
}
#b_info_slinging
{
position: absolute; left: 130px; top: 25px; font-weight: bold; color: #8f8b79;
}
#b_stat_slinging_val
{
position: absolute; left: 213px; top: 25px; font-weight: bold;
}
#b_info_protection
{
position: absolute; left: 130px; top: 40px; font-weight: bold; color: #8f8b79;
}
#b_stat_protection_val
{
position: absolute; left: 213px; top: 40px; font-weight: bold;
}
#b_info_break-in
{
position: absolute; left: 251px; top: 25px; font-weight: bold; color: #8f8b79;
}
#b_info_break-in_val
{
position: absolute; left: 317px; top: 25px; font-weight: bold;
}
#b_info_attack
{
position: absolute; left: 251px; top: 40px; font-weight: bold; color: #8f8b79;
}
#b_stat_attack_val
{
position: absolute; left: 317px; top: 40px; font-weight: bold;
}
#b_hover
{
position: absolute; left: 333px; top: 363px; width: 400px; height: 34px;
}
#b_menu
{
position: relative; top: 80px; left: 41px;
}
#b_char_menu
{
position: relative; top: 32px; left: 334px;
}
#b_info_area
{
position: absolute; left: 333px; top: 298px; display: none;
}
#b_confirm
{
position: absolute; background-image: url(/design/stats-banditer-confirm.png); left: 738px; top: 366px; width: 23px; height: 23px; background-repeat: no-repeat; cursor: pointer; display: none;
}
#b_confirm:hover
{
background-color: #000000;
opacity: 0.6;
}
/* Stan/Support */
#sp_menu
{
position:absolute; left: -58px; top: -43px; width: 897px; height: 132px; background-image: url(/design/stan-supportop.jpg);
}
#sp_menu2
{
position:absolute; left: 605px; top: 89px; width: 215px; height: 264px; background-image: url(/design/stan-supportright.jpg);
}
.sp_mi
{
position:absolute; width: 204px; height: 61px; background-color: #000000; opacity: 0; cursor: pointer;
}
.sp_mi:hover
{
opacity: 0.3;
}
.sp_mil
{
position: absolute; font-weight: bold; color: #8f8b79; width: 110px;
}
.sp_i
{
position: absolute; width: 204px; height: 160px; background-image: url(/design/stan-supportprofile.jpg);
}
/*
stats/warnings
*/
.warning_top
{
position: relative; background-image: url(/design/varningar-top.png); background-repeat: no-repeat; left: 0; width:658px; height: 110px;
}
.warning_rpt
{
position: relative; left: 0; width:658px; background-image: url(/design/varningar-repeat2.png); background-repeat: repeat-y;
}
.warning_bot
{
position: relative; left: 0; width:658px; height: 1px; background-image: url(/design/varningar-botten2.png); background-repeat: repeat-y; margin-bottom: 25px;
}
.warning_cpn
{
position:absolute; top: 8px; left: 10px;
}
.warning_nfo
{
position: absolute; left: 10px; top: 41px; width: 630px;
}
.warning_dsc
{
position: relative; left: 10px; top: -15px; width: 630px;
}
.warning_type_0
{
color:#8f8b79; font-weight: bold;
}
.warning_type_1
{
color:green; font-weight: bold;
}
.warning_type_2
{
color:#e04a4a; font-weight: bold;
}
.warning_type_3
{
color:#9c4897; font-weight: bold;
}
#warning_info_dsc
{
display: none;
}
.awmi
{
border: 1px solid #232323; margin-bottom: 5px; cursor: pointer; margin-top: 10px;
-webkit-user-select: none; user-select: none;
}
.awmi:hover
{
border: 1px solid rgb(102,85,68);
}
/* nyheter/warnings */
.warnings_section
{
margin-top: 20px;
}
.wulr
{
position:relative; height: 20px; padding: 5px; padding-top: 10px; width: 802px;
}
.wulm
{
position:relative; height: 15px; width:638px; padding: 5px;
}
.wulm:hover
{
background-color: #070707;
}
.wul0
{
position:absolute; left: 255px; width:900px;
}
.wula
{
position:absolute;
}
.wulb
{
position:absolute; left: 160px; width:200px;
}
.wulc
{
position:absolute; left: 260px; width:200px;
}
.wuld
{
position:absolute; left: 390px; width:200px;
}
.wule
{
position:absolute; left: 550px; width:200px;
}
.wulf
{
position:absolute; left: 675px; width:200px;
}
.wumlm
{
position:relative; margin-top: 10px; margin-bottom: -18px;
}
.wult
{
display: inline-block;
top: -5px;
border: 1px solid #232323;
-webkit-user-select: none;
user-select: none;
position: relative; padding: 5px; text-align: center;
width: 100px;
margin-left: 20px;
cursor: pointer;
}
.wult:hover
{
border: 1px solid rgb(102,85,68);
}
#wultc
{
position:absolute; left: 275px; top:15px;
padding: 10px;
border: 1px solid #232323;
-webkit-user-select: none;
user-select: none;
text-align: center;
cursor: pointer;
}
#wultc:hover
{
border: 1px solid rgb(102,85,68);
}
/* Strid v2 */
#io_spectators
{
display: grid; align-items: center; text-align: center; position:absolute; left:-62px; top:120px; width:20px; height: 20px; border: 1px solid #252525; background-color: #090909; color:#515151; user-select:none; cursor:pointer;
}
#io_spectators:hover
{
background-color: #000000;
color: #454545;
}
#io_player_slots
{
position: relative;
left: -1px;
top: -22px;
width: 790px;
overflow-x: hidden;
margin: 0;
margin-top: -10px;
padding-bottom: 10px;
min-height: 160px;
}
.io_slot_contain
{
position: absolute; top:0; left:0;
width: 337px; height: 20px;
}
.io_damage
{
position: absolute;
left: 265px;
top: -5px;
font-size: 13pt;
width: 80px;
height: 25px;
color: #ffcc66;
text-shadow: 1px 1px 0 #000,
-1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000,
0 1px 0 #000,
0 -1px 0 #000,
-1px 0 0 #000,
1px 0 0 #000,
2px 2px 0 #000,
-2px 2px 0 #000,
2px -2px 0 #000,
-2px -2px 0 #000,
0 2px 0 #000,
0 -2px 0 #000,
-2px 0 0 #000,
2px 0 0 #000,
1px 2px 0 #000,
-1px 2px 0 #000,
1px -2px 0 #000,
-1px -2px 0 #000,
2px 1px 0 #000,
-2px 1px 0 #000,
2px -1px 0 #000,
-2px -1px 0 #000;
}
.io_hitpoints
{
position: absolute;
top: 5px;
left: 52px;
width: 276px;
height: 15px;
font-size: 7pt;
text-align: center;
color: rgb(175,175,175);
vertical-align: top;
text-shadow: 1px 1px 0 #000,
-1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000,
0 1px 0 #000,
0 -1px 0 #000,
-1px 0 0 #000,
1px 0 0 #000,
2px 2px 0 #000,
-2px 2px 0 #000,
2px -2px 0 #000,
-2px -2px 0 #000,
0 2px 0 #000,
0 -2px 0 #000,
-2px 0 0 #000,
2px 0 0 #000,
1px 2px 0 #000,
-1px 2px 0 #000,
1px -2px 0 #000,
-1px -2px 0 #000,
2px 1px 0 #000,
-2px 1px 0 #000,
2px -1px 0 #000,
-2px -1px 0 #000;
}
.io_slot
{
position: absolute;
top:20px;
left:-1px;
background-repeat: no-repeat;
width:361px;
height:130px;
background-image: url(/design/strid-enemy14.png);
}
.io_c_img
{
position: absolute;
top: 0; left: 1px;
width: 340px; height: 128px;
background-image: url(/design/blueflash.png);
overflow: hidden;
z-index: 7777;
display: none;
}
.io_c_img_fe
{
position: absolute;
top: 26px; left: 1px;
width: 100px; height: 100px;
overflow: hidden;
z-index: 7778;
display: none;
background-image : url(/design/strid-selectsprite2.png); background-position: -0px 0;
}
.io_healthbar
{
position: absolute; top: 4px; left: 49px; width: 274px; height: 14px; background-image:url(/design/strid-healthbar4.png);
max-width: 274px;
}
.io_playername
{
position: absolute;
top: -20px;
left: 51px;
width: 276px;
font-size: 11pt;
text-align: center;
}
.io_lvl
{
position: absolute;
top: 3px;
left: 5px;
width: 40px;
font-size: 10pt;
text-align: center;
}
.io_content
{
position: absolute;
top: 30px;
left: 112px;
width: 220px;
height: 96px;
font-size: 8.5pt;
}
.io_img
{
position: absolute;
top: 30px;
left: 1px;
height: 100px;
width: 100px;
text-align: center;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
}
#io_gui
{
position: relative;
top: -60px;
left: -41px;
width: 861px;
height: 234px;
background-image: url(/design/strid-main21.png);
margin-top: 50px;
margin-bottom: -72px;
}
#io_event_display
{
position: absolute;
top: 37px;
left: 15px;
border: 0;
font-size: 8pt;
padding: 3px;
opacity: 0.5;
margin-bottom: -120px;
overflow: hidden;
overflow-y: scroll;
scrollbar-color: #000000 #151515;
padding-bottom: 6px; padding-left: 10px;
width: 313px; height: 141px;
}
#io_spectators_display
{
position: absolute;
top: 37px;
left: 15px;
border: 0;
font-size: 8pt;
padding: 3px;
opacity: 0.5;
margin-bottom: -120px;
overflow: hidden;
overflow-y: scroll;
scrollbar-color: #000000 #151515;
padding-bottom: 6px; padding-left: 10px;
width: 313px; height: 141px;
display: none;
}
#io_hover_display
{
position: absolute;
top: 30px;
left: 434px;
width: 286px;
height: 55px;
border: 0;
font-size: 7pt;
padding: 3px;
padding-left: 6px;
}
#io_input
{
position: absolute;
top: 200px;
left: 14px;
width: 258px;
height: 18px;
border: 0;
background-color: #000;
font-size: 11pt;
padding: 3px;
opacity: 0.4;
overflow: auto;
margin-bottom: -165px;
color: #CCCCCC;
}
#io_input_cmd
{
position: absolute;
top: 202px;
left: 282px;
height: 21px;
width: 63px;
border: 0;
background-image: url(/design/strid-ok.jpg);
color: #878787;
font-size: 10pt;
}
#io_input_cmd_cvr
{
position: absolute; top: 202px; left: 282px; height: 21px; width: 63px; background-color: #000000; opacity: 0.7; display: none;
}
#io_input_cmd:hover {color: #e7e7e7;}
#io_mute
{
display: grid; align-items: center; text-align: center; position:absolute; left:-62px; top:27px; width:20px; height: 20px; border: 1px solid #252525; background-color: #090909; color:#515151; user-select:none; cursor:pointer;
}
#io_mute:hover
{
background-color: #000000;
color: #454545;
}
#io_sound
{
display: grid; align-items: center; text-align: center; position:absolute; left:-62px; top:54px; width:20px; height: 20px; border: 1px solid #252525; background-color: #090909; color:#515151; user-select:none; cursor:pointer;
}
#io_sound:hover
{
background-color: #000000;
color: #454545;
}
#io_volume
{
display: grid; align-items: center; text-align: center; position:absolute; left:-62px; top:82px; width:20px; height: 20px; border: 1px solid #252525; background-color: #090909; color:#515151; user-select:none; cursor:pointer;
}
#io_volume:hover
{
background-color: #000000;
color: #454545;
}
#io_attack
{
position: absolute;
top: 120px;
left: 434px;
width: 141px;
height: 26px;
border: 0;
background-image: url(/design/strid-attack2.png);
color: #878787;
font-size: 9pt;
outline: none;
}
#io_attack:hover
{
color: #e6e6e6;
}
#io_play
{
position: absolute;
top: 120px;
left: 434px;
width: 141px;
height: 26px;
border: 0;
background-image: url(/design/strid-attack2.png);
color: #878787;
font-size: 9pt;
outline: none;
cursor:pointer
}
#io_play:hover
{
color: #e6e6e6;
}
#io_reset
{
position: absolute;
top: 120px;
left: 587px;
width: 141px;
height: 26px;
border: 0;
background-image: url(/design/strid-item2.png);
color: #878787;
font-size: 9pt;
cursor:pointer
}
#io_reset:hover
{
color: #e6e6e6;
}
#io_defend
{
position: absolute;
top: 120px;
left: 587px;
width: 141px;
height: 26px;
border: 0;
background-image: url(/design/strid-item2.png);
color: #878787;
font-size: 9pt;
}
#io_defend:hover
{
color: #e6e6e6;
}
#io_attack_btn_fe
{
position: absolute; top: 120px; left: 436px; width: 137px; height: 26px; display: none; background-image: url(/design/strid-abuttionsprite2.png); background-position: 0 0;
}
#io_p4wn
{
position: absolute; left: 435px; top: 164px; width: 96px; height: 26px; background-image: url(/design/strid-grey.png); cursor: pointer; opacity: 0.3; user-select: none;
}
#io_p4wn_lbl
{
position: absolute; left: 5px; top: 5px; width: 85px; height: 15px; text-align: center;
}
#io_p4wn:hover
{
color: #e6e6e6;
}
#io_escape
{
position: absolute; left: 629px; top: 164px; width: 96px; height: 26px; background-image: url(/design/strid-grey.png); cursor: pointer; opacity: 0.3; user-select: none;
}
#io_escape_lbl
{
position: absolute; left: 5px; top: 5px; width: 85px; height: 15px; text-align: center;
}
#io_escape:hover
{
color: #e6e6e6;
}
#io_heal
{
position: absolute; left: 532px; top: 164px; width: 96px; height: 26px; background-image: url(/design/strid-grey.png); cursor: pointer; opacity: 0.3; user-select: none;
}
#io_heal_lbl
{
position: absolute; left: 5px; top: 5px; width: 85px; height: 15px; text-align: center;
}
#io_heal:hover
{
color: #e6e6e6;
}
#io_reload
{
position: absolute; left: 507px; top: 203px; width: 150px; height: 20px;background-image: url(/design/strid-grey-long.png); cursor: pointer; user-select: none;
}
#io_reload_lbl
{
position: absolute; left: 5px; top: 3px; width: 150px; height: 15px; text-align: center;
}
#io_reload:hover
{
color: #e6e6e6;
}
#io_auto_reload
{
position: absolute; left: 662px; top:203px; width:100px; height: 20px;background-image: url(/design/strid-grey-long.png); cursor: pointer; user-select: none;
}
#io_auto_reload_lbl
{
position: absolute; left: 0px; top: 3px; width: 100px; height: 15px; text-align: center;
}
#io_auto_reload:hover
{
color: #e6e6e6;
}
#io_auto_attack
{
position: absolute; left:402px;top:203px; width: 100px; height: 20px;background-image: url(/design/strid-grey-long.png); cursor: pointer; user-select: none;
}
#io_auto_attack_lbl
{
position: absolute; left: 0px; top: 3px; width: 100px; height: 15px; text-align: center;
}
#io_auto_attack:hover
{
color: #e6e6e6;
}
#io_skill_reload
{
position: absolute; left: 532px; top: 164px; width: 96px; height: 26px; background-image: url(/design/strid-grey.png); cursor: pointer;
}
#io_skill_reload_lbl
{
position: absolute; left: 5px; top: 5px; width: 85px; height: 15px; text-align: center;
}
#io_escape_screen
{
position: absolute; left: 433px; top: 24px; width: 319px; height: 175px; background-image:url(/design/strid-prepp.jpg);
}
.io_esc_opt
{
position: absolute; width: 45px; height: 31px; background-color: transparent; cursor: pointer; opacity: 0.3;
}
.io_esc_optx
{
position: absolute; width: 45px; height: 31px; background-image:url(/design/strid-preppspritemap.jpg); opacity: 1; cursor: default;
}
.io_esc_opt:hover
{
background-color: #000000;
}
#io_esc_cancel
{
position: absolute; left: 55px; top: 113px; color:#CA660B; font-weight: bold; cursor: pointer;
}
#io_esc_cancel:hover
{
color: #894507;
}
.cu /* chat username */
{
color:#CA660B; font-weight: bold; margin-top:5px
}
cu /* chat username */
{
color:#CA660B; font-weight: bold;
}
cb /* chat username block (like a ) */
{
color:#CA660B; font-weight: bold; display: block;
}
cm /* chat message */
{
padding: 5px; padding-left: 0; padding-bottom: 2px; display: block;
}
#io_decision_cover
{
position: absolute; left: -42px; top: -16px; border-radius: 5px; backdrop-filter: grayscale(100%) brightness(60%); width: 865px; height: 407px; display:none
}
#io_decision_screen
{
position:absolute; top: 114px; left: 150px; background-image: url(/design/vridskona.jpg); width:500px; height:250px;
}
.io_decision_opt_txt
{
position:absolute; left:0; top: 159px; width: 200px; text-align:center; user-select: none;
}
#io_decision_nfo
{
position:absolute; top: 36px; left: 0; width: 500px; text-align: center;
}
#io_vrid
{
position:absolute; left: 35px; top: 65px; width: 198px; height: 148px; cursor:pointer;
}
#io_skona
{
position:absolute; left: 265px; top: 65px; width: 198px; height: 148px; cursor:pointer;
}
#io_vrid:hover,#io_skona:hover
{
background-color:#000000; opacity: 0.5;
}
.io_SP
{
position: absolute; left: 318px; top: 39px; width: 36px; text-align: center; font-size: 20px; height: 26px; cursor: default;
}
#io_crit_counter
{
position: absolute; color: #752987; left: 372px; top: 141px; text-align: center; width: 36px; font-size: 20px; height: 26px; cursor: default; user-select: none;
}
#io_crit_counter_circle
{
top: 0; left: 0; height: 53px;width: 53px;
border-radius: 50%; position: absolute;
background: conic-gradient(#353535 0deg, #131212 0deg);
opacity: 0.7;
}
.io_en
{
position:absolute; left: 47px; top: 21px; width: 276px; height: 2px; border-bottom: 1px solid #111111; border-top: 1px solid #111111; background-color: #000000;
}
.io_enr
{
position:absolute; left: 47px; top: 21px; width: 276px; height: 2px; border-bottom: 1px solid #111111; border-top: 1px solid #111111; background-color: rgba(180,10,40,0.7); display: none;
}
#io_spectator_cvr
{
position:absolute; left:422px; top:202px; height: 22px; width: 308px; background-color:#000000;
}
#io_decision_loser_anv
{
color:#CA660B; font-weight: bold;
}
#io_replay_slider_label
{
position:absolute; left: 12px; top: 4px; width:120px;
}
#io_replay_slider
{
position:absolute; left: 120px; top: 2px; width:180px;
appearance: none; outline:none; background: none; padding: 0px;
}
#io_replay_slider_bg
{
position:absolute; left: 119px; top: 1px; width:186px; height:20px; background-color: #121212;
}
#io_replay_slider::-webkit-slider-thumb
{
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 14px;
cursor: pointer;
background-color: #323232;
outline:2px solid rgb(00,00,00);
}
/* christmas calendar yay */
#calendar_bg
{
position:relative; background-image: url(/design/calendar3.jpg); width:768px; height:512px; border: 1px solid #000000;outline: 3px solid rgba(21,21,21,1); z-index: 9999; filter: blur(35px);
}
.calendar_page
{
position:absolute; border: 1px solid rgba(0,0,0,1);
outline: 3px solid rgba(21,21,21,1);
width: 83px; height: 83px;
font-size: 14px; color: #717171; user-select: none;
background-image: url(/design/calender_slot3.jpg);
border-radius: 2px;
}
.calendar_nr
{
position:absolute; left: 12px; top: 11px; width: 56px; height: 70px;
font-family: Lucida Handwriting; color: #a83c32;
}
.calendar_reward
{
position:absolute; left: 4px; top: 37px; width: 74px; height: 70px;
text-align: center; font-size: 11px; color: #888888;
}
/* Christmas calendar end */
/* SEA (upgrade equipment) START */
#sea_main
{
anchor-name: --sea-anchor;
position:relative;
width:480px; height:218px;
border: 2px solid transparent;
background:
linear-gradient(
135deg,
rgb(55,55,55),
rgb(28,28,28)
) padding-box,
linear-gradient(
135deg,
rgb(150,150,150),
rgb(90,90,90),
rgb(150,150,150)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
user-select:none;
}
.sea_nfo
{
position:absolute;
top:12px; left:15px;
width:60px;
color: rgb(170,170,170);
font-weight:bold;
font-size:11pt;
text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
.sea_switch
{
position:absolute;
top:14px; left:105px;
width:55px; height:28px;
border: 2px solid transparent;
background:
linear-gradient(
to bottom,
rgb(28,28,28),
rgb(28,28,28)
) padding-box,
linear-gradient(
to right,
rgb(170,170,170),
rgb(110,110,110),
rgb(170,170,170)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
cursor:pointer;
display:none;
}
.sea_switch div
{
position:absolute;
top:0; left:0;
width:24px; height:24px;
background:
linear-gradient(
to bottom,
rgb(245,235,170),
rgb(180,165,95)
);
border:2px solid rgb(0,0,0);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.4),
0 2px 4px rgba(0,0,0,0.7);
}
.sea_volume_contain
{
position:absolute;
top:14px; left:235px; width:105px; height:28px;
border: 2px solid transparent;
background:
linear-gradient(
to bottom,
rgb(28,28,28),
rgb(28,28,28)
) padding-box,
linear-gradient(
to right,
rgb(170,170,170),
rgb(110,110,110),
rgb(170,170,170)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
}
.sea_volume_slider
{
position:absolute; top:4.5px; left:0px; width:101px; height:15px;
appearance: none; outline:none; background: none; padding: 0px; display: none;
}
.sea_volume_slider::-webkit-slider-thumb
{
-webkit-appearance: none;
appearance: none;
width: 10px;
height: 24px;
cursor: pointer;
background:
linear-gradient(
to bottom,
rgb(245,235,170),
rgb(180,165,95)
);
outline:2px solid rgb(0,0,0);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.4),
0 2px 4px rgba(0,0,0,0.7);
}
.sea_upgrade_area
{
position:absolute;
top:63px; left:52px;
width:369px; height:98px;
background:
linear-gradient(
135deg,
rgb(42,42,42),
rgb(24,24,24)
);
border:1px solid rgb(60,60,60);
box-shadow:
0 3px 8px rgba(0,0,0,0.9),
inset 0 0px 0 rgba(255,255,255,0.12),
inset 0 -2px 4px rgba(0,0,0,0.8);
}
#sea_upgrade_area_stacks
{
position:absolute;
top:123px; left:182px;
width:111px; height:20px;
background:
linear-gradient(
to bottom,
rgb(18,18,18),
rgb(8,8,8)
);
border:1px solid rgb(50,50,50);
display:flex;
justify-content:center;
align-items:center;
box-shadow:
inset 0 2px 4px rgba(0,0,0,0.9);
cursor: pointer;
}
.sea_upgrade_area_chance
{
position:absolute;
top:12px; left:128px;
width:111px; height:20px;
background:
linear-gradient(
to bottom,
rgb(18,18,18),
rgb(8,8,8)
);
border:1px solid rgb(50,50,50);
display:flex;
justify-content:center;
align-items:center;
box-shadow:
inset 0 2px 4px rgba(0,0,0,0.9);
}
.sea_ingredient_slot
{
position:absolute; top:17px; left:17px; background-color:#000000;
width:100px; height:50px; background-repeat: no-repeat; background-position: -400px -250px;
border:2px solid rgb(60,60,60);
background-size: 3300px 450px;
background-repeat: no-repeat;
}
.sea_item_slot
{
position:absolute; top:17px; left:248px; background-color:#000000;
width:100px; height:50px; background-repeat: no-repeat;
border:2px solid rgb(60,60,60);
background-size: 3300px 450px;
background-repeat: no-repeat;
}
.sea_btn
{
position:absolute;
top: 105px;
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 34px;
background-color: #171717;
border-radius: 7px;
}
.sea_button1
{
width: 100px;
height: 30px;
border-radius: 8px;
border: none;
outline: none;
background-color: #8b8886;
box-shadow: rgba(0, 0, 0, 0.377) 10px 10px 8px,
#ffffff 1.5px 1.5px 2px 0px inset,
#8b8886 -3.2px -3.2px 8px 0px inset;
cursor: pointer;
color: #000; font-size: 13px;
/*font-family: Montserrat;*/
transition: 0.1s ease-in-out;
}
.sea_btn:hover
{
filter: brightness(1.04);
}
.sea_button1_pressed
{
box-shadow: rgba(0, 0, 0, 0.377) 0px 0px 0px,
inset 0.5px 0.5px 4px #000000,
#8b8886 -3.2px -3.2px 8px 0px inset;
font-size: 9.5pt; cursor: default;
}
.sea_button1:active
{
box-shadow: rgba(0, 0, 0, 0.377) 0px 0px 0px,
inset 0.5px 0.5px 4px #000000,
#8b8886 -3.2px -3.2px 8px 0px inset;
font-size: 9.5pt;
}
.sea_button_holder
{
position:absolute; top: 101px; width: 112px; height: 42px; background-color:#a2a09f; border-radius: 10px;
box-shadow:
3px 3px 8px rgba(0,0,0,0.85),
inset 0 -2px 3px rgba(0,0,0,0.7);
}
.sea_progressbar
{
position:absolute; left: 119px; top:39px; width: 0px; height: 10px; background-color: #237fa6;
}
.sea_ingredient_slot_circle
{
top: 12px; left: 12px; height: 64px;width: 114px;
border-radius: 0%; position: absolute;
background: conic-gradient(#237fa6 0deg, #131212 0deg);
opacity: 0.7;
}
.sea_item_slot_circle
{
top: 12px; left: 243px; height: 64px;width: 114px;
border-radius: 0%; position: absolute;
background: conic-gradient(#237fa6 0deg, #131212 0deg);
opacity: 0.7;
}
.sea_bridge
{
position:absolute; left: 119px; top:36px; width: 131px; height: 12px; background-color: #000; border-top: 2px solid rgb(60,60,60);border-bottom: 2px solid rgb(60,60,60);
}
#sea_usable_quantity
{
position:absolute; left: 73px; top: 87px;
}
#sea_menu
{
position:absolute;
position-anchor: --sea-anchor; position-area: top;
width: 480px;
height: 25px;
}
.sea_mi
{
position:absolute; width:90px;
height:25px; display:flex; justify-content:center; align-items: center;
border: 2px solid transparent;
background:
linear-gradient(
to bottom,
rgb(55,55,55),
rgb(28,28,28)
) padding-box,
linear-gradient(
to right,
rgb(120,130,130),
rgb(90,90,90),
rgb(120,130,130)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
border-radius: 25% 20% 12% 0%;
cursor: pointer; user-select: none; font-weight: bold; color: #a58e82;
}
.sea_mi:first-child
{
color: #c06777; cursor: default; transform: translateY(1px);
}
.sea_mi:hover
{
background:
linear-gradient(
to bottom,
rgb(45,45,45),
rgb(21,21,21)
) padding-box,
linear-gradient(
to right,
rgb(130,130,130),
rgb(90,90,90),
rgb(130,130,130)
) border-box;
}
#sea_stacks_panel,.sea_item_panel
{
position:absolute; left: -129px; top: -2px; width: 120px; height: 218px; background-color: #414141;
border: 2px solid transparent;
background:
linear-gradient(
135deg,
rgb(55,55,55),
rgb(28,28,28)
) padding-box,
linear-gradient(
135deg,
rgb(150,150,150),
rgb(90,90,90),
rgb(150,150,150)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
}
#sea_stacks_panel
{
display: none;
}
.sea_item_panel
{
width: 170px;
display: none;
}
#sea_items
{
left:9px; top:9px; width:141px; padding: 5px 5px 0px 5px; height:192px; overflow-y: scroll; scrollbar-color: rgb(0,0,0) rgb(55, 62, 67);
background:
linear-gradient(
135deg,
rgb(62,62,62),
rgb(24,24,24)
);
box-shadow:
0 3px 8px rgba(0,0,0,0.9),
inset 0 0px 0 rgba(255,255,255,0.12),
inset 0 -2px 4px rgba(0,0,0,0.8);
}
#sea_items div,#sea_stacks div
{
padding-left: 5px; margin-bottom: 2px; cursor: pointer; color:#aaa; font-size: 11px; height:25px;
background:linear-gradient(
to bottom,
rgb(18,18,18),
rgb(8,8,8)
);
display:flex; align-items: center;
}
#sea_items div:hover,#sea_stacks div:hover
{
background:linear-gradient(
to bottom,
rgb(24,24,24),
rgb(12,12,12)
);
color: #bbb; outline: 1px solid #eadf9d;
}
#sea_stacks
{
left:9px; top:9px; width:91px; padding: 5px 5px 0px 5px; height:192px; overflow-y: scroll; scrollbar-color: rgb(0,0,0) rgb(55, 62, 67);
background:
linear-gradient(
135deg,
rgb(62,62,62),
rgb(24,24,24)
);
box-shadow:
0 3px 8px rgba(0,0,0,0.9),
inset 0 0px 0 rgba(255,255,255,0.12),
inset 0 -2px 4px rgba(0,0,0,0.8);
}
#sea_stacks_limit_nfo
{
position:absolute; top: -22px; position-anchor: --stacks-anchor; position-area: top; width: 120px; height:20px; font-size: 14px; color:#000; text-align:center;
}
.sea_stats_panel
{
/*
position:absolute; right:-2px; bottom: -50px;
*/
display: flex; justify-content: center; align-items: center; gap: 5px;
width:fit-content; background-color:#323232; padding: 10px;
border: 2px solid transparent;
background:
linear-gradient(
135deg,
rgb(55,55,55),
rgb(28,28,28)
) padding-box,
linear-gradient(
135deg,
rgb(150,150,150),
rgb(90,90,90),
rgb(150,150,150)
) border-box;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 -2px 4px rgba(0,0,0,0.7),
0 6px 18px rgba(0,0,0,0.6);
user-select:none;
}
/* SEA (upgrade equipment) END */
/* REPLAY-page BEGIN */
.ab_row
{
position: relative; width: 825px; height: 33px; margin-bottom: 8px; overflow:hidden; user-select: none;
}
.ab_date
{
position: absolute; top: 10px; color: #818181;
}
.ab_replay
{
position: absolute; left: 5px; top: 27px; width: 90px; height: 20px; border: 1px solid #151515;
background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 0.39) 100%);
display:flex; justify-content:center; align-items: center; outline: 3px solid #000; cursor:pointer;
}
.ab_replay:hover
{
color: #ababab;
}
.ab_pslot
{
position: absolute; width: 351px; height: 188px; border: 1px solid #151515; background-color: #000000;
}
.ab_pslot_attacker_anv
{
position: absolute; left: 3px; padding-left: 5px; padding-top: 5px; top: 3px; width: 338px; height: 19px; border: 1px solid #151515;
background: #000000; background: linear-gradient(109deg,rgba(0, 0, 0, 1) 0%, rgba(64, 12, 30, 1) 100%);
}
.ab_pslot_defender_anv
{
position: absolute; left: 3px; padding-left: 5px; padding-top: 5px; top: 3px; width: 338px; height: 19px; border: 1px solid #151515;
background: #000000; background: linear-gradient(109deg,rgba(0, 0, 0, 1) 0%, rgba(22, 54, 69, 1) 100%);
}
.ab_pslot_anv0
{
position: relative;min-height: 16px;
}
.ab_pslot_anv1
{
position:absolute;
}
.ab_pslot_anv2
{
position:absolute; right: 5px;
}
.ab_pslot_wpn
{
position: absolute; left: 3px; padding-left: 5px; padding-top: 5px; top: 32px; width: 164px; height: 53px; border: 1px solid #151515;
background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 0.39) 100%);
}
.ab_pslot_arm
{
position: absolute; left: 177px; padding-left: 5px; padding-top: 5px; top: 32px; width: 164px; height: 53px; border: 1px solid #151515;
background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 0.39) 100%);
}
.ab_pslot_amu
{
position: absolute; left: 3px; padding-left: 5px; padding-top: 4px; top: 95px; width: 164px; height: 83px; border: 1px solid #151515;
background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 0.39) 100%);
}
.ab_pslot_spo
{
position: absolute; left: 177px; top: 95px; width: 169px; height: 87px; border: 1px solid #151515;
background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 0.39) 100%);
}
.ab_pslot_line
{
position:absolute; left: 0px; width:351px; top: 32px; border-top: 1px solid #515151;
}
/* REPLAY-page END */
/* Persistent gang alerts use a muted steel-blue frame. */
.gang_notice { position:relative;width:278px;box-sizing:border-box;margin-bottom:4px;padding:4px 3px 5px;border-bottom:1px solid #31434e;min-height:16px;background:url(/design/notice.gif) repeat-y; }
.gang_notice[hidden] { display:none; }
.gang_notice_text { padding:4px 5px;background:#090e12;color:#a7afb5;font-size:10px;line-height:1.5; }
.gang_notice_text b { color:#a9c1d0; }
.gang_notice [data-zone-time] { float:right;color:#c2c9ce;font-variant-numeric:tabular-nums; }
.gang_notice button { position:relative;margin-top:7px; }
.attack_confirmation
{
width:380px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); box-sizing:border-box; overflow:auto;
padding:24px; color:#aaa; color-scheme:dark; background:linear-gradient(145deg,#1b1b1b,#101010); border:1px solid #444; border-radius:3px;
box-shadow:inset 0 1px #ffffff0c, 0 0 0 3px #080808, 0 14px 50px #000d; font:12px Verdana, sans-serif;
}
.attack_confirmation::backdrop {background:#000b;}
.attack_confirmation h2 {margin:0 0 8px; font-size:15px; color:#c2c2c2; overflow-wrap:anywhere;}
.attack_confirmation_energy {color:#888;}
.attack_confirmation_police {margin-top:20px;}
.attack_confirmation_meter {height:7px; margin-top:8px; background:#070707; border:1px solid #292929;}
.attack_confirmation_meter span {display:block; height:100%; background:linear-gradient(#5684a2,#304e68); box-shadow:inset 0 1px #ffffff20;}
.attack_confirmation_police p {margin:8px 0 0; color:#999; font-size:11px;}
.attack_confirmation_message {margin-top:20px; padding:12px; background:#0d0d0d; border:1px solid #252525;}
.attack_confirmation_message b {font-size:10px; color:#777;}
.attack_confirmation_message div {margin-top:8px; white-space:pre-wrap; overflow-wrap:anywhere; max-height:150px; overflow:auto; line-height:1.6;}
.attack_confirmation_buttons {display:flex; flex-direction:column; gap:12px; margin-top:24px;}
.attack_confirmation_buttons button {width:100%; min-height:36px; padding:9px 16px; color:#aaa; background:linear-gradient(#262626,#191919); border:1px solid #080808; box-shadow:inset 0 1px #444; border-radius:2px; cursor:pointer; font:inherit;}
.attack_confirmation_buttons .attack_confirmation_accept {color:#e4c5c5; font-weight:bold; background:linear-gradient(#743535,#442020); box-shadow:inset 0 1px #ffffff18, 0 2px 4px #0008;}
.attack_confirmation_buttons button:hover {filter:brightness(.85);}
.attack_confirmation_buttons button:focus {outline:1px solid #626262; outline-offset:2px;}
.attack_confirmation_buttons button:active {transform:translateY(1px); box-shadow:inset 0 2px 4px #0009;}
#io_replay_timeline
{
position:absolute;left:434px;top:164px;width:295px;height:32px;
}
#io_replay_seek
{
display:block;width:100%;height:100%;margin:0;padding:0;cursor:pointer;appearance:none;background:transparent;
}
#io_replay_time
{
text-align:center;font-size:12px;font-variant-numeric:tabular-nums;line-height:49px;color:#8e8e8e;user-select:none;
}
#io_replay_seek:focus-visible {outline:1px solid #686868;outline-offset:2px;}
#io_replay_seek::-webkit-slider-runnable-track {height:32px;background:none;border:1px solid #080808;border-radius:2px;}
#io_replay_seek::-webkit-slider-thumb {appearance:none;width:16px;height:26px;margin-top:-1px;background:linear-gradient(135deg,#989898,#323232,#515151);border:1px solid #181b1e;border-radius:2px;}
#io_replay_seek::-moz-range-track {box-sizing:border-box;height:32px;background:none;border:1px solid #080808;border-radius:2px;}
#io_replay_seek::-moz-range-thumb {box-sizing:border-box;width:16px;height:26px;transform:translateY(-3px);background:linear-gradient(135deg,#989898,#323232,#515151);border:1px solid #181b1e;border-radius:2px;}
.police_avatar_meters {display:flex; gap:12px; margin-top:18px; padding:6px 2px 9px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#414141 #111;}
.police_avatar_meter {position:relative; flex:0 0 52px; height:52px; box-sizing:border-box; padding:5px; border-radius:50%; background:conic-gradient(#42647a var(--police-fill),#25282b 0); box-shadow:0 0 0 1px #080808,inset 0 0 0 1px #ffffff0c;}
.police_avatar_meter.is_ready {background:conic-gradient(#71abc9 var(--police-fill),#25282b 0);}
.police_avatar_meter img {display:block; width:100%; height:100%; object-fit:contain; border-radius:50%; background:#101010; box-shadow:0 0 0 1px #090909;}
.police_threshold {position:absolute; inset:0; transform:rotate(144deg); pointer-events:none;}
.police_threshold::before {content:''; position:absolute; width:2px; height:7px; left:calc(50% - 1px); top:-1px; background:#dadada; box-shadow:0 0 2px #000;}
.police_ready_badge {position:absolute; right:-1px; bottom:-2px; display:grid; place-items:center; width:17px; height:20px; clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%); background:linear-gradient(#abc2cf,#4e7489); color:#152630; font-size:12px; text-shadow:0 1px #ffffff44;}
.police_avatar_meter:focus-visible {outline:1px solid #aaa; outline-offset:3px;}
.police_avatar_empty {color:#777; font-size:11px;}
.pre_strid_police {display:flex; align-items:center; gap:12px; width:max-content; max-width:100%; padding:9px 14px; margin:6px 0 16px 20px; background:#111; border:1px solid #292929; box-shadow:inset 0 1px #ffffff08; color:#aaa; font-size:11px;}
.attack_confirmation_risk {margin:8px 0 0; color:#999; font-size:11px;}