body { height:100%; margin:0; padding:0; border:none; background:#222 url('hat.jpg') repeat-y center top;
 font-family:Verdana, Courier; font-size:12px; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#444; text-decoration:none; }


h1 { font-size:14px; color:#222; }
h2 { font-size:13px; color:#333; }
h3 { font-size:12px; display:inline; color:#444; }

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

:focus { outline:none; }
::-moz-focus-inner { border:0; }


.kerek, .games a.game, .games img, fieldset, .gamesadat, .jgames a, .jgames img, .games.hirk, .galeria img, .games .leiras, #border, .infok div { border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -opera-border-radius:3px; -khtml-border-radius:3px; }


#fejh { width:100%; background:url('fej.jpg') no-repeat center top; }
#cont { margin:0 auto; width:1000px; }

#fej { position:relative; width:1000px; height:90px; }
	#fej #logo { width:80px; height:80px; margin:5px; border:none; }
	#fej #lang { position:absolute; right:240px; top:5px; }
		#fej #lang img { margin:0 1px; border:#ccc 1px solid; }
	#fej h1 { display:block; position:absolute; height:24px; left:90px; top:10px; font-size:24px; margin:0; font-weight:bold; font-style:italic; color:#7dab0a; }
	#fej h3 { display:block; position:absolute; height:12px; right:240px; bottom:5px; font-size:12px; margin:0; font-weight:normal; color:#263500; }
	
	#fej #login { position:absolute; right:0; top:0; width:230px; height:90px; background:url('grad.png') repeat-x 0 -5px; border-left:1px solid #CCC; border-right:1px solid #CCC; color:#354b00; }
		#fej #login .icon { position:absolute; left:0; bottom:3px; width:36px; height:40px; background:url('icon.png') no-repeat 0 0; }
		#fej #login #regisztracio { display:block; float:left; color:#7dab0a; padding:2px; }
		#fej #login .jelszoujrapop { display:block; float:right; color:#7dab0a; padding:2px; }
		#fej #login a:hover { background:#f8f8f8; }
		#fej #login #logged { padding:10px 0 0 0; text-align:center; font-weight:bold; }
			#fej #login #logged a { display:block; padding:10px 0 0 0; font-weight:normal; background:none; }
	#fej #loginform { border:none; padding:3px 0 0 0; margin:18px 0 0 0; border-top:1px solid #ddd; }
		#fej #loginform label { float:left; width:75px; line-height:20px; text-align:right; padding-right:5px; }
		#fej #loginform input { width:120px; height:18px; margin:1px 0; padding:0 0 0 2px; background:#f6ffe1 url('input.png') repeat-x 0 bottom; border:1px solid #d1ec8f; color:#354b00; }
		#fej #loginform #belepes { margin:1px 0 0 80px; padding:0; display:block; border:none; background:url('bg.png') repeat-x 0 -50px; width:122px; height:22px; line-height:22px; cursor:pointer; color:#fff; }
		#fej #loginform #belepes:hover { background:url('bg.png') repeat-x 0 0; }

#fmenu { position:relative; z-index:1010; width:1000px; height:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; background:url(menuhat.jpg) repeat-x top; }

#bal { float:left; width:160px; }
	#bal #head { margin-bottom:5px; text-align:center; font-weight:bold; font-size:12px; }
	#bal .link { width:160px; height:90px; margin-bottom:10px; }
	#bal .hir { width:160px; height:600px; background:#fff; margin-bottom:10px; }
	
#tartalom { float:left; position:relative; width:630px; min-height:250px; margin:0 5px 0 5px; overflow:visible; text-align:justify; }
	
#jobb { float:left; width:200px; }
	#jobb .hir { width:200px; height:200px; background:#fff; margin-bottom:5px; }
	

#lab { position:relative; width:1000px; height:100px; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; text-align:center; background:#ddd url(lab.jpg) repeat-x center bottom; }
#lab h3 { color:#444; }

#nevjegy { display:block; position:absolute; right:5px; bottom:5px; }
#webdesign { border:none; width:81px; height:34px; }


#gamebox { float:left; position:relative; width:1000px; text-align:center; font-weight:bold; }
	#gamebox p { text-align:left; margin:10px 0 5px 10px; }
	#gamebox .szavazas { position:absolute; right:0; top:0; line-height:20px; }
	#gamebox .hir { width:728px; height:90px; margin:0 auto; background:#fff; }
	#gamebox .ajanlo { width:840px; margin:0 auto; }
	#gamebox .ajanlo .jgames a { height:146px; }
	#gamebox .link { width:728px; height:15px; margin:20px auto 0 auto; }
	#gamebox .galeria { position:absolute; left:0; bottom:0; width:384px; height:136px; border:none !important; }
	#gamebox .galeria img { width: expression(this.width > 90 && (this.width/this.height) > 1 ? 90 : true); height: expression(this.height > 60 && (this.width/this.height) <= 1 ? 60 : true); max-width:90px; max-height:60px; margin:2px; }
	#gamebox .infok { width:738px; margin:8px auto; }
	.infok div { float:left; width:100px; height:90px; padding:0 0 5px 0; margin:5px; font-weight:normal; overflow:auto; }
	.infok div.nagy { position:relative; width:324px; text-align:left; }
		.infok div.nagy p { padding:5px 5px 0 5px; margin:0; }
	.infok div.leir { width:390px !important; height:235px; }
	.infok div.iranyitas { height:128px; }
	.infok div h2 { display:block; margin:0; padding:5px; background:#d0d0d0 url('grad.png') repeat-x 0 0; font-weight:bold; }
	.infok div img { padding:5px 0 4px 0; }
	#gamebox br { clear:both; }


#gamecont { position:relative; overflow:hidden; margin:0 auto; padding:25px 0 0 0; border-top:1px solid #ccc; }
#gamecont.lent { padding:0 0 25px 0; border-top:none; border-bottom:1px solid #ccc; }
	#gamecont .hirslide { position:absolute; z-index:10; top:-51px; right:0; width:320px; height:50px; background:#fff; border-top:none; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
	#gamecont.lent .hirslide { top:auto; bottom:-51px; border-top:1px solid #aaa; border-bottom:none; }

#gameswf { margin:0 auto; overflow:hidden; padding-top:20px; }
#gameswf, .gameflash { z-index:1; }

#gameload { position:relative; width:468px; height:330px; margin:0 auto; background:#d0d0d0 url('grad.png') repeat-x 0 0; }
	#gameload #border.removable { position:absolute; left:50%; top:50%; width:336px; height:312px; margin:-156px 0 0 -168px; border:3px solid #e8e8e8; }
	#gameload .hir { width:336px; height:280px; margin:0 auto; background:#fff; }
	#gameload .link  { width:468px; height:15px; margin:15px auto 5px auto; background:#ddd; }
	.mini { width:1px !important; height:1px !important; padding:0; }

#progressbar { position:relative; width:336px; height:30px; margin:0 auto; background:#e8e8e8; border-top:2px solid #e8e8e8; }
	#progressbar p { display:block; position:absolute; width:336px; height:30px; line-height:30px; margin:0; text-align:center; }
	#progressbar div { width:0; height:30px; background:url('fej.jpg') no-repeat 0 -90px; }
	#progressbar #continue { display:none; cursor:pointer; color:#fff; }

.games { position:relative; float:left; text-align:center; }
	.games a.game { display:block; position:relative; width:188px; height:147px; padding:5px; margin:5px; background:#d0d0d0 url('grad.png') repeat-x 0 0; text-align:center; }
		.games a.game:hover, .games a.game.hov { background:#ededed; }
	.games img.fokep { position:absolute; bottom:5px; left:0; right:0; margin:0 auto; width: expression(this.width > 186 && (this.width/this.height) > 1 ? 186 : true); height: expression(this.height > 128 && (this.width/this.height) <= 1 ? 128 : true); max-width:186px; max-height:128px; border:1px solid #fff; }
	.games .leiras { display:none; position:absolute; z-index:100; left:5px; top:160px; width:198px; background:#ededed; border-top:none; }
	.games .leiras p { margin:5px; text-align:left; }
		.games .leiras p b { display:block; margin-top:10px; text-align:center; font-size:10px; font-weight:bold; }
	.games .leiras .galeria { margin:5px 2px 10px 2px; }
	.games .leiras .galeria img { width: expression(this.width > 58 && (this.width/this.height) > 1 ? 58 : true); height: expression(this.height > 45 && (this.width/this.height) <= 1 ? 45 : true); max-width:58px; max-height:45px; margin:2px; }
	
.games.hirk { width:200px; height:200px; padding:0px 2px 5px 2px; margin:20px 4px 5px 0; background:#d0d0d0 url('grad.png') repeat-x 0 0; }
	.games.hirk p { margin:0; padding:0; line-height:27px; }
	.games.hirk .hir { width:200px; height:200px; background:#fff; }
.games.link { width:180px; height:63px; margin:0 15px; background:#fff; }


#jobbkiemelt { text-align:center; font-weight:bold; }
	#jobbkiemelt .icon { display:inline-block; vertical-align:middle; width:15px; height:20px; background:url('icon.png') no-repeat 0 -200px; }
.jgames { position:relative; text-align:center; font-weight:normal; }
	.jgames a { display:block; position:relative; padding:5px; margin-top:5px; background:#d0d0d0 url('grad.png') repeat-x 0 0; text-align:center; }
		.jgames a:hover { background:#ededed; }
	.jgames img { width: expression(this.width > 186 && (this.width/this.height) > 1 ? 186 : true); height: expression(this.height > 139 && (this.width/this.height) <= 1 ? 139 : true); max-width:186px; max-height:139px; border:1px solid #fff; }
	
.ajanlo .jgames { float:left; width:200px; height:158px; margin:5px; }
	.ajanlo .jgames img { height: expression(this.height > 128 && (this.width/this.height) <= 1 ? 128 : true); max-height:128px; }


.gamesleiras { float:left; width:430px; }
	.gamesleiras h1 { margin-top:0; }

.gameskep { float:right; width:210px; }


.galeria img { margin:1px; width: expression(this.width > 100 && (this.width/this.height) > 1 ? 100 : true); height: expression(this.height > 750 && (this.width/this.height) <= 1 ? 75 : true); max-width:100px; max-height:75px; }


.ajaxtolt { display:none; }

.uform { border:none; }
	.uform fieldset { width:340px; margin:10px auto; padding:10px; border:1px solid #bbb; }
	.uform legend { font-weight:bold; font-size:16px; padding:1px 4px; }
	.uform label { float:left; width:120px; line-height:22px; text-align:right; padding-right:5px; }
	.uform input { width:170px; height:18px; margin:2px 0; padding:0 0 0 2px; background:#f6ffe1 url('input.png') repeat-x 0 bottom; border:1px solid #d1ec8f; color:#354b00; }
		.uform input.disabled { background:#d0d0d0 url('grad.png') repeat-x 0 0; border:1px solid #ccc; }
	.uform select { width:174px; margin:2px 0; border:1px solid #d1ec8f; color:#354b00; }
	.uform textarea { width:170px; margin:2px 0; padding:0 0 0 2px; background:#f6ffe1 url('input.png') repeat-x 0 bottom; border:1px solid #d1ec8f; color:#354b00; }
	.uform .btn { margin:10px 0 0 125px; padding:0; display:block; border:none; background:url('bg.png') repeat-x 0 -50px; width:172px; height:22px; line-height:22px; cursor:pointer; color:#fff; }
	.uform .btn:hover { background:url('bg.png') repeat-x 0 0; }

form br { clear:left; }
.checkbox { width:auto !important; }
.hiba { border:1px solid #F90 !important; }

.dbox { position:absolute; top:150px; left:150px; padding:44px 0 0 44px; }
.dbox .tartalom { *width:350px; }	/*hack ie7*/
.dbox .rt { position:absolute; right:0; top:0; width:44px; height:44px; background:url(dbox.png) right top no-repeat; }
.dbox .lb { position:absolute; left:0; bottom:0; width:44px; height:44px; background:url(dbox.png) left bottom no-repeat; }
.dbox .rb { position:relative; left:0; top:0; background:url(dbox.png) right bottom no-repeat; }
.dbox .lt { position:relative; left:-44px; top:-44px; background:url(dbox.png) left top no-repeat; }
.dbox h2 { display:inline; position:relative; left:22px; top:18px; font-size:16px; padding-right:20px; color:#fff !important; }
.dbox .tartalom { position:relative; left:22px; top:22px; padding-top:10px; max-width:1000px; }
.dbox .ajaxtolt { display:none; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#efefef; line-height:130px; text-align:center; font-weight:bold; }
.popclosebtn { display:block; position:absolute; right:15px; top:15px; padding:5px; font-size:15px; line-height:15px; font-weight:bold; color:#fff; outline:none; text-decoration:none; }
	.popclosebtn:hover { color:#ccc; text-decoration:none; }
.dbox .button { display:block; border:none; background:url('bg.png') repeat-x 0 -50px; height:22px; line-height:22px; cursor:pointer; padding:0 10px; margin:10px auto 0 auto; border:none; text-align:center; color:#fff; font-weight:bold; outline:none !important; }
.dbox .button:hover { background:url('bg.png') repeat-x 0 0; }


.popup { display:none; position:fixed; z-index:1800000; top:5px; left:5px;}
.popup .tartalom { clear:both; max-height:400px; overflow:auto; }
	.popup .tartalom .fix { height:350px; overflow:auto; }
.popup h4 { text-align:center; padding-bottom:15px; }
	.popup h4 ul { text-align:left; margin-bottom:0; }
.popup .button { float:right; margin:10px 15px 0 0; }

.popup.fix { width:600px; }


/* jqm popup*/
.fade { background-color:#000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm { position:absolute;top:0;left:0;z-index:-1; width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px'); }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */
* html .popup { position:absolute;  top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
/* jqm popup*/


/* RATER PLUGIN */
.ui-rater {margin-left:5px;}
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {margin-left:2px; font-size:14px; font-weight:bold; }
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}
/* RATER PLUGIN */


/* menu */

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

.ddmenu li { float:left; position:relative; }

.ddmenu a { display:block; width:142px; height:30px; background:url(bmenuhat.jpg); line-height:30px; font-size:12px; text-decoration:none; text-align:left; text-indent:5px; color:#263500; font-weight:bold; }
.ddmenu.hor a { background:url(menuhat.jpg); text-align:center; text-indent:0; color:#fff; }
.ddmenu a:hover, .ddmenu li:hover > a { background:url(bmenuhat2.jpg); color:#0f1500; }
.ddmenu.hor a:hover, .ddmenu.hor li:hover > a { background:url(menuhat2.jpg); color:#263500; }

/* style sub level links */
.ddmenu.hor ul ul a { background:url(menuhat2.jpg); color:#263500; }
.ddmenu.hor ul ul a:hover, .ddmenu.hor ul ul li:hover > a { background:url(menuhat3.jpg); color:#0f1500; }



.ddmenu ul ul, .ddmenu.hor ul ul ul { width:142px; display:none; position:absolute; z-index:1000; padding:30px 180px 80px 10px; left:132px; top:-30px; } /* függőleges 2. és 3+ szint pozicio (minus the overrun) */
.ddmenu.hor ul ul { top:30px; left:-10px; padding:0px 180px 80px 10px; } /* vizszintes 2. pozicio (minus the overrun) */

.ddmenu.hor ul li.left ul { padding:0px 10px 80px 10px; } /* position the third+ level flyout menuh for a left flyout */
.ddmenu.hor ul li.left ul ul { top:-30px; left:-318px; padding:30px 10px 80px 180px; } /* position the third+ level flyout menuh for a left flyout */

.ddmenu ul :hover ul { display:block; } /* make the second level visible when hover on first level list OR link */
.ddmenu ul :hover ul ul { display:none; } /* keep the third level hidden when you hover on first level list OR link */
.ddmenu ul ul :hover ul{ display:block; } /* make the third level visible when you hover over second level list OR link */
.ddmenu ul ul :hover ul ul{ display:none; }
.ddmenu ul ul ul :hover ul { display:block; }
.ddmenu ul ul ul :hover ul ul { display:none; }
.ddmenu ul ul ul ul :hover ul { display:block; }
.ddmenu ul ul ul ul :hover ul ul { display:none; }
.ddmenu ul ul ul ul ul :hover ul { display:block; }
.ddmenu ul ul ul ul ul :hover ul ul { display:none; }
.ddmenu ul ul ul ul ul ul :hover ul { display:block; }