/*
Theme Name: Viva Games Theme
Description: 
Author: Epsiloncool
*/

@charset "utf-8";
/* CSS Document */

html, body {
	/*height: 100%;
	overflow-y: scroll;*/
	background:url('images/1.jpg');
	line-height: 1;
	color: #424242;
	font: 92%/1.3 Tahoma,Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
html {
  /*overflow-x: hidden;*/
}
body > embed {
	display:none;
}

* {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
	color:black;
}

/*
img {
	border: 0px;
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}
*/
.simple-shadow {
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

.remove-shadow {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.button-small {
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	height: 18px;
	border-radius: 3px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #ffe020;
	border:none;
	color: #202020;
	vertical-align: middle;
}

.button-background-yellow {
	background-color: #e2c42d; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2c42d 0%, #ff8528 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2c42d), color-stop(100%,#ff8528)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2c42d 0%,#ff8528 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2c42d 0%,#ff8528 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2c42d 0%,#ff8528 100%); /* IE10+ */
	background: linear-gradient(top,  #e2c42d 0%,#ff8528 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2c42d', endColorstr='#ff8528',GradientType=0 ); /* IE6-9 */
}
.button-background-yellow:active {
	background-color: #b0950e; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0950e 0%, #ff8528 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0950e), color-stop(100%,#ff8528)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0950e 0%,#ff8528 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0950e 0%,#ff8528 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0950e 0%,#ff8528 100%); /* IE10+ */
	background: linear-gradient(top,  #b0950e 0%,#ff8528 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0950e', endColorstr='#ff8528',GradientType=0 ); /* IE6-9 */
}

.button-background-green {
	background-color: #00d600; /* Old browsers */
	background: -moz-linear-gradient(top,  #00d600 0%, #03b800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d600), color-stop(100%,#03b800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00d600 0%,#03b800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00d600 0%,#03b800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00d600 0%,#03b800 100%); /* IE10+ */
	background: linear-gradient(top,  #00d600 0%,#03b800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d600', endColorstr='#03b800',GradientType=0 ); /* IE6-9 */
}
.button-background-green:active {
	background-color: #006b00; /* Old browsers */
	background: -moz-linear-gradient(top,  #006b00 0%, #015900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006b00), color-stop(100%,#015900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #006b00 0%,#015900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #006b00 0%,#015900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #006b00 0%,#015900 100%); /* IE10+ */
	background: linear-gradient(top,  #006b00 0%,#015900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b00', endColorstr='#015900',GradientType=0 ); /* IE6-9 */
}


.button-shadow {
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}
.button-shadow:active {
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.button-big {
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #ffe020;
	border:none;
	color: #202020;
	padding:3px;
	vertical-align: middle;
}

.button-big2 {
	font-size: 14px;
	text-align: center;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #ffe020;
	border:none;
	color: #202020;
	vertical-align: middle;
	line-height: 5px;
	padding: 10px;
}

.button-big-inv {
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #057c00;
	border:none;
	color: #ffffff;
	padding:3px;
	vertical-align: middle;
}

.play_button {
	width: 80px;
	font-size: 12px;
}
.return_button, .return_button2 {
	width: 100px;
}
.custom_button {
	width: 70px;
}

.control-icon {
	width:32px;
	height:32px;
	border:none;
	cursor:pointer;
	float:left;
	margin:5px 0px 0px 5px;
	border-radius: 5px;
}
.ci-layout1 {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -64px 0px;
}
.ci-layout2 {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -96px 0px;
}
.ci-layout3 {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -128px 0px;
}
.ci-pause {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -64px -32px;
}
.ci-play {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -96px -32px;
}
.ci-forward {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -128px -32px;
}
.ci-soundoff {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ci-soundon {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -32px 0px;
}
.ci-ramsave {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: 0px -32px;
}
.ci-ramload {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -32px -32px;
}
.ci-lists {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: 0px -64px;
}
.ci-info {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -32px -64px;
}
.ci-favorites {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -64px -64px;
}
.ci-settings {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -96px -64px;
}
.ci-screenshot {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: -128px -64px;
}
.ci-warning {
	background-image: url('images/control.png');
	background-repeat: no-repeat;
	background-position: 0px -96px;
}



.fsmax {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 100% !important;
	height: 100% !important;
	opacity: 0.7;
	background: #444;	
}

.shadow {
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

ul{
	list-style:none;
}

p, h1, h2, h3, h4, span{
	text-shadow: 1px 1px 1px #ffffff;
}

a{
	text-decoration:none;
}

#body{
}

#outer_wrapper{
	position:relative;
	width:100%;
	height:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -200px auto -25px auto;
	overflow-x: hidden;
}

#footer_push {
	height: 25px;
	clear: both;
}
#footer {
	height: 125px;
	/*background: url('images/1.jpg');*/
	clear: both;
	font-size: 14px;
}
.footer2 {
	/*width:100%;*/
	margin: 10px 10px;
	/*border-top: 2px solid #ffffff;*/
}

#header_left{
	position:absolute;
	width:320px;
	height:200px;
	top:0;
	left:-319px;
		
	background:url('images/header-left2.jpg') no-repeat;
}
#header_right{
	position:absolute;
	width:360px;
	height:250px;
	top:0;
	right:-360px;
	
	background:url('images/header-right2.jpg') no-repeat;
}

#wrapper{
	position:relative;
	width:1240px;
	margin:0 auto;
}

#header{
	position:relative;
	width:100%;
	height:150px;
	/*background:url(images/header3.jpg) no-repeat;*/
}

#logo{
	display:block;
	position:absolute;
	width:370px;
	height:110px;
	top:20px;
	left:15px;
}

#social_networks{
	position:absolute;
	right:16px;
	bottom:10px;
}

#social_networks li{
	position:relative;
	float:left;
	width:25px;
	height:25px;
	margin-right:8px;
}

#social_networks li a{
}

#social_networks li a img {
	-webkit-box-shadow:7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:7px 7px 5px rgba(50, 50, 50, 0.75);
	
}

#rss{
	background:url('images/socnet/rss.png') no-repeat;
}
#facebook{
	background:url('images/socnet/facebook.png') no-repeat;
}
#twitter{
	background:url('images/socnet/twitter.png') no-repeat;
}
#vkontakte{
	background:url('images/socnet/vkontakte.png') no-repeat;
}


#content{	
	position:relative;
	width:100%;
	/*height:800px;*/
	padding-top:5px;
	
	/*background:url(images/1.jpg) repeat-y;*/
}

#sidebar{
	position:relative;
	width:210px;
	float:left;
		
	margin:0px 5px 5px 0px;
}
#sidebar > *{
	margin-bottom:10px;
}
#sidebar > #search_bar{
}

#sidebar > div > span{
	display:block;
	margin:0 0 5px 0;
	text-align:center;
	border-radius:7px 7px 0 0;
	border-bottom:1px solid gray;
	height:30px;
	vertical-align: middle;
	text-shadow:none;
	font-weight:bold;
	background: url(images/1darker.jpg);
	color: #ffffff;
	line-height:30px;
}
/*
#sidebar > div > ul > li{
	width:97%;
	border-radius:4px;
	padding:2px 3px;
}
#sidebar > div > ul > li > a{
	width:100%;
}
*/
#content_wrapper{
	margin:0px 0px 5px 5px;
	padding:3px;
	float: left;
	width: 1010px;
}

/*
#content_wrapper *{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
*/

#content_wrapper #game{
	margin:10px;
}

#content_wrapper #game a {
	color: #2B6FB6;
	text-decoration: underline;
}
#content_wrapper #game a:active {
	color: #2B6FB6;
	text-decoration: underline;
}

#content_wrapper #game #information_wrapper{
	width:100%;
	margin-bottom:50px;
	min-height: 700px;
}

#content_wrapper #game #information_wrapper #images{
	width:380px;
	/*height:330px;*/
	float:left;
}

.image_large_wrapper {
	width:384px;
	height:288px;
	margin-bottom:10px;
	position: relative;
}
.image_large_wrapper img {
	width:384px;
	height:288px;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.image_large_wrapper img.item0 {
	display: block;
}

.thumbnails_wrapper img {
	margin:0px 9px 5px 0px;
}
.thumbnails_wrapper a:nth-child(4) img {
	margin-right: 0px !important;
}

#content_wrapper #game #information_wrapper #information{
	width:350px;
	/*height:330px;*/
	float:left;
	margin-left:20px;
}

#content_wrapper #game #information_wrapper #information h1{
	/*font-size:20px;*/
}

#content_wrapper #game #information_wrapper #information h2{
	color:#333;
	margin-bottom:10px;
	font-size:20px;
}

#content_wrapper #game #information_wrapper #information p{
	color:#333;
	font-size:14px;
	margin-bottom:10px;
}

#content_wrapper #game #information_wrapper #options{
	/*position:absolute;*/
	/*right:5px;*/
	width:250px;
	/*height:330px;*/
	/*float:left;*/
	float:left;
}
#information_wrapper #options ul {
	list-style-type: none;
	margin: 0px !important;
}
#information_wrapper #options ul li {
	margin: 0px !important;
}
#information_wrapper h1 {
	font-size: 20px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	color: #2B6FB6;
	text-shadow: 2px 2px #ddd;
}

#information_wrapper p {
	font-size: 14px;
	margin: 0.6em 0;
	color: #424242;
	line-height: 22px;
}


#options li{
	color:#333;
	font-size:14px;
	padding-left:10px;
}
#options h3{
	font-size:16px;
	font-weight:bold;
	color:#333;
}




#similar_games_wrapper{
	height:170px;
	width:100%;
}
#similar_games_wrapper h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
#similar_games_wrapper img{
	margin-bottom:10px;
}
#similar_games_wrapper p{
	font-size:14px;
}



/* search */
#search_wrapper{
	margin-bottom:20px;
	margin-left:15px;
}
#search_wrapper h3{
	margin-bottom:10px;
}

#results_wrapper{
	margin:15px 50px;;
}
#results_wrapper h3{
	margin-bottom:10px;
}
#results ul li{
	width:240px;
	float:left;
	margin-bottom:10px;
	margin-right:50px;
}
#results ul li p{
	font-size:14px;
}



/* best games */
#best_games_wrapper{
	margin-left:15px;
}
#best_games_wrapper #results{
	margin:10px 50px
}


/* screen */
#accord_screen_chat_wrapper{
	position:relative;
}

#screen_wrapper{
	margin-left:10px;
	margin-top:10px;
}

#tabs_wrapper{
	position:relative;
	width:100%;
	height:auto;
}
#tabs{
	position:relative;
	height:auto;
}

#tabs p{
	font-size:14px;
}

#accordion{
	display:inline-block;
	width:230px;
	height:500px;
	float:left;
}

#accordion p{
	font-size:14px;
}

#game_screen{
	margin:0 20px;
	position:relative;
	display:inline-block;
	height:420px;
	width:510px;
}

#game_screen h3{
	position:absolute;
}

#game_screen #emulator{
	width:511px;
	height:383px;
	top:25px;
	position:absolute;
	background:url('images/emulator.png') no-repeat;
}

#chat{
	display:inline-block;
	height:420px;
	width:200px;
	background-color:#CCC;
}

#search_form {
	margin:10px 3px;
}
.sq_text {
	width: 154px;
}
.sq_text_400 {
	width: 400px;
}
.sq_button {
	width:24px;
	height:24px;
	background:url('images/magnifier.png') no-repeat !important;
	cursor: pointer;
	border:none;
	display: block;
	float: left;
	margin-left: 5px;
}
div.search_input {
	float: left;
}

.thumb_avegage{
	position:relative;
	float:left;
	width:150px;
	margin:5px;
}

.active-sidebar{
	background-color:#D1C177;
}


/* 
  активный элемент меню
*/
.mitem-active{
	background-color:#FC6 !important;
}
.mitem-active a {
	color:#00f !important;
}

/* Боковые списки */
.side-menu li {
	height:26px;
	margin:0px;
	padding:2px 0px 2px 35px;
	cursor:pointer;
	border-radius:4px;
}
.side-menu li a {
	color:#424242;
	font-size:14px;
	width:100%;
}
.side-menu li:hover a {
	color:#137CEC;
}

#menu-platforms-list li {
	height:26px;
	line-height:26px;
	margin:0px;
	padding:2px 0px 2px 35px;
	cursor:pointer;
	border-radius:4px;
}
#menu-platforms-list li a {
	color:#424242;
	font-size:14px;
	width:100%;
}
#menu-platforms-list li:hover a {
	color:#137CEC;
}

#menu-platforms-list .platform-icon-main {
	background: url('images/icons.png') 0px 0px no-repeat;
}
#menu-platforms-list .platform-icon-online {
	background: url('images/icons.png') 0px -30px no-repeat;
}
#menu-platforms-list .platform-icon-zx {
	background: url('images/icons.png') 0px -60px no-repeat;
}
#menu-platforms-list .platform-icon-nes {
	background: url('images/icons.png') 0px -90px no-repeat;
}
#menu-platforms-list .platform-icon-gameboss {
	background: url('images/icons.png') 0px -120px no-repeat;
}
#menu-platforms-list .platform-icon-alawar {
	background: url('images/icons.png') 0px -150px no-repeat;
}



/* 
  фон и скругление у базовых элементов (сайдбар, контент_враппер)
*/
.box-radius {
	border-radius:10px;
}

.has-background{
	border-radius:10px;
	/*background:url('images/4.gif');*/
	background:url('images/body-bg.gif');
}

.sidebar-element {
	overflow:hidden !important;
	padding-bottom:5px;
	border:2px solid #333;
	font-size: 14px;
}
.sidebar-element a:hover {
	color: #137CEC;
}
/* 
  класс описывает отдельные блоки сайдбара(поиск, консоли, игры)
  выравнивание, пока что
*/
.sidebar-element > *{
	margin:5px;
}
.sidebar-element h3 {
	color:white !important;
	font-size: 16px;
	background:url(images/1darker.jpg);
	margin:0 !important;
}

/* 
  класс увеличвает отступ, для отображения графики в элементах меню
*/
.has-image{
	padding-left:35px;
}

.has-shadow{
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

/* 
  отступы для контента в правом блоке
*/
.right-contains{
	margin:10px;
}

/*
  табы
*/
.tab{
	background:url(images/2.jpg);
	border:1px solid #666;
	border-radius:3px 3px 0 0;
	padding:4px;
	float:left;
}
.tab-active{
	background:url(images/2darker.png);
}
.tab-container{
	width:900px !important;
	height:auto;
	background-color:#F00;
}

.breadcrumb {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
}

.breadcrumb .bclink {
	color: #2B6FB6;
	text-decoration: none;
}
.breadcrumb .bclink:hover {
	text-decoration: underline;
}

.breadcrumb .bctop {
	display: inline;
	text-decoration: underline;
}
.breadcrumb h3 {
	font-size: 12px;
}

.clear {
	clear:both;
}

.gamelist {
	width: 100%;
}
.gamelist h4 a {
	font-size: 10px;
}
.gamelist .image img {
}


.share42icons {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
.share42icons:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
.share42icons a {opacity: 0.9;}
.share42icons:hover a {opacity: 0.9}
.share42icons a:hover {opacity: 1}

#tab-menu {
	font-size: 12px;
}

#game #tab-menu ul li
{
    list-style: none;
    position: relative;
    float: left;
    width:auto;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: solid;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 2px solid #888;
	padding: 0px 10px;
	border-radius: 10px 10px 0px 0px;
	/*background: url(images/1darker.jpg);*/
	background-color: #ddd;
	margin-top: 10px;
}
#game #tab-menu ul li.active {
	border-bottom: none !important;
	background: url('images/body-bg.gif') !important;
	/*box-shadow: 2px 2px 10px rgba(0,0,0,0.5);*/
	z-index: 10;	
}
#game #tab-menu ul li.current-menu-item {
	border-bottom: none !important;
	background: url('images/body-bg.gif') !important;
	/*box-shadow: 2px 2px 10px rgba(0,0,0,0.5);*/
	z-index: 10;
	padding: 5px 10px;
	margin-top: 0px;
}
#game #tab-menu ul li.active a {
    color: #38d !important;
}
#game #tab-menu ul li.current-menu-item a {
    color: #38d !important;
}
#game #tab-menu li a
{
    text-decoration:none;
	color:#148;
}
#tab-menu li.no-tab {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	background: none !important;
	margin-top: 11px !important;
	font-size: 14px;
	text-decoration: underline;
}
#tab-menu li.no-tab a {
	color: #2B6FB6 !important;
}

#game .subsp {
	width:100%;
	height:15px;
	z-index:20;
	background: url('images/body-bg.gif') !important;
}

.more-results {
	width: 955px;
	height: 30px;
	border: 1px solid #999999;
	margin-top: 10px;
	vertical-align: middle;
	text-align: center;
	line-height: 30px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	background-color: #fc6;
	display: block;
	text-decoration: none !important;
	color: #222;
	text-shadow: 1px 1px #fec;	
}
.more-results:hover {
	background-color: #fb5;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#information_wrapper .topgames {
	font-size: 16px;
}

.resitem {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 240px;
	height: 80px;
	text-shadow: 1px 1px 1px #ffffff;
}
.resitem .tn {
	float: left;
	margin: 0px 0px 0px 5px;
	width:88px;
	height:66px;
}
.resitem .tn img {
	border-radius: 5px;
	width:88px;
	height:66px;
}
.resitem .desc {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 130px;
	font-size: 13px;
}

.bin_versions {
	/*margin-top: 50px;*/
}
.bin_versions h4 {
	font-size: 16px;
}
.bin_versions .versions_table {
	width: 550px;
	margin-top: 10px;
}
.bin_versions .versions_table td {
	padding: 0px;
	height: 28px;
	border-bottom: 1px #c0c0c0 solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	opacity: 0.9;
}
.bin_versions .versions_table tr:hover td {
	opacity: 1.0 !important;
}
.bin_versions td.c_platform {
	width:36px;
	font-size: 12px;
}
.bin_versions .platform {
	width: 32px;
	height: 16px;
}

.icon32x16 {
	width: 32px;
	height: 16px;
}
.icon24x16 {
	width: 24px;
	height: 16px;
}

.bin_versions td.c_filetype {
	width: 28px;
	font-size: 12px;
}
.bin_versions .filetype {
	width: 24px;
	height: 16px;
}
.bin_versions td.c_lang {
	width:26px;
	font-size: 12px;
}
.bin_versions .lang {
	width: 22px;
	height: 16px;
	font-size: 12px;
}
.bin_versions td.c_comment {
	width:400px;
	font-size: 12px;
}

.home-icon img {
	width:21px;
	height:18px;
	margin-bottom:-4px;
}



.zx-fancy img {
	width: 88px;
	height: 66px;
}

.icon32x16 {
	width: 32px;
	height: 16px;
	display: inline-block;
}
.icon24x16 {
	width: 24px;
	height: 16px;
	display: inline-block;
}
.icon22x16 {
	width: 22px;
	height: 16px;
	display: inline-block;
}

.icon-machinetype-pentagon-128 {
	background: url('images/span-icons.png') 0px -96px no-repeat;
}
.icon-machinetype-zs-scorpion-256 {
	background: url('images/span-icons.png') 0px -128px no-repeat;
}
.icon-machinetype-zx-spectrum-48k {
	background: url('images/span-icons.png') 0px -32px no-repeat;
}
.icon-machinetype-zx-spectrum-128k {
	background: url('images/span-icons.png') 0px -64px no-repeat;
}
.icon-machinetype-unknown {
	background: url('images/span-icons.png') 0px 0px no-repeat;
}
.icon-machinetype-unknown-model {
	background: url('images/span-icons.png') 0px 0px no-repeat;
}

.icon-filetype-tzx, .icon-filetype-stzx {
	background: url('images/span-icons.png') -48px 0px no-repeat;
}
.icon-filetype-tap {
	background: url('images/span-icons.png') -48px -32px no-repeat;
}
.icon-filetype-trd {
	background: url('images/span-icons.png') -48px -64px no-repeat;
}
.icon-filetype-scl {
	background: url('images/span-icons.png') -48px -160px no-repeat;
}
.icon-filetype-dsk {
	background: url('images/span-icons.png') -48px -96px no-repeat;
}
.icon-filetype-z80 {
	background: url('images/span-icons.png') -48px -128px no-repeat;
}

/************ Languages ***********************/
.icon-lang-anglijskij {
	background: url('images/span-icons.png') -80px 0px no-repeat;
}
.icon-lang-russkij {
	background: url('images/span-icons.png') -80px -16px no-repeat;
}
.icon-lang-ispanskij {
	background: url('images/span-icons.png') -80px -32px no-repeat;
}
.icon-lang-polskij {
	background: url('images/span-icons.png') -80px -48px no-repeat;
}
.icon-lang-slovatskij {
	background: url('images/span-icons.png') -80px -64px no-repeat;
}
.icon-lang-slovenskij {
	background: url('images/span-icons.png') -80px -80px no-repeat;
}
.icon-lang-yugoslavskij {
	background: url('images/span-icons.png') -80px -96px no-repeat;
}
.icon-lang-shvedskij {
	background: url('images/span-icons.png') -80px -112px no-repeat;
}
.icon-lang-cheshskij {
	background: url('images/span-icons.png') -80px -128px no-repeat;
}
.icon-lang-horvatskij {
	background: url('images/span-icons.png') -80px -144px no-repeat;
}
.icon-lang-frantsuzskij {
	background: url('images/span-icons.png') -80px -160px no-repeat;
}
.icon-lang-finskij {
	background: url('images/span-icons.png') -80px -176px no-repeat;
}
.icon-lang-serbskij {
	background: url('images/span-icons.png') -80px -192px no-repeat;
}
.icon-lang-serbo-horvatskij {
	background: url('images/span-icons.png') -80px -96px no-repeat;	/* Same as Yugoslavskij */
}
.icon-lang-rumynskij {
	background: url('images/span-icons.png') -80px -208px no-repeat;
}
.icon-lang-portugalskij {
	background: url('images/span-icons.png') -112px 0px no-repeat;
}
.icon-lang-norvezhskij {
	background: url('images/span-icons.png') -112px -16px no-repeat;
}
.icon-lang-nemetskij {
	background: url('images/span-icons.png') -112px -32px no-repeat;
}
.icon-lang-litovskij {
	background: url('images/span-icons.png') -112px -48px no-repeat;
}
.icon-lang-italyanskij {
	background: url('images/span-icons.png') -112px -64px no-repeat;
}
.icon-lang-islandskij {
	background: url('images/span-icons.png') -112px -80px no-repeat;
}
.icon-lang-datskij {
	background: url('images/span-icons.png') -112px -96px no-repeat;
}
.icon-lang-grecheskij {
	background: url('images/span-icons.png') -112px -112px no-repeat;
}
.icon-lang-gollandskij {
	background: url('images/span-icons.png') -112px -128px no-repeat;
}
.icon-lang-galisijskij {
	background: url('images/span-icons.png') -80px -32px no-repeat;	/* Same as Ispanskij */
}
.icon-lang-vengerskij {
	background: url('images/span-icons.png') -112px -144px no-repeat;
}
.icon-lang-bosnijskij {
	background: url('images/span-icons.png') -112px -160px no-repeat;
}
.icon-lang-ukrainskij {
	background: url('images/span-icons.png') -112px -176px no-repeat;
}

#similar_games_wrapper .game_description {
	height: auto;
	width: 1000px;
	float: left;
	margin-top: 20px;
}

#similar_games_wrapper .game_description .gamedesc_left {
	height:auto;
	width:170px;
	float:left;
	margin-top: 5px;
}
#similar_games_wrapper .game_description .gamedesc_left ul {
	list-style-type: none;
	margin: 0px;
}
#similar_games_wrapper .game_description .gamedesc_left ul li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.gamedesc_left ul li {
	padding-left: 6px;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	color: #000 !important;
}
.gamedesc_left ul li.active {
	padding-left: 5px !important;
	background: #555;
	cursor: default !important;
	border-radius: 5px 0 0 5px;
	color: #fff !important;
}
#similar_games_wrapper .game_description .gamedesc_content {
	height:auto;
	width:780px;
	float:left;
	padding: 0 10px;
	max-height: 600px;
	overflow: auto;
}
.gamedesc_content > div {
	display: none;
}
.gamedesc_content > div.active {
	display: block !important;
}
#similar_games_wrapper .game_description .gamedesc_content h2 {
	font-size: 22px;
	padding-bottom: 10px;
}

#similar_games_wrapper .similar_games {
	height:auto;
	width:1000px;
	float:left;
	margin-top: 50px;
}

.parts_of_the_game {
	margin-top: 20px;
}
.similar_games {
	margin-top: 20px;
}

.adv_search_link {
	font-size: 12px;
	margin-left: 5px;
	text-decoration: underline;
}


.bg-top {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	background: url('images/bg-top.jpg') no-repeat center;
	overflow: hidden;
}
.footer-columns {
	/*width: 1240px;*/
	margin: 0 auto;
}
.footer-columns h3 {
	float: left;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	font-size: 14px;
}
.footer-col1 {
	/*width: 290px;*/
	/*margin: 10px 10px;*/
	float: left;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}
.footer-col1 p {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}

/*** Game Window ***/
#game_window {
	display: none;
	position: fixed;
}
#game_window .game_overlay {
	z-index: 101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
}
#game_window .fscontainer {
	z-index: 102;
	width:576px;
	height:448px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.country-page h2 {
	font-size: 16px;
	text-shadow: 2px 2px #ddd;
}
.country-summary {
	width: 980px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.country-summary .half1 {
	width: 480px;
	margin-right: 10px;
	float: left;
}
.country-summary .half2 {
	width: 480px;
	margin-right: 10px;
	float: left;
}
.country-summary ul {
	list-style-type: none !important;
	margin: 0px !important;
}
.country-summary ul li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.pubs-list li {
	float: left;
	width: 240px;
}
.pubs-list li a {
	font-size: 14px;
}

.comments_container {
	width: 950px;
	margin-top: 10px;
	height: auto;
	float: left;
}

/** Search page **/
.vgsearch_page h5 {
	font-size:1em;
}
.vgsearch_page h4 {
	font-size:1.2em;
	color:#069;
}
.vgsearch_page .cs_form {
	margin-top:20px;
	margin-bottom:20px;
}
.vgsearch_page .cs_form .csq_text {
	width:300px;
}
.vgsearch_page .cs_form .extsearch_link {
	font-size:0.8em;
	text-decoration: underline;
	color:#069;
}
.vgsearch_page .searchresult {
	width:100%;
	border-collapse:collapse;
}
.vgsearch_page .searchresult td {
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:14px;
}
.vgsearch_page .searchresult .search-icon {
	width: 20px;
	height: 20px;
	box-shadow: none;
}
.ui-autocomplete {
	font-size: 12px !important;
	max-height: 362px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;	
}

.ui-autocomplete li.ui-menu-item {
	border-bottom: 1px solid #777;
	margin: 3px 0px;
}
.ui-autocomplete li.ui-menu-item span.ac_title2 {
	
}

.columns_2 {
}
.columns_2 .col_1_2 {
	width: 500px;
	float: left;
}
.columns_2 .col_2_2 {
	width: 470px;
	padding-left: 15px;
	float: left;
}
.columns_2 .col_2_2 .newitem_img {
	float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.newitem h4 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.newitem p:first-of-type {
	margin-top: -2px !important;
}
.newitem .more-link {
	display: block;
	float: right;
	margin-right: 10px;
}
.more-news {
	font-size: 14px;
}

.newpost-image {
	display: block;
	margin: 10px auto;
}

ul.newpost-tags {
	margin: 15px 0px !important;
	list-style-type: disc !important;
}
ul.newpost-tags li {
	display: inline-block;
	margin-right: 5px;
}
ul.newpost-tags a {
	display: inline-block;
	padding: 5px 10px;
	background: #04a4cc;
	border-radius: 5px;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 12px;
}

.rightunder-notification {
	font-size: 12px;
    width: 103px;
    float: right;
    margin: 10px 10px 0px 5px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
	box-sizing: content-box;
}

.focus-notification {
    background: #ff0;
    color: #0029FF;
	border: 1px solid #000;
}

.mousedetect-notification {
    background: #00f5ff;
    color: #0029FF;
	border: none;
}

.mousecatch-notification {
    background: #00a51b;
    color: #ffffff;
	border: none;
}

p a img.aligncenter {
	display: block;
	margin: 0 auto;
}

.newitem.news_cat {
	min-height: 170px;
}

.newitem_col1 {
	float: left;
	width: 220px;
	min-height: 170px;
}

.newitem_col2 {
	float: left;
	width: 450px;
}
.newitem_col2 h2 {
	font-size: 16px;
}
.newitem_col2 .newitem_more {
	font-size: 14px;
	float: right;
}
.newitem_info {
	margin: 5px 0px;
	background: #ddd;
	padding: 5px 5px;
}
.newitem_info a {
	font-size: 14px;
}
#information_wrapper ul {
	list-style-type: disc;
	margin: 10px 5px 10px 20px;
}
#information_wrapper ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #424242;
}
#information_wrapper h2 {
	font-size: 16px;
}
#information_wrapper ol {
	margin: 10px 5px 10px 20px;
}
#information_wrapper ol li {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #424242;
}

.yarpp-related {
	font-size: 14px;	
}

.emc-last-content{position:relative!important;width:100%!important;display:inline-block!important}
.emc-last-content div,.emc-last-content p,.emc-last-content h3{display:block!important}
.emc-last-content ul,.emc-last-content li,.emc-last-content ol,.emc-last-content div,.emc-last-content p,.emc-last-content a,.emc-last-content img{background:none repeat scroll 0 50% transparent!important;border:0 none!important;font-style:normal!important;margin:0!important;padding:0!important;text-align:left!important;text-indent:0!important}
.emc-last-content ul,.emc-last-content li{border:none!important;list-style:none!important;list-style-position:outside!important;list-style-type:none!important;line-height:normal!important}
.emc-last-content li>div{margin-bottom:5px!important;position:relative!important;word-wrap:break-word!important}
.emc-last-content li .emc-recent-thumb{position:relative!important;margin-right:6px!important;padding:0!important;float:left!important;width:auto!important}
.emc-last-content li .emc-recent-thumb:after{border-radius:2px!important;box-shadow:0 0 3px rgba(0,0,0,0.33) inset!important;position:absolute!important;left:0!important;top:0!important;content:" "!important;width:100%!important;height:100%!important}
.emc-last-content .emc-recent-thumb img{border-radius:2px!important;max-width:100%!important;height:auto!important;float:left!important;vertical-align:middle!important;border:0!important}
.emc-last-content .emc-recent-body{margin-left:38px!important;line-height:15px!important}
.emc-last-content .emc-recent-author{color:#8a8a8a!important;font-size:13px!important;font-weight:bold!important;line-height:14px!important;text-decoration:none!important;padding:0!important}
.emc-last-content .emc-recent-text{font-size:12px!important;line-height:16px!important;margin-top:2px!important}
.emc-last-content .emc-recent-text a,.emc-last-content .emc-recent-text a:hover{color:inherit!important;text-decoration:none!important}
.emc-last-content .emc-recent-meta{border-bottom:1px dotted #e0e0e0!important;font-size:11px!important;line-height:15px!important;margin-top:4px!important;color:#a7a7a7!important}
.emc-last-content .emc-recent-meta a{text-decoration:none!important;color:#a7a7a7!important;font-size:11px!important}
#emc-link{color:#555!important;font-size:11px!important;clear:both!important;float:right;text-decoration:none!important}
#emc-link:hover{color:#333!important}

@media (min-width: 0px) and (max-width: 479px) {

#outer_wrapper {
	width: 100%;
}
#wrapper{
	width: 100%;
}
#header{
	height: 50px;
	width: 99%;
}
.bg-top{
	width: 99%;
	margin: 0 auto;
	background: url('images/bg-top-320.jpg') no-repeat left top;
}
#sidebar > *{
	margin-bottom: 2px !important;
	padding:0;
	border:none;
}
.has-background .g-1, #emc-last{
	display: none;	
}
#sidebar, .has-background {
	width: 99%;
	display: block;
	margin: 0px 0px 5px 2px;
}
#sidebar > div > span{
	display: none;	
}.right-contains {
  margin: 5px !important;
    width: 97%;
}
#content_wrapper{
	display: block;
	width: 97.5%;
}
.columns_2 .col_1_2 {
  width: 98%;
}
.vivagames_search_sc .alphabet {
  width: 200px !important;
}
.vivagames_search_sc {
  width: 100% !important;
}
#game #tab-menu ul li{
	height: 20px;
	line-height: 20px;
	width: 100%;
	text-align: left;
	border:none;
	background: none ;
}
.img_rating, .main-image, .newitem_col1{
	width: 96.5% !important;
	height: 100% !important;
} 
.main-image img, .newitem_col1 img{
	width: 100% !important;
	height: auto !important;
}
.inv-button {
	margin-right: 5px;
  width: 110px;
}
.wp-social-login-connect-with, .wp-social-login-provider-list{
	text-align: center;
}
.vivagames_search_sc .sq_text_sc {
  width: 100% !important;
}

.columns_2 .col_2_2 {
  width: 100%;
  padding: 0;
}
.search_result .resitem{
	width: 99% !important;
	height: 100% !important;
	margin: 0;
}
.comments_container{
	width: 290px;
}
#information_wrapper ul {
  margin: 10px 0px 10px 5px;
}
#information_wrapper ul.related_thumbs li{
	width: 275px !important;
}
#footer, .footer-columns{
	width: 99%;
}
#footer_push {
  width: 99%;
 }
.breadcrumb {
  width: 100%;
  display: block;
}
.search_result .resitem {
	margin: 0;
}
.articlebody_left, .articlebody_left > img {
  width: 100% !important;
  height: auto;
}
#logo {
	width: 90%;
	position: absolute;
  	top: 0;
}
body.plugin, #arevicofancy-content, #arvlbdata{
	width: 100%;
}
#facebook {
	width: 72%;
 	height: 100%;
}
._43qf ._4cg3 {
  width: 70%;
  height: 100%;
}
.newitem_col2{
	width: 99%
}
.container{
	margin: 0;
	padding: 0;
}
.sq_text_400 {
  width: 100%;
}
.search_input {
  width: 70%;
}
.sq_button_big{
	width: 17%;
}
.yarpp-related {
  float: left !important;
  width: 100% !important;
}
.sq_text {
  width: 100%;
}
.col_2_2 a{
	display: block;
}

.col_2_2 a:first-child {
	display: inline;
	
}
.col_2_2_links_first{
	margin-left: 40px;
}
.scsubpage-genres{
	padding: 0 !important;
}
#information_wrapper ul{
	width: 100%;
}
#game .right-contains #information_wrapper div div{ 
	width: 100%;
	margin-left: 0 !important;
	display: block;	
}
#text_bug_404{
	margin-left: 0 !important;
}
#img_bug_404{
	width: 100% !important;
	height: 150px !important;
	margin-top: -30px;
	display: block;		
}
#img_bug_404 img{
	margin-left: 80px !important;
}

/*game/exolon*/
#playground{
	width: 100% ;
  left: 0 ;
}
.appdat_inlineg{
	  width: 100%;
}
.image_large_wrapper{
	  width: 100%;
	  height: 210px;
}
.image_large_wrapper img{
	  width: 100%;
	  height: auto;
}
.appdat_inline{
	width: 300px !important;
}
.similar_games{
	width: 44% !important;
	max-height: 291px;
	overflow-y: hidden;
}
.appdat_inline_2{
	width: 200px;
}
.appdat_inline_block_3 {
	/*margin: 0 0 10px 0 !important;
  width: 99% !important;
 */
}
#message_nojava{
	margin: 0 0 10px 0 !important;
  width: 99% !important;
}
.appdat_inline_block_2{
	width: 100% !important;
	float: none !important;
}
.appdat_inline_block{
	width: 295px !important;
}
#content_wrapper #game #information_wrapper #information {
    width: 29%;
  margin: 0;
}
.bin_versions .versions_table{
	width: 100%;
}
.coment_flag{
	display: block;
	
}

#information_wrapper #images{
	float: none !important;
	width: 280px !important;
}
.resitem{
	width: 48%;
}
#similar_games_wrapper{
	width: 80%;
}
#information{
	width: 100% ;
	margin: 0 ;
}
.bin_versions td.c_comment {
  width: 60%;
}
.bin_versions td.c_comment span{
  /*width: 50px;*/
}
.bin_versions td.c_playbutton .play_button{
	width: 80px;
	float: right;	
}
.bbsocialicons, #options{
	display: none !important;	
}
.zx-fancy img {
    width: 22% !important;
    height: auto;
    margin-bottom: 10px;
}
.bbsocialicons, #options{
	display: none !important;	
}
#applet_place.cc {
  display: none;
}
#mc-commentsplay{
	display: none;
}
.widget_wysija_cont{
	margin: 0;
	padding: 0;
}
.versions_table tr{
	height: 40px;
}

.onlinegame-content iframe {
	width: 100%;
}
}


@media (min-width: 480px) and (max-width: 767px) {
#outer_wrapper {
	width: 100%;
}
#wrapper{
	width: 100%;
}
#header{
	height: 80px;
	width: 99%;
}
.bg-top{
	width: 99%;
	margin: 0 auto;
	background: url('images/bg-top-480.jpg') no-repeat left top;
}

#sidebar > *{
	margin-bottom: 5px !important;
}
#sidebar .g-1{
	margin: 0 auto !important;
}
#sidebar, .has-background {
	width: 99%;
	display: block;
	margin: 0px 0px 5px 2px;
}
.has-background span{
	/*width: 100%;*/
}

.right-contains {
  margin: 5px;
}

#content_wrapper{
	display: block;
	width: 97.5%;
}
.columns_2 .col_1_2 {
  width: 98%;
}
.vivagames_search_sc {
  width: 100% !important;
}
#game #tab-menu ul li{
	height: 20px;
	line-height: 20px;
	width: 100%;
	text-align: left;
	border:none;
	background: none ;
}
.img_rating{
	width: 50% !important;
	height: 100% !important;
	margin-right: 10px;
} 
.main-image, .newitem_col1{
	width: 48% !important;
	height: 100% !important;
} 
.newitem_col1{
	width: 48% !important;
	height: 100% !important;
} 
.desc{
	width: 45% !important;
	height: 100% !important;
} 
.main-image img, .newitem_col1 img{
	margin: 10px 0px 10px 10px;

	float: left;
}
.inv-button {
	margin-right: 5px;
  width: 110px;
}
.wp-social-login-connect-with, .wp-social-login-provider-list{
	text-align: center;
}
div.search_input {
  width: 80%;
}
.vivagames_search_sc .sq_text_sc {
  width: 100% !important;
}

.columns_2 .col_2_2 {
  width: 100%;
  padding: 0;
}
.search_result .resitem{
	width: 99% !important;
	height: 100% !important;
	margin: 0;
}
.comments_container {
	  width: 430px;
}
#footer, .footer-columns{
	width: 99%;
}
#footer_push {
  width: 99%;
 }
 .footer-col1{
 	width: 95%;
 }
.breadcrumb {
  width: 100%;
  display: block;
}
.search_result .resitem {
	margin: 0;
}
.articlebody_left{
  width: 100% !important;
}
.articlebody_left img{
	width: 100%;
	height: auto;
	/*width: 200px;
	height: 150px;
	margin: 0 auto;*/
}

#logo {
	width: 90%;
	position: absolute;
  	top: 0;
}
body.plugin, #arevicofancy-content, #arvlbdata{
	width: 100%;
}
#facebook {
	width: 72%;
 	height: 100%;
}
._43qf ._4cg3 {
  width: 70%;
  height: 100%;
}
.newitem_col2{
	width: 99%
}
.container{
	margin: 0;
	padding: 0;
}
.sq_text_400 {
  width: 100%;
}
.sq_button_big{
	width: 17%;
}
.yarpp-related {
  float: left !important;
  width: 100% !important;
}
#information_wrapper ul li{
	width: 50%;
}
.sq_text {
  width: 100%;
}
.search_result .rating-fav-line .fav_link, .search_result .rating-fav-line .playarrow_link{
	height: 30px !important;
	margin: 5px;
}

#text_bug_404{
	margin-left: 0 !important;
}
#img_bug_404{
	width: 100% !important;
	height: 150px !important;
	margin-top: -30px;
	display: block;		
}
#img_bug_404 img{
	margin-left: 150px !important;
}
/*game/exolon*/
#playground{
	width: 100% ;
  left: 0 ;
}
.image_large_wrapper {
	  width: 100%;
	  height: 320px;
}
.image_large_wrapper img{
	  width: 100%;
	  height: auto;
}
.appdat_inline{
	width: 500px !important;
	height: 100%;
}
.similar_games{
	width: 44% !important;
	max-height: 288px;
	overflow-y: hidden;
}
.appdat_inline_block_3, #message_nojava{
	/*margin: 0 0 10px 0 !important;
  width: 100% !important;*/
}
.appdat_inline_block_2{
	width: 320px !important;
}
.appdat_inline_block{
	width: 455px !important;
}
#content_wrapper #game #information_wrapper #information {
  width: 41%;
}
.bin_versions .versions_table{
	width: 100%;
}
#information_wrapper #images{
	float: none !important;
	width: 430px !important;
}
.resitem{
	width: 48%;
}
#mc-commentsplay{
	width: 430px;
}
#information{
	width: 100% ;
	margin: 0 ;
}
.bin_versions td.c_comment {
  width: 0%;
}
.bin_versions td.c_comment span{
  /*width: 50px;*/
}
.bin_versions td.c_playbutton .play_button{
	width: 80px;
	float: right;	
}
.bbsocialicons, #options{
	display: none !important;	
}
.fav-buttons{
	margin-top: 10px !important;
	float: right !important;
}
.zx-fancy img {
	width: 23% !important;
	height: auto;
	margin-bottom: 10px;
}
.bbsocialicons, #options{
	display: none !important;	
}
.fav-buttons{
	margin-top: 10px !important;
	float: right !important;
}
.search_result .resitem h3{
	max-height: 70px;
	overflow-y: hidden;
}
	
.onlinegame-content iframe {
	width: 100%;
}

}





@media (min-width: 768px) and (max-width: 1023px) {
#outer_wrapper{
    width: 100%;
}
#wrapper {
    width: 100%;
}
.bg-top{
	width: 100%;
	margin: 0 auto;
	background: url('images/bg-top-768.jpg') no-repeat left top;
}
#game #tab-menu ul li#menu-item-61991{
	width: 50%;
	display: block;
	border-bottom: none;
}
#sidebar {
    width: 27%;
	margin-right: 4px;
}
#content_wrapper{
	width: 71%;
}
#content_wrapper .col_1_2, #content_wrapper .col_2_2{
	display: block;
    width: 99%;
    padding: 0;
}
.columns_2 .col_1_2 {
    width: 99%;
}
.vivagames_search_sc .sq_text_sc {
    height: 28px !important;
 }
 .articlebody_left{
 	width: 100% !important;
 }

.comments_container {
  width: 52% !important;
}
.yarpp-related{
	width: 100% !important;
}
.newitem_col2 {
  width: 100%;
}
.footer-columns {
  width: 99%;
}

.footer-col1 {
  width: 45%;
}
.search_result .resitem{
	width: 510px !important;
}
.search_result .rating-fav-line .fav_link, .search_result .rating-fav-line .playarrow_link{
	height: 30px !important;
}
/*game/exolon*/
#playground{
	width: 100% ;
  left: 0 ;
}
.appdat_inline{
	  width: 100%;
	  height: 100%;
}
.image_large_wrapper{
	  width: 100%;
}
.image_large_wrapper img{
	  width: 100%;
	  
}
.similar_games{
	width: 52% !important;
	max-height: 288px;
	overflow-y: hidden;
}
.appdat_inline_block_3, #message_nojava{
	/*margin: 0 0 10px 0 !important;
  width: 100% !important;*/
}
.appdat_inline_block_2{
	width: 395px !important;
}
.appdat_inline_block{
	width: 530px !important;
}
#content_wrapper #game #information_wrapper #information {
  width: 49%;
}
.bin_versions .versions_table{
	width: 100%;
}
#information_wrapper #images{
	float: none !important;
}
#information{
	width: 100% ;
	margin: 0 ;
}
.bin_versions td.c_comment {
  width: 0%;
}
.bin_versions td.c_comment span{
  /*width: 50px;*/
}
.bin_versions td.c_playbutton .play_button{
	width: 80px;
	float: right;	
}
.bbsocialicons, #options{
	display: none !important;	
}
.zx-fancy img {
  width: 23% !important;
    margin-bottom: 10px;
}
.bbsocialicons, #options{
	display: none !important;	
}
#applet_place.box-radius{
	  width: 116px;
  height: 264px;
  float: left;
  margin: 0px 10px 0px 5px;
  border: 1px #e0e0e0 solid;
}


}
@media (min-width: 1024px) and (max-width: 1259px) {
#outer_wrapper{
    width: 100%;
}
#wrapper {
    width: 100%;
}
.bg-top{
	width: 100%;
	margin: 0 auto;
	background: url('images/bg-top-1024.jpg') no-repeat left top;
}
#game #tab-menu ul li#menu-item-61991{
	width: 50%;
	display: block;
	border-bottom: none;
}
#sidebar {
    width: 20%;
	margin-right: 4px;
}
#content_wrapper {
    width: 78%;
}
.columns_2 .col_1_2 {
    width: 48%;
}
.columns_2 .col_2_2 {
    width: 48%;
}
.vivagames_search_sc {
  width: 100% !important;
}
#quick_search_form_sc{
	width: 100%;
}
.vivagames_search_sc .alphabet  {
  width: 80% !important;
}
.vivagames_search_sc .sq_text_sc {
  width: 100% !important;
    height: 28px !important;
 }
.search_input {
  width: 70%;
}
.search_result .resitem {
  width: 47.2% !important;
  height: 100% !important;
  margin: 10px;
}
.search_result .resitem h3 {
  max-height: 64px;
  font-size: 14px !important;
  overflow-y: hidden;
}
.search_result .desc{
	width: 130px !important;
}
.main-image{
  width: 100% !important;
  height: 100% !important;
}
.main-image img, .newitem_col1 img {
  width: 97% !important;
  height: 100% !important;
}
.footer-columns{
	width: 99%;
}
.footer-col1 {
  width: 45%;
}
.yarpp-related{
	width: 100% !important;
}
.comments_container {
  width: 75%;
}
.newitem_col2 {
  float: left;
  width: 70%;
}
.columns_2 .col_2_2 .newitem_img {
	display: none;	
}
/*game/exolon*/

#playground{
	width: 100% ;
  left: 0 ;
}
.appdat_inline{
	  width: auto;
}
.image_large_wrapper{
	  width: auto;
}
.image_large_wrapper img{
	  width: auto;
}
.similar_games{
	width: 100% !important;
	height: 200px !important;
	overflow-y: hidden;
}
#similar_games_wrapper{
	width: 760px;
}

.appdat_inline_block_3, #message_nojava{
	/*margin: 0 0 10px 0 !important;
	width: 100% !important;*/
}
.appdat_inline_block_2{
	width: 600px !important;
}
.appdat_inline_block{
	width: 770px !important;
}
#content_wrapper #game #information_wrapper #information {
  width: 37%;
}
.bin_versions .versions_table{
	width: 100%;
}

.bin_versions td.c_comment span{
  /*width: 50px;*/
}
.bin_versions td.c_playbutton .play_button{
	width: 80px;
	float: right;
}
.bbsocialicons, #options{
	display: none !important;	
}
.zx-fancy img {
  width: 23% !important;
    margin-bottom: 10px;
}
.bbsocialicons, #options{
	display: none !important;	
}
.bin_versions td.c_comment {
  width: 0%;
}

}
@media (min-width: 1260px) and (max-width: 1900px){
.bin_versions td.c_comment {
	width: 0%;
}
.play_button{
	float: right;	
}
}








.user_lists_menu {
	margin: 20px 0px 10px 0px;
	position: relative;
}
.user_lists_menu li {
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
.user_lists_menu li:hover,
.user_lists_menu li:hover u,
.user_lists_menu li:hover span
{
	/*box-shadow: inset 0px 0px 30px rgba(56, 143, 189, 0.91);*/
	background: #656565;
	color: #fff;
}
.user_lists_menu li span {
	font-size: 11px;
	text-align: right;
	float: right;
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	right: 0px;
}
.user_lists_menu li u {
	text-decoration: none;
	width: 150px;
	overflow-x: hidden;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}
.user_lists_menu li i {
	margin: 4px 5px 4px 3px;
	position: relative;
}
.user_lists_menu {
	width: 100%;
	height: 24px;
	display: inline-block;
}

/*** ICONS ***/
.menu-icon {
	background: url('images/icons.png') 0px 0px no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0px 5px 0px 2px;
}
.icon-favorites {
	background-position: 0px -200px !important;
}
.icon-sandclock {
	background-position: -16px -200px !important;
}
.icon-cassette {
	background-position: 0px -216px !important;
}
.icon-list {
	background-position: -16px -216px !important;
}
.icon-checked {
	background-position: 0px -232px !important;
}
.icon-rating {
	background-position: -16px -232px !important;
}
.icon-yellowplus {
	background-position: 0px -248px !important;
}
.icon-playarrow {
	background-position: -16px -248px !important;
}

.icon-grayclose {
	background-position: -16px -280px !important;
}
.icon-review {
	background-position: -16px -296px !important;
}

.userprofile_widget {
	
}
.userprofile_widget .user_photo {
	float: left;
	/*width: 42px;
	height: 42px;*/
	border: 1px solid #aaa;
	padding: 1px;
}

.userprofile_widget .user_photo img {
	width: 42px;
	height: 42px;
}

.userprofile_widget .user_data {
	width: 135px;
	float: left;
	margin-left: 10px;
	height: 42px;
	overflow: hidden;
}
.userprofile_widget .user_name {
	margin-bottom: 5px;
	white-space: nowrap;
}
.userprofile_widget .logout_link {
	font-size: 12px;
	text-decoration: underline;
}

.no-box-shadow {
	box-shadow: none !important;
	-o-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

	#fav_popup {
		border: 1px solid #ccc;
		background: #ddd;
		box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
		-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
		z-index: 2;
	}
	#fav_popup .coltitle {
		width: 100%;
		height: 20px;
		line-height: 20px;
		text-align: center;
		background: #ccc;
	}
	#fav_popup .coltitle i {
		float: right;
		margin-top: 2px;
		cursor: pointer;
	}
	#fav_popup .collist {
		height: 90px;
		overflow-x: hidden;
		overflow-y: auto;
		white-space: nowrap;
	}
	#fav_popup .collist li {
		padding: 3px 5px;
		height: 18px;
		line-height: 18px;
	}
	#fav_popup ul {
		list-style-type: none;
		margin: 0px;
	}
	#fav_popup ul li {
		margin-top: 0px;
		margin-left: 0px;
	}

.fav-buttons i {
	position: relative;
	top: 3px;
}
.fav-buttons u {
	display: inline-block;
	text-decoration: none;
	color: #555;
}
.fav-buttons {
	padding: 2px 0px;
}
.fav-buttons .fav_link {
	padding: 0px 5px 0px 0px;
}

.inv-button {
	float: left;
	font-size: 12px;
	display: inline-block;
	height: 26px;
	line-height: 24px;
	vertical-align: middle;
	color: #555;
	cursor: pointer;
	border: 1px solid #aaa;
	background: #ddd;
}
.inv-button:hover, 
.inv-button:hover u
{
	color: #ddd !important;
	background: #444;
	text-shadow: 1px 1px #000;
}
.inv-button:active, 
.inv-button:active u
{
	color: #fff !important;
	background: #0029FF;
	text-shadow: 1px 1px #000;
}

.qmark_help {
	font-size: 10px;
	color: #888;
	margin-left: 6px;
	cursor: pointer;
}
.ui-tooltip {
	width: 210px;
	font-size: 12px;
}

ul.related_thumbs {
	list-style: none !important;
}
ul.related_thumbs li {
	float: left;
	width: 280px;
}
ul.related_thumbs li img {
	margin-bottom: 10px;
}
ul.related_thumbs li a {
	display: block;
}
.onlinegames-shared {
	float: right;
}
img.wp-smiley {
	box-shadow: none;
}

.articlebody_left {
	width: 680px;
	float: left;
}
.articlebody_left > p:first-of-type:first-letter {
	font-size: 60px;
	float: left;
	line-height: 50px;
}

.yarpp-related {
	float: right;
	width: 300px;
}
.yarpp-related h4 {
	font-size: 14px;
	margin-left: 20px;
}
.yarpp-related .related_thumbs li a.image {
	width: 100px;
	float: left;
	display: block;
}
.yarpp-related .related_thumbs li a.title {
	float: left;
	display: block;
	width: 180px;
	font-weight: normal !important;
}

.gray_border_table {
	border-collapse: collapse;
}
.gray_border_table td {
	border: 1px solid #aaa;
	padding: 5px;
}
.gray_border_table td:first-child {
	font-weight: bold;
	background: #ddd;
}

#vkshare0 a:first-child, 
#vkshare1 a:first-child, 
#vkshare2 a:first-child, 
#vkshare3 a:first-child {
	/*height: 21px !important;*/
}

.onlinegame-image {
	width: 100%;
	height: auto;
}

.wg-last-played {
	position: relative !important;
    width: 100% !important;
    display: inline-block !important;
}
.wg-last-played .green {
	background: #95DA95;
}
.wg-last-played .a_right {
	text-align: right;
}

#accord_menu .ui-accordion-icons {
	padding-left: .7em;
}
#accord_menu .ui-accordion-content {
	padding: 0px;
}
#accord_menu h3 {
	font-size: 0.9em;
}
#accord_menu .ui-accordion-content ul {
	padding: 0px;
	margin: 0px;
}
#accord_menu .ui-accordion-content ul li {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 1px 0px 0px 0px;
	padding: 5px;
	font-size: 0.9em;
	cursor: pointer;
}
#accord_menu .ui-accordion-content ul li:hover {
	border: 1px solid #05f;
	color: #05f;
}
#accord_menu .ui-icon {
	background: none !important;
}

#helper_window {
	display: none;
	width: 560px;
	float: left;
	padding: 0px 0px 0px 15px;
	
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 10px;
    background: #eee;	
}
#helper_window .close-button {
	cursor: pointer;
	float: right;
}

.saved_games .saved_list {
	max-height: 650px;
	overflow-y: auto;
}
.saved_games .saved_list .sd_item {
	width: 100%;
	margin: 10px 0;
}
.saved_games .saved_list .sd_img {
	float: left;
	width: 144px;
	margin-right: 10px;
}
.saved_games .saved_list .sd_img img {
	width: 144px;
}
.saved_games .saved_list .sd_desc {
	float:left;
}

.saved_games_full .saved_list .sd_item {
	width: 100%;
	margin: 10px 0;
}
.saved_games_full .saved_list .sd_img {
	float: left;
	width: 144px;
	margin-right: 10px;
}
.saved_games_full .saved_list .sd_img img {
	width: 144px;
}
.saved_games_full .saved_list .sd_desc {
	float:left;
}


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

.search_result {
	width:100%;
}
.search_result .resitem {
	float:left;
	margin-right:10px;
	margin-top:10px;
	width: 470px;
	height: 200px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	text-shadow: 1px 1px 1px #ffffff;
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}
.search_result .img_rating {
	float:left;
	margin: 10px 0px 0px 10px;
}
.search_result .img_rating img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.search_result .desc {
	float:left;
	margin: 10px 0px 0px 10px;
	width: 240px;
	max-height: 164px;
	overflow-y: hidden;
}
.search_result .resitem h3 {
	font-size: 16px;
}
.search_result .resitem h3 a {
	text-decoration: none !important;
}
.search_result .resitem h3 a:hover {
	text-decoration: underline !important;
}
.search_result .resitem h4 {
	font-size: 14px;
	color:#0e3bbc;
}
.search_result .resitem .pub {
	font-size: 12px !important;
	margin-top:2px !important;
	margin-bottom:2px !important;
}
.search_result .rating {
	text-align: left;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	width: auto;
	display: inline-block;
	float: left;
	margin: 0px 5px 0px 0px;
	color: #555;
}
.search_result .under-main-img i {
	position: relative;
	top: 4px;
}
.search_result .under-main-img u {
	display: inline-block;
	text-decoration: none;
	color: #555;
}
.search_result .under-main-img {
	padding: 2px 0px;
}
.search_result .under-main-img .fav_link {
	padding: 0px 5px;
}
.search_result .rating-fav-line i {
	position: relative;
	top: 3px;
}
.search_result .rating-fav-line u {
	display: inline-block;
	text-decoration: none;
	color: #555;
}
.search_result .rating-fav-line {
	padding: 2px 0px;
}
.search_result .rating-fav-line .fav_link {
	padding: 0px 5px 0px 0px;
}
.search_result .rating-fav-line .playarrow_link {
	padding: 0px 5px;
	margin-left: 5px;
}
.search_result .play-button {
	display: block;
	margin: 0 auto;
	padding: 2px 8px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #ddd;		
}
.search_result .play-button a {
	text-decoration: none !important;
}
.search_result .resitem p.short_desc2 {
	line-height: 18px !important;
	font-size: 12px !important;		
}


.searchresult .green {
	background: #95DA95;
}


table.searchresult {
	border: 1px solid #ddd;
}
table.searchresult th {
	height: 50px;
}
table.searchresult tr:nth-child(even) td {
	background: #eee;
}
table.searchresult tr:nth-child(odd) td {
	background: #ddd;
}

#vkshare0 td:nth-child(2) > a {
    box-sizing: content-box;
}

.grecaptcha-badge {visibility: hidden;}