body {
background: #3D373C url(images/pbg.gif) top repeat-x;
margin: 0;
margin-top: 100px;
outline:0;
padding:0;
color:#CCCCCC;/*#C6BDC4;*/
}
body,td,th,input,textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

.tBdr {
border: 3px solid #000000;
min-width:1120px;
}

ul li {margin:0;padding:0;list-style-type:none; }

.head {
background: url(images/head.gif) no-repeat left bottom;
height:261px;
width:1110px;
}
.mtBg {
background: url(images/tbg.gif) repeat-x bottom;
}
.cltd {
background: url(images/cltd.gif) no-repeat left bottom;
height:261px;
width:370px;
}
.lttd {
background: url(images/ltd.gif) no-repeat left bottom;
height:261px;
width:210px;
}

.tTitle {
padding-left:310px;
padding-top:160px;
margin:0px;
}

.tbg {
background: url(images/tbg.gif) repeat-x;
height:261px;
width:560px;
}

.dbg {
background: url(images/dbg.gif) repeat-x top;
height:46px;
}
.gBor {
padding:10px;
align:right;
border: 2px solid #81707E;/*#FFBB77;*/
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.shareBg {
background: url(images/shareBg.gif);
background-repeat:no-repeat;
background-position: right center;
padding-right:10px;
}
.sh {
padding-right:20px;
}

.lBg {
background: #554B53;
width:190px;
padding-left:15px;
}

.rBg {
background: #554B53;
padding-left:20px;
padding-right:10px;
}

.fBr {
border-top: 3px solid #000000;
}

.chatBorder {
background: #554B53;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
padding:10px;
}


a:link {
color: #FFBD75;/*#008CEA;*/
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFBD75;
}
a:hover {
text-decoration: underline;
color: #FFBD75;
}
a:active {
text-decoration: none;
color: #FFBD75;
}
h1 {
color: #FFBB77;
font-size:24px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:10px;
}
h2{
color: #FFBD75;
font-size:20px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:10px;
text-transform:uppercase;
}
p {
margin:0px;
padding:0px;
padding-top:3px;
padding-bottom:10px;
}
.lMenu:link {
text-decoration: none;
color: #FFCC99;
font-weight:bold;
font-size:16px;
text-transform: uppercase;
}
.lMenu:visited {
text-decoration: none;
color: #FFCC99;
font-weight:bold;

}
.lMenu:hover {
text-decoration: none;
color: #FFF1E3;
font-weight:bold;

}
.lMenu:active {
text-decoration: none;
color: #FFCC99;
font-weight:bold;

}

.sm {
font-size:14px;
}
.dM:link {
text-decoration: underline;
color: #988794;
font-weight:bold;
font-size:16px;
}
.dM:hover {
text-decoration: none;
color: #988794;
font-weight:bold;
font-size:16px;
}
.dM:visited {
text-decoration: underline;
color: #988794;
font-weight:bold;
font-size:16px;
}
.dM:active {
text-decoration: underline;
color: #988794;
font-weight:bold;
font-size:16px;
}
.dFoot {
padding-right:20px;
text-align:right;
}
.all {
padding:5px;
/*background-color:#594F57;*/
background: #3D373C url(images/pbg.gif) top repeat-x;
}
.PD10 {
padding:10px;
}
.nWr {
white-space:nowrap;
}
.bOld {
font-weight:bold;
}
.dMenu:link {
text-decoration: underline;
color: #CCCCCC;
font-size:16px;
text-transform: capitalize;
}
.dMenu:visited {
text-decoration: underline;
color: #CCCCCC;
font-size:16px;
text-transform: capitalize;
}
.dMenu:hover {
text-decoration: none;
color: #CCCCCC;
font-size:16px;
text-transform: capitalize;
}
.dMenu:active {
text-decoration: underline;
color: #CCCCCC;
font-size:16px;
text-transform: capitalize;
}
.forms {
border: 1px solid #C6BDC4;
font-family:  Verdana, Arial, Tahoma, Helvetica,sans-serif;
font-size: 16px;
width:300px;
padding-left:5px;
background-color:#554B53;
color:#C6BDC4;
}
.bT {
font-size:16px;
font-weight:bold;
}
.pinkBg {
background-color:#6C606A;
padding:5px;
}
.stSm {
font-size:14px;
}
.rColor {
color: #FFBD75;
text-transform: uppercase;
}

.rB:link {
line-height:25px;
padding: 4px 8px;
border: 1px solid #494147;
background-color: #494147;
  -webkit-border-radius: 8px 0px 8px 0px;
     -moz-border-radius: 8px 0px 8px 0px;
          border-radius: 8px 0px 8px 0px;
text-transform: uppercase;
text-decoration:none;
}
.rB:hover {
line-height:25px;
padding: 4px 8px;
border: 1px solid #7C6D79 !important;
background-color: #7C6D79 !important;
  -webkit-border-radius: 8px 0px 8px 0px;
     -moz-border-radius: 8px 0px 8px 0px;
          border-radius: 8px 0px 8px 0px;
text-transform: uppercase;
text-decoration:none;
}
.rB:visited {
line-height:25px;
padding: 4px 8px;
border: 1px solid #494147;
background-color: #494147;
  -webkit-border-radius: 8px 0px 8px 0px;
     -moz-border-radius: 8px 0px 8px 0px;
          border-radius: 8px 0px 8px 0px;
text-transform: uppercase;
text-decoration:none;
}


/************************************************ Added New Styles ****************************************/

.sF {
padding-right:10px;
padding-bottom:5px;
}

.cB {
clear: both;
}

.ctrls {
background: url(http://www.gamesforboys.ru/css/controls.png) top right no-repeat;
border:2px solid #81707E;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
padding:5px;
padding-top:25px;
margin:5px;
width: -moz-max-content;
width: -webkit-max-content;
}
.mTags {
background: url(http://www.gamesforboys.ru/css/tags.png) top right no-repeat;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
padding:10px;
padding-top:25px;
text-transform: uppercase;
color:#FFCE9C !important;
}
.gTags {
background: url(http://www.gamesforboys.ru/css/tags.png) top right no-repeat;
border:2px solid #81707E;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
padding:10px;
padding-top:25px;
width: auto;
text-transform: uppercase;
color:#FFCE9C !important;
}
.tags {
background:#473F45;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
padding:5px;
margin:5px;
display: inline-block;
}
.pL10 {
padding-left:10px;
}
.pL5 {
padding-left:5px;
}
.pL20 {
padding-left:20px;
}
.pR10 {
padding-right:10px;
}
.pT20 {
padding-top:20px;	
}
.pd {
padding:10px;
}
.adv {
background: url(http://www.gamesforboys.ru/cthumb/adv.gif) no-repeat left top;
}

.main {
background: url(http://www.gamesforboys.ru/cthumb/main.gif) no-repeat left top;
}
.new {
background: url(http://www.gamesforboys.ru/cthumb/new.gif) no-repeat left top;
}
.arc {
background: url(http://www.gamesforboys.ru/cthumb/arc.gif) no-repeat left top;
}
.chat {
background: url(http://www.gamesforboys.ru/cthumb/chat.gif) no-repeat left top;
}
.drw {
background: url(http://www.gamesforboys.ru/cthumb/drw.gif) no-repeat left top;
}
.puz {
background: url(http://www.gamesforboys.ru/cthumb/pzl.gif) no-repeat left top;
}
.mil {
background: url(http://www.gamesforboys.ru/cthumb/mil.gif) no-repeat left top;
}
.sho {
background: url(http://www.gamesforboys.ru/cthumb/sho.gif) no-repeat left top;
}
.spr {
background: url(http://www.gamesforboys.ru/cthumb/spr.gif) no-repeat left top;
}
.str {
background: url(http://www.gamesforboys.ru/cthumb/str.gif) no-repeat left top;
}
.rbt {
background: url(http://www.gamesforboys.ru/cthumb/rbt.gif) no-repeat left top;
}
.prk {
background: url(http://www.gamesforboys.ru/cthumb/prk.gif) no-repeat left top;
}
.drv{
background: url(http://www.gamesforboys.ru/cthumb/drv.gif) no-repeat left top;
}
.drs{
background: url(http://www.gamesforboys.ru/cthumb/drs.gif) no-repeat left top;
}
.vid{
background: url(http://www.gamesforboys.ru/cthumb/vid.gif) no-repeat left top;
}
.let {
background: url(http://www.gamesforboys.ru/cthumb/let.gif) no-repeat left top;
}
.dra {
background: url(http://www.gamesforboys.ru/cthumb/dra.gif) no-repeat left top;
}
.knst {
background: url(http://www.gamesforboys.ru/cthumb/knst.gif) no-repeat left top;
}
.mD {
padding:3px;
margin:0px;
padding-left:36px;
padding-right:5px;
height:30px;
line-height:30px;
border:#554B53 2px solid;
white-space:nowrap;
}

.nMb {
padding:2px;
background-color:#FF9900;
border:1px solid #CC0000;
width:25px;
height:25px;
float:left;
margin-left:5px;
text-align:center;
font-weight: bold;
}


.pGn span.nMbr,.pGn .pages span.nMbr
{
display:block;
float:right;
width:28px;
height:28px;
background-color:#333333;
border:1px solid #333333;
font-weight:bold;
color:#FFFFFF;
line-height:26px;
text-align:center;
text-decoration:none;
}
.pGn
{
float:right;
margin-right:15px;
/*_margin-right:8px;*/
padding-top:0px
}
.pGn span.nMbr{
float:left;
margin:0 3px
}
.pGn .pages span.nMbr a,.pGn a.pgNs{
margin-top:-2px;
margin-left:-2px;
display:block;
width:26px;
height:26px;
background:#3D373C;
border:1px solid #333333;
font-weight:bold; 
color:#FFBD75;
line-height:28px;
text-align:center;
text-decoration:none
}
.pGn a:hover
{
text-decoration:underline
}

div.subPGT
{
margin-top:0px;
padding-bottom:0 !important
}
div.subPGT div.pages
{
padding-bottom:0;
line-height:26px
}
/*div.subPGB div.pages{margin-top:0;line-height:20px}*/
#PGT .pages
{
margin-top:0
}
#PGT .pGn{
padding-top:5px;
/*_padding-top:1px*/
}
div.pages{
color:#C6BDC4;
float:left;
margin-left:3px;
padding-top:5px
}

.pgsFn {
font-size:16px;
font-weight:bold;
}

/* float_box */
.clear{ clear:both;}
.float_box {
width:300px; 
height:250px;
float:right; 
margin:0 20px 0 0; 
padding:10px;
}

.cI {
vertical-align:middle;
padding:2px;
}

/* Icons Styles */

.tIcon {
	margin: 0px;
	position: relative;
	float: left;
	
}

.tIcon div.cl1 {
	width: 31px;
	height: 24px;
	display: block;
	position: absolute;
	top: 10px;
	left: 125px;
	background: url(images/ss.png) no-repeat;
	

z-index:999;
}

.tIcon div.cl2{
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 38px;
	left: 125px;
	background: url(images/vd.png) no-repeat;
	

z-index:999;
}
.tIcon div.cl3 {
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 10px;
	left: 125px;
	background: url(images/vd.png) no-repeat;
	

z-index:999;
}



.tIcon div.cl10 {
	width: 31px;
	height: 24px;
	display: block;
	position: absolute;
	top: 10px;
	left: 185px;
	background: url(images/ss.png) no-repeat;
	

z-index:999;
}

.tIcon div.cl20{
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 38px;
	left: 185px;
	background: url(images/vd.png) no-repeat;
	

z-index:999;
}
.tIcon div.cl30 {
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 10px;
	left: 185px;
	background: url(images/vd.png) no-repeat;
	

z-index:999;
}


.tIcon div:hover {
	opacity:0.8;filter:alpha(opacity=80);
}
.tIcon a {
	text-decoration: none;
}

/* End of IS */

/* Preloader */
#preloader{
margin:0px;
font:12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
font-weight:bold;
text-align:center;
padding-top:20px;
}
.adbox{
width:320px;
height:260px;
margin:0px auto;
margin-top:30px;
margin-bottom:30px;
padding:20px;
border:1px solid #A89BA6;
background-color:#3D373C;
}
#game{
display:none;
}

/* End of Preloader */

.shBg {
height:100px;
background: #554B53 url(images/share.png) top left no-repeat;
}

/*Search Fields*/

   .si {
    width: 218px; 
    border: 2px solid #81707E;
    min-height: 30px;
margin-top:5px;
margin-bottom:10px;
margin-left:2px;
5px
   }
#sig {
    width: 218px; 
    border: 2px solid #FFBB77;
    min-height: 30px;
margin-top:5px;
margin-bottom:10px;
margin-left:2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
float:right;
   }
   input[type="search"] {
    border: none;
    outline: none;
    -webkit-appearance: none;
padding-left:10px;
    width: 182px;
    vertical-align: middle;
background: #554B53;
color:#CCCCCC;
   }
   input[type="submit"] {
    width: 30px;
    height: 30px;
    border: none;
    background: url(images/search.png) no-repeat 50% 50%; 
cursor:pointer;
   }
   #sig input[type="search"] {
    border: none;
    outline: none;
    -webkit-appearance: none;
padding-left:10px;
    width: 182px;
    vertical-align: middle;
background: #3D373C;
color:#CCCCCC;
   }
  #sig input[type="submit"] {
    width: 30px;
    height: 30px;
    border: none;
    background: url(images/search.png) no-repeat 50% 50%; 
cursor:pointer;
   }

.sb {
text-transform: uppercase;
color: #FFCC99;
font-weight:bold;
font-size:16px;
margin:0;
padding:0;
padding-left:10px;
padding-top:20px;
}

#flashContent { 
width:100%; 
height:100%;
overflow: hidden; 
}

.screenshots {
width:640px;
height:auto;
background:#333333;
padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}

.screenshots p{
text-transform:none;
font-weight:normal;
padding:10px;
padding-left:20px;	
}
.adsbg {
background:#473F45;
padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
width:auto;
}
.adspd {
text-align:center;
padding:10px;
}
#scroll {
width:640px;
height:506px;
margin:0;
padding:0px;
border:0;
overflow:auto;

}
#scroll ul {
float:left;
margin-right:-999em;
white-space:nowrap;
list-style:none;
padding:0px !important;
margin-left:0px !important;
margin-top: 0px !important;
}
#scroll li {
margin:0px;
padding:0px;
text-align:center;
float:left;
display:inline;           
}
#scroll img {
border:0;
display:block;
height:480px;
width:640px;
padding-right:5px;
}

#scroll a {
text-decoration:none;
font-weight:bold;
color:#000;
}

#scroll span {
padding:5px 0 0;
display:block;
}
/* ------------- Flexcroll CSS ------------ */
.scrollgeneric {
line-height:1px;
font-size:1px;
position:absolute;
top:1;left:0;
}
.hscrollerbase {
height:20px;
background:#333;
padding-top:5px;
}
.hscrollerbar {
height:12px;
background:#ccc;
cursor:e-resize;
padding:3px;
border:1px solid #ccc;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.hscrollerbar:hover {
background:#fff;
border:1px solid #fff;
}

/* input */
input,textarea {
border: 1px solid #81707E;
background:#554B53;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
line-height:20px;
font-size:16px;
color:#CCCCCC;
padding:3px;
padding-left:10px;	
}
.infi {
width:350px;
}

.fbg {
background: #554B53 url(../images/fbg.png) repeat-x bottom;
height:auto;
	
}
 textarea {
	resize: vertical; 
}

.btn {
background-color: #554B53; 
border: 1px solid #81707E;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
height: 30px; 
margin:3px;
cursor:hand;
color:#CCCCCC;
width:auto;
}
.sbbtn {
background: #554B53 url(images/sbbtn.png) no-repeat left; 
border: 1px solid #81707E;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
height: 30px; 
margin:7px;
cursor:hand;
color:#CCCCCC;
width:120px;
}
.likeH2{
background:#473F45;
padding:15px;
margin-bottom:10px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;	
text-transform:uppercase;
font-size:16px;
font-weight:bold;
color: #FFBD75;
}



.iBor { 
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px; 
border:4px #81707E solid;
display: inline-block;
}

.biBor { 
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;  
border:4px #FFF solid;
display: inline-block;
}

.mt
{
	moz-transition: all .2s;
	ms-transition: all .2s;
	o-transition: all .2s;
	transition: all .2s;
	webkit-transition: all .2s;
}


.gLD
{
	image: url("../images/thumb.png");
	/*padding: 10px;*/
padding:0; margin:0;
}

a.gLD
{
	align: center;
	display: inline-block;
   	margin: 0px;
	overflow: hidden;
	position: relative;
	
}
 a.gLD span.hot,a.gLD span.new,a.gLD span.featured
{
	/*height: 66px;*/
	left: 0;
	position: absolute;
	top: 0;
	/*width: 66px;*/
}
a.gLD span.hot
{
	background-image: url("../images/hot-game.png");
}
a.gLD span.new
{
	background-image: url("../images/new-game.png");
}
a.gLD span.featured
{
	background-image: url("../images/featured-game.png");
	z-index: 3;
}
a.gLD 
span.img
{
	background: url('../images/loading.gif') no-repeat center;
	display: block;
	height: 100px;
	overflow: hidden;
	/*width: 100px;*/
}
a.gLD span.img img
{

}
a.gLD span.name
{
	background: rgba(0,0,0,.7);
	border-radius:  0 0 13px 13px;
	bottom: -90px;
	left: 3px;
	right:217px;
	color: #FEFEFE;
	display: block; min-height: 50px;
      	font-family: Verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;

	
    	margin-top: 3px;
    	margin-bottom: 15px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 2px #000000;

	text-transform: uppercase;
	width:211px;
	z-index: 1;
	padding:5px;
}


a.gLD:hover span.name
{
bottom: -9px;
left: 3px;
right:217px;
}


/* ################# popupmessage ################ */

#pp {
    position: fixed;
    top:-1200px; left:40%;
    margin-left:-285px;
    width: 800px;
	height: 500px;
    background:#3D373C;
    z-index:999999;
    box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
}

#pp .pp-header, #pp .pp-footer{
    padding: 10px;
    background: #343033; 
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
}
#pp .pp-header h3{
    margin:0;
    font: bold 1.7em/1.3 Verdana;
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);
    text-align: center;
}
#pp .pp-content-main h3{
text-align: left;
margin:0;
    font: bold 1.7em/1.3 Verdana;
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);

}
#pp .pp-content{   width: 780px; background: #554B53 url(images/post.png) no-repeat right bottom; padding: 20px 10px;}
#pp .pp-content-main{
    width: 440px;
    padding: 0 0 10px 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
	color:#CCC;
	font: normal 1em Verdana;
}

#pp .pp-content-main h4 {padding-left: 0; margin: 10px;}
#pp .pp-content-main h4 { font-size: 18px; margin:0 0 5px 20px; color:#fff;}

#pp .pp-footer { background: #7C727A; text-align: center;}

#pp-bg {
    position: fixed;
    top:0; left:0;
    width:100%; height: 100%;
    background: rgba(30,30,30,0.5);
    z-index:99999;
    display: none;
}

/*############################ HINT #############################*/

.hint
{
display: inline-block;
color:#ccc;	
width: 90%;
max-width:700px;
padding: 10px;
margin:10px;
border: 1px solid #3D373C;
background:#3D373C;
  -webkit-border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
          border-radius: 20px 20px 20px 20px; 
opacity:0.8;
}

.ar {
text-align: right;
}

/*######################## LIGHTOFFON ############################*/
.gameBoxPanel {
height:80px;
border-bottom:1px solid #CCC;
background: #333; 
background: -webkit-linear-gradient(#444, #333);
background: -o-linear-gradient(#444, #333); 
background: -moz-linear-gradient(#444, #333);
background: linear-gradient(#444, #333); 
}

.gameBoxPanel img{
padding:15px;
}
.gameBoxBR {
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px; 
background:#333;
padding:10px;
}
.tlcr {
		border-top-left-radius:15px;
  -webkit-top-left-border-radius: 15px;
     -moz-top-left-border-radius: 15px;
}
.trcr {
			border-top-right-radius:15px;
  -webkit-top-right-border-radius: 15px;
     -moz-top-right-border-radius: 15px;
}

.blcr {
background:#333;	
	border-bottom-left-radius:15px;
  -webkit-bottom-left-border-radius:15px;
     -moz-bottom-left-border-radius:15px;
	 
}
.brcr {
	background:#333;	
			border-bottom-right-radius:15px;
  -webkit-bottom-right-border-radius: 15px;
     -moz-bottom-right-border-radius: 15px;
}

.gameBoxBg {
background:#333;
}

#the_lights{
background-color:#000;
height:3500px;
width:100%;
position:absolute;
top:0;
left:0;
display:none;
}
#standout{
padding:15px;
position:relative;
z-index:100000;
}
#gPanel {
position:relative;
z-index:100000;
}

#sameGames {
text-transform:uppercase;
text-align:center;
font-weight:bold;
}

#sameGames img {
width:90px;
height:90px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
border:4px #CCF solid;
padding:0px;
margin:10px;
  -webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}
#sameGames img:hover {
-webkit-filter: sepia(100%);
filter:sepia(100%);
}



/* ################# VOTE ################*/
.vote {position: relative;top: 10px;font-weight:bold; margin:0px;padding:2px;}
.vote2 {position: relative;top: 10px;font-weight:bold; margin:0px;padding:2px;}

/* ##################### FLOAT LEFT RIGHT #################### */
.imgLeft {
    float: left;
    margin: 5px 5px 5px 0;
   }
.imgRight  {
    float: right;
    margin: 5px 0 5px 5px;
   }
/* ################ VIDGET STYLE ####################### */
.wcomments_head {
  background: #000000 !important;
}

#submit_post_box_wrap {
  background: #CCCCCC !important;
}

.button_blue button, .button_blue.button_disabled button:active, .button_blue.button_disabled button.active, .button_blue.button_disabled button:hover, .button_blue.button_disabled button.hover {
  background: #C0c0c0 !important;
  color: #FFF !important;
} 


/* ###################### SHOW/HIDE EFFECT ################# */ 

.clImg {
cursor:pointer;
}

.hidespan{
display:none;
line-height:35px;
vertical-align:bottom;
}

.clImg:focus + .hidespan{
display:inline;
}

.hidespan:active {
display:inline;
}
.showspan {
line-height:35px;
vertical-align:bottom;
}

/* ################ HORIZONTAL MENU ################## */

.hM {
background:#3D373C;
}

.header {
background: #3D373C url(images/hbg.png) repeat-x top;
height:85px;
}
.footer {
background: #3D373C url(images/dbg.png) repeat-x bottom left;
height:40px;
text-align:center;
border-top: 3px solid #000;
color:#FFF;
}
.outmc {
	padding: 10px;
	color: #CCC;
	text-align: center;
}
.mc {
background: #554B53;
}

.taleMgCat li {
 display:inline-block;
 width:auto;
 min-width:70px;
 margin:3px;
 text-align:center;
 text-transform:uppercase;
   -webkit-border-radius: 20px 5px 20px 20px;
     -moz-border-radius: 20px 5px 20px 20px;
          border-radius: 20px 5px 20px 20px;
 color:#FFF;
 font-weight:bold;
 cursor:pointer;
   }
.topMenu{ 
	/*padding:0; 
	margin: 0 0 0 0; 
	list-style:none; 
	text-align:center; 
background: #333333 url(images/hbg.png) repeat-x top;
border-bottom:#000 2px solid;
 */
    position: absolute;
    top: 0; 
	width:100%;
	height:90px;
    /*z-index:100001; */
	list-style:none; 
	background: #333333 url(../images/hbg.png) repeat-x top;
	text-align:center;
	border-bottom:#000 2px solid;
}

.topMenuCategory{ 
    position: fixed;
    top: 0; 
    width:100%;
	height:90px;
    z-index:100001; 
	list-style:none; 
	background: #333333 url(../images/hbg.png) repeat-x top;
	text-align:center;
	border-bottom:#000 2px solid;
}
#taleMenu {

}

#taleMenu li {
 display:inline-block;
 width:auto;
 min-width:80px;
 height:80px;
 margin:3px;
 vertical-align:middle;
 text-align:center;
 padding:3px;
 padding-top:15px;
 text-transform:uppercase;
   -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
 color:#FFF;
 font-weight:bold;
 cursor:pointer;
   }
   
#taleMenu a {
color:#FFF;	
text-decoration:none;
}

#taleMenu li:hover {
background-color:#666 !important;
}

#taleMenuMg {

}

#taleMenuMg li {
 display:inline-block;
 width:auto;
 min-width:70px;
 margin:3px;
 text-align:center;
 text-transform:uppercase;
   -webkit-border-radius: 20px 5px 20px 20px;
     -moz-border-radius: 20px 5px 20px 20px;
          border-radius: 20px 5px 20px 20px;
 color:#FFF;
 font-weight:bold;
 cursor:pointer;
   }
   
#taleMenuMg a {
color:#FFF;	
text-decoration:none;
}

#taleMenuMg li:hover {
background-color:#666 !important;
}

.topMenu li { 
	display:inline-block; 
	vertical-align:top; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
.topMenu a { 
text-decoration:none;
text-transform: uppercase;
font-weight:bold;
}
.topMenu a:hover { 
text-decoration:none;
text-transform: uppercase;
font-weight:bold;
color:#FFF;
}

#leftMenu li:hover{
background-color:#333 !important;
}

.advBox {
	width:580px;
	height:auto;
	background:#333;
	padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}
.advBox2 {
	width:280px;
	height:auto;
	background:#333;
	padding:10px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}
.advBox3 {
	width:280px;
	height:auto;
	background:#333;
	padding:10px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}

.descCat {
width:580px;
background:#333333;
padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}

.gameBox {
width:280px;
height:auto;
background:#333333;
padding:10px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
		  text-align:center;	
}

.gameBox a {
text-transform:uppercase;
font-weight:bold;
text-decoration:none;	
}
.gameBox a:hover {
color:#FFF;
}

.gameBox img:hover {
-webkit-filter: sepia(100%);
filter:sepia(100%);
}
.gameBox1 {
width:180px;
height:auto;
background:#333333;
padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
		  text-align:center;	
}
.gameBox2 {
width:330px;
height:auto;
background:#333333;
padding:15px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
		  text-align:center;	
}


.fillImage {
width:100%;
height:auto;	
}

.catImage{
	width:270px;
	height:auto;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
		  border:4px #CCC solid;	
}

#footL{ 
    bottom: 0; 
	width:auto;
   	list-style:none; 
	border-top:#000 2px solid;
	text-align:center;
	background: #333333 url(../images/dbg.png) repeat-x top;
	margin:0;
	padding:10px;
}

#downMenu { 
	width:auto;
   	list-style:none; 
	text-align:center;
	padding:10px;
text-transform:uppercase;
}
#downMenu li {
	display:inline-block; 	
}


@media screen and (max-width: 999px) {
    #hideHead {
        display: none !important;
    }
}

@media screen and (max-width: 1250px) {
    #hideHead {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/smhleft.png) no-repeat;
  width: 250px; /* Width of new image */
  height: 85px; /* Height of new image */
  padding-left: 250px; /* Equal to width of new image */
    }
}

.titleGame {
text-transform:uppercase;
}



/*@media screen and (max-width: 1299px)  {
html {
position:absolute;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform:scale(0.7);
transform: scale(0.7);
-moz-transform-origin: top left;
transform-origin:top left;
-o-transform-origin:top left;
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
}
}*/

.tt{
   			display: inline;
    		position: relative;
		}
		
		.tt:hover:after{
    		background: #333333;
    		background: rgba(0,0,0,1);
    		border-radius: 10px;
    		bottom: -36px;
    		color: #fff;
    		content: attr(title);
			
    		left: 50%;
    		padding: 10px 10px 10px 10px;
    		position: absolute;
    		z-index: 98;
    		width: auto;
			white-space:nowrap;
		}
		
		.tt:hover:before{
    		border: solid;
			border-color: #000000 transparent;
    		border-width: 0px 10px 10px 10px;
    		bottom: 0px;
    		content: "";
    		left: 20px;
    		position: absolute;
    		z-index: 99;
		}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}