/* Moved to main_frame.css because we still have old layout pages
@font-face {
  font-family: 'FontAwesome';
  src: url('/lay/fontawesome-webfont.eot?v=4.3.0');
  src: url('/lay/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/lay/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/lay/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/lay/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/lay/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/


/*
Yes, it's a long file. If we ever come close to this limit....
http://www.thecssdiv.co.uk/2009/08/another-weird-ie6-bug/
... we'll need to make this file shorter somehow. Maybe split it into several smaller files.
*/

h1 {
	font-size: 30px;
}
h2, h3 {
	font-size: inherit;
}

#ads_top2.blowout{
	width: 100% !important;
	height: 995px !important;
	position: absolute;
	top: -207px;
	left: 0;
	z-index: 500;
}

/*
Petter and I have agreed to make text links stand out from normal text by giving them stronger colors. Normal text should always be slightly gray, while links can be completely black (or white, depending on the background color). For variation, we can also use other colors in some places, like cyan (#0ae). This is a general rule, and should consistently applied all over the site!
*/
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

meter {
	display: none; /* until browsers add better support for styling, we'll just put an invisible meter on the page for semantic purposes, and show a picture instead */
}


#ads_top2 {
/* 	height: 90px; */
}

#wrap4portraitad {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}

#mobileext {
	display: none;
}

/* WIDELY RE-USED CLASSES */

.colwide {
	float: left;
	width: 665px;
	display: table-cell;
}
.colwide_mrgn {
	width: 650px;
	margin-left: 15px;
}
.colthin {
	float: right;
	width: 335px;
	display: table-cell;
}
.colfull_pad {
	width: 100%;
	padding: 0 15px 0 15px;
	box-sizing: border-box;
	overflow: auto;
	zoom: 1;
}
.clearfix {
  overflow: auto;
  zoom: 1;
}

.ecopa_mobile_header {
	display: none;
}

.username {
	font-weight: bold;
}

.menu-active-close {display:none;}
.grlogo2 {display:none;}

#navmain .l .ws .menumorerwd {
	display: none;
}

.hbar1wrapper{
	display:table;
	width:100%;
	background-color: #444;
}

.hbar1 { /* remember to keep the padding in sync with ul.tabmenu */
	background-color: #444;
	color: #ddd;
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", 'TeXGyreHeros', Helvetica, Arial;
	font-weight: normal;
	font-size: 13px;

	padding: 9px 9px 10px 15px; /*10px 10px 12px 16px;*/
	background-image: url('/lay/redesign/grey_up.png');
	background-position: 49px bottom;
	background-repeat: no-repeat;
}
.hbar1.nosortbar {
	background-image: url('/lay/redesign/white_up.png');
}
.uppercase {
	text-transform: uppercase;
}

h2 .hbar1 {
	margin-top: 0px;
}

.groupmychildren h2.hbar1 { /* only needed for users without javascript. this element will be deleted by jquery and replaced with ul.tabmenu */
	margin-top: 15px;
}

.hbar2 {
	background-color: #444;
	color: #ddd;
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 13px 10px 13px;
	text-transform: uppercase;

}

.hbar2b {
	background-color: #ddd;
	color: #444;
	-webkit-font-smoothing: subpixel-antialiased; /* reset the rule from above */
}
.hbar2 a {
	color: #fff;
}

/* JWPLAYER MINIMIZE + FLOAT CSS */

/* .player-container {
	background-color: black;
	float: left;
    width: 100%;
	margin: 20px 20px 10px 0;
}

.player-minimize .player-position {
	background-color: white;
	border-radius: 2px;
	bottom: 20px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	left: 20px;
	padding: 7px;
	position: fixed;
	width: 300px;
	z-index: 1;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.jwplayerTest {
	height: 100%
}

.closeJwplayerCollapsed {
    height: 1rem;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    padding: .5rem 1rem;
    background: rgba(0, 158, 227, 0.58);
    border-radius: 2px 2px 0 0;
    animation: playerMiniTitleExpandUp .15s ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    position: relative;
	display:none;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.visibleClose {
	display: block;
}

.player-mini__action {
    fill: black;
	top: -5px;
    right: 15px;
    cursor: pointer;
    position: absolute;
    margin: auto;
}

.icon {
    line-height: 1rem;
} */

/* END OF JWPLAYER MINIMIZE + FLOAT CSS */

/* JWPLAYER INSIDE TEXT */

.external_div_video_ES {
	width: auto; 
	margin: auto;
}

.external_div_video-hide_ES {
	display:none;
}

/* END OF JWPLAYER INSIDE TEXT*/

.hbar2c {
	background-color: #0ae;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 13px 10px 13px;
	text-transform: uppercase;
}

.hbar3 {
	background-color: #444;
	-webkit-font-smoothing: antialiased;
	color: #ddd;
	padding: 10px 10px 12px 16px;
}
.hbar3 h2 {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-weight: 700;
	font-size: 25px;
	display: inline-block;
	padding-right: 10px;
}
.hbar3 p {
	font-family: "Helvetica Neue", 'TeXGyreHeros', Helvetica, Arial;
	font-size: 11px;
	display: inline;
}

.hbar4 {
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 25px;
	color: #444;
	padding-top: 7px;
	padding-bottom: 7px;
}

.boxbody {
	float: left;
	padding: 2% 4% 4% 4%;
	width: 92%;
	margin-bottom: 4%;
	background-color: #ddd;
	color: #444;
	font-family: "Helvetica Neue", 'TeXGyreHeros', Helvetica, Arial;
	font-size: 13px;
	line-height: 17px;
	
}
.boxbody2 {
	background-color: #222;
	color: #ddd;
	-webkit-font-smoothing: antialiased;
}
.boxbody3 {
	background-color: #444;
	color: #ddd;
	-webkit-font-smoothing: antialiased;
}
.boxbody4 {
	padding: 15px;
	background-color: #444;
	color: #fff;
	font-family: "Helvetica Neue", 'TeXGyreHeros', Helvetica, Arial;
	font-size: 14px;
}

.boxbody4 .author {
	margin-bottom: 5px;
	font-size: 18px;
}

.commentsbox {
	float: right;
	margin-top: 3px;
	margin-left: 4px;
	padding-bottom: 4px;
	background-image: url('/lay/redesign/comment_arrow.gif');
    background-position: 6px bottom;
    background-repeat: no-repeat;
}

.commentsbox_rwd {
	float: right;
	margin-top: 3px;
	margin-left: 4px;
	padding-bottom: 4px;
    background-position: 6px bottom;
    background-repeat: no-repeat;
}

.commentsbox a {
	font-size: 10px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	display:block;
	background-color:#0ae;
	padding:2px 6px 2px 6px;
	color: #fff;
}
.usersignature {
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 11px;
	border-top: 1px solid #CCC;
	margin-bottom: -10px;
}

.credits .commentsbox {
	margin: 10px 0px;
}

.credits .commentsbox a {
	color: #fff;
}

.click2expand {
	padding-right: 16px;
	height:19px;
	float:right;
	padding:5px 6px;
	text-transform: uppercase;
	font-size:11px;
	color: #009EE3;
	cursor:pointer;
}

.click2expand_select{
	border-radius: 6px 6px 0 0;
	background-color: #dddddd;
	color: #444444;
	cursor:default;
}
.click2expand:hover {
	text-decoration: underline;
}
.click2expand_select:hover {
	text-decoration: none;
}

/* END OF WIDELY RE-USED CLASSES */



/* START PAGE */

#bigsplash {
	display: block;
	margin: 0px 15px 15px 15px;
	width: 970px;
	height: 320px;
	overflow: hidden;
	position: relative;
}
#bigsplash .bigsplashArticleWrapper {
	width: 6790px; /* 970px * 7 which is the max number of splashes */
	position: absolute;
}
#bigsplash article {
	width: 970px;
	height: 320px;
	float: left;
	cursor: pointer;
}
#bigsplash img {
	width: 670px;
	height: 320px;
	float: left;
}
.bigsplashbg {
	background-color: #111;
	-webkit-font-smoothing: antialiased;
	float: right;
	width: 300px;
	height: 320px;
	position: relative;
}
.bigsplashtxt {
	color: #fff;
	width: 260px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#bigsplash h2, #bigsplash .texttype {
	font-size: 28px;
	line-height: 29px;
	letter-spacing: -1px;
}
#bigsplash h2 {
	font-family: "Helvetica Neue", 'TeXGyreHeros', arial;
	font-weight: bold;
}
#bigsplash .texttype {
	font-family: 'TeXGyreHeros', arial;
	font-weight: normal;
	color: #999;
	padding: 0px 0px 20px 0px;
}
#bigsplash h2 a {
	color: #fff;
}
#bigsplash p {
	font-family: 'TeXGyreHeros', arial;
	font-size: 13px;
	line-height: 17px;
	color: #ccc;
}

/*
650 = imgwidth * numimgs + margin * (numimgs-1)
try to find solutions with nice integer numbers, no fractions
650 =  149 * 4 + 18 * (4-1)
650 =  152 * 4 + 14 * (4-1)
650 =  114 * 5 + 20 * (5-1)
650 =  118 * 5 + 15 * (5-1)
650 =  122 * 5 + 10 * (5-1)
650 =   95 * 6 + 16 * (6-1)
650 =  100 * 6 + 10 * (6-1)
650 =   80 * 7 + 15 * (7-1)
650 =   86 * 7 +  8 * (7-1)
650 =   69 * 8 + 14 * (8-1)
650 =   76 * 8 +  6 * (8-1)

(650 - margin * (numimgs-1)) / numimgs = imgwidth
(650 - 18 * (4-1)) / 4 = ?

SPLAsh SWItcher
*/
.splaswi {
	margin: -5px 0px 20px 15px;
	overflow: hidden;
	clear: both;
	position: relative;
}
.splaswi a {
	display: block;
    float: left;
	margin-top: 5px;
	outline: none;
	cursor: pointer;
}
.splaswi img {
	float: left;
}
.splaswi .fra {
	pointer-events: none; /* allows click through to the image beneath */
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	background-image: url('/lay/redesign/blue_up.png');
	background-repeat: no-repeat;
	background-position: center top;
}
.splaswi .fra div {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	border: 1px solid #0ae;
}
.splaswi a:first-child {
	margin-left: 0px;
}
.splaswi5 a {
	margin-left: 15px;
}
.splaswi6 a {
	margin-left: 16px;
}
.splaswi7 a {
	margin-left: 15px;
}
.splaswi5 img, .splaswi5 .fra, .splaswi5 .fra div {
	width: 118px;
	height: 87px;
}
.splaswi6 img, .splaswi6 .fra, .splaswi6 .fra div {
	width: 95px;
	height: 69px;
}
.splaswi7 img, .splaswi7 .fra, .splaswi7 .fra div {
	width: 80px;
	height: 58px;
}



.leftbox {
	margin: 0px 0px 0px 15px;
}

.colthin .rightbox {
	width: 315px;
	/* margin-top: 15px; */
	margin-left: 20px;
}

.leftbox section {
	/*margin: 0px 0px 15px 0px;*/
	clear: both;
        border-top: 3px solid #ddd;
        margin-top: -40px;
}


ul.tabmenu { /* remember to keep the padding in sync with .hbar1 */
	padding: 0px 0px 0px 5px;
	background-image: none;
	padding-left: 5px;
	list-style: none;
	overflow: hidden;
}
ul.tabmenu li {
	float: left;
	padding: 9px 0px 10px 0px;
	cursor: pointer;
	color: #fff;
}
ul.tabmenu li:hover {
	/* ajax link = no underline */
	color: #54c9f4; /* #0ae mixed with white */
}
ul.tabmenu li.selected {
	background-image: url('/lay/redesign/grey_up.png');
	background-position: 50% bottom;
	background-repeat: no-repeat;
}
ul.tabmenu li span {
	border-left: 2px solid #777;
	padding: 0px 10px;
}
ul.tabmenu li:first-child span {
	border-left: none;
}

.sortbar {
	background-color: #ddd;
	color: #999;
	font-size: 0.9em;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	line-height: 19px;
	min-height: 6px;
	display: none;
	padding: 0.4em;
	text-transform: capitalize;
        margin-top: 37px;
}

.sortbar.nosortbar {
	background-color: inherit;
}

.sortbar a, .sortbar span {
	color: #666;
	cursor: pointer;
	text-decoration: none;
	padding: 0.8em;
	display: inline-block;
}
.sortbar a:hover {
	/* normal link = underline */
	text-decoration: underline;
}
.sortbar span:hover {
	/* ajax link = no underline */
	color: #08b; /* same hue and saturation as #0ae, but darker */
}
.sortbar .selected {
	background-color: #eee;
}


.artistyle1 article {
	clear: both;
	overflow: hidden;
	margin: 14px 0px;
}

.artistyle1 article img {
	float: left;
	width: 118px;
	height: 87px;
	margin-top: 3px;
	margin-right: 12px;
}

.redicon {
    position: absolute;
    display: none;
    top: -10px;
    right: 12px;
    min-width: 25px;
    min-height: 25px;
    border-radius: 50px;
    background-color: rgb(0, 0, 0);
    color: white;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    border-color: black;
    border-style: groove;
    font-size: 1em;
}

@media screen and (max-width: 600px){
	.redicon{
		min-width: 20px;
		min-height: 20px;
		font-size: 11px;
		line-height: 20px;
		top: -8px;
		right: 9px;
	}
}

@media screen and (max-width: 400px){
	.redicon{
		min-width: 15px;
		min-height: 15px;
		font-size: 9px;
		line-height: 15px;
		top: -5px;
		right: 4px;
	}
}

/* .imageInter img  { */
	/* float: left; */
    /* width: 38px; */
    /* height: 20px; */
    /* margin-top: -3px; */
    /* margin-right: 2px; */
/* } */

.artystile1 .share-count-image {
	height: 18px;
    background-image: none;
    background-position: 6px bottom;
    background-repeat: no-repeat;
}

.commentsbox.share-count-image {
    background-image: none;
}

.artistyle1 .share-count-image a {
	background-color: rgba(255, 255, 255, 0);
    position: relative;
    top: -30px;
    height: 15px;
}

.share-count-image-start a {
	background-color: rgba(255, 255, 255, 0);
    position: relative;
    top: -30px;
    height: 15px;
}

.commentsbox.share-count-image-start {
	height: 18px;
    background-image: none;
    background-position: 6px bottom;
    background-repeat: no-repeat;
}

.commentsbox.share-count-image-start .label-count {
    position: relative;
    left: 8.9px;
    bottom: 15.5px;
    font-weight: bold;
    font-size: 10px;
    /* color: black; */
    width: 40px;
    text-align: center;
}

.share-count-image-textList a {
	background-color: rgba(255, 255, 255, 0);
    position: relative;
    top: -30px;
    height: 15px;
}

.commentsbox.share-count-image-textList {
	height: 18px;
    background-image: none;
    background-position: 6px bottom;
    background-repeat: no-repeat;
}

.commentsbox.share-count-image-textList .label-count {
    position: relative;
    left: 8.9px;
    bottom: 15.5px;
    font-weight: bold;
    font-size: 10px;
    /* color: black; */
    width: 40px;
    text-align: center;
}

/* GAMEDATABASE INTERACTION CSS */

#relatedReviewsWrapper .commentsbox.share-count-image .label-count {
	position: relative;
    left: 8px;
    bottom: 16px;
    font-weight: bold;
    font-size: 10px;
    color: black;
    width: 40px;
    text-align: center;
}

#relatedTextsWrapper .commentsbox.share-count-image .label-count {
	position: relative;
    left: 8px;
    bottom: 16px;
    font-weight: bold;
    font-size: 10px;
    color: black;
    width: 40px;
    text-align: center;
}

.artistyle1 article img.movie {
	width: 67px;
}
.artistyle1 article h3 {
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}
.artistyle1 article a h3 {
	display: inline;
	/*margin-left: 130px; /* image width + image margin-right */
}
.artistyle1 article p {
	width: 520px; /* so if the text is long and wraps, it doesn't end up below the picture */
	float: right;
}
.artistyle1 article p.movie {
	width: 571px; /* because the img.movie is smaller, the p should be wider */
}

.artistyle1 article p, .bloglist article p, .forumlist article p, .textcomments article p, .urev article p {
	margin: 6px 0px 0px 0px;
}
/* NB! If you change font-size, line-height or max-height of this p or h3, remember to also change the corresponding jQuery code! */
.artistyle1 article p, .rightbox article p, .leftbigtext p, #startpageEditBox textarea {
	color: #444;
	font-size: 13px;
	line-height: 1.32em;
	max-height: 3.96em; /* line-height x 3 so we never cut off the bottom of characters */
	/*max-height: 3.96em; /* line-height x 3 so we never cut off the bottom of characters */
	overflow: hidden;
    text-overflow: ellipsis; /* not well supported in browsers today, but probably in the future */
    -o-text-overflow: ellipsis;
	font-family: 'TeXGyreHeros', arial;
}

.artistyle1 .imgrow {
	clear: both;
	margin: 16px 0px 0px 0px;
	overflow: hidden;
}
.artistyle1 .imgrow a {
	position: relative;
	margin-left: 15px;
	float: left;
	color: #fff;
}

.artistyle1 .imgrow a:first-child {
	margin-left: 0px;
}
.artistyle1 .imgrow .thumb {
	width: 206px;
	height: 137px;
}

.artistyle1 .imgrow.cols4 .thumb {
	width: 232px;
	height: auto;
}

.artistyle1 .imgrow .count {
    background-color: #0ae;
    font-family: "Helvetica Neue",'TeXGyreHeros',arial;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    padding: 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
	text-decoration: inherit;
}
.artistyle1 .imgrow .count strong {
    display: block;
    font-size: 15px;
}
.artistyle1 .imgrow h3 {
	/* for IE8, is going to be without transparency but at least shows the correct color*/
	/* http://css-tricks.com/ie-background-rgb-bug/ */
	background: rgb(51, 51, 51);
    background: rgba(51, 51, 51, .9);

    position: absolute;
    bottom: 3px;
    margin: 0;
    padding: 8px 10px;
    width: 186px;
    font-family: "Helvetica Neue",'TeXGyreHeros',arial;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3;
	transition: all 0.5s ease-out 0s;
}

.artistyle1 .imgrow.cols4 h3 {
	width: 212px;
}

.artistyle1 .imgrow a:hover {
    text-decoration: underline;
}
.artistyle1 .imgrow a:hover h3 {
	background-color: rgba(0, 0, 0, 1.0);
}


/* extends artistyle1 */
.artistyle2 article {
    border-bottom: 3px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 13px;
    min-height: 120px;
}
.artistyle2 article img {
	width: 145px;
	height: 107px;
}
.artistyle2 article h3 {
	font-size: 18px;
	line-height: 22px;
}
/*
.artistyle2 article a h3 {
	margin-left: 97px;
}
*/
.artistyle2 article p {
	width: 493px;
}

.artistyle2 article p.movie {
	width: 555px; /* because the img.movie is smaller, the p should be wider */
}

.artistyle2 .systems {
	color: #666;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 13px;
}

.areview {
	position: relative;
}

.artistyle2 .areview .systems {
	margin-top: 4px;
}

.artistyle1 img.score {
	width: auto;
	height: auto;
}
/*
.areview h3 {
	margin-left: 140px !important;
}
*/
.areview .publishauthor {
	/* image width + image margin-right + areview h3 margin-left
	85 + 12 + 44
	margin-left: 140px; */
}
.artistyle2 .publishauthor {
	/*clear: right; */
	float: right;
	width: 493px;
	padding-top: 16px;
}




.readmorebox {
	clear: both;
	display: block;
	font-size: 11px;
	line-height: 22px;
}
.leftbox .readmorebox {
	background-color: #0ae;
	padding: 0px 0px 0px 6px;
}
.leftbox .readmorebox a {
	color: #fff;
}
.rightbox .readmorebox a {
	color: #0ae;
}

.leftbigtext {
	margin: 15px 0px 25px 15px;
	clear: both;
}
.leftbigtext .texttype {
	background-color: #444;
	color: #ddd;
	/* or #333 #ccc could also work */
	font-family: "Helvetica Neue", Helvetica, Arial;
	letter-spacing: normal;
	font-size: 11px;
	padding: 6px 0px 6px 10px;
	/*font-size: 10px;
	font-weight: 700;
	padding: 4px 0px 4px 7px;*/
}
/*.leftbigtext img {
	display: block;
}*/
.leftbigtext h2 {
	font-family: 'TeXGyreHeros', arial;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 23px;
	line-height: 26px;
	padding: 8px 0 0 0;
	color: #666;
}
.leftbigtext h2 a {
	color: #000;
	font-family: 'TeXGyreHeros', arial;
	font-weight: bold;
	letter-spacing: -1px;
	margin-right: 0.3em;
}
.leftbigtext p {
	margin-top: 7px;
}


/* because we don't use the sortbar here, we want a white arrow instead of gray */
#tabmenu1 li.selected {
	background-image: url('/lay/redesign/white_up.png');
}
.popgames ol {
	color: #555;
	list-style-type: none;
	margin-top: 12px;
	overflow: hidden;
	margin-top: 3em;
    margin-left: 0;
}
.popgames ol .odd {
	background-color:#eee;
}
.popgames .article {
	width: 458px;
	float: right;
	padding: 10px;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.popgames .article h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 4px;
}
/*
.popgames h3 span {
	color: #0ae;
}
*/
.popgames .firstgame {
	width: 148px;
	float: left;
	padding: 0px;
}
.firstgame h3 {
	margin-top: 3px;
}
.firstgame ul {
	list-style-type: none;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}
.popgames .score {
	float: right;
	max-width: 34px;
	height: 30px;
	margin-right: 3px;
	margin-top: 2px;
}
.popgames .readmorebox {
	clear: none;
	width: 472px; /* .popgames .article width plus its padding minus .leftbox .readmorebox padding */
	float: right;
	margin-top: 10px;
}


.rbreakout {
	background-image: url('/lay/redesign/right_box_header_arrow.png');
	background-position: right 38px;
	background-repeat: no-repeat;
	width: 1005px;
}

.feeds .rbreakout, .blogs .rbreakout{

	background-position: right top;
}

#user_tv_widget_wrapper .rbreakout {
    background-position: right 38px;
}

.lbreakout {
    background-image: url('/lay/redesign/left_box_header_arrow.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-position-x: -0.9%;
}

.sponsored {
	text-align: right; 
	margin-top: 2%; 
	margin-bottom: 2%;
	display: block;
}
.sponsor{
	border-top:1px solid #00aeef;
	border-bottom:1px solid #00aeef;
	padding: 10px 0 10px 0;

}
.ad_text{
	border-top:1px solid #00aeef;
	border-bottom:1px solid #00aeef;
	padding: 10px 0 10px 0;
	background-color: #e2e2e2;

}

.colthin .rbreakout, .colthin .rbreakout2 {
	width: 335px;
}
.rightbox ul.tabmenu {
	width: 330px; /* width from .colthin .rbreakout - 5px padding from ul.tabmenu */
}
.rbreakout .sortbar, .rbreakout2 .sortbar {
	margin: 0px 20px 0px 0px;
	position: relative;
}
.rbreakout2 .hbar1 .pull-right {
	float: right;
	margin-right: 25px;
}
.rbreakout2 .sortbar .stretch {
	overflow: hidden;
}
.rbreakout2 .sortbar.noheight {
	height: auto;
}
.rbreakout2 .sortbar:after {
	background-image: url('/lay/redesign/right_box_header_arrow.png');
	content: "nothing";
	font-size: 0px;
	height: 19px;
	position: absolute;
	right: -20px;
	width: 20px;
	top: 0px;
}
.rbreakout2 .sortbar label {
	margin: 4px 10px;
}
.rbreakout2 .sortbar input {
	margin: 4px 6px;
}
.rbreakout2 .sortbar input[type="text"] {
	height: 23px;
	width: 100%;
}
.rbreakout2 .sortbar input[type="submit"] {
	float: right;
}
.rightbox .content {
	margin-right: 15px;
}
.rightbox article {
	clear: both;
	overflow: hidden;
}
.dottedlist article {
	padding: 9px 0px 12px 0px;
	border-bottom: 1px dotted #ddd;
}
.dottedlist article img {
	float: left;
	width: 70px;
	height: 68px;
	margin-right: 10px;
	margin-top: 3px;
}
.dottedlist article p {
	width: 220px;
	float: right;
	word-wrap: break-word;
}
.rightbox article h3 {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-weight: bold;
}
.dottedlist article h3 {
	font-size: 14px;
	display: inline;
}
.letterlist article h3 {
	margin-top: 12px;
	font-size: 12px;
}
.letterlist .readmorebox {
	margin-top: 10px;
}
.livefeed article p {
	float: none;
	display: inline;
}
.artistyle3 {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	clear: both;
}
.artistyle3 .content {
	overflow: hidden;
	margin-top: 14px;
}
.artistyle3 .content.nosortbar {
	margin-top: -5px;
}
.artistyle3 article {
	clear: none;
	float: left;
	margin-left: 14px;
	width: 232px;

	position: relative;
/*
970 = imgwidth * numimgs + margin * (numimgs-1)
try to find solutions with nice integer numbers, no fractions
(970 - margin * (numimgs-1)) / numimgs = imgwidth
(970 - margin * (4-1)) / 4 = imgwidth
(970 - 20 * 3) / 4 = 227.5000
(970 - 19 * 3) / 4 = 228.2500
(970 - 18 * 3) / 4 = 229
(970 - 17 * 3) / 4 = 229.7500
(970 - 16 * 3) / 4 = 230.5000
(970 - 15 * 3) / 4 = 231.2500
(970 - 14 * 3) / 4 = 232
(970 - 13 * 3) / 4 = 232.7500
(970 - 12 * 3) / 4 = 233.5000
(970 - 11 * 3) / 4 = 234.2500
(970 - 10 * 3) / 4 = 235
*/
}
.artistyle3 .slick-slide {
	position: relative;
	margin-top: 14px;
}
.artistyle3 .slick-slide a {
	display: block;
	margin-right: 15px;
}
.artistyle3 article:first-child {
	margin-left: 0px;
}
.artistyle3 .slick-slide {
	position: relative;
	margin-top: 14px;
}
.artistyle3 .slick-slide a {
	display: block;
	margin-right: 15px;
}
.artistyle3 img {
	width: 232px;
	height: 130px;
	margin-bottom: 3px;
}
.artistyle3 article h3, .artistyle3 .slick-slide h3 {
	font-size: 14px;
	display: inline;
}
.artistyle3 article time, .artistyle3 .slick-slide time {
	display: block;
	font-size: 10px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: bold;
	color: #666;
}


/*
Play button for mouse over
*/

a .button, span .button
{/*For very generic play button.*/
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/lay/grtv_play.png');

	position: absolute;
	width: 100%;
	height: 40px;
	top: 0;
	margin-top: 45px;
}
a .button.placard, span .button.placard {
	width: 670px;
	height: 320px;
	top: auto;
	margin-top: 0;
}
a .button.list {
	width: 118px;
	height: 87px;
	top: auto;
	margin-top: 0;
}
a .button.list2 {
	width: 145px;
	height: 107px;
	top: auto;
	margin-top: 0;
}
a .button.list3 {
	width: 206px;
	height: 120px;
	top: auto;
	margin-top: 0;
}
a:hover .button, span:hover .button
{ /*For very generic play button*/
	background-image: url('/lay/grtv_play_hover.png');
}

/* New method for play button */
.button-play {
	display: inline-block;
	position: relative;
}
.button-play:before {
	display: block;
	content: url(/lay/grtv_play.png);
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}
.button-play:hover:before {
	content: url(/lay/grtv_play_hover.png);
}

.artistyle3 article .grtv-play .button, .artistyle3 .slick-slide .grtv-play .button, .embedVideo .button, .breadtext .button {
	background-position: center center;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-image: url('/lay/grtv_play.png');
	display: inline-block;
	height: 100%;
	width: 100%;
}
.artistyle3 article .grtv-play .button:hover, .artistyle3 .slick-slide .grtv-play .button:hover, .embedVideo .button:hover, .breadtext .button:hover {
	background-image: url('/lay/grtv_play_hover.png');
}



#followbtns {
	margin: 20px;
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 10px 0px 10px 10px;
	font-size: 11px;
	line-height: 32px; /* should be the same as img height */
	color: #666;
	overflow: hidden;
	text-align: center;
}
#followbtns img {
	vertical-align: middle;
	margin-right: 6px;
	width: 32px;
	height: 32px;
}
#followbtns img.right {
	margin-right: 10px;
}

.publishauthor {
	color: #666;
	font-size: 10px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: bold;
}

.rstripefill {
	/*overflow: hidden; do it with a clearer div instead at the end, because we might want something to break out of the box */
	background-repeat: repeat-y;
	background-position: right;
	background-image: url('/lay/redesign/stripes2.png');
}
.rstripefill2 {
	float: left;
	position: relative;
	min-height: 1228px;
}

.ad300 {
	margin: 0px 15px 0px 20px;
	text-align: center;
	width: 300px;
}

.ad300m {
	margin: 0px 15px 0px 20px;
	text-align: center;
	width: 300px;
	height: 250px;
	overflow: hidden;
}

.ad300b {
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	width: 300px;
	height:600px;
	margin-left: 20px;
}

.ad600.top600, .ad600.mid600 {
       display: none;
}

.ad970 {
	clear: both;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
	background-image: url('/lay/redesign/stripes1.png');
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
.ad300 img, .ad970 img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.ad300 embed, .ad970 embed {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* FOR THE START PAGE RELEASE LIST */

.releaselist {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 11px;
	margin-top: 12px;
	margin-bottom: 13px;
}
.releaselist .odd {
	background-color: #eee;
}
.releaselist td {
	padding: 4px 6px;
}
.releaselist a {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-weight: 700;
	font-size: 12px;
}
.releaselist .date {
	white-space: nowrap;
}

.releaselist .fbubble {
	margin: -8px 0 0 -20px;
	visibility: hidden;
}

.releaseinfolink
{
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}
.buttonSend {
	padding:9px !important;
	background-color: #0ae;
	border-radius: 6px;
	height:auto;
}

.releaseinfolink a
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.releaseinfolink a:hover
{
	text-decoration: underline;
}

/* old code for a small calendar to the left, and a table to the right

.releasecalendar {
	font-size: 11px;
}

.releasecalendar table td {
	text-align: right;
}

.releasecalendar .hasGames {
	color: #0ae;
	text-shadow: 0 0 2px #54c9f4;
}

.releasecalendar .hasGames:hover {
	background-color: #ffff00;
}

.releaselist {
	font-size: 12px;
}

.releaselist tr:not(.headrow):hover {
	background-color: #ffff00;
}

.releaselist a {
	font-family: "HelveticaNeueLT Com 55 Roman", "Helvetica Neue 55 Roman", "HelveticaNeue-Roman", "Helvetica Neue Roman", arial;
	font-weight: 700;
}
*/
/* END OF THE START PAGE RELEASE LIST */


/* gamereactor nation box specific for the start page */
.colthin #grnation {
	margin: 15px 15px 0 20px;
	right: 0;
}


/* END OF START PAGE */




/* FOR THE REVIEW PAGE */

.text_view .texttype {
	text-transform: uppercase;
	background-color: #777;
	color: #fff;
	font-family: "Helvetica Neue", 'TeXGyreHeros', tahoma;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
	float: left;
	margin: 0px 2px 14px 2px;
	/*margin-bottom: 14px;*/
}

.text_view div.flir-replaced {
	padding: 4px;
}

.text_view .texttype .flir-image {
	display: block;
}

.text_view .texttype2 {
	text-transform: uppercase;
	background-color: #AAA;
	color: #fff;
	font-family: "Helvetica Neue", 'TeXGyreHeros', tahoma;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
	float: left;
	margin-bottom: 14px;
	margin-right: 2px;
}

.text_view h1 {
	clear: both;
	font-size: 33px;
    font-family: "Helvetica Neue",'TeXGyreHeros',arial;
    font-weight: bold;
    margin-top: 10px;
}

.text_view h1.noflir {
	letter-spacing: -1px;
	line-height: 31px;
}

.text_view h1 .flir-image {
	display: block;
	margin-bottom: 6px;
}

.intro {
	color: #888;
	font-size: 17px;
	line-height: 21px;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	margin-top: 1em;
}

.credits {
	color: #666;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial;
	margin-top: 13px;
	margin-bottom: 13px;
	/*overflow: hidden;*/
}
.credits a {
	color: #0ae;
}
.credits ul {
	list-style-type: none;
	display: inline;
}
.credits li {
	display: inline;
	margin-right: 10px;
}

.credits time {
	float: right;
}

.breadtext p {
	font-size: 15px;
	line-height: 20px;
	font-family: "Helvetica Neue", 'TeXGyreHeros', arial;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
	margin-right: 5px;
}

.breadtext a {
	color: #0ae;
	/* font-family: 'TeXGyreHerosBold'; no, doesn't look good in windows for font-size 12,13,14,15 */
	font-weight: bold;
	/* text-shadow: 0 0 2px #999; /* TODO: test this on my old laptop. is the performance acceptable?
	"Don't use css text-shadow on content that changes frequently. If the text-shadow is applied to some static HTML element then there is no real problem once that element has been rendered. I've found the two biggest offenders (as far as performance goes) are the blur amount of your shadows, and whether you're using any alphas (rgba, hsl, etc)." */
}
.breadtext blockquote{
	margin: 0.3em 1em 0.5em 0.5em;
	padding-left: 0.5em;
	font-size: 1.6em;
	border-left: 5px solid #00aaee;
	float: right;
	width: 40%;
	line-height: 1.4em;
	letter-spacing: 0.3px;
}

@media screen and (max-width: 480px){
	.breadtext blockquote{
		float:none;
		width: unset;
		margin-left: 0.3em;
	}
}

.breadtext blockquote > p{
	margin: 0.3em 0.6em 0.3em 0em;
}

.breadtext blockquote > br{
	margin: 0.8em 0.5em 0.5em 0.5em;
}

.breadtext cite{
	font-style: italic;
	font-size: 0.8em;
	line-height: 1em;
}

.breadtext h2 {
	font-size: 1.5em;
}

.breadtext h3 {
	font-size: 1.3em;
}

.breadtext ul, ol {
	font-family: "Helvetica Neue", 'TeXGyreHeros', arial;
	margin-left: 1.5em;
	margin-top: -1.5em;
	margin-bottom: -0.7em;
	font-size: 15px;
	line-height: 20px;
}

.breadtext h2 {
	font-size: 1.5em;
}

.breadtext h3 {
	font-size: 1.2em;
}

.imgintext {
	/*display: block;*/
	display: inline;
	/*margin-left: 0;*/
	overflow: hidden;
}
.imgintext img {
	/*display: block;*/
	/*display: inline;*/
	vertical-align: top;
}
.breadtext figcaption {
	padding: 6px 10px;
	font-size: 11px;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	background-color: #333;
	color: #ddd;
	/*margin-top: -13px;*/
	/*width: 625px;*/
}


.pageflipper {
	display: block;
	text-align: right;
	padding-top: 10px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	font-family: arial;
}
.text_view .pageflipper {
	margin-bottom: 15px;
}
.pageflipper table {
    text-align: center;
}
.pageflipper td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
}
.pageflipper td.descr {
	text-align: right;
	padding-right: 5px;
}
.pageflipper td a, .pageflipper td.current {
	border-radius: 5px;
    text-align: center;
	margin-left: 0px;
	padding: 4px 0;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}
.pageflipper td a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
.pageflipper > a {
	display: inline-block;
	border-radius: 5px;
    text-align: center;
	margin-left: 2px;
	padding: 4px 8px;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}
.pageflipper a {
	background-color: #0ae;
	display: inline-block;
}
.pageflipper a:hover {
	background-color: #54c9f4;
}
.pageflipper a.current:hover{
	background-color: #aaa;
	text-decoration: none;
	cursor: default;
}
.pageflipper .current {
	background-color: #aaa !important;
}
.pageflipper .prev a {
	background-repeat: no-repeat;
	background-position: 80%;
	background-image: url('/lay/redesign/page_prev.png');
	padding-right: 14px;
}
.pageflipper .next a {
	background-repeat: no-repeat;
	background-position: 20%;
	background-image: url('/lay/redesign/page_next.png');
	padding-left: 14px;
}
.pageflipper a.prev {
	background-repeat: no-repeat;
	background-position: 80%;
	background-image: url('/lay/redesign/page_prev.png');
	padding-right: 23px;
}
.pageflipper a.next {
	background-repeat: no-repeat;
	background-position: 20%;
	background-image: url('/lay/redesign/page_next.png');
	padding-left: 23px;
}



.boxbody .author {
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
}

.boxbody p {
	margin-top: 6px;
	padding-bottom: 7px;
	margin-bottom: 0px;
}

.scoreSplit {
	width: 50%;
	display:table-cell;
}

.scores {
	background: #7abcff; /* Old browsers */
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(top,  #7abcff 0%, #00a5e8 0%, #00729f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(0%,#00a5e8), color-stop(100%,#00729f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7abcff 0%,#00a5e8 0%,#00729f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7abcff 0%,#00a5e8 0%,#00729f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7abcff 0%,#00a5e8 0%,#00729f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7abcff 0%,#00a5e8 0%,#00729f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#00729f',GradientType=0 ); /* IE6-8 */
	margin-left: -15px;
	/*margin-bottom: 20px; */
	/*float: left; */
	padding: 10px;
	/*width: 100%;*/
}

.scores header {
	margin: 0px 15px -8px 7px;
	padding-bottom: 11px;
	background-color: #222;
	background-image: url('/lay/redesign/box_header_corner.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.scores .boxbody {
	margin: 0px 15px 0px 20px;
	padding: 0px 0px 10px 0px;
	font-size: 13px;
	color: #ccc;
}
.scores .goodbadheader {
	padding: 0 20px;
	/*color: #aaa;*/
	text-transform: uppercase;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-size: 25px;
	color: #000;
	position: absolute;
	margin-top: -15px;
	margin-left: -12px;
}

.scores .goodbad {
	padding: 0 20px 10px;
}
.scores .boxbody > meter {
	padding: 0 20px;
	font-size: 40px;
}
.scores .othercntries {
	font-weight: bold;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial;
	margin: 4px 0 0 25px;
    border-spacing: 0;
    border-collapse: collapse;
}

.scores .othercntries td {
	padding: 0 0 10px 0;
}
.scores .othercntries a {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
.scores .usreview {
	font-size: 11px;
	margin-top: 10px;
	display: block;
}

.scores .othercntries img {
	margin-right: 10px;
	vertical-align: middle;
	height: 35px; /* TODO: make score_w35_ images instead */
}

.gameinfo, .randomitems {
	margin: 0px 15px 15px 20px;
}
.gameinfo .boxshot {
	width: 108px;
	float: left;
}
.gameinfo .boxbody, #relatedtexts.smallColumn .boxbody {
	font-size: 11px;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	overflow: hidden;
}
.gameinfo .boxbody ul.infobox {
	list-style-type: none;
	width: 150px;
	float: right;
	line-height: 14px;
}
.gameinfo .boxbody li {
	margin-bottom: 5px;
}
.gameinfo .boxbody li span {
	font-weight: normal;
	color: #555;
	font-family: "Helvetica Neue", Helvetica, Arial;
}

.gameinfo .wholeReviewLink {
	padding: 4%;
	background-color: #444;
	color: #fff;
	float: left;
}

.gameinfo .wholeReviewLink a {
	color: #fff;
	margin: 0;
	padding: 0;
}
.gameinfo .buyLink {
		color:white;
		padding: 1em;
		display:inline-block;
		background-color:#47a90c;
		min-width: 100px;
		text-align: center;
		font-size: 1.1em;
	}
.gameinfo .buyLink:hover {
	text-decoration: none;
	}

.gamecollection {
	margin-bottom: 10px;
	list-style-type: none;
	font-size: 11px;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
}

.randomitems h2 {
	font-size: 18px;
}

.randomitems  article{
	padding: 15px 0px;
	/*border-bottom: 1px solid #AAA;*/
}

.randomitems article img {
	width: 100%;
	display: block;
	margin-bottom: 3px;
}

.randomitems article:last-child {
	border-bottom: none;
}

.randomitems article time {
	display:block;
}

.collection, .similars {
	margin: 0px 15px 15px 20px;
}

.similars .boxbody{
	overflow: hidden;
	/*padding: 20px 0px 5px 20px;*/
}

.similars .boxbody3 {
	padding: 0px;
	
}

.similars article {
	width: 119px;
	float: left;
	/*margin-right: 20px;
	margin-bottom: 15px;*/
	font-size: 11px;
	color: #999;
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	padding: 15px;
}

.similars article img {
	width: 120px;
}


.similars article:nth-child(odd) {
	border-right: 1px solid #CCC;
}

.similarsrow {
	border-bottom: 1px solid #CCC;
	float: left;
	width: 100%;
}

/*
.similars article:nth-child(even) {
	border-bottom: 1px solid #CCC;
}
*/

/*
260 = imgwidth * numimgs + margin * (numimgs-1)
try to find solutions with nice integer numbers, no fractions
(260 - margin * (numimgs-1)) / numimgs = imgwidth
(260 - margin * (2-1)) / 2 = imgwidth
(260 - 20) / 2 = 120
*/
.similars article a {
	color: #fff;
}
.similars article h3 {
	font-weight: 700;
	margin-top: 4px;
}

.commentslist {

	font-size: 12px;
}
.commentslist h2 {
	font-family: "Helvetica Neue", 'TexGyreHeros', arial;
	font-weight: bold;
	font-size: 16px;
	/*padding-bottom: 12px;*/
	/*border-bottom: 2px solid #ddd;*/
	margin-bottom: 15px;
}
.commentslist h2 span {
	color: #888;
}
.commentslist h2 img {
	float: right;
}
.comments article {
	margin-top: 15px;
	clear: both;
	overflow: hidden;
}
.comments #message, .section.comments #message {
	width: 100%;
	margin-bottom: 10px;
	resize: vertical;
	border: 1px solid #999;
    border-radius: 4px;
    text-indent: 5px;
}

.colwide .comments article {
	border-bottom: none;
	margin-bottom: 10px;
}

.comments .speechbubble .arrow{
	background: url('/lay/redesign/redesign_comment_arrow.png');
	height: 20px;
	margin-left: -33px;
	margin-top: 10px;
	position: absolute;
	width: 20px;
}

.comments .avatar {
	float: left;
	width: 70px;
	height: 68px;
}
.comments .speechbubble {
	width: 520px;
	float: right;
	background-color: #eee;
	padding: 20px;
}

/* override comments */
.comments .speechbubble {
	background-color: #DDD;
}

.comments .speechbubble .arrow {
	background: url("/lay/redesign/redesign_comment_arrow_ddd.png");
}

#re_loggedinbox .menumorerwd {
	display: none;
}

/*
.dsq-login-buttons {
	list-style-type: none;
}
.dsq-login-button {
	background-image: url('http://mediacdn.disqus.com/1336767989/images/themes/narcissus/login-all.png');
    display: block;
    float: left;
    margin: 0 3px 0 0;
}
.dsq-login-button a {
    display: block;
    height: 21px;
    width: 89px;
}
.dsq-login-button-disqus {
	background-position: 0 0;
}
.dsq-login-button-facebook {
	background-position: -89px 50%;
}
.dsq-login-button-twitter {
	background-position: -178px 50%;
}
.dsq-login-button-google {
	background-position: -445px 50%;
}
.dsq-login-button-openid {
	background-position: -267px 50%;
}
*/

/* END OF THE REVIEW PAGE */



/* FOR THE TEXT LIST PAGE */

.ui-slider {
	position: relative;
	margin-bottom: 40px;
	color: #000;
}

.ui-slider-range {
	position: absolute;
	line-height: 150%;
}

.ui-slider-range-inner {
	margin: 1px;
	background-color: #0ae;
	border: 1px solid #0ae;
	border-radius: 8px;
}

.ui-slider-scale {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	/*height: 2em;*/
	position: relative;
	line-height: 150%;
}

.ui-slider-scale li {
	/*position: absolute;*/
	width: 10%;
	float: left;
	text-align: center;
}

.ui-slider-label {
	display: block;
	margin: 1px;
	border: 1px transparent;
	border-radius: 8px;
	cursor: pointer;
	cursor: e-resize;
}

.ui-slider-inside .ui-slider-label {
	color: #fff;
}

.ui-slider-handle {
	position: absolute;
	width: 20px;
	height: 35px;
	background-image: url('/lay/redesign/sliderarrow.png');
	cursor: e-resize;
	/*background-color: #54c9f4;*/
}
/*range slider disable*/
.ui-slider-disabled .ui-slider-label
{
	/*border:1px solid rgb(192,192,192);*/
	cursor: default;
}
.ui-slider-disabled .ui-slider-range-inner
{
	background-color: rgb(192,192,192);
	border:1px solid rgb(192,192,192);
	cursor: default;
}
.ui-slider-disabled .ui-slider-handle
{
	background-image: url("/lay/redesign/sliderarrow_disabled.png");
	cursor: default;
}

#searchFormAdvanced #handle_minscore {
	cursor: e-resize;
	margin-left: -3px;
}

#searchFormAdvanced #handle_maxscore {
	cursor: w-resize;
	margin-left: -3px;
}

#searchFormAdvanced select {
	height: 22px;
}
#searchFormAdvanced input, #searchFormAdvanced select{
	border: 1px solid grey;
}
#searchFormAdvanced input{
	width:100%;
	height:20px;
}
#searchFormAdvanced td
{
	vertical-align:top;
}

#searchForm input[type="button"]{
	cursor: pointer;
    display: inline-block;
    padding: 5px 6px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", 'TeXGyreHeros', arial;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    border-radius: 6px;
    background-color: #009ee3;
    background-image: url(/lay/redesign/btnbg.png);
    background-position: top left;
    background-repeat: no-repeat;
    border-width: 2px;
    border-style: solid;
    border-color: #34b2e9 #0094d4 #0094d4 #34b2e9;
}

/*
http://haslayout.net/css-tuts/Removing-Dotted-Border-on-Clicked-Links
.ui-slider-handle:focus {
    outline: 0px none;
}
*/

#advancedSearch .lbl {
	display: inline-block;
	min-width: 160px;
}

#searchForm ul#gameSystems {
	list-style-type: none;
}

.share-count {
	display: inline-block;
    width: 25%;
    vertical-align: middle;
    margin-right: .5em;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* INTERACTIONS */

.share-count-image {
/*     margin-right: .5em; */
    margin-right: 20px;
    margin-bottom: -22px;
    display: inline-table;
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     margin-right: .5em; */
/*     margin-bottom: -26px; */
}

.share-count-image > .image{
	width: 85px;
}

@media screen and (max-width: 600px){
	.share-count-image{
		/* width: 70px; */
		margin-right: 3px;
		margin-bottom: -20px;
	}
	
	.share-count-image > .image{
		width: 75px;
		margin-right: 10px;
	}
}

@media screen and (max-width: 400px){
	.share-count-image{
		/* width: 60px; */
		margin-right: 3px;
		margin-bottom: -18px;
	}
	
	.share-count-image > .image{
		width: 65px;
		margin-right: 5px;
	}
}

.share-count-image .total-count {
      z-index: 100;
  position: absolute;
  color: white;
  font-size: 24px;
  font-weight: bold;
  left: 150px;
  top: 350px;
}

.share-count-image .label-count {
    position: relative;
    left: 43px;
    bottom: 34px;
    font-weight: bold;
    font-size: 17px;
    color: black;
    width: 40px;
    text-align: center;
}

@media screen and (max-width: 600px){
	.share-count-image .label-count{
		left: 35px;
		bottom: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width: 400px){
	.share-count-image .label-count{
		left: 28px;
		bottom: 27px;
		font-size: 12px;
	}
}

/*****/


.share-count .label-count {
	float: left;
	padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

.share-count #total-count {
        float: right;
    padding: 8px;
    margin-right: 4px;
    /* padding-left: 0px; */
    padding-bottom: 0px;
    /* font-size: 2em; */
    /* font-weight: bold; */
    font-size: 24px;
    margin-top: -6px;
}

.share-count #separator {
   	font-size: 2em;
}


/* .share-count { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     line-height: 1.5; */
/*     margin-right: .5rem; */
/*     padding-right: .5rem; */
/*     float: left; */
/*     height: 3rem; */
/* 	   border-right: 1px solid rgba(0,0,0,.1); */
/*     text-align: right; */
/*         box-shadow: 0px 0px 5px #888888; */
/* } */


#likebuttons {
	margin-top: 15px;
}

/* @media screen and (max-width: 768px){ */
	/* #likebuttons{ */
		
	/* } */
/* } */
#likebuttons a {
	display: inline-block;
	color: #fff;
	padding: 6px;
	margin-right: 12px;
}

#likebuttons a  > img{
	width: 48px;
}

@media screen and (max-width: 600px){
	#likebuttons a > img {
		width: 42px;
		margin-right: 13px !important;
	}
}

@media screen and (max-width: 400px){
	#likebuttons a > img {
		width: 35px;
		margin-right: 7px !important;
	}
}


#likebuttons a:hover {
	text-decoration: none;
}
#likebuttons .fa:before {
	font-size: 21px;
	margin-right: 6px;
	vertical-align: middle;
}
#likebuttons .count {
	display: none;
	border-radius: 10px;
	margin-left: 6px;
	padding: 3px 7px;
}


.fb-like {
	margin-right: 6px;
	float: left;
	z-index: 100;
	width: auto !important; /* fixes mobile width 100% added by plugin itself */
}

.warn {
	background: #FF88AA;
	padding: 4px;
	border: 4px solid #ec008c;
}
.success {
	background: #dff0d8;
	padding: 4px;
	border: 4px solid #dff0d8;
}

/*
.noscorehere
{
	background: #222;
	text-align: center;
	margin: 16px;
	padding: 14px;
	width: 272px;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	float: right;
}
.noscorehere a
{
	color: #fff;
	text-decoration: none;
}
.noscorehere a:hover
{
	text-decoration: underline;
}
*/
#smileysBox {
	background: #AAA;
	left: 205px;
	padding: 10px;
	position: absolute;
	width: 200px;
	z-index: 9;
}

/*
merge from redesign_text5.css for the new text view layout
other elements could be used by text view too but they are not
merged from such file
--mich 2013/04/17
*/
#content_middle { /* overrides the rule in main.css */
	background-color: #fff; /* while we wait for the background image to load */
	background-image: url('bg621_416.gif');
}

#content{
	background-color: transparent;
}

.h1texttype{
	font-family:arial;
	font-size:20px;
	margin:16px 13px 0px 13px;
	padding:0px;
	font-weight:bold;
}

.textad {
	background-color:#efefef;
	border: 1px solid #111;
	margin:17px 13px 0px 13px;
}
.textad2 {
	padding:3px;
}

.textad a {
	color: #5f6066;
	text-decoration: none;
}

.textad a:hover {
	text-decoration: underline;
}

#breadtext
{
	margin: 0px;
	padding: 0px;
	color:#333;
}

#breadtext p {
	margin:17px 13px 17px 13px;
/*	padding:17px 13px 17px 13px;*/
	line-height:16px;
	font-size:12px;
}

#breadtext p a {
	color: #0ae;
	/*text-shadow: 1px 1px 1px #ccc;*/
	font-weight: bold;
	text-decoration: none;
}

#breadtext a:hover {
	text-decoration: underline;
}

/* integrated ad */
.intad {
	background-color: #111;
	margin: 17px auto;
	width: 648px;
	overflow: hidden;
	border: 1px solid #111;
}

.itsanad {
	font-size:10px;
	line-height:150%;
	color:#ddd;
	background-color:#111;
	padding-left:3px;
	text-align: left;
}

.intad img, .intad object, .intad iframe {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.itsanad.hin {
	display: none;
}
/* end of integrated ad */

/* used in _admin/texts/text_view.php */
.secndophead {
	background-color:#434449;
	height:20px;
	margin:17px 14px 0px 14px;
}

.secndophead img {
	margin:4px 0px 0px 4px;
}

.secndoptext {
	background-color:#efefef;
	font-size:10px;
	font-family:arial;
	padding:11px 13px 12px 13px;
	margin:0px 14px 4px 14px;
}

.secndoptext p {
	margin:0px;
	padding:0px;
}

.secndoptext b {
	font-size:11px;
}

#imagegroup {
	/*background-color:#ffffdd;*/
	margin-top: 14px;
	margin-bottom:15px;
}
/* end of _admin text_view */

.sectionh {
	background-image: url('dotbwhoriz.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #d2d2d4;
	/*font-size: 2px;*/
	height: 20px;
	clear: both;
}

.col416 .sectionh img {
	margin: 7px 0px 0px 13px;
}

.col204 .sectionh img {
	margin: 7px 0px 0px 7px;
}

#relatedtexts {
	/*margin: 20px 0px;*/
	/*margin: 11px 13px 11px 13px;*/
	/*padding: 0px;*/
	border: 0px none;
	list-style: none;
	margin-top: 15px;
}

#relatedtexts.smallColumn{
	margin: 0 15px 10px 20px;
}

#relatedtexts.smallColumn .hbar2{
	color: #fff;
}

.relatedtexts {
	margin: 11px 13px 11px 13px;
	padding: 0px;
	border: 0px none;
	list-style: none;
}

#relatedtexts.smallColumn span{
	font-size: 11px;
	font-weight: normal;
	color: #444;
	font-family: "Helvetica Neue",Helvetica,Arial;
}
#relatedtexts.smallColumn ul{
	margin: 3px 7px 3px 7px;
}

.relatedtexts li {
	font-family:arial;
	font-weight:bold;
	margin-bottom:2px;
}

.relatedtexts a {
	text-decoration:none;
	color:#000;
}
.relatedtexts a.smallColumn {
	display: block;
}
.relatedtexts a:hover {
	text-decoration: underline;
}

span.reltexttype {
	/*color:#0ae;*/
	color: #777;
}

.reltextdate {
	font-weight:normal; font-size:10px;
}

#comments {
	margin: 0px 13px 0px 13px;
	padding: 0px;
	border: 0px none;
	list-style: none;
}

li.comment {
	clear: both;
	margin: 13px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	background-image:url('dotbwhoriz.gif'); background-position:bottom; background-repeat:repeat-x;
/*	background-color: #ff0000;*/
}

#comments .avatar {
	float:left;
	margin-right:6px;
	width: 57px;
	height: 57px;
}

.commenttext {
	margin: 10px 0px 0px 0px;
/*	width: 390px;
	word-wrap: break-word; /* microsoft extension. needs an explicit width. only needed in case our server-side word-wrap doesn't work */
	line-height: 16px;
	color: #111;
	display: block;
    word-wrap: break-word;
}


.commenttext a {
	color: #0ae;
	/*text-shadow: 1px 1px 1px #ccc;*/
	font-weight: bold;
	text-decoration: none;
}

.commenttext a:hover {
	text-decoration: underline;
}

.qh {
	font-size: 10px;
	font-weight: bold;
	color: #434449;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-image: url('cite.png');
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.comments .qh {
	font-size: 11px;
}

.comments blockquote {
	font-size: 11px;
	color: #434449;
	margin: 0px 0px 0px 14px;
}

.comments blockquote span {
	padding: 0px 14px 0px 0px;
	background-image: url('cite.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#comments blockquote {
	font-size: 10px;
	color: #434449;
	margin: 0px 0px 0px 14px;
}

#comments blockquote span {
	padding: 0px 14px 0px 0px;
	background-image: url('cite.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#moreComments li:first-child {
	background-color: transparent;
	border-bottom: 2px solid #ddd;
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
	font-size: 16px;
}

#moreComments ul li {
	/*background-color: #eee;*/
	background-color: #DDD;
	display: block;
	font-family: Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 90px;
	padding: 10px;
	padding-left: 20px;
	width: 530px;
}

#moreComments ul li a {
	cursor:pointer;
	color:#0ae;
}

div.functionRow {
	/*width:131px;*/
	float:left;
	text-align: left;
	padding-top: 0px;
/*	background-color: #ffff00;*/
}

div.functionRow ul {
	list-style-type: none;
	/*font-size: 9px;*/
	float: left;
	margin: 0px;
	padding: 0px;
}

div.functionRow a {
	color: #0ae;
	text-decoration: none;
	font-weight: bold;
}

div.functionRow a:hover {
	text-decoration: underline;
}

div.functionRow li {
	float: left;
	padding-right: 10px;
	/*padding: 0px 0px 0px 10px;*/
	/*margin-left: 10px;*/
	/*background-image: url('dotbwvert.gif');*/
	/*background-position: left;*/
	/*background-repeat: repeat-y;*/
}
div.functionRow input {
	margin:0px;
	padding:0px;
}

.modFunctions {
	font-size: 9px;
	margin:0px 0px 7px 13px;
}

.modFunctions a {
	color: #009dd8;
}

#composeform {
	margin: 0px;
}

#composeform .hide {
	display: none !important;
}
.abspos{
	position: absolute; top: 3px; left: -3000px;
}
.vishid{
	visibility: hidden;
	position: absolute; top: 3px; left: -650px;
}
.zbehind{
	position: relative; 
	z-index: -1;
	margin-right: -158px;
	visibility: hidden;
}
.indetext{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: -40px;
}

#editform {
	clear:both;
	margin:0px;
}

#composeform label {
	font-weight:bold;
	font-family:arial;
	/*float:left;
	clear:left;*/
	margin:0px 10px 5px 0px;
	width:95px;
}

#editform label {
	font-weight:bold;
	font-family:arial;
	float:left;
	clear:left;
	margin:0px 0px 5px 0px;
	width:95px;
}

#composeform textarea {
	border:1px solid #434449;
/*	background-color:#efefef;*/
	background: #fff;
/*	box-sizing: content-box;
	-moz-box-sizing: content-box;*/
/*	float:left;*/
	/*width:285px;*/
	/*width: 535px;*/
	height:173px;
	overflow:auto;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	padding: 3px;
	margin: 0px 0px 12px -4px;
}

#editform textarea {
	border:1px solid #434449;
/*	background-color:#efefef;*/
	background: #fff;
/*	box-sizing: content-box;
	-moz-box-sizing: content-box;*/
	height:173px;
	overflow:auto;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	float:left;
	padding: 3px;
	width: 100%;
	margin: 10px 0 10px -4px;
}

#composeform .smilegend {
	/*clear:left;
	float:left;
	width:95px;*/
	margin: 0px;
}

.smilegend img {
	cursor: pointer;
}

.smilegend span {
	cursor: pointer;
	margin-right: 12px;
}

.userpass {
	/*width:253px;*/
	display: table-cell;
	margin: 0px;
	padding: 0px;
	/*width: 100%;*/
}

.userpass .loginMethod {
	padding: 15px 0px 0px 0px;
}

.userpass label {
	margin: 0px 5px;
}

.buttons {
	float:right;
	text-align:right;
}

.btnsend {
	margin-left:5px;
	float:right;
	clear:both;
}

.btnpreview {
	float:right;
}

.articleInfoBox {
	margin:7px; font-size:10px; font-family:arial,helvetica,sans-serif; background-color:#dbddde;
}

.articleInfoBox p {
	margin:0px; padding:5px; border-bottom:1px solid #fff;
}

.articleInfoBox p b {
	font-size:11px; display:block;
}

.bigScoreWrapper {
	/*width: 92%; */
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 25px;
	display: table;
}

.scores .bigScoreWrapper img {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	vertical-align: middle;
}

.bigScoreGameTitle {
	/*font-size: 16px; */
	font-size: 12px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	/*padding-right: 15px;*/
	text-transform: uppercase;
	color: #000;
}

.goodbadheader {
	font-family: arial;
	/*font-size: 11px;*/
	font-weight: bold;
	width:20px;
	margin: 8px 0px 0px 7px;
	line-height: normal;
}

.goodbad {
	font-family: arial;
	color: #fff;
	/*font-size: 10px;*/
	/*line-height: 12px;*/
	/*width:155px;*/
	margin: 0px 0px 8px 6px;
}

ul.infobox {
	margin:0px; padding:0px; list-style:none; font-size:11px; font-weight:bold;
	font-family:arial;
}

ul.infobox li {
	margin:8px 7px;
}

ul.infobox div {
	font-weight:normal;
}

ul.infobox a {
	color:#000;
	text-decoration:none;
}

ul.infobox a:hover {
	text-decoration:underline;
}

.boxshot {
	margin: 3px 0px 8px 7px;
}

#gamelistForm {
	width: 100%;
	border-top: 1px solid #AAA;
	float: left;
	margin-top: 20px;
}

.gamecollection {
	margin-top: 20px;
	padding: 0px;
	border: 0px none;
	list-style: none;
	display: inline-block;
}

.gamecollection li {
	font-family:arial;
	font-weight:bold;
	margin-bottom:2px;
	padding-left:7px;
}

.gamecollection a {
	text-decoration:none;
	color:#000;
	position: relative;
}

.gamecollection a:hover {
	text-decoration: underline;
}

.gamecollection a img.icon {
	margin-left: 5px;
	position: absolute;
	width: 13px;
}
.gamecollection a img.icon.cross {
	width: 12px;
	margin-top: 2px;
}

#userreviews {
	margin-top: 20px;
	margin-bottom: 25px;
}

.userreviews {
	margin: 7px 0px 10px 7px;
	padding: 0px;
	border: 0px none;
	list-style: none;
}

.scores .userreviews {
	/*margin-top: 5px;*/
	/*border-top: 2px solid #555;*/
	/*padding-top: 10px;*/
	padding-top: 15px;
	list-style-type: none;
	/*font-weight: bold;*/
	/*font-size: 14px;*/
	font-family: "Helvetica Neue", Helvetica, Arial;
	display: table-cell;
	padding-left: 15px;
	display: table;
	/*float: left; */
	margin: 5px 10px;
	width: 610px;
	/*border-top: 1px solid #999;*/
}

.userreviews li {
	font-family:arial;
	margin-bottom: 15px;
	padding-left: 8px;
}

.userreviews a {
	text-decoration:none;
	color:#0ae;
}

.userreviews a:hover {
	text-decoration: underline;
}

span.urevscore {
	font-weight:bold;
	color:#000;
	margin-right:4px;
	font-size: 33px;
	margin-left: -30px;
	margin-top: -4px;
	position: absolute;
}

/* grtv */
#tabdiv_01,#tabdiv_2 {
	background-color:#fff;
	width:294px; padding-left:4px; padding-top:8px; border-color:black; border-width:0px 1px 1px 1px; border-style:none solid solid solid;
	margin-left:auto; margin-right:auto;
}

.grtvlist {
	height:400px; overflow:auto; margin-top:6px;
}

.tvpuffVert {
	margin:0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
}

.grtvdate {
	font-size:10px;
	color: #0ae;
	font-weight: bold;
}

.tvpuffText {
	float: right;
	width: 157px;
	margin:0px;
	padding: 0px;
}

.tvpuffText a {
	margin:0px;
	padding: 0px;
	color: #000;
	font-size:10px;
	font-weight:bold;
	text-decoration: none;
}

.tvpuffText a:hover {
	text-decoration: underline;
}

.tvpuffVert p {
	margin:0px;
	padding:0px;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 9px;
}

.tvpuffVert img {
	margin-top:4px;
	margin-bottom:2px;
}

figure {
	/* margin-left: 0; */
	margin-right: 0;
}

.translabel {
	float:right;
	font-family:arial;
	font-size:10px;
	/*width:100px;*/
	text-align:right;
}

.translabel ul {
	list-style: none;
	margin-bottom: 10px;
}

#showmorerelated {
	display: none;
	margin: 11px 13px;
	cursor: pointer;
	font-weight: bold;
	color: #0ae;
}

.putvideoinside {
	margin-top: 17px;
	margin-bottom: 17px;
}

.putvideoinside a.embedVideo {
	background-size: 100% 100%;
	display: block;
	height: 366px;
	line-height: 290px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	text-shadow: 0 0 2px #000000;
	font-size: 18px;
}

#player_container_2 {
	width: 390px;
	height: 220px;
	background-color: green;
	margin: 17px 0 17px 13px;
}

#secondopinion {
	margin-left: -15px;
	/*margin-top: -4px;*/
	/*margin-bottom: 20px; */
	/*width: 100%;*/
	background: #4f4f4f;
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #727272 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#727272));
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#727272 100%);
	background: -o-linear-gradient(top,  #4f4f4f 0%,#727272 100%);
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#727272 100%);
	background: linear-gradient(to bottom,  #4f4f4f 0%,#727272 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#727272',GradientType=0 );
}

#secondopinion h2 {
	font-size: 18px;
	margin-bottom: 10px;
}

/*#secondopinion .boxbody {
	padding-left: 35px;
	padding-bottom: 20px;
	background: none; /* hack so it respect the gradient above instead the general .boxbody CCC one */
/*	color: #fff;
	padding-top: 2.2em;
}*/

.loginToComment {
	/*color:#ec008c; */
	/*margin:0px 0px 8px 0px;*/
	margin: 0 0 30px;
}

.publishOnFB {
	float: left;
	/*margin-left: -5px;*/
	padding: 10px 0px;
}

#loginMethodGamereactor label {
	float: left;
	min-width: 85px;
	margin-left: 0px;
}

#grnation.nomargin{
	position: relative;
	bottom: inherit;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* SHARED POLL CSS REDESIGNED */
.pollandmag {
	display: table;
	margin-left: 20px;
	width: 300px;
}

.pollandmag ul {
	list-style: none;
	margin: 15px 0px;
}
/* END POLL CSS REDESIGNED */

input #imageUpload {
	margin: 20px 0px;
}

/*#composeform label {
	margin-left: -5px;
}*/

#composeform #subject {
  border: 1px solid #000000;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin-bottom: 6px;
  margin-left: -5px;
  width: 520px;
  padding: 3px;
}

/* GRNATION ACTIVITY */
#grnation ul {
	display: inline-block;
	width: 162px;
	list-style: none outside none;
}
#grnation .grnationPrizeWrap {
	display: inline-block;
	float: right;
	text-align: right;
	vertical-align: top;
	width: 76px;
	font-weight: bold;
	margin-right: 10px;
}
#grnation .grnationPrizeWrap span {
	display: inline-block;
}

#grnation .grnationActivityLoginFB {
	width: 100%;
	display: table;
	text-align: center;
}

#grnation .grnationActivityLoginFB span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #3B5997;
	margin-top: 3px;
}

#grnation .grnationActivityLoginFB img {
	vertical-align: middle;
}
/*to hide lazy images if noscript*/
.lazy {
    display: none;
}
.lazytab {
    display: none;
}

#fbRegister {
	display: block;
	margin: 10px 0px;
}

#fbLikeBoxId {
	display: none;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;

}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
>>>>>>> redesign
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: auto;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
	font-family: FontAwesome;
    font-size: 30px;
    line-height: 0;

    position: absolute;
    top: 0px;

    display: block;

    width: 40px;
    height: 100%;
    padding: 0;

    cursor: pointer;

    color: #fff;
    border: none;
    outline: none;
    background-color: #e5e5e5;
    opacity: .6;
}
.grtvschool .slick-prev,
.grtvschool .slick-next {
	height: calc(100% + 30px);
}
.slick-prev:hover,
.slick-next:hover
{
    color: #fff;
    outline: none;
    background-color: #0ae;
    opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled
{
	opacity: 0;
}

.slick-prev
{
    left: -15px;
}
[dir='rtl'] .slick-prev
{
    right: -15px;
    left: auto;
}
.slick-prev:before
{
	content: "\f137";
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
	content: "\f138";
}

/* Dots */
.slick-dots
{
    display: none !important;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    margin: 0.5em;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 0.3em;
    height: 0.3em;
    background-color: #ddd;
    padding: 2px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
}
.slick-dots li.slick-active button {
	background-color: #0ae;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	background-color: #0ae;
    outline: none;
}
/* End of slick slider */

/* Use this for all font-awesome icons */
.fa:before {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	font-family: FontAwesome;
}
.fa-bold:before {
	content: "\f032";
}
.fa-italic:before {
	content: "\f033";
}
.fa-underline:before {
	content: "\f0cd";
}
.fa-spoiler:before {
	content: "\f002";
}
.fa-smiley:before {
	content: "\f118";
}
.fa-facebook {
	/* background-color: #3b5998; */
	background-color: #4267b2;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    margin-right: 1em;
	content: "";
}
.fa-facebook:hover {
	background: #365899;
}
.fa-facebook:before {
	/* content: "\f230"; */
}
.fa-facebook .count {
	background-color: #283c67;
}
.fa-instagram {
	background-color: #125688;
}
.fa-instagram:before {
	content: "\f16d";
}
.fa-googleplus {
	background-color: #f44336;
}
.fa-googleplus:before {
	content: "\f0d5";
}
.fa-googleplus .count {
	background-color: #da1a0c;
}
.fa-twitter {
	background-color: #55acee;
}
.fa-twitter:before {
	content: "\f081";
}
.fa-twitter .count {
	background-color: #178ee8;
}
.fa-reddit {
	background-color: #cee3f8;
}
.fa-reddit:before {
	content: "\f1a2";
}
.fa-reddit .count {
	background-color: #93c1f0;
}
.fa-pinterest {
	background-color: #cd1d1f;
}
.fa-pinterest:before {
	content: "\f0d3";
}
.fa-pinterest .count {
	background-color: #911516;
}
.fa-chat:before {
	content: "\f0f6";
	margin-right: 6px;
}
.fa-user:before {
  content: "\f007";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-home:before {
  content: "\f015";
}
.fa-flag:before {
  content: "\f024";
}
.fa-lock:before {
  content: "\f023";
}
.fa-check:before {
  content: "\f00c";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-down:before {
  content: "\f078";
}

/* Start up thumbs up */
.thumbs-up {
    color: #0ae;
}
.thumbs-up:before {
	content: "\f087";
	margin-right: 4px;
}
/* End of thumbs up */

.thumbs-up.like {
	padding-left: 10px;
}

#modal-background {
	background-color: rgba(0,0,0, .6);
	bottom: 0px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 990;
}
#modal {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	left: 50%;
	padding: 12px;
	position: fixed;
	z-index: 995;
	top: 50px;
	transform: translateX(-50%);
	width: 400px;
}

ul.like-user-list {
	list-style: none;
	max-height: 378px;
	overflow: hidden;
}
ul.like-user-list:hover {
	overflow: auto;
}
ul.like-user-list li {
	border-bottom: 1px dotted #ddd;
	padding: 6px 0px;
}
ul.like-user-list img {
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin-right: 6px;
}
ul.like-user-list h3 {
	display: inline;
}

#googleplusone { float: left; margin: 0px 0px 0px 0px; width: 70px; overflow: hidden; }
#twittershare { float: left; margin: 0px 24px 0px 12px; overflow: hidden; }

/* Instagram style */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

/* start Ad block overlay */
#adb-warning {
	position: absolute;
	width: 512px;
	background-color: #fff;
	top: 12px;
	left:50%;
	margin-left: -310px;
	z-index: 999;
}
#adb-warning .adb-content {
	text-align: center;
	margin: 26px 0px 6px 0px;
}
#adb-warning .adb-close {
	display: block;
	font-weight: bold;
	position: absolute;
	right: 6px;
	top: 6px;
	color: black;
	text-decoration: none;
}
/* end Ad block overlay */

/* Start of alert boxes */
.alert {
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 15px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}
/* End of alert boxes */

/* Make a html banner clickable */
/* Adding a normal a tag around an iframe does not work, but if we add a div with an iframe and a tag inside the div, then is possible to click on the iframe */
/* The code in openx will look like this
	<div class="iframe-link">
		<iframe src="{iframeurl}" width="100%" height="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" allowtransparency="yes" style="overflow:hidden;" allowfullscreen></iframe>
		<img href='{impression}' width='0' height='0'/>
		<a href="{clickurl}" target="_blank" class="iframe-link"></a>
	</div>
*/
div.iframe-link {
	position: relative;
	float: left;
	width: 100%;  /*The link should be clickable on 100% of the container */
	height: 100%; /*The link should be clickable on 100% of the container */
}
a.iframe-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* end of clickable html banners*/

.isStreamReplay {
	position: absolute;
    width: 100px !important;
	height: auto !important;
    padding: 1em;
	z-index: 9;
}

.isStreamReplay.usertvstreamwidget {
	width: 70px !important;
	padding: 0;
}

/* categories */
.viewCategoriesButton {
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	margin-bottom: 15px;
	margin-left: 2px;
	padding: 7px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.viewCategoriesButton:hover {
	color: #0ae;
	cursor: pointer;
}

#tagsCloud {
	width: 100%;
	margin-top: 20px;
	float: left;
}

.tagBubble {
	padding: 5px;
	border: 1px solid #AAA;
	float: left;
	margin-right: 3px;
	background: #ccc;
}

.deleteCategory {
	width: 10px;
	height: 10px;
	background: url('/lay/ico_delete_friend_hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
	cursor: pointer;
}

.publicCategoryBubble {
	background-color: #fff;
	color: #000;
	display: inline-block;
	font-size: 11px;
	margin-right: 2px;
	padding: 5px;
	border: 1px solid #CCC;
}

.categoryWrapperOuter {
	margin: 0px 0px 15px 20px;
	/*display: table; */
	display: block;
	width: 90%;
}

.categoryWrapper {
	/*margin: 0px 0px 15px 0px; */
	/*display: table; */
	/*width: 90%;*/
}

.categoryTag {
	padding: 5px;
	background: #444;
	color: #fff;
	float: left;
	margin: 2px;
	font-size: 11px;
	font-weight: bold;
}

.categoryTag:hover {
	background: #0ae;
}

/* end of categories */

section.chat section.recoverminichat {
	padding: 1em;
    text-align: center;
    background: #00aaee;
    color: #fff;
	cursor: pointer;
}

.moreStreams {
	margin-bottom: 1em;
}

.morestreamsElementWrapper {
	width: 144px;
	margin-right: 1em;
	display: inline-block;
	vertical-align: top;
	margin-top: 1em;
}

.moreStreams a {
	margin-right: 1em;
	margin-top: 1em;
	display: inline-block;
}

.moreStreams a:nth-child(4n) {
	margin-right: 0;
}

.streamComing {
	position: absolute;
    display: inline-block;
    color: #fff;
    width: auto;
    background: #ff0000;
    padding: 0.4em;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .95;
    /* max-width: 200px; */
}

.moreStreamNopicture {
	width:206px; 
	height:137px; 
	border: 1px solid #000;
	display: table;
	background-image: url('/lay/moreStreamsBg.jpg');
}

.moreStreamNopicture span {
	margin: 0.5em;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	margin-top: 7em;
	color: #fff;
}

.livestreamNotif {
	display: inline-block;
	margin: 2em;
	max-width: 20em;
}

.livestreamNotif span {
	display: block;
    color: #fff;
    text-transform: uppercase;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.livestreamNotif img {
}

.overallscore {
	/* width: 100%; */
	display: block;
	background: #000;
	color: #fff;
	margin-left: -15px;
	padding: 10px;
}

.overallscore img {
	vertical-align: middle;
    display: inline-block;
    margin-right: 1em;
	margin-left: 2.1em;
}

.overallscore div {
	vertical-align: middle;
    display: inline-block;
	font-size: 1.8em;
	max-width: 74%;
}

.overallscore:hover div {
	color: #00aaee;
}

.overallscore:hover div span {
	color: #fff;
}

.overallscore span {
	font-size: 0.5em;
	display: table;
}

h3.related {
	font-size: 1.4em;
	color: #000;
	padding: 0.5em 0;
}

.boxed
{
	color: #fff; 
	padding: 1%;
	float: right;
	text-align: center;
	font-weight: bold;
	position: relative;
	background-color: #444;
	margin: 10px;
}

/** ADS STYLE **/

/* SKY1 300x600*/
#sky2_1.yks300 {
	margin:0px 15px 0px 20px;
	width:300px; 
	height:600px;
	overflow:hidden;
	text-align:center;
	margin-bottom: 15px;
}

#ad_sky2.yks300  {
	margin:0px 15px 0px 20px;
	width:300px; 
	height:600px;
	overflow:hidden;
	text-align:center;
	margin-bottom: 15px;
}

/* SKY2 300x600 (hidden at first) */
#sky2_2.yks300 {
	display: none;
	width:300px;
	height:600px
}

/* SKY2 300x600 (hidden at first) */
#ad_sky2_2.yks300 {
	display: none;
	width:300px;
	height:600px
}

/* MPU 300x250 */
.ad300m {
	margin-top:15px; 
	margin-bottom:15px;
}

#mpu {
	margin: 15px 0px 15px 20px;
}

/* ABOVE SKY 300x100 */
#aboveSky {
	margin-left: 20px;
	margin-top: 15px;
}

/* BIG VIDEOAD */
	/* DFP */
	.bigVideoAd_DFP
	{
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
		overflow:hidden;
	}

	/* OpenX */
	div.ad_video.bigVideoAd
	{
		margin-top: 15px;
	}

/* VIDEOAD */
	/* DFP */
	.external_div_videoAd
	{
		margin-left:15px;
		/* margin-bottom:15px;	 */
	}

	#layer_videoAd
	{
		width:650px;
		height:365px;
		margin:0 auto;
		display:block;
		overflow:hidden;
	}

	/* OpenX */
	.ad_video
	{
		margin-left:15px;
		margin-bottom:15px;	
	}
	
/* EDITORIAL SIDE BANNER */
	/* OpenX */
	#ad_editorialSideBanner
	{
		margin: 15px 15px 0px 20px;
	}

.pageflipper ol li {
	padding: 5px;
	list-style: none;
}

.pageflipper ol {
    display: -moz-grid-group;
}

.separador span {
    background-color: wheat;
    padding: 10px 439px;

}

.article:nth-of-type(1) {
    margin-top: 0;
}

.infinite-scroll-last {
    background-color: red;
    height: 50px;
    margin-top: -20px;
    z-index: 100;
}

.selectedAvatar {
	box-shadow: 3px 3px 3px 1px #909090;
}


 /*WALLPAPER MOAT MAGIC */
 /* #pagebackground {  */
     /* background-image: none !important;  */
 /* }  */
	
 #wallpaper_banner { 
    background-color: black; 
	width: 1920px !important;
    left: 50%;
    margin-left: -960px;
 } 

#pagebackground{
	overflow: hidden;
}
/* #wallpaper_banner > img, #wallpaper_banner > iframe{ */
	/* /* width: 1920px; */ 
/* } */
/* @media screen and (max-width: 1920px) { */
    /* #wallpaper_banner > img, #wallpaper_banner > iframe { */
        /* margin-left: -20%; */
    /* } */
/* } */


.chooseAvatar{
	margin: 3px;
}

.imgsAvatar {
    padding: 20px;
    border: 7px solid gainsboro;
    border-radius: 20px;
    margin: 15px;
    background: whitesmoke;
}


.chooseAvatar{
	margin: 3px;
}

.imgsAvatar {
    padding: 20px;
    border: 7px solid gainsboro;
    border-radius: 20px;
    margin: 15px;
    background: whitesmoke;
}

.selectImgBtn {
  margin: 10px 30px;
  background-color: #0ae;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.selectImgBtn:hover , .selectImgSelected {opacity: 1}

#botonsUpload {
    margin: 10px auto;
    display: table;
}

.portrait{
	transition:0.3s;
}

.portrait:hover{
	opacity: 0.6;
}


.selectImgBtn {
  margin: 10px 30px;
  background-color: #0ae;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.selectImgBtn:hover , .selectImgSelected {opacity: 1}

#botonsUpload {
    margin: 10px auto;
    display: table;
}

.portrait{
	transition:0.3s;
}

.portrait:hover{
	opacity: 0.6;
}

.editAvatar {
	display: none;
    font-size: 20px !important;
    right: 35px;
    top: 180px;
    position: absolute;
    cursor: pointer;
}

.checkbox-register {
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 250px;
}

div#betaKeyShown {
    width: 520px;
    font-size: 20px;
    background-color: #8BC34A;
    padding: 10px 20px;
    margin-left: 90px;
    color: #000000;
    border-radius: 10px;
}

div#betaKeyShown > h1 {
    font-size: 25px;
}

.breadtext .pollandmag {
	width: 100%;
    margin: 0;
}

.breadtext .pollandmag h2 {
	font-size: 1em;
}
.modal2 {
	display: none;
}

#adviseEmailDownload {
    padding: 20px;
    font-size: 20px;
    max-width: 500px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}

.breadtext .pollandmag .boxbody {
	font-size: 1em;
}

.breadtext .pollandmag ul.poll {
	font-size: 1em;
}

.breadtext .pollandmag a.btn1link, 
.breadtext .pollandmag a.btn1ajax {
	color: #fff !important;
}

.subForm2 {
	margin-top: 100px;
}

.headerFix {
    margin-top: 60px !important;
}

.headerFix + .sortbar {
    margin-top: 0px;
}

.colFull {
    padding: 0 20px;
}