@charset "UTF-8";
/* CSS Document */

body {
	background:#49bae9 url(images/background-stipe.png) repeat-x;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#000;
	word-wrap: break-word;
}
#gs960 {
	width:960px;
	background:url(images/background.png) no-repeat;
	margin:0 auto;
	min-height:700px;
}
/* MENU */

#menu_aktiv {
	position:relative;
	top: 20px;
	width: 540px;
	height:40px;
	text-align:right;
	float:right;
	/*margin-right:32px;*/
}



#header {
	position:relative;
	top:0;
	left: 0px;
	height: 80px;
	width:880px;
}
#logoheader
{
    width:280px;
    float:left;
}
#login {
	background:url(images/login.png) no-repeat top left;
	position:relative;
	left:490px;
	top: 20px;
	width: 413px;
	height:40px;
}
#oauthlogin {
	position:relative;
	left:0px;
	top: 25px;
	float:right;
}

topmenu {
	background:none;
	position:relative;
	left:425px;
	top: 20px;
	width: 440px;
	height:40px;
}
#main_top {
	width:805px;
	height:40px;
	background: url(images/main_top.png) repeat-y left;
	margin:0px auto;
	position:relative;
	top:0px;
}
#main_bg {
	width:805px;
	background: url(images/main_bg.png) repeat-y left;
	margin:0px auto;
	position:relative;
	top:0px;
}
#main {
	width:805px;
	background: url(images/main.png) no-repeat bottom left;
}
#content {
	padding:10px 0 0 19px;
	width:532px;
	float:left;
}
/* T I M E L I N E */

#timeline {
	margin-top:10px;
}
#timelineBox_top {
	width:532px;
	height:30px;
	background:url(images/timeline_top_uzenetek.png);
}
#timelineBox_bg {
	width:532px;
	background:url(images/timeline_bg.png) repeat-y;
	padding:1px 0;
}
#timelineBox_bottom {
	width:532px;
	height:23px;
	background:url(images/timeline_bottom.png);
}
#tl_content {
}
#tl_item {
	margin:0 10px 10px 10px;
}
#tl_avatar {
	background:url(images/tl_avatar_buborek.png) no-repeat;
	width:50px;
	height:57px;
	padding:5px;
	float:left;
}
#tl_text {
	margin-left:70px;
	width: 440px;
}
#tl_buttons img {
	margin-left: 5px;
}
#tl_data {
	margin-top:10px;
	margin-left:70px;
	width:320px;
	color:#1d9bd0;
	padding-bottom:5px;
	border-bottom:#1d9bd0 thin dotted;
}
#main_bottom {
	width:805px;
	height:30px;
	background: url(images/main_bottom.png) repeat-y left;
	margin:0px auto;
	position:relative;
	top:0px;
}
/* S I D E B A R */

#sidebar {
	width:222px;
	float:right;
	padding-right: 22px;
}
#description {
	width:222px;
}

#description_bg {
	margin-top:10px;
	padding:10px;
	width:198px;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	border-bottom:#aaaaaa 1px solid;
	background:#D7E7EE ;
}
#twiccelj_btn {
	margin: 0 0 0 -8px;
}
/* top 10 */

#top10 {
}
#top10_head {
	width:222px;
	height:23px;
	background:url(images/top10.png);
	margin-top:6px;
}
#top10_content {
}
#top10_item {
	width:200px;
	font-size:10px;
	margin: 3px 0;
}

.chrome #top10_item {
	width:200px;
	font-size:10px;
	margin: 3px 0;
}

#top10_avatar {
	background:url(images/top10_avatar_buborek.png);
	width:24px;
	height:28px;
	padding:3px;
	float:left;
}
#top10_text_collapsed {
	margin-left:35px;
}
#top10_data {
	margin-left:35px;
	color:#999;
}
/* frissen regisztráltak */

#friss_reg {
	margin-top:12px;
}
#friss_reg_top {
	background:url(images/friss_reg.png);
	width:222px;
	height:23px;
	margin-bottom:6px;
}
#friss_reg_avatar {
	background:url(images/top10_avatar_buborek.png) no-repeat;
	width:24px;
	height:40px;
	padding:3px;
	float:left;
	text-align:center;
	color:#18b8e7;
}
#friss_reg_avatar img {
	margin-bottom: 2px;
}
#footer {
	width:760px;
	height:40px;
	margin:10px auto;
	color:#FFF;
	.width: 765px;
}
/* CLASSES, TAGS */

.clear {
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearboth {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.floatRight {
	float:right;
}

.marignAccount {
    border:none;
    margin-right:4px
}

.floatLeft {
	float:left;
}

.floatRightwithmargin{
	float:right;
	margin-right: 2px;
}

.indent {
	margin-left:10px;
}
.blue {
	color:#18b8e7;
}
#timeline .blue {
	color:#1d9bd0;
}
.check {
	list-style:url(images/checkmark.png) outside;
	margin:0 15px 4px 0;
}
.clearfield {
	background:none;
	border:none;
	height:15px;
	width:89px;
}
.username {
	background:none;
	border:none;
	height:15px;
	width:89px;
	position:relative;
	top:10px;
	left:125px;
}
.password {
	background:none;
	border:none;
	height:15px;
	width:89px;
	position:relative;
	top:10px;
	left:177px;
}
h1 {
	color:#18b8e7;
	font-size:18px;
}
img {
	border:none;
}
input {
	outline: none;
}
a:link {
	/*color: #18b8e7;*/
	color: #00008B;
	text-decoration: none;
}
a:visited {
	color: #00008B;
	text-decoration: none;
}
a:active {
	/*color: #18b8e7;*/
	color: #00008B;
	text-decoration: none;
}
a:hover {
	/*color: #18b8e7;*/
	color: #00008B;
	text-decoration: none;
}
a:focus {
	-moz-outline-style: none;
}

#messageelement
{
    /*background-color: #808080;*/
    height: auto;
    width:440px !important;
    margin-bottom: 10px;   
}

.tweetconverter_anchor
{
    width: 100%;
    /*color: #00FFFF;*/
}

.tweetconverter_yt_outer
{
    width: 200px;
    height: 180px;
}
.tweetconverter_yt_inner
{
    width: 200px;
    height: 180px;
}

.inner_main
{
width:400px;height:34px;position:absolute;background-color:Gray;left:50%;top:50%;margin-left:-200px;margin-top:-17px;
}
.inner_href
{
width:auto;height:16px;position:absolute;background-color:Gray;
left: 10%;top:28%;color:White;
}
.inner_pic
{
width:16px;height:16px;position:absolute;background-color:White;
left: 5%;top:28%;color:White;
}

#footermenu a:link {
	padding:2px;
	color: #ffffff;
	text-decoration: none;
	background-color:transparent;
}
#footermenu a:visited {
	padding:2px;
	color: #ffffff;
	text-decoration: none;
	background-color:transparent;
}
#footermenu a:active {
	padding:2px;
	color: #18b8e7;
	text-decoration: none;
	background:#FFF;
}
#footermenu a:hover {
	padding:2px;
	color: #18b8e7;
	text-decoration: none;
	background:#FFF;
}

#poster {
	position:relative;
	left:0px;
	width:533px;
	height:333px;
	background:url(images/poster.jpg);
}
#poster_text {
	position:relative;
	left:0px;
	width:533px;
	height:333px;
	background:url(images/poster_text.png);
}

#conditions {
	padding:1px 10px 20px 10px;
	width:auto;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size:13px;
	/*background:url(images/description.png) no-repeat bottom;*/
}

#conditions_top {
	width:800px;
	height:40px;
	background:url(images/adatvedelem_es_szabalyok.png) no-repeat left;
	margin:0px auto;
	position:relative;
	top:0px;
}

#questions {
	padding:1px 10px 20px 10px;
	width:auto;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size:13px;
	/*background:url(images/description.png) no-repeat bottom;*/
}
#questions_top {
	width:800px;
	height:40px;
	background:url(images/gyik.png) no-repeat left;
	margin:0px auto;
	position:relative;
	top:0px;
}

#game {
	padding:1px 10px 20px 10px;
	width:auto;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size:13px;
	/*background:url(images/description.png) no-repeat bottom;*/
}
#game_top {
	width:800px;
	height:40px;
	background:url(images/nyeremenyjatek.png) no-repeat left;
	margin:0px auto;
	position:relative;
	top:0px;
}
    
.Background
{
    opacity: .3;
    width: 100%;
    height: 100%;
}  

.moreBackGround
{
    width: 100%;
    height: 100%;
    /*background:url(images/progressbar.gif) no-repeat left;*/
}   

.hidebutton
{
    display: none;
}

.showbutton
{
    display:inline;
}

#beta_logo_header{
  width: 45px;
  height: 21px;
  position:relative;
  background: transparent url(images/beta3.png) no-repeat;
  left:245px;
  top:-65px;  
}

.bigType{
  color: #000;
}

.tweetconverter_image{
  margin-right:5px;
  width: 16px;
}

.tweetconverter_image_img{width: 200px !important;}

.tweetconverter_yt_inner{width: 300px !important;}

.live_twtr_anchor{
  background-color:#86D1EF;
  border-bottom:1px solid #1DB3EF;
  border-top:1px solid #1DB3EF;
  padding-bottom:2px;
  padding-top:2px;
}
