.game-race { position: relative; }
.race-index .race-content { padding: 0 40px 50px 40px; }

/* Races bgs */
.race-index .body-top { background: url("/sc2/static/images/game/race/bg-race-home-top.jpg") no-repeat; zoom: 1; }
.game-race-zerg .body-top { background: url("/sc2/static/images/game/race/bg-race-zerg-top.jpg") no-repeat; zoom: 1; }
.game-race-terran .body-top { background: url("/sc2/static/images/game/race/bg-race-terran-top.jpg") no-repeat; zoom: 1; }
.game-race-protoss .body-top { background: url("/sc2/static/images/game/race/bg-race-protoss-top.jpg") no-repeat; zoom: 1; }

/* Races */
.race-index .racebanner { height: 575px; position: relative; }
.race-index .racebanner a.zerg,
.race-index .racebanner a.terran,
.race-index .racebanner a.protoss { width: 301px; height: 546px; display: block; position: absolute; top: 0; left: 0; }
.race-index .racebanner a.protoss { width: 312px; height: 563px; left: 292px; top: -5px; background: url("/sc2/static/images/game/race/banner-home-protoss.jpg") no-repeat 0 0; }
.race-index .racebanner a.terran { background: url("/sc2/static/images/game/race/banner-home-terran.jpg") no-repeat 0 0; }
.race-index .racebanner a.zerg { left: 595px; background: url("/sc2/static/images/game/race/banner-home-zerg.jpg") no-repeat 0 0; }
.race-index .racebanner a.zerg:hover,
.race-index .racebanner a.terran:hover { background-position: 0 -546px; }
.race-index .racebanner a.protoss:hover { background-position: 0 -563px; }
.race-index .racebanner a strong { font-size: 33px; font-weight: bold; color: #fff; position: absolute; top: 360px; left: 45px; text-transform: uppercase; }
.ko-kr.race-index .racebanner a strong { font-family: DaumRegular; }
.race-index .racebanner a em { color: #0c73af; position: absolute; top: 405px; left: 60px; width: 200px; font-style: normal; }
.race-index .racebanner a span { position: absolute; bottom: 17px; text-transform: uppercase; }
.race-index .racebanner a:hover em,
.race-index .racebanner a:hover span { color: #fff; }
.race-index .racebanner a.zerg em { top: 391px; left: 32px; }
.race-index .racebanner a.zerg span { right: 49px; }
.race-index .racebanner a.zerg strong { top: 349px; left: 34px; }
.race-index .racebanner a.protoss em { top: 396px; left: 52px; }
.race-index .racebanner a.protoss span { right: 56px; }
.race-index .racebanner a.protoss strong { top: 354px; left: 51px; }
.race-index .racebanner a.terran em { top: 391px; left: 44px; }
.race-index .racebanner a.terran span { right: 39px; }
.race-index .racebanner a.terran strong { top: 349px; left: 45px; }

.game-race-zerg .icon-race { width: 284px; height: 228px; background: url("/sc2/static/images/game/race/icon-zerg.png") no-repeat; position: absolute; top: 316px; right: -16px; }
.game-race-terran .icon-race { width: 284px; height: 230px; background: url("/sc2/static/images/game/race/icon-terran.png") no-repeat; position: absolute; top: 325px; right: 0px; }
.game-race-protoss .icon-race { width: 227px; height: 316px; background: url("/sc2/static/images/game/race/icon-protoss.png") no-repeat; position: absolute; top: 254px; right: 42px; }

.game-race .desc { width: 325px; }
.game-race .page-header { width: 325px; padding: 31px 23px 0; }
.game-race .race-content { padding: 0 40px; }

.race-content .video-view { position: relative; left: -40px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url("/sc2/static/images/game/race/bg-videobox-bottom.png") no-repeat 0 100%; text-transform: uppercase; width: 100%; margin: 79px 0 0 0; padding-bottom: 14px; }
.race-content .video-view  a.btn-close { display: none; cursor: pointer; background: url("/sc2/static/images/game/bg-video-close-arrow.gif") no-repeat 0 4px; padding-left: 20px; margin: 0 0 0 116px; }
.race-content .video-view .video-player.whatching { margin-bottom: 23px; }
.race-content .video-view .video-player { min-width: 255px; min-height: 142px; float: left; margin-left: 41px; position: relative; margin-bottom: 24px; z-index: 9; }
.race-content .video-view .video-player #video-player-screen { position: relative; width: 247px; height: 134px;}
.race-content .video-view .video-player #video-player-thumb { display:block; cursor: pointer; position: absolute; top:4px; width: 247px; height: 134px; }
.game-race-zerg .race-content .video-view .video-player #video-player-thumb { background: url("/sc2/static/images/game/race/btn-video-player-zerg.jpg") 0 0 no-repeat; }
.game-race-terran .race-content .video-view .video-player #video-player-thumb { background: url("/sc2/static/images/game/race/btn-video-player-terran.jpg") 0 0 no-repeat; }
.game-race-protoss .race-content .video-view .video-player #video-player-thumb { background: url("/sc2/static/images/game/race/btn-video-player-protoss.jpg") 0 0 no-repeat; }
.race-content .video-view .video-player #video-player-thumb:hover {background-position:0 -134px; }
.race-content .video-view .video-player #video-frame { min-width: 247px; min-height: 134px; }
.race-content .video-view .video-player #video-frame .framebg-l-p { z-index: 10; }
.race-content .video-view .video-player .btn-close {background: url("/sc2/static/images/layout/lightbox/ui.png") -106px -207px no-repeat; display:block; position:absolute; top:-15px; right:-42px; width:57px; height:51px;}
.race-content .video-view .video-player .btn-close:hover {background-position: -106px -258px; }
.race-content .video-view #video-titles h3 { font-size: 16px; font-weight: 400; color: #fff; margin: 53px 0 0 24px; float: left; }
.ko-kr .race-content .video-view #video-titles h3 { font-family: Dotum; }
.race-content .video-view #video-titles em { font-size: 10px; color: #0c73af; font-style: normal; font-weight: 400; display: block; margin-top: 5px; clear: both; }
.ko-kr .race-content .video-view #video-titles em { font-size: 11px; }
.race-content .content-wrapper { padding: 65px 0 0 0; width: 100%; background: url("/sc2/static/images/game/race/bg-conten-body-top.png") no-repeat 0 0; }


/* block 1 */
.race-content .race-features { margin-bottom: 25px; }
.race-content .race-features .story { padding-bottom: 45px; width: 472px; float: left; font-size: 13px; line-height: 28px; }
.race-content .race-features .story p { margin: 0; }
.race-content .race-features .story .media-frame-outer { margin: 31px 0 24px 0; width: 472px; }

.race-content .race-features .characteristics { width: 375px; float: right; }
.race-content .race-features .characteristics .characteristics-title { display: block; font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 40px; }
.ko-kr .race-content .race-features .characteristics .characteristics-title { font-family: Dotum; }
.race-content .race-features .characteristics .feature-block { clear: both; }
.race-content .race-features .characteristics .feature-block span { float: left; font-size: 16px; text-transform: uppercase; color: #afdcf8; width: 196px; display: block; }
.race-content .race-features .characteristics .feature-block p { margin: 8px 0 0 0; float: left; display: block; width: 215px; font-size: 12px; line-height: 18px; color: #0c73af; margin-bottom: 40px; }

.race-content .race-features .characteristics .feature-thumb { width: 138px; height: 138px; margin-bottom: 40px; }
.race-features .characteristics .feature1 .feature-thumb,
.race-features .characteristics .feature3 .feature-thumb { float: left; margin-right: 20px; }
.race-features .characteristics .feature2 .feature-thumb,
.race-features .characteristics .feature4 .feature-thumb { float: right; margin-left: 20px }
.game-race-terran .characteristics .feature1 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-terran1.png") no-repeat 0 0 }
.game-race-terran .characteristics .feature2 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-terran2.jpg") no-repeat 0 0 }
.game-race-terran .characteristics .feature3 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-terran3.jpg") no-repeat 0 0 }
.game-race-terran .characteristics .feature4 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-terran4.jpg") no-repeat 0 0 }
.game-race-protoss .characteristics .feature1 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-protoss1.jpg") no-repeat 0 0 }
.game-race-protoss .characteristics .feature2 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-protoss2.jpg") no-repeat 0 0 }
.game-race-protoss .characteristics .feature3 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-protoss3.jpg") no-repeat 0 0 }
.game-race-protoss .characteristics .feature4 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-protoss4.jpg") no-repeat 0 0 }
.game-race-zerg .characteristics .feature1 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-zerg1.png") no-repeat 0 0 }
.game-race-zerg .characteristics .feature2 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-zerg2.jpg") no-repeat 0 0 }
.game-race-zerg .characteristics .feature3 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-zerg3.jpg") no-repeat 0 0 }
.game-race-zerg .characteristics .feature4 .feature-thumb { background: url("/sc2/static/images/game/race/characteristics-thumb-zerg4.jpg") no-repeat 0 0 }
.race-content .game-content { width: 498px !important; float: left }
.race-content .game-content .units a { cursor: pointer }
.race-content .game-content .units .unit-thumb { padding: 0 3px 15px; }
.race-content .game-content .units .unit-thumb  span { margin: 0; }
.race-content .game-content .units .unit-thumb sup, .race-content .game-content .units .hots-unit-alert { color: #9c26d0; }
.race-content .game-content .units .hots-unit-alert { display: inline-block; margin-top: 12px; }

.race-content .game-content .race-features { width: 100%; height: 500px; background-color: #fff }
.race-content .game-content .page-section .section-body { padding: 0 25px; width: 100%; }
.race-content .game-content .page-section ul { width: 100%; }
.race-content .game-content .page-section ul li { text-align: center; margin: 0; float: left; }
.race-content .game-content  ul li { height: 125px; }
.race-content .game-content .page-section ul li a { line-height: 17px; }
.race-content .game-content .units,
.race-content .game-content .heroes { clear: both; margin-bottom: 50px; }
.race-content .game-content .worlds { margin: 0; }
.race-content .related-content { width: 360px; margin: 18px 0 0 41px; float: left; }
.race-content .related-content .banner { width: 360px; height: 182px; margin-bottom: 29px; position: relative; display: block; }
.game-race-zerg .related-content .banner { background: url("/sc2/static/images/game/race/bg-related-banner-zerg.jpg") no-repeat; }
.game-race-terran .related-content .banner { background: url("/sc2/static/images/game/race/bg-related-banner-terran.jpg") no-repeat; }
.game-race-protoss .related-content .banner { background: url("/sc2/static/images/game/race/bg-related-banner-protoss.jpg") no-repeat; }
.race-content .related-content .banner strong { font-size: 13px; margin-left: 26px; position: relative; top: 9px; text-transform: uppercase; color: #fff; font-weight: normal; }
.race-content .related-content .banner .zoom { width: 57px; height: 50px; display: block; background: url("/sc2/static/images/game/race/link-arrow.png") no-repeat 0 0; position: absolute; top: -13px; right: -10px; }
.race-content .related-content .banner:hover .zoom { background-position: 0 -50px; }
.race-content .related-content .banner.screenshots { background-position: 0 -182px; }
.race-content .related-content .banner.artwork { background-position: 0 -364px; }

/* Races Tech Tree */

.techtree-content .body-bot .secondary-nav-block { margin-left: 40px; }
.techtree-content .body-bot #game-wrapper { position: relative; padding-bottom: 50px; }

.techtree-content-hots.techtree-content-zerg .body-top { background: url("/sc2/static/images/game/race/bg-race-zerg-techtree-top-hots.jpg") no-repeat; }
.techtree-content-hots.techtree-content-terran .body-top { background: url("/sc2/static/images/game/race/bg-race-terran-techtree-top-hots.jpg") no-repeat; }
.techtree-content-hots.techtree-content-protoss .body-top { background: url("/sc2/static/images/game/race/bg-race-protoss-techtree-top-hots.jpg") no-repeat; }
.techtree-content-wol.techtree-content-zerg .body-top { background: url("/sc2/static/images/game/race/bg-race-zerg-techtree-top-wol.jpg") no-repeat; }
.techtree-content-wol.techtree-content-terran .body-top{ background: url("/sc2/static/images/game/race/bg-race-terran-techtree-top-wol.jpg") no-repeat; }
.techtree-content-wol.techtree-content-protoss .body-top { background: url("/sc2/static/images/game/race/bg-race-protoss-techtree-top-wol.jpg") no-repeat; }

.techtree-content-hots.techtree-content-zerg #game-wrapper { height: 2320px; }
.techtree-content-hots.techtree-content-terran #game-wrapper { height: 2170px; }
.techtree-content-hots.techtree-content-protoss #game-wrapper { height: 2240px; }
.techtree-content-wol.techtree-content-zerg #game-wrapper { height: 2480px; }
.techtree-content-wol.techtree-content-terran #game-wrapper{ height: 2200px; }
.techtree-content-wol.techtree-content-protoss #game-wrapper { height: 2320px; }

.techtree-content .outline { width: 325px; margin: 15px 0 0 0; }
.techtree-content .bottom-page-nav { clear: both; position: absolute; width: 100%; bottom:0; left: 0px; height: 80px; }
.techtree-holder .structure-name, .techtree-holder .unit-name, .techtree-holder .group-name { position: absolute; text-transform: uppercase; }
.techtree-holder .unit-name, .techtree-holder .group-name { font-size: 11px; display: block; width: 130px; text-align: center;}
.techtree-holder .structure-name { font-size: 12px; color: #d8f2ff; display: block; text-align: center;}

/* Zerg Structure Position  - Heart of the Swarm */
.techtree-content-hots .hatchery { top: 409px; left: 118px; }
.techtree-content-hots .spawningpool { top: 914px; left: 118px; }
.techtree-content-hots .evolutionchamber { top: 914px; left: 439px; }
.techtree-content-hots .extractor { top: 914px; left: 758px; }
.techtree-content-hots .lair { top: 1198px; left: 118px; }
.techtree-content-hots .roachwarren { top: 1198px; left: 437px; }
.techtree-content-hots .banelingnest { top: 1198px; left: 758px; }
.techtree-content-hots .sporecrawler { top: 1313px; left: 722px; }
.techtree-content-hots .spinecrawler { top: 1313px; left: 397px; }
.techtree-content-hots .infestationpit { top: 1586px; left: 118px; }
.techtree-content-hots .hydraliskden { top: 1586px; left: 439px; }
.techtree-content-hots .spire { top: 1586px; left: 758px; }
.techtree-content-hots .nydusnetwork { top: 1701px; left: 397px; }
.techtree-content-hots .hive { top: 1925px; left: 118px; }
.techtree-content-hots .ultraliskcavern { top: 2167px; left: 118px; }
.techtree-content-hots .greaterspire { top: 2167px; left: 439px; }

/* Zerg Unit Position  - Heart of the Swarm */
.techtree-content-hots .larva { top: 514px; left: 120px; }
.techtree-content-hots .queen { top: 557px; left: 120px; }
.techtree-content-hots .drone { top: 514px; left: 369px; }
.techtree-content-hots .roach { top: 557px; left: 369px; }
.techtree-content-hots .hydralisk { top: 600px; left: 369px; }
.techtree-content-hots .mutalisk { top: 643px; left: 369px; }
.techtree-content-hots .swarm-host { top: 686px; left: 369px; }
.techtree-content-hots .ultralisk { top: 729px; left: 369px; }
.techtree-content-hots .overlord { top: 514px; left: 548px; }
.techtree-content-hots .zergling { top: 557px; left: 548px; }
.techtree-content-hots .corruptor { top: 600px; left: 548px; }
.techtree-content-hots .viper { top: 643px; left: 548px; }
.techtree-content-hots .infestor { top: 686px; left: 548px; }
.techtree-content-hots .overseer { top: 514px; left: 763px; }
.techtree-content-hots .baneling { top: 557px; left: 763px; }
.techtree-content-hots .brood-lord { top: 600px; left: 763px; }
.techtree-content-hots .nydus-worm { top: 1808px; left: 401px; }

/* Zerg Group Position  - Heart of the Swarm */
.techtree-content-hots .unit-list { top: 477px; left: 361px; width: 365px; }
.techtree-content-hots .morph-list { top: 477px ; left: 754px; width: 187px; }

/* Zerg Structure Position  - Wings of Liberty */
.techtree-content-wol .hatchery { top: 409px; left: 118px; }
.techtree-content-wol .spawningpool { top: 914px; left: 118px; }
.techtree-content-wol .evolutionchamber { top: 914px; left: 439px; }
.techtree-content-wol .extractor { top: 914px; left: 758px; }
.techtree-content-wol .sporecrawler { top: 1047px; left: 440px; }
.techtree-content-wol .lair { top: 1281px; left: 118px; }
.techtree-content-wol .roachwarren { top: 1281px; left: 437px; }
.techtree-content-wol .banelingnest { top: 1281px; left: 758px; }
.techtree-content-wol .spinecrawler { top: 1396px; left: 397px; }
.techtree-content-wol .infestationpit { top: 1670px; left: 118px; }
.techtree-content-wol .hydraliskden { top: 1670px; left: 439px; }
.techtree-content-wol .spire { top: 1670px; left: 758px; }
.techtree-content-wol .nydusnetwork { top: 1784px; left: 399px; }
.techtree-content-wol .hive { top: 2008px; left: 118px; }
.techtree-content-wol .ultraliskcavern { top: 2250px; left: 118px; }
.techtree-content-wol .greaterspire { top: 2250px; left: 439px; }

/* Zerg Unit Position  - Wings of Liberty */
.techtree-content-wol .larva { top: 514px; left: 120px; }
.techtree-content-wol .queen { top: 557px; left: 120px; }
.techtree-content-wol .drone { top: 514px; left: 369px; }
.techtree-content-wol .roach { top: 557px; left: 369px; }
.techtree-content-wol .hydralisk { top: 600px; left: 369px; }
.techtree-content-wol .mutalisk { top: 643px; left: 369px; }
.techtree-content-wol .ultralisk { top: 686px; left: 369px; }
.techtree-content-wol .overlord { top: 514px; left: 548px; }
.techtree-content-wol .zergling { top: 557px; left: 548px; }
.techtree-content-wol .corruptor { top: 600px; left: 548px; }
.techtree-content-wol .infestor { top: 643px; left: 548px; }
.techtree-content-wol .overseer { top: 514px; left: 763px; }
.techtree-content-wol .baneling { top: 557px; left: 763px; }
.techtree-content-wol .brood-lord { top: 600px; left: 763px; }
.techtree-content-wol .nydus-worm { top: 1891px; left: 403px; }

/* Zerg Group Position  - Wings of Liberty */
.techtree-content-wol .unit-list { top: 477px; left: 361px; width: 365px; }
.techtree-content-wol .morph-list { top: 477px ; left: 754px; width: 187px; }

/* Terran Structure Position - Heart of the Swarm */
.techtree-content-hots .supplydepot { top: 434px; left: 111px; }
.techtree-content-hots .commandcenter { top: 434px; left: 431px; }
.techtree-content-hots .orbitalcommand { top: 434px; left: 751px; }
.techtree-content-hots .planetaryfortress { top: 530px; left: 751px; }
.techtree-content-hots .barracks { top: 727px; left: 111px; }
.techtree-content-hots .engineeringbay { top: 727px; left: 431px; }
.techtree-content-hots .refinery { top: 727px; left: 751px; }
.techtree-content-hots .missileturret { top: 884px; left: 431px; }
.techtree-content-hots .sentrytower { top: 884px; left: 751px; }
.techtree-content-hots .factory { top: 1138px; left: 111px; }
.techtree-content-hots .ghostacademy { top: 1138px; left: 431px; }
.techtree-content-hots .bunker { top: 1138px; left: 751px; }
.techtree-content-hots .starport { top: 1587px; left: 111px; }
.techtree-content-hots .armory { top: 1587px; left: 432px; }
.techtree-content-hots .fusioncore { top: 2017px; left: 111px; }
.techtree-content-hots .techlab { top: 1915px; left: 743px; }
.techtree-content-hots .reactor { top: 2010px; left: 743px; }

/* Terran Unit Position  - Heart of the Swarm */
.techtree-content-hots .scv { top: 539px; left: 433px; }
.techtree-content-hots .marine { top: 835px; left: 110px; }
.techtree-content-hots .marauder { top: 878px; left: 110px; }
.techtree-content-hots .reaper { top: 921px; left: 110px; }
.techtree-content-hots .ghost { top: 964px; left: 110px; }
.techtree-content-hots .hellion { top: 1245px; left: 110px; }
.techtree-content-hots .siege-tank { top: 1288px; left: 110px; }
.techtree-content-hots .widow-mine { top: 1331px; left: 110px; }
.techtree-content-hots .hellbat { top: 1374px; left: 110px; }
.techtree-content-hots .thor { top: 1417px; left: 110px; }
.techtree-content-hots .viking { top: 1694px; left: 110px; }
.techtree-content-hots .medivac { top: 1737px; left: 110px; }
.techtree-content-hots .raven { top: 1780px; left: 110px; }
.techtree-content-hots .banshee { top: 1823px; left: 110px; }
.techtree-content-hots .battlecruiser { top: 1866px; left: 110px; }

/* Terran Group Position  - Heart of the Swarm */
.techtree-content-hots .cc-upgrades { top: 399px; left: 666px; width: 279px; }
.techtree-content-hots .addons { top: 1855px; height:59px; left: 657px; width: 279px; }
.techtree-content-hots .addons .addons-message { display: block; color: #0873b6; }


/* Terran Structure Position  - Wings of Liberty */
.techtree-content-wol .supplydepot { top: 434px; left: 111px; }
.techtree-content-wol .commandcenter { top: 434px; left: 431px; }
.techtree-content-wol .orbitalcommand { top: 434px; left: 751px; }
.techtree-content-wol .planetaryfortress { top: 530px; left: 751px; }
.techtree-content-wol .barracks { top: 727px; left: 111px; }
.techtree-content-wol .engineeringbay { top: 727px; left: 431px; }
.techtree-content-wol .refinery { top: 727px; left: 751px; }
.techtree-content-wol .missileturret { top: 884px; left: 431px; }
.techtree-content-wol .sentrytower { top: 884px; left: 751px; }
.techtree-content-wol .factory { top: 1138px; left: 111px; }
.techtree-content-wol .ghostacademy { top: 1138px; left: 431px; }
.techtree-content-wol .bunker { top: 1138px; left: 751px; }
.techtree-content-wol .starport { top: 1525px; left: 111px; }
.techtree-content-wol .armory { top: 1525px; left: 432px; }
.techtree-content-wol .fusioncore { top: 1956px; left: 111px; }
.techtree-content-wol .techlab { top: 1854px; left: 743px; }
.techtree-content-wol .reactor { top: 1949px; left: 743px; }

/* Terran Unit Position  - Wings of Liberty */
.techtree-content-wol .scv { top: 539px; left: 433px; }
.techtree-content-wol .marine { top: 835px; left: 110px; }
.techtree-content-wol .marauder { top: 878px; left: 110px; }
.techtree-content-wol .reaper { top: 921px; left: 110px; }
.techtree-content-wol .ghost { top: 964px; left: 110px; }
.techtree-content-wol .hellion { top: 1245px; left: 110px; }
.techtree-content-wol .siege-tank { top: 1288px; left: 110px; }
.techtree-content-wol .thor { top: 1331px; left: 110px; }
.techtree-content-wol .viking { top: 1632px; left: 110px; }
.techtree-content-wol .medivac { top: 1675px; left: 110px; }
.techtree-content-wol .raven { top: 1718px; left: 110px; }
.techtree-content-wol .banshee { top: 1761px; left: 110px; }
.techtree-content-wol .battlecruiser { top: 1804px; left: 110px; }

/* Terran Group Position  - Wings of Liberty */
.techtree-content-wol .cc-upgrades { top: 399px; left: 666px; width: 279px; }
.techtree-content-wol .addons { top: 1794px ; height:59px; left: 657px; width: 279px; }
.techtree-content-wol .addons .addons-message { display: block; color: #0873b6; }

/* Protoss Structure Position  - Heart of the Swarm */
.techtree-content-hots .nexus { top: 434px; left: 113px; }
.techtree-content-hots .pylon { top: 434px; left: 432px; }
.techtree-content-hots .assimilator { top: 434px; left: 751px; }
.techtree-content-hots .gateway { top: 811px; left: 112px; }
.techtree-content-hots .warpgate { top: 811px; left: 432px; }
.techtree-content-hots .forge { top: 811px; left: 752px; }
.techtree-content-hots .photoncannon { top: 1267px; left: 752px; }
.techtree-content-hots .cyberneticscore { top: 1267px; left: 112px; }
.techtree-content-hots .stargate { top: 1516px; left: 112px; }
.techtree-content-hots .roboticsfacility { top: 1516px; left: 432px; }
.techtree-content-hots .twilightcouncil { top: 1516px; left: 752px; }
.techtree-content-hots .fleetbeacon { top: 1983px; left: 112px; }
.techtree-content-hots .roboticsbay { top: 1983px; left: 433px; }
.techtree-content-hots .templararchives { top: 1970px; left: 751px; }
.techtree-content-hots .darkshrine { top: 2088px; left: 724px; }

/* Protoss Unit Position  - Heart of the Swarm */
.techtree-content-hots .probe { top: 541px; left: 117px; }
.techtree-content-hots .mothership-core { top: 584px; left: 117px; }
.techtree-content-hots .mothership { top: 584px; left: 341px; }
.techtree-content-hots .zealot { top: 918px; left: 118px; }
.techtree-content-hots .sentry { top: 961px; left: 118px; }
.techtree-content-hots .stalker { top: 1004px; left: 118px; }
.techtree-content-hots .high-templar { top: 1047px; left: 118px; }
.techtree-content-hots .dark-templar { top: 1090px; left: 118px; }
.techtree-content-hots .archon { top: 1068px; left: 351px; }
.techtree-content-hots .phoenix { top: 1623px; left: 118px; }
.techtree-content-hots .oracle { top: 1666px; left: 118px; }
.techtree-content-hots .void-ray { top: 1709px; left: 118px; }
.techtree-content-hots .tempest { top: 1752px; left: 118px; }
.techtree-content-hots .carrier { top: 1795px; left: 118px; }
.techtree-content-hots .observer { top: 1623px; left: 436px; }
.techtree-content-hots .warp-prism { top: 1666px; left: 436px; }
.techtree-content-hots .immortal { top: 1709px; left: 436px; }
.techtree-content-hots .colossus { top: 1752px; left: 436px; }

/* Protoss Group Position - Heart of the Swarm */
.techtree-content-hots .mothership-upgrade { top: 552px; left: 333px; width: 187px; }
.techtree-content-hots .warpgate-upgrade { top: 775px; left: 347px; width: 280px; }
.techtree-content-hots .merge-templar { top: 1035px ; left: 343px ; width: 187px; }

/* Protoss Structure Position  - Wings of Liberty */
.techtree-content-wol .nexus { top: 434px; left: 113px; }
.techtree-content-wol .pylon { top: 434px; left: 432px; }
.techtree-content-wol .assimilator { top: 434px; left: 751px; }
.techtree-content-wol .gateway { top: 811px; left: 112px; }
.techtree-content-wol .warpgate { top: 811px; left: 432px; }
.techtree-content-wol .forge { top: 811px; left: 752px; }
.techtree-content-wol .photoncannon { top: 1267px; left: 752px; }
.techtree-content-wol .cyberneticscore { top: 1267px; left: 112px; }
.techtree-content-wol .stargate { top: 1516px; left: 112px; }
.techtree-content-wol .roboticsfacility { top: 1516px; left: 432px; }
.techtree-content-wol .twilightcouncil { top: 1516px; left: 752px; }
.techtree-content-wol .fleetbeacon { top: 1983px; left: 112px; }
.techtree-content-wol .roboticsbay { top: 1983px; left: 433px; }
.techtree-content-wol .templararchives { top: 1970px; left: 751px; }
.techtree-content-wol .darkshrine { top: 2088px; left: 724px; }

/* Protoss Unit Position  - Wings of Liberty */
.techtree-content-wol .probe { top: 541px; left: 117px; }
.techtree-content-wol .mothership { top: 584px; left: 117px; }
.techtree-content-wol .zealot { top: 918px; left: 118px; }
.techtree-content-wol .sentry { top: 961px; left: 118px; }
.techtree-content-wol .stalker { top: 1004px; left: 118px; }
.techtree-content-wol .high-templar { top: 1047px; left: 118px; }
.techtree-content-wol .dark-templar { top: 1090px; left: 118px; }
.techtree-content-wol .archon { top: 1068px; left: 351px; }
.techtree-content-wol .phoenix { top: 1623px; left: 118px; }
.techtree-content-wol .void-ray { top: 1666px; left: 118px; }
.techtree-content-wol .carrier { top: 1709px; left: 118px; }
.techtree-content-wol .observer { top: 1623px; left: 436px; }
.techtree-content-wol .warp-prism { top: 1666px; left: 436px; }
.techtree-content-wol .immortal { top: 1709px; left: 436px; }
.techtree-content-wol .colossus { top: 1752px; left: 436px; }

/* Protoss Group Position  - Wings of Liberty */
.techtree-content-wol .warpgate-upgrade { top: 775px; left: 347px; width: 279px; }
.techtree-content-wol .merge-templar { top: 1035px ; left: 343px; width: 187px; }

.unlocks { display: block; color: #0873b6; font-size: 8pt; text-transform: none; padding: 0 10px; }

.tt-outer { text-align: center; }
.tt-table { height: 100%; width: 100%; }
.structure-name { height: 90px; width: 180px; padding: 0 3px;}
.group-name { height: 35px; padding: 0 3px; }
.unit-name { height: 41px; padding: 0 3px 0 42px; }
.unit-name span { height: 41px; width: 130px; display: table-cell; vertical-align: middle; }


/* LOTV */

.techtree-content-lotv.techtree-content-zerg .body-top { background: url("/sc2/static/images/game/race/bg-race-zerg-techtree-top-lotv.jpg") no-repeat; }
.techtree-content-lotv.techtree-content-terran .body-top { background: url("/sc2/static/images/game/race/bg-race-terran-techtree-top-lotv.jpg") no-repeat; }
.techtree-content-lotv.techtree-content-protoss .body-top { background: url("/sc2/static/images/game/race/bg-race-protoss-techtree-top-lotv.jpg") no-repeat; }
.techtree-content-lotv.techtree-content-zerg #game-wrapper { height: 2320px; }
.techtree-content-lotv.techtree-content-terran #game-wrapper { height: 2170px; }
.techtree-content-lotv.techtree-content-protoss #game-wrapper { height: 2240px; }

/* Terran Structure Position - Legacy of the Void */
.techtree-content-lotv .supplydepot { top: 434px; left: 111px; }
.techtree-content-lotv .commandcenter { top: 434px; left: 431px; }
.techtree-content-lotv .orbitalcommand { top: 434px; left: 751px; }
.techtree-content-lotv .planetaryfortress { top: 530px; left: 751px; }
.techtree-content-lotv .barracks { top: 727px; left: 111px; }
.techtree-content-lotv .engineeringbay { top: 727px; left: 431px; }
.techtree-content-lotv .refinery { top: 727px; left: 751px; }
.techtree-content-lotv .missileturret { top: 884px; left: 431px; }
.techtree-content-lotv .sentrytower { top: 884px; left: 751px; }
.techtree-content-lotv .factory { top: 1138px; left: 111px; }
.techtree-content-lotv .ghostacademy { top: 1138px; left: 431px; }
.techtree-content-lotv .bunker { top: 1138px; left: 751px; }
.techtree-content-lotv .starport { top: 1587px; left: 111px; }
.techtree-content-lotv .armory { top: 1587px; left: 432px; }
.techtree-content-lotv .fusioncore { top: 2017px; left: 111px; }
.techtree-content-lotv .techlab { top: 1915px; left: 743px; }
.techtree-content-lotv .reactor { top: 2010px; left: 743px; }

/* Terran Unit Position  - Legacy of the Void */
.techtree-content-lotv .scv { top: 539px; left: 433px; }
.techtree-content-lotv .marine { top: 835px; left: 110px; }
.techtree-content-lotv .marauder { top: 878px; left: 110px; }
.techtree-content-lotv .reaper { top: 921px; left: 110px; }
.techtree-content-lotv .ghost { top: 964px; left: 110px; }
.techtree-content-lotv .hellion { top: 1245px; left: 110px; }
.techtree-content-lotv .siege-tank { top: 1288px; left: 110px; }
.techtree-content-lotv .widow-mine { top: 1331px; left: 110px; }
.techtree-content-lotv .hellbat { top: 1374px; left: 110px; }
.techtree-content-lotv .thor { top: 1417px; left: 110px; }
.techtree-content-lotv .viking { top: 1694px; left: 110px; }
.techtree-content-lotv .medivac { top: 1737px; left: 110px; }
.techtree-content-lotv .raven { top: 1780px; left: 110px; }
.techtree-content-lotv .banshee { top: 1823px; left: 110px; }
.techtree-content-lotv .battlecruiser { top: 1866px; left: 110px; }
.techtree-content-lotv .liberator { top: 1912px; left: 110px; }
.techtree-content-lotv .cyclone { top: 1461px; left: 110px; }

/* Terran Group Position  - Legacy of the Void */
.techtree-content-lotv .cc-upgrades { top: 399px; left: 666px; width: 279px; }
.techtree-content-lotv .addons { top: 1855px; height:59px; left: 657px; width: 279px; }
.techtree-content-lotv .addons .addons-message { display: block; color: #0873b6; }

/* Protoss Structure Position  - Legacy of the Void*/
.techtree-content-lotv .nexus { top: 434px; left: 113px; }
.techtree-content-lotv .pylon { top: 434px; left: 432px; }
.techtree-content-lotv .assimilator { top: 434px; left: 751px; }
.techtree-content-lotv .gateway { top: 811px; left: 112px; }
.techtree-content-lotv .warpgate { top: 811px; left: 432px; }
.techtree-content-lotv .forge { top: 811px; left: 752px; }
.techtree-content-lotv .photoncannon { top: 1267px; left: 752px; }
.techtree-content-lotv .cyberneticscore { top: 1267px; left: 112px; }
.techtree-content-lotv .stargate { top: 1516px; left: 112px; }
.techtree-content-lotv .roboticsfacility { top: 1516px; left: 432px; }
.techtree-content-lotv .twilightcouncil { top: 1516px; left: 752px; }
.techtree-content-lotv .fleetbeacon { top: 1983px; left: 112px; }
.techtree-content-lotv .roboticsbay { top: 1983px; left: 433px; }
.techtree-content-lotv .templararchives { top: 1970px; left: 751px; }
.techtree-content-lotv .darkshrine { top: 2088px; left: 724px; }

/* Protoss Unit Position  - Legacy of the Void*/
.techtree-content-lotv .probe { top: 541px; left: 117px; }
.techtree-content-lotv .mothership-core { top: 584px; left: 117px; }
.techtree-content-lotv .mothership { top: 584px; left: 341px; }
.techtree-content-lotv .zealot { top: 918px; left: 118px; }
.techtree-content-lotv .sentry { top: 961px; left: 118px; }
.techtree-content-lotv .stalker { top: 1004px; left: 118px; }
.techtree-content-lotv .high-templar { top: 1047px; left: 118px; }
.techtree-content-lotv .dark-templar { top: 1090px; left: 118px; }
.techtree-content-lotv .archon { top: 1068px; left: 351px; }
.techtree-content-lotv .phoenix { top: 1623px; left: 118px; }
.techtree-content-lotv .oracle { top: 1666px; left: 118px; }
.techtree-content-lotv .void-ray { top: 1709px; left: 118px; }
.techtree-content-lotv .tempest { top: 1752px; left: 118px; }
.techtree-content-lotv .carrier { top: 1795px; left: 118px; }
.techtree-content-lotv .observer { top: 1623px; left: 436px; }
.techtree-content-lotv .warp-prism { top: 1666px; left: 436px; }
.techtree-content-lotv .immortal { top: 1709px; left: 436px; }
.techtree-content-lotv .colossus { top: 1752px; left: 436px; }
.techtree-content-lotv .adept { top: 1134px; left: 118px; }
.techtree-content-lotv .disruptor { top: 1795px; left: 436px; }

/* Protoss Group Position - Legacy of the Void*/
.techtree-content-lotv .mothership-upgrade { top: 552px; left: 333px; width: 187px; }
.techtree-content-lotv .warpgate-upgrade { top: 775px; left: 347px; width: 280px; }
.techtree-content-lotv .merge-templar { top: 1035px ; left: 343px ; width: 187px; }

/* Zerg Structure Position  - Legacy of the Void */
.techtree-content-lotv .hatchery { top: 409px; left: 118px; }
.techtree-content-lotv .spawningpool { top: 914px; left: 118px; }
.techtree-content-lotv .evolutionchamber { top: 914px; left: 439px; }
.techtree-content-lotv .extractor { top: 914px; left: 758px; }
.techtree-content-lotv .lair { top: 1198px; left: 118px; }
.techtree-content-lotv .roachwarren { top: 1198px; left: 437px; }
.techtree-content-lotv .banelingnest { top: 1198px; left: 758px; }
.techtree-content-lotv .sporecrawler { top: 1313px; left: 722px; }
.techtree-content-lotv .spinecrawler { top: 1313px; left: 397px; }
.techtree-content-lotv .infestationpit { top: 1586px; left: 118px; }
.techtree-content-lotv .hydraliskden { top: 1586px; left: 439px; }
.techtree-content-lotv .spire { top: 1586px; left: 758px; }
.techtree-content-lotv .nydusnetwork { top: 1701px; left: 723px; }
.techtree-content-lotv .hive { top: 1925px; left: 118px; }
.techtree-content-lotv .ultraliskcavern { top: 2167px; left: 118px; }
.techtree-content-lotv .greaterspire { top: 2167px; left: 439px; }
.techtree-content-lotv .lurkerden { top: 1703px; left: 439px; }

/* Zerg Unit Position  - Legacy of the Void */
.techtree-content-lotv .larva { top: 514px; left: 120px; }
.techtree-content-lotv .queen { top: 557px; left: 120px; }
.techtree-content-lotv .drone { top: 514px; left: 369px; }
.techtree-content-lotv .roach { top: 600px; left: 548px; }
.techtree-content-lotv .hydralisk { top: 643px; left: 548px; }
.techtree-content-lotv .mutalisk { top: 557px; left: 369px; }
.techtree-content-lotv .swarm-host { top: 643px; left: 369px; }
.techtree-content-lotv .ultralisk { top: 729px; left: 369px; }
.techtree-content-lotv .overlord { top: 514px; left: 548px; }
.techtree-content-lotv .zergling { top: 557px; left: 548px; }
.techtree-content-lotv .corruptor { top: 686px; left: 548px; }
.techtree-content-lotv .viper { top: 686px; left: 369px; }
.techtree-content-lotv .infestor { top: 600px; left: 369px; }
.techtree-content-lotv .overseer { top: 514px; left: 763px; }
.techtree-content-lotv .baneling { top: 557px; left: 763px; }
.techtree-content-lotv .brood-lord { top: 686px; left: 763px; }
.techtree-content-lotv .nydus-worm { top: 1808px; left: 726px; }
.techtree-content-lotv .lurker { top: 643px; left: 763px; }
.techtree-content-lotv .ravager { top: 600px; left: 763px; }

/* Zerg Group Position  - Legacy of the Void */
.techtree-content-lotv .unit-list { top: 477px; left: 361px; width: 365px; }
.techtree-content-lotv .morph-list { top: 477px ; left: 754px; width: 187px; }