* { margin:0; padding:0;}
body {background:url('../images/bg_body.jpg') center 0% #90aac1 no-repeat; margin:0; font-family: arial, verdana, Helvetica, sans-serif; font-size: 12px; color:#fff;}
table {width:100%; border-spacing:0;}
td {vertical-align:top; padding:0;}
img {border:0;}
a {text-decoration:none;}
.clearer {clear:both;}

#container {margin:0 auto; width:758px; position:relative; left:21px;}
#expert, #logo {text-align:center;}
#logo {margin-bottom:35px;}

#menubuttons {width:286px; position:absolute; left:236px;}
.hallgasd, .mondd {width:123px; height:42px; display:block; margin: 0 10px;}
.hallgasd {background: url('../images/button_hallgasd.png') no-repeat; float:left;}
.hallgasd:hover {background: url('../images/button_hallgasd-over.png') no-repeat; float:left;}
.mondd {background: url('../images/button_mondd.png') no-repeat; float:right;}
.mondd:hover {background: url('../images/button_mondd-hover.png') no-repeat; float:right;}

#frontpage {background: url('../images/bg_frontpage.png') no-repeat; width:324px; height:366px;
			position:absolute; top:285px; left:50%; margin-left:-162px;}

#content {background: url('../images/bg_kommentator_full.png') no-repeat; width:758px; height:354px; position:absolute; top:288px;}
#content object {margin:75px 0 0 15px;}
#content #rovat {display:none; position:absolute; top:15px; right:5px; color:#424242; font-size:13px; font-family:arial; font-weight:bold; text-align:center; width:140px;}

#beleptetes {background: url('../images/bg_beleptetes.png') no-repeat; width:481px; height:326px;
			position:absolute; top:288px; left:50%; margin-left:-240px;}
#beleptetes form {margin-top:137px; font-size:12px; color:#000;}
#beleptetes form input, #regisztracio-form form input {width:240px; border:1px solid #bcbcbc; height:20px; line-height:20px;}

#regisztracio-form {background: url('../images/bg_regform.png') no-repeat; width:481px; height:374px;
			position:absolute; top:288px; left:50%; margin-left:-240px;}
#regisztracio-form .messages {font-weight:bold; position:absolute; top:85px; left:45px;}
#regisztracio-form form {margin-top:105px; font-size:12px; color:#000;}
#regisztracio-form .messages {font-weight:bold; position:absolute; top:85px; left:45px;}
#regisztracio-form form #checkbox {width:auto; height:auto; line-height:normal; margin-right:10px;}
#regisztracio-form form a, #regisztracio-rules div a {color: #e27306;}

#regisztracio-rules {background: url('../images/bg_regrules.png') no-repeat; width:481px; height:462px;
			position:absolute; top:288px; left:50%; margin-left:-240px;}
#regisztracio-rules div {margin:90px 40px 0 45px; width:403px; color:#000;}
#regisztracio-rules div p {padding-bottom:10px;}

#matchsel {background: url('../images/bg_matchsel.png') no-repeat; width:481px; height:326px;
			position:absolute; top:288px; left:50%; margin-left:-240px;}
#matchsel form {margin-top:137px; font-size:12px; color:#000;}

#loggedin {background: url('../images/bg_loggedin.png') no-repeat; width:540px; height:462px;
		position:absolute; top:288px; left:50%; margin-left:-270px;}
#loggedin object {margin:85px 0 0 0;}


.button {width:123px; height:34px; cursor:hand; cursor:pointer;}

#events {background: url('../images/bg_events.png') no-repeat; width:744px; height:28px; line-height:34px; position:absolute; top:660px; left:8px;}
#events ul li {list-style-type:none; display:inline;}
#events ul li a {font-weight:bold; color:#6f92ae; font-size:14px; padding:0 30px; position:relative;} /* padding:0 12px; */
#events ul li a.active, #events ul li a:hover {color:#ff8900;}
#events ul li a span.pop-span {display:none; position:absolute; bottom:15px; left:0; z-index:2; font-size:11px;
					color: #6f92ae; line-height:normal; text-align:left;}
.pop-top {display:block; width:124px; height:12px; background: url('../images/bg_pop-top.png') no-repeat;}
.pop-content {display:block; padding: 8px 15px; width:94px; background: url('../images/bg_pop-content.png') repeat-y;}
.pop-bottom {display:block; width:124px; height:4px; background: url('../images/bg_pop-bottom.png') no-repeat;}


#events img {position:absolute; top:-15px; left:50%; margin-left:-43px;}

#fb-hogyan {position:absolute; top:690px; left:8px; width:744px;}
#fb-hogyan a#welcome-link {position:absolute; top:0; right:0; background: url('../images/button_hogyanmukodik.png') no-repeat; width:166px; height:37px;}
#fb-hogyan #fb-share {left: 70px; position: absolute; top: 25px;}
#fb-hogyan span a {color: #FFFFFF; font-size: 13px; font-weight: bold; left: 200px; position: absolute; top: 10px;}

#welcome {position:absolute; top:735px; left:0; width:758px; padding-bottom:30px; display:none;} 
#welcome p {color:#fff; font-size:13px; font-family:arial; text-align:justify; padding-bottom:7px;}

#share-iwiw {height: 16px; width: 34px; position: absolute; top: 51px; left: 314px;}
#share-fb {height:18px; width:18px; position:absolute; top:51px; left:353px;}
#share-twitter {height:18px; width:18px; position:absolute; top:51px; left:376px;}

#logo-marketinvent {height: 17px; width: 86px; position: absolute; top: 320px; left: 123px;}
#logo-kreater {height: 21px; width: 58px; position: absolute; top: 317px; left: 214px;}

#tweets {position:absolute; width:324px; height:225px; top:80px; left:416px; overflow:auto;}
#tweets-hide {position:absolute; width:156px; height:18px; top:48px; left:585px; display:block;}