* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px;}
h3  {color: #d10054;}
li, dd {margin-left:15px}
fieldset {padding:6px}

a:link, a:visited {text-decoration:none; color:#c90438; font-weight:bold}

.sitestat a {text-decoration:underline; color:#FFFFFF; font-weight:bold}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none; color:#1c4851}
ul, ol {list-style:none}
img {border:none}

html, body {height:100%}
body {
	background:#282627 url('bg_general.gif') no-repeat top center;
	color:#4e4a49;
	text-align:center;
	margin:0;
	font:normal 11px/15px verdana,serif
	}

a:hover {text-decoration:underline}
a:active {text-decoration:none}
a:focus, input:focus {outline:none}

p {margin:0 0 8px 0}
h1 {font-size:14px}
h2 {font-size:13px}
h3 {font-size:12px; color:#000; margin:5px 15px}
h4 {font-size:11px}
h5 {font-size:10px}

.submit {font:bold 12px verdana,serif; cursor:pointer!important; color:#1c4851; background:none; border:none; width:60px; margin:0 0 0 6px}
.radio {margin:0 5px 0 0; background:none; border:none}

#container {
	width:998px;
	min-height:100%;
	height:auto;
	margin:0 auto -95px auto;
	text-align:left
	}
* html #container {height:100%}

/* Header */
#header {height:210px}
#logo {
	width:366px;
	height:85px;
	padding:14px 0 0 0;
	background:url('bg_menu_starter.gif') no-repeat top right;
	float:left;
	display:inline;
	position:relative
	}
#alsomenu {width:632px; height:31px; float:right; display:inline; padding:10px 0 0 0; text-align:center; color:#fa0136; font-size: 11px;}
#alsomenu:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#fejlec {width:998px; height:110px; background:url('bg_header.jpg') no-repeat top left; float:left; position:relative}
#infos {color:white; font:normal 12px arial,serif; position:absolute; bottom:30px; left:50px}
#logo a:hover {font-weight:normal}

/* Menu */
#menu {
	width:632px;
	height:53px;
	background:url('bg_menu.gif') repeat-x top left;
	float:right;
	display:inline
	}
#menu ul {padding:20px 0 20px 10px; margin:0}
#menu li {display:inline; list-style:none; margin:0 5px 0 0; font: normal 10px verdana,serif}

#menu ul li a:link, #menu ul li a:visited {
padding:4px 4px;
color:#000;
border-left:1px solid #dcdcdc;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
border-top:1px solid #dcdcdc;
background: url('menu.jpg') repeat-x white;
}

#menu ul li a:hover, #menu ul li a#active, #menu ul li a:active {
color: white;
border-left:1px solid #dcdcdc;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
border-top:1px solid #dcdcdc;
background: url('menu_on.jpg') repeat-x white;
text-decoration: underline
}

span.red{
color: #880000;
}

#tartalom {background:#f3f2f0 url('bg_page.gif') repeat-y top left}
#tartalom a:link, #tartalom a:visited {text-decoration:none; color:#1c4851; font-weight:bold}
#bal {float:left; width:270px; margin:0 11px 0 30px; display:inline}
#jobb {float:right; width:679px; margin:0 8px 0 0; display:inline}
#right {width:655px; float:left; padding:5px}
.balfelso {background:url('corners_top.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left}
.jobbfelso {background:url('corners_top.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right}
div.box {background:#ededed; padding:10px 15px}
.hirek {height: auto; border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px}
.adatlaphatter {background:url(bg.gif) no-repeat bottom right}
.alulpad {margin:0 8px 0 30px}
.balalso {background:url('corners_bottom.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left; display:inline}
.also {
	width:942px;
	height:9px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url('bg_page.gif') repeat-y -39px 0
	}
.jobbalso {background:url('corners_bottom.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right; display:inline}

/* Footer */
#footer {
height:95px;
width:100%;
margin-top: 100px;
background:url('bg_footer.gif') no-repeat bottom;
}

.footerszoveg{
padding-top: 45px;
padding-left: 10px;
color: grey;
text-align: left;
}
#footer a:link, #footer a:visited {color: grey; text-decoration: none;}
#footer a:active {color:#eee;  text-decoration: none;}

.clear {clear:both}

.bevitel{
background: url('bg_search_field.gif') no-repeat;
border: 1px solid grey;
padding: 2px;
margin: 4px;
}

.bevitel:focus{
background: url('bg_search_field_focus.gif') no-repeat;
border: 1px solid grey;
padding: 2px;
margin: 4px;
}

.bevitel2{
background: url('bg_search_field.gif') no-repeat;
border: 1px solid grey;
padding: 1px;
margin: 1px;
width: 200px;
}

#bal ul {
	margin-top: 5px;
	margin-left: 10px;
	padding: 0px;
	width: 230px;
}

#bal ul li {
	margin:				0px;
	padding:			0px;
}

#bal ul li a{
	display:			block;
	font-size:			10px;
	font-weight:		bold;
	text-decoration:	none;
	background: #ededed;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid white;
	color: white;
}

#bal ul li a:link , #bal ul li a:visited , #bal ul li a:active{
	text-decoration: none;
	margin: 0px 3px 1px 0px;
	padding: 2px 1px 2px 10px;
	color: black;
}

#bal ul li a:hover {
	text-decoration: none;
	background: #e1e1e1;
	border-bottom: 1px solid #d4d4d4;
	color: black;
}

#bal ul li.active a {
	margin-right: 3px;
	background: #b52248;
	text-decoration: none;
	color: white;
}

.i_fejlec_f{
font-family: Arial;
color: white;
font-size: 12px;
font-weight: normal;
line-height: 10px;
background: url('i_fejlec_f.jpg') repeat-x #e7e7e7;
text-align: left;
padding-left: 3px;
padding-top: 4px;
width: 190px;
height: 30px;
}

.i_fejlec_l{
font-family: Arial;
color: white;
font-size: 12px;
font-weight: normal;
line-height: 10px;
background: url('i_fejlec_l.jpg') repeat-x #e7e7e7;
text-align: left;
padding-left: 3px;
padding-top: 4px;
width: 190px;
height: 30px;
}

.i_kozep{
color: black;
font-size: 10px;
background: #e5e5e5;
text-align: center;
width: 193px;
height: 90px;
padding-bottom: 55px;
}

.i_kozep_ismeros{
color: black;
font-size: 10px;
background: #A4FFA4;
text-align: center;
width: 193px;
height: 90px;
padding-bottom: 55px;
}

.i_kozep_fuggo{
color: black;
font-size: 10px;
background: #e1e5db;
text-align: center;
width: 193px;
height: 90px;
padding-bottom: 55px;
}

.i_kep{
background-color: white;
padding: 1px;
border: 1px solid black;
margin: 2px;
width: 100px;
height: 70px;
float: left;
}

.i_footer{
color: #343434;
font-size: 10px;
background: url('i_footer.jpg') repeat-x #e7e7e7;
text-align: left;
padding-left: 5px;
height: 30px;
}

.i_footer_ismeros{
color: #343434;
font-size: 10px;
background: url('i_footer_ismeros.jpg') repeat-x #e7e7e7;
text-align: left;
padding-left: 5px;
height: 30px;
}

.i_footer_fuggo{
color: #343434;
font-size: 10px;
background: url('i_footer_fuggo.jpg') repeat-x #e9e2b1;
text-align: left;
padding-left: 5px;
height: 30px;
}

.kisbetu{
font-size: 9px;
}

.row {
	background-color: #ededed;
	font-size: 11px;
	width: 230px;
	font-weight: bold;
	padding: 5pt;
	vertical-align: top;
}

.rowds {
	border: 1px dotted #4c4c4c;
	background-color: #ededed;
	font-size: 10px;
	width: 50%;
	font-weight: bold;
	padding: 2pt;
	vertical-align: top;
	text-align: right;
}
/*
.rowuzifal {
	background: url('uzenofal.jpg') repeat-x white;
	font-size: 10px;
	width: 230px;
	padding: 5pt;
	vertical-align: top;
	border: 1px dotted #b6d1df;
}
*/
.rowuzifal {
	background-color: #ededed;
	font-size: 10px;
	width: 230px;
	padding: 5pt;
	vertical-align: top;
	border: 1px dotted grey;
}

.rowindex {
	background-color: #ededed;
	font-size: 10px;
	width: 100%;
	padding: 5pt;
	vertical-align: top;
	border: 1px solid #dcdcdc;
}

.rowindexaktiv {
	background-color: #DDDDDD;
	font-size: 10px;
	width: 100%;
	padding: 5pt;
	vertical-align: top;
	border: 1px solid #A3A3A3;
}

.rowfirka {
	background-color: #e0e8ed;
	font-size: 10px;
	/*width: 230px;*/
	padding: 5pt;*/
	vertical-align: top;
	border: 1px solid #cad7df;
}

.rowinput {
	font-size: 11px;
	padding: 5pt;
	border-bottom: 1px solid #ededed;
	vertical-align: top;
}

.rowadatlap {
	font-size: 11px;
	width: 230px;
	font-weight: bold;
	padding: 5pt;
	border-bottom: 1px solid #ededed;
	vertical-align: top;
}

.rowadatlapfej {
	font-size: 13px;
	color: #666666;
	width: 230px;
	font-weight: bold;
	padding: 5pt;
	border-bottom: 1px solid #ededed;
	vertical-align: top;
}

.kuldd{
width: 100px;
height: 30px;
background: url('kuldd.jpg') no-repeat;
border: 0;
}

.kuld_ures{
color: white;
width: 100px;
height: 30px;
background: url('kuld_ures.jpg') no-repeat;
border: 0;
font-size: 10px;
padding-bottom: 2px;
}

.busszal{
width: 100px;
height: 30px;
background: url('busszal.jpg') no-repeat;
border: 0;
}

.vonattal{
width: 100px;
height: 30px;
background: url('vonattal.jpg') no-repeat;
border: 0;
}

.irokrola{
width: 100px;
height: 30px;
background: url('irokrola.jpg') no-repeat;
border: 0;
}

.cim{
color: #ff0030;
font-size: 17px;
border-bottom: 1px solid #ededed;
padding: 2px;
margin-top: 10px;
}

#adatlapid{
width: 250px;
margin-left: 5px;
background: url('adatlapid.jpg') no-repeat black;
background:#ededed;
padding: 5px;
}

.kepek_jobb{
float: right;
color: #80b269;
font-size: 9px;
background-color: #e1eaec;
padding: 10px;
border: 1px solid #cedde1;
}

.kepek_lapozo{
float:left;
color: #0a457d;
font-size: 11px;
background-color: #ebebeb;
padding: 5px;
border: 1px solid #d9d9d9;
width: 98%;
margin-bottom: 10px;
}

.szines{
font-weight: bold;
color: #7ea7b0;
}

.messages table {
    width:                  100%;
    border-collapse:        collapse;
	font-size: 11px;
}

.messages table .head {
    background:             #E1E1E1;
}

.messages table .unread {
    /*font-weight:            bold;*/
}


.messages table td a {
    height:                 10px;
	vertical-align:         middle;
}

.messages table td {
    padding:                7px 5px 7px 5px;
}


.messages table .status,
.messages table .from,
.messages table .to,
.messages table .subject,
.messages table .date {
    border-right:           1px solid #ededed;
    vertical-align:         middle;
}

.messages .roow {
	border: 1px dotted #4c4c4c;
	background-color: #C8C8C8;
	font-size: 10px;
	padding: 2pt;
	vertical-align:         middle;
}

.messages .roow2 {
	border: 1px dotted #4c4c4c;
	font-size: 10px;
	padding: 2pt;
	vertical-align:         middle;
}


.messages table .head th {
    padding:                7px 5px 7px 5px;
    text-align:             left;
}

.messages table .row2 {
    /*border-bottom:          1px solid #ededed;*/
	size: 11px;
}

.messages table .row2:hover,
.messages table .row2.hover {
    background-color:             #f9f6d7;
}

.fejlec {
	background: #E1E1E1;
    padding:                10px 7px 7px 7px;
    border:                 0px;
    margin-bottom:			10px;
	position: relative;
}

.fejlecuzenet {
	background: #E1E1E1;
    padding:                5px 7px 7px 7px;
    /*border:                 0px;*/
	border: 1px dotted #4c4c4c;
    margin-bottom:			1px;
	position: relative;
}

.fejlecuzenetmsg {
	background: #F1F1F1;
    padding:                5px 7px 7px 7px;
    /*border:                 0px;*/
	border: 1px dotted #4c4c4c;
    margin-bottom:			1px;
	position: relative;
}

/*
.card {
    float: left;
	margin-bottom: 5px;

	position: relative;
	width: 193px;
	height: 169px;
	margin: 5px 10px 0px 0px;
	overflow: hidden;
}
*/


.clearer {
    clear:                  both;
    line-height:            0px;
    height:                 0px;
    /*_font-size:             0px;*/
}



.cardContainer {
    float: left;
	margin-bottom: 5px;
}

.cardContainer .card {
	position: relative;
	width: 182px;
	height: 132px;
	margin: 5px 10px 0px 0px;
	overflow: hidden;
}

.cardContainer .card_kicsi {
	position: relative;
	width: 182px;
	height: 108px;
	margin: 5px 10px 0px 0px;
	overflow: hidden;
}

.cardContainer .card_kep {
	position: relative;
	width: 150px;
	height: 108px;
	margin: 5px 10px 0px 0px;
	overflow: hidden;
}

.cardContainer .card_unrelated {
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_unrelated.jpg) no-repeat;
}

.cardContainer .card_friend {
    /*border: 1px solid #7BE135;*/
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_ismerem.jpg) no-repeat;
}

.cardContainer .card_megvolt {
    /*border: 1px solid #7BE135;*/
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_megvolt.jpg) no-repeat;
}

.cardContainer .card_pendingin {
	/*border: 1px solid #C83A38;*/
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_pendingin.jpg) no-repeat;
}

.cardContainer .card_pendingout {
	/*border: 1px solid #EE838D;*/
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_pendingout.jpg) no-repeat;
}

.cardContainer .card_myself {
	/*border: 1px solid #D3B811;*/
	border: 1px dashed #4c4c4c;
	background: url(/card/cardbg_sajatmagam.jpg) no-repeat;
}

.cardContainer .pad4 {
	padding: 4px;
	height: 80px;
}

.cardContainer .name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.cardContainer .nick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.cardContainer .city {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
	width: 119px;
	color: #9f1649;
}

.cardContainer .randi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
	width: 119px;
}

.cardContainer .moreinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding-top: 4px;
	color: #FF5400;
	width: 113px;
}

.cardContainer .moreinfo a {
    color:#63A900;
}

.cardContainer .customlabel {
    font-size: 9px;
    padding-top: 4px;
	width: 119px;
}

.cardContainer .customlabel span {
    font-weight:bold;
}

.cardContainer .imagevideo {
	position: absolute;
	right: 4px;
	top: 20px;
	height: 64px;
	width: 64px;
	text-align: right;
	margin-right: 4px;
}

.cardContainer .user_image img {
	border: 1px solid #999999;
	margin-bottom: 1px;
	padding: 1px;
	background-color: white;
}

.cardContainer .status {
	position: absolute;
	bottom: 0;
    width: 182px;
	height: 26px;
	padding: 0;
}

.cardContainer .status_unrelated {
	background: #EFEFEF url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_unrelated2{
	background: #EFEFEF url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_myself {
	background: #F5EDAE url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_pendingout {
	background: #F9F1EF url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_friend {
    background: #EBF9D6 url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_megvolt {
    background: #EBF9D6 url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status_pendingin {
	background: #F4DFDC url(/card/statusbg_unrelated.jpg) repeat-x;
}

.cardContainer .status .relation {
	position: absolute;
	left: 4px;
	top: 4px;
}

.cardContainer .status .actions {
	position: absolute;
	left: 28px;
	top: 4px;
}

.cardContainer .status .nick {
	position: absolute;
	left: 48px;
	top: 4px;
}

.cardContainer .name a:link,
.cardContainer .name a:visited,
.cardContainer .name a:hover,
.cardContainer .name a:active {
	color: #444444;
}
















/* =========================== inner menu old version ======================================== */

/* deprecated, use .innermenu */

.inner_menu {
	float:					right;
	margin-top: 25px;
}

/* deprecated, use .innermenu li */
.inner_menu .menu li {
    list-style-type:        none;
    float:                  left;
    margin-right:           -5px;

}


/* deprecated, use .innermenu li a*/
.inner_menu .menu li a,
.inner_menu .menu li a span,
.inner_menu .menu li a span span {
    display:                block;
	position: relative;
    min-height:                 29px;
    _height:                 expression( (((this.clientHeight))) < 48 ? '48px' : '48px' );
    height:                 48px;
    min-width:              63px;

    font-size:              9px;
	color: #000000;
    font-weight:            bold;
    text-align:             center;

    background:             url(/images/inner/background_innermenu.png ) no-repeat top right;

    _width:                 expression( (((this.clientWidth))) < 63 ? '63px' : '63px' );
    text-decoration:		none;
    cursor:					hand;
    pointer:				hand;
}

.inner_menu .menu li a span span {

    padding:                19px 4px 0px 4px;
    height:                 29px;

    background:             url(/images/inner/background_innermenu.png ) no-repeat top left;

    position:               relative;
    top:                    0px;
    right:                  1px;
}

.inner_menu #im_addfriend a,
.inner_menu #im_sendrequest a{
    background:             url(/images/inner/background_megvolt.png ) no-repeat 50% 0%;
}

.inner_menu #im_ismerosnek a{
    background:             url(/images/inner/background_ismerosnek.png ) no-repeat 50% 0%;
}

.inner_menu #im_sendrequest a{
    background:             url(/images/inner/background_megvolt.png ) no-repeat 50% 0%;
}

.inner_menu #im_sendmessage a {
    background:             url(/images/inner/background_sendmessage.png ) no-repeat 50% 0%;
}

.inner_menu #im_refuserequest a {
    background:             url(/images/inner/background_im_refuserequest.png ) no-repeat 50% 0%;
}
.inner_menu #im_deletefriend a,
.inner_menu #im_cancelrequest a {
    background:             url(/images/inner/background_im_deletefriend.png ) no-repeat 50% 0%;
}


.inner_menu #delfavourite a {
	background: url( /images/inner/background_im_deletefriend.png ) no-repeat 50% 4px;
}

.inner_menu #addfavourite a {
	background: url( /images/inner/addfavourite.png ) no-repeat 50% 4px;
}

.inner_menu #addmegdug a {
	background: url( /images/inner/background_addmegdug.png ) no-repeat 50% 4px;
}

.inner_menu #delmegdug a {
	background: url( /images/inner/background_im_deletefriend.png ) no-repeat 50% 4px;
}

.inner_menu #addmegis a {
	background: url( /images/inner/background_iwanttoknow.png ) no-repeat 50% 4px;
}

.inner_menu #delmegis a {
	background: url( /images/inner/background_im_deletefriend.png ) no-repeat 50% 4px;
}







/* IMAGES */

#imagelist {
	height:					120px;
	width:					115px;
}
div.image {
	
	background-color:		#F0F0F0;
	float:					left;
	margin:					0px 3px 3px 0px;
	padding:				2px;
	border:					1px solid #666666;

}
div.image.selected {
	border:					1px solid #6C6C6C;
}

div.image p.image{
	text-align:				center;
	padding:				3px;
	margin:					0px;
	height:					70px;
}


div.image p.imageinfo{
	text-align:				center;
	padding:				3px;
	margin:					0px;
}

div.image span.default {
	font-weight:			bold;
	color:					#c81f22;
}
div.image p.filename .actionlink {
	padding-left:			3px;
}



td.embedded {
  border: none;
  padding: 0px;
  text-align: left;
}