/** BEJELENKEXOS RESZ KEZDET **/
a{outline: none; border: none;}
img{border: none;}

#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;
}

#login_div{
top:0%;
left:65%;
width:34%;
height:98%;
z-index:10;
position:absolute;
}
#login_div p.login_title{
top:1%;
left:2%;
font-size:120%;
position:absolute;
}
#login_div form{
top:10%;
left:0%;
width:100%;
position:absolute;
}
#login_div form div{
margin:2% 0%;
}
#login_div form label{
float:left;
width:40%;
display:inline-block;
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_div form div#login_button{
font-size:140%;
position:relative;
margin:0% 0px 0px 0px;
background-color:transparent;
}
#login_div form div#login_button p,
#login_div form div#login_button input[type=submit]{
font-size:100%;
position:relative;
margin:0px 0px 0px 38%;
border-style:none;
color:#ffc260;
background-color:transparent;
}
#login_div form div#login_button input[type=submit]{
cursor:pointer;
}
#login_div p.lostpassword_button{
top:68%;
left:4%;
cursor:pointer;
font-size:100%;;
position:absolute;;
}
#login_div a.sefeltoltes_button,
#login_div a.download_button{
color:#ffc260;
display:block;
position:absolute;
border-style:none;
text-decoration:none;
}
#login_div a.sefeltoltes_button{
top:88%;
left:38%;
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:13%;
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_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%;
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:10%;
color:#ffc260;;
font-size:130%;
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;
}

#safebox_reset_popup{
top:0px;
left:0px;
width:100%;
height:100%;
font-size:100%;
}
#safebox_reset_popup p.text{
top:5%;
left:3%;
width:95%;
font-size:100%;
position:absolute;
}
#safebox_reset_popup p.next{
top:78%;
left:20%;
font-size:130%;
position:absolute;
}
#safebox_reset_popup p.cancel{
top:78%;
left:65%;
font-size:130%;
position:absolute;
}
#safebox_reset_popup p.ok{
top:80%;
left:45%;
font-size:130%;;
position:absolute;
}
