/* f r o n t e n d _ s t y l e s h e e t */
html		{height: auto; }

body		{ margin: 0; padding: 0; font-size: 12px; line-height: 14px; background-color:#343637; color: #ffffff; font-family: Arial, verdana, tahoma; background-image:url(/items/graphics/xfaktor/bg4.png); background-repeat:no-repeat; background-position: top center; }

#logomain {
position:absolute; left:50%; top:10px;
}
#logomain2 {
width: 110px;
height: 45px;
cursor: pointer;
position: absolute;
left: -500px;
}

#container { position:relative; width: 980px; clear:both; overflow:hidden; margin: 0 auto; height:auto; position: relative; background-image: url(/items/graphics/xfaktor/container.png); padding:9px; }
#custom_color	{ position:relative; height:auto;}
#content	{width: 100%; height:auto; clear:both; margin: 0 auto;z-index:1;position: relative; background-color: #111; }
#header		{position:relative;width:980px;margin:0 auto;height:193px; overflow: hidden; }
#header_banner {position:relative; width:728px; height:129px;margin:0 auto;}
#header_banner iframe {background-color: #000; position:absolute; top:20px;}

#header_banner div.hird {position:absolute; width:20px; height:90px; top:30px; right:-20px; background-image: url(/items/graphics/hird_v.gif);}

#logo {position: absolute; width:220px; height:150px;top:15px; left:15px; cursor: pointer;}

#logo_tw {position: absolute; width:40px; height:40px;top:11px; left:597px; 
/*cursor: pointer;*/
}
#logo_fb {position: absolute; width:40px; height:40px;top:11px; left:655px; 
/*cursor: pointer;*/
}
#logo_iwiw {position: absolute; width:40px; height:40px;top:11px; left:710px; 
/*cursor: pointer;*/
}




/* box header */
	div.boxheader { height:27px; position: relative; overflow: hidden; margin-top: 7px; margin-bottom: 9px; width: auto;}
	div.boxheader div.layer {	width: 800px; height: 27px; position: relative; z-index: 1;}
	div.boxheader div.label { float:left; padding-left:1px; padding-top:4px; padding-right: 10px; height:27px; letter-spacing: -1px; font-size:14px; width: auto; }
	div.boxheader div.bg { z-index: -1; position: absolute; border-bottom: 1px solid #535353; width:330px; height:25px; background-image:url(/items/graphics/xfaktor/boxheader.png); background-position: top right; background-repeat: no-repeat; }
    div.boxheader div.upc { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_rtlmost_upc.jpg); cursor: pointer; }
    div.boxheader div.adventi { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_adventi_milka.jpg); cursor: pointer; }


#navigation { z-index: 0; position: absolute; top:151px; left:312px; width:600px; height: 37px; font-family:Tahoma, Arial; font-size: 15px; color:#fff; }

#navigation div.item {
	float: left;
	height: 37px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	background-image: url(/items/graphics/xfaktor/staticmenu3.png);	
}

#navigation div.active {
	float: left;
	width: 60px;
	height: 37px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	background-image: url(/items/graphics/xfaktor/staticmenu3_active.png);	
}

#navigation div.item i{ width: 100px; height: 37px; position: absolute; z-index: 2000; }
#navigation div.item:hover { background-color: #ddd; background-image: url(/items/graphics/xfaktor/staticmenu3_active.png);	}

/*#navigation div.m2.item:hover { background-image: url(/items/graphics/xfaktor/staticmenu3.png); cursor: default;}*/

#navigation div.m1 { width:63px;	background-position: 0 0; }
#navigation div.m2 { width:103px;	background-position: -63px 0; }
#navigation div.m3 { width:92px;	background-position: -166px 0; }
#navigation div.m4 { width:60px;	background-position: -258px 0; }
#navigation div.m5 { width:61px;	background-position: -318px 0; }
#navigation div.m6 { width:68px;	background-position: -379px 0; }
#navigation div.m7 { width:50px;	background-position: -447px 0; }
#navigation div.m8 { width:102px;	background-position: -498px 0; }


div.banner330x247 { border: 1px solid #444;	}

.opacity10 { opacity:0.1; }
.opacity20 { opacity:0.2; }
.opacity30 { opacity:0.3; }
.opacity40 { opacity:0.4; }
.opacity50 { opacity:0.5; }
.opacity60 { opacity:0.6; }
.opacity70 { opacity:0.7; }
.opacity80 { opacity:0.8; }
.opacity90 { opacity:0.9; }

div.articlepages {
	position: relative;
	width:400px;
	height: auto;
}
div.articlepages div.pager_label {
	float:left;
	padding-top:4px;
	margin-left:10px;
	margin-right:10px;
}
div.articlepage div {
	font-size: 12px;
	width: 26px;
	margin-right:2px;
	padding-top:4px;
}
div.articlepage .inactive {
	float:left;
	cursor:pointer;
	height: 20px;
	background-color: #aaa;
	text-align: center;
	vertical-align: middle;
}
div.articlepage .active {
	float:left;
	cursor:pointer;
	height: 20px;
	background-color: #888;
	text-align: center;
	vertical-align: middle;
}

div.tabs {
	color:#fff;
	overflow: hidden;
	border-bottom: 1px solid #cc0000;
}

i.arrow_pink {
	position: absolute;
	width: 6px;
	height: 7px;
	background-image: url(/items/graphics/arrow_pink.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}


i.arrow {
	position: absolute;
	width: 6px;
	height: 7px;
	background-image: url(/items/graphics/cikk_arrow.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}

i.video {
	position: absolute;
	width: 14px;
	height: 7px;
	background-image: url(/items/graphics/kamera.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}

a { color:#fff;text-decoration: none;}
div.tabs div.tab_key {
	cursor: pointer;

	float: left;
	height: 22px;
	text-align: center;
	background-color: #1c1c1c;
	border: 1px solid #2c2c2c;
	border-bottom: none;
	margin-right:4px;
	margin-left: 2px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;

}
div.tabs div.tab_key:hover {
	border: 1px solid #cc0000;
}
div.tabs div.active {

	border: 1px solid #cc0000;
	background-image: url(/items/graphics/menu_buttonbg.gif);

}

div.tabs span.tab {

	font-family: sans-serif;
	font-size: 13.5px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 6px;
	
}
#loginbox div.boxheader div.bg{
	border: none;
}
#loginbox {
	width: 191px;
	padding-left:9px;
	height: 138px;
	padding-top: 0px;
	position: absolute;
	background-color: #000;
	top: 7px;
	right: 4px;
}

#loginbox div.actions {
	position: absolute;
	top:96px;
	left:60px;

}

#loginbox div.loginok {
	position: absolute;
	top:96px;
	left:15px;

}


#loginbox div.loginbox1 {
	position: absolute;
	top:40px;
	left:15px;

}


#loginbox div.loginbox2 {
	position: absolute;
	top:70px;
	left:15px;

}


#loginbox input.text {
    width: 150px;
	border: none;
	padding: 2px;
	color: #bbb;
}


#keresobox {
    width: 190px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    position: absolute;
    top: 150px;
    right: 0px;
}

#keresobox input.text {
    border: none;
    padding: 4px;
    height: 16px;
    color: #888;
    
}

#keresobox input.submit {
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right:4px;
    top:5px;
    background-color: transparent;
}

div.ajanlo div.tabs {
	visibility: hidden;
}
#nameday {
	position: absolute;
	left:170px;
	top:140px;
	font-size: 12px;
	cursor: help;
}

#temp {
	position: absolute;
	left:500px;
	top:140px;
	font-size: 12px;
	cursor: pointer;
	
}
#rss {
	position: absolute;
	left: 650px;
	top:140px;
	font-size: 12px;
}
#temp i.temp {
	position: absolute;
	width: 28px;
	height: 30px;
	overflow: hidden;
	background-image: url(/items/graphics/temp2.gif);
	left:-32px;
	top:-7px;
}
#rss i.rss {
	position: absolute;
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-image: url(/items/graphics/rss.gif);
	left:-36px;
	top:-7px;
}
div.boxinfo {
	position: absolute;
	width:130px;
	height: 50px;
	padding:4px;
	background-color: #1ef7ff;
	border: 4px solid white;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

div.control {
	position: absolute;
	bottom:20px;
	font-size: 16px;
	left:20px;
}

div.control div.pager {
	position: absolute;
	font-size: 40px;
	left:50px;
	width: 400px;
	bottom:0;
}

div.control div.pager div.dot {
	cursor: pointer;
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: -24px 0;
	overflow: hidden;
}

div.control div.pager div.page_left {
	cursor: pointer;
	float: left;
	width: 24px;
	margin-right:10px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: 0 0;
	overflow: hidden;
}
div.control div.pager div.page_right {
	cursor: pointer;
	float: left;
	width: 24px;
	margin-left:10px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: -72px 0;
	overflow: hidden;
}

div.control div.pager div.active {
	background-position: -48px 0;
}







/* komment */
div.komment {position: relative; width:594px; margin:10px; height:auto; }
div.komment div.postlabel {position:absolute;  left:220px; top:40px; font-size:11px; color:#ffffff; }
div.komment div.item {position: relative; height:auto; border-bottom: 1px dotted #c00; }
div.komment div.post { background-color:#000; background-repeat: repeat-x; background-image: url(http://rtlklub.hu/cache/gradient/383838000000_220.png); height:220px; position: relative; width:573px;padding-left:5px;padding-right:5px; }
div.komment i.text { position:absolute; left:0; top:10px; width:16px; height:16px; overflow:hidden;  background-image:url(/items/graphics/iconset/page_white_text.png); top:0; }
div.komment div.post textarea.komment { position:absolute; left:10px; top:90px; border: 1px solid #444; padding: 4px; font-size: 13px; font-family: Arial; letter-spacing: 1px; color:#fff; width:556px; height:80px; background-color: #000; }
div.komment div.post input { border:0px solid #dedede; color:#fff; font-size:12px;}
div.komment div.post div.name { left:9px; top:55px; position:absolute;   width:562px; height:24px; color:#fff; }
div.komment div.post div.name input { background-color: #000; font-size: 11px; padding:4px; border: 1px solid #444; color:#fff; }
#kommentNev { color:#fff; }
div.komment input.button { position:absolute; right:20px; top:200px;  font-size:11px; font-weight: bold; padding:2px; color:#ffffff; border:none;}
div.komment div.post div.button { position:absolute; left:8px; top:185px; font-size:11px; font-weight: bold; padding:2px; color:#ffffff; border:none;}
div.komment #chars { position:absolute; right:10px; bottom:15px; font-size:11px; padding:2px; color:#c00; border:none;}
div.komment div.item { position:relative; height:auto; padding:12px; color:#fff; }
div.komment div.odd { background-repeat:repeat-x; background-color:#300; }
div.komment div.even { background-repeat:repeat-x; background-color:#100; }
div.komment div.info { position:absolute; top:50px; width:590px;  left:28px; color: yellow;}
div.komment div.new { color:#c00;  }
div.komment div.mod { color:#aaa; font-size: 10px; font-style: italic; }
div.komment div.date { font-size: 10px; padding-left:1px; position:relative; margin-bottom:6px; color:#c00;}
div.komment div.date span { color:#fff;}
div.komment div.comment { position:relative; font-size:11px; line-height:16.2px; color:#ffffff; }
div.komment div.boxheader div.layer  { width:583px; overflow: hidden;  }
div.kapcsolodo-tartalmak {
	padding: 12px;
}
div.komment .input { color: #fff; }
div.kapcsolodo-tartalmak table.video-galeria {
	border-bottom:1px dotted #595959;
}

div.kapcsolodo-tartalmak div.kapcsolodo-cikkek {
	border-bottom:1px dotted #595959;
	padding-bottom: 15px;
}

div.kapcsolodo-tartalmak div.largeheader {
	font-weight:bold;
	font-size:11.5px;
	padding-top:5px;
	padding-bottom:9px;
}

div.kapcsolodo-tartalmak div.smallheader {
	font-weight:bold;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
}

div.kapcsolodo-tartalmak div.item {
	float:left;
	height:105px;
	width:290px;
}


div.kapcsolodo-tartalmak div.title {
	font-weight:bold;
	font-size:11.5px;
	padding-bottom:3px;
}

div.tools {
	position: relative;
	border: 1px solid #666666;
	border-left: none;
	border-right: none;
	margin-top:1px;
	margin-bottom: 4px;
	font-size: 10px;
}

div.tools div.icons {
	width: 588px;
	height:19px;
	position: relative;
	margin:0 auto;
	margin-top:4px;
	margin-bottom:4px;
	overflow: hidden;
	background-image: url(/items/graphics/article_tools.gif); 
	background-repeat: no-repeat;
}

div.flexibox div.vote p.title {
	color: #f23312;
}
div.flexibox div.boxheader { margin: 0; }

div.flexibox div.content {
	background-image: url(/cache/gradient/383838000000_150.png);
	background-repeat: repeat-x;
	padding:10px;	
}

div.flexibox div.vote div.votebutton {
	position: relative;
	width:94px;
	height:25px;
	background-image: url(/items/graphics/xfaktor/szavazok.png);
	margin:0 auto;
	margin-top:10px;
}
div.flexibox div.content { background-color: #000; }
div.flexibox div.pager { background-color: #000; }
div.tools div.icons * {position: absolute; width: 16px; height: 16px; border: none; top:0; cursor: pointer; }
div.tools div.icons *:hover { border:1px dotted #fff; }

div.tools div.icons div.twitter {  left: 0;  }
div.tools div.icons div.facebook { left: 22px; }
div.tools div.icons div.delicious { left: 44px; }
div.tools div.icons div.digthis { left: 66px; }
div.tools div.icons div.linkedin { left: 88px; }
div.tools div.icons div.technorati { left: 110px; }
div.tools div.icons div.tipd { left: 130px; }
div.tools div.icons div.startlap { left: 152px; }
div.tools div.icons div.iwiw { left: 172px; }

img.statistics { position: absolute; width: 1px; height: 1px; left: -100px; top: -100px; }

div.cikk div.content {
	padding:10px;
}

div.xfaktor_ad {
	position:fixed;
	z-index: 10;
	top:30%;
	left:38%;
	width: 300px;
	height: 300px;
	background-color: #666;
}