/*SUPPORT HEADER TITLES*/ #header{background:url(../img/headers/sectionheader-support.jpg) no-repeat;width::988px;height:205px;margin-top:21px} /*SUBNAV*/ #m-subnav-header{background:url(../img/headers/subnav-support.png) no-repeat;width:320px;height:94px;margin:0 0 -33px -10px} /*General Styles*/ #s-body h2{color:#00b085;font-size:16px;margin-bottom:13px} #s-body p{margin-bottom:18px;clear:both} /*DOWNLOAD*/ #wrap-downloader{background:#f1f1f1;width:540px;margin:0 auto 28px;padding:25px 30px 3px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px } .btn-download{display:block;margin:0 auto 28px;width:540px;height:93px;background:url(../img/support/btn-download.png) no-repeat;text-indent:-9999px} .btn-download:hover{background-position:100% 0} #quote{margin-bottom:40px;} #quote img{display:block;margin:0 auto} #wrap-downloader .hr{height:2px;width:540px;margin:18px auto 16px;background:url(../img/support/hr-download.png) no-repeat} #wrap-downloader p{margin-bottom:18px;} #wrap-downloader .hr +p{margin-bottom:23px} #wrap-downloader p a{color:#ee3e41} .specs{margin-bottom:27px} .btn-directx{background:url(../img/support/btn-directx.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left;margin-bottom:26px} .btn-nvidia{background:url(../img/support/btn-nvidia.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left;margin-right:22px;} .btn-ati{background:url(../img/support/btn-ati.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left} /*Added 12.12.11 - DL Manual Patch*/ #game-download-pg #s-body { min-height: 1710px; } #dl-patch h2 { margin-bottom: 8px; } #dl-patch p { margin-bottom: 21px; } #dl-patch h3 { font-weight: 15px; color: #003745; } #dl-patch h3 ~ h3 { margin-top: 20px } #dl-box { width: 549px; height: 91px; margin: 19px 0 24px; padding: 11px 26px 0; background: #f1f1f1; border-radius: 7px; moz-border-radius: 7px; webkit-border-radius: 7px; } #dl-box ul { width: 300px; float: left; } #dl-box li + li { margin-top: 16px; } #dl-box a { width: 237px; height: 73px; text-indent: -9999px; background: transparent url(../img/support/btn-manual-download.png) 0 0 no-repeat; display: block; float: right; } #dl-patch ol { margin-left: 20px; } #dl-patch ol li { list-style-type: decimal; } #dl-patch ol li + li { margin-top: 19px; } #dl-patch > ul { margin: 8px 0 28px; } #dl-patch > ul li { padding-left: 20px; background: transparent url(../img/support/bg-bullet.png) 8px 9px no-repeat; } #dl-patch > ul li + li { margin-top: 18px; } #dl-patch{} /*hidden for this patch 2-15-12*/ /*SECURITY*/ #s-body .security h2{color:#666;font-size:13px} .security li{border-bottom:solid 1px #e8e8e8;padding-bottom:10px} .security li+li{padding-top:20px} .security li.last{border-bottom:none} .security li a{color:#00ab7e} /*USER ABUSE*/ #s-body .user-abuse h2{color:#666;font-size:13px} #s-body .user-abuse p{margin-bottom:23px} /*GAME POLICY*/ .s-policy {text-align:center;color:#858585; line-height:1.5em} .s-policy th {background-color:#212121;font-weight:normal;border:1px solid #000;} .s-policy td{border:1px solid #212121;} /*FAQ*/ #faq-select{background:#f1f1f1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;height:42px;line-height:42px;padding-left:15px;width:585px;margin-bottom:15px} #faq-select h3{color:#186261;font-weight:normal;font-size:13px;float:left;margin-right:12px} #faq-select select{width:234px;height:18px;border:solid 1px #aaa;float:left;margin-top:12px} .faq-list{width:600px;margin-bottom:10px} .faq-list thead{text-align:center;font-size:11px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;} .faq-list thead tr{line-height:38px;} .faq-list tbody tr{border-bottom:solid 1px #e2e2e2;line-height:36px} .faq-list tbody tr:hover{background:#f7f7f7} .faq-list tbody tr:hover a{color:#00b085;font-weight:bold;text-decoration:none} .faq-list tbody td{padding-left:20px} #faq-detail h1{color:#00b085;font-size:13px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;padding-bottom:12px;margin-bottom:10px} #faq-detail{padding-bottom:35px;border-bottom:solid 1px #e2e2e2;margin-bottom:10px} /*CREATE 2nd PASSWORD*/ #s-body h4.pw-header{color:#003745;margin-bottom:13px;} #s-body a.btn-reset{background:url(../img/support/reset_2nd_pw.png) no-repeat;width:306px;height:55px;display:block;margin-top:10px;} .pw-divider {background:url(../img/support/page_divider.png) no-repeat;display:block;width:566px;height:1px;margin:35px 0 25px;} #pw-steps{background:#f3f3f1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;line-height:20px;padding:25px 15px 20px 15px;width:585px;margin-bottom:23px} #pw-steps p{text-indent:-16px;padding-left:16px;margin-bottom:0px;} #pw-steps img{margin-bottom:13px;} #pw-steps img.pw-spacing{margin-top:25px;} #pw-steps .line-spacing{margin-left:16px;} #pw-steps .create-btn{margin:1px 0 5px 5px;} #pw-steps h1{color:#00b085;font-size:13px;padding-bottom:12px;} #pw-steps h3{color:#186261;font-weight:normal;font-size:13px;float:left;margin-right:12px} #pw-steps select{width:234px;height:18px;border:solid 1px #aaa;float:left;margin-top:12px} #pw-detail h1{color:#00b085;font-size:13px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;padding-bottom:12px;margin-bottom:10px} #pw-detail{padding-bottom:35px;margin-bottom:10px} #pw-direct{text-align:center;} #pw-direct p{margin-bottom:0px;}/*SUPPORT HEADER TITLES*/ #header{background:url(../img/headers/sectionheader-support.jpg) no-repeat;width::988px;height:205px;margin-top:21px} /*SUBNAV*/ #m-subnav-header{background:url(../img/headers/subnav-support.png) no-repeat;width:320px;height:94px;margin:0 0 -33px -10px} /*General Styles*/ #s-body h2{color:#00b085;font-size:16px;margin-bottom:13px} #s-body p{margin-bottom:18px;clear:both} /*DOWNLOAD*/ #wrap-downloader{background:#f1f1f1;width:540px;margin:0 auto 28px;padding:25px 30px 3px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px } .btn-download{display:block;margin:0 auto 28px;width:540px;height:93px;background:url(../img/support/btn-download.png) no-repeat;text-indent:-9999px} .btn-download:hover{background-position:100% 0} #quote{margin-bottom:40px;} #quote img{display:block;margin:0 auto} #wrap-downloader .hr{height:2px;width:540px;margin:18px auto 16px;background:url(../img/support/hr-download.png) no-repeat} #wrap-downloader p{margin-bottom:18px;} #wrap-downloader .hr +p{margin-bottom:23px} #wrap-downloader p a{color:#ee3e41} .specs{margin-bottom:27px} .btn-directx{background:url(../img/support/btn-directx.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left;margin-bottom:26px} .btn-nvidia{background:url(../img/support/btn-nvidia.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left;margin-right:22px;} .btn-ati{background:url(../img/support/btn-ati.png) no-repeat;width:224px;height:60px;text-indent:-9999px;float:left} /*Added 12.12.11 - DL Manual Patch*/ #game-download-pg #s-body { min-height: 1710px; } #dl-patch h2 { margin-bottom: 8px; } #dl-patch p { margin-bottom: 21px; } #dl-patch h3 { font-weight: 15px; color: #003745; } #dl-patch h3 ~ h3 { margin-top: 20px } #dl-box { width: 549px; height: 91px; margin: 19px 0 24px; padding: 11px 26px 0; background: #f1f1f1; border-radius: 7px; moz-border-radius: 7px; webkit-border-radius: 7px; } #dl-box ul { width: 300px; float: left; } #dl-box li + li { margin-top: 16px; } #dl-box a { width: 237px; height: 73px; text-indent: -9999px; background: transparent url(../img/support/btn-manual-download.png) 0 0 no-repeat; display: block; float: right; } #dl-patch ol { margin-left: 20px; } #dl-patch ol li { list-style-type: decimal; } #dl-patch ol li + li { margin-top: 19px; } #dl-patch > ul { margin: 8px 0 28px; } #dl-patch > ul li { padding-left: 20px; background: transparent url(../img/support/bg-bullet.png) 8px 9px no-repeat; } #dl-patch > ul li + li { margin-top: 18px; } #dl-patch{} /*hidden for this patch 2-15-12*/ /*SECURITY*/ #s-body .security h2{color:#666;font-size:13px} .security li{border-bottom:solid 1px #e8e8e8;padding-bottom:10px} .security li+li{padding-top:20px} .security li.last{border-bottom:none} .security li a{color:#00ab7e} /*USER ABUSE*/ #s-body .user-abuse h2{color:#666;font-size:13px} #s-body .user-abuse p{margin-bottom:23px} /*GAME POLICY*/ .s-policy {text-align:center;color:#858585; line-height:1.5em} .s-policy th {background-color:#212121;font-weight:normal;border:1px solid #000;} .s-policy td{border:1px solid #212121;} /*FAQ*/ #faq-select{background:#f1f1f1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;height:42px;line-height:42px;padding-left:15px;width:585px;margin-bottom:15px} #faq-select h3{color:#186261;font-weight:normal;font-size:13px;float:left;margin-right:12px} #faq-select select{width:234px;height:18px;border:solid 1px #aaa;float:left;margin-top:12px} .faq-list{width:600px;margin-bottom:10px} .faq-list thead{text-align:center;font-size:11px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;} .faq-list thead tr{line-height:38px;} .faq-list tbody tr{border-bottom:solid 1px #e2e2e2;line-height:36px} .faq-list tbody tr:hover{background:#f7f7f7} .faq-list tbody tr:hover a{color:#00b085;font-weight:bold;text-decoration:none} .faq-list tbody td{padding-left:20px} #faq-detail h1{color:#00b085;font-size:13px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;padding-bottom:12px;margin-bottom:10px} #faq-detail{padding-bottom:35px;border-bottom:solid 1px #e2e2e2;margin-bottom:10px} /*CREATE 2nd PASSWORD*/ #s-body h4.pw-header{color:#003745;margin-bottom:13px;} #s-body a.btn-reset{background:url(../img/support/reset_2nd_pw.png) no-repeat;width:306px;height:55px;display:block;margin-top:10px;} .pw-divider {background:url(../img/support/page_divider.png) no-repeat;display:block;width:566px;height:1px;margin:35px 0 25px;} #pw-steps{background:#f3f3f1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;line-height:20px;padding:25px 15px 20px 15px;width:585px;margin-bottom:23px} #pw-steps p{text-indent:-16px;padding-left:16px;margin-bottom:0px;} #pw-steps img{margin-bottom:13px;} #pw-steps img.pw-spacing{margin-top:25px;} #pw-steps .line-spacing{margin-left:16px;} #pw-steps .create-btn{margin:1px 0 5px 5px;} #pw-steps h1{color:#00b085;font-size:13px;padding-bottom:12px;} #pw-steps h3{color:#186261;font-weight:normal;font-size:13px;float:left;margin-right:12px} #pw-steps select{width:234px;height:18px;border:solid 1px #aaa;float:left;margin-top:12px} #pw-detail h1{color:#00b085;font-size:13px;background:url(../img/misc/w600-h4-dropshadow.png) no-repeat 0 100%;padding-bottom:12px;margin-bottom:10px} #pw-detail{padding-bottom:35px;margin-bottom:10px} #pw-direct{text-align:center;} #pw-direct p{margin-bottom:0px;} #pw-direct h1{color:#00b085;font-size:18px;text-align:center;margin-bottom:12px;} #pw-direct h2{font-size:16px;} #pw-direct img{margin-right:6px;} #pw-direct .pw-fail{color:#ca0000;text-decoration:underline;} #pw-direct .pw-success{text-decoratioN:underline;} /*CHARACTER INFO .classes-nav a{float:left;text-indent:-9999px} .classes-nav a.tab-warrior{background:url(../img/guide/class-guide/tab-warrior.png) no-repeat;width:151px;height:42px;} .classes-nav a.tab-archer{background:url(../img/guide/class-guide/tab-archer.png) no-repeat;width:150px;height:42px;} .classes-nav a.tab-cleric{background:url(../img/guide/class-guide/tab-cleric.png) no-repeat;width:150px;height:42px;} .classes-nav a.tab-sorceress{background:url(../img/guide/class-guide/tab-sorceress.png) no-repeat;width:149px;height:42px;} .classes-nav a.tab-warrior:hover, .classes-nav a.tab-warrior.active,.classes-nav a.tab-archer:hover,.classes-nav a.tab-archer.active,.classes-nav a.tab-cleric:hover,.classes-nav a.tab-cleric.active,.classes-nav a.tab-sorceress:hover,.classes-nav a.tab-sorceress.active{background-position:0 100%} */ /*CHARACTER INFO*/ #s-body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', Sans-serif; } #character-display { width: 600px; height: 225px; background: transparent url(../img/support/main-character-bg.png) 0 0 no-repeat; position: relative; } #character-display .na, #character-select .na, #character-select .nri { color: #9e9e9e; } .no-character #character-image { background: transparent url(../img/support/no-character-selected.png) 0 0 no-repeat; } .no-character #character-info > div { display: block; } .no-character #character-info > div + div { display: none; } .no-character #character-info h3, .no-character #character-info p { width: 285px; margin: 0 auto; color: #809ba2; text-align: center; } .no-character #character-info h3 { margin-top: 59px; font-size: 13px; } .no-character #character-info p { margin-top: 22px; line-height: 23px; } #character-image:before { width: 50px; height: 51px; content: ''; background: transparent url(../img/support/main-tag.png) 0 0 no-repeat; position: absolute; top: -3px; left: -3px; } #character-image, #character-info { height: 221px; float: left; } #character-image { width: 200px; background-color: transparent; background-image: url(../img/support/character-full-sprite.png); background-repeat: no-repeat; } .Archer #character-image { background-position: 0 0; } .Acrobat #character-image { background-position: -200px 0; } .Sharpshooter #character-image { background-position: -400px 0; } .Warden #character-image { background-position: 0 0; } .Sniper #character-image { background-position: 0 0; } .Tempest #character-image { background-position: 0 0; } .Windwalker #character-image { background-position: 0 0; } .Cleric #character-image { background-position: 0 -221px; } .Paladin #character-image { background-position: -200px -221px; } .Priest #character-image { background-position: -400px -221px; } .Guardian #character-image { background-position: 0 -221px; } .Crusader #character-image { background-position: 0 -221px; } .Saint #character-image { background-position: 0 -221px; } .Inquisitor #character-image { background-position: 0 -221px; } .Sorceress #character-image { background-position: 0 -442px; } .Elementalist #character-image { background-position: -200px -442px; } .Mystic #character-image { background-position: -400px -442px; } .IceWitch #character-image { background-position: 0 -442px; } .Pyromancer #character-image { background-position: 0 -442px; } .WarMage #character-image { background-position: 0 -442px; } .ChaosMage #character-image { background-position: 0 -442px; } .Warrior #character-image { background-position: 0 -663px; } .Mercenary #character-image { background-position: -200px -663px; } .Swordsman #character-image { background-position: -400px -663px; } .Gladiator #character-image { background-position: 0 -663px; } .LunarKnight #character-image { background-position: 0 -663px; } .Barbarian #character-image { background-position: 0 -663px; } .Destroyer #character-image { background-position: 0 -663px; } .Tinkerer #character-image { background-position: 0 -884px; } .Alchemist #character-image { background-position: -200px -884px; } .Engineer #character-image { background-position: -400px -884px; } .ShootingStar #character-image { background-position: 0 -884px; } .GearMaster #character-image { background-position: 0 -884px; } .Adept #character-image { background-position: 0 -884px; } .Physician #character-image { background-position: 0 -884px; } #character-info { width: 400px; } #character-info > div { display: none; } #character-info > div + div { display: block; } #character-info h3 { margin: 34px 0 0 26px; font-size: 18px; color: #00b085; letter-spacing: 0.3px; } #character-info dl { width: 164px; margin: 34px 0 0 26px; } #character-info dl + dl { width: 190px; margin-left: 0; } #character-info dl, #character-info dt, #character-info dd, .wrap-image, .character-info-small { float: left; } #character-info dt, #character-info dd, .character-info-small dt, .character-info-small dd { margin-bottom: 6px; } #character-info dt { width: 57px; font-size: 11px; color: #c1ced2; text-transform: uppercase; } #character-info dl + dl dt { width: 83px; } #character-info dd { width: 92px; font-size: 13px; color: #fefefe; letter-spacing: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #character-info dl + dl dd { width: 107px; } /*#character-info dd[title], #character-select dd[title] { cursor: pointer; }*/ /*Tabs*/ #server-tabs { width: 600px; margin-top: 26px; float: left; } #server-tabs li { width: 106px; height: 27px; margin-top: 3px; line-height: 29px; background: transparent url(../img/support/character-info-nm-tab.png) 0 0 no-repeat; float: left; } #server-tabs li.active { width: 116px; height: 29px; margin-top: 0; background: transparent url(../img/support/character-info-active-tab.png) 0 0 no-repeat; } #server-tabs li.allworlds, #server-tabs li.argenta, #server-tabs li.gerrant, #server-tabs li.velskud, #server-tabs li.elena, #server-tabs li.leviatha { margin-right: -9px; background-position: 100% 0; } #server-tabs li.allworlds { margin-right: -11px; background-position: 0 0; } /* Control left edge */ #server-tabs li.allworlds.active { margin-right: -5px } #server-tabs li.argenta.active, #server-tabs li.gerrant.active, #server-tabs li.velskud.active, #server-tabs li.elena.active { margin-right: -5px; margin-left:-4px } #server-tabs li.leviatha { background-position: 100% 0; } /* Control right edge */ #server-tabs a { min-width: 100px; font-size: 11px; font-weight: bold; color: #929796; text-align: center; text-decoration: none; display: block; } #server-tabs li.active a { color: #004d42; } /*Tab Content*/ #character-select { padding-top: 20px; clear: both; } #character-select li { padding: 11px 20px 9px; border-bottom: 1px solid #e9e9e9; position: relative; } #character-select li.noborder { border-bottom: none; } #character-select li:hover { background: #f7f7f7; } #character-select li:hover .character-select-btn { display: block; } #character-select li:hover.main-character .character-select-btn { display: none; } .character-select-btn { width: 127px; height: 18px; text-indent: -9999px; cursor: pointer; background: transparent url(../img/support/character-select-btn.png) 0 0 no-repeat; position: absolute; top: 16px; right: 10px; display: none; } .wrap-image { width: 128px; height: 128px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2, #e3e3e3); background: -webkit-linear-gradient(top, #e2e2e2, #e3e3e3); border: 1px solid #b5b5b5; position: relative; } .main-character .character-image-small:before { width: 50px; height: 51px; content: ''; background: transparent url(../img/support/main-tag.png) 0 0 no-repeat; position: absolute; top: -4px; left: -4px; } .character-image-small { width: 100%; height: 100%; } .character-image-small { background-color: transparent; background-image: url(../img/support/character-small-sprite.png); background-repeat: no-repeat; } .Archer .character-image-small { background-position: 0 0; } .Acrobat .character-image-small { background-position: -128px 0; } .Sharpshooter .character-image-small { background-position: -256px 0; } .Warden .character-image-small { background-position: 0 0; } .Sniper .character-image-small { background-position: 0 0; } .Tempest .character-image-small { background-position: 0 0; } .Windwalker .character-image-small { background-position: 0 0; } .Cleric .character-image-small { background-position: 0 -128px; } .Paladin .character-image-small { background-position: -128px -128px; } .Priest .character-image-small { background-position: -256px -128px; } .Guardian .character-image-small { background-position: 0 -128px; } .Crusader .character-image-small { background-position: 0 -128px; } .Saint .character-image-small { background-position: 0 -128px; } .Inquisitor .character-image-small { background-position: 0 -128px; } .Sorceress .character-image-small { background-position: 0 -256px; } .Elementalist .character-image-small { background-position: -128px -256px; } .Mystic .character-image-small { background-position: -256px -256px; } .IceWitch .character-image-small { background-position: 0 -256px; } .Pyromancer .character-image-small { background-position: 0 -256px; } .WarMage .character-image-small { background-position: 0 -256px; } .ChaosMage .character-image-small { background-position: 0 -256px; } .Warrior .character-image-small { background-position: 0 -384px; } .Mercenary .character-image-small { background-position: -128px -384px; } .Swordsman .character-image-small { background-position: -256px -384px; } .Gladiator .character-image-small { background-position: 0 -384px; } .LunarKnight .character-image-small { background-position: 0 -384px; } .Barbarian .character-image-small { background-position: 0 -384px; } .Destroyer .character-image-small { background-position: 0 -384px; } .Tinkerer .character-image-small { background-position: 0 -512px; } .Alchemist .character-image-small { background-position: -128px -512px; } .Engineer .character-image-small { background-position: -256px -512px; } .ShootingStar .character-image-small { background-position: 0 -512px; } .GearMaster .character-image-small { background-position: 0 -512px; } .Adept .character-image-small { background-position: 0 -512px; } .Physician .character-image-small { background-position: 0 -512px; } .Kali .character-image-small { background-position: 0 -640px; } .Dancer .character-image-small { background-position: -128px -640px; } .Screamer .character-image-small { background-position: -256px -640px; } .BladeDancer .character-image-small { background-position: -128px -640px; } .SoulEater .character-image-small { background-position: -256px -640px; } .SpiritDancer .character-image-small { background-position: -128px -640px; } .DarkSummoner .character-image-small { background-position: -256px -640px; } .character-info-small { padding-left: 23px; } .character-info-small h4 { margin: 5px 0 11px; font-size: 14px; color: #00b085; letter-spacing: 0.5px; } .character-info-small dl { width: 143px; } .character-info-small dl + dl { width: 208px; margin-left: 56px; } .character-info-small dl, .character-info-small dt, .character-info-small dd { float: left; } .character-info-small dt { width: 60px; font-size: 11px; color: #6e6e6e; text-transform: uppercase; } .character-info-small dl + dl dt { width: 86px; } .character-info-small dd { width: 82px; font-size: 13px; color: #585858; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .character-info-small dl + dl dd { /*width: 84px;*/ width: 93px; } #character-foot { margin-top: 22px; padding: 10px 32px 10px 20px; font-size: 12px; color: #908f8f; background: #f8f8f8; } #character-foot p { margin-bottom: 8px; } /*PAGER TAGS*/ .s-pager {clear:both; margin-top:10px;text-align:center;color:#b2ceee;} .s-pager li {display:inline; margin: 0 5px;} .s-pager li.active, .s-pager li strong{background:#00b085;padding:0 6px;color:#fff} .s-pager li a{color:#666;font-weight:normal;} .s-pager li a:hover{text-decoration:underline;} #pw-direct h1{color:#00b085;font-size:18px;text-align:center;margin-bottom:12px;} #pw-direct h2{font-size:16px;} #pw-direct img{margin-right:6px;} #pw-direct .pw-fail{color:#ca0000;text-decoration:underline;} #pw-direct .pw-success{text-decoratioN:underline;} /*CHARACTER INFO .classes-nav a{float:left;text-indent:-9999px} .classes-nav a.tab-warrior{background:url(../img/guide/class-guide/tab-warrior.png) no-repeat;width:151px;height:42px;} .classes-nav a.tab-archer{background:url(../img/guide/class-guide/tab-archer.png) no-repeat;width:150px;height:42px;} .classes-nav a.tab-cleric{background:url(../img/guide/class-guide/tab-cleric.png) no-repeat;width:150px;height:42px;} .classes-nav a.tab-sorceress{background:url(../img/guide/class-guide/tab-sorceress.png) no-repeat;width:149px;height:42px;} .classes-nav a.tab-warrior:hover, .classes-nav a.tab-warrior.active,.classes-nav a.tab-archer:hover,.classes-nav a.tab-archer.active,.classes-nav a.tab-cleric:hover,.classes-nav a.tab-cleric.active,.classes-nav a.tab-sorceress:hover,.classes-nav a.tab-sorceress.active{background-position:0 100%} */ /*CHARACTER INFO*/ #s-body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', Sans-serif; } #character-display { width: 600px; height: 225px; background: transparent url(../img/support/main-character-bg.png) 0 0 no-repeat; position: relative; } #character-display .na, #character-select .na, #character-select .nri { color: #9e9e9e; } .no-character #character-image { background: transparent url(../img/support/no-character-selected.png) 0 0 no-repeat; } .no-character #character-info > div { display: block; } .no-character #character-info > div + div { display: none; } .no-character #character-info h3, .no-character #character-info p { width: 285px; margin: 0 auto; color: #809ba2; text-align: center; } .no-character #character-info h3 { margin-top: 59px; font-size: 13px; } .no-character #character-info p { margin-top: 22px; line-height: 23px; } #character-image:before { width: 50px; height: 51px; content: ''; background: transparent url(../img/support/main-tag.png) 0 0 no-repeat; position: absolute; top: -3px; left: -3px; } #character-image, #character-info { height: 221px; float: left; } #character-image { width: 200px; background-color: transparent; background-image: url(../img/support/character-full-sprite.png); background-repeat: no-repeat; } .Archer #character-image { background-position: 0 0; } .Acrobat #character-image { background-position: -200px 0; } .Sharpshooter #character-image { background-position: -400px 0; } .Warden #character-image { background-position: 0 0; } .Sniper #character-image { background-position: 0 0; } .Tempest #character-image { background-position: 0 0; } .Windwalker #character-image { background-position: 0 0; } .Cleric #character-image { background-position: 0 -221px; } .Paladin #character-image { background-position: -200px -221px; } .Priest #character-image { background-position: -400px -221px; } .Guardian #character-image { background-position: 0 -221px; } .Crusader #character-image { background-position: 0 -221px; } .Saint #character-image { background-position: 0 -221px; } .Inquisitor #character-image { background-position: 0 -221px; } .Sorceress #character-image { background-position: 0 -442px; } .Elementalist #character-image { background-position: -200px -442px; } .Mystic #character-image { background-position: -400px -442px; } .IceWitch #character-image { background-position: 0 -442px; } .Pyromancer #character-image { background-position: 0 -442px; } .WarMage #character-image { background-position: 0 -442px; } .ChaosMage #character-image { background-position: 0 -442px; } .Warrior #character-image { background-position: 0 -663px; } .Mercenary #character-image { background-position: -200px -663px; } .Swordsman #character-image { background-position: -400px -663px; } .Gladiator #character-image { background-position: 0 -663px; } .LunarKnight #character-image { background-position: 0 -663px; } .Barbarian #character-image { background-position: 0 -663px; } .Destroyer #character-image { background-position: 0 -663px; } .Tinkerer #character-image { background-position: 0 -884px; } .Alchemist #character-image { background-position: -200px -884px; } .Engineer #character-image { background-position: -400px -884px; } .ShootingStar #character-image { background-position: 0 -884px; } .GearMaster #character-image { background-position: 0 -884px; } .Adept #character-image { background-position: 0 -884px; } .Physician #character-image { background-position: 0 -884px; } .Kali #character-image { background-position: 0 -1105px; } .Dancer #character-image { background-position: -200px -1105px; } .Screamer #character-image { background-position: -400px -1105px; } .BladeDancer #character-image { background-position: -200px -1105px; } .SoulEater #character-image { background-position: -400px -1105px; } .SpiritDancer #character-image { background-position: -200px -1105px; } .DarkSummoner #character-image { background-position: -400px -1105px; }