/**
* General html settings
*/
html {
background: url('https://westen.innogamescdn.com/images/startpage/background.jpg') no-repeat #000000;
background-position: center top;
}
html, body {
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 13px;
height: 100%;
}
* { margin: 0; padding: 0; }
img { border: 0; }
body.cbs_de_de { background-image: url('https://westen.innogamescdn.com/images/startpage/background-cbs_de_de.jpg'); }
/**
* MousePoupup
*/
.mousepopup { visibility: hidden; text-align: left; position: absolute; z-index: 1001 !important; }
#popup { z-index: 16777271; }
#popup .w250 { width: 250px; display: block; }
/**
* Table
* @TODO: needs a design
*/
.table, .table td { border-collapse: collapse; padding: 2px; }
.table th { font-weight:bold; text-align: center; }
.table td { padding-top: 10px; }
.table td#highlight { background-image:url(https://westen.innogamescdn.com/images/muster.jpg); }
.table .right { text-align: right; }
.table .center { text-align: center; }
/**
* Link
*/
a, a:link, a:hover, a:active, a:focus, a:visited {
color: #421d0c;
text-decoration: none;
outline: 0 none;
}
a:hover {
text-decoration: underline;
}
/**
* Layout
*/
div#bglayover {
-moz-user-select: none;
position: absolute;
background: url('https://westen.innogamescdn.com/images/startpage/background-layover.png') no-repeat;
width: 143px;
height: 438px;
z-index: 10;
top: 100px;
left: -42px;
}
div#wrapper {
position: relative;
width: 823px;
min-height: 828px;
margin: 0 auto;
padding: 0;
}
#logo {
display: block;
cursor: pointer;
width: 460px;
height: 122px;
margin: 0 0 0 193px;
padding: 0 0 10px 0;
background: url('https://westen.innogamescdn.com/images/startpage/2_0metal.png') 355px -5px no-repeat;
}
#logo .glow {
display: none;
width: 460px;
height: 122px;
background: url('https://westen.innogamescdn.com/images/startpage/2_0glow.png') 355px -5px no-repeat;
will-change: opacity;
}
div#content {
position: relative;
width: 705px;
margin: 0 auto;
min-height: 450px;
padding: 28px 0 28px 0;
}
div#inner {
padding: 10px 30px 20px 35px;
margin-bottom: 90px;
}
div#innerLogin {
width: 365px;
padding: 10px 10px 20px 35px;
}
div#container, div#containerTop, div#containerBottom {
width: 823px;
height: 270px;
}
div#container {
background: url('https://westen.innogamescdn.com/images/startpage/container-bg.jpg') repeat-y center top;
height: auto;
}
div#containerTop {
position: absolute;
background: url('https://westen.innogamescdn.com/images/startpage/container-top.png') no-repeat;
margin: -15px 0 0 -3px;
}
div#containerBottom {
background: url('https://westen.innogamescdn.com/images/startpage/container-bottom.png') no-repeat;
margin: -215px 0 0 -4px;
}
div#footer { margin: -30px auto 0 auto; width: 730px; padding: 5px; font-weight: bold; }
div#footer .inner { position: relative; padding: 8px 0 0 240px; color: #59595B; font-size: 12px; text-align: center; }
div#footer a.innogames_logo { background: url("https://westen.innogamescdn.com/images/innogames-logo.png") no-repeat; width: 175px; height: 22px; margin: 10px 0 0 -185px; float: left; text-indent: -9999px; }
div#footer a.innogames_logo:hover { background-position: 0 -22px; }
div#footer p { padding: 0 15px 9px 15px; text-align: center; }
div#footer a { color: #FFFFFF; text-shadow: #000 1px 1px 1px; }
#cookie-notice {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.9);
color: #59595B;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 12px;
font-weight: bold;
}
#cookie-notice > * {
display: inline-block;
text-align: left;
}
#cookie-notice-accept-btn {
margin-left: 5px;
border: 1px solid #59595B;
padding: 0 20px;
line-height: 20px;
cursor: pointer
}
#cookie-notice a {
color: #FFFFFF;
text-shadow: #000 1px 1px 1px;
}
/**
* INDEX PAGE
*/
div#playForFree {
position: absolute;
width: 747px;
height: 51px;
left: -19px;
margin: -10px 0 0 0;
cursor: pointer;
z-index: 2;
}
.oneClickRegistration #content {
min-height: 475px;
}
.oneClickRegistration #playForFree {
display:none;
}
.oneClickRegistration div#additional {
display: none;
}
div#container div#general, div#container div#additional {
position: relative;
width: 708px;
height: 240px;
top: -6px;
right: 11px;
}
div#container div#additional {
height: auto;
margin: 0 auto;
top: 0;
left: 0;
padding: 28px 0 0 0;
}
/**
* Top container left
*/
div#description {
position: absolute;
background: url('https://westen.innogamescdn.com/images/startpage/description.png') no-repeat;
width: 316px;
height: 105px;
top: 2px;
left: 38px;
text-align: center;
padding-top: 5px;
color: #392918;
}
div#description h1 {
-moz-user-select: none;
font-size: 16px !important;
font-family: helvetica !important;
font-weight: bold;
height: 4em;
padding: 7px 10px 12px 24px;
overflow: hidden;
cursor: default;
}
div#tour {
position: absolute;
width: 272px;
height: 137px;
top: 110px;
left: 63px;
cursor: pointer;
}
/**
* Login
*/
div#login {
position: absolute;
left: 408px;
width: 303px;
top: 22px;
z-index: 1;
}
form#loginForm {
background: url('https://westen.innogamescdn.com/images/startpage/login/login-form-background.png') no-repeat;
width: 305px;
height: 181px;
}
.oneClickRegistration form#loginForm {
background: url('https://westen.innogamescdn.com/images/startpage/oneclickreg/formbg.png?2') no-repeat;
height: 410px;
padding-bottom: 8px;
}
.oneClickRegistration #userLogin, #userOneClickRegister {
display: none;
}
.oneClickRegistration #userOneClickRegister {
display: block;
margin: 0 10px 5px 35px;
}
#userOneClickRegister h2 {
margin:0;
padding-top:15px;
}
#inputAGBAccept_1c, #inputEmailsOptin_1c {
margin-top:5px;
}
#oneClickRegAvatargenEmailsOptinPrivacy {
display: none;
}
.avatar #oneClickRegNormalEmailsOptinPrivacy {
display: none;
}
.avatar #oneClickRegAvatargenEmailsOptinPrivacy {
display: inline;
}
form#loginForm div#cookieLogged {
padding: 15px 10px 10px 20px
}
div#cookieLogged div#howdy {
font-size: 15px;
font-weight: bold;
}
#registrationButton_1c {
position:absolute;
z-Index:10;
width: 245px;
height: 60px;
cursor: pointer;
left: 62px;
top: 395px;
display: none;
}
.oneClickRegistration #registrationButton_1c {
display:block;
}
#oneClickAlreadyRegistered, .oneClickRegistration #userOptions {
display:none;
}
.oneClickRegistration #oneClickAlreadyRegistered {
display:block;
margin-top:15px;
}
div#worldsPopup {
position: fixed;
width: 500px;
height: 430px;
margin: 0 0 0 -250px;
top: 150px;
z-index: 1000;
left: 50%;
}
div#worldsPopup div#worldsWrapper {
background: url('https://westen.innogamescdn.com/images/startpage/world/world-background.png') no-repeat;
width: 430px;
height: 345px;
padding: 40px 40px 40px 35px;
text-align: center;
}
div#worldsWrapper div#closeWorlds {
position: absolute;
width: 30px;
height: 30px;
top: 63px;
right: 5px;
cursor: pointer;
}
div#worldsWrapper div#selectWorldText {
text-align: left;
font-weight: bold;
margin: 0 0 10px 0;
}
div#worldsWrapper div#allWorlds {
width: 420px;
height: 325px;
overflow: auto;
}
div.worlds-row { text-align: left; }
div.worlds-row h2 {
font-size: 12px;
display: block;
padding: 12px 0 0 0;
text-align: left;
clear: both;
height: 22px;
background: url(https://westen.innogamescdn.com/images/startpage/betweener.png) 13px 0px no-repeat;
}
a.worldButton, a.worldButtonInactive {
-moz-user-select: none;
position: relative;
background: url('https://westen.innogamescdn.com/images/startpage/world/world-button.png') no-repeat;
width: 152px;
color: #000000;
height: 40px;
display: inline-block;
line-height: 33px;
padding: 0 0 0 38px;
margin: 0 5px 0;
cursor: pointer;
font-weight: bold;
text-align: left;
font-size: 13px;
float: left;
}
a.worldButton:hover, a.worldButtonInactive:hover, a.worldButton:focus, a.worldButtonInactive:focus {
background: url('https://westen.innogamescdn.com/images/startpage/world/world-button-hover.png') no-repeat;
text-decoration: none;
}
a.worldButtonInactive {
background: url('https://westen.innogamescdn.com/images/startpage/world/world-button-inactive.png') no-repeat;
}
div.throbber {
-moz-user-select: none;
position: relative;
text-align: center;
font-size: 16px;
font-weight: bold;
display: none;
}
div.throbber img { margin: 0 10px 0 0; }
div#worldsPopup div.throbber { top: 85px; }
form#loginForm div#loginThrobber { top: 50px; opacity: 0; }
#loginButton {
-moz-user-select: none;
position: absolute;
width: 247px;
height: 65px;
cursor: pointer;
top: 132px;
right: 1px;
z-index: 2;
}
.oneClickRegistration #loginButton {
display: none
}
div#subLogin {
background: url('https://westen.innogamescdn.com/images/startpage/login/login-sub.png') no-repeat;
width: 179px;
height: 62px;
margin: 7px 0 0 120px;
padding: 3px;
}
div#subLogin div {
-moz-user-select: none;
position: absolute;
font-size: 12px;
padding: 9px 10px 2px 22px;
height: 30px;
overflow: hidden;
}
input.loginUsername, input.loginPassword, input.inputLayout {
border: 0;
background: url('https://westen.innogamescdn.com/images/startpage/login/login-input.jpg') no-repeat top;
width: 209px;
height: 21px;
font-weight: bold;
padding: 4px;
}
#userOneClickRegister input.loginUsername:focus,
#userOneClickRegister input.loginPassword:focus, #userOneClickRegister input.inputLayout:focus {
border:1px solid #cc7700
}
input.inputLayout { background: url('https://westen.innogamescdn.com/images/startpage/input.png') no-repeat top; }
input.loginPassword { background-position: bottom; }
form#loginForm div#inputUsername, form#loginForm div#inputPassword, form#loginForm div#inputCookie {
position: absolute;
left: 29px;
}
form#loginForm div#inputUsername {
position: absolute;
top: 10px;
}
#loginForm div#inputPassword {
top: 60px;
}
#loginForm div#inputCookie {
top: 112px;
}
#loginForm div#facebook_connect {
position: absolute;
top: 116px;
left: 220px;
}
#loginForm span {
-moz-user-select: none;
cursor: default;
}
a.checkbox {
background: url('https://westen.innogamescdn.com/images/startpage/checkbox.png') no-repeat;
display: inline-block;
width: 16px;
height: 17px;
border: 0;
cursor: pointer !important;
}
a.checkbox:focus {
outline: 1px dotted #000 !important;
}
a.checked {
background: url('https://westen.innogamescdn.com/images/startpage/checkbox-active.png') no-repeat;
}
/**
* Additional navigation
*/
div#links { padding: 20px 5px; margin: 0 auto; font-weight: bold; text-align: center; font-size: 12px; }
div#links a { padding: 2px 4px; border-radius: 4px; }
/**
* News
*/
div#newsContainer { padding: 0 0 0 15px; }
div.news { position: relative; margin: 0 0 20px 0; min-height: 68px; width: 530px; left: 20px; }
div.news div.title, div.news div.message { margin: 0 0 0 80px; }
div.news div.title { padding: 0 0 2px 0; border-bottom: 1px solid #000000; }
div.news div.image { float: left; background: url('https://westen.innogamescdn.com/images/startpage/news.png') no-repeat; width: 80px; height: 68px; }
div.title div.subject { font-weight: bold; }
div.title div.date { font-size: 11px; }
div.news a, div.registCheckbox label a { font-weight: bold; }
/**
* Tour
*/
div#blackout {
position: fixed;
background: #000000;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.7;
z-index: 999;
}
div#popup_container div#tourPopup, div#tourPopup div#tourWrapper {
width: 719px;
height: 461px;
}
div#popup_container div#tourPopup {
position: fixed;
margin: 0 0 0 -360px;
top: 150px;
left: 50%;
z-index: 1000;
}
div#tourPopup div#tourWrapper {
background: url('https://westen.innogamescdn.com/images/startpage/tour/tour-background.png') no-repeat;
}
div#tourPopup div#closeTour {
position: absolute;
width: 30px;
height: 30px;
top: 67px;
right: 12px;
cursor: pointer;
}
div#tourPopup div#tourDescription {
-moz-user-select: none;
position: absolute;
width: 593px;
height: 43px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
left: 58px;
bottom: 78px;
padding: 8px 8px 12px 8px;
z-index: 12;
overflow: hidden;
cursor: default;
}
div#tourPopup div#tourDescription a { color: #C2C2C2; text-decoration: underline; }
div#tourPopup div#tourDescription a:hover { color: #FFFFFF; }
div#tourPopup div#tourImage {
-moz-user-select: none;
position: absolute;
width: 605px;
height: 300px;
left: 50px;
top: 35px;
z-index: 11;
text-align: center;
}
div#tourPopup div#tourNext, div#tourPopup div#tourPrev {
position: absolute;
width: 120px;
height: 60px;
z-index: 12;
cursor: pointer;
bottom: 30px;
}
div#tourPopup div#tourNext {
right: 8px;
}
div#tourPopup div#tourPrev {
left: 8px;
}
/**
* Registration
*/
div#popup_container div#registrationPopup, div#registrationPopup div#registrationWrapper {
width: 686px;
height: 622px;
}
div#popup_container div#registrationPopup {
position: fixed;
margin: 0 0 0 -343px;
top: 150px;
left: 50%;
z-index: 1000;
}
div#registrationPopup div#registrationWrapper {
background: url('https://westen.innogamescdn.com/images/startpage/registration/registration-bgr.png?2') no-repeat;
}
div#registrationPopup div#closeRegistration {
position: absolute;
width: 30px;
height: 30px;
top: 74px;
right: 5px;
cursor: pointer;
}
div#registrationPopup div#registForm, div#registrationPopup div#awards {
position: absolute;
}
div#registrationPopup div#registForm {
width: 255px;
top: 40px;
left: 48px;
line-height: 1.2;
}
div#registrationLeft div {
padding: 2px 0 0 0;
}
div#registForm span, div#registForm label, div#awards span, div#awards h1, div#awards div {
-moz-user-select: none;
cursor: default;
}
div#registrationPopup div#awards {
width: 295px;
height: 370px;
top: 50px;
left: 335px;
overflow-y: auto;
}
div#registrationPopup div#registrationButton {
position: absolute;
background: url('https://westen.innogamescdn.com/images/startpage/lang/de/registrationButton.png') no-repeat;
width: 245px;
height: 73px;
cursor: pointer;
left: 19px;
top: 480px;
z-index: 1000;
}
div#registrationPopup a#switchRegistModus {
position: absolute;
top: 320px;
left: 0;
width: 215px;
font-weight: bold;
display: block;
text-align: center;
}
input#registUsername, input#registPassword, input#registRepeatPassword, input#registEmail {
border: 0;
background: url('https://westen.innogamescdn.com/images/startpage/registration/registration-input.jpg') no-repeat top;
width: 209px;
height: 21px;
font-weight: bold;
padding: 4px;
}
input#registPassword { background-position: center -29px; }
input#registRepeatPassword { background-position: center -58px; }
input#registEmail { background-position: center -87px; }
div#registForm div.registCheckbox {
padding: 5px 0 0 2px;
}
div.registCheckbox a#agbAccept, div.registCheckbox a#emailsOptin {
float: left;
margin-top: 15px;
}
div.registCheckbox label {
padding: 0 0 0 25px;
margin-top: 10px;
display: block;
}
/**
* Registration awards
*/
div.award img.fl {
float: left;
}
div.award {
padding: 0 0 15px 0;
}
div.award img {
padding: 0 10px 0 0;
}
div.award h1 {
color: #000000;
font-size: 12px;
border: none;
font-weight: bold;
}
div.award span {
font-size: 10px;
}
/**
* BUTTON - COPIED FROM CORE.CSS
* @TODO: remove copy'n'paste or create a own button design for start page
*/
a.button_wrap {
text-align: center;
font-weight:bold;
color: #fff;
text-decoration:none;
margin: 2px 2px 2px 2px;
display: inline-block;
vertical-align: middle;
}
.button_wrap:visited, .button_wrap:link {
color: #fff;
}
a.button_wrap .button_left {
float:left ;
background-image: url('https://westen.innogamescdn.com/images/button/left_normal.png');
width: 9px ;
height: 25px ;
}
a.button:hover .button_left {
background-image: url('https://westen.innogamescdn.com/images/button/left_hover.png');
}
a.button:active .button_left, a.button_grey .button_left {
background-image: url('https://westen.innogamescdn.com/images/button/left_grey.png');
}
a.button_wrap .button_middle {
color: #FFF;
float:left ;
padding:0px 4px 0 4px ;
height: 25px ;
background-image: url('https://westen.innogamescdn.com/images/button/middle_normal.png');
line-height: 22px;
}
a.button:hover .button_middle {
background-image: url('https://westen.innogamescdn.com/images/button/middle_hover.png');
}
a.button:active .button_middle, a.button_grey .button_middle {
background-image: url('https://westen.innogamescdn.com/images/button/middle_grey.png');
}
a.button_wrap .button_right {
background-image: url('https://westen.innogamescdn.com/images/button/right_normal.png');
width: 9px ;
height: 25px ;
float: left ;
}
a.button:hover .button_right {
background-image: url('https://westen.innogamescdn.com/images/button/right_hover.png');
}
a.button:active .button_right, a.button_grey .button_right {
background-image: url('https://westen.innogamescdn.com/images/button/right_grey.png');
}
/**
* "button start" on the right bottom
*/
.startPageButton {
position: absolute;
margin-bottom: 40px;
bottom: 0;
right: 170px;
}
/**
* Logout page
*/
#logoutContent .advertising {
margin: 20px auto;
text-align: center;
}
#logoutContent .text {
font-weight: bold;
margin: 15px;
text-align: center;
font-size: 15px
}
#logoutContent .notice {
color: #fff;
position: absolute;
top: 0px;
width: 100%;
margin: 0;
}
#logoutContent .crossmarketing {
text-align: center;
width: 100%;
font-weight: bold;
margin: 20px auto 100px auto;
}
/**
* Change password
*/
div#requestPasswordErrorBox {
padding: 10px 0 0 0;
font-weight: bold;
}
/**
* Misc
*/
div#confirm_error {
float: left;
padding-left: 120px;
font-size: 14px;
color: maroon;
font-weight: bold;
}
#marketingcampaign {
width:300px;
margin:45px;
margin-top:20px;
position:absolute;
}
#validation_status {
width: 300px;
margin: 70px;
margin-top: 70px;
position: absolute;
font-weight: bold;
text-align: center;
}
#ban_reason {
white-space: pre-line;
}
#topawards {
position: absolute;
width: 147px;
height: 82px;
top: 45px;
left: 625px;
z-index: 12;
background: url('https://westen.innogamescdn.com/images/startpage/award-goty.png') no-repeat;
}
#flashplayer {
height: 342px;
width: 564px;
margin:0px auto;
background:url(https://westen.innogamescdn.com/images/border/player_frame2.png);
text-align:center;
}
#flashplayer a {
display:block;
width:552px;
height:330px;
padding-top:6px;
margin:40px auto;
}
#avatargen_start {
margin-top: 92px;
margin-left: 38px;
height: 351px;
width: 380px;
position:relative;
z-index:10;
background: url('https://westen.innogamescdn.com/images/startpage/avatar_startseite.png?8');
}
.avatar_overlay {
width:150px;
height:170px;
background: url('https://westen.innogamescdn.com/images/startpage/avatar_overlay.png');
}
#avatargen_background {
position: relative;
top: 251px;
left: 258px;
height: 74px;
width: 68px;
cursor:pointer;
}
#avatargen_pic {
position: absolute;
top: 36px;
left: 224px;
height: 170px;
width: 150px;
}
div.avatar_pic{
display: block;
}
#bg_backward {
position: absolute;
top: 260px;
left: 241px;
height: 50px;
width: 15px;
cursor: pointer;
}
#bg_forward {
position: absolute;
top: 260px;
left: 325px;
height: 50px;
width: 15px;
cursor: pointer;
}
#avatargen_randomize {
cursor: pointer;
height: 22px;
left: 282px;
position: absolute;
top: 216px;
width: 25px;
}
.avatargen_description {
color: #FFF;
padding-bottom: 6px;
text-align: center;
height: 25px;
line-height: 25px;
vertical-align: middle;
}
#avatargen_description_container {
position: absolute;
left: 25px;
top: 32px;
width: 107px;
height: 350px;
text-align: center;
font-size:8pt;
}
#avatargen_gender_picker {
position: absolute;
left:16px;
top:2px;
height:26px;
width: 230px;
}
#avatargen_pick_female {
float: left;
color:#a99;
text-align: center;
line-height: 26px;
vertical-align: middle;
height: 26px;
width: 110px;
cursor:pointer;
}
#avatargen_pick_male {
float: right;
text-align: center;
line-height: 26px;
vertical-align: middle;
color:#a99;
height: 26px;
width: 100px;
cursor:pointer;
}
#avatargen_pick_white {
position: absolute;
top: 3px;
left: 259px;
height:22px;
width:26px;
cursor: pointer;
}
#avatargen_pick_brown {
position: absolute;
top: 3px;
left: 290px;
height:22px;
width:26px;
cursor: pointer;
}
#avatargen_pick_black {
position: absolute;
top: 3px;
left: 321px;
height:22px;
width:26px;
cursor: pointer;
}
#avatargen_picker_container {
position: absolute;
left:150px;
height: 305px;
width: 64px;
top:32px;
}
#avatargen_picker_container .forward {
float:right;
margin-top:2px;
margin-bottom: 5px;
height:24px;
width: 30px;
cursor:pointer;
}
#avatargen_picker_container .backward {
float:left;
margin-left:1px;
margin-top:2px;
margin-bottom: 5px;
height:24px;
width: 30px;
cursor:pointer;
}
.hover_undo {
background: url(https://westen.innogamescdn.com/images/startpage/undo.png);
cursor: pointer;
}
.hover_forward {
cursor: pointer;
background: url(https://westen.innogamescdn.com/images/startpage/redo.png);
}
#avatargen_hover_undo {
position: absolute;
top: 220px;
left: 232px;
width: 33px;
height: 20px;
}
#avatargen_hover_redo {
position: absolute;
top: 220px;
left: 324px;
width: 33px;
height: 20px;
}
.pick_something {
margin-top: 4px;
margin-left: 3px;
background:url(https://westen.innogamescdn.com/images/startpage/hover_skin.png) no-repeat;
}
#avatargen_picker_container .none.forward, #avatargen_picker_container .forward:active {
cursor:default;
background:url(https://westen.innogamescdn.com/images/startpage/arrow_r.png);
}
#avatargen_picker_container .none.backward, #avatargen_picker_container .backward:active {
cursor:default;
background:url(https://westen.innogamescdn.com/images/startpage/arrow_l.png);
}
div#popup_container div#featuresPopup, div#featuresPopup div#featuresWrapper {width:664px; height:461px;}
div#popup_container div#mediaPopup, div#mediaPopup div#mediaWrapper {width:666px; height:437px;}
div#featuresPopup div#featuresWrapper {background:url('https://westen.innogamescdn.com/images/startpage/popup-background.png') no-repeat;}
div#mediaPopup div#mediaWrapper {background:url('https://westen.innogamescdn.com/images/startpage/media-bg.png') no-repeat; position:relative; z-index:3;}
div#popup_container div#featuresPopup, div#popup_container div#mediaPopup {
position: fixed;
margin: 0 0 0 -360px;
top: 150px;
left: 50%;
z-index: 1000;
}
div#featuresPopup ul {position:absolute; right:35px; width:335px; top:25px;}
div#featuresPopup ul li {font-weight:bold; margin:13px;}
div#featuresPopup #featuresText {position:absolute; left:50%; margin-left:-150px; text-align:center; font-weight:bold; color:#fff; font-size:15pt; width:300px; top:370px;}
div#featuresPopup #closeFeatures {position:absolute; right:0px; width:10px; height:30px; top:65px; cursor:pointer; width:30px;}
.avatar #content {background:url(https://westen.innogamescdn.com/images/startpage/ab-background.png) 0 24px no-repeat transparent;}
div#mediaPopup .popup-tabs {z-index:1; width:155px; height:75px; background:url(https://westen.innogamescdn.com/images/startpage/tab.png) 0 0; left:50px; padding-top:15px; position:absolute; text-align:center; top:-30px; cursor:pointer; font-weight:bold;}
div#mediaPopup .active-tab {z-index:2; top:-60px; padding-top:30px;}
div#mediaPopup #mediaContent {padding-top:15px; width:640px; text-align:center;}
div#mediaPopup #mediaContent .scenes {margin-top:12px; margin-left:-15px;}
div#mediaPopup #mediaContent #tourdesc {width:570px; height:50px; text-align:center; font-weight:bold; color:#fff; position:absolute; top:323px; left:40px; z-index:2;}
div#mediaPopup #closeMedia {position:absolute; right:13px; width:10px; height:30px; top:65px; cursor:pointer; width:30px;}
div#mediaPopup #tour-prevpage {position:absolute; width:135px; height:50px; left:-40px; top:368px; cursor:pointer;z-index:2;}
div#mediaPopup #tour-nextpage {position:absolute; width:135px; height:50px; right:-17px; top:368px; cursor:pointer; z-index:2;}
div#mediaPopup #media-fingerboard {background: url(https://westen.innogamescdn.com/images/startpage/media-wood.png); width:719px; height: 126px; position:absolute; top:312px; left:-40px;}
.avatar form#loginForm {
background-image:none;
height:267px;
}
.avatar div#login {
left:30px;
top:107px;
}
.avatar #oneClickRegNormalHead {
display:none;
}
.avatar #oneClickRegAvatargenHead {
display:block;
}
#oneClickRegAvatargenHead {
display:none;
}
.avatar .showLoginButton #registrationButton_1c {
display:none;
}
.avatar .showLoginButton #loginButton {
display:block;
top:60px;
left:0px;
}
.showLoginButton #subLogin {
display:none;
}
.avatar #registrationButton_1c {
top:390px;
left:440px;
}
.avatar #subLogin {
position:absolute;
top:420px;
left:370px;
}
#avatargen_maincontainer {
position:absolute;
height:370px;
top:70px;
}
.avatar #avatargen_maincontainer {
left: 298px;
top: 65px;
}
.avatar #inputUsername_1c {
margin-top:10px;
}
.offline {
color:red;
}
.online {
color:green;
}
div.world_row {
width: 395px;
z-index:15;
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 10px;
line-height: 13px;
vertical-align: middle;
}
div.world_row .world {
position: relative;
float: left;
width: 190px;
}
div.world_row .name {
line-height: 45px;
border: none;
font-size: 13px;
font-weight: bold;
width: 170px;
cursor: pointer;
background: url(https://westen.innogamescdn.com/images/startpage/world-button-bg.png);
width: 160px;
height: 50px;
padding-left: 40px;
}
div.world_row .name.inactive {
background: url(https://westen.innogamescdn.com/images/startpage/world-button-bg-inactive.png);
}
div.world_row .name:hover, div.world_row .name:focus {
background: url(https://westen.innogamescdn.com/images/startpage/world-button-bg-hover.png);
}
div.world div.description {
width: 70px;
float:left;
font-weight: bold;
}
.reg-error-msg {
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
}
p.start_error {
width: 300px;
}
div.avatar_pic {
width:150px;
height:170px;
position:relative;
}
div.avatar_pic.avatar_small {
width:72px;
height:72px;
}
div.avatar_pic * {position:absolute}
div.avatar_pic > div > div {overflow:hidden}
div.avatar_pic div.avatar_small .avatar_overlay {
width:72px;
height:72px;
background:url(https://westen.innogamescdn.com/images/avatargen/overlay_small.png);
}
div.avatar_pic div.avatar_small .avatar_background {
width:72px;
height:72px;
}
#character_stats div.avatar_pic div.avatar_small .avatar_overlay {
background:none;
}
div.avatar_pic div.avatar_big .avatar_background {
width:135px;
height:135px;
}
div.avatar_pic div.avatar_large .avatar_background {
width:150px;
height:170px;
}
hr {
border: 0;
height: 1px;
margin: 0;
background: rgb(0, 0, 0);
background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
}
div.tw2gui_modal_box {
position:absolute;
top:0;
left:0;
z-index:9000;
}
div.tw2gui_modal_fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
}
div.tw2gui_window {
position:absolute;
width:748px;
height:471px;
cursor:default;
}
div.tw2gui_window h1 {
display:block;
margin-bottom:5px;
font-size:16pt;
}
div.tw2gui_window_border {
position:absolute;
background-image:url(https://westen.innogamescdn.com/images/tw2gui/window/window_border.png?9);
z-index:2;
}
div.tw2gui_window_shadow_box {
position:absolute;
top:-10px;
left:-10px;
right:-15px;
bottom:-15px;
}
div.tw2gui_bg_tl {
left:0;
right:50%;
top:0;
bottom:50%;
background-position:top left;
}
div.tw2gui_bg_br {
width:50%;
height:50%;
right:0;
bottom:0;
background-position:bottom right;
}
div.tw2gui_bg_bl {
left:0;
right:50%;
height:50%;
bottom:0;
background-position:bottom left
}
div.tw2gui_bg_tr {
width:50% ;
right:0;
top:0;
bottom:50%;
background-position:top right
}
div.tw2gui_window_shadow {
position:absolute;
}
.tw2gui_win2 div.tw2gui_window_border {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_border.png?15);
}
.tw2gui_win2.snow div.tw2gui_window_border {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_snowborder.png?16);
}
.tw2gui_win2.fire div.tw2gui_window_border {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_fireborder.png?1);
}
.tw2gui_win2.fire .tw2gui_window_border_ext {
background-image: url(https://westen.innogamescdn.com/images/tw2gui/window/window2_fireborder_top.png?1);
width: 50%;
height: 90px;
position: absolute;
top: -90px;
}
.tw2gui_win2.fire .tw2gui_window_border_ext_tl {
left: 0;
background-position: top left;
}
.tw2gui_win2.fire .tw2gui_window_border_ext_tr {
right: 0;
background-position: top right;
}
.tw2gui_win2 div.tw2gui_inner_window_bg2 {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_bg_right.png?2) right bottom no-repeat;
}
.tw2gui_win2 .tw2gui_window_notabs div.tw2gui_inner_window_title_right,
.tw2gui_win2 .tw2gui_window_notabs div.tw2gui_inner_window_title_left {
top:20px;
}
.tw2gui_win2 div.tw2gui_inner_window_title {
left:0px;
right:0px;
z-index:2;
}
.tw2gui_win2 .tw2gui_inner_window_title_divider {
display: inline-block;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/window2_title_divider.jpg) no-repeat;
width: 15px;
height: 15px;
}
.tw2gui_win2 div.tw2gui_window_shadow_box {
display:none;
top:2px;
left:2px;
right:-12px;
bottom:-16px;
}
.tw2gui_win2 div.tw2gui_window_pane, .tw2gui_win2 div.tw2gui_window_content_pane {
top:85px;
left:25px;
right:25px;
bottom:25px;
}
.tw2gui_win2 div.tw2gui_window_pane .loader {
position:absolute;
z-index:100;
width: 100%;
height: 95%;
display:none;
margin-top:25px;
}
.tw2gui_win2 div.tw2gui_window_pane .loader img {
position:absolute;
height:27px;
width:35px;
margin:-18px 0px 0px -14px;
top: 50%;
left: 50%;
}
.tw2gui_win2 div.tw2gui_window_content_pane {
z-index:2;
}
div.tw2gui_win2.tw2gui_window_notabs div.tw2gui_window_content_pane {
top:70px;
}
div.tw2gui_win2.empty_title div.tw2gui_window_content_pane {
top:65px;
}
.tw2gui_win2 .window_tab_container {
display: none;
}
.tw2gui_win2 .window_tab_container.active {
display: block;
}
.tw2gui_win2 div.tw2gui_inner_window_title canvas {
top:48px;
}
.tw2gui_win2 div.tw2gui_window_notabs canvas {
top:36px;
}
.tw2gui_win2 div.tw2gui_window_inset {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_bg.jpg?6) bottom left no-repeat;
top:20px;
left:12px;
right:14px;
bottom:14px;
z-index:1;
}
div.tw2gui_window_inset {
position:absolute;
top:12px;
left:8px;
right:9px;
bottom:13px;
}
div.tw2gui_window_inset_right {
position:absolute;
top:12px;
width:145px;
right:9px;
bottom:13px;
}
div.tw2gui_window_inset_bottom {
position:absolute;
height:124px;
left:12px;
right:50px;
bottom:13px;
}
div.tw2gui_inner_window_bg, div.tw2gui_inner_window_bg2,div.tw2gui_inner_window_bg_pane {
position:absolute;
width:100%;
height:100%;
}
div.tw2gui_inner_window_title {
position:absolute;
left:-5px;
top:0px;
right:-5px;
height:68px;
overflow:hidden;
font-family:Times New Roman, Serif;
padding-top:4px;
cursor:move;
}
div.tw2gui_window > div.tw2gui_inner_window_title { padding-top:28px; }
.tw2gui_window_notabs div.tw2gui_inner_window_title { height:50px; }
div.tw2gui_inner_window_title_left,div.tw2gui_inner_window_title_right {
position:absolute;
left:0;
bottom:0px;
right:50%;
height:50px;
background-image:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_title.png?13);
background-repeat: no-repeat;
background-position:left bottom;
}
div.tw2gui_inner_window_title_right {
left:50%;
right:0;
background-position:right bottom;
}
div.tw2gui_inner_window_title div.textart_title {
position:relative;
color:#FFE7B1;
margin-left:auto;margin-right:auto;
padding-top:28px;
line-height:50px;
text-align:center;
}
div.tw2gui_inner_window_title div.textart_title a {
color: #FEED90;
}
.tw2gui_window_notabs div.tw2gui_inner_window_title div.textart_title {
padding-top:2px;
}
div.tw2gui_inner_window_title canvas, div.tw2gui_window_title_text {
position:absolute;
width:700px;
margin-left:-350px;
top:28px;
left:50%;
cursor:default;
text-align:center;
}
div.empty_title div.tw2gui_inner_window_title canvas, div.empty_title div.tw2gui_inner_window_title div {
display:none;
}
div.empty_title div.tw2gui_window_content_pane {
top:32px;
}
div.tw2gui_inner_splitwindow {
position:absolute;
display:none;
left:9px;
bottom:13px;
width:224px;
top:50px;
}
div.tw2gui_inner_splitwindow_rightfade {
position:absolute;
top:0px;
bottom:0px;
right:0px;
width:21px;
}
.splitwindow div.tw2gui_inner_splitwindow {
display:block;
}
.tw2gui_inner_splitwindow_container {
overflow:hidden;position:absolute;right:10px;left:0;top:0;bottom:0
}
.draggable {
touch-action: none;
touch-action: pinch-zoom;
}
div.tw2gui_window_sizer {
position:absolute;
right:3px;
bottom:0px;
width:20px;
height:20px;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/window2_resizer.png?7) no-repeat;
cursor:nw-resize;
z-index:2;
}
div.tw2gui_window_content_pane {
position:absolute;
right:10px;
bottom:10px;
left:10px;
top:62px;
}
div.tw2gui_window_tab_control_clipper {
position:absolute;
top:27px;
right:16px;
width:94px;
height:18px;
overflow:hidden;
}
div.tw2gui_window_tab_control {
top:-18px;
position:absolute;
z-index:12;
width:94px;
height:18px;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_control.png?3) no-repeat;
}
div.tw2gui_window_tab_control_btnleft, div.tw2gui_window_tab_control_btnright, div.tw2gui_window_tab_control_select{
position:absolute;
width:20px;
height:16px;
top:1px;
}
div.tw2gui_window_tab_control_btnleft {
left:22px;
}
div.tw2gui_window_tab_control_btnright {
left:43px;
}
div.tw2gui_window_tab_control_select {
left:64px;
}
div.tw2gui_window_buttons {
position:absolute;
top:5px;
right:24px;
width:80px;
height:20px;
z-index:14;
text-align:right;
}
div.tw2gui_window_buttons_reload,div.tw2gui_window_buttons_closeall,div.tw2gui_window_buttons_minimize,div.tw2gui_window_buttons_close {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/window2_buttons.png?5);
width:20px;
height:20px;
display:inline-block;
background-position:0px -20px;
cursor: pointer;
zoom:1;
*display:inline;
}
div.tw2gui_window_buttons_reload:hover {background-position:0px 0px; }
div.tw2gui_window_buttons_closeall { background-position:-20px -20px; }
div.tw2gui_window_buttons_closeall:hover { background-position:-20px 0px; }
div.tw2gui_window_buttons_minimize { background-position:-40px -20px; }
div.tw2gui_window_buttons_minimize:hover { background-position:-40px 0px; }
div.tw2gui_window_buttons_close { background-position:-60px -20px; }
div.tw2gui_window_buttons_close:hover { background-position:-60px 0px; }
div.tw2gui_window.noreload div.tw2gui_window_buttons_reload {display:none;}
div.tw2gui_window.nocloseall div.tw2gui_window_buttons_closeall {display:none;}
div.tw2gui_window.nominimize div.tw2gui_window_buttons_minimize {display:none;}
div.tw2gui_window.noclose div.tw2gui_window_buttons_close {display:none;}
div.tw2gui_window_tabbar {
position:absolute;
left:20px;
right:88px;
overflow:hidden;
height:33px;
top:18px;
z-index:3;
}
div.tw2gui_window_notabs div.tw2gui_window_tabbar {
display:none;
}
div.tw2gui_window_tabbar_tabs {
position:absolute;
left:15px;
width:2000px;
z-index:2;
}
div.tw2gui_window_tabbar_fadeleft {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_fade_left.png?2) no-repeat top left;
width:19px;
top:0;
height:26px;
position:absolute;
left:0;
z-index:4;
}
div.tw2gui_window_tabbar_faderight {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_fade_right.png?4) no-repeat top right;
width:28px;
top:0;
height:9px;
position:absolute;
right:0;
z-index:4;
}
div.tw2gui_window_tab {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_inactive.png?8) no-repeat top left;
height:23px;
margin-top:4px;
margin-right:8px;
display:inline-block;
position:relative;
cursor:pointer;
zoom:1;
*display:inline;
}
.tw2gui_window_tab.loading {
opacity: 0.5;
}
.tw2gui_window_tab .loader {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background: url('https://westen.innogamescdn.com/images/throbber2.gif') 50% 50% no-repeat;
}
.tw2gui_window_tab.loading .loader {
display: block;
}
div.tw2gui_window_tab_text {
margin-left:16px;
margin-right:12px;
margin-top:8px;
font-family:Arial,Times New Roman, Georgia, Serif;
font-weight:bold;
font-size:8pt;
color:#AE9E82;
}
div.tw2gui_window_tab_terminator {
position:absolute;
height:23px;
width:24px;
right:-16px;
top:0px;
z-index:2;
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_inactive.png?8) top right no-repeat;
}
div.tw2gui_window_tab_terminator_close {
position: absolute;
height: 23px;
width: 28px;
right: -16px;
top: 0px;
background: url('https://westen.innogamescdn.com/images/tw2gui/window/tabbar/tab_close_inactive_normal.png') no-repeat;
background-position: -285px 0px;
}
div.tw2gui_window_tab_terminator_close:hover {
background: url('https://westen.innogamescdn.com/images/tw2gui/window/tabbar/tab_close_inactive_hover.png') no-repeat;
background-position: -285px 0px;
}
div.tw2gui_window_tab_active {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_active.png?3) left top;
height:33px;
margin-top:-4px;
color:white;
z-index:3;
margin-top:0px;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_terminator {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/window2_tab_active.png?3) right top;
height:33px;
width:22px;
right:-12px;
z-index:4;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_terminator_close {
background:url(https://westen.innogamescdn.com/images/tw2gui/window/tabbar/tab_close_normal.png);
background-position: -285px 0px;
height:33px;
width:22px;
right:-12px;
z-index:4;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_text {
margin-right:10px;
font-size:10pt;
color:#D2C196;
}
div.tw2gui_window_tab div.tw2gui_window_tab_text:hover {
color:white;
}
div.tw2gui_window div.fancytable {
position:relative;
}
div.tw2gui_window div.fancytable div._bg {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/table/table_border.png?3);
position:absolute;
}
div.tw2gui_window div.fancytable > div.trows {
padding:9px;
}
div.tw2gui_window div.fancytable > div.trows > div > div {
position:relative;
}
div.tw2gui_window div.fancytable .row > div{
display:inline-block;
zoom:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
*display:inline;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody {
}
div.tw2gui_window div.fancytable > div.trows div.tw2gui_scrollpane_clipper_contentpane {
padding-left:5px;
width:100%;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody div.row {
line-height:29px;
height:29px;
position: relative;
left: -4px;
background: url('https://westen.innogamescdn.com/images/tw2gui/table/table_row.png') repeat-x center top;
}
div.tw2gui_window div.fancytable > div.trows > div.thead {
padding:5px;
font-weight:bold;
background:url(https://westen.innogamescdn.com/images/tw2gui/table/table_thead.jpg?3) center bottom;
}
div.tw2gui_window div.fancytable > div.trows > div.tfoot {
padding:5px;
font-weight:bold;
background:url(https://westen.innogamescdn.com/images/tw2gui/table/table_thead.jpg?3) center top;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody {
position: relative;
min-height:100px;
}
div.tw2gui_window div.fancytable > div > div.statics > div > div {
display:inline-block;
zoom:1;
*display:inline;
}
div.tw2gui_window div.tw2gui_modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
div.fancytable .tw2gui_scrollpane {
height: 200px;
}
div.fancytable > div.tw2gui_bg_tl,
div.fancytable > div.tw2gui_bg_tr { height: 80px; }
div.fancytable > div.tw2gui_bg_br,
div.fancytable > div.tw2gui_bg_bl { height: 80px; }
div.fancytable > .trows > .tbody > div.tw2gui_bg_l,
div.fancytable > .trows > .tbody > div.tw2gui_bg_r {
position: absolute !important;
background: url(https://westen.innogamescdn.com/images/tw2gui/table/table_border_lr.png) repeat-y !important;
height: 100%;
width: 50%;
top: 0;
}
div.fancytable > .trows > .tbody > div.tw2gui_bg_l {
background-position: top left;
left: -9px;
}
div.fancytable > .trows > .tbody > div.tw2gui_bg_r {
background-position: top right !important;
right: -9px;
}
div.tw2gui_window .tw2gui_window_extension_box {
position: relative;
top: 74px;
left: 15px;
width: 280px;
height: 372px;
overflow: hidden;
}
div.tw2gui_window .tw2gui_window_extension_box_wrap {
position: relative;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/extension/box.png) no-repeat;
background-position: right top;
width: 267px;
height: 372px;
z-index: 10;
}
div.tw2gui_window .tw2gui_window_extension_box_btn {
position: absolute;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/extension/boxbtn.png) no-repeat;
width: 17px;
height: 70px;
top: 160px;
left: 249px;
z-index: 11;
cursor: pointer;
}
div.tw2gui_window .tw2gui_window_extension_box_head {
position: absolute;
top: 8px;
height: 26px;
width: 255px;
}
div.tw2gui_window .tw2gui_window_extension_box div.tw2gui_scrollpane {
position: absolute;
width: 236px;
height: 305px;
top: 50px;
left: 10px;
text-align: center;
}
div.tw2gui_scrollbar.vertical {
position:absolute;
overflow:hidden;
right:0;
width:15px;
bottom:0;
top:0;
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png?1) repeat-y -30px 0px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_leup,div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_ribo {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat 0px 0px;
width:15px;
height:15px;
left:0px;
top:0px;
max-height:51%;
position:absolute;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_ribo {
background-position:0px bottom;
bottom:0px;
top:auto;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_area {
position:absolute;
right:0;
width:15px;
bottom:15px;
top:15px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png?3) repeat-y -45px 0px;
height:50%;
min-height:16px;
position:absolute;
width:15px;
cursor:ns-resize;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_bg1 {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat -15px -27px;
height:3px;
width:15px;
position:absolute;
bottom:-3px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_bg2 {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat -15px 0px;
height:5px;
width:15px;
position:absolute;
top:0;
}
div.tw2gui_scrollbar.horizontal {
position:absolute;
overflow:hidden;
left:0;
right:0;
height:15px;
bottom:0;
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png?1) repeat-x 0 -30px;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_leup,div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_ribo {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat 0 0;
width:15px;
height:15px;
left:0;
top:0;
max-width:51%;
position:absolute;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_ribo {
background-position: 100% 0;
right:0;
left:auto;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_area {
position:absolute;
height:15px;
left:15px;
right:15px;
top:0;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png?3) repeat-x 0 -45px;
width:50%;
min-width:16px;
position:absolute;
height:15px;
cursor:ew-resize;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_bg1 {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat -27px -15px ;
height:15px;
width:3px;
position:absolute;
right:-3px;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_bg2 {
background:url(https://westen.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat 0 -15px;
height:5px;
width:15px;
position:absolute;
left:0;
}
div.tw2gui_scrollpane {
position: relative;
height:100%;
width:100%;
}
div.tw2gui_scrollpane_clipper {
overflow:hidden;
position:absolute;
left:0;right:0;top:0;bottom:0;
}
div.tw2gui_scrollpane_clipper_contentpane {
position:relative;
}
div.tw2gui_groupframe {
position:relative;
}
div.tw2gui_groupframe_background {
position:absolute;
left:8px;
right:8px;
top:10px;
bottom:10px;
}
div.tw2gui_groupframe_background.bg0 {
background:url(https://westen.innogamescdn.com/images/tw2gui/groupframe/groupframe_bg.jpg?12) center center;
}
div.tw2gui_groupframe_frame {
position:absolute;
background-image:url(https://westen.innogamescdn.com/images/tw2gui/table/table_border.png?4);
}
div.tw2gui_groupframe_content_pane {
position:relative;
padding:15px;
}
span.tw2gui_textfield_wrapper {
display:inline-block;
}
span.tw2gui_textfield {
display:inline-block;
background:url(https://westen.innogamescdn.com/images/tw2gui/textfield/textfield_cap.png?11) left top no-repeat;
padding-left:12px;
line-height:12px;
height:30px;
}
span.tw2gui_textfield > span{
background:url(https://westen.innogamescdn.com/images/tw2gui/textfield/textfield.png?11) right top no-repeat;
display:inline-block;
}
span.tw2gui_textfield input {
border:none;
background:none;
line-height:18px;
margin:0;
padding-top:6px;
padding-bottom:6px;
padding-left:0px;
padding-right:8px;
height:18px;
color:black;
outline:none;
}
div.tw2gui_progressbar_label { background: url(https://westen.innogamescdn.com/images/tw2gui/progress/tw2gui_progressbar_labelbgr.png) repeat-x; height: 21px; width: 100%; line-height: 21px; }
div.tw2gui_progressbar_label span { padding: 0 0 0 5px; }
div.tw2gui_progressbar_label img { margin: -1px 0 0 3px; }
div.tw2gui_progressbar_shadow { background: url(https://westen.innogamescdn.com/images/tw2gui/progress/tw2gui_progressbar_shadow.png) repeat-x; width: 100%; height: 15px; }
div.tw2gui_progressbar { position:relative; font-weight:bold; }
div.tw2gui_progressbar_progress { position: relative; background: url('https://westen.innogamescdn.com/images/tw2gui/progress/tw2gui_progressbar.png?1') repeat-x; text-align:center; padding: 0 3px; }
div.tw2gui_progressbar_progress,
div.tw2gui_progressbar_fill,
div.tw2gui_progressbar_contents,
div.tw2gui_progressbar_begin,
div.tw2gui_progressbar_end { height:17px; }
div.tw2gui_progressbar_begin,
div.tw2gui_progressbar_end { position: absolute; background:url('https://westen.innogamescdn.com/images/tw2gui/progress/tw2gui_progressbar.png?1') 0 -17px; width:20px; top: 0;}
div.tw2gui_progressbar_begin { left: 0; }
div.tw2gui_progressbar_end { background-position: -26px -17px; right: 0; }
div.tw2gui_progressbar_fill {
position: absolute;
background:url('https://westen.innogamescdn.com/images/tw2gui/progress/tw2gui_progressbar.png?1') repeat-x 0 -34px;
max-width:100%;
min-width:0px;
z-index: 1;
}
.animate div.tw2gui_progressbar_fill {
transition: width 500ms ease-in;
}
div.tw2gui_progressbar.direction_ltr div.tw2gui_progressbar_fill {
left: 0;
}
div.tw2gui_progressbar.direction_rtl div.tw2gui_progressbar_fill {
right: 0;
}
div.tw2gui_progressbar.red div.tw2gui_progressbar_fill { background-position: 0 -51px; }
div.tw2gui_progressbar.yellow div.tw2gui_progressbar_fill { background-position: 0 -68px; }
div.tw2gui_progressbar.mpi_red div.tw2gui_progressbar_fill { background-position: 0 -85px; }
div.tw2gui_progressbar.blue div.tw2gui_progressbar_fill { background-position: 0 -102px; }
div.tw2gui_progressbar_contents { position: absolute; color:white; line-height:19px; font-size:12px;
text-shadow: black 1px 1px 1px; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; will-change: contents; }
div.tw2gui_checkbox {
background:url('https://westen.innogamescdn.com/images/tw2gui/checkbox.png') no-repeat;
display:inline-block;
min-width:20px;
color:black;
height:20px;
cursor:pointer;
font-size:12px;
line-height: 20px;
zoom:1;
*display:inline;
}
div.tw2gui_checkbox_checked {
background-position: 0 -20px;
}
div.tw2gui_checkbox_labeled {
padding-left:25px;
}
div.tw2gui_checkbox_checked.tw2gui_radiobutton,
div.tw2gui_checkbox.tw2gui_radiobutton { background:url('https://westen.innogamescdn.com/images/tw2gui/radiobutton.png?99') no-repeat; }
div.tw2gui_checkbox.tw2gui_radiobutton:hover { background-position: 0 -20px; }
div.tw2gui_checkbox_checked.tw2gui_radiobutton:hover,
div.tw2gui_checkbox_checked.tw2gui_radiobutton { background-position: 0 -40px; }
span.tw2gui_textarea {
position:relative;
display:inline-block;
}
span.tw2gui_textarea > div {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/textfield/textarea_border.png);
position:absolute;
}
span.tw2gui_textarea > div.tw2gui_bg {
background:url(https://westen.innogamescdn.com/images/tw2gui/textfield/textarea_bg.jpg) center center;
position:absolute;
left:9px;
right:9px;
bottom:9px;
top:9px;
}
span.tw2gui_textarea textarea {
position:relative;
background:none;
border:none;
outline:none;
resize:none;
color:#005;
}
span.tw2gui_textarea div.tw2gui_textarea_wrapper {
background:none;
position:relative;
margin:10px;
}
.tw2gui_textarea .tw2gui_textarea_toggler {
position: absolute;
top: 50%;
left: -1px;
margin-top: -35px;
background: url(https://westen.innogamescdn.com/images/tw2gui/window/extension/boxbtn.png) no-repeat -17px 0;
width: 17px;
height: 70px;
cursor: pointer;
display: none;
}
.tw2gui_textarea:hover .tw2gui_textarea_toggler {
display: block;
}
.tw2gui_textarea .tw2gui_textarea_toggler.expanded {
background-position: 0 0;
left: -8px;
}
span.tw2gui_combobox,span.tw2gui_combobox > span {
display:inline-block;
cursor:pointer;
}
span.tw2gui_combobox_text {
background:url(https://westen.innogamescdn.com/images/tw2gui/combobox.png) left top;
height:29px;
width: 125px;
min-width:30px;
max-width:185px;
overflow:hidden;
line-height:29px;
padding-left:8px;
padding-right:8px;
vertical-align: middle;
}
span.tw2gui_combobox_btn {
background:url(https://westen.innogamescdn.com/images/tw2gui/combobox.png) right top;
height:29px;
width:17px;
line-height:29px;
vertical-align: middle;
}
.tw2gui_combobox_list {
position:absolute;
}
.tw2gui_combobox_list div.tw2gui_groupframe_frame {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/groupframe/slimborder.png);
}
.tw2gui_combobox_list div.tw2gui_groupframe {
left:-2px;
top:-8px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_background {
left:3px;
top:3px;
right:3px;
bottom:3px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane {
padding:10px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane > span{
display:block;
cursor:pointer;
padding-left:8px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane > span:hover {
background:url(https://westen.innogamescdn.com/images/tw2gui/arrow/arrow_right.png) left center no-repeat;
}
div.tw2gui_selectbox {
position: absolute;
z-index: 16777270;
padding: 7px 10px 11px 10px;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content {
position: relative;
min-width: 150px;
max-width: 700px;
max-height: 320px;
color: #000;
font-weight: bold;
list-style-type: none;
text-align: left !important;
}
div.tw2gui_selectbox.with_scrollbar ul.tw2gui_selectbox_content {
height: 320px;
}
div.tw2gui_selectbox.right ul.tw2gui_selectbox_content {
margin: 0 10px 0 0;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content li {
position: relative;
background: url(https://westen.innogamescdn.com/images/tw2gui/selectbox_row.png?5) repeat-x;
border-bottom: 1px solid #8A7E68;
padding: 3px 10px;
cursor: pointer;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content li img {
position: absolute; right: 5px;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content li:hover {
background-position: 0 -26px;
}
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_tl,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_tr,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_bl,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_br {
position: absolute;
background-image: url(https://westen.innogamescdn.com/images/tw2gui/selectbox.png?6);
}
div.tw2gui_selectbox div.tw2gui_selectbgr .arrow {
background-image: url(https://westen.innogamescdn.com/images/tw2gui/selectbox_arrows.png?4);
position:absolute;
}
.arrow.top { top: -8px; width:22px; height:10px; background-position:-24px 0px;}
.arrow.bottom { bottom: -5px; width:24px; height:10px; background-position:-23px 14px; }
div.tw2gui_selectbox_header {
position: relative;
min-width: 30px;
height: 33px;
display: none;
max-width: 300px;
}
div.tw2gui_selectbox_header div.tw2gui_selectbgr div.tw2gui_bg_tl,
div.tw2gui_selectbox_header div.tw2gui_selectbgr div.tw2gui_bg_tr {
position: absolute;
background-image: url(https://westen.innogamescdn.com/images/tw2gui/selectbox_header.png?3);
bottom: 0;
}
div.tw2gui_selectbox_header .header_title {
position: relative;
height: 33px;
color: #fff;
font-weight: bold;
line-height: 27px;
text-shadow: #000 1px 1px 1px;
text-align: center;
font-size: 16px;
overflow: hidden;
}
div.tw2gui_window a.button_wrap .button_right {
background:url(https://westen.innogamescdn.com/images/tw2gui/button/button_normal.png?1) right top;
height:36px;
width:7px;
}
div.tw2gui_window a.button_wrap .button_middle {
background:url(https://westen.innogamescdn.com/images/tw2gui/button/button_normal.png?1) center top;
height:36px;
line-height:35px;
color: #FFE7B1;
}
div.tw2gui_window a.button_wrap .button_left {
background:url(https://westen.innogamescdn.com/images/tw2gui/button/button_normal.png?1) left top;
width:7px;
height:36px;
}
div.tw2gui_window a.button_wrap:hover .button_right,
div.tw2gui_window a.button_wrap:hover .button_left,
div.tw2gui_window a.button_wrap:hover .button_middle {
background-image:url(https://westen.innogamescdn.com/images/tw2gui/button/button_highlight.png);
color: #fff;
}
.system_icon_warning, .system_icon_usererror, .system_icon_ok, .system_icon_question { background: url(https://westen.innogamescdn.com/images/tw2gui/systemicons.png) no-repeat; display: block; width: 52px; height: 57px; }
.system_icon_warning { background-position: 0 0; }
.system_icon_usererror { background-position: -52px 0; }
.system_icon_ok { background-position: -106px 0; }
.system_icon_question { background-position: -160px 0; }
div.tw2gui_dialog_framefix { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 500; }
div.tw2gui_dialog_framefix.no_block {pointer-events:none;}
div.tw2gui_dialog { position: absolute; z-index: 1000; min-width: 450px; min-height: 125px; max-width: 840px; }
div.tw2gui_dialog_framefix.no_block div.tw2gui_dialog {pointer-events:auto;}
div.tw2gui_dialog div.tw2gui_inner_window_title { position: relative; padding: 0; left: 0; right: 0; cursor:default;}
div.tw2gui_dialog div.tw2gui_inner_window_title.draggable { cursor:move; }
div.tw2gui_dialog div.tw2gui_dialog_content { padding: 3px 25px 25px; }
div.tw2gui_dialog div.tw2gui_dialog_content > div { position: relative; }
div.tw2gui_dialog div.tw2gui_dialog_content div.tw2gui_dialog_text { font-size: 14px; float: left; }
div.tw2gui_dialog div.tw2gui_dialog_content div.tw2gui_dialog_icon { font-size: 14px; float: left; margin: 0 10px; }
div.tw2gui_dialog div.tw2gui_dialog_actions { padding: 0 25px 28px; text-align: right; }
div.tw2gui_dialog div.tw2gui_dialog_iecockblocker { position: absolute; width: 100%; height: 100%; }
.popup_content { position:relative; z-index:2; padding:20px; max-width:500px; }
.blackboard .city div.tp_front div.tw2gui_bg_tl,
.blackboard .city div.tp_front div.tw2gui_bg_tr,
.blackboard .city div.tp_front div.tw2gui_bg_bl,
.blackboard .city div.tp_front div.tw2gui_bg_br,
div.mousepopup div.tp_front div.tw2gui_bg_tl,
div.mousepopup div.tp_front div.tw2gui_bg_tr,
div.mousepopup div.tp_front div.tw2gui_bg_bl,
div.mousepopup div.tp_front div.tw2gui_bg_br,
div.tw2gui_dialog div.tp_front div.tw2gui_bg_tl,
div.tw2gui_dialog div.tp_front div.tw2gui_bg_tr,
div.tw2gui_dialog div.tp_front div.tw2gui_bg_bl,
div.tw2gui_dialog div.tp_front div.tw2gui_bg_br {
position:absolute;
background-image:url(https://westen.innogamescdn.com/images/tw2gui/tooltip/tooltipBG.png);
}
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_tl,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_tr,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_bl,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_br,
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_tl,
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_tr,
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_bl,
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_br {
position:absolute;
background-image:url(https://westen.innogamescdn.com/images/tw2gui/tooltip/tooltipBG_ornamentic.png);
}
div.tw2gui_dialog.welcome {
background-image:url(https://westen.innogamescdn.com/images/window/welcome-barkeeper.png);
height: 408px;
width: 775px;
}
div.tw2gui_dialog.welcome div.tp_front {
display: none;
}
div.tw2gui_dialog.welcome span {
position: absolute;
top: 180px;
left: 240px;
width: 470px;
}
div.tw2gui_dialog.welcome .tw2gui_dialog_actions {
position: absolute;
bottom: 0;
right: 12px;
}
div.tw2gui_dialog .tw2gui_dialog_position_fix {
position: relative;
z-index: 1;
}
div.mousepopup .teaser_headline {}
div.mousepopup .teaser_animation {
display: inline-block;
width: 26px;
height: 10px;
line-height: 10px;
font-size: 14px;
letter-spacing: 2px;
overflow: hidden;
vertical-align: text-bottom;
color: #000000;
-webkit-animation: teaserLoader 1.3s linear 1;
-moz-animation: teaserLoader 1.3s linear 1;
-o-animation: teaserLoader 1.3s linear 1;
animation: teaserLoader 1.3s linear 1;
}
div.mousepopup .teaser_content {
height: 0;
width: 0;
opacity: 0;
transition: opacity 1s ease-out;
overflow: hidden;
}
div.mousepopup.extended { }
div.mousepopup.extended .teaser_headline {}
div.mousepopup.extended .teaser_animation {
display: none;
}
div.mousepopup.extended .teaser_content {
height: auto;
width: auto;
opacity: 1;
}
div.tw2gui_dialog .tw2gui_dialog_character {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
div.tw2gui_dialog .tw2gui_dialog_character.character_male {
width: 378px;
height: 660px;
margin: -500px 0 0 -500px;
background: url('https://westen.innogamescdn.com/images/tw2gui/character/cowboy.png?') no-repeat 0 0;
}
div.tw2gui_dialog .tw2gui_dialog_character.character_female {
width: 356px;
height: 530px;
margin: -530px 0 0 -478px;
background: url('https://westen.innogamescdn.com/images/tw2gui/character/cowgirl.png?') no-repeat 0 0;
}
div.tw2gui_dialog .tw2gui_dialog_character.character_clown {
background: url('https://westen.innogamescdn.com/images/tw2gui/character/clown.png') no-repeat 0 0;
}
.tw2gui_pagebar {position:relative;}
.tw2gui_pagebar div.current_page {background:url(https://westen.innogamescdn.com/images/tw2gui/pagebar/bg.png) 0 0; margin-left: 35px; width:44px; height:20px; text-align:center; line-height:20px; font-weight:bold; cursor:pointer; color:#fff; font-size:11px; display: inline-block; zoom:1; *display:inline; }
.tw2gui_pagebar .button {position:absolute; height:18px; background-image:url(https://westen.innogamescdn.com/images/tw2gui/pagebar/arrows.png); cursor:pointer; top:1px; }
.tw2gui_pagebar .firstPage {width:15px; background-position:0px 0px; left:0px; cursor: pointer;}
.tw2gui_pagebar .firstPage:hover {background-position: -15px 0;}
.tw2gui_pagebar .previousPage {width:10px; background-position:-30px 0px; left:20px;}
.tw2gui_pagebar .previousPage:hover {background-position: -40px 0;}
.tw2gui_pagebar .nextPage {width:9px; background-position:-50px 0px; left:85px; cursor: pointer;}
.tw2gui_pagebar .nextPage:hover {background-position: -59px 0;}
.tw2gui_pagebar .lastPage {width:15px; background-position:-68px 0px; left:100px; cursor: pointer;}
.tw2gui_pagebar .lastPage:hover {background-position: -83px 0;}
.tw2gui_pagebar .pageprompt {display:none; position:absolute; left:-6px; top:-40px; width:115px; padding:5px; text-align:center;}
.tw2gui_pagebar .pageprompt .background {background: url(https://westen.innogamescdn.com/images/tw2gui/groupframe/groupframe_bg.jpg) center center; left:3px; top:3px; right:3px; bottom:3px; position:absolute;}
.tw2gui_pagebar .pageprompt .frame {background-image: url(https://westen.innogamescdn.com/images/tw2gui/groupframe/slimborder.png); position:absolute;}
.tw2gui_pagebar .pageprompt .tw2gui_textfield_wrapper,.tw2gui_pagebar .pageprompt span {position:relative;}
.tw2gui_bbcodes {position:relative;}
.tw2gui_bbcodes span {background-image:url(https://westen.innogamescdn.com/images/tw2gui/tw2gui_bbcodes.png); width:21px; height:20px; cursor:pointer; float: left; }
.tw2gui_bbcodes .bbbold {left:0px;} .tw2gui_bbcodes .bbbold:hover {background-position:0px 20px;}
.tw2gui_bbcodes .bbitalic {background-position:-22px 0; left:22px;} .tw2gui_bbcodes .bbitalic:hover {background-position:-22px 20px;}
.tw2gui_bbcodes .bbunderline {background-position:-44px 0; left:44px;} .tw2gui_bbcodes .bbunderline:hover {background-position:-44px 20px;}
.tw2gui_bbcodes .bbstrike {background-position:-66px 0; left:66px;} .tw2gui_bbcodes .bbstrike:hover {background-position:-66px 20px;}
.tw2gui_bbcodes .bbplayer {background-position:-88px 0; left:88px;} .tw2gui_bbcodes .bbplayer:hover {background-position:-88px 20px;}
.tw2gui_bbcodes .bbtown {background-position:-110px 0; left:110px;} .tw2gui_bbcodes .bbtown:hover {background-position:-110px 20px;}
.tw2gui_bbcodes .bburl {background-position:-176px 0; left:176px;} .tw2gui_bbcodes .bburl:hover {background-position:-176px 20px;}
.tw2gui_bbcodes .bbfort {background-position:-132px 0; left:132px;} .tw2gui_bbcodes .bbfort:hover {background-position:-132px 20px;}
.tw2gui_bbcodes .bballiance {background-position:-154px 0; left:154px;} .tw2gui_bbcodes .bballiance:hover {background-position:-154px 20px;}
.searchbox div.tw2gui_button div.textart_title { width: 24px; max-width: 30px; height: 16px; padding: 7px 4px; margin: 0;}
.searchbox div.tw2gui_button { position:absolute; top: 0px; right:0px; width: 32px; max-width: 40px; height: 16px;}
.searchbox span.tw2gui_textfield {padding-left: 10px; padding-right: 10px;}
.searchbox span.tw2gui_textfield input[type='text'] {width: 134px;}
.tw2gui_accordion_categorybar { width:150px; height:21px; cursor: pointer; }
.tw2gui_accordion_categorybar > div { width: 50%; height: 21px; position: absolute; background:url('https://westen.innogamescdn.com/images/tw2gui/accordion/accordion_bar2.png') no-repeat; }
.tw2gui_accordion_content {display: none;}
.accordion_label {position: absolute; left: 30px; padding-top: 2px; font-weight: bold; color: #fff; font-size: small;}
div.accordion_left_opened {left: 0px;background-position: left bottom;}
div.accordion_left_closed {left: 0px; background-position: left top;}
div.accordion_right {right: 1px; background-position: right top;}
p.accordion_contentRow {margin:0; padding:0; font-size: 8pt;font-weight:bold; padding-left: 4px; height: 18px; background: url('https://westen.innogamescdn.com/images/tw2gui/accordion/accordion_row.png') center top repeat-x; }
table.tw2gui_htmltable {
border-spacing:0;
table-layout: fixed;
border: 2px ridge #321;
border: 2px ridge #523f30;
background-color: #cfc091;
background-color: #E7DAB0;
/*background-color: #7d6e33;
background-color: #CBC2A3;*/
background-color: #e8dab3;
color: #321;
}
table.tw2gui_htmltable tr, table.tw2gui_htmltable td {height: 9px;}
table.tw2gui_htmltable { min-width: 100px; min-height: 100px; padding:0; margin: 0;}
table.tw2gui_htmltable thead, table.tw2gui_htmltable tfoot {}
table.tw2gui_htmltable_tdcontainer {}
div.tw2gui_htmltable_div_content {width: 104%; overflow:auto; overflow-y:scroll; overflow-x: hidden; min-height: 100px; margin-left: -2px;}
*:first-child+html div.tw2gui_htmltable_div_content {}
table.tw2gui_htmltable_contenttable {width: 100%; min-height: 100px;}
table.tw2gui_htmltable_contenttable tr {border-bottom: 1px solid #000;}
table.tw2gui_htmltable th.for_scrollbar {text-align: left; vertical-align: top; width:22px;}
table.tw2gui_htmltable img.tw_item {width: 16px; height: 16px;}
table.tw2gui_htmltable_contenttable td {color: #321;font-size: 8pt;}
table.tw2gui_htmltable_contenttable td, table.tw2gui_htmltable_contenttable th {
white-space:nowrap;
overflow-x:hidden;
text-overflow:ellipsis;
padding:0;
margin:0;
}
div.tw2gui_plusminus {text-align: center; font-weight: bold; background: url('https://westen.innogamescdn.com/images/tw2gui/plusminus/plusminus_display_bg2.png'); width:86px; height:15px;}
div.tw2gui_plusminus > span {display: inline-block;}
div.tw2gui_plusminus span.butPlus { background-image: url('https://westen.innogamescdn.com/images/tw2gui/plusminus/plus_button.png'); width: 12px; height: 12px; }
div.tw2gui_plusminus span.displayValue, div.tw2gui_plusminus span.displayValueBonus { color: #fff; width: 50px; height: 12px; text-align: center; font-size: 9pt; text-shadow: #000 1px 1px 1px; }
div.tw2gui_plusminus span.butMinus { background-image: url('https://westen.innogamescdn.com/images/tw2gui/plusminus/minus_button.png'); width: 12px; height: 12px; }
div.tw2gui_plusminus.with_arrows {text-align: center; font-weight: bold; background: rgba(0,0,0,0.3); width:86px; height:20px; line-height:20px;}
div.tw2gui_plusminus.with_arrows > span {display: inline-block; vertical-align: middle; }
div.tw2gui_plusminus.with_arrows span.butPlus { background-image: url('https://westen.innogamescdn.com/images/scrollbar/scroll_up.png'); width: 15px; height: 12px; cursor: pointer; }
div.tw2gui_plusminus.with_arrows span.displayValue, div.tw2gui_plusminus span.displayValueBonus { color: #fff; width: 50px; height: 20px; text-align: center; font-size: 11pt; text-shadow: #000 1px 1px 1px; }
div.tw2gui_plusminus.with_arrows span.butMinus { background-image: url('https://westen.innogamescdn.com/images/scrollbar/scroll_down.png'); width: 15px; height: 12px; cursor: pointer; }
div.tw2gui_plusminus.with_arrows > span.inactive { opacity: 0.5; cursor: default;}
div.tw2gui_arrow_up_bottom, div.tw2gui_arrow_up_top,
div.tw2gui_arrow_down_bottom, div.tw2gui_arrow_down_top, div.tw2gui_arrow_up_cancel {
background: url('https://westen.innogamescdn.com/images/tw2gui/arrow_updown.png?7') no-repeat;
width: 54px;
height: 14px;
cursor: pointer;
}
div.tw2gui_arrow_up_top { background-position: 0 -14px; }
div.tw2gui_arrow_up_top.inactive, div.tw2gui_arrow_up_bottom.inactive { background-position: 0 -28px; }
div.tw2gui_arrow_down_top { background-position: -54px 0; }
div.tw2gui_arrow_down_top.inactive, div.tw2gui_arrow_down_bottom.inactive { background-position: -54px -28px; }
div.tw2gui_arrow_down_bottom { background-position: -54px -14px; }
div.tw2gui_arrow_up_top.highlight { will-change: opacity; background-position: -108px -14px; }
div.tw2gui_arrow_down_top.highlight { will-change: opacity; background-position: -162px 0; }
div.tw2gui_arrow_up_bottom.highlight { will-change: opacity; background-position: 0 0; }
div.tw2gui_arrow_down_bottom.highlight { will-change: opacity; background-position: -162px -14px; }
div.tw2gui_arrow_up_cancel { background-position: -108px -28px }
div.tw2gui_jobsearchbar {position: relative; top: 0px; left: 3px; width: 120px;}
div.tw2gui_jobsearchbar input {font-size: 9pt;}
div.tw2gui_jobsearch_showall {display:none; position: absolute; top: 3px; right: 2px; width: 24px; height: 24px; background:url('https://westen.innogamescdn.com/images/tw2gui/searchbar_button_all.png?2') no-repeat;}
div.tw2gui_jobsearchbar_results, div.tw2gui_jobsearchbar_allresults {display: none; background-image: url('https://westen.innogamescdn.com/images/tw2gui/textfield/textarea_bg.jpg'); position: relative; top: 0px; left: 5px; z-index: 5; padding-left: 5px; width: 185px; font-size:9pt; color: #333; border: 1px solid #543;}
div.tw2gui_jobsearchbar_results {padding:0 2px; width: 165px;}
div.tw2gui_jobsearchbar_results > p:hover, div.tw2gui_jobsearchbar_allresults p:hover,
div.tw2gui_jobsearchbar_results > p.focused, div.tw2gui_jobsearchbar_allresults p.focused {font-weight: bold;}
div.tw2gui_jobsearchbar_clearbutton {width: 20px; height: 22px; position: absolute; top: 4px; right: 8px; background: url('https://westen.innogamescdn.com/images/window/jobs/x.jpg') no-repeat; cursor:pointer;}
div.tw2gui_jobsearchbar_clearbutton:hover {background: url('https://westen.innogamescdn.com/images/window/jobs/x_hover.jpg') no-repeat;}
div.tw2gui_jobstars {width: 278px; height: 52px;}
div.jobstar {width: 52px; height: 52px; display: inline-block;
zoom:1; *display:inline;
background: url('https://westen.innogamescdn.com/images/tw2gui/jobstars.png?1') no-repeat 0 0;}
div.jobstar.bronzestar {background-position: -52px 0;}
div.jobstar.silverstar {background-position: -104px 0;}
div.jobstar.goldstar {background-position: -156px 0;}
div.tw2gui_progresscircle {width: 105px; height: 105px; position: relative; left: 0px; top: 0px; background: url('https://westen.innogamescdn.com/images/tw2gui/circleprogress/background.png'); }
div.tw2gui_progresscircle > img {position: absolute;}
img.tw2gui_cprog_dot1 {left: 45px; top: 4px;}
img.tw2gui_cprog_dot2 {left: 65px; top: 16px;}
img.tw2gui_cprog_dot3 {left: 69px; top: 42px;}
img.tw2gui_cprog_dot4 {left: 53px; top: 65px;}
img.tw2gui_cprog_dot5 {left: 21px; top: 67px;}
img.tw2gui_cprog_dot6 {left: 3px; top: 40px;}
img.tw2gui_cprog_dot7 {left: 16px; top: 9px;}
div.tw2gui_progresstraffic {width: 105px; height: 105px; position: relative; left: 0px; top: 0px; background: url('https://westen.innogamescdn.com/images/tw2gui/trafficprogress/background.png'); }
div.tw2gui_progresstraffic > img {position: absolute;}
img.tw2gui_tprog_dot1 {left: 38px; top: 4px;}
img.tw2gui_tprog_dot2 {left: 70px; top: 39px;}
img.tw2gui_tprog_dot3 {left: 39px; top: 70px;}
img.tw2gui_tprog_dot4 {left: 5px; top: 39px;}
div.fancybanner {
position: absolute;
left: 50%;
height: 100px;
margin-left: -250px;
width: 500px;
text-shadow: 1px 2px 1px #000;
display:none;
}
div.fancybanner .bgr {
position: relative;
margin: 0 auto;
height: 100px;
width: 100px;
}
div.fancybanner .content {
position: absolute;
top: 0px;
}
div.fancybanner .bgr-left, div.fancybanner .bgr-right, div.fancybanner .bgr-mid {
position: absolute;
background: url(https://westen.innogamescdn.com/images/interface/notification/lvlup_bgr.png) no-repeat;
height: 100px;
}
div.fancybanner .bgr-left { left: 0; width: 50px; }
div.fancybanner .bgr-mid { left: 50px; right: 50px; background-position: -50px 0; }
div.fancybanner .bgr-right { right: 0; width: 50px; background-position: right; }
div.fancybanner div.title {
position: relative;
text-align: center;
font-size: 18pt;
top: 20px;
color: #DBA901;
width: 500px;
}
div.fancybanner div.subtitle {
font-size: 18pt;
font-weight: bold;
position: relative;
color: white;
top: 23px;
width: 500px;
text-align: center;
}
div.fancybanner div.button {
position: absolute;
top: 100%;
right: 0;
left: 0;
text-align: center;
}
div.fancybanner div.quest_reward_button {
height: 60px;
width: 160px;
position: relative;
margin: auto;
top: -20px;
cursor: pointer;
}
/*
[cmd] + C && [cmd] + V from "tw2gui.css" to split this overloaded styleshet
@TODO refactor
*/
.tw2gui_button .textart_title {
position:relative;
color:#FFE7B1;
margin-left:10px;margin-right:10px;
padding-top:9px;
text-align:center;
height: 19px;
white-space:nowrap;
font: bold 10pt Arial;
}
.tw2gui_button, .tw2gui_iconbutton {
display:inline-block;
position:relative;
height:36px;
margin-top:-2px;
margin-bottom:-2px;
min-width:100px;
text-align:center;
cursor:pointer;
zoom:1; *display:inline;
}
.tw2gui_iconbutton {min-width: 30px; height: 36px;}
.tw2gui_button.inactive,
.tw2gui_iconbutton.inactive {
cursor:default;
}
.tw2gui_button.inactive .textart_title {color: #ccc;}
.tw2gui_button_right_cap,
.tw2gui_button_left_cap {
position:absolute;
width:50%;
height:36px;
background: url('https://westen.innogamescdn.com/images/tw2gui/button/button_normal.png?1') 0 0;
left:0;
}
.tw2gui_button.inactive .tw2gui_button_right_cap,
.tw2gui_button.inactive .tw2gui_button_left_cap,
.tw2gui_iconbutton.inactive .tw2gui_button_right_cap,
.tw2gui_iconbutton.inactive .tw2gui_button_left_cap {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_inactive.png?1');
}
.tw2gui_button_middle_bg {
position:absolute;
width:18px;
height:36px;
margin-left:-9px;
left:50%;
background:url('https://westen.innogamescdn.com/images/tw2gui/button/button_mid_normal.png?2') 0 0 no-repeat;
}
.tw2gui_button.inactive .tw2gui_button_middle_bg,
.tw2gui_iconbutton.inactive .tw2gui_button_middle_bg {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_mid_inactive.png?2');
}
.tw2gui_button_right_cap {
left:50%;
background-position:right top;
}
.tw2gui_button:hover .tw2gui_button_right_cap,
.tw2gui_button:hover .tw2gui_button_left_cap,
.active_button .tw2gui_button_right_cap,
.active_button .tw2gui_button_left_cap,
.tw2gui_iconbutton:hover .tw2gui_button_right_cap,
.tw2gui_iconbutton:hover .tw2gui_button_left_cap {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_highlight.png?1');
}
.tw2gui_button.inactive:hover .tw2gui_button_right_cap,
.tw2gui_button.inactive:hover .tw2gui_button_left_cap,
.tw2gui_iconbutton.inactive:hover .tw2gui_button_right_cap,
.tw2gui_iconbutton.inactive:hover .tw2gui_button_left_cap {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_inactive.png?1');
}
.tw2gui_button:hover .tw2gui_button_middle_bg, .tw2gui_iconbutton:hover .tw2gui_button_middle_bg, .active_button .tw2gui_button_middle_bg{
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_mid_highlight.png?2');
}
.tw2gui_button.inactive:hover .tw2gui_button_middle_bg, .tw2gui_iconbutton.inactive:hover .tw2gui_button_middle_bg{
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_mid_inactive.png?2');
}
.tw2gui_button_caption,
.tw2gui_button canvas {
position:relative;
color:#F9F0E3;
opacity:1.0;
margin-top:12px;
margin-left:15px;
margin-right:15px;
font-weight:bold;
}
.tw2gui_button:hover .tw2gui_button_caption,
.active_button .tw2gui_button_caption {
color:#FFF6D9;
text-shadow:#B9A055 0px 0px 2px;
opacity:1;
}
.tw2gui_iconbutton img { position: relative; text-align: center; }
.tw2gui_iconbutton img.tw2gui-iconset { margin: 10px; }
.tw2gui_iconbutton img.button_icon { padding: 9px 0px; margin: 0; }
.tw2gui_iconbutton { width: 36px; max-width: 40px; height: 16px;}
.tw2gui_button.big_red,
.tw2gui_button.big_red .textart_title {
height: 46px;
line-height: 46px;
vertical-align: middle;
}
.tw2gui_button.big_red .textart_title {
padding: 0;
}
.tw2gui_button.big_red .tw2gui_button_middle_bg,
.tw2gui_button.big_red:hover .tw2gui_button_middle_bg,
.tw2gui_button.big_red .tw2gui_button_right_cap,
.tw2gui_button.big_red:hover .tw2gui_button_right_cap,
.tw2gui_button.big_red .tw2gui_button_left_cap,
.tw2gui_button.big_red:hover .tw2gui_button_left_cap {
height: 46px;
background:url('https://westen.innogamescdn.com/images/tw2gui/button/button_red.png') 0 0 repeat-x;
}
.tw2gui_button.big_red .tw2gui_button_right_cap,
.tw2gui_button.big_red:hover .tw2gui_button_right_cap,
.tw2gui_button.big_red .tw2gui_button_left_cap,
.tw2gui_button.big_red:hover .tw2gui_button_left_cap {
width: 35px;
background-repeat: no-repeat;
}
.tw2gui_button.big_red .tw2gui_button_right_cap,
.tw2gui_button.big_red:hover .tw2gui_button_right_cap {
left: auto;
right: 0;
}
.tw2gui_button.big_red .tw2gui_button_middle_bg,
.tw2gui_button.big_red:hover .tw2gui_button_middle_bg {
left: 35px;
right: 35px;
width: auto;
margin: 0;
}
.tw2gui_button.big_red .tw2gui_button_left_cap {
background-position: 0 0;
}
.tw2gui_button.big_red .tw2gui_button_middle_bg {
background-position: 0 -92px;
}
.tw2gui_button.big_red .tw2gui_button_right_cap {
background-position: 0 -46px;
}
.tw2gui_button.big_red:hover .tw2gui_button_left_cap {
background-position: 0 -138px
}
.tw2gui_button.big_red:hover .tw2gui_button_middle_bg {
background-position: 0 -230px
}
.tw2gui_button.big_red:hover .tw2gui_button_right_cap {
background-position: 0 -184px;
}
.tw2gui_iconbutton.help {
min-width: 26px;
width: 26px;
min-height: 26px;
height: 26px;
background: url('https://westen.innogamescdn.com/images/window/help/help_sprite.png?1') no-repeat 0 0;
margin: 0;
}
.tw2gui_iconbutton.help .tw2gui_button_right_cap,
.tw2gui_iconbutton.help .tw2gui_button_left_cap,
.tw2gui_iconbutton.help .tw2gui_button_middle_bg,
.tw2gui_iconbutton.help img {
display: none;
}
#bday_code {
width: 30px;
height: 50px;
position: absolute;
top: 380px;
left: calc(50% - 485px);
}
#bday_code_generator > div {
width: 300px;
height: 430px;
float: left;
}
#bday_code_generator > div ~ div {
float: right;
}
#bday_code_generator .skill_picker {
margin-top: 5px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#bday_code_generator .arrow {
width: 18px;
height: 44px;
background: url('https://westen.innogamescdn.com/images/window/shop/shop_sprite.png?14') no-repeat;
display: inline-block;
margin: 3px;
cursor: pointer;
}
#bday_code_generator .arrow_left {
background-position: -684px -436px;
}
#bday_code_generator .arrow_right {
background-position: -702px -436px;
}
#bday_code_generator .skill_select {
width: 86px;
height: 50px;
background-image: url('https://westen.innogamescdn.com/images/window/skills/skillicon_build.png');
display: inline-block;
}
#bday_code_generator #submit_button_container {
margin-top: 20px;
text-align: center;
}
#bday_code_generator #submit_button .button_middle {
width: 200px;
}
#bday_code_generator #solution_frame {
width: 250px;
height: 120px;
background-image: url('https://westen.innogamescdn.com/images/window/shop/rotating_item/bg.png');
background-size: 100% 100%;
margin-top: 100px;
display: none;
position: relative;
}
#bday_code_generator #solution_job {
width: 67px;
height: 67px;
background-image: url('https://westen.innogamescdn.com/images/jobs/angle.png');
position: absolute;
left: 25px;
top: 26px;
}
#bday_code_generator #plus_icon {
width: 20px;
height: 21px;
background-image: url('https://westen.innogamescdn.com/images/window/messages/icons.png');
background-position: 70px -3px;
position: absolute;
left: 110px;
top: 48px;
}
#bday_code_generator #product_background {
width: 73px;
height: 73px;
background-image: url('https://westen.innogamescdn.com/images/inventory/bag_old.png?2');
position: absolute;
right: 25px;
top: 23px;
}
#bday_code_generator #solution_product {
width: 100%;
height: 100%;
background-image: url('https://westen.innogamescdn.com/images/items/yield/wear/turkey.png?5');
background-size: 100% 100%;
}