/* HIDE */
.game_left #latest_articles { display:none; }

/* MAIN */

.page_left {  overflow:hidden;}
.article-text p { margin-bottom:1.4em; }
#scrollShare { width:100%; z-index:20; height:36px; 
	padding-top:4px; position:relative; }
#gameShare { padding-bottom:5px; height: 32px; }
#gameShare .sharebutton,#scrollShare .sharebutton { background-color: #21a121;
    padding: 3px 5px;
    color: #fff;height:26px; margin-right:4px; line-height:26px;
	border-radius:2px;
    border: 0px; }
.fixedShare { background-color:#444; }
.index_intro { margin:10px 0; }
.gameBlock { 
background-color:#eee; 
border-left:6px solid #888; padding:6px;
margin-bottom:20px;
}
.gameBlock .title { font-weight:bold; border-bottom:1px dotted #aaa;  }
.gameBlock .platforms { margin-bottom:6px; }
.gameBlock .platforms a { font-weight:bold; margin-right:10px; 
color:#fff; background-color:#ce3209; display:block; float:left; padding:0px 6px; border-radius:5px; }
.gameBlock .links { margin-top:8px; border-top:1px dotted #aaa; padding-top:4px; }
.gameBlock .links a { margin-right:10px;background-color:#444; color:#fff; padding:2px 6px;ciolor: #f78e1e; border-radius:3px; line-height:1.8em; } 

ul.thumbset{width: 100%; margin: 0px; list-style-type:none; padding: 0px; text-align: left; margin-left:0px; padding:6px;}
ul.thumbset li{float:left; width:44%; margin: 3%; font-size:11pt;}
ul.thumbset img{width:100%;}
ul.thumbset  a{font-weight: bold;}

.ach_hintBox { padding:3px; background-color:#ddd; }
.gameSearch-inline {
padding:5px; border:1px solid #888;
margin-bottom:8px;
-moz-box-shadow: inset 0 0 8px #aaa;
-webkit-box-shadow: inset 0 0 8px #aaa;
box-shadow: inset 0 0 8px #aaa;
background-color:#eee;
}
.gameSearch-inline input {
background-color:transparent;
border:0px;
font-size: 16px;
height: 24px;
font-weight: bold;
color: #444;
width: 100%;
}
.gameSearch-inline input:focus, input:focus{
    outline: 0;
}
#gameSearchResults div { clear:both; margin:5px 0;
	border-top:1px solid #ddd;
	padding-top:5px; }
#gameSearchResults a.colorlink { background-color:#888; color:#fff; border-radius:3px; margin:0 2px; padding:1px 4px; }

.latest-items-list .smallitem:hover {
    background-color: #ffc784;
}
.latest-items-list .smallitem {
    margin-bottom: 4px;
    padding: 4px 4px;
}
.sideshareblock { clear:both; width:100%;  }
.nextlinkblock { display:none; }
.sidelinkblock { height:40px; width:100%;  background-color:#233445; line-height:18px; color:#9cc6f0; text-align:left; font-weight:bold; }
.sidelinkblock a.forumlink { display:block; height:36px; background-image:url(https://www.supercheats.com/images/forumbubble.png); 
	padding:2px 70px 3px 6px; 
	background-position: right center; 
	background-repeat:no-repeat;
	color:#54ACEF;
}
.sidelinkblock a.questionlink { display:block; height:36px; 
	background-image:url(https://www.supercheats.com/images/questionbubble.png);
        padding:2px 70px 3px 6px;
        background-position: right center;
        background-repeat:no-repeat;
	color:#54ACEF;
}

.screenshotThumb {
    width: 150px;
    height: 150px;
    float: left;
    position: relative;
    display: block;
    border-radius: 3px;
    border: 1px solid #fff;
	margin: 4px 3px 3px 4px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}
.screenshotThumb img { 
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

ul.bio_avatars {width: 100%; float:left; margin: 0px; list-style-type:none; padding: 0px; text-align: center;}
ul.bio_avatars li{float:left; width:80px; height:80px; margin: 0px 0px 10px 3px; padding: 0px; }
ul.bio_avatars img{width:60px; height:60px; border:solid 0px #343434; display:block; margin:0px auto;}
ul.bio_avatars li a {font-size:11px; font-weight: normal; color:#222; font-style:italic;}

p.bio_teams {font-size:11px; line-height: 14px;}
p.bio_teams img{float:left; width:50px; height:50px; border:solid 1px #343434; margin-right: 5px; vertical-align: text-top;}
p.bio_teams a {font-size:11px; font-weight: bold;}

#commentbox { font-size:0.9em; }
.infoBox { background-color:#eee; padding:5px; }
.comments_img { width:30px; height:30px; margin:4px 6px 4px 0; }
.pageing{ margin:8px auto; }
.pageing a { color:#fff; }
.pageing .blob { background-color:#68a; color:#fff; padding:4px 6px; border-radius:4px; margin-right:4px; }
.pageing .newsNav { clear:both; margin:5px 0; }
.pageing .newsNav .prev { float:left; width:49%; }
.pageing .newsNav .next { float:right; width:49%; text-align:right; }
.pageing .newsNav .blob { display:block; padding:2px 5px;  margin:0; }
.addCommentBox  #comment { font-size:12px; width:98%; }
.replyCommentBox  #commentReply { font-size:12px; width:98%; }
#comments {  }
#comments .comments { background-color:#d8d8eb; padding:4px; }
#comment_area .comments { border-top:2px solid #bbf; padding:5px; color:#333;   }
#comments .comment_foot { font-size:0.9em; font-weight:bold;  color:#666;}
#comments .comment_foot a { color:#338; }

.moreupdates { border-top:1px solid #999; padding:8px 0; }
.moreupdates a { float:left; font-size:1.1em; display:block; width:16%; padding:1%; margin:1%; text-align:center; height:2em;  background-color:#777; color:#fff; border-radius:10px; border-bottom:3px solid #444; vertical-align:center;  }
.blog-links { font-weight:bold; background-color:#bed5e4; padding:3px 8px; margin:5px 0; color: #144f75; border-radius:4px; }
.blog-links .thumbdown { left:0px; height:16px; color:#a92323; }
.blog-links .thumbup { left:0px; height:16px; color:#228845; }
.blog-links .commentlink { left:0px; height:16px;}
.blog-links .bookmarklink { left:0px; height:16px; }
.blog-links .itemBox { padding:2px 8px; border:1px solid #888; border-radius:2px;
        height:22px; background-color:#f5c790;
        margin:2px;
}
.blog-links img { vertical-align:middle; }

.fadeout_footer {
    position: absolute;
    bottom: 0em;
    width:100%;
    height: 7em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
        border-bottom:6px solid #fff;
}
.fadeout_footer a { color:#123456; font-weight:bold; text-align:right; display:block; left:40%;bottom:-6px; padding:6px;
        border-radius:4px 4px 0 0; background-color:#fff;  border:1px solid #aaa;border-bottom:0px;
        font-size:0.9em;  position:absolute;
}
.fadeout_footer a:hover { background-color:#167ac6; color:#fff; }

.table_border { }
.table_border thead { background-color:#555; color:#fff; }
.table_border thead a { font-weight:bold; }
.table_border tbody tr:hover {background-color:#eee; }

.letterlinks { line-height:1.6em; }
.letterlinks a { margin:2px; border-bottom:1px solid #aaa; padding:1px 2px; }
.letterlinks a:hover { background-color:#eee;}

.half-width-column {}
ul.tabs_con { madrin:0; padding:0; list-style-type:none; }
ul.tabs_con li { margin:3px 0; padding:2px; }
ul.tabs_con li:hover { background-color:#ddd; }
.sidetitle { font-size:1.1em;  padding:6px; border-radius:3px; margin-bottom:2px;
text-align:left;
line-height:1.2em;
background-color:#fb9216; color:#fff;
border-left:4px solid #ED6731;
border-bottom:1px solid #ED6731;
}
.sidebox { position:relative; 
text-align:left; }
.sidebox .article { width:146px; height:146px; float:left; position:relative;
        border:2px solid transparent; overflow:hidden;  }
.sidebox .article:hover { border:2px solid #c25c02; }
.sidebox .article span { width:1000px;height:146px; display:block;}
.sidebox .article img { position:relative; height:130px; display:inline-block; min-width:146px; }
.sidebox .article .caption { position:absolute; bottom:0px; width:140px;  padding:3px; background-color:#222; color:#fff;
        font-weight:bold;font-size:11px; line-height:13px;
}
.sidebox .body { padding:8px; background-color:#eee; text-align:left; }
.sidebox .boxlink { float:left; width:50%; height:80px;  }
.sidebox .boxlink a {
    position: relative; height:70px;
    margin: 1px;display:block;
    border: 1px solid #fff;
    overflow: hidden;
    background-color: #eef;
    padding: 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    color: #111;
}

#showingpages { margin:8px 0; }
#showingpages .paginglist { height:2em; line-height:2em; }
#showingpages a { padding:4px; background-color:#167ac6; color:#fff; }
#showingpages a.active { font-weight: bold;background-color: #aaa; }
.page_left .thumbBlock { width:50%; padding:4px; margin:0px;  height:10em; float:left; overflow:hidden; box-sizing:border-box;  }
.page_left .thumbBlock:hover { background-color:#ddd; }
.page_left .thumbBlock .title a { color:#167ac6; font-weight:bold; font-size 0.9em; }
.page_left .thumbBlock .thumb { position:relative; width:100%; height:100px; margin-bottom:5px; }
.page_left .thumbBlock img { width:100%; height:100%; }
.page_left .thumbBlock .videoplay,.side-column .article .videoplay {
        display:none; position: absolute; top:0; left:0;
        height:100%; width:100%; z-index:10;
        background: url('/images/videoplay.png') center center no-repeat;
}

.game-question { clear:both; padding:3px;  overflow:hidden; margin-bottom:1px; border-radius:3px; }
.game-question:nth-child(odd) { background-color:#e2e2e2; }
.game-question:nth-child(even) { background-color:#eee; }
.game-question:hover { background-color:#fff; }
.game-question a { color:#333; }
.game-question .answers { float:right; margin:2px 6px; }

#questionLink { background-color:#fc4; padding:6px; }
#questionLink .heading { font-weight:bold; }
#questionLink a { font-size:1.1em; font-weight:bold; }

.neiwsitem .itiem-title { font-weight:bold; background-color:#e28432; max-height:2.4em; padding:1px 5px; overflow:hidden; color:#fff;
	border-top:0px solid #333; text-shadow:1px 1px 1px #985215;border-right:0px solid #333; 
	position:absolute; bottom:0px; opacity: 0.9;filter: alpha(opacity=90);
-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
}

.blogitem {  padding:10px 0;    border-bottom: 1px dotted #ababab; font-size:1.1em; line-height:1.4em; }
.blogitem .item-title { font-weight:bold; font-size:1.4em; line-height:1.5em; margin-bottom:8px; }
.blogitem .thumb { float:left; width:50%; margin-right:20px; }
.blogitem .thumb .cont { width: 100%; position:relative;
  padding-bottom: 60%; overflow:hidden; }
.blogitem .thumb img { width:100%; position: absolute; margin:auto;
  top: 0; bottom: 0; left: 0; right: 0; }
.blogitem a.morelink { font-weight:bold; padding:2px 4px; }
.blogitem:hover a.morelink { background-color:#167ac6; color:#fff; }
.blogitem .date { background-color:#333; color:#fff; font-style:italics; width:180px; padding:2px 8px; }

.largeblogitem { padding:10px 0;    border-bottom: 1px dotted #ababab; font-size:1.1em; line-height:1.4em; }
.largeblogitem .item-title { font-weight:bold; font-size:1.6em; line-height:1.5em;margin-bottom:8px;  margin:15px; position:absolute; padding:0 8px; left:0px;bottom:0px; background-color:#222; color:#fff; z-index:1; opacity: 0.9;filter: alpha(opacity=90); }
.largeblogitem .thumb { width:100%; position:relative; margin-bottom:0.5em; }
.largeblogitem .thumb .cont { width: 100%; position:relative;
  padding-bottom: 60%; overflow:hidden; }
.largeblogitem .thumb img { width:100%; position: absolute; margin:auto;
  top: 0; bottom: 0; left: 0; right: 0; }
.largeblogitem a.morelink { font-weight:bold; padding:2px 4px; }
.largeblogitem:hover a.morelink { background-color:#167ac6; color:#fff; }
.largeblogitem .date { background-color:#333; color:#fff; font-style:italics; width:180px; padding:2px 8px; }

.newsblock { 
    width: 100%;
    margin-bottom: 15px;
}
.newsblock .inner {     background-color: #E5ECEF; }
.newsblock .thumb {     width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
    border: 0px solid #fff;
}
.newsblock .thumb .img { position:absolute; width:100%;
    top:0;
    bottom:0;
    margin:auto;
        -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
        left:0;
}
.newsblock .title {     font-style: italic;
    font-weight: bold;
    padding: 5px;
    height: 44px;
	font-size:1.1em;
	overflow:hidden;
}
.newsblock .largetitle {     font-style: italic;
    font-weight: bold;
    padding: 5px;
	font-size:1.3em;  line-height:1.6em;
    height: 70px;
        overflow:hidden;
}
.newsblock .text { font-size: 0.9em; line-height:1.5em;
    height: 88px;
	overflow:hidden;
}

.newsblock-wide {
    width: 100%;
}
.newsblock-wide a { text-decoration:underline; }
.newsblock-wide .inner {     background-color: #E5ECEF; }
.newsblock-wide .thumb {     width: 40%; float:left;
    max-height: 130px;
    position: relative;
    overflow: hidden;
    border: 0px solid #fff;
}
.newsblock-wide .thumb img { width:100%;
}
.newsblock-wide .title {     font-style: italic;
    font-weight: bold;
    padding: 5px;
        font-size:1.1em;
        overflow:hidden;
}
.newsblock-wide .largetitle {     font-style: italic;
    font-weight: bold;
    padding: 5px;
        font-size:1.3em;  line-height:1.6em;
    height: 70px;
        overflow:hidden;
}
.newsblock-wide .text { font-size: 0.9em; line-height:1.5em;
	float:right; width:60%; padding:5px; box-sizing:border-box;
        overflow:hidden;
}

.newsitem .othernewsitem { border: 0px solid #fff; }
.newsitem .thumb { position:relative; overflow:hidden; display:inline-block; width:100%;
border:0px solid #fff; background-color:#fff;  }
.newsitem .thumb img { position:absolute; width:100%;
    top:0;
    bottom:0;
	margin:auto;
	left:0; right:0;
}
.newsitem .contents { padding:3px; font-size:0.9em; }

.newsitem { position:relative;
    width: 48%;
    padding: 1%;
    margin: 0px;
    height: 11em;
    float: left;
    overflow: hidden;
	margin-bottom:1em;
	font-size:13px; line-height:15px;
}
.newsitem .item-title {
	color: #167ac6;
    	font-weight: bold;
}
.newsitem .heightfixer { margin-top:50%; }
.newsitem .thumb .newtag { position:absolute; top:0; left:0; padding:3px; background-color:red; color:#fff; font-weight:bold; z-index:2; }
.newsitem .trending {
        background-color:#167ac6;padding:4px; line-height:1.6em; font-size:0.9em;
        height:100%; overflow:hidden;
}
.newsitem .trending a { color:#fff; }
.latestindexitems .highlight { background-color:#ddd; }
.latestindexitems .highlight .newsitem { font-size:0.9em; height:9em;  }
.latestindexitems .highlight .newsitem .item-title { color:#222; }
.newsitem .thumb .playbutt { position:absolute; bottom:0; left:0; padding:2px 5px; background-color:#ed6731; color:#fff; font-weight:bold; z-index:2; }


#awards .award { margin:0.5em 0; font-size:0.9em; padding:4px; }
#awards .awardon { background-color:#f87a47; color:#000; }
#awards .awardoff { background-color:#eee; color:#888; }
.submission_nav a { color:#666; }
.submission_nav .prev_sub { display:block; width:35%; line-height:1.3em;height:2.4em;padding:1%;  overflow:hidden; background-color:#eee; float:left; border-left:5px solid #999; }
.submission_nav .next_sub { display:block; width:35%; height:2.4em; line-height:1.3em;padding:1%; overflow:hidden; background-color:#eee; float:right; border-right:5px solid #999; text-align:right; }
.submission_nav .all_sub { background-color:#eee; width:15%; margin:0px auto; line-height:1.3em;text-align:center; padding:1%; display:block; height:2.4em; font-weight:bold; color:#167ac6; }
.submission_nav .next_sub .next_box {  color:#167ac6;font-weight:bold; }
.submission_nav .prev_sub .prev_box {  color:#167ac6;font-weight:bold; }

.submissionitem .header { font-size:1.1em; background-color:#ff9e2d; color:#fff; padding:3px 6px;     border-radius: 2px; }
.submissionitem .header a { font-weight:bold; }
.submissionitem .body { clear:both; padding:5px 0; }

.submissionitem_best { border-bottom:1px solid #aaa; }
.submissionitem_best .header { font-size:1.1em; background-color:#134972; color:#fff; padding:3px 6px; }
.submissionitem_best .header a { font-weight:bold; }
.submissionitem_best .body { clear:both; padding:5px 0; } 

.section-title { border-bottom:2px dotted #aaa; font-size:1.2em; padding-bottom:8px; }

.greycommentbox { background-color:#eee; padding:2px; margin:1px 0; }
.greycommentbox a { color:#555; }
.answercommentbox { background-color:#ddd; padding:2px; }
.answercommentbox textarea {
  border: 0px solid #e4e4e4;
  padding: 6px;
  font-size: 0.9em;
  width: 96%;
  font-family: arial;
}

.addCommentBox  { background-color:#ddd; padding:4px; border-top:4px solid #167ac6; margin:8px 0;  }
.addCommentBox #answermain { font-size:0.9em; margin:4px 0; }

#answermain textarea { border: 2px solid #ccc;
  padding: 6px;
  font-size: 0.9em;
  width: 96%;
  font-family: arial;
}
#answermain #aeaddress { width: 96%; padding: 6px;
  font-size: 0.9em;
  width: 96%;
  font-family: arial;
}

.account_menu {}
.account_menu .menulink { background-color:#888; color:#fff; padding:5px;  }
.account_menu .menulink a { color:#fff;  font-weight:bold; }
.account_menu ul { margin:0; padding:0; list-style:none; margin-bottom:10px;  }
.account_menu ul li { width:50%; float:left; }
.account_menu ul li a { display:block; padding:7px; border-bottom:1px solid #999; background-color:#bbb; color:#333; }
.account_menu ul li a:hover { background-color:#ddd;}
#account_menu { display:none; }
.account_quad { float:left; width:50%; line-height:1.2em; }

.account_message { border-bottom:1px solid #999; }
.account_message .comment{ background-color:#eee; padding:5px; }
.account_message .avatar { float:left; width:40px; margin-right:10px; }
.account_message .avatar img { width:40px; height:40px; }
.account_message .message { margin-left:60px; }
.account_message .footer { line-height:1.4em; border-top:1px sold #bbb; margin-top:10px; }
.unread { border-left:4px solid #c0c207; }

.allavatars a { margin:5px; float:left; }
.allavatars img { display:block; }
.wiki_row { padding:4px; background-color:#ddd; }
.wiki_contents {}
.wiki_contents .guideimage { display: inline-block; }
.wiki_contents .guideimage img { max-width:100%; margin:0px auto; }
.wiki_quickmenu { float:right; padding:8px; width:40%; background-color:#ddd; margin-left:10px; margin-bottom:10px; }
.guide_caption { text-align:center; font-weight:bold; margin:5px 0; }

#guide_content img { max-width:100%; }
.guideimage{ position:relative;}
.guideimage img { display:block; margin:0px auto; max-width:100%; }
.guideimage span.expand { position:absolute; left:5px; bottom:5px; height:20px; width:20px;  z-index:2;
	color:#fff; text-shadow: 0 0 3px #000; font-size:18px;
}
#wiki_manage { background-color:#ddd; padding:4px; margin-bottom:10px; }
#wiki_search_results { background-color:#ddd; padding:4px; margin-bottom:10px; }
.wiki_subhead {
    font-style: italic;
    color: #444;
    margin-bottom: 4px;
    font-weight: bold;
    border-bottom: 1px dotted #888;
    padding-bottom: 4px;
}

.wiki_subhead {
    font-style: italic;
    color: #444;
    margin-bottom: 4px;
    font-weight: bold;
    border-bottom: 1px dotted #888;
    padding-bottom: 4px;
}
.wiki_relatedpages {
    box-shadow: inset 0 0 40px #ddd;
    padding: 5px 8px;
    margin: 10px 0;
    font-size: 0.9em;
}
.wiki_randomlinks {
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}
.wiki_randomlinks li {
    display: block;
    float: left;
    width: 140px;
    margin: 2px 2px;
    padding: 5px;
    border-radius: 4px;
    height: 100px;
    border: 2px solid #777;
}
.wiki_elementlink {
    display: block;
    border-bottom: 1px dotted #666;
    padding: 4px 0;
    font-weight: normal;
}
.wiki_elementlink_sub {
    display: block;
    border-top: 1px dotted #aaa;
    padding-top: 4px;
    font-size: 0.9em;
    margin-left: 6px;
    margin-top: 4px;
}
.wiki_sectiontitle { font-weight:bold; }
.wiki_randomlinks a { font-size:1.1em; font-weight:bold; }
.wiki_caption { font-size:1.1em; margin:6px 0; }
#membersdata {}
#membersdata .idblock { height:45px; margin:2px 0; }
#membersdata .member_clogo { float:left; margin-right:5px; width:40px; height:40px; }
#membersdata img.clogo { width:40px;  max-height:40px; }
/* SIDE */

ul.gi_thumbs2 {width: 100%; float:left; margin: 0px; list-style-type:none; padding: 0px; text-align: center;}
ul.gi_thumbs2 li{float:left; width:135px; height:90px; margin: 0px 0px 10px 3px; padding: 0px;}
ul.gi_thumbs2 img {width:128px; height:90px; border:solid 1px #555;}
ul.gi_thumbs2 li a {font-size:14px; font-weight: normal;}

ul.new-guides-list { margin:0px; padding:0px; list-style-type:none; }
ul.new-guides-list li { font-size:0.9em;    
 }
ul.new-guides-list li.guide-list-head { padding:2px 5px; background-color:#f3dcc0; border-bottom:1px solid #bbb; border-radius:2px; 
		font-weight:bold; margin-top:3px;  }
ul.new-guides-list li a { display:block; padding:2px; color:#345678; }
ul.new-guides-list li a:before {
    content:"• ";
}
ul.new-guides-list li a:hover { background-color:#ddd; }
ul.new-guides-list li a.active { color:#ff6b00; }



.side-box-300 { background-color:#ddd; margin-bottom:15px; text-align:left;  }
.side-box-300 .box-header { padding:8px; background-color:#bbb; font-weight:bold; }
.side-box-300 .box-contents { padding:8px; }
.box-footer { border-top:1px solid #bbb; background-color:#eee; padding:3px; }
.side-box-300-highlight { background-color:#fec786; margin-bottom:15px; text-align:left; color:#000; }
.side-box-300-highlight .box-header { padding:8px; background-color:#ffb258;  font-weight:bold;}
.side-box-300-highlight .box-contents { padding:8px; }
.side-box-300-highlight a { color:#123456; }

#guidePageMenu { position:fixed; top:0px; right:0; width:320px; text-align:left; display:none; 
    background-color: #eee;
z-index:998; height:100%; overflow:auto; border-left:2px solid #888;}
#guidePageMenu .box-header { padding:8px; margin-top:40px;background-color:#999; font-weight:bold; }
#guidePageMenu .box-contents { padding:6px;  margin-bottom:10px;}
.guideSmallMenu { z-index:900; }
#sideexpand {  position:relative;}
#sideexpand .item {}
#sideexpand .item .heading { font-weight:bold; font-size:1.1em; padding:6px; border-top:1px solid #ddd;   }
#sideexpand .item:hover .heading { background-color:#60b0b9; color:#444;  }
#sideexpand .item .showarea { display:none; }
#sideexpand .item a.link {
    background-color: #167ac6;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    border: 0px;
}

.side-column { width:100%; text-align:left;  }
.side-column .footer { padding:5px; font-size:0.9em; border-top:1px dotted #999; }
.side-column .body .boxlink { font-size:1em;line-height:1.2em;  margin-top:0.2em; padding-top:0.2em; border-top:1px solid #fff; overflow:auto; }
.side-column .body img { max-width:100%; }
.side-column .body .boxlink:first-of-type { margin-top:0px; border-top:0px;  }
.side-column .body .moreLink { margin-bottom:4px; border-bottom: 1px solid #ddd; padding-bottom:3px; }
.side-column .body .moreLink:last-child { margin-bottom:0px; border-bottom: 0px solid #ddd; }
.side-column .body a:hover { color:#555; }
.side-column .body a.sc-button {
  color: #fff;
}
.side-column .body .left { float:left; width:49%; margin-right:1%; }
.side-column .body .right { float:right; width:49%; margin-left:1%; }

.side-column .body .smallitem { margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #fff; }
.side-column .body .smallitem:last-of-type { margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #fff; }

.side-column .thumb { float:left; width:80px; margin-right:6px; }
.side-column .heading { font-size: 1.1em;
  color: #fff; 
  background-color:#ED6731;
  padding: 5px 6px; letter-spacing:1px;
  font-family: "Lucida Grande", "Franklin Gothic Medium",Arial, Gadget, sans-serif;
}
.side-column .body {
  padding: 5px;
}
.side-column .article {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.side-column .article .caption {
  padding: 0px;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: 6px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #555;
}
.side-column .article img {
  position: relative;
  width: 100%;
  display: block;
  min-height: 100px;
	max-height:140px;
-moz-box-shadow: 0 4px 10px -5px #000;
-webkit-box-shadow: 0 4px 10px -5px #000;
box-shadow: 0 4px 10px -5px #000;
}

.side-column .thumbBlock { font-size:1em; line-height:1.3em;width:100%; margin:8px 0;  height: 80px; overflow:hidden;  }
.side-column .thumbBlock:hover { background-color:#ccc; }
.side-column .thumbBlock .title a { color:#167ac6; font-weight:bold;  }
.side-column .thumbBlock .thumb { position:relative; width:110px; height:80px; margin-right:6px; float:left; }
.side-column .thumbBlock .thumb img { width:100%; height:100%; margin-right:6px; }
.side-column .thumbBlock .videoplay,.side-column .article .videoplay {
        display:none; position: absolute; top:0; left:0;
        height:100%; width:100%; z-index:10;
        background: url('/images/videoplay.png') center center no-repeat;
}
.side-column .thumbBlock:hover .videoplay,.side-column .article:hover .videoplay,.game_left .thumbBlock:hover .videoplay
        { display:block; }

.side-links-box { width:100%; }
.side-links-box a { background-color:#ff9e2d; color:#fff; padding:5px 8px; font-weight:bold; border-radius:3px;  }


.questionadvert {
width:296px; height:96px; border:0px solid #000; margin:2px auto; 
background:url(https://www.supercheats.com/images/sitepromos/questionadvert.png) top left no-repeat;
position:relative;
margin-bottom:15px;
}
.questionadvert span {
position:absolute; left:0;bottom:0px; font-size:15px; font-weight:bold; color:#111; padding:5px; line-height:19px;
width:286px;
text-shadow:1px 1px 0px #fff;
}
.questionadvert span a { color:#ED6731; }

#page_admin { background-color:#eee; padding:4px; }
#page_admin #adminpanel { -moz-box-shadow: inset 0 4px 1px -4px #000;
-webkit-box-shadow: inset 0 4px 1px -4px #000;
box-shadow: inset 0 4px 1px -4px #000; }

.barchartblock { height:2em; margin-bottom:0.4em; position:relative; }
.barchart { display:block; font-weight:bold; height:1.5em;
background: #21a121;
}
.barchartbackon {  padding:1px;position:relative;background-color:#444; }
.barchartbackoff {  padding:1px;position:relative; }
.barchartlink { color:#000; font-weight:bold; font-size:1em;
position:absolute; left:5px; top:0px; }

.newsrating { background-color:#234567;  color:#fff; padding:5px; }
.newsrating span.item { background-color:#ffb258; padding:3px 6px; color:#bd5002; border-radius:3px; font-size:0.8em; line-height:1em; font-style:italic;  }
.newsrating span.item:hover { background-color:#ffe4c3; }
.newsrating span.item .ratebutton { display:inline-block; width:10px; height:10px; background-color:#eee; border-radius:5px; border:1px solid #bd5002; margin-top:2px; }
.newsrating span.active .ratebutton { background-color:#bd5002; }
.alert { color:red; }
#game_rating { background-color: #7331BF; color:#fff; height:110px; position:relative; margin-top:2px;}
#game_rating .ratings { width:80%; min-width:190px; margin:10px auto; }
#game_rating span.ratebutton { width:8%; background-color:#fff; min-height:10px; display:block; float:left; margin:0px 1%;
border-radius:3px;
-moz-box-shadow: 0 0 1px 1px #FFF;
-webkit-box-shadow: 0 0 1px 1px #FFF;
box-shadow: 0 0 1px 1px #fff;
 }
#game_rating span.ratebutton:hover{
-moz-box-shadow: 0 0 1px 2px #FFF;
-webkit-box-shadow: 0 0 1px 2px #FFF;
box-shadow: 0 0 1px 2px #fff;
 }
#game_ownership { background-color: #7331BF; color:#fff; height:110px; position:relative;
-moz-box-shadow: inset 1px 0 0px 0px #fff;
-webkit-box-shadow: inset 1px 0 0px 0px #fff;
box-shadow: inset 1px 0 0px 0px #fff;
 margin-top:1px;}
#game_rating .footer { width:180px; margin:0px auto; text-transform:uppercase; text-align:center; position:absolute; bottom:0px; left:0px; right:0px; color:#000; font-size:0.9em; background-color:#8951CA; }
#game_ownership .footer { width:180px; margin:0px auto; text-transform:uppercase; background-color:#8951CA; text-align:center; border-radius:5px 5px 0 0; position:absolute; bottom:0px; left:0px; right:0px; color:#000; font-size:0.9em; }
#game_rating .title,#game_ownership .title { width:150px; margin:0px auto; text-transform:uppercase; background-color:#5B229C; text-align:center; border-radius:0 0 5px 5px; }
#game_ownership .items { padding:0; width:90%; margin:10px auto;}
#game_ownership .item { width:26%; float:left; margin:0 3%; background-color:#8951CA; border-radius:15px;  padding:1px; text-align:center; text-transform:uppercase; font-size:13px; line-height:16px; font-weight:bold;
-moz-box-shadow: 0 0 1px 1px #FFF;
-webkit-box-shadow: 0 0 1px 1px #FFF;
box-shadow: 0 0 1px 1px #fff;
cursor:pointer; cursor:hand;
}
#game_ownership .item:hover { background-color:#fff; color:#000;  }
#game_ownership .items .active { background-color:#fff; color:#000; }
#game_ownership .footer a { color:#000; font-weight:bold; }
.gamesubs .row { height:36px; background-color:#eee; margin-bottom:10px; line-height:36px;  }
.gamesubs .row span.arrow { color:#fff; float:left; width:26px; text-align:center; height:100%; background-color:#0F4E8E; }
.gamesubs .row span.rest { padding:0px 5px; width:100%; }
.gamesubs .active { background-color:#84CAFF; font-weight:bold; }
.gamesubs .active a { color:#283642; display:inline-block;  }
.gamesubs .active:hover { background-color:#ff9e2d;}
.gamesubs .active:hover span.arrow { background-color:#ED6731; }
.gamesubs .active:hover a { color:#000; }
.gamesubs .row a { font-weight:bold; }
.smallblock { width: 50%; float:left;}
.smallblock .inner {     background-color: #E5ECEF;
-moz-box-shadow: inset 0px 0 10px -2px #aaa;
-webkit-box-shadow: inset 0px 0 10px -2px #aaa;
box-shadow: inset 0px 0 10px -2px #aaa;
 }
.smallblock .thumb { width: 100%;
        height:75px;
    position: relative;
    overflow: hidden;
    border: 0px solid #fff;
}
.smallblock .thumb .img { position:absolute; width:100%;
    top:0;
    bottom:0;
    margin:auto;
        -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
        left:0;
}
.smallblock .videoplay {
        position: absolute; top:0; left:0;
        height:100%; width:100%; z-index:10;
        background: url('/images/videoplay.png') center center no-repeat;
}
.smallblock .title {     font-style: italic;
    font-weight: bold;
    padding: 5px;
    height: 48px;
        font-size:1.1em;
        overflow:hidden;
}
#gamebox { background-color:#eee; padding:5px; }
#gamebox .review { color:#5B229C; }
#gamebox .left { width:49%; margin-right:1%; float:left; }
#gamebox .right { width:49%; margin-left:1%; float:right; }
#gamebox .sc-field { width:96%; padding:1%; border:1% solid #779; }
#gamebox a { font-weight:bold; text-decoration:underline; }

.guide-box { margin-bottom:10px; }
.guide-box .box-header { background-color:#0F4E8E; color:#fff; padding:2px 6px; font-size:1.2em; height:30px; line-height:30px;}
.guide-box .box-header a{ color:#fff; }
.guide-box .box-contents img { float:right; max-width:200px; width:40%; margin-top:5px; margin-left:5px; }
.guide-box .box-contents a { background-color:#ED6731; padding:2px 4px; color:#000; font-weight:bold; }

.review_stars { background-color: #222;
    padding: 5px 2px 0 2px;
    border-radius: 4px;
}
.relateditems { padding:4px; font-size:0.8em; background-color:#def; }
.relateditems a { display:block; font-weight:bold; }

#relatedButt {
  vertical-align:top;
  width:76px;height:16px;
  transform:rotate(-7deg);
  -ms-transform:rotate(-90deg); /* IE 9 */
  -moz-transform:rotate(-90deg); /* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari and Chrome */
  -o-transform:rotate(-90deg); /* Opera */
        position:fixed;
right:-32px;
bottom:25%;
background-color:#345678; border:1px solid #123456; color:#fff; opacity:0.8;
border-radius:4px 4px 0 0;
line-height:14px; font-size:12px;
padding:2px 3px;
z-index:10;
}
.submit-button { float:left; width:48%; margin:1%; background-color:#56789a; border:1px solid #345678; border-radius:3px;
color:#fff; font-weight:bold; padding:4px; }

.guide_backlink { background-color:#000; color:#fff; font-size:11px; height:70px; line-height:14px; display:table; width:100%;  }
.guide_backlink .logo { display: table-cell;
    vertical-align: middle;  }
.guide_backlink .text { margin-left:200px; box-sizing:border-box; padding:8px;     display: table-cell;
    vertical-align: middle; }

#newQuestionBox { 
    background-color: #eee;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #ed6731;
}
#questionFilter {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em;
    color: #333;
    border-radius: 1px;
    font-style: italic;
    border: 2px solid #ed6731;
}

.wiki_contents .highlight { padding:4px; }
.wiki_contents .hl-blue { background-color: rgba(165, 205, 245, 0.5); }
.wiki_contents .hl-red { background-color: rgba(255, 91, 91, 0.5); }
.wiki_contents .hl-yellow { background-color: rgba(242, 243, 102, 0.5); }
.wiki_contents .hl-green { background-color: rgba(132, 243, 117, 0.5); }


/* Supercheats.com sticky player overrides test from 6/20 - 6/27 */
iframe.is-sticky-right-bottom {	right: 20px !important;	bottom: 20px !important;}
@media (min-width: 769px) {	
	.close-btn-right-bottom{		right: 16px !important;		bottom: 215px !important;	}
}
@media (max-width: 768px) {	
	.close-btn-right-bottom{		right: 15px !important;		bottom: 104px !important; 	}
}

@media (min-width: 480px) {
	#game_rating { width:50%; float:left; }
	#game_ownership { width:50%; float:right;
	margin-top:2px;
	}
	.smallblock .thumb {
    	height: 150px;
	}
	.newsrating .items { display:inline-block; }
	.half-width-column { width:48%; margin:1%; float:left; }
	.lefthalf { float:left; width:49%; margin-right:1%; }
	.righthalf { float:right; width:49%; margin-left:1%; }
	.side-column .thumbBlock { width:50%; float:left;}
	.newsitem { font-size:14px; width:32%; padding:0px; padding-right:2%; }
	.latestindexitems .highlight .newsitem { width:23%; padding:4px 1%; }
	.latestindexitems .newsitem:nth-of-type(3n+0) { padding-right:0px; }
	.latestindexitems .highlight .newsitem:nth-of-type(3n+0) { padding-right:1%; }
	.guideitems .newsitem:nth-of-type(3n) { padding-right:0px; }
	.side-column .article {
  	width: 44%; float:left; margin:3%}
	.account_quad { float:left; width:25%; }
	.blog-links .leftbit { float:left; }
	.blog-links .rightbit { float:right; }
	.page_left .thumbBlock { width:33.3%; padding:4px; }
	ul.switch-tabs li a {
        font-size:0.9em;letter-spacing:1px;
	}
	.newsblock { float: left;
    	width: 48%;
    	padding: 1%;
	}
	.newsblock .thumb {   
    height: 130px;
	}
	.newsblock-wide { 
        }
        .newsblock-wide .thumb {
        }
}
@media  (min-width: 560px) {
	.guide_backlink { font-size:12px; line-height:18px; }	
}

@media (min-width: 750px) {
	#relatedButt,#relatedClose { display:none; }
	.nextlinkblock { background-color:#233445; line-height:22px; color:#9cc6f0; text-align:left; font-weight:bold;
	display:block;
        background-image:url(https://www.supercheats.com/images/questionbubble.png);
        padding:2px 70px 3px 6px;
	margin-bottom:6px;
        background-position: right top;
        background-repeat:no-repeat;
	}
	.nextlinkblock a { color:#54ACEF;}
	#scrollShare { margin-right:320px; width:100%; z-index:999; }
	.page_left .thumbBlock { padding:5px; }
	.side-box-300-highlight { width:300px; }
	#guidePageMenu { width:100%; background-color:none;  }
	.game_left #latest_articles { display:block; }
	.side-column { width:300px; margin-bottom:10px; }
	.side-column .thumbBlock { float:none; width:100%; }
	.side-column .article { float:none; width:100%; margin:0px auto;; }
	.account_menu { width:150px; float:left; }
	.account_main {  margin-left:150px; border-left:2px solid #999; padding:8px; position:relative; }
	.account_menu .menulink { display:none; }
	#account_menu { display:block; }
	.account_menu ul li { width:100%;float:none; }
	.sideexpand { }
	.sideexpand .item { position:relative;}
	.sideexpand .item .heading { font-weight:bold;  padding:6px; border-top:1px solid #888;   }
	.sideexpand .item:hover .heading { background-color:#60b0b9; color:#444;  }
	.sideexpand .item .showarea { display:none; position:absolute; left:-430px; top:0px; width:410px;
        	line-height:1.5em;font-weight:bold;
        	border-top:1px solid #888; border-left:1px solid #888;
        	background-color:#ddd; border-radius:10px 0 0 10px;
        	padding:10px;
        	-moz-box-shadow: -3px 3px 10px -4px #000;
	-webkit-box-shadow: -3px 3px 10px -4px #000;
	box-shadow: -3px 3px 10px -4px #000;
	background-color: #60b0b9;
	}
	.sideexpand .item:hover .showarea { display:block; }
	#guidePageMenu { margin-bottom:15px; text-align:left; display:block; position:relative; border-left:0px; height:auto; }
	#guidePageMenu .box-header { padding:8px; background-color:#bbb; font-weight:bold; margin-top:0px; }
	#guidePageMenu .box-contents { padding:2px; }

	#guideMenuLink { display:none; }
}

@media (min-width: 950px) {
	.account_menu { width:200px; }
	.account_main { margin-left:200px;  }
	.sideexpand .item .showarea { left:-630px; top:0px; width:610px; }
	
}

@media (max-width: 749px) {
	.relatedBox {
	position: fixed;
    right: -300px;
    top: 20%;
    width: 280px;
    z-index: 20;
    -moz-box-shadow: 0 0 10px -1px #000;
    -webkit-box-shadow: 0 0 10px -1px #000;
    box-shadow: 0 0 10px -1px #000;
	}
	#relatedClose { float:right; }
}
