table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  color: inherit;
}
/* IE k�k border miatt*/
a img {border: none; }
a{outline: none;}

/** BEJELENKEXOS RESZ KEZDET **/
#index_container {
	top: 32%;
	left: 4%;
	width: 91%;
	height: 49%;
	z-index: 1;
	margin: 0px;
	font-size: 100%;
	position: absolute;
}
#index_container embed {
	top: 3%;
	left: 1%;
	width: 63%;
	height: 92%;
	position: absolute;
}
#index_container img.karkaracsonyfa {
	top: 30%;
	left: 105%;
	width: 35%;
	position: absolute;
}
#index_container img.kartaska {
	top: 150%;
	left: 101%;
	width: 17%;
	position: absolute;
}
#index_container img.karcsengettyu {
	top: -11%;
	left: 93%;
	width: 12%;
	position: absolute;
}

#index_container div.facebook_login_button
{
    position: absolute;
    top: 65%;
    left: 35%;
}

#index_container div.facebook_login_button img
{
    width: 80%;
    height: 80%;
}
#login_div {
	top: 0%;
	left: 65%;
	width: 34%;
	height: 98%;
	z-index: 10;
	position: absolute;
}
#login_div p.login_title {
	top: 1%;
	left: 2%;
	margin: 0px;
	font-size: 120%;
	position: absolute;
}
#login_div form {
	top: 12%;
	left: 0px;
	width: 100%;
	position: absolute;
}
#login_div form div {
	margin: 2% 0%;
}
#login_div form label {
	float: left;
	width: 40%;
	text-align: right;
	font-size: 80%;
	margin-right: 2%;
}
#login_div form select,
#login_div form input {
	font-size: 80%;
	width: 50%;
	position: relative;
	font-family: Insula;
}
#login_div form input[type=checkbox] {
	width: 5%;
	margin: 0px 2% 0px 40%;
}
#login_div form label[for=login_checkbox] {
	float: none;
	text-align: left;
}
#login_div form select {
	width: 51%;
}
#login_div form select option {
	color: #ffc260;
}
#login_button {
	font-size: 140%;
	position: relative;
	margin: 3% 0 0 0;
	background-color: transparent;
}
#login_button p,
#login_button input[type=submit] {
	cursor: pointer;
	font-size: 100%;
	position: relative;
	margin: 0 0 0 38%;
	border-style: none;
	color: #ffc260;
	background-color: transparent;
}
#login_div p.lostpassword_button {
	top: 70%;
	left: 6%;
	margin: 0px;
	cursor: pointer;
	font-size: 100%;;
	position: absolute;
}
#login_div a.sefeltoltes_button,
#login_div a.download_button {
	color: #ffc260;
	display: block;
	position: relative;
	border-style: none;
	text-decoration: none;
}
#login_div a.sefeltoltes_button {
	top: 80%;
	left: 30%;
	margin: 0px;
	font-size: 150%;
}
#login_div a.download_button {
	font-size: 160%;
	margin: -15% 0 0 65%;
}

/** BEJELENKEXOS RESZ VEGE **/




/** ACCOUNT PANEL KEZDET **/
#account {
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	font-size: 100%;
	position: absolute;
}
#account .title1,
#account .title2,
#account .title3,
#account .title4 {
	margin: 0px;
	color: #ffc260;;
	font-size: 120%;
	position: absolute;
}

#account .title1 { top: 3.5%; left: 4.5%; }
#account .title2 { top: 3%; left: 76%; }
#account .title3 { top: 75%; left: 2%; }
#account .title4 { top: 75%; left: 43%; }

#account img.karajandek {
	top: 96%;
	left: -18%;
	height: 20%;
	position: absolute;
}
#account img.karcsengettyu {
	top: -7%;
	left: 93%;
	width: 13%;
	position: absolute;
}
#account img.karcsengettyu2 {
	top: -7%;
	left: -5%;
	width: 13%;
	position: absolute;
}

#char_info {
	top: 11%;
	left: 3%;
	width: 56%;
	height: 60%;
	position: absolute;
}
#char_info_names {
	top: 0%;
	left: 0%;
	width: 100%;
	height: 12%;
	position: absolute;
}
#char_info_names p {
	float: left;
	width: 25%;
	height: 100%;
	margin: 0px;
	font-size: 90%;
	color: #8D8D8D;
	cursor: pointer;
	position: relative;
}



#char_info_names p:hover {
	color: #ffd99d;
}
#char_info_names p.selected {
	color: #ffc260;
	cursor: default;
}
#char_info_names p.selected:hover {
	color: #ffc260;
}
#char_info_ajax {
	top: 10%;
	left: 0%;
	width: 100%;
	height: 88%;
	font-size: 95%;
	position: absolute;
}
#character_ajax {
	 margin: 0px;
}
#character_ajax table {
	float: left;
	margin: 0px;
}
#character_ajax td {
	position: relative;
}
#character_ajax img {
	margin: -1% 0% -3% 0%;
	height: 60%;
}
#character_ajax span.about_link {
	font-size: 130%;
	cursor: pointer;
	color: #FF7171;
}
#character_ajax span.about_link:hover {
	color: #ffc260;
}
.bemutatkozas_text {
	float: left;
	width: 99%;
	height: 85%;
	margin: 0px;
}
.bemutatkozas_ment,
.bemutatkozas_megse {
	float: right;
	cursor: pointer;
	font-size: 110%;
	margin: 1% 2% 0% 2%;
}
.bemutatkozas_megse {
	/*margin-top: 2%;*/
}
.bemutatkozas_ment {
	font-size: 140%;
	color: #FF7171;
}
.bemutatkozas_ment:hover {
	color: #ffc260;
}
#account_info {
	top: 11%;
	left: 63%;
	width: 35%;
	height: 70%;
	font-size: 100%;
	position: absolute;
}
#account_info p {
	margin: 4% 0%;
}
#account_info p.greeting {
	font-size: 110%;
}
#account_info p.coins {
	top: 87%;
	left: 1%;
	font-size: 160%;
	line-height: normal;
	font-style: italic;
	position: absolute;
	color: #FF7171;
	font-family: 'Times New Roman';
	padding: 0%;
}
#account_info p.ref_link {
	font-size: 115%;
	line-height: normal;
	font-style: italic;
	font-family: 'Times New Roman';
	padding: 0%;
}

#account_info div.vip_button {
	top: 55%;
	/*left: 15%;*/
	left:-70%;
	width: 70%;
	height: 35%;
	position: absolute;
	
}
#account_info div.vip_button img {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	border-style: none;
}
#account_info div.vip_button img.hover {
	visibility: hidden;
}
#account_info div.vip_button:hover img.hover {
	visibility: visible;
}
#account_info div.vip_button:hover img.normal {
	visibility: hidden;
}

#se_info {
	top: 83%;
	left: 2%;
	width: 36%;
	height: 15%;
	font-size: 100%;
	position: absolute;
}
#se_info p {
	float: left;
	height: 33%;
	margin: 0px;
	font-size: 110%;
	position: relative;
	font-style: italic;
	font-family: 'Times New Roman';
}

#se_feltoltes {
	top: 81%;
	left: 42%;
	width: 19%;
	height: 19%;
	font-size: 100%;
	position: absolute;
}
#se_feltoltes span {
	top: 5%;
	left: 0%;
	font-size: 95%;
	position: absolute;
}
#se_feltoltes input[type=text] {
	top: 30%;
	left: 0%;
	width: 100%;
	height: 27%;
	font-size: 110%;
	position: absolute;
	font-family: 'Arial';
}
#se_feltoltes input[type=submit] {
	top: 65%;
	left: 2%;
	color: #ffc260;;
	font-size: 110%;
	font-family: 'Insula';
	position: absolute;
	border-style: none;
	background-color: transparent;
}
#se_feltoltes p.blocked {
	top: 10%;
	width: 100%;
	font-size: 120%;
	color: #FF8888;
	position: absolute;
}
#account p.logout {
	top: 89%;
	left: 85%;
	font-size: 130%;
	font-family: 'Insula';
	position: absolute;
}
#account a.admin {
	top: 82%;
	left: 90%;
	color: #ffc260;;
	font-size: 130%;
	font-family: 'Insula';
	position: absolute;
	text-decoration: none;
}
#account p.change_social,
#account p.change_password,
#account p.safebox_password{
	left: 64%;
	font-size: 100%;
	font-family: 'Insula';
	position: absolute;
}
#account p.change_password {top: 86%;}
#account p.safebox_password {top: 81%;}
#account p.change_social { top: 87%; }

/** ACCOUNT PANEL VEGE **/

/** JELSZOEMLEKEZTETO KEZDET **/
#lostpassword_title {
	top: 3%;
	left: 5%;
	margin: 0px;
	font-size: 140%;
	position: absolute;
}
#lostpassword_container {
	top: 20%;
	left: 5%;
	width: 40%;
	height: 80%;
	font-size: 100%;
	position: absolute;
}
#lostpassword_container label {
	font-size: 80%;
}
#lostpassword_container select,
#lostpassword_container input[type=text] {
	width: 100%;
	font-size: 100%;
	font-style: italic;
	margin-bottom: 3%;
	font-family: 'Times New Roman';
}
#lostpassword_container input[type=submit],
#lostpassword_container input[type=button] {
	font-family: 'Insula';
	font-size: 110%;
	color: #ffc260;;
	border-style: none;
	background-color: transparent;
}
#lostpassword_exit {
	top: 85%;
	left: 80%;
	margin: 0px;
	font-size: 120%;
	position: absolute;
}

#itemshop_buy_popup {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 100%;
}
#itemshop_buy_popup p.text {
	top: 5%;
	left: 3%;
	width: 95%;
	font-size: 100%;
	position: absolute;
}
#itemshop_buy_popup p.next {
	top: 78%;
	left: 20%;
	font-size: 130%;
	position: absolute;
}
#itemshop_buy_popup p.cancel {
	top: 78%;
	left: 65%;
	font-size: 130%;
	position: absolute;
}
#itemshop_buy_popup p.ok {
	top: 80%;
	left: 45%;
	font-size: 130%;
	position: absolute;
}
/** JELSZOEMLEKEZTETO VEGE **/


/** safebox reset pw **/
#safebox_resett_popup {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 100%;
}
#itemshop_buy_popup p.text {
	top: 5%;
	left: 3%;
	width: 95%;
	font-size: 100%;
	position: absolute;
}
#itemshop_buy_popup p.next {
	top: 78%;
	left: 20%;
	font-size: 130%;
	position: absolute;
}
#itemshop_buy_popup p.cancel {
	top: 78%;
	left: 65%;
	font-size: 130%;
	position: absolute;
}
#itemshop_buy_popup p.ok {
	top: 80%;
	left: 45%;
	font-size: 130%;
	position: absolute;
}
/** safebox reset vege **/

#facebook_login_button
{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0%;
}
