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

a:hover{
text-decoration: underline;
}

#wrapper {
	margin-top: 20px;
}

#wrapper section {
	margin-bottom: 30px;
	/*padding-bottom: 20px;*/
	/* border-bottom: 1px solid #555; */
}

#wrapper section:last-child {
	border-bottom: none;
}

#wrapper section ol {
	padding-left: 18px;
	margin-bottom: 10px;
}

/** Upload video wrapper **/
.uploadvideoInput {
	background: #000; 
	color: #FFF; 
	padding: 10px 10px; 
	border: none; 
	font-size: 16px; 
	font-weight: bold; 
	cursor: pointer;
}

#uploadVideoInner {
	margin-top: 20px;
	background: #EEE;
	padding: 5px;
	border: 1px dotted #555; 
	display: none;
}

#closeUploadVideoInner, #closeStreamVideoInner {
	padding: 3px 5px; 
	background: red; 
	color: #FFF; 
	cursor: pointer; 
	font-weight: bold;
	position: absolute;
	left: 383px;
}

#videoUploaded {
	font-size: 15px; 
	background: #FFF; 
	padding: 5px; 
	width: 378px;
}

#uploadFormData {
	margin-top: 20px; 
	/*display: none;*/
}

#videoTitle {
	padding: 5px; 
	width: 97%;
}

#videoDesc {
	padding: 4px; 
	width: 98%;
}

.uploadSelectedVideo {
	background: #CCC; 
	color: #444; 
	font-weight: bold; 
	font-size: 16px; 
	padding: 10px 10px; 
	cursor: pointer; 
	border: none; 
	margin-top: 10px;
}

/** My videos **/
#myVideosWrapper {
	margin-bottom: 35px;
}

#videoWrapper {
	margin: 0px; 
	background: #000; 
	color: #FFF; 
	padding: 9px;
}

#videoWrapper h2 {
	font-size: 20px; 
	margin: 0px;
}

#videoTitleEdit {
	padding: 5px; 
	width: 97%; 
	font-weight: bold;
}

#videoDescEdit {
	padding: 5px; 
	width: 98%;
}

#updateEdit {
	padding: 5px; 
	font-size: 13px; 
	background: #CCC; 
	border: 1px solid #444;
}

.userVideoForm {
	padding: 5px; 
	font-size: 13px; 
	background: #CCC; 
	border: 1px solid #444; 
	cursor: pointer;
}

#editOwnVideo a {
	padding: 5px; 
	font-size: 13px; 
	background: #CCC; 
	border: 1px solid #444;
}

/*****************/

.colSmallWrapper {
	width: 108px; 
	height: 105px; 
	float: left; 
	margin-right: 6px;
}

.colSmallWrapper .screenshot {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 68px;
	width: 108px;
}

.colSmallWrapper .button {
	background-image: url('https://www.gamereactor.es/lay/grtv_play.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: inline-block;
	height: 100%;
	width: 100%;
}
.colSmallWrapper .button:hover {
	background-image: url('https://www.gamereactor.es/lay/grtv_play_hover.png');
}
.colSmallWrapper h4 {
	font-size: 10px;
}
.grtvlist a:link {
	color: #000000;
	text-decoration: none;
}
.grtvlist a:visited {
	text-decoration: none;
	color: #000000;
}
.grtvlist a:hover {
	text-decoration: underline;
	color: #000000;
}	
	
	
	
	
	
	
	
	
.artistyle1 article {
	clear: both;
	overflow: hidden;
	margin: 14px 0px;
}

.artistyle1 article img {
	float: left;
	width: 118px;
	height: 87px;
	margin-top: 3px;
	display: block;
	margin-right: 12px;
}
.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 */
	width: 270px; /* 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{
	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: 2.64em; /* line-height x 2 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;
}

a .button
{/*For very generic play button.*/
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('https://www.gamereactor.es/lay/grtv_play.png');
}

a:hover .button
{ /*For very generic play button*/
	background-image: url('https://www.gamereactor.es/lay/grtv_play_hover.png');
}



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

#streamVideoInner {
	margin: 1em 0;
	/* display: none; */
}

.innersection {
	width: 100%;
	margin: 1em 0;
}

.innersection a.blue {
	color: #0ae !important;
	text-decoration: none;
}

.innersection i.red {
	color: #ff0000;
	vertical-align: middle;
}

.innersection i.white {
	color: #fff;
	vertical-align: middle;
}

.innersection span {
	font-size: 1.6em;
    font-weight: bold;
    letter-spacing: -1px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 0.5em;
}

.innersection p {
	font-size: 1.1em;
    max-width: 83%;
    margin: 0 0 0 4.3em;
}

.innersection .bigplayer {
	margin: 1em 0;
}

.innersection.gray {
	background: #444;
	padding: 2em;
	color: #fff;
	max-width: 89%;
	margin-top: 2em;
}

.innersection label {
	width: 100%;
	font-size: 1em;
	margin-top: 1em;
	display: block;
}

.innersection input {
    padding: 0.5em;
    border: 1px solid #999;
	margin-top: 0.5em;
}

.innersection input.fixed {
	width: 97% !important;
}

.innersection textarea {
	width: 97%;
    min-height: 4em;
	padding: 0.5em;
	margin-top: 0.5em;
}

.uploadstream {
	background: #ff0000;
	color: #fff;
	width: 100% !important;
	margin: 1.2em 0 0 0 !important;
	padding: 1em !important;
	border: none !important;
}

i.configDone {
	display: none;
	color: #009900;
    vertical-align: middle;
    margin-left: 0.3em;
}

#retrieveConfig {
	display: none;
}

#spinnerWrapper {
	    display: inline-block;
    width: 100%;
    margin-top: 5em;
    margin-bottom: 4em;

    /* display: table; */
    position: relative;
}

.createApp {
	background: #666;
}

/****************/
#fountainG{
	position:relative;
	width:120px;
	height:25px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top:0;
	background-color:rgba(0,0,0,0.15);
	width:14px;
	height:14px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.035s;
		-o-animation-duration:1.035s;
		-ms-animation-duration:1.035s;
		-webkit-animation-duration:1.035s;
		-moz-animation-duration:1.035s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:9px;
		-o-border-radius:9px;
		-ms-border-radius:9px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
}

#fountainG_1{
	left:0;
	animation-delay:0.416s;
		-o-animation-delay:0.416s;
		-ms-animation-delay:0.416s;
		-webkit-animation-delay:0.416s;
		-moz-animation-delay:0.416s;
}

#fountainG_2{
	left:15px;
	animation-delay:0.5225s;
		-o-animation-delay:0.5225s;
		-ms-animation-delay:0.5225s;
		-webkit-animation-delay:0.5225s;
		-moz-animation-delay:0.5225s;
}

#fountainG_3{
	left:30px;
	animation-delay:0.619s;
		-o-animation-delay:0.619s;
		-ms-animation-delay:0.619s;
		-webkit-animation-delay:0.619s;
		-moz-animation-delay:0.619s;
}

#fountainG_4{
	left:45px;
	animation-delay:0.7255s;
		-o-animation-delay:0.7255s;
		-ms-animation-delay:0.7255s;
		-webkit-animation-delay:0.7255s;
		-moz-animation-delay:0.7255s;
}

#fountainG_5{
	left:60px;
	animation-delay:0.832s;
		-o-animation-delay:0.832s;
		-ms-animation-delay:0.832s;
		-webkit-animation-delay:0.832s;
		-moz-animation-delay:0.832s;
}

#fountainG_6{
	left:75px;
	animation-delay:0.9385s;
		-o-animation-delay:0.9385s;
		-ms-animation-delay:0.9385s;
		-webkit-animation-delay:0.9385s;
		-moz-animation-delay:0.9385s;
}

#fountainG_7{
	left:90px;
	animation-delay:1.035s;
		-o-animation-delay:1.035s;
		-ms-animation-delay:1.035s;
		-webkit-animation-delay:1.035s;
		-moz-animation-delay:1.035s;
}

#fountainG_8{
	left:105px;
	animation-delay:1.1415s;
		-o-animation-delay:1.1415s;
		-ms-animation-delay:1.1415s;
		-webkit-animation-delay:1.1415s;
		-moz-animation-delay:1.1415s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgba(52,159,217,0.53);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgba(52,159,217,0.53);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgba(52,159,217,0.53);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgba(52,159,217,0.53);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgba(52,159,217,0.53);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

.transfering {
	display: block;
    text-align: center;
    padding: 2em;
	font-size: 1.05em;
}

.discardStream {
	padding: 1em;
    background: #57D0DC;
    font-size: 1.1em;
    text-align: center;
}

.discardIcon {
	display: block;
}

#ustreamconfigemailweb {
	display: none;
	padding: 1em;
    margin: 1em;
    background: #efefef;
    border: 1px solid #ccc;
}

.deviceWrapper {
	display: inline-block;
    margin-right: 1em;
    border: 1px solid #CCC;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.2em;
    background: #CCC;
    padding-bottom: 0.5em;
	cursor: pointer;
}

.deviceWrapper img {
	margin-bottom: 0.2em;
}