body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #FFFFFF;
background: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #006BE4;
margin: 0px;
padding: 0px;
}

#mainContainer {
position: relative;
display: block;
width: 980px;
top: 0px;
left: 0px;
background: url(images/mainbg.gif);
}

#content {
position: relative;
top: 0px;
left: 60px;
float: left;
width: 670px;
margin: 0px;
background: transparent;
color: #000000;
}

.alapbetu {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
}


#content a {
text-decoration: none;
border-bottom: 0px solid #DEFF00;
color: #FF0000;  
}

#content a:hover {  
border-bottom: 0px solid #DEFF00;
color: #000000;
}


#ikonok {
position: absolute;
top: 179px;
right: 78px;
font-weight: bold;
font-size: 10px;
color: #CB6E00;
font-family: arial;
text-align: right;
width: 200px;
}
#ikonok a {
text-decoration: none;
border-bottom: 0px solid #DEFF00;
color: #FF0000;  
}
#ikonok a:hover {  
border-bottom: 0px solid #DEFF00;
color: #000000;
}


#sideBar h1{
font-size: 1.0em;
letter-spacing: 1px;
text-transform: uppercase;
text-indent: 10px;
margin: 0px;
border-top: 10px solid #000000;
border-bottom: 10px solid #333333;  
color: #DEFF00;
background-color: #006DA6;
}

#content h1 {
font-size: 18px;
color: #ff4400;
font-weight: bold;
margin: 0px;
}

#content h2 {
color: #000000;
font-size: 16px;
font-weight: bold;
}

#content h3 {
font-size: 14px;
color: #ff4400;
font-weight: bold;
margin: 0px;
}

#header {
position: relative;
top: 0px;
left: 0px;
height: 220px;
width: 980px;
background: url(images/fej.jpg);  
}

#footer {
position: relative;
top: 0px;
left: 0px;
height: 100px;
width: 980px;  
background: #333333 url(images/footer.gif);
clear: both;
display: block;
color: #ffffff;
text-decoration: none;
font-size: 10px;
}

#footer a {
border: 0px;
color: #ffffff;
text-decoration: none;
font-size: 10px;
}

#footer a:hover {
border: 0px;
color: #000000;
text-decoration: none;
font-size: 10px;
}

#honlapkeszites {
position: absolute;
top: 69px;
left: 76px;
z-index: 10000000;
}

#chromeball {
position: absolute;
top: 78px;
left: 55px;
}

#copyright {
position: absolute;
top: 78px;
right: 95px;
font-weight: bold;
font-size: 14px;
}

#copyright2 {
position: absolute;
top: 30px;
right: 190px;
color: #8F8449;
}
#copyright2 a:link {
text-decoration: none;
color: #000000;
}
#copyright2 a:visited {
text-decoration: none;
color: #000000;
}
#copyright2 a:active {
text-decoration: none;
color: #990000;
}
#copyright2 a:hover {
text-decoration: none;
color: #990000;
}

#copyright3 {
position: absolute;
top: 68px;
right: 96px;
color: #ffffff;
}
#copyright3 a:link {
text-decoration: none;
color: #ffffff;
}
#copyright3 a:visited {
text-decoration: none;
color: #ffffff;
}
#copyright3 a:active {
text-decoration: none;
color: #000000;
}
#copyright3 a:hover {
text-decoration: none;
color: #000000;
}

#sideBar {
float: left;
position: relative;
top: 0px;
left: 46px; 
width: 190px;
margin: 0px;
background: transparent;
}

#sideBar a {  
text-decoration: none;
border-bottom: 1px solid #DEFF00;
color: #FFFFFF;
}

#sideBar a:hover {
color: #DEFF00;
}

#sideBar a img {  
border: 0px;
}

#sideBar ul li{
display: inline;
}

#sideBar ul{
margin: 0px;
padding: 0px;
}

#sideBar ul li a:link{
display: block;
clear: both;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 4px;
padding-left: 10px;
margin-left: 0px;
color: #000000;
background: transparent;
border-bottom: 2px solid #ffffff;
}

#sideBar ul li a:visited{
display: block;
clear: both;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 4px;
padding-left: 10px;
margin-left: 0px;
color: #000000;
background: transparent;
border-bottom: 2px solid #ffffff;
}

#sideBar ul li a:active{
display: block;
clear: both;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 4px;
padding-left: 10px;
margin-left: 0px;
color: #ffffff;
background: #ff5500;
border-bottom: 2px solid #ffffff;
}

#sideBar ul li a:hover{
display: block;
clear: both;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 4px;
padding-left: 10px;
margin-left: 0px;
color: #ffffff;
background: #ff5500;
border-bottom: 2px solid #ffffff;
}

#search {
position: absolute;
float: right;
top: 144px;
right: 72px;
}

.searchinput {
width: 110px;
background-color: #ffffff;
border: 1px solid #000000;
color: #333333;
margin: 0px;
padding: 1px;
}

.searchbutton {
width: 60px;
background-color: #ff3300;
border: 1px solid #000000;
border-left: 0px solid #000000;
color: #ffffff;
cursor: pointer;
font-size: 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 1px;
height: 20px;
margin: 0px;
}

#headerad {
position: absolute;
float: right;
top: 15px;
right: 60px;
}

.highLight {
color: #DEFF00;
}

/* -- IE CSS2 selector hack.  This still validates, but IE ignores the class defined
      with the [id].  The result is you set the IE specific value in the first class
      definition, and the standard compliant browser value in the second class -- */

#title {
font-size: 36px;
padding: 48px 4px 0px 0px;  
}

#title[id] {
padding-top: 0px;
padding-bottom: 3px;
}

#title a{
display: block;  
font-size: 10px;
text-transform: uppercase;
margin-top: -8px;
border: 0px;
}

#title a:hover{
color: #DEFF00;
}

strong, .subHeading {
font-size: 0.8em;
text-transform: uppercase;  
color: #DEFF00;  
}

.subHeading {
display: block;
}

.imgRight, .imgLeft {
border: 1px solid #888888;
}

.imgRight {
float: right;
margin: 0 0 10px 10px;
  
}

.imgLeft {
float: left;
margin: 0 10px 10px 0;  
}

.upArrow {
clear: both;
display: block;
text-align: right;
}

.upArrow a img {  
margin-top: 10px;
border-bottom: 0px;
background-color: #DEFF00;
}

.upArrow a:hover img {  
border: 0px;
background-color: #BBBBBB;
}

.quote {
display: block;
margin: 10px 20px 10px 20px;
padding: 2px;  
border: 1px solid #888888;
background-color: #666666;
}

.author {
display: block;
font-size: 0.8em;
text-transform: uppercase;
color: #DEFF00;
}

a img {
border:none;
border-bottom: 0px solid #DEFF00;
}

#blockdiv img {
max-height: 50px;
max-width: 50px;
padding: 0 40px 0px 40px;
width: expression(this.width > 50 ? 50: true);
height: expression(this.height > 50 ? 50: true);
position: relative;
top: -130px;
z-index: 1;
}

#blockdiv a img {
max-height: 80px;
max-width: 101px;
padding: 0 0 0 0;
width: expression(this.width > 101 ? 101: true);
height: expression(this.height > 80 ? 80: true);
position:relative;
top: 20px;
left: 60px;
}

#blockdiv {
height: 182px;
width: 143;
min-height: 182px;
min-width: 143;
background: url('images/tableback1.gif') top center;
float: left;
display: block;
margin: 0 auto 0 auto;
padding: 0 6px 0 0;
}

#blockdiv h4 {
text-align: center;
font-size: 18px;
position: relative;
top: 20px;
}

.block {
margin-left: auto;
margin-right: auto;
clear: both;
}

#blockdiv .spacer {
padding: 0 40px 0 40px;
margin: 0px;
top: 0px;
}

.detail {
background: #555555;
border: 4px solid #333333;
margin: 0 0 -65px 0;
padding: 5px 10px 5px 10px;
position: relative;
color: #FFFFFF;
}

.playnow a img{
z-index: 0;
position: relative;
left: 449px;
top: 4px;
}

.reviews {
border: 1px solid #444444;
background: #555555;
padding: 10px 10px 10px 10px ;
}

.eztirtakeret {
position: relative;
top: 0px;
left: 0px;
float: left;
background: #ffaa00;
border: 1px solid #ffaa00;
border-bottom: 1px solid #ffffaa;
padding: 0px;
margin: 0px;
}

.irta {
position: relative;
top: 0px;
left: 0px;
float: left;
width: 120px;
background: #ffaa00;
color: #440000;
padding: 1px;
padding-left: 5px;
margin: 0px;
display: block;
border-top: 1px solid #ffffaa;
}

.eztirta {
display: block;
position: relative;
top: 0px;
left: 0px;
float: left;
width: 528px;
color: #000000;
background: #ffffaa;
padding: 2px;
margin: 0px;
padding-left: 5px;
}

.revinput {
background-color: #ffffff;
border: 1px solid #000000;
width: 490px;
padding: 2px;
}

.revtext {
background-color: #ffffff;
border: 1px solid #000000;
width: 490px;
height: 100px;
overflow: auto;
padding: 2px;
}

.revbutton {
background-color: #ff4400;
border: 1px solid #000000;
color: #ffffff;
font-weight: bold;
width: 500px;
padding: 2px;
cursor: pointer;
font-size: 11px;
}

.addreview {
width: 200px;
padding: 15px 15px 15px 15px;
border: 1px solid #313131;
margin: 0 auto 0 auto;
}

hr {
background-color:#E25500;
border: #E25500;
color: #E25500;
height: 1px;
}

.thum1 {
border: 1px solid #000000;
margin-right: 10px;
margin-bottom: 5px;
float: left;
width: 60px;
height: 50px;
}

.thum2 {
border: 1px solid #000000;
width: 60px;
height: 50px;
margin: 5px;
}

.thum3 {
border: 1px solid #000000;
width: 60px;
height: 50px;
margin: 0px;
margin-right: 10px;
}

.thum4 {
border: 1px solid #000000;
width: 100px;
height: 100px;
margin: 0px;
}

.thum5 {
border: 1px solid #000000;
margin-right: 10px;
margin-bottom: 10px;
}

.dobozok {
background-color: #ffff55;
border: 1px solid #ff8800;
padding: 5px;
margin: 5px;
text-align: center;
width: 73px;
height: 115px;
float:left;
}

.dobozok2 {
text-align: left;
margin: 10px;
padding: 10px;
padding-top: 20px;
border-bottom: 2px solid #C9912F;
background: url(images/dobozbg.gif);
}

.anithum {
background-color: #ffff55;
border: 1px solid #ff8800;
}

.suggestedgames {
height: 290px;
}

#gameRating {
padding-left: 62px;
margin-top: -15px;
}

#szlogen {
position: absolute;
top: 182px;
left: 244px;
font-weight: bold;
font-size: 10px;
color: #CB6E00;
text-transform: uppercase;
letter-spacing: 0.03cm;
font-family: arial;
}

#szlogen2 {
position: absolute;
top: 20px;
left: 230px;
font-weight: bold;
font-size: 10px;
color: #CB6E00;
text-transform: uppercase;
font-family: arial;
}

#gohome {
width: 200px;
height: 176px;
background-color:  transparent;
position: absolute;
top: 0px;
left: 40px;
}

#bal {
float: left;
width: 335px;
text-align: left;
}

#jobb {
float: right;
width: 335px;
text-align: left;
}

.cim {
font-size: 28px;
color: #aa2200;
font-weight: bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.kod {
width: 600px;
height: 50px;
border: 1px solid #000000;
background-color: ffffdc;
color: #000000;
overflow: auto;
}

#letoltes a:link{
background-color: #ff3300;
color: #ffff33;
padding: 5px;
border: 1px solid #330000;
font-weight: bold;
font-size: 22px;
}
#letoltes a:visited{
background-color: #ff3300;
color: #ffff33;
padding: 5px;
border: 1px solid #330000;
font-weight: bold;
font-size: 22px;
}
#letoltes a:active{
background-color: #ffbb22;
color: #000000;
padding: 5px;
border: 1px solid #330000;
font-weight: bold;
font-size: 22px;
}
#letoltes a:hover{
background-color: #ffbb22;
color: #000000;
padding: 5px;
border: 1px solid #330000;
font-weight: bold;
font-size: 22px;
}

.linktarinp1 {
border: 1px solid #B0A35A;
width: 200px;
background-color: #FFF2A9;
color: #B0A35A;
padding: 2px;
}

.linktarinp2 {
border: 1px solid #000000;
width: 200px;
background-color: #ffffff;
color: #000000;
padding: 2px;
}

.linkajanlasinput {
background-color: #ffffff;
border: 1px solid #000000;
width: 264px;
color: #000000;
}

select {
background-color: #ffffff;
border: 1px solid #000000;
width: 268px;
color: #000000;
}

.linkajanlastext {
background-color: #ffffff;
border: 1px solid #000000;
width: 264px;
height: 50px;
overflow: auto;
color: #000000;
}

.linkajanlasbutton {
background-color: #ff4433;
border: 1px solid #000000;
width: 268px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
font-size: 11px;
}

.formPage {
width: 550px;
}

.captcha {
border: 1px solid #000000;
}

.errForm {
color: #ffff00;
background-color: #dd0000;
padding: 2px;
}

div.pr {
	font-size: 6pt;
	color: #474747;
}
div.prg {
	width: 40px;
	border: 0px solid #999999;
	height: 4px;
	font-size: 1px;
	background-color: #FFEC82;
}
div.prb {
	background-image: url(http://jatekcsarnok.silihost.hu/linkcsere/images/pr-bg.gif);
	height: 4px;
	font-size: 1px;
}
td.err {
   padding: 0px;
   color: #FF0000;
   background: #FFEDED;
   border: 0px solid #A0A0A0;
   text-align: left;
}
td.msg {
   padding: 0px;
   color: #ffffFF;
   background: #19AF00;
   border: 0px solid #A0A0A0;
   text-align: center;
   padding: 10px;
   margin-bottom: 20px;
   font-size: 15px;
   font-weight: bold;
}

#tags {
padding-right: 10px;
padding-left: 5px;
padding-top: -10px;
text-align: justify;
}
#tags a:link{
font-weight: bold;
text-decoration: none;
color: #000000;
border: 0px solid #000000;
padding-left: 5px;
padding-right: 5px;
border: 0px solid #ffbb00;
}
#tags a:visited{
font-weight: bold;
text-decoration: none;
color: #000000;
border: 0px solid #000000;
padding-left: 5px;
padding-right: 5px;
border: 0px solid #ffbb00;
}
#tags a:active{
font-weight: bold;
text-decoration: none;
color: #990000;
padding-left: 5px;
padding-right: 5px;
border: 0px solid #ffbb00;
}
#tags a:hover{
font-weight: bold;
text-decoration: none;
color: #ffffff;
background-color: #ff5500;
padding-left: 5px;
padding-right: 5px;
border: 0px solid #ffbb00;
}
#tags h2 {
font-size: 22px;
color: #000000;
border: 0px solid #000000;
}


.ertesitoinput {
background-color: #ffffff;
border: 1px solid #000000;
width: 160px;
color: #000000;
}

.ertesitobutton {
background-color: #ff4433;
border: 1px solid #000000;
width: 164px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
font-size: 11px;
}

#linkekhezul strong {
font-size: 14px;
text-transform: none;
color: #aa0000;
font-weight: bold;
}



















