/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{outline:none;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}input{outline:none}
/*Global styles*/
.dn{display:none !important}
.cl{clear:both;display:block}
html{background:#151515;}
body { color:#555; font:13px/18px 'Lucida Grande','Lucida Sans Unicode', Tahoma, sans-serif;overflow-x:hidden;background:#000;}

/*Global Elements*/
#logo-svs-sub{width:306px;height:123px;background:url(../img/global/logo-ca-svs.png) no-repeat;text-indent:-9999px;display:block;margin:0 auto 45px/*185px*/}
#btn-back-to-main{font-weight:bold;display:block;position:absolute;top:134px;left:0;width:147px;height:21px;line-height:21px;text-align:center;color:#fff;border-radius:3px;font-family:klavika;background:#222;background:rgba(0,0,0,0.7);text-decoration:none;font-size:13px;text-transform:uppercase}#btn-back-to-main:hover{background:#000}
#wrap{width:840px;margin:0 auto;position:relative;padding:30px 0 0}
#wrap-main #share{position:abolute;position:absolute;top:0;left:190px;z-index:1000}
#wrap #share{position:abolute;position:absolute;top:20px;left:0;z-index:1000}
.fb_share_count_nub_right{background-image:url(http://nxcache.nexon.net/dungeonfighter/img/misc/fb-share-count-nub-right.png) !important}

#main-nav{width:916px;height:123px;position:relative;text-indent:-9999px;cursor:pointer;margin:-20px 0 0 -36px}
    #spider-nav{width:458px;height:123px;position:absolute;left:0;top:0;background:url(../img/global/nav-spider.png) 0 0 no-repeat;}
        #spider-nav:hover,#spider-nav.active{background-position:0 100%}
    #scorpion-nav{width:458px;height:123px;position:absolute;left:458px;top:-1px;background:url(../img/global/nav-scorpion.png) 0 0 no-repeat;}
        #scorpion-nav:hover,#scorpion-nav.active{background-position:0 100%}
    #spider-drop{position:absolute;width:432px;height:64px;top:87px;left:22px;display:none}
        #spider-drop li{background:url(../img/global/drop-spider.png) 0 100% no-repeat;float:left}
            #spider-drop li.d-spiders{width:158px;height:64px;}#spider-drop li.d-spiders:hover,#spider-drop li.d-spiders.active{background-position:0 0}
            #spider-drop li.d-rankings{width:138px;height:64px;background-position:-158px 100%}#spider-drop li.d-rankings:hover,#spider-drop li.d-rankings.active{background-position:-158px 0}
            #spider-drop li.d-community{width:136px;height:64px;background-position:-296px 100%}#spider-drop li.d-community:hover,#spider-drop li.d-community.active{background-position:-296px 0}
            #spider-drop li a{width:100%;height:100%;display:block}
    #scorpion-drop{position:absolute;width:416px;height:53px;top:87px;left:6px;display:none}
        #scorpion-drop li{background:url(../img/global/drop-scorpion.png) 0 100% no-repeat;float:left}
            #scorpion-drop li.d-scorpions{width:141px;height:53px;}#scorpion-drop li.d-scorpions:hover,#scorpion-drop li.d-scorpions.active{background-position:0 0}
            #scorpion-drop li.d-rankings{width:136px;height:53px;background-position:-141px 100%}#scorpion-drop li.d-rankings:hover,#scorpion-drop li.d-rankings.active{background-position:-141px 0}
            #scorpion-drop li.d-community{width:133px;height:53px;background-position:-281px 100%}#scorpion-drop li.d-community:hover,#scorpion-drop li.d-community.active{background-position:-281px 0}
            #scorpion-drop li a{width:100%;height:100%;display:block}
#spider-link{position:absolute;width:430px;height:50px;top:35px;text-indent:-9999px;display:block}
#scorpion-link{position:absolute;width:430px;height:50px;top:35px;text-indent:-9999px;display:block}            

#subpage-scoreboard{background:url(../img/global/scoreboard.png) no-repeat;width:262px;height:134px;position:absolute;top:18px;right:-50px}
#subpage-scoreboard #total-score{font-size:60px;font-weight:bold;font-family:klavika;color:#000;margin:35px auto 0;text-align:center;width:208px;height:40px;}
#subpage-scoreboard #total-score span{width:31px;height:41px;background:url(../img/global/scoreboard-numbers.png) no-repeat;text-indent:-9999px;float:left;margin:0 0 0 53px}
#subpage-scoreboard #total-score span+span{margin:0 0 0 38px}
#subpage-scoreboard #total-score span.one{background-position:-31px 0}#subpage-scoreboard #total-score span.two{background-position:-62px 0}#subpage-scoreboard #total-score span.three{background-position:-93px 0}#subpage-scoreboard #total-score span.four{background-position:-124px 0}
#subpage-scoreboard #weekly-score{color:#000;font-size:18px;font-weight:bold;font-family:klavika;text-align:center;margin:12px 0 9px;text-transform:uppercase}
#subpage-scoreboard #weekly-score span.spiders{background:url(../img/global/scoremark-spider.png) 0 4px no-repeat;padding:0 0 0 20px;margin-left:10px}
#subpage-scoreboard #weekly-score span.scorpions{background:url(../img/global/scoremark-scorpion.png) 100% 4px no-repeat;padding:0 20px 0 0;}
#subpage-scoreboard a{font-weight:bold;display:block;margin:0 auto;width:147px;height:21px;line-height:21px;text-align:center;color:#fff;border-radius:3px;font-family:klavika;background:#222;background:rgba(0,0,0,0.7);text-decoration:none;font-size:13px;text-transform:uppercase}
#subpage-scoreboard a:hover{background:#000}

            
#subpage-nav{font-size:14px;font-family:klavika;text-transform:uppercase;margin:20px 0 110px 20px;float:left;font-weight:bold}
#subpage-nav li{float:left}
#subpage-nav li a{text-decoration:none}            
body.spider #subpage-nav, body.spider #subpage-nav a{color:#891f1f;}body.spider #subpage-nav a:hover, body.spider #subpage-nav li.active a{color:#ff0000;}
body.scorpion #subpage-nav, body.scorpion #subpage-nav a{color:#7a8549;}body.scorpion #subpage-nav a:hover,body.scorpion #subpage-nav li.active a{color:#d1fe00}
#footer{clear:both;font-weight:bold;color:#fff;padding:0 0 20px 79px;width:407px;height:58px;background:url(../img/global/bg-footer.png) 0 100% no-repeat;margin:0 auto;font-family:Klavika;font-size:16px;}
#footer a{color:#fff;text-decoration:none;padding-right:10px}
    #footer a:hover{text-decoration:underline}
#footer a#faq{background:#b5001e;padding:2px 10px;margin:0 4px 0 2px}
    #footer a#faq:hover{background:#fc002a;text-decoration:none}
#footer a#rules{padding-left:8px}

/*Main Page*/
/*#content-main{position:relative;z-index:1;margin:0 auto;width:1000px;background:url(../img/main/smoke.png) center 0 no-repeat;padding:20px 0 0}*/
#content-top{position:absolute;z-index:3;top:left:0;width:100%;min-width:1000px;height:532px;background:url(../img/main/smoke.png) center 0 no-repeat}
#content-wrap{position:relative; z-index:999; margin:20px auto 0 auto; width:80%; min-width:1000px; max-width:1200px; height:463px;}
#middle-content{position:relative;z-index:2}
#middle-content h2{font-size:24px;font-family:klavika;color:#000;font-weight:bold;text-align:center;margin:10px 0 25px;text-transform:uppercase}
#content-bot{clear:both;min-width:1000px;position:absolute;top:532px;width:100%;padding:70px 0 0;background:url(../img/main/smoke.png) center -532px no-repeat}
#wrap-main{width:100%;margin:0 auto;position:relative;padding:0;max-width:1920px;min-width:1000px;}
#logo-ca{background:url(../img/main/logo-ca.png) no-repeat;width:122px;height:62px;text-indent:-9999px;margin:0 auto 42px;display:block}
#logo-svs{background:url(../img/main/logo-svs-phase2.png) no-repeat;width:615px;height:121px;text-indent:-9999px;margin:0 auto;}

#section-spiders{position:absolute; top:0; left:0; width:50%; height:1100px; background:url(../img/main/bg.jpg) 0 -49px no-repeat; }
#section-scorpions{position:absolute; top:0; right:0; width:50%; height:1100px; background:url(../img/main/bg.jpg) 100% -49px no-repeat; }

#rewards{background:url(../img/main/bg-rewards.png) no-repeat;width:560px;height:150px;position:relative;margin:0 auto 25px;clear:both}
#rewards img{position:absolute;left:100px;top:35px}


#btn-choose-side{display:block;background:url(../img/main/btn-join-now.png) no-repeat;width:371px;height:88px;margin:0 auto 75px;text-indent:-9999px;}
    #btn-choose-side:hover{background-position:0 100%}
#btn-spiders{position:absolute;top:100px;left:-205px}
#btn-scorpions{position:absolute;right:310px;top:100px}
#btn-spiders .off{width:506px;height:543px;background:url(../img/main/btn-spiders-off.png) no-repeat;text-indent:-9999px;display:block;position:absolute;z-index:9; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();}
#btn-spiders .on{width:506px;height:543px;background:url(../img/main/btn-spiders-on.png) no-repeat;text-indent:-9999px;display:block;opacity:0;position:absolute;z-index:10; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();}
#btn-scorpions .off{width:545px;height:486px;background:url(../img/main/btn-scorpions-off.png) no-repeat;text-indent:-9999px;display:block;position:absolute;z-index:9; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();}
#btn-scorpions .on{width:545px;height:486px;background:url(../img/main/btn-scorpions-on.png) no-repeat;text-indent:-9999px;display:block;opacity:0;position:absolute;z-index:10;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();}
#btn-spiders .btn-lm{width:161px;height:56px;background:url(../img/main/btn-spiders-lm.png) no-repeat;position:absolute;left:220px;top:346px}
#btn-scorpions .btn-lm{width:157px;height:52px;background:url(../img/main/btn-scorpions-lm.png) no-repeat;position:absolute;left:125px;top:346px;z-index:9}
.btn-links{position:absolute;top:366px;width:114px;height:122px;z-index:11;left:244px;text-align:center;display:none}
.btn-links a{display:block;font-family:klavika;text-transform:uppercase;color:#fff;font-size:18px;font-weight:bold;text-decoration:none;margin-bottom:18px}
#btn-spiders .btn-links a:hover{color:#ff0000}
#btn-scorpions .btn-links a:hover{color:#c5df16}
#btn-scorpions .btn-links{left:151px;top:367px}

body.w1024 #section-spiders{background-position:15% -49px}
body.w1024 #section-scorpions{background-position:85% -49px}
body.w1280 #section-spiders{background-position:10% -49px}
body.w1280 #section-scorpions{background-position:90% -49px}
body.w1330 #section-spiders{background-position:8% -49px}
body.w1330 #section-scorpions{background-position:92% -49px}
body.w1440 #section-spiders{background-position:6% -49px}
body.w1440 #section-scorpions{background-position:94% -49px}
body.w1680 #section-spiders{background-position:4% -49px}
body.w1680 #section-scorpions{background-position:96% -49px}

#video{background:url(../img/main/bg-video.png) no-repeat;width:370px;height:226px;cursor:pointer;margin:0 auto 20px}
    #video:hover{background-position:0 100%}
#video > *{display:none}

#fanart{background:url(../img/main/bg-fanart.png) no-repeat;width:357px;height:156px;margin:0 auto 75px;text-indent:-9999px;cursor:pointer}#fanart:hover{background-position:0 100%}
#fanart a{width:100%;height:100%;display:block}

#mainpage-scoreboard{width:528px;height:273px;background:url(../img/main/scoreboard.png) no-repeat;margin:0 auto;position:relative}
.spider-stars{width:103px;height:24px;background:url(../img/main/spider-stars.png) no-repeat;position:absolute;top:67px;left:27px}
    .spider-stars.one{background-position:0 -24px}
    .spider-stars.two{background-position:0 -48px}
    .spider-stars.three{background-position:0 -72px}
    .spider-stars.four{background-position:0 -96px}
.scorpion-stars{width:103px;height:24px;background:url(../img/main/scorpion-stars.png) no-repeat;position:absolute;top:67px;right:27px}
    .scorpion-stars.one{background-position:0 -24px}
    .scorpion-stars.two{background-position:0 -48px}
    .scorpion-stars.three{background-position:0 -72px}
    .scorpion-stars.four{background-position:0 -96px}
#score-spiders .bigscore{background:url(../img/main/numbers-spiders.png) no-repeat;width:65px;height:111px;text-indent:-9999px;display:block;position:absolute;top:56px;left:178px}
    #score-spiders .bigscore.one{background-position:-65px 0}#score-spiders .bigscore.two{background-position:-130px 0}#score-spiders .bigscore.three{background-position:-195px 0}#score-spiders .bigscore.four{background-position:-260px 0}
#score-scorpions .bigscore{background:url(../img/main/numbers-scorpions.png) no-repeat;width:65px;height:111px;text-indent:-9999px;display:block;position:absolute;top:56px;right:175px}
    #score-scorpions .bigscore.one{background-position:-65px 0}#score-scorpions .bigscore.two{background-position:-130px 0}#score-scorpions .bigscore.three{background-position:-195px 0}#score-scorpions .bigscore.four{background-position:-260px 0}
#score-meter{width:428px;height:67px;background:url(../img/main/score-meter.png) no-repeat;margin:0 auto;position:relative;top:168px}
    #score-meter h3{text-align:center;font-size:17px;padding-top:8px;color:#ccc;text-transform:uppercase;}
    #score-meter h3 span{font-weight:bold}
    #score-meter h3 span+span{font-weight:normal}
    #score-meter h3.spiders{color:#ff0000}
    #score-meter h3.scorpions{color:#c5df16}
    #score-meter h3 strong{font-weight:bold}
.spider-wins{background:url(../img/main/spider-wins.png) no-repeat;position:absolute;width:190px;height:20px;top:35px;left:16px}
    .spider-wins.one{background-position:0 -20px}.spider-wins.two{background-position:0 -40px}.spider-wins.three{background-position:0 -60px}.spider-wins.four{background-position:0 -80px}.spider-wins.five{background-position:0 -100px}.spider-wins.six{background-position:0 -120px}.spider-wins.seven{background-position:0 -140px}
.scorpion-wins{background:url(../img/main/scorpion-wins.png) no-repeat;position:absolute;width:190px;height:20px;top:35px;right:18px} 
    .scorpion-wins.one{background-position:0 -20px}.scorpion-wins.two{background-position:0 -40px}.scorpion-wins.three{background-position:0 -60px}.scorpion-wins.four{background-position:0 -80px}.scorpion-wins.five{background-position:0 -100px}.scorpion-wins.six{background-position:0 -120px}.scorpion-wins.seven{background-position:0 -140px}
#mainpage-scoreboard a{background:url(../img/main/link-scoreboard.png) no-repeat;width:182px;height:20px;text-indent:-9999px;display:block;top:251px;left:170px;position:absolute}#mainpage-scoreboard a:hover{background-position:0 100%}

#m-rankings h2, #m-tracker h2{font-size:20px;color:#e0d9b4;text-transform:uppercase;font-family:klavika;font-weight:bold}
#m-rankings{background:url(../img/main/bg-rankings.png) no-repeat;width:368px;height:230px;padding:20px 0 0 40px;color:#999;margin-right:20px;float:left}
#m-rankings ul{float:left;padding:18px 0 0;margin-right:70px}
#m-rankings ul.spiders strong{color:#ff0000;font-weight:bold}#m-rankings ul.scorpions strong{color:#c1dd14;font-weight:bold}
#m-rankings ul+ul{margin-right:0} 
#m-rankings .view-more{width:95px;height:19px;text-indent:-9999px}#m-rankings .view-more a{width:100%;height:100%;display:block}
#m-rankings ul.spiders .view-more{background:url(../img/main/spider-viewmore.png) no-repeat}
#m-rankings ul.scorpions .view-more{background:url(../img/main/scorpion-viewmore.png) no-repeat}
#m-rankings li{margin-bottom:10px}

#bot-wrap{width:847px;margin:0 auto 90px;height:250px}
#m-tracker{background:url(../img/main/bg-tracker.png) no-repeat;width:387px;height:229px;padding:20px 0 0 32px;color:#999;float:left}
#m-tracker ul{width:325px;height:397px;clear:both;margin:12px 0 0}
#m-tracker li{width:330px;height:30px;line-height:30px}
#m-tracker li div{padding-left:7px;width:260px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;margin-left:7px}
#m-tracker li span{float:right;color:#999999}
#m-tracker li div{background:url(../img/main/tracker-bullet.png) 0 15px no-repeat;}
#m-tracker li div a{color:#fff;text-decoration:none}#m-tracker li div a:hover{text-decoration:underline}

/*About Page*/
body.spider.info{background:url(../img/about/bg-spiders.jpg) center 49px no-repeat #000;padding-bottom:20px}
body.scorpion.info{background:url(../img/about/bg-scorpions.jpg) center 49px no-repeat #000;padding-bottom:20px}

#goto-scorpions{width:218px;height:45px;background:url(../img/about/btn-goto-scorpions.png) no-repeat;text-indent:-9999px;display:block;position:absolute;right:-30px;top:206px}
#goto-scorpions:hover{background-position:0 100%}

#goto-spiders{width:218px;height:45px;background:url(../img/about/btn-goto-spiders.png) no-repeat;text-indent:-9999px;display:block;position:absolute;right:-30px;top:206px}
#goto-spiders:hover{background-position:0 100%}

/*About Page Shared Elements*/
body.info h2{font-family:Klavika;color:#e0d9b4;font-size:20px;margin-bottom:12px;font-weight:bold;clear:both;padding-left:20px}
body.info p{color:#aaa;font-size:14px;line-height:20px;padding-left:20px}
.storyPopup{color:#e0d9b4;display:block;clear:both;margin:18px 0 65px;padding-left:20px;width:175px}.storyPopup:hover{color:#fff}
p.first{width:460px}
/*//Story Popup*/
#gnt_popup.story{width:778px;margin-left:-389px}
.story #gnt_popup_center{width:778px;}
.story .popup_content{background:url(../img/about/bg-story.jpg) no-repeat;padding:82px 190px 0;height:402px}
.story .popup_content p{color:#000;text-align:center;font-size:13px;margin-bottom:18px}
/*//Screenshots Popups*/
#m-screenshots{width:841px;margin:40px 0 100px;padding-left:20px}
#m-screenshots:after{content:"";display:block;height:0;clear:both;}
#m-screenshots .instructions{font-size:10px;background:url(../img/about/icon-magnify.png) no-repeat 0 3px;padding-left:14px;float:right}
#screenshots li{float:left;margin-right:29px;cursor:pointer;position:relative;width:261px;height:170px}
#screenshots li span{width:261px;height:170px;position:absolute;top:0;left:0;background:url(../img/about/media-tn-hover.png) no-repeat;z-index:2}
#screenshots li:hover span{background-position:0 100%}
#screenshots li:last-child{margin-right:0}
#screenshots li+li+li{margin-right:0}
#screenshots li img{position:absolute;top:0;left:0;z-index:1}

/*Signup, Login Popup*/
#gnt_screen{background:rgba(0,0,0,0.8);}
#gnt_popup_center{border:1px solid #000;background:#a0a0a0 url(../img/popup/background.jpg) 0 0 repeat;}
#gnt_popup{color:#a0a0a0;}
#gnt_popup .gnt_top{background:transparent;border-radius:0;padding:19px;}
#gnt_popup .gnt_bot{background:transparent;border-radius:0;padding:10px 19px;}
#gnt_popup .gnt_col_or{color:#a0a0a0;}
#gnt_popup .gnt_input{border:1px solid #8c8c8c;}
#gnt_popup .gnt_input label,#gnt_popup .gnt_input input{color:#41443f;}
#gnt_popup .gnt_input.gnt_focus label{color:#777d73;}
#gnt_popup .gnt_input.gnt_focus{background-color:#d1d1d1;}
#gnt_popup .gnt_input label.gnt_input_disabled{color:#777d73;text-shadow:0 1px #b9b9b9;}
#gnt_popup .gnt_input .gnt_problems{border-left:1px solid #8c8c8c;color:#555;}
#gnt_popup a{color:#aa9f63;}
#gnt_popup a:hover{color:#fff;}
#gnt_popup .gnt_title{color:#fff;border:0;background:url(../img/popup/title_border.png) 0 100% repeat-x;}
#gnt_popup .gnt_error{color:#ba0000;}
#gnt_popup .gnt_spacer{border-bottom:1px dashed #ddd;}
#gnt_popup .gnt_text_callout:hover{color:#7cb687;}
#gnt_popup .gnt_button{border:1px solid #000;background:#000;}
#gnt_popup .gnt_button span{background:#46443c;border:1px solid #63685e;color:#fff;}
#gnt_popup .gnt_button:hover span{background:#565346;border-color:#86806c;}
#gnt_popup .gnt_big_button{border:1px solid #000;background:url(../img/popup/big_button.png) 0 0 repeat-x;border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
#gnt_popup .gnt_big_button span{background:url(../img/popup/big_inner.png) 0 1px repeat-x;border:0;margin-left:1px;margin-right:1px;color:#fff;border-top-right-radius:0px;border-top-left-radius:0px;}
#gnt_popup .gnt_big_button:hover{background-position:0 -100px;}
#gnt_popup .gnt_big_button small{color:#b4d0fa;}
#gnt_popup_close{background:url(../img/global/btn-close-popup.png) no-repeat;width:24px;height:24px;z-index:9000}

/*Choose a side Popups*/
#gnt_popup.svs_signup{width:780px;margin-left:-390px}
.svs_signup .gnt_popup_center{width:780px;}
.svs_signup #main{background:url(../img/popup/bg_choose.jpg) no-repeat;width:779px;height:484px;position:relative;border:solid 1px #000;border-radius:2px}
.svs_signup #main h1{color:#000;font-size:28px;text-align:center;font-family:Klavika;padding:90px 0 0;z-index:2;position:relative;font-weight:bold}
.svs_signup #main #btn-popup-spiders a, #main #btn-popup-scorpions a{display:block;text-indent:-9999px;position:absolute;width:100%;height:100%}
.svs_signup #main #btn-popup-spiders{position:absolute;bottom:0;left:0;width:346px;height:400px}
    .svs_signup #main #btn-popup-spiders .off{background:url(../img/popup/btn-spider-off.png) no-repeat;}
    .svs_signup #main #btn-popup-spiders .on{background:url(../img/popup/btn-spider-on.png) no-repeat;opacity:0}
.svs_signup #main #btn-popup-spiders.disabled{background:url(../img/popup/btn-spider-na.jpg) no-repeat}
    .svs_signup #main #btn-popup-spiders.disabled a{display:none}
.svs_signup #main #btn-popup-scorpions{position:absolute;bottom:0;right:0;width:401px;height:397px;}
    .svs_signup #main #btn-popup-scorpions .off{background:url(../img/popup/btn-scorpion-off.png) no-repeat;}
    .svs_signup #main #btn-popup-scorpions .on{background:url(../img/popup/btn-scorpion-on.png) no-repeat;opacity:0}
.svs_signup #main #btn-popup-scorpions.disabled{background:url(../img/popup/btn-scorpion-na.jpg) no-repeat}
    .svs_signup #main #btn-popup-scorpions.disabled a{display:none}
.svs_signup #main .team-full-message{position:absolute;display:none;width:191px;padding:5px 45px;border:solid 1px #000;background:#000;background: rgba(0,0,0,0.8);color:#fff;font-size:14px;text-align:center;}
    .svs_signup #main #btn-popup-spiders.disabled .team-full-message{display:block;top:50px;left:15px}
    .svs_signup #main #btn-popup-scorpions.disabled .team-full-message{display:block;top:50px;right:15px}
.svs_signup #main .both-full-message{position:absolute;width:351px;padding:5px 60px;border:solid 1px #000;background:#000;background: rgba(0,0,0,0.8);color:#fff;font-size:20px;text-align:center;top:141px;left:155px}

#gnt_popup.svs_confirmed{width:560px;margin-left:-280px}
.svs_confirmed .gnt_popup_center{width:560px}
.svs_confirmed #confirmed{font-family:Klavika;color:#000;background:url(../img/popup/bg_confirm.jpg) no-repeat;text-align:center;width:558px;height:304px;border:solid 1px #000;border-radius:2px;}
.svs_confirmed #confirmed .already-installed p{font-size:18px;margin-bottom:5px}
.svs_confirmed #confirmed  .already-installed h1 {font-size:26px;margin-bottom:30px;font-weight:bold;padding:30px 0 0;font-family:Klavika}
.svs_confirmed #confirmed .must-install h1{font-size:26px;font-weight:bold;margin-bottom:10px;padding:30px 0 0;font-family:Klavika}
.svs_confirmed #confirmed .must-install p{font-size:20px;line-height:24px}
.svs_confirmed #confirmed .must-install a{font-size:18px}
.svs_confirmed #confirmed .error{color:#6c0101;font-size:18px}
.svs_confirmed #confirmed .popup_play{width:255px;height:156px;background:url(../img/popup/play.png) no-repeat;display:block;margin:0 auto;text-indent:-9999px;}
.svs_confirmed #confirmed .popup_play:hover{background-position:0 100%}
.svs_confirmed #confirmed .popup_download{color:#000;background:url(../img/popup/download.png) 0 0 no-repeat;display:block;width:148px;padding:0 0 0 22px;margin:-5px auto 0}
.svs_confirmed #confirmed .popup_download:hover{color:#4f5140;background-position:-184px 0}

/*Youtube Popup*/
#gnt_popup.youtube{width:886px;margin-left:-443px}
.youtube #gnt_popup_center{width:884x;height:524px;border:solid 1px #000}
.youtube #gnt_popup_close{top:-10px;right:-10px}
.youtube #video_frame{width:886px;height:526px}
#popup_youtube_info {position:absolute;top:568px;width:878px;text-align:left}
#popup_youtube_info h2{color:#fff;font-family:Klavika;font-size:26px;float:left;margin-bottom:15px;}
#popup_youtube_info #like{float:left;border:none; overflow:hidden; width:100px; height:21px;margin-left:48px}
#popup_youtube_info p{color:#e0d9b4;clear:both;font-size:15px;line-height:20px}

/*Keyart Popup*/
#gnt_popup.keyart{width:440px;margin-left:-220px}
.keyart #gnt_popup_center{width:440px;height:670px}
.keyart #gnt_popup_close{top:-10px;right:-10px}
#next{width:51px;height:94px;cursor:pointer;background:url(../img/about/media-arrows.png) 0 0 no-repeat;position:absolute;right:-70px;top:289px;}#next:hover{background-position:-51px 0}
#prev{width:51px;height:94px;cursor:pointer;background:url(../img/about/media-arrows.png) -102px 0 no-repeat;position:absolute;left:-70px;top:289px;}#prev:hover{background-position:-153px 0;} 

/*Fanart Popup*/
#gnt_popup.h{width:600px;margin-left:-300px}
.h #gnt_popup_close{top:80px;right:-10px}
.h #gnt_popup_center{background:none;position:absolute;top:100px}
.h #next{top:188px}
.h #prev{top:188px}

#gnt_popup.v{width:450px;margin-left:-225px}
.v #gnt_popup_close{top:-10px;right:-10px}
.v #gnt_popup_center{background:none}


/*FaQ Page*/
#faq-wrap{background:url(../img/misc/faq-header.jpg) no-repeat #151515;width:700px;padding:150px 50px 40px;}
.question{font-size:14px;color:#e0d9b4;text-indent:-18px;margin-bottom:6px}
.answer{font-size:13px;color:#aaa;margin-bottom:30px}
#faq-wrap table{width:509px;border:solid 1px #3c3c3c;color:#a0a0a0;text-align:center;margin-bottom:30px}
#faq-wrap th{background:#1d1d1d;border-right:solid 1px #3c3c3c;border-bottom:solid 1px #3c3c3c;padding:10px 0}
#faq-wrap tr{}
#faq-wrap td{border-bottom:solid 1px #3c3c3c;border-right:solid 1px #3c3c3c;background:#222;padding:10px 0}

/*Rules Page*/
#rules-wrap{background:url(../img/misc/rules-header.jpg) no-repeat #151515;width:700px;padding:150px 50px 40px;}
#rules-wrap h2{font-size:14px;color:#e0d9b4;font-weight:normal}
#rules-wrap p{font-size:13px;color:#aaa;margin-bottom:25px}
#rules-wrap ul{color:#fff;margin-bottom:30px}
#rules-wrap table { width:690px; border:1px solid #3c3c3c; border-collapse:collapse; border-spacing:0;text-align:center }
#rules-wrap tr,#rules-wrap th,#rules-wrap td { border:1px solid #3c3c3c }
#rules-wrap  tr { height:27px }
#rules-wrap  th { background:#1d1d1d }
#rules-wrap td { background:#282828; color:#fff }
#rules-wrap .round { background:#000; text-align:left; padding-left:10px }
#rules-wrap .loser { background:#2d2d2d; color:#aaa }


/*Scoreboard Page*/
body.scoreboard{background:url(../img/scoreboard/bg.jpg) center 49px no-repeat #000;padding-bottom:20px}
body.scoreboard #wrap{width:865px}
#scoreboard{margin-top:90px}
.week{background:url(../img/scoreboard/week_bg.jpg) no-repeat;border-bottom:solid 1px #2e2e2e;height:45px;width:865px;margin-bottom:5px;position:relative;}
.week.exp{height:189px}
    .week .date-range{font-family:Klavika;font-size:18px;color:#999;font-weight:bold;position:absolute;top:16px;left:20px}
        .week.current .date-range{color:#fff}
    .week .week-title{width:288px;height:25px;line-height:25px;background:#000;border-radius:2px;text-align:center;position:absolute;top:10px;left:289px;font-family:Klavika;font-size:18px;font-weight:bold;color:#fff}
        .week .week-title.scorpions{color:#d2ff00}
        .week .week-title.spiders{color:#ff0000}
    .week .exp-col{width:18px;height:18px;background:url(../img/scoreboard/btn-collapse.png) no-repeat;text-indent:-9999px;display:block;position:absolute;top:14px;right:16px}
    .week .exp-col.exp{background-position:0 100%}
    .week-wrap{display:none;padding:50px 0 0 13px}
        .week.exp .week-wrap{display:block}
    .week .days{width:686px;height:124px;padding:2px;background:#000;background:rgba(0,0,0,0.7);float:left}
        .week .days li{float:left;background:#323232;height:124px;margin-right:2px;width:96px;font-size:16px;font-family:Klavika;text-align:center;color:#999}
        .week .days .date{clear:both;display:block;color:#999;font-weight:bold;margin:15px 0 20px}
        .week .days .spider-score{height:20px;clear:both;display:block;background:url(../img/scoreboard/icn-day-team.png) no-repeat 0 0;padding-left:27px;text-align:left;margin-left:15px;margin-bottom:14px}
            .week .days .spider-score.win{background-position:0 -40px;color:#ff0000}
        .week .days .scorpion-score{height:20px;clear:both;display:block;background:url(../img/scoreboard/icn-day-team.png) no-repeat 0 -20px;padding-left:27px;text-align:left;margin-left:15px}
            .week .days .scorpion-score.win{background-position:0 -60px;color:#d2ff00}
        .week .days li.complete{background:#242424}
        .week .days li.complete .date{color:#fff}
    .week .week-summary{padding:15px 0 0 14px;width:135px;height:111px;background:rgba(0,0,0,0.7);float:left;font-weight:bold;color:#fff;font-size:30px;font-family:Klavika;}
    .week .week-summary h3{color:#ccc;text-align:center;font-size:18px;margin-bottom:30px;text-transform:uppercase}
    .week .week-summary a{font-size:12px;text-align:center;color:#999;display:block;clear:both;margin-top:20px;text-transform:uppercase}
    .week .week-summary .spider{padding-left:38px;background:url(../img/scoreboard/icn-week-summary-spider.png) 0 0 no-repeat}
    .week .week-summary .scorpion{padding-right:36px;background:url(../img/scoreboard/icn-week-summary-scorpion.png) 100% 0 no-repeat}
#prize-info{margin:50px 0 0}
#prize-info h2{font-family:klavika;font-weight:bold;font-size:20px;color:#e0d9b4;text-transform:uppercase;margin-bottom:25px}
#prize-info h3{color:#e0d9b4;font-weight:bold;font-size:14px;clear:both;margin-bottom:4px}
#prize-info ul{float:left;clear:both;margin-bottom:18px}
#prize-info li{float:left;margin-right:21px;width:200px;text-align:center}#prize-info li.last{margin-right:0}
#btn-prize-list{clear:both;width:306px;height:100px;margin:0 auto 100px;text-indent:-9999px;background:url(../img/scoreboard/btn-prize-list.png) no-repeat;display:block;}#btn-prize-list:hover{background-position:0 100%}

/*Rankings Page*/
body.scorpion.rankings{background:url(../img/rankings/bg-scorpions.jpg) center 49px no-repeat #000;padding-bottom:20px;}
body.spider.rankings{background:url(../img/rankings/bg-spiders.jpg) center 49px no-repeat #000;padding-bottom:20px;}
#search-wrap{position:relative;width:520px;height:35px;margin-bottom:28px;clear:both}#search-wrap.focused{}
#search-wrap input[type="text"]{padding:0 0 0 10px;width:510px;height:35px;background:#333;color:#999;font-size:18px;border-radius:5px;border:none}
#search-wrap.focused input[type="text"]{background:#222;}
#search-wrap input[type="submit"]{cursor:pointer;border:none;width:24px;height:24px;background:url(../img/rankings/icn-search.png) no-repeat;display:block;text-indent:-9999px;position:absolute;right:5px;top:5px}
#search-wrap.focused input[type="submit"]{background-position:100% 0}
body.scorpion #search-wrap input[type="submit"]{cursor:pointer;border:none;width:24px;height:24px;background:url(../img/rankings/icn-search-scorpions.png) no-repeat;display:block;text-indent:-9999px;position:absolute;right:5px;top:5px}
body.scorpion #search-wrap.focused input[type="submit"]{background-position:100% 0}
.table-wrap{min-height:420px}
.rankings-table{width:816px;}
.rankings-table th{vertical-align:bottom;color:#e0d9b4;font-family:klavika;text-transform:uppercase;text-align:center;border-bottom:solid 2px #532727;background:#000;font-size:18px;padding-bottom:7px}
    body.scorpion th{border-bottom:solid 2px #4b5327}
.rankings-table tr{background:#000;color:#aaa;text-align:center;font-size:14px;font-family:'Lucida Sans Unicode';height:35px;}
.rankings-table tr.alt{background:#111111}
.rankings-table td{padding:5px 0 0;vertical-align:middle}
.rankings-table td.error{color:#ff0000}
.rankings-table td img{width:31px;height:31px}
.pager{text-align:center;margin:27px 0 100px;height:21px;padding:6px 0;font-size:14px}
.pager li{display:inline;margin-left:7px}
.pager img{vertical-align:top;margin-top:-3px;padding:0 2px}
.pager strong{color:#ff0000;text-decoration:none}
    body.scorpion .pager strong{color:#D1FE00}
.pager a{color:#fff;text-decoration:none}
#back-to-rankings{color:#aaa;display:block;text-align:center;margin:28px 0 365px}

/*Community Page*/
body.scorpion.community{background:url(../img/community/bg-scorpions.jpg) center 49px no-repeat #000;padding-bottom:20px}
body.spider.community{background:url(../img/community/bg-spiders.jpg) center 49px no-repeat #000;padding-bottom:20px}
body.community #content{width:845px;margin:0 auto}
body.community h2{font-family:Klavika;color:#e0d9b4;font-size:20px;margin-bottom:12px;font-weight:bold}

#community-content{clear:both}
#videos{width:420px;float:left;margin-right:70px}
#videos ul{width:420px;}
#videos li{width:420px;position:relative;height:120px;margin-bottom:18px;}
#videos li img{width:183px;position:absolute;top:0;left:0;z-index:1}
#videos li span{width:183px;height:120px;position:absolute;top:0;left:0;background:url(../img/community/video-overlay.png) no-repeat;display:block;z-index:2;cursor:pointer}
#videos li span:hover{background-position:0 100%}
#videos li h3{font-family:klavika;font-size:18px;color:#e0d9b4;margin-left:195px;margin-bottom:7px}
#videos li p{font-size:12px;color:#999;margin-left:195px;margin-bottom:8px}
#videos iframe{margin-left:195px}
#videos .expand{position:relative;z-index:1000;display:none}
#videos .expand span{background:url(../img/community/exp-arrow.png) 0 5px no-repeat;width:19px;height:13px;display:inline-block}
#videos .expand a{color:#999;} 
#videos .expand:hover span,#videos .expand.collapse:hover span{background-position:-187px 5px}#videos .expand:hover a, #videos .expand.collapse:hover a{color:#fff}
#videos .expand.collapse span{background:url(../img/community/col-arrow.png) 0 5px no-repeat;width:19px;height:13px;display:inline-block}
#tracker{width:342px;float:left}
#tracker h2{float:left}
#tracker a.more{float:right;color:#999;font-size:13px;}#tracker a.more:hover{color:#fff}
#tracker ul{width:342px;height:397px;clear:both}
#tracker li{width:342px;height:37px;background:#131313;line-height:37px}
#tracker li:nth-child(even){background:#000}
#tracker li div{padding-left:7px;width:276px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;margin-left:7px}
#tracker li span{float:right;margin-right:10px;color:#999}
body.scorpion.community #tracker li div{background:url(../img/community/scorpion-bullet.png) 0 17px no-repeat;}
body.scorpion.community #tracker li div a{color:#7a854f;text-decoration:none}body.scorpion.community #tracker li div a:hover{color:#d1fe00;text-decoration:none}
body.spider.community #tracker li div{background:url(../img/community/spider-bullet.png) 0 17px no-repeat}
body.spider.community #tracker li div a{color:#891f1f;text-decoration:none}body.spider.community #tracker li div a:hover{color:#ff0000;text-decoration:none}

/*//Screenshots Popups*/
#m-fanart{width:841px;margin:40px 0 100px;clear:both;}
#m-fanart:after{content:"";display:block;height:0;clear:both;}
#m-fanart h2{float:left}
#m-fanart .instructions{font-size:10px;background:url(../img/about/icon-magnify.png) no-repeat 0 3px;padding-left:14px;float:right}
body.community #screenshots li{float:left;margin-right:29px;cursor:pointer;position:relative;width:261px;height:170px}
body.community #screenshots li span{width:261px;height:170px;position:absolute;top:0;left:0;background:url(../img/about/media-tn-hover.png) no-repeat;z-index:2}
body.community #screenshots li:hover span{background-position:0 100%}
body.community #screenshots li:last-child{margin-right:0}
body.community #screenshots li img{position:absolute;top:0;left:0;z-index:1}
body.community #screenshots p{clear:both;text-align:center;padding-top:177px;color:#aaa}