/* CSS Document */
.gameCommentBox{ width:645px; max-height:300px; margin:-23px 35px 20px; color:#CCCCCC; clear:both; overflow:auto}
.gameCommentBox table{ font-size:0.8em; }
.gameCommentBoxHead{width:650px; color:#CCCCCC; line-height: normal; font-size:0.8em;height:50px;margin-top:10px; margin-left:35px;background: url(../images/comment.jpg) no-repeat; clear:both; padding:2px 5px 0 10px}
.topCom{width:90%; clear:both; margin: 10px 35px 0 35px; border-top:#999999 solid 1px; font-size:0.9em}

.searchPic {width:82px;margin-right:1px; margin-left:4px; text-align:center; padding:5px;border:1px solid #CCC; background-color: #000;}

.systemCheckBox{width:840px; float:left; clear:left; font-size:1em;}
.g_view_check_wrapper{ width:359px; float:left;}
.systemCheckTable{ font-size:0.9em }
.g_view_check{float:left;width: 100%;}
.g_view_checkGame{background-color: #2E2E2E;}
.g_view_check > div:last-child {padding-left: 8px;}
a{color:#1480cd;}
a:hover{color:#66CCFF;}
#systemCheckReset{ float:right;}
.systemCheckPercent{ font-size:1.3em; font-weight:bold; width:110px; text-align:center; color: #999999}
.systemCheckPercentFig{font-size:2em; font-weight:bold; text-align:center; font-family:"Times New Roman", Times, serif}
.belarc_wrapper{width:329px; clear:left; float:left; text-align:center; margin-bottom:2px; font-size:0.9em}
.system_advert{width:220px; float:right; text-align:center; margin-top:2px;}
.amazon_storeBtn{ float:left; margin-top:18px; margin-left:2px;}
/* Wtf is this? :p */
/*<!--#g_view_check input {float:left;}-->*/
.srHeaderRow{ width:auto; height:20px; font-variant:small-caps; text-decoration:underline}
.srHeaderImage{ width:90px; float:left; height:20px}
.srHeaderTitle{ width:195px;float:left;height:20px; padding-left:5px; padding-right:5px}
.srHeaderButtons{ width:90px; float:left; height:20px; padding-left:5px; padding-right:5px}
.srHeaderDesc{ width:290px; float:left; height:20px; padding-left:5px; padding-right:5px}
.srHeaderDate{ width:115px;float:left; height:20px; padding-left:5px}
.srRow{ width:100%; padding:10px; box-sizing:border-box; min-height:110px; border-bottom:solid 1px #666666; margin-bottom:3px; font-size:0.9em}
.srRow a{font-weight:normal; font-size:1.2em}
.srRow a:hover {color: #FF3300}
.srImage{ width:90px; float:left}
.srTitle{ width:195px; float:left; padding:5px}
.srButtons{ width:90px; float:left; padding:5px}
.srDesc{ width:290px; float:left; font-size:0.9em; font-family: Geneva, Arial, Helvetica, sans-serif; padding:5px; font-style:italic}
.srDate{ width:115px; float:left; padding-left:5px}
.srPic {width:60px; text-align:center; padding:2px;border:1px solid #777; background-color: #000;}

.srHeaderRowFull{ width:auto; height:20px; font-variant:small-caps; text-decoration:underline}
.srHeaderTitleFull{ width:250px;float:left;height:20px; padding-left:5px; padding-right:5px}
.srHeaderButtonsFull{ width:110px; float:left; height:20px}
.srHeaderDescFull{ width:330px; float:left; height:20px; padding-left:5px; padding-right:5px}
.srHeaderDateFull{ width:130px;float:left; height:20px; padding-left:5px}
.srRowFull{ width:880px; border-bottom:solid 1px #666666; margin-bottom:3px; font-size:0.9em}
.srRowFull a{font-weight:normal; font-size:1.1em}
.srTitleFull{ width:250px; float:left; padding:0px 5px 5px;}
.srButtonsFull{ width:110px; float:left;}
.srDescFull{ width:295px; float:left; font-size:0.9em; font-family: Geneva, Arial, Helvetica, sans-serif; padding:0px 5px 5px; font-style:italic}
.srDateFull{ width:130px; float:left; padding-left:5px}
.srGenreFull{width: 70px;float: left;}
.gameWeblinks{margin-left:0px; margin-top:0px; color:#ffffff; float:left; font-size:0.8em; line-height:12px; background-color:#252525; margin-bottom:5px;}
.performanceButton{
    padding-top: 0 !important;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}
.weblinksGroup { display:block;width:58px; float:left; text-align:center; background-color:#252525; border:1px solid #222; padding-top:4px; padding-bottom:3px; min-height:30px; max-height:23px;}
.weblinksGroup a{color:#ccc; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:110%; }
.weblinksGroup a:hover{color:#fff;}
.weblinksGroupTag { box-sizing:border-box; color:#6D6D6D; padding:5px;  width:215px; display:block; float:left; background-color:#252525; padding-top:4px; padding-bottom:3px; height:30px; font-size:90%;  border:1px solid #222; overflow:hidden;}

#systemRequirementsOuterBox{
    display: flex;
    flex-wrap: wrap;
    background-color:#252525;
    border:1px solid #333;
    float:left;
    padding-bottom:0px;
    padding-left:0px;
    box-sizing: border-box;
    border-top: none;
}
#systemRequirementsMainTitle{ text-align:center; margin-bottom:5px; color:#66CCFF; font-weight:bold}
#systemRequirementsSubheadWrap{
    margin-top:22px;
}
.systemRequirementsSubheadHwBox{border:1px solid #222; font-size:0.8em; background-color:#2C2C2C; height:90px; padding-left:1px; width:62px}
.systemRequirementsSubheadVerdictBox{border:1px solid #222;  font-size:0.8em; background-color:#2C2C2C; height:25px; padding-left:1px; width:62px; padding-top:10px}
.systemRequirementsSubheadRamBox{border:1px solid #222;  font-size:0.8em; background-color:#2C2C2C; padding-top:10px; height:25px; padding-left:1px; width:62px}
.systemRequirementsSubheadSmallerBox{border:1px solid #222; font-size:0.8em; background-color:#2C2C2C; height:20px; padding-left:1px; padding-top:5px; width:62px}
.systemRequirementsSubheadTopBox{ height:35px; padding-top:10px; border-bottom:1px solid #222;}
.systemRequirementsSubheadBtmBox{  height:25px; padding-top:10px;}
.systemRequirementsWrapBox{ background-color: #252525; width:175px; float:left}
.systemRequirementsTitle{height:18px; padding-top:2px; font-size:0.9rem; font-family:'RobotoDraft',Arial, sans-serif;text-align:center; border:1px solid #222; border-top:1px solid #1A1A1A; background-color:#2C2C2C;}
.systemRequirementsHwBox{border:1px solid #222;   font-size:0.8em;  height:90px; padding-left:2px;}
.systemRequirementsMainBox{border:1px solid #222;   font-size:0.8em;height:35px; padding-left:4px}
.systemRequirementsSmallerBox{border:1px solid #222;   font-size:0.8em; height:20px; padding-left:4px; padding-top:5px; text-align:center;}
.systemRequirementsVerdictBox{
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    border-left: 1px solid #222;
    font-size:0.8em;
    height:30px;
    padding-left:3px;
    text-align:center
}
/* game sysreq */
.gameSystemRequirementsWrapBox{width:202px;}
.sysReqGameSmallBox, .sysReqGameSubheadSmallBox{height:22px;padding-top:8px;}

/*phone game styles*/
.specificationsWiderTitleBox{width:110px; padding-left:5px}
.specificationsCenterText{ text-align:center}
.specificationsTextSize{ font-size:9px}
.specificationsPadding{ padding-top:1px; height:24px}
.specificationsMinHeight{ padding-top:1px; height: auto; min-height:24px}

.systemRequirementsLink{width:163px;float:left;z-index: 2}
.systemRequirementsLink a{ font-family:'RobotoDraft',Arial, sans-serif;font-size:1rem}
.systemRequirementsLink a:hover{ color: #66CCFF}
.systemRequirementsTickOrCross{width:16px;padding-left:8px;height:20px;float:right;}
.systemRequirementsTickOrCross2{ margin-top:-15px; margin-left:18px}
.systemRequirementsTickOrCross3{}
.systemRequirementsLinkSubTop{ border-bottom:2px dashed #222;}
.systemRequirementsLinkSubTop, .systemRequirementsLinkSubBtm{line-height:11px; height:35px;padding-top: 10px;}
.systemRequirementsRamContent, .systemRequirementsLinkSubTop, .systemRequirementsLinkSubBtm{padding-left:7px;text-align: center;}
.systemRequirementsStar{float:left; text-align:center; width:34px;height:68px; padding-top:8px;z-index: 2}
.systemRequirementsChecking{
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 3px;
    border-radius: 10px;
}
.systemRequirementsRamContent{width:163px; float:left; padding-top:10px; font-family:Arial, sans-serif;box-sizing:border-box;}
.systemRequirementsRamStar{float:left; text-align:center; width:31px;  height:33px; padding-top:2px}

.systemRequirementsSubheadHwBox.graphics {height: 127px;}
.systemRequirementsSubheadTopBox.graphics {height: 52px}
.systemRequirementsSubheadBtmBox.graphics {height: 52px}
.systemRequirementsHwBox.graphics{height: 127px}
.systemRequirementsLinkSubTop.graphics{height: 52px}
.systemRequirementsLinkSubBtm.graphics{height: 54px}
.systemRequirementsChecking.graphics {
    margin-top: 37px;
}

.loginClass{ color:#66CCFF}
.loginClass:hover{ color: #6699FF}
/* System Requirement Can I Run It Styles */
.systemChecker{float:left; margin-left:3px; margin-top:1px}
.systemCheckerTitle{background:#AF1010;text-align: center;font-size: 18px;margin: 0 auto;padding:8px;box-shadow: 0 1px 4px rgba(0, 0, 0, .6);}
.sysChkResultTitle{height: 44px;font-size: 26px;padding-top: 9px;}
#sysChkChart{height: 250px;}
.predFpsWrapper {margin: 3px 0;}
#predFpsChart{height: 248px;width: 530px;margin-left: 1px;background-color: #252525;border-left: 2px solid #222;border-right: 1px solid #222;display: inline-block; vertical-align: top;}
.predFpsChartMsgWrapper{position: relative;}
.premMsg{color:#FFB800; text-align: center;font-size: 12px;}
.premMsgWrapper{position:relative;height: 0;}
.container1PremMsg{position: absolute;top: 33px;right: 113px;width: 359px;}
.predFpsChartPremMsg{position: absolute;top: -216px;left: 234px;width: 280px;}
.predFpsChartMsg{position: absolute;top: -129px;font-size: 16px;left: 234px;width: 280px;text-align: center;}
.systemCheckerOuter{ background-color: #2E2E2E;}
.systemCheckerInner{ margin:0px; padding:8px; overflow: hidden;}
.systemCheckerRow{ margin:0px; padding:0px; height:20px; width:510px}
.systemCheckerRowData {margin:0px; padding:0px; font-size: 15px;}
.systemCheckerResultsRowTitle {margin:0px; padding:6px 0px 0px 4px; height:27px; width:10%; float:left; border-bottom:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; background-color:#252525; }
.sysChkHwWrapper{height: 127px;clear: both;margin-bottom: 3px;}
.sysChkHwWrapper div{height: 25px;font-size: 13px;padding: 8px 0 8px 7px;}
.sysChkFpsWrapper{height: 248px;width:117px;display: inline-block;vertical-align: top;}
.systemCheckerResultsRowMain {margin:0px; padding:4px 0px 0px 3px; height:29px; width:310px; float:left; font-size:10px; border-bottom:1px solid #222; border-right:1px solid #222; background-color:#252525; }
.systemCheckerResultsRowStar {margin:0px; padding:0px 0px 0px 12px; height:33px; width:8%; float:left; border-bottom:1px solid #222; border-right:1px solid #222; background-color:#252525;}
.systemCheckerResultsRowTick {margin:0px; padding:4px 0px 0px 13px; height:29px; width:7%; float:left; border-bottom:1px solid #222; border-right:1px solid #222; background-color:#252525;}
.systemCheckerResultsRowPerc {margin:0px; padding-left:5px; padding-top:5px; height:28px; width:21%; float:left; border-bottom:1px solid #222; border-right:1px solid #222;font-size:1.1em; background-color:#252525;}
.systemCheckerMsg {font-size:10px;margin:0px; padding:4px 0px 0px 3px; min-height:110px; width:520px; float:left; border:1px solid #222; background-color:#252525;}
.systemCheckerResult{margin:0px; padding:4px 0px 0px 7px; height:110px; width:117px; float:left; font-size:11px; border:1px solid #222; background-color:#252525;}
.sysChkReqWrapper{width: 629px;border-left: 1px solid #222;border-top: 1px solid #222;border-bottom: 1px solid #222;background-color: #252525;overflow: auto;padding: 7px 11px 16px 10px;}
.sysChkReqTypeWrapper {text-align: center;}
#sysChkChart .highcharts-container, #predFpsChart .highcharts-container{border-top: none;}
.systemCheckerPercents {text-align: center;font-size: 1.2em;margin: 0px;padding-top: 4px;display: inline-block;width: 315px;margin-bottom: 10px;}
.sysChkPercHeader {text-align: center;margin-bottom: 22px;font-size: 16px;}
.sysChkPercTitle{padding-bottom: 5px;}
.sysChkPercBarWrapper{width: 280px;height: 30px;background-color: #2B2B2B;border: 1px solid #1B1B1B;border-radius: 2px;margin: 0 auto;}
.sysChkPercBar, .sysChkPercBarFill{height: 100%;}
.sysChkPercBar{
    background-color: #1a1a1a;  -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
   -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
   box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
   .sysChkPercBarFill{
       display: inline-block;background-color: #3C6B00;
      float: left;
      margin: 1px 0 0 1px;
      height: 28px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
   }
      div.systemCheckerHelp{display:none; font-weight:lighter;font-family:Arial, Helvetica, sans-serif;text-align:left;color:#000000; font-size:10px;}
      a.help:hover div.systemCheckerHelp {display: block;   position: absolute;  margin-top: 5px; margin-left:0px;//margin-left:10px; z-index:800;width: 100px; border:1px solid #000000; background-color: #C4E1F2; padding:4px}
      .cpuGrafSelect{min-width:94px !important;}
      select { outline-color: #6CF ;}
      .g_view_check .canWrapper{margin-right: 7px;}
      .systemCheckerTitle span {margin: 0 4px;}
      .gpuCompareRowHeight, .cpuCompareRowHeight{min-height:30px;}
      #gpuMakeSelect, #cpuMakeSelect{max-width:76px;}
      #gpuModelSelect, #cpuModelSelect{max-width:145px;}
      #gpuNameSelect, #cpuNameSelect{max-width:309px;}
      #compareGpuHeader, #compareCpuHeader{color: #33CCFF;font-size: 1.1em;font-family: Geneva, Arial, Helvetica, sans-serif;margin-top:10px;margin-bottom:7px;margin-left:7px;}
      #createLinkGpuLaptopRow, #createLinkCpuLaptopRow{height:22px; margin-top: 10px;}
      #createLinkGpuCompareWrapper, #createLinkCpuCompareWrapper{width:575px;}
      hr {border-color:#3C3C3C;}
      select {
         border:none;
         padding:1px;
      }
      hr {
         margin:5px 0px;
         border-style:solid;
         border-top-color:#000;
         border-bottom-color:#3C3C3C !important;
      }
      [type=radio]{
         vertical-align:-1px;
      }
      .discussAllOuter a[name]{
         color:#FF0000;
      }
      .discussAllOuter a[name]:hover{ 
         color:#E65C48;
      }
      .imgrating img{float:right; margin-right:20px; margin-top:-11px;}
      .weblinksGroup div{margin-top:7px;}
      .gameWeblinks .weblinksGroup:hover, .gameWeblinks .weblinksGroup:active{background-color:#2C2C2C;}
      #metaScoresUpdate{display: none;}
      .rightContainer{ width:307px; background-color:#222; padding-bottom:6px;}

      .tabs {background-color:#252525; position: relative; width:100%; clear: both; padding-top: -10px; }
      .tab {  clear: both; }
      .platform .tab a:hover{background-color:#D42424; }
      .platform .tab{margin-right: 5px;border-radius: 3px;text-align: center; background-color: #fff;background-color: rgba(0,0,0,0.61);}
      .platform .tab a {color:white; font-size:1rem; font-family: 'RobotoDraft', arial; border-radius: 3px;height: 20px;width: 25px;cursor: pointer;padding: 3px;position: relative;display: inline-block;background-color: #AF1010;box-shadow: 0 1px 4px rgba(0, 0, 0, .6);}
      .tab [type=radio] {display: none; }
      .content5 { clear:both; left: 0; background: #252525; right: 0;position: static}
      #lean_overlay {
         position: fixed; z-index:-1; top: 0px; left: 0px; height:100%; width:100%;
      }
      .content{
       display:none;
    }
    .rigContainer{
      clear:left;
   }
   /*.buttons a, .buttons button{ display:block; margin:0 0px 0 0;background-color:#252525;border:none; border-top:1px solid #333;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;padding:5px 10px 6px 7px; /* Links */}*/
   /*.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; }*/
   /*.buttons button[type]{padding:5px 10px 5px 7px; line-height:17px; }*/
   /**:first-child+html button[type]{padding:4px 10px 3px 7px; }*/
   /*.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}*/
   /* STANDARD */
   /*button:hover, .buttons a:hover{ background-color:#2C2C2C;border:none; border-top:1px solid #333; color:#336699;}*/
   /*.buttons a:active{ background-color:#6299c5; border:1px solid #6299c5;color:#fff;}*/

   /*button.positive, .buttons a.positive{ color:#529214;}*/
   /*.buttons a.positive:hover, button.positive:hover{background-color:#2C2C2C; border:none; border-top:1px solid #333;color:#529214;}*/
   /*.buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}*/

   /*.buttons a.negative, button.negative{ color:#d12f19;}*/
   /*.buttons a.negative:hover, button.negative:hover{ background:#2C2C2C; border:none; border-top:1px solid #333; color:#d12f19;}*/
   /*.buttons a.negative:active{ background-color:#252525; border:none; border-top:1px solid #333; color:#fff;}*/

   .expand img{width:9px; height:5px; }
   .comPositive, .comNegative, .comNeutral {cursor: default;}
   .chartTabWrapper{position: relative;}
   .tabAjaxLoader{display:none;position:relative;top:7px;}
   .chartTabSubWrapper{position: absolute;left: 924px;top: 35px;}
   .chartTab{cursor: pointer;font-size: 10px;float: left;width: 55px;height: 24px;padding: 6px 0;margin-bottom: 8px;text-align: center;border-top: 1px solid #333;background-color: #2C2C2C;border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
   .selectedChartTab{background-color: #222;}
   .container1ReqTypeWrapper {position: relative;height: 0;}
   #container1ReqType {position: absolute;right: 13px;top: 8px;width: 134px;}
   #container1 {width: 550px;height: 196px;}
   .premOption{background-color: #FFB800; }
   .gameScrollLinksWrapper{width: 900px;overflow:hidden;height: 52px;white-space: nowrap; background-color: #1D1D1D;outline: none;}
   /*.gameScrollLinks{width: 9999px;}*/
   .gameScrollLink{display: inline-block; text-align: center; height: 38px;}
   .gameScrollLink a{color: #FFF; font-family: arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 100%; width: 100%; border-radius: 2px; background-color: #474747; padding: 10px 7px 0 7px; }
   .gameScrollLinksWrapper .jspHorizontalBar {height: 7px; }
   div.jspTrack {background-color: #363636; }
   div.jspDrag{background-color: #525252; }
   .advSearchLinkWrapper {background-color: #474747; float: right; margin: 8px 40px 7px 0; border-radius: 2px; height: 23px; width: 150px; text-align: center; padding-top: 6px; }
   .advSearchLink{color: #FFF; font-family: arial, sans-serif; }
   .advSearchLinkWrapper:hover{background-color: #525252 }
   .advSearchLink:hover{color: #FFF; }
   .gameScrollLink a:hover{color: #FFF; background-color: #525252 }
   .advSearchLink{width: 100%; height: 100%; display: block; }
   .pcSpecsBtnsWrapper{width: 100%; background-color: #1A1A1A; padding: 3px 7px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ margin: 11px 0; float: right; }
   .pcSpecsBtn {margin-top: 4px; color: #FFF; height: 33px; padding-top: 15px; padding-left: 8px; display: block; background-color: #575757; margin-bottom: 4px; font-weight: normal; font-size: 15px; }
   .pcSpecsBtn:hover {color:#FFF; background-color: #727272; }
   .pcSpecsBtnsHeader {background-color: #353535; color: #C5C5C5; margin-top: 4px; padding: 14px; font-size: 16px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ text-align: center; cursor: default; }
   .psIcon{font-size: 28px; margin-top: -4px; margin-right: 12px; line-height: 0; float: left; }
   .buyItWrapper {text-align: center; padding: 2px 0; border: 1px solid #222; height: 30px; }
   .ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}
   .tweetCompetition{background-color: #000; height:65px; padding: 17px 18px; text-align: center;}
   .competitionLarge{font-size: 19px;position: relative;top:-20px;}
   .competitionSmall{font-size: 15px; position: relative;top:-21px; margin-left: 15px;}
   .competitionTweet{position: relative;top:3px; margin-left:15px;}
   .competitionArrow{height: 20px; position: relative; top:-16px; margin-left:12px;}
   .backOfBoxBtm{position:relative;}
   .backOfBoxBtm p {margin: 0;}
   .balloon-white, .chart_bar, .film2, .films, .quill, .processor, .newspapers, .toolbox, .star_gold, .game, .graphic-card, .pictures2 ,.chart_line, .game-menu, .system-requirements{
      background: url(/images/nav/sprites.png) no-repeat; } .balloon-white{background-position: 0 0; width: 16px; height: 16px; } .chart_bar{background-position: -17px 0; width: 16px; height: 16px; } .film2{background-position: -72px 0; width: 16px; height: 16px; } .films{background-position: -89px 0; width: 16px; height: 16px; } .quill{background-position: -201px 0; width: 16px; height: 16px; } .processor{background-position: -145px 0; width: 16px; height: 16px; } .newspapers{background-position: -125px -0.00000762939453125px ; width: 16px; height: 16px; } .toolbox{background-position: -54px 0; width: 16px; height: 16px; } .star_gold{background-position: -183px 0; width: 16px; height: 16px; } .game{background-position: -35px 0; width: 16px; height: 16px; } .graphic-card{background-position: -106px 0; width: 16px; height: 16px; } .pictures2{background-position: -164px 0; width: 16px; height: 16px; }
      .chart_line{background-position: -221px 0; width:16px; height:16px;} .system-requirements{background-position: -240px 0; width: 16px; height: 16px;} .game-menu{background-position: -257px 0; width: 16px; height: 16px;}
      #gamhead2 ul li a, .inactiveGameNavBtn{margin-left:5px;}
      #gamhead2{-moz-box-shadow: inset 0 0 5px #333; -webkit-box-shadow: inset 0 0 5px#333; box-shadow: inner 0 0 5px #333;} .posa.tab-text-game {margin-top: 39px; font-size: 10px; margin-left: 8px; color: #AAA; cursor:default; pointer-events:none; width:81px; text-align: center; }
      /*gameShareWidget section*/
      .gameShareWidget { position: fixed; margin-left: 10px; width: 195px; text-align: center; border-radius: 2px; background-color: #D2D2D2; margin-top: 190px; display: none; z-index: 999;}
      .gameShareWidgetSection{ padding: 8px 4px; text-align:left; justify-content: space-around; display:flex; overflow:hidden;}
      .gameShareWidgetBtn, button.systemCheckerBtn, a.systemCheckerBtn{ border: none; padding: 14px 10px; font-size: 16px; color: #FFF; border-radius: 3px; display: inline-block; font-weight: normal;}
      .gameShareWidgetBtn:hover, .gameShareWidgetBtn.hover, button.systemCheckerBtn, a.systemCheckerBtn:hover { color: #FFF;}
      .gameShareWidgetBtn:active, button.systemCheckerBtn, a.systemCheckerBtn:active {box-shadow: none;position: relative;top: 1px;left: 1px;}
      .checkPCBtn, .reRunCheckBtn{display:block; padding: 11px; background-color: #23571C;box-shadow: 1px 1px #11300C; font-size:14px; white-space:nowrap;margin:1rem 1rem 0 1rem;box-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
      .checkPCBtn:hover, .reRunCheckBtn:hover {background-color: #317827;}
      .copyGameShareBtn{ padding: 5px 0;width: 41px;position: relative;top: 2px;font-size: 19px;background-color: #16665E;}
      .copyGameShareBtn:hover, .copyGameShareBtn.hover{background-color: #D42424;}
      .gameShareLink { padding: 9px 14px;font-size: 11px;border-radius: 2px;background-color: #FFFFFF;border: 1px solid #989898;width: 100px;box-shadow: 1px 1px #FFF;}
      .gameShareTitleWrapper { position: relative;}
      .gameShareTitle { font-size: 13px; padding: 9px 0; text-transform: uppercase;}
      .gameShareBody{position: relative;padding: 5px 0;background: #2e2e2e;    border: 1px solid #494949;
    border-top: none;}
      .gameShareCopiedMsgWrapper{position: absolute;top:0;left:0;width:100%;height:100%;display: none;background-color: #16665E;opacity:0.95;}
      .gameShareCopiedMsg{ position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
      .gameShareClose { position: absolute; right: 0; top: 0; padding: 8px 13px; cursor: pointer;}
      .gameShareTitle, .gameShareClose, .gameShareOpen{background-color: #AF1010;}
      .gameShareClose:hover { background-color: #D42424;}
      .gameShareOpen { position: fixed; padding: 6px 9px; font-size: 13px; width: 45px; text-transform: uppercase; cursor: pointer; z-index: 999; margin-top: 190px; border-radius: 0 8px 8px 0;}
      .gameShareWidgetSection.gameShareLink:hover{ background-color: #D42424;}
     .copyGameShareBtn{background-color: #AF1010}
      @media (max-width: 1000px){
         .gameShareWidget { margin-top: -30px; }
         .gameShareOpen{margin-top: -30px;}
      }
      @media (min-width: 1400px){
         .gameShareOpen{margin-left: -63px;display: none;border-radius: 0 8px 8px 0;border-radius: 8px 0 0 8px;}
         .gameShareWidget{margin-left: -210px;}
      }
      .shareWidgetTweet, .shareWidgetFb{padding: 7px; display: inline-block; color: #FFF; border-radius: 2px; font-weight: normal; font-size: 23px;}
      .shareWidgetTweet:hover, .shareWidgetFb:hover{color: #FFF;}
      .shareWidgetTweet{background-color: #2AA9E0;box-shadow: 1px 1px #0F5776;}
      /*a.shareWidgetTweet:active {background-color: #5CC4F2;}*/
      .shareWidgetTweet:hover{background-color: #51B6E1;}
      .shareWidgetFb{background-color: #3B5998;box-shadow: 1px 1px #12295A;}
      .shareWidgetFb:hover{background-color: #5573B1;}
      /*end gameShareWidget section*/
      /* system requirement modal */
      .canRunWell, .canRun, .cannotRun{cursor:help;}
      .systemRequirementModalOuter {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 501;background: rgba(23, 23, 23, 0.71);}
      .systemRequirementModalInner {position: absolute;top: 70px;margin: 0 auto;width: 100%;}
      .systemRequirementModal{background-color: #FFF;margin: 0 auto;width: 90%;max-width: 900px;color: #0B0B0B;border: 1px solid #000000;box-shadow: 0px 6px 14px #000000;border-radius: 3px;}
      .systemRequirementModalBody{height: 76vh;overflow-y: scroll;padding: 15px;background: #D9D9D9;}
      .systemRequirementModalClose {float: right;color: #FFF;cursor: pointer;padding: 10px;font-size: 20px;}
      .sysChkModalTitle{padding: 14px;font-size: 14px;color: #FFF;border-radius: 2px 2px 0 0;background-color: #0D403B;}
      #sysChkModalChart{margin:0 auto; max-width: 100%;margin-bottom: 15px;}
      .systemRequirementModal .highcharts-container{border: none;}
      .modalSysReqWrapper {background-color: #16665E;color: #FFF;height: 159px;margin-top: 25px;}
      .modalChartSectionWrapper {position: relative;border: 1px solid #16665E;background-color: #C9C7C7;margin-top: 25px;margin-bottom: 30px;}
      .modalSysReqBtnWrapper{float:left;width: 37%;}
      .reqModalWrapper {float: left;width: 63%;display: table;height: 100%;text-align: center;background-color: #0E4A45;}
      .modalHwChecks {margin-bottom: 25px;}
      .minReqModalWrapper, .adjReqModalWrapper{display: none;}
      .modalReqHwWrapper {width: 30%;display: table-cell;padding: 0 1.6%;padding-top: 21px;height: 100%;vertical-align: top;background-color: #0E4A45;}
      .modalReqGpuWrapper{background-color: #094640;}
      .modalReqRamWrapper{background-color: #05413B;}
      .sysChkReqTypeModalBtn {border: none;color: #FFF;width: 100%;background-color: #16665E;height: 53px;font-size: 21px;display: block;outline: none;cursor: pointer;border-bottom: 1px solid #05312D;}
      .sysChkReqTypeModalBtn[data-selected=false]:hover{background-color: #125A53;}
      .reqTypeSelected{background-color: #05413B;}
      .modalReqTitle{font-size: 17px;margin-bottom: 13px;}
      .modalReqSubtitle {font-style: italic;font-size: 11px;margin-top: 10px;}
      .modalReqHw {font-size: 11px;}
      .modalSummary{margin-bottom: 13px;border-bottom: 1px dotted #9E9E9E;}
      .modalSummarySection {background-color: #ccc;display: block;float: left;width: 19%;margin-right: 1%;color: #FFF;position: relative;}
      .ramModalSummary {margin-right: 0;}
      .modalSummaryTitle {font-size: 11px;padding: 6px;color: #FFF;clear: both;height: 13px;text-align: center;background-color: #15560C;}
      .modalSummaryMain {padding: 10px;}
      .modalSummaryMain a {font-size: 20px;font-weight: normal;}
      #sysChkModalChart{height: 300px;clear: both;padding: 0 1px;}
      #predFpsModalChart{padding: 0 1px;height: 350px;}
      .modalMainCheck {height: 209px;position: relative;color: #FFF;float: right;margin-bottom: 15px;width: 39%;}
      .runWell {background-color: #32722A;}
      .runWellTitleBG {background-color: #114F08;}
      .runWellStatBG{background-color: #2E6228;}
      .runLow{background-color: #6C6C6C;}
      .runLowTitleBG{background-color: #434343;}
      .runLowStatBG {background-color: #575757;}
      .runFail{background-color: #BE2020;}
      .runFailTitleBG{background-color: #840303;}
      .runFailStatBG{background-color: #A01515;}
      .downArrowFail{color: #FF8E8E;}
      .upArrowRuns{color: #56F442;}
      .modalMainCheck .modalCheckIconWrapper {width: 30%;}
      .modalCheckIconWrapper, .modalMainCheckDetails, .modalSummaryDetails, .modalSummaryIcon {display: table-cell;vertical-align: middle;}
      .modalCheckIconWrapper i {font-size: 68px;color: #FFF;}
      .modalInfo{position: absolute;font-size: 24px;top: 5px;right: 5px;}
      .modalPassTitle {margin-bottom: 9px;font-size: 30px;}
      .modalSummaryName, .modalSummaryName a {color: #FFF;font-size: 12px;font-weight: normal;word-break: break-word;}
      .modalSummaryName a:hover {text-decoration: underline;}
      .modalCheckContent, .modalSummaryContent{display: table;width: 100%;height: 100%;table-layout: fixed;}
      .modalSummaryContent{height: 80px;}
      .modalSummaryDetails{display: table-cell;vertical-align: middle;}
      .modalSummaryIcon{font-size: 44px;width: 62px;}
      .modalMainCheckDetails {padding-right: 12px;}
      .modalHwStatWrapper {display: table;width: 100%;height: 22px;}
      .modalSummaryPerc {padding-top: 2px;}
      .modalSummaryPerc, .modalSummaryScore {display: table-cell;text-align: center;vertical-align: middle;}
      .ramModalSummary .modalSummaryScore {padding-left: 50%;}
      .comPositive, .comNegative, .comNeutral{cursor: help;}
      .percTextSubstitute{font-size: 9px;position: relative;top: -1px;}
      .loginForStatsLink{color:#FFF;}
      .loginForStatsLink:hover{color: #FFF;text-decoration: underline;}
      .modalChartSectionTitle {text-align: center;font-size: 18px;padding: 12px 0;margin-bottom: 22px;background-color: #05413B;color: #FFF;}
      .modalHwBottleneckWrapper, .modalHwNoBottleneck{float: left;margin-top: 8px;width: 59%;color: #FFF;border-radius: 2px;text-align: center;}
      .bottleneckUpgrade {background-color: #114F08;text-align: center;color: #FFF;border-radius: 2px;padding: 8px;font-size: 16px;clear: both;}
      .modalHwBottleneckWrapper{
         /*background-color: #16665E;*/
      }
      .modalHwNoBottleneck {background-color: #32722A;padding: 11px 0;font-style: italic;height: 35px;line-height: 35px;}
      .bottleneckTextWrapper {display: block;float: left;width: 25%;}
      .bottleneckText {padding: 6px 16px;/*background-color: #981010;*/background-color: #05413B;text-transform: uppercase;font-size: 9px;}
   .bottleneckType {padding: 6px 9px;font-size: 17px;text-transform: uppercase;background-color: #155A53;/*background-color: #C61C1C;*/}
   .bottleneckUpgradeLink{display: table;float: left;color: #FFF;background-color: #134457;font-weight: normal;font-size: 12px;height: 56px;width: 73.5%;border-radius: 3px;margin-left: 1.5%;box-shadow: 1px 1px #05222D;cursor: pointer;}
   .bottleneckUpgradeLink:hover {background-color: #22617A;color: #FFF;}
   .bottleneckUpgradeLinkText{display: table-cell;vertical-align: middle;padding: 0 5px;font-size: 19px;}
   .bottleneckClickHere {font-size: 10px;}
   .fpsResolutionBtn {background-color: #D96B21;border: none;color: #FFF;height: 70px;padding-top: 6px;width: 13%;cursor: pointer;outline: none;}
   .fpsResolutionBtn:hover{background-color: #C9631E;}
   .modalFPSChartWrapper{margin-top: 25px;}
   .modalResSelector {background-color: #D12E2E;}
   .modalResSelectorTitle, .fpsResolutionBtn {float: left;display: block;}
   button.predFPSSelected, button.predFPSSelected:hover {background-color: #B24000;}
   .modalFPSChartWrapper{border:1px solid #D05600;}
   div.modalFPSChartSectionTitle{background-color: #D05600;}
   .modalResSelectorTitle {font-size: 14px;cursor: default;color: #FFF;padding: 19px 32px;width: 22%;height: 70px;background-color: #D05600;text-align: center;-moz-box-sizing: border-box;box-sizing: border-box;}
   .predFpsModalChartPremMsgWrapper{position: absolute;width: 100%;top: 54px;text-align: center;}
   .predFpsModalChartPremMsg:hover {color: #5280BB;text-decoration: underline;}
   .predFpsModalChartPremMsg {color: #3F689C;font-size: 16px;}
   .mainScoreStarWrapper{position:relative;text-align:center;}
   .mainScoreStarText{color: #111;position: absolute;width: 100%;top: 38%;font-size: 12px;font-family: sans-serif;font-weight: bold;}
   .mainScoreStar{font-size: 32px;}
   .playableResolutionTbl{width: 100%;text-align: center;border-collapse: collapse;}
   .modalMaxResHeader{background-color: #2B5487;color: #FFF;font-weight: normal;font-size: 20px;padding: 10px 0;}
   .modalMaxResSubheader{background-color: #3F689C;font-weight: normal;font-size: 17px;color: #FFF;padding: 7px 0;border-right: 1px solid #2B5487;}
   .playableResolutionQuality {font-size: 18px;font-weight: normal;background-color: #3F689C;color: #FFF;}
   .playableResolution {background-color: #3F689C;color: #FFF;font-size: 14px;}
   .modalChartNoFPS {text-align: center;padding: 20px;font-size: 19px;font-style: italic;}
   .sysReqModalShare {float: left;width: 100%;}
   .modalShareLink {height: 33px;border-radius: 2px;border: 1px solid #989898;border-color: #898989 #CBCBCB #CBCBCB #898989;padding: 3px 9px;font-size: 18px;color: #464646;width: 494px;box-shadow: 1px 1px #FFF; vertical-align: top;}
   .sysReqModalShareWrapper{float: left;width: 100%;background-color: #C0C0C0;margin-top: 10px; -moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
   .sysReqModalShareHeader {color: #222222;font-size: 14px;padding: 4px;text-align: center;background-color: #B5B5B5;}
   .sysReqModalShare {padding: 14px 12px; -moz-box-sizing: border-box;box-sizing: border-box;}
   .shareWidgetGdAnywhere {display: inline-block;width: 39px;height: 30px;vertical-align: top;padding: 6px 1px 5px 5px; background-color: #91C4DA;box-shadow: 1px 1px #457A91;border-radius: 2px;text-align: center; margin-right: 3px;}
   .shareWidgetGdAnywhere img {height: 100%;}
   .shareWidgetGdAnywhere:hover {background-color: #A9D2E3;}
   .sysReqModalShare .shareWidgetTweet, .sysReqModalShare .shareWidgetFb {font-size: 22px; padding: 7px;}
   .shareWidgetGdAnywhereText {display: inline-block;vertical-align: top;font-weight: normal;color: #22596B;font-size: 13px;margin-top: -2px;width: 107px;text-align: center;}
   .modalCopyGameShareBtn {outline: none;cursor: pointer; width: 44px;height: 41px;display: inline-block;vertical-align: top;font-size: 24px;padding: 6px 0;background-color: #16665E;  box-shadow: 1px 1px #063C36;}
   .modalCopyGameShareBtn:hover, .modalCopyGameShareBtn.hover{background-color: #29837A;}
   .modalShareCopiedMsgWrapper {display: none;position: absolute;  top: 0;text-align: center;width: 100%;height: 100%;color: #FFF;background-color: #777777;font-size: 23px;-moz-box-sizing: border-box;box-sizing: border-box;}
   .modalShareCopiedMsg {position: relative;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
   @media (min-width: 701px){
      .modalSysReqBtnWrapper .sysChkReqTypeModalBtn:last-child{
         border:none;
      }
   }
   @media (max-width: 1020px) {
      .sysChkReqTypeModalBtn{
         font-size: 18px;
      }
      .modalMainCheck{
         width: 100%;
         height: 132px;
         margin-bottom: 10px;
      }
      .modalMainCheck .modalCheckIconWrapper {
         width: 15%;
         text-align: center;
      }
      .modalSummarySection{
         width: 32.2%;
         margin-right: 1.7%;
      }
      .ramModalSummary{
         margin-right: 0;
      }
      .modalHwBottleneckWrapper, .modalHwNoBottleneck {
       width: 100%;
    }

    .modalShareLink{
      width: 92%;
      margin-top: 10px;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }
   .sysReqModalShare{
      text-align: center;
   }
   .modalCopyGameShareBtn{
      width: 6%;
      height: 33px;
      vertical-align: bottom;
      font-size: 21px;
      padding: 4px 0;
   }
}
@media (max-width: 700px){
   .systemRequirementModalOuter{
      z-index: 9999999999;
   }
   .systemRequirementModalInner {
      position: absolute;
      top: 10px;
   }
   .modalSysReqWrapper{
      height: initial;
      background-color: #05413B;
   }
   .modalSysReqBtnWrapper, .reqModalWrapper{
      width: 100%;
   }
   .modalReqHwWrapper{
      width: 33.333%;
      box-sizing: border-box;
      padding-bottom: 25px;
   }
   .sysChkReqTypeModalBtn{
      width: 33.333%;
      float: left;
      font-size: 13px;
   }
   .modalCheckIconWrapper i{
      font-size: 40px;
   }
   .modalSummarySection {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
   }
   .modalSummaryContent {
      height: 60px;
   }
   .bottleneckTextWrapper, .bottleneckUpgradeLink {
      width: 100%;
      margin: 0;
      margin-bottom: 10px;
   }
   .modalResSelectorTitle{
      padding: 19px 0;
   }
   .modalHwNoBottleneck{
      font-size: 9px;
   }
   .modalShareLink{
      width: 100%;
   }
   .modalCopyGameShareBtn{
      margin-top: 10px;
      width: 100%;
   }
}
/* end sys requirement modal  */
/* dev defined requirements */
.sysReqHeader {padding: 8px 0px;font-size: 1.5rem;font-family: 'RobotoDraft',arial; background-color: #151515;}
.devDefSysReqTable {background-color: #1A1A1A;}
.devDefSysReqBtn {border: none; cursor: pointer;outline:none; background-color: #1A1A1A; color: #FFF;}
.devDefSysReqBtn:hover {
    color: #AF1010;
}
.devDefSysReqBtnNew {
    cursor: pointer;
    width: 174px;
    font-family: 'RobotoDraft',arial;
    font-size: 1.0rem;
    color: #FFF;
    background-color: #AF1010;
    padding: 5px 5px;
    border-radius: 3px;
    border:none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    margin: 5px 0;
}
.devDefSysReqBtnNew:hover {
    background-color:#D42424;
}
/*.devDefSysReqTable:hover {background-color: #252525;}*/
.devDefSysReqMinWrapper,  .devDefSysReqRecWrapper { float: left;width: 49%; text-align: left;-moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; font-size: 13px; color: #FFF;}
.devDefSysReq {background-color: #303030; display: none;}
.devDefSysReq li {margin-bottom: 0.3rem;font-family: 'RobotoDraft',arial, sans-serif;font-size: 1rem;}
.devDefSysReqUpdate {background-color: #303030; display: none;}
.devDefSysReqUpdate li {margin-bottom: 0.3rem;font-family: 'RobotoDraft',arial, sans-serif;font-size: 1rem;}
.devDefSysReqHeader {font-size: 1.5rem;text-decoration: underline;margin-bottom: 9px;font-weight: 300;font-family: 'RobotoDraft',arial, sans-serif;}
.devDefReqSubmit {margin: 0 auto;background-color: #171717;color: #FFF;padding: 8px 8px;font-size: 18px;border-radius: 4px;border: 1px solid #6A6565;cursor: pointer;  outline: none;}
.devDefReqSubmit:hover {background-color: #222222;}
.devDefReqSubmitWrapper{text-align: center; margin-bottom: 20px;}
.devDefReqLoading, .devDefMsgSuccess, .devDefMsgError{display: none;}
.devDefMsgSuccess {color: #36A61C;}
.devDefMsgError {color: #FF1E1E;}
.devDefMeta {float: left;width: 100%;text-align: right;padding: 10px 20px 10px 10px;box-sizing: border-box;-moz-box-sizing: border-box;background-color: #222;}
.devDefSourceLinkWrapper{text-align: center; margin-bottom: 15px;}
#g_devDefinedReqSource {width: 93%;font-size: 21px;padding: 5px;border-radius: 3px;}
#g_devDefinedReqMin, #g_devDefinedReqRec{  font-size: 21px;padding: 5px;border-radius: 3px;width: 100%;}
.devDefSysReqList {padding-left: 1rem;}
#memberSearch{width: 300px;}
.devDefAdmin {float: left;width: 100%;padding: 14px;background-color: #464646;}
.devDefSetNewMember, .devDefResetRankBtn {background-color: #252525;color: #FFF;border: 1px solid #fff;border-radius: 3px;padding: 5px 12px; cursor: pointer;}
.devDefSetNewMember:hover, .devDefResetRankBtn:hover {background-color: #393838;}
.devDefSetNewMember { margin-right: 80px;}
.devDefSource {padding-top: 12px;word-break:break-word;}
/* end dev defined requirements */
/* new can I run styles */
.vote-red.systemCheckerTitle {margin-bottom: 8px;font-size: 20px;height: inherit;}
.cpuGrafSelect, select.second, select.third, .sysChkRamSelect, .screenResSelect, .premScreenSizeInput, .hwQuality {width: 98%; border-radius: 2px; border: none; font-size: 18px;padding: 7px 5px; box-shadow: -1px -1px #373737 inset, 1px 1px #000 inset; background-color: #E8E8E8; display: block;}
.gameDLCSelect {width: 213px; position: absolute; top: 324px; left: 11px; border-radius: 2px; border: none; font-size: 18px;padding: 7px 5px; box-shadow: -1px -1px #373737 inset, 1px 1px #000 inset; background-color: #E8E8E8; display: block;}
.hwQuality {margin: 4px 0 3px 0;}
.systemCheckerRowTitle {font-size: 17px; color: #CCC; background-color: #171717; padding: 9px 11px; display: block;}
.systemCheckerSection {margin-bottom: 12px; box-shadow: 1px 1px #191919;clear: both;}
.systemCheckerRowData {display: block;background-color: #242424;padding: 14px 1px 14px 10px;font-size: 18px;}
.identifyHelp {float: right;}
.second, .third { margin-top: 10px;}
.screenResSelectWrapper{font-size: 18px; background-color: #313131; padding: 9px; margin-right: 9px;}
.screenResWidthSelectWrapper{ padding-bottom:0;}
.screenResSelect, .premScreenSizeInput { width: 90px; display: inline-block;}
.systemCheckFrame{ border: 1px solid #333;background-color: #727272; width:678px;float: left;font-family: 'RobotoDraft', arial}
.systemCheckerBtn {color: #FFF;}
.modalOpenBtn {margin-right: 7px;width: 101px;height: 45px;border: none;background-color: #16665E;color: #FFF;font-size: 17px;border-radius: 3px;box-shadow: 1px 1px #00201D;outline: none;cursor: pointer;}
.modalOpenBtn:hover{background-color: #278077;}
.gameClear{ background-color: #ccc; box-shadow: 1px 1px #241818;}
a.negative.gameClear.systemCheckerBtn {display: inline-block;height: 15px;padding: 12px 5px 16px 5px;position: relative;width: 64px;top: 1px;margin-right: 1rem;box-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
.gameProceed { background-color: #ccc; }
.buttons a.positive.systemCheckerBtn:hover, button.positive.systemCheckerBtn:hover, .buttons a.negative.systemCheckerBtn:hover, button.negative.systemCheckerBtn:hover{border: none;}
.gameProceed{background-color:#ccc;color:#FFF;float:right;}
.gameClear{background-color:#ccc;color:#FFF;}
.gameProceed.systemCheckerBtn{height: 19px;}
.positive.gameProceed.systemCheckerBtn{height: 43px;}
button.positive.gameProceed.systemCheckerBtn, a.gameProceed {background-color: #2b942d;padding: 12px 15px 14px 15px;box-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
button.positive.gameProceed.systemCheckerBtn:hover, a.gameProceed:hover {color: #FFF; background-color: #217522;}
button.positive.gameProceed.systemCheckerBtn:active, a.gameProceed:active {background-color: #37742F;padding: 13px 15px;box-shadow: none;position: relative;left: 2px;}
a.negative.gameClear:active{border: none;}
a.negative.gameClear:hover{background-color: #FF9A9A;}
.buttons > .buttons{display: inline-block;}
.systemCheckerSectionMini{ float: left; width: 177px; clear: none; margin-right: 20px;}
.hwQualityLabel { font-size: 11px;}
.systemCheckerSectionHwQuality{ margin-right: 0; width: 261px;}
.gpuPleaseSelectText, .cpuPleaseSelectText {display: none;color: red; font-size: 15px; font-style: italic; margin-left: 6px;}
.systemCheckerSection input[type=radio], .systemCheckerSection select, .radioLabel {cursor: pointer;}
/* end new can I run styles */
#systemRequirementsOuterBox{width:100%;}
.hwListDataSection {display:flex;width:50%;}
.gameHwListWrapper {max-width: 965px;}
div.gameSchemaDiv{width: 100%;}
.fpsMobileHeader{display: none;}
/*.desktop-can-i-run-btn{
   margin-right:1.3rem;
   margin-bottom:1rem;
   position:absolute;
   bottom:0;
   right:0;
   background: #1480CD;
   background-image: -webkit-linear-gradient(top, #1480CD, #1480CD);
   background-image: -moz-linear-gradient(top, #1480CD, #1480CD);
   background-image: -ms-linear-gradient(top, #1480CD, #1480CD);
   background-image: -o-linear-gradient(top, #1480CD, #1480CD);
   background-image: linear-gradient(to bottom, #1480CD, #1480CD);

   border-radius: 1px;
   font-family: Arial;
   color: #ffffff;
   font-size: 16px;
   text-decoration: none;
   cursor:pointer;
   border-top:1px solid #439ECC;
   box-shadow:0px 0px 30px -10px #000;
   transition: all 0.333s;
   }*/

/*.desktop-can-i-run-btn:hover {
 text-decoration: none;
 text-shadow:1px 1px #000;
}
.desktop-can-i-run-btn a{
   padding: 7px 10px;
   display:block;
   height:100%;
   width:100%;
   color:#B3E6FF;
   font-weight:100;
   font-family:verdana;
}
.desktop-can-i-run-btn a:hover{
  color:#fff;
  }*/
  .buttons a.auto-large-button{
     height: 43px;
     line-height:17px;
     padding: 12px 15px 14px 15px;
     box-shadow: 0 1px 4px rgba(0, 0, 0, .6); 
     white-space: nowrap;
     border-radius: 3px;
     border:none;
     margin-right:1rem;
     font-size: 16px;
     font-weight:normal;
     display:inline-block;
     box-sizing: border-box;
  }
  .buttons a.auto-large-button[href]{
   background:#37742F;
   color:#fff;
}
.auto-large-rig-exists{
  background-color: #37742F;
  color:#fff;
}
.auto-large-rig-missing{
   cursor: default;
}
.buttons a.auto-large-button:hover{
  background-color: #408437;
  color:#fff;
}
a.auto-btn-disabled:hover{
   background-color:#f5f5f5 !important;
   color:#565656 !important;
}
a.auto-btn-disabled{
   background-color:#f5f5f5 !important;
   color:#565656 !important;
}
.auto-button-container{
   display:inline-block;
}
.share-right-qtips{font-weight:bold;}
.desktop-can-i-run-btn a{background:#23571C;box-shadow: 1px 1px #11300C;font-size:14px;display:block;box-shadow: 0 1px 4px rgba(0, 0, 0, .6);}
.desktop-can-i-run-btn a:hover{background-color:#317827;}
.desktop-can-i-run-btn{margin:1rem; white-space: nowrap}
.share-widget{    color: #fff;
    border-color: #444444;}
.share-widget legend{margin-left:1rem;}
a.gameResultChromeExt{width:149px;}


a.auto-large-button.auto-large-qtip.auto-btn-disabled.auto-btn-backer-color-disabled{
 background:#E08452 !important;
 color:#fff !important;
}

a.auto-large-button.auto-large-qtip.auto-btn-disabled.auto-btn-backer-color-disabled:hover{
  background:#D59675 !important;
  color:#fff !important;
}
a.auto-large-button.auto-large-qtip.auto-btn-backer-color{
 background:#E26522 !important;
 color:#fff !important;
}
a.auto-large-button.auto-large-qtip.auto-btn-backer-color:hover{
  background:#D9743E !important;
  color:#fff !important;
}
.clear-auto-rig{cursor:pointer;text-decoration: underline}
.weblink-container{display:flex; justify-content: space-between; padding:1rem 1.5rem; font-size:1rem; font-family: 'RobotoDraft',arial; align-items: center; background:#151515; cursor:pointer; min-width:304px;box-sizing:border-box;font-size:1.5rem;font-weight:300;}
.weblink-game-name{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; max-width:227px; }
.weblink-legacy-buffer{clear:both;position: relative;top:-1px;background:#252525;height: 0}
.weblink-expand-container{display:none;}
.weblink-border{border:1px solid #333;border-bottom:0;border-left:0;}
.weblink-border:last-of-type{border-bottom:1px solid #333;}
.weblink-item,.weblink-item > a{font-weight:normal;padding:0.5rem 1rem;}
.weblink-item:hover > a{color:#00B5FF; text-decoration: underline;}
.weblink-item{border-bottom:1px dashed #333; background:#1A1A1A; color:#A6A6A6;}
.weblink-item:last-of-type{border-bottom:0;}
.weblink-container:hover{
   background:#1D1D1D;
   color:#C54E4E;
}
.newsfeed-mini-item{padding:1rem;background:#1A1A1A;border-bottom:1px solid #222;}
.newsfeed-mini-item:hover{border-bottom:1px solid #333;}
.newsfeed-mini-item-first-row{display:flex;}
.nf-mini-avatar{width:40px;height:40px;}
.newsfeed-mini-item-first-row-second-col{padding-left:1rem;}
.newsfeed-mini-comment-date{    color: #4F4F4F; font-size: 0.8rem;}
.newsfeed-mini-type-holder{margin-left:auto;font-size:1.6rem;}

a.nf-link{color:#ccc;font-weight:300;}
a.nf-link:hover{color:#5C9FB9;text-decoration: underline}
.feed-expandable{max-height:500px;overflow:hidden;overflow-y:auto;}
/*.feed-filter-game-ui{background:#1A1A1A;padding:0.5rem;font-size:1rem;cursor:pointer;}*/
.newsfeed-mini-body{  
   display: block;
   /* Fallback for non-webkit */
   display: -webkit-box;
   max-width: 400px;
   max-height: 109.2px;
   /* Fallback for non-webkit */
   margin: 0 auto;
   line-height: 1;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   box-sizing:border-box;
   padding-top:0.3rem;
}
.feed-expandable::-webkit-scrollbar-track
{
   box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: transparent;
}
.feed-expandable::-webkit-scrollbar
{
   width: 1rem;
   background-color: transparent;
}

.feed-expandable::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgba(255,255,255,0.5); }
.newsfeed-mini-view-more{display:flex;padding:0.5rem 0 0 0;}
.newsfeed-mini-view-more-link{margin-left:auto;}
.rightContainer .tab{float:none;}
.feed-first-row-ui{font-size:1rem; display:flex;justify-content: space-between;box-shadow:0px 1px 4px #555;}
.feed-first-row-ui a{margin:0.5rem; padding-right:4px;}
.feed-first-row-ui a i{font-size:1.2rem;}
.nf-game-following-object button{background:transparent; color:#1480cd; font-size:1.2rem; border:0; cursor: pointer; width:100%;}
.nf-game-following-object{margin:0.5rem; width:100%; text-align: center;}

#gamhead2 ul{
   width:100%;
   display: flex;
   justify-content:center;
   padding:0;
   padding-top:12px;
}
#gamhead2 ul li{
   display:inline-block;
   float:none;
}
button.nf-outer-page-btn, .nf-outer-page-btn { border-bottom:1px solid #272727; border-top:1px solid #2C2C2C; border-radius: 3px; background:rgba(0,0,0,0.4); padding:5px; padding-right:3px; font-size:1.2rem;}
.nf-game-following-object button{background-color: #144F8A;color:white;box-shadow: 0 1px 4px rgba(0, 0, 0, .6);}
/*.game-feed-input:hover{outline-width:0.1px;}*/
.game-feed-nf-form{display:flex;justify-content: space-between;}
.game-feed-nf-vert-form{flex-direction:column;display: flex;justify-content:space-between;align-items:center;margin:1rem;margin-bottom: 1.1rem}
.game-feed-post-btn{cursor: pointer; background: #144F8A; color:#fff; border-radius: 3px; border-style: solid; border-width:1px; border-color:#2B6088 #12476D #12476D #2F648C;padding:0.3rem 1.1rem;font-size:1.1rem;}
.nf-game-following-object button:hover{color: #E6E6E6; background-color: #185A89;}
.game-feed-post-btn:hover{background:#185A89;}
.game-feed-input{ background:rgba(0,0,0,0.1);color:#fff; box-shadow: -1px -1px rgba(0,0,0,0.24), 1px 1px #393838; padding:0.5rem; resize:none;border:0;border-radius: 2px; margin:1rem; max-height: 10rem; min-height:4rem;overflow:hidden;word-wrap:break-word;overflow-y:visible;}
textarea::-webkit-scrollbar {
  width: 12px;
}
textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 2px 0 6px rgba(0,0,0,0.3); 
}
textarea::-webkit-scrollbar-thumb {
  background:#4174C6;
}
div.awesomplete > ul{color:#111;}
.game-page-center-container{box-sizing:border-box;display:flex;}
.game-page-left-col{ flex-basis:685px; }
.game-page-right-col{ flex-basis:300px; }

/* Game page restyle work*/
.gamePageTop{background: red; /* For browsers that do not support gradients */background: -webkit-linear-gradient(left top, #3C0000,#151515); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(bottom right, #3C0000,#151515); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(bottom right, #3C0000,#151515); /* For Firefox 3.6 to 15 */background: linear-gradient(to bottom right, #3C0000,#151515); /* Standard syntax */width:100%;position: relative; min-height: 459px}
.gameInfoPods{ list-style-type: none;display: block;float:right;padding:0;margin-bottom: 0;margin-top: 11px;   font-family: 'RobotoDraft',arial, sans-serif;}
.gameInfoPods li{height: 50px;width: 150px;color:#ccc;border-bottom: 1px solid #ccc;border-radius: 3px;text-align: center;background-color: #fff;
    background-color: rgba(0,0,0,0.8);}
.genreTitle, .releaseTitle,.ratingTitle{font-weight: 500;font-size:1.1rem;}
.ratingTitle a {
    color: #ffffff;
}
.ratingTitle a:hover {
    color: #FF0000;
}
.gameInfoPods .releaseTitle{bold;padding-bottom: 3px}
.gameInfoPods .release{height: 84px;background-color: rgba(0,0,0,0.8);}
.gameInfoPods .type{height:80px;margin-top: 10px;background-color: rgba(0,0,0,0.8);}
.gameInfoPods .genre{text-align: center;}
.gameInfoPods .rating{height:auto;margin-top: 10px;margin-bottom: 10px;}
.platform{
    list-style-type: none;
    display:flex;
    padding-left: 11px !important;
    margin:0;
    position: absolute;
    top: 10px;
    left: 1px;
}
.backofthebox.darkBox2013{
    width: 100%;
    word-break:break-word;
    padding:10px;
    border-radius: 3px;
    font-size:1rem;
    background-color: #fff;
    background-color: rgba(0,0,0,0.8);
    border-bottom: 1px solid #ccc;
    font-family: 'RobotoDraft',arial, sans-serif;
}
.hardwareDescription.darkBox2013{
    width: 100%;
    word-break:break-word;
    padding:10px;
    border-radius: 3px;
    font-size:1rem;
    background-color: #fff;
    background-color: rgba(0,0,0,0.8);
    border-bottom: 1px solid #ccc;
    font-family: 'RobotoDraft',arial, sans-serif;
}
.advertWrapper{display:flex; align-items:center; justify-content:center;padding-top: 15px;padding-bottom: 15px;background: black;}
.g_wrapper{width:100%;}
.gamPicBig {height:309px;float:left; background-color: #222;margin-left:10px;margin-top: 8px;border-radius: 3px;}
.gamFpsWrapper {
    margin-left:10px;
    margin-top: 8px;
    position: absolute;
}
.gdateTitle{/*text-align: right;*/}
.gdateData{float:none;}
.genre a{color:#AF1010!important;}
.genre a:hover{color:#D42424!important;}
.type a{color:#AF1010!important;}
.type a:hover{color:#D42424!important;}
.gameNewsBox{color:#ccc; float:left; overflow:hidden; width:100%; background-color: #252525; border-top:1px solid #333; margin-bottom:5px; box-sizing:border-box;-webkit-box-sizing:border-box;max-width: 679px;}
.addMetaScores{color:#fff;text-decoration: none;}
.addMetaScores:hover{text-decoration: none; color:white;}
.metaScoreData{width:100%;text-align:center; font-size:1.8em; color:#fff; text-shadow:0px 1px black; border-radius: 5px; padding-bottom:5px;}
.metaScoreBlueStarEmpty{ background:url(../images/rating/starBlue100x100GamePageRed.png) no-repeat; width:100px; height:61px;margin-left: 25px;}
.darkBox2013{float:left; border-left: 1px solid #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; margin-bottom: 5px; border-top: 1px solid #333; border-bottom: 1px solid black; padding-top: 5px; padding-bottom:10px; color: #CCC; background: #222; }
.backOfBoxBtm{
    font-size:12px;
    box-sizing:border-box;
    width:60%;
    height:auto;
    margin-top: 8px;
    float:left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
}
.buildItBtnGame{background-color: #2b942d;box-shadow: 0 1px 4px rgba(0, 0, 0, .6);padding: 9px; color: #fff; font-weight: normal; font-size: 11px; border: none; border-radius: 3px; outline: none; cursor: pointer;font-family:'RobotoDraft', arial, sans-serif;}
.buildItBtnGame:hover{background-color: #217522;}
.gameListWidget{min-width:292px; float: none;}
.gameListWidgetTbl{width: 100%; background-color: #1A1A1A;margin-left: 0px;}
.gameListWidgetTbl td {padding: 2px 16px;border: 1px solid #333;}
th.widgetHeader{background-color: #151515;}

.platform .tab a.activePlatform {color: #AF1010;background: #fff;}
#art_g_title{color: #FFF; font-family: 'Raleway', sans-serif;font-size: 2.3rem; padding-left: 0}
.tdRelease{text-align: right;}
.tableRelease{width:100%;}
.tdRelease a{color:#AF1010;text-decoration: none;}
.tdRelease a:hover{color:#D42424;text-decoration: none;}
.ajax-content-placeholder{float:left; width: 100%;}
.game-page-ajax-loader {margin-left: auto; margin-right: auto;}

.gamePageButtons{
   text-align: center;
}
.gamePageMovementButtons {
    width: 60%;
    text-align: center;
    margin-top: 10px;
    float: left;
}
.gamePageDLCButtons {
    text-align: center;
    margin-top: 10px;
}
.gamePageTestButton, .gamePageWidgetButton{
   cursor: pointer;
   width: 190px;
   font-family: 'RobotoDraft',arial;
   font-size: 1.2rem;
   color: #FFF;
   background-color: #AF1010;
   padding: 10px 15px 10px 15px;
   border-radius: 3px;
   border:none;
   outline: none;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.gamePageMovementButton {
    cursor: pointer;
    width: 147px;
    font-family: 'RobotoDraft',arial;
    font-size: 1.2rem;
    color: #FFF;
    background: #424242;
    background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#424242));
    background: -webkit-linear-gradient(top, #5c5c5c, #424242);
    background: -moz-linear-gradient(top, #5c5c5c, #424242);
    background: -ms-linear-gradient(top, #5c5c5c, #424242);
    background: -o-linear-gradient(top, #5c5c5c, #424242);
    padding: 5px 0;
    border-radius: 3px;
    border:none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    display: block;
    margin: 0 auto;
    font-weight: normal;
}
.gamePageSpecButton{
   cursor: pointer;
   width: 210px;
   font-family: 'RobotoDraft',arial;
   font-size: 1.2rem;
   color: #FFF;
   background-color: #AF1010;
   padding: 10px 15px 10px 15px;
   border-radius: 3px;
   border:none;
   outline: none;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.gamePageTestButton:hover{
   background-color:#D42424;
}
.gamePageSpecButton:hover{
   background-color:#D42424;
}
.gamePageMovementButton:hover{
    background-color:#D42424;
}
.hardwarePageBoxBtm{
   font-size: 12px;
   box-sizing: border-box;
   height: 260px;
   width: 100% !important;
   height: auto;
   float: left;
   box-sizing: border-box;
   padding: 3px 5px 5px 5px;
   margin-bottom: 10px;
   margin-top: 0;
    display: block;
}
#hardwarePageMainTitlesLink{
    width: auto;
    text-align: center;
    font-size: 1.1rem !important;
    font-weight: normal !important;
    color:white !important;
    background-color: #070707 !important;
    padding:5px !important;
    font-family:Verdana, Arial, Helvetica, sans-serif!important;
    margin: 0px!important;
}
.hardwarePageMainTitles{
   width: auto;
   text-align: center;
   font-size: 1.1rem !important;
   font-weight: normal !important;
   color:white !important;
   background-color: #640202 !important;
   padding:5px !important;
   font-family:Verdana, Arial, Helvetica, sans-serif!important;
   margin: 0px!important;
   margin-bottom: 5px!important;
}
#hardwarePageMainTitles{
   width: auto;
   text-align: center;
   font-size: 1.1rem !important;
   font-weight: normal !important;
   color:white !important;
   background-color: #790101!important;
   padding:5px !important;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
}
.hardwarePageBoxTop {
   color: #ccc;
   width: auto;
   margin-left:0px; 
   padding: 0px;
   float: none;
   font-size: 12px;
   overflow: hidden;
}
.hardwarePageBoxTop .hDate{
   width:100%;
   text-align: center;
} 
.releaseDateth{
   width:100%;
   text-align: center;
   background-color: #640202;
   color:white;
   font-size: 1.1rem;
   font-weight: normal;
   padding: 5px;
} 
.releaseDatetd{
   font-size: 12px;
   padding:3px;
}
.releaseDatetr{
   background-color: #640202;
}
.CompareWidgetRestyle{
   width:100% !important;
   text-align: center;
}
.gd-form-container{
   margin-top: 10px;
}
.gd-info-icon{
   display: none;
}
.gd-footer-bar{
   display: none !important;
}
/* OPTIMISATION RATING */
.ratingThumbs{
   display: flex;
}
.thumbUp, .thumbUp1{
   height: 30px;
   width:30px;
   border-radius: 3px;
   background-color:#3B9A2F;
   margin: auto;
   display: flex;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
   border: none;
   color: white;
   cursor:pointer;
}
.thumbDown, .thumbDown1{
   height: 30px;
   width:30px;
   border-radius: 3px;
   background-color: #AF1010;
   margin: auto; 
   display: flex;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
   border: none;
   color: white;
   cursor:pointer;
}
.thumbDisabled, .thumbGrey{
   height: 30px;
   width:30px;
   border-radius: 3px;
   margin: auto; 
   display: flex;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
   border: none;
   color: white;
   outline:none;
   background-color: #666;
   cursor:pointer;
}
.thumbDown:hover{
   background-color: #D42424;
   cursor:pointer;
}
.thumbUp:hover{
   background-color: #4BAF4F;
   cursor:pointer;
}
.thumbPositiveDesc{
   color:#3B9A2F;
}
.thumbNegativeDesc{
   color:#AF1010;
}
.userReviews{
   box-sizing: border-box;
   padding: 2px;font-size:12px;
   z-index:1;
   margin-top:4px;
 
}
.optimisationRatingBlock{
   display: flex;
}
.optimisationRatingBlockImg{
   background: url(../images/rating/optimisationStar1.png) no-repeat;
   width: 103px;
   height: 56px;
   margin:auto;
   padding-top: 40px;
   font-size: 1.4rem;
   color:#fff;
}
.scoreResultPos, .scoreResultPos1{
   color:#66C0F4;
}
.scoreResultNeg, .scoreResultNeg1{
   color:#A34C25;
}
.similarMetaScore{
   margin-bottom: 5px;
}
#skip-to-discussion{
   margin-top:30px;
   text-align: center;
}
#skip-to-discussion button, #skip-to-discussion a{
   cursor: pointer;
   width: 190px;
   font-family: 'RobotoDraft';
   font-size: 1.1rem;
   color: #FFF;
   background-color: #03A9F4;
   padding: 12px 15px 14px 15px;
   border-radius: 3px;
   border: none;
   outline: none;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
#skip-to-discussion button:hover{
   background-color: #0088D1;
}
.thanksForFeedback{
   text-align: center;
}
.similarMetaScore{
   display:flex;
}
.checkSimilarBox{
   flex: 0 0 15px;
   margin-left: 5px;
}
/* OVERLAY CSS */
#overlay-inAbox .wrapper {
    text-align: center;
}
.overlay,
#overlay-shade {
    display: none;
}
#overlay-shade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000;
}
.overlay {
    position: absolute;
    left: 0;
    width: 450px;
    min-height: 200px;
    z-index: 10000;
    background-color: #222;
    border: 3px solid #333333;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 0 16px #000;
} .ie7 .overlay {
    height: 200px;
} .overlay .wrapper {
    padding: 1px 30px 21px
}
.overlay .toolbar {
    padding: 8px;
    line-height: 1;
    text-align: right;
    overflow: hidden;
} .overlay .toolbar a.close {
    display: inline-block;
        *display: inline;
         zoom: 1;
    padding: 0 8px;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
    color: #fff;
    background-color: #333333;
} .overlay .toolbar a.close span {
    color: #818181;
} .overlay .toolbar a.close:hover,
  .overlay .toolbar a.close:hover span {
    background-color: #b90900;
    color: #fff;
}
/* END OF OVERLAY CSS */
.genreLinkPreset{
   display: block;
}
.ask-can-run-rig {
   display: none;
   font-family: 'RobotoDraft', sans-serif;
   font-size: 1.3rem;
}
.ask-can-run-inputs{
   background-color: #000;
}
.ask-can-run-option-header {
   background-color: #AF1010;
   font-size: 1rem;
   padding: 0.3rem 1rem;
   font-style: italic;
}
.canRunUserChoice {
   border-radius: 2px;
   padding: 0.2rem;
   font-size: 1rem;
   cursor: pointer;
}
.ask-can-run-inputs {
   background-color: #000;
   padding: 0.5rem 1rem;
}
.ask-can-run-inputs-section {
   margin: 1rem 0;
   border-top: 1px dashed #565656;
   padding-top: 1rem;
}
.canRunTextHighlight {
   color: #FF0F03;
}
.canRunBox {
   background-color: #E4E4E4;
   color: #FFF;
   /*padding: 1rem;*/
   font-size: 1.1rem;
   font-family: 'RobotoDraft', sans-serif;
}
/*.close-ask-can-run {
   float: right;
   border: none;
   background-color: #C63D3D;
   font-size: 1rem;
   padding: 0.4rem 1rem;
   color: #FFF;
   border-radius: 2px;
   line-height: 1rem;
   cursor: pointer;
}
.close-ask-can-run:hover {
   background-color: #DA5959;
}*/
div.canRunQuestion {
}
button.ask-can-run-btn, button.close-ask-can-run {
   padding: 5px;
   margin-left: 3px;
   margin-left: 3px;
   margin-top: 5px;
   width: 92px;
   padding-left: 3px;
   text-align: left;
}
.ask-can-run-btn:hover {
   background-color: #E6EFC2;
   border: 1px solid #C6D880;
   color: #529214;
}
button.close-ask-can-run{
   display: none;
}
.close-ask-can-run:hover {
   background-color: #EFC2C2;
   border: 1px solid #D88080;
   color: #921414;
}
.discussionWrapperTD{
   vertical-align: top;
}
.canRunResult {
   color: #FFF;
   font-size: 0.9rem;
   padding: 0.4rem 2rem;
   /*text-align: center;*/
}
.canRunResultPositive{
   background-color: #39702B;
}
.canRunResultNegative{
   background-color: #A82C2C;
}

.canRunResultPositive .canRunResultPerc{
   /*color: green;*/
}
.canRunResultPerc{
   text-decoration: underline;
}
.canRunContainer{
   margin-bottom: 1.5rem;
   width: 100%;
   margin-right: 2%;
}
.discuss-owner-wrapper {
   background-color: #7c7c7c;
   display: flex;
   cursor: default;
   font-size: 0.95rem;
   padding: 3px 6px 2px 5px;
   color: #FFF;
   font-family: 'RobotoDraft', sans-serif;
   align-items: center;
   justify-content: center;
}
.discuss-text-wrapper{max-width:440px;}
.discussAllSub > .discuss-text-wrapper{max-width:430px;}
.discussAllSub > .discussAllSub .discuss-text-wrapper{max-width:410px;}
.discussAllSub > .discussAllSub > .discussAllSub .discuss-text-wrapper{max-width:320px;}
.discuss-owner-true{background-color: #2f7e25;}
.discuss-owner-icon{
   font-size: 11px;
}
.discuss-owner-text {
   text-transform: uppercase;
   font-size: 11px;
}
.canRunWrapper {
   display: flex;
}
.canRunRig {
   flex: 1;
   color: #736F6A;
   display: flex;
   flex-flow: column;
   justify-content: center;
   padding: 1rem 2rem;
   font-size: 1.5rem;
}
.canRunVoting {
   text-align: center;
   background-color: #D7D7D7;
   display: flex;
   align-items: center;
}
.canRunVoteBtn {
   border: none;
   color: #FFF;
   padding: 0.6rem;
   border-radius: 3px;
   cursor: pointer;
   font-size: 2rem;
   color: #FFF;
}
.canRunVoteYesBtn{
   background-color: #357A24;
   border-bottom: 2px solid #1E5311;
   border-right: 2px solid #1E5311;
}
button.canRunVoteYesBtn:hover, button.canRunUserVotePositive {
   background-color: #459631;
   color: #FFF;
}
.canRunVoteNoBtn {
   background-color: #C64545;
   border-right: 2px solid #9B2424;
   border-bottom: 2px solid #9B2424;
}
button.canRunVoteNoBtn:hover, button.canRunUserVoteNegative {
   background-color:#DA5757;
   color: #FFF;
}
.canRunVoteButtons {
   padding: 1rem 1.5rem;
}
.canRunVoteText,.ask-can-run-text {
   padding: 0.5rem 2rem;
   font-size: 1.4rem;
   font-family: 'RobotoDraft', sans-serif;
   font-weight: 300;
   background: #000;
   color: #FFF;
}

.canRunVoteYesBtn{
   color: #13380B;
}
.canRunVoteNoBtn{
   color: #6D1919;
}
/*.canRunUserVotePositive {
   background-color: #1E5311;
   color: #FFF;
}
.canRunUserVoteNegative {
   color: #FFF;
   background-color: #9B2424;
}*/


.discuss-fps-wrapper {
   text-align: right;
}
.discuss-fps {
   display: inline-block;
   color: #FFF;
   font-family: 'RobotoDraft', sans-serif;
   font-size: 1.1rem;
   font-weight: 300;
   border-radius: 2px;
   cursor: default;
}
.discuss-fps-qtip-list{
   margin: 0.2rem 0;
}
.discuss-fps-qtip-header, .discuss-fps-qtip-name {
   border-bottom: 1px dashed #383838;
   background-color: #232323;
   padding: 0.4rem 0.6rem;
}
.discuss-fps-qtip-header {
   color: #c8c8c8;
}
.discuss-fps-data .qtip-content {
   padding: 0;
}
.discuss-fps-qtip-name {
   margin: 0;
   font-size: 1.1rem;
   line-height: 1.2rem;
   font-family: 'RobotoDraft', sans-serif;
   margin-bottom: 0.5rem;
}
.discuss-fps-frames {
   padding: 6px 10px;
   background-color: #1a5b12;
   color: #fff;
   text-align: center;
   font-size: 1.8rem;
   font-weight: 400;
}
.discuss-fps-setting {
   text-align: center;
   background-color: #0a2e06;
   font-size: 0.9rem;
   padding: 0.1rem 0.1rem;
   margin-top: -1px;
}
.discuss-fps-frames-text {
   font-size: 1.2rem;
   font-weight: 400;
}
.discuss-fps-submit {
   background-color: #0c3008;
   border: none;
   color: #FFF;
   font-family: 'RobotoDraft', sans-serif;
   position: relative;
   top: -1px;
   width: 100%;
}
.discuss-fps-act-as-btn{
   cursor: pointer;
}
.discuss-fps-act-as-btn:hover .discuss-fps-submit, .discuss-fps-submit:hover {
   background-color: #1c5016;
   cursor: pointer;
}
.discuss-fps-qtip {
   border-collapse: collapse;
}

/* Game page related news feed */
.relatedNewsItemWrapper{
   display: flex;
   font-family: 'RobotoDraft';
   border-bottom: 1px solid #303030;
   margin-left: 5px;
   margin-right: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
}
.relatedNewsItems{
   width: 30%;
}
.newsItemGamePage{
   width: 70%;
   display: flex;
   flex-wrap: wrap
}
.overview p{
   padding-right: 10px;
   padding-left: 10px;
}

/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabContent {
    display: none;
    border-top: none;
}
.tabContent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
li .tabLinks{
   height: 20px;
   width: 50px;
   background: #212121;
   margin:2px;
   border:none;
   cursor: pointer;
}
li .tabLinks:hover{
   background: #0e0e0e;
}
#tabLinkA{
   color:#fff;
   text-decoration: none;
   background-color: none;
}
.active{
   background:#2b942d !important;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.youtube-subscribe-wrapper{width: 100.1%;height: 30px;background-color: black;display: flex;align-items: center;justify-content: center;}
.youtube-subscribe-text{color: #fff;padding-right: 10px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*game page redo*/
.systemReqWrapper{
   display: flex;
   width: 100%;
   font-family: 'RobotoDraft';
}
.gameSystemRequirementsWrapBox{
   width: 50%;
}
.systemRequirementsSubheadHwBox,.systemRequirementsSubheadRamBox,.systemRequirementsSubheadSmallerBox,.systemRequirementsSubheadVerdictBox{
   width: initial;
}
.systemRequirementsHwBox,.systemRequirementsMainBox{
   display: flex;
   justify-content: center;
}
.checkPCBtn, .reRunCheckBtn,.desktop-can-i-run-btn a{
   background-color: #2b942d
}
.checkPCBtn:hover, .reRunCheckBtn:hover, .desktop-can-i-run-btn a:hover{
   background-color:#217522
}
.gameBlockTitle, .gameNewsBoxTitle{
    background-color: #151515;
    padding: 9px 11px;
    text-align: center;
    color: #fff;
    font-size: 17px;
       font-family: 'RobotoDraft', arial;
}
.vote-red,.widgetHeader{
   background-color: #151515;
   padding: 9px 11px;
   text-align: center;
   color: #fff;
   font-family: 'RobotoDraft', arial;
}
.widgetHeader{
   border-top: 1px solid #333;
}
.gameShareWidget{
   font-family: 'RobotoDraft', arial;
}
.discussionTitle {
   display: flex;
   justify-content: space-between;
   background-color: #151515;
   padding: 9px 11px;
   text-align: center;
   color: #fff;
   font-size: 17px;
   font-family: 'RobotoDraft', arial;
}
.systemRequirementsSmallerBox.sysReqGameSmallBox span, .systemRequirementsRamContent{
   font-size: 1rem;
}
.bigTick {
    font-size: 30px !important;
    color: #008000;
}
.bigX {
    font-size: 30px !important;
    color: #FF0000;
}
.questionMark {
    font-size: 20px !important;
}
.greenTickThin {
    cursor: help;
}
.redCross {
    cursor: help;
}
.squareTick {
    cursor: help;
    color: #6EC563;
    font-size: 16px !important;
    background-color: #FFFFFF;
    border-radius: 20px;
    height: 12px;
    width: 13px;
    line-height: 13px !important;
    margin-right: 2px;
}
.squareX {
    cursor: help;
    color: #FF0000;
    font-size: 16px !important;
    background-color: #FFFFFF;
    border-radius: 20px;
    height: 12px;
    width: 13px;
    line-height: 13px !important;
    margin-right: 3px;
}
.questionMarkSmall {
    cursor: help;
    font-size: 16px !important;
    margin-right: 3px;
}