body {
	padding: 0;
	margin: 0;
	background: #fdfdfd url(images/bg.gif) no-repeat center top;
	color: #000;
}




#content2 {
	width: 980px;
	margin: 30px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
}

.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

#content  {
 margin: 30px auto 0;
 width: 961px;
 position: relative;
 z-index:2;
 background-color:#fff;
 border:0px solid #dedede;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 0px 0px 3px 3px rgba(190, 190, 190, 0.5);  /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #dedede; /* Safari and Chrome */
  box-shadow: 0px 0px 8px;  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.logo{
background:url("images/logo.gif") no-repeat scroll 0 0 transparent;
width:980px;
height:59px;
position:relative;
left:-10px;
top:10px;
margin-bottom:10px;
}
.klogo{
position:absolute;width:300px;height:50px;border:0px solid #000;cursor:pointer;top:0px;
}
.search{
width:210px;
position:relative;
left:550px;
top:10px;
}
.search_text{
width:200px;
position:relative;
left:210px;
top:-27px;
height:28px;
background:url('images/select/searchbox.png') no-repeat scroll 0 0 transparent;
}

.button_search{
background:url('images/select/search_button.png') no-repeat scroll 0 0 transparent;
width:59px;
height:22px;
border:0px solid #000;
cursor:pointer;
font-size:11px;
font-family:Arial;
font-weight:normal;
color:#fff;
margin: 3px 0 0 4px;
}

.nobutton{
background:url('images/nobutton.png') no-repeat scroll 0 0 transparent;
width:104px;
height:24px;
border:0px solid #000;
cursor:pointer;
font-size:11px;
font-family:Arial;
font-weight:normal;
color:#fff;
}
.nobutton:hover{background-position:0 -24px;}


.int{
width:100px;
height:20px;
border:0px solid #000;
color:#000;
font-size:11px;
font-family:Arial;
font-weight:normal;
margin:0px 0 0 26px;
padding:0px 0 0 3px;
line-height:20px;
}

h1 {
	margin: 0;
	padding: 0;
}
#pagecontent{
width: 961px;
z-index:10;
}

#pagecontent .left{width:205px;float:left;}
#pagecontent .center{width:551px;float:left;}
#pagecontent .right{width:205px;float:left;}

.sidebox{
 margin: 10px auto 0;
 width: 188px;
 position: relative;
 z-index:12;
 background-color:#fff;
 border:0px solid #dedede;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 0px 0px 2px 2px rgba(190, 190, 190, 0.5);  /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #dedede; /* Safari and Chrome */
  box-shadow: 0px 0px 7px;  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.centerbox{
 margin: 10px auto 0;
 width: 541px; /* 546*/
 position: relative;
 z-index:12;
 background-color:#fff;
 border:0px solid #dedede;
 padding-left:5px;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 0px 0px 2px 2px rgba(190, 190, 190, 0.5);  /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #dedede; /* Safari and Chrome */
  box-shadow: 0px 0px 7px;  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.boxhead{
position:relative;
width:189px;
height:36px;
top:11px;
left: -5px;
z-index:13;
background:url("images/boxhead.png") no-repeat top left transparent;
color:#fff;
padding:8px 0 0 56px;
font-family:Arial;
font-size:14px;
font-weight:bold;
}

.boxhead_center{
position:relative;
width:206px;
height:36px;
top:11px;
left: -10px;
z-index:13;
background:url("images/centerbox_headbg.gif") no-repeat top left transparent;
padding:8px 0 0 6px;
margin-bottom:0px;
}

.boxhead_center .text{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#fff;
text-align:right;
width:191px;
}

.boxhead_center .text_short{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:right;
width:191px;
}


.boxhead_right{
position:relative;
top:-20px;
left:270px;
text-align:right;
width:250px;
}


.sidebox_content{
position:relative;
z-index:13;
padding:0px 3px 0 3px;   

}

.footer{
width:98%;
border:1px solid #000;
height:86px;
z:index:9999;
 margin: 10px auto 0;
 margin-bottom:10px;
 position: relative;
 z-index:12;
 background-color:#fff;
 border:0px solid #dedede;
 color:000;
 font-size:12px;
 font-family:Arial;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 0px 0px 2px 2px rgba(190, 190, 190, 0.5);  /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #dedede; /* Safari and Chrome */
  box-shadow: 0px 0px 8px;  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.footer .menu{
padding: 10px 0 0 10px;
border-bottom:1px solid #dfdfdf;
line-height:22px;
}
.footer .copy{
padding:10px 0 0 10px;
border:0px solid #000;
}

.footer .backtotop{
background:url("images/backtotop.png") no-repeat;
position:relative;
top:-93px;
left:800px;
width:76px;
height:110px;
cursor:pointer;
}

.footer a {color:#000;}
.footer a:hover{color:#0397dd;text-decoration:none;}

.gamebox{
 margin: 0px 0px 0px 0px;
 width: 126px;
 position: relative;
 z-index:15;
 height:162px;
 background-color:#fff;
 background:url(images/gamebgfull.gif) no-repeat;
 padding: 0px 0 0 8px;
 float:left;
 }

.textbox{
 margin: 10px 0px 0px 0px;
 width: 157px;
 position: relative;
 z-index:15;
 height:162px;
 background-color:#fff;
 border-right:1px solid #ededed;	
 padding: 0px 0 0 10px;
 float:left;
}


.gamebox_top{
 margin: 0px 0px 0px 0px;
 width: 126px;
 position: relative;
 z-index:15;
 height:162px;
 background-color:#fff;
 background:url(images/gamebgfull.gif) no-repeat;
 padding: 0px 0 0 8px;
 float:left;
 }

.active{
background-position: 0 -166px;
}

.gamebox .picture{
padding:7px 0 5px 0;
}
.gamebox .picture_top{
padding:0 0 5px 0;
}

.gamebox .gamelink{
height:30px;
min-height:30px;
padding-right:5px;
}

.gamebox .gamelink2{
position:relative;
z-index:99;
height:30px;
min-height:30px;
padding-right:5px;
}

.gamebox .r_bar{
position:relative;
z-index:99;
}


.menu ul{width:180px;margin:0;padding:0;list-style: none;padding-bottom:10px;}
.menu li{border-bottom: 1px solid #e2e2e2;line-height:25px;}
.menu li a{color:#505050;font-size:11px;font-family:Arial;font-weight:normal;text-decoration: none;background:url(images/nyil.gif) no-repeat;padding-left:15px;margin-left:5px;}
.menu li a:active,a:link,a:visited{text-decoration: none;}
.menu li a:hover{background-position: 0 -16px;text-decoration: none;color:#e48219;}

.menu_toplist ul{width:180px;margin:0;padding:0;list-style: none;padding-bottom:10px;}
.menu_toplist li{border-bottom: 1px solid #e2e2e2;line-height:25px;color:#505050;font-family:Arial;font-size:11px;font-weight:bold;}
.menu_toplist li a{color:#505050;font-size:11px;font-family:Arial;font-weight:normal;text-decoration: none;padding-left:10px;margin-left:0px;}
.menu_toplist li a:active,a:link,a:visited{text-decoration: none;}
.menu_toplist li a:hover{text-decoration: none;color:#e48219;}


.menu_topten ul{width:180px;margin:0;padding:0;list-style: none;padding-bottom:10px;}
.menu_topten li{border-bottom: 1px solid #e2e2e2;line-height:25px;color:#505050;font-family:Arial;font-size:11px;font-weight:bold;}
.menu_topten li a{color:#505050;font-size:11px;font-family:Arial;font-weight:normal;text-decoration: none;padding-left:3px;margin-left:0px;}
.menu_topten li a:active,a:link,a:visited{text-decoration: none;}
.menu_topten li a:hover{text-decoration: none;color:#e48219;}



.link_all{color:#505050;font-size:11px;font-family:Arial;font-weight:normal;text-decoration: none;background:url(images/nyil.gif) no-repeat;padding-left:15px;margin-left:5px;}
.link_all:active {text-decoration: none;}
.link_all:link {  text-decoration: none; }
.link_all:visited{text-decoration: none;}
.link_all:hover { background-position: 0 -16px;text-decoration: none;color:#e48219;}

.link{color:#505050;font-size:11px;font-family:Arial;font-weight:normal;text-decoration: none;text-align:center;}
.link:active {text-decoration: none;}
.link:link {  text-decoration: none; }
.link:visited{text-decoration: none;}
.link:hover {text-decoration: none;color:#0397dd;}


.tags_link{color:#505050;font-family:Arial;text-decoration: none;}
.tags_link:active {text-decoration: none;}
.tags_link:link {  text-decoration: none; }
.tags_link:visited{text-decoration: none;}
.tags_link:hover {text-decoration: none;color:#e48219;}


/* ------------------  RATINGS           -------------------*/


.ratingblock {
	display:block;
	border-bottom:0px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	
	}

.loading {
	height: 10px;
	background: url('images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('images/starrating.png') top left repeat-x;
	text-align: left;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	text-align: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('images/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}

.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}

.unit-rating a.r6-unit{left: 50px;}
.unit-rating a.r6-unit:hover{width: 60px;}
.unit-rating a.r7-unit{left: 60px;}
.unit-rating a.r7-unit:hover{width: 70px;}
.unit-rating a.r8-unit{left: 70px;}
.unit-rating a.r8-unit:hover{width: 80px;}
.unit-rating a.r9-unit{left: 80px;}
.unit-rating a.r9-unit:hover{width: 90px;}
.unit-rating a.r10-unit{left: 90px;}
.unit-rating a.r10-unit:hover{width: 100px;}




.unit-rating li.current-rating {
	background: url('images/starrating.png') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	text-align: left;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		


.tut-nav {
	margin: 0px;
	left:300px;
	position:relative;
	text-align:right;
	top:-30px;
	width:240px;
	
}

.tut-nav a {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	display: block;
	background-image: url(images/lapozo/nav-btn-bg.gif);
	background-repeat: no-repeat;
	float: left;

}

.tut-nav a strong {
	background-image: url(images/lapozo/nav-btn-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	padding-right: 9px;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 6px;

}

.tut-nav a:hover, .tut-nav a.current {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/lapozo/nav-btn-bg-.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.tut-nav a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/lapozo/nav-btn-bg-active.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.tut-nav a:hover strong, .tut-nav a.current strong {
	background-image: url(images/lapozo/nav-btn-bg-.gif);

}

.tut-nav a:active strong  {
	background-image: url(images/lapozo/nav-btn-bg-active.gif);

}

.tut-nav .left-nav {
	margin: 0px;
	padding: 3px 7px;
	border: 1px none #CCCCCC;
	text-decoration: underline;

}

.tut-nav .right-nav {
	margin: 0px;
	padding: 3px 7px;
	border: 1px none #CCCCCC;
	text-decoration: underline;

}

.tut-nav span {
	color: #999999;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.tut-nav h2 {
	color: #666666;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1em;
	font-weight: normal;

}

.tut-nav div {
	height: 30px;

}

.tut-nav .rightlink {
	float: right;

}

.tut-nav span.empty {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #3E5219;
	text-decoration: none;
	font-size: 1em;
	display: block;
	float: left;
}

.tut-nav span.empty strong {
	display: block;
	padding-right: 9px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 6px;
}

.statictext{
font-size:12px;
font-family:Arial;
color:#000;
line-height:16px;
padding: 0 10px 0 5px;
}


.infobox{
padding:5px;
}

.infobox img{
padding: 10px 4px 0 4px;
}
.infobox p{
padding: 0 2px 0 2px;
font-family:Arial;
font-size:12px;
color:#000;
}

.play_button{
width:189px;
height:36px;
background-image: url(images/play.png);
border:0px solid #000;
cursor:pointer;
}




.tut-nav_also { left: 300px; position: relative; text-align: right; top: 0px; width: 240px; margin: 0 0 10px 0;}

.tut-nav_also a {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	display: block;
	background-image: url(images/lapozo/nav-btn-bg.gif);
	background-repeat: no-repeat;
	float: left;

}

.tut-nav_also a strong {
	background-image: url(images/lapozo/nav-btn-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	padding-right: 9px;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 6px;

}

.tut-nav_also a:hover, .tut-nav_also a.current {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/lapozo/nav-btn-bg-.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.tut-nav_also a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/lapozo/nav-btn-bg-active.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.tut-nav_also a:hover strong, .tut-nav_also a.current strong {
	background-image: url(images/lapozo/nav-btn-bg-.gif);

}

.tut-nav_also a:active strong  {
	background-image: url(images/lapozo/nav-btn-bg-active.gif);

}

.tut-nav_also .left-nav {
	margin: 0px;
	padding: 3px 7px;
	border: 1px none #CCCCCC;
	text-decoration: underline;

}

.tut-nav_also .right-nav {
	margin: 0px;
	padding: 3px 7px;
	border: 1px none #CCCCCC;
	text-decoration: underline;

}

.tut-nav_also span {
	color: #999999;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.tut-nav_also h2 {
	color: #666666;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1em;
	font-weight: normal;

}

.tut-nav_also div {
	height: 30px;

}

.tut-nav_also .rightlink {
	float: right;

}

.tut-nav_also span.empty {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #3E5219;
	text-decoration: none;
	font-size: 1em;
	display: block;
	float: left;
}

.tut-nav_also span.empty strong {
	display: block;
	padding-right: 9px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 6px;
}