/** * 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%; }