/* 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:#666666; color: #ffffff; font: 8pt "trebuchet ms", verdana, tahoma; background-image:url(/items/graphics/body_bg.jpg); background-repeat:repeat-x;}

/* Hyundai/CSI szponzor�ci� 2010.11.01-ig */
body.rtlklub_sorozat_csi {
	background-image: none;
	background-color: #004080;
}

#container { position:relative; width: 980px; clear:both; overflow:hidden; margin: 0 auto; height:auto; position: relative; background-color: #000000; background-image: url(/items/graphics/container_bg.jpg); background-repeat: repeat-x; background-position: 0 -219px;}
#custom_color	{position:relative; height:auto;}
#content {width: 100%; height:auto; clear:both; margin: 0 auto;z-index:1;position: relative; }
#header	{position:relative;width:980px;margin:0 auto;height:235px;background-image: url(/items/graphics/header_bg.gif); background-repeat: repeat-x; background-color: #3d3d3d; }
#header div.header_banner {position:absolute; width:728px; height:90px;margin-left:15px;margin-top:12px;}
#header div.hird {position:absolute; width:20px; height:90px; margin-left:743px; margin-top:12px; background-image: url(/items/graphics/hird_v.gif);}
#logo { position: absolute; width:149px; height:80px; background-image: url(/items/graphics/rtlklub_headerlogo.jpg); top:104px; left:26px; cursor: pointer;  }

/* box header */
div.boxheader { height:27px; position: relative; overflow: hidden; margin-bottom: 0;}
div.boxheader div.layer {	width: 800px; height: 27px; position: relative;}
div.boxheader div.label { float:left; padding-left:6px; padding-top:4px; padding-right: 4px; height:27px; letter-spacing: -1px; font-size:14px; width: auto; }
div.boxheader div.bg { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_bg.jpg); }
div.boxheader div.upc { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_rtlmost_upc.jpg); cursor: pointer; }
div.boxheader div.neo { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_neogranormon.jpg); cursor: pointer; }
div.boxheader div.adventi { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_adventi_milka.jpg); cursor: pointer; }
div.boxheader div.ferrero { float:left; width:545px; height:27px; background-image:url(/items/graphics/boxheader_ferrero.jpg); cursor: pointer; }
div.boxheader div.layer div.kh { position: relative; right: -306px; width: 300px; height: 28px; }
div.boxheader div.layer div.kh2 { position: relative; right: -300px; width: 300px; height: 28px; }
div.boxheader div.layer div.zwack { position: relative; right: -336px; width: 330px; height: 28px; }
div.boxheader div.layer div.zwack2 { position: relative; right: -330px; width: 330px; height: 28px; }
div.boxheader div.layer div.zwack3 { position: relative; right: -129px; width: 330px; height: 28px; }
div.boxheader div.layer div.zwack4 { position: relative; right: -280px; width: 330px; height: 28px; }
#flexibox5535 div.boxheader { left: -10px; width: 330px; }
div.boxheader div.layer div.zwack5 { position: relative; height: 28px; }
div.boxheader div.layer div.zwack_small { position: relative; right: -200px; width: 100px; height: 28px; }
div.boxheader div.layer div.eucerin { position: relative; right: -209px; width: 121px; height: 28px; }

#navigation { z-index: 2; position: absolute; top:182px; width:970px; height: 36px; background-image: url(/items/graphics/menu_bg.gif); border-bottom: 1px solid #cc0000; font-family:Tahoma, Arial; font-size: 15px; color:#fff; background-repeat: repeat-x; padding-left: 10px;}
#navigation div.menuitem { float: left; height: 36px; margin-top:3px; }

/* #navigation div.menuitemvideotar { float: left; height: 33px; margin-top:3px; background-color: #e41815; } */

#navigation i.arrow { position: absolute; background-image: url(/items/graphics/menu_arrow.gif); width: 6px;height: 5px; top:12px; overflow: hidden;}
#navigation div.active {background-image:url(/items/graphics/menu_buttonbg.gif);}
#navigation td { padding-left: 5px; padding-right: 6px; }
#navigation div.parent { margin:1px; margin-bottom: 0; padding:2px; padding-left:12px;padding-right:12px; cursor: pointer;}
#navigation div.parent:hover { margin:0; border: 1px solid #cc0000; border-bottom: none;}

#navigation div.children { opacity:0.8; margin-left:-16px; margin-top:3px; display:none; z-index:100; padding:4px; padding-bottom:3px; background-color: #181818; font-size:12px; font-family: Arial; position: absolute; }
#navigation div.child { padding:3px; padding-left: 5px;padding-right: 5px; border-bottom: 1px solid #000000; text-align: center; }

.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 {

	width: 171px;
	height: 130px;
	padding-top: 0px;
	position: absolute;
	top: 12px;
	right: 0px;
	overflow: hidden;
}
#loginbox div.loginhead {

	background-image: url(/items/graphics/2010/login.png);
	position: relative;
	width:171px;
	height: 27px;
	
}

#loginbox div.loginhead_empty {

	background-image: url(/items/graphics/2010/login_empty.png);
	position: relative;
	width:171px;
	height: 27px;
	padding-left:2px;
	font-size: 11px;
	font-family: Arial;
}
#loginbox div.loginhead_empty * {
	padding:0;
	margin: 0;
	line-height: 12px;
}

#loginbox div.loginhead_empty i.arrows {
background-image:url(/items/graphics/2010/login_arrow.gif);
height:7px;
margin-left:6px;
margin-top:4px;
overflow:hidden;
position:absolute;
width:6px;
}


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

}

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

}


#loginbox div.loginbox1 {
	position: absolute;
	top:40px;
	left:8px;
}
#loginbox #login_content {
	background-image: url(/items/graphics/login_bg.gif);
	height: 140px;
	display: none;
}

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

}


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


#keresobox {
    width: 158px;
    padding-right: 10px;
    position: absolute;
    top: 150px;
    right: 4px;
}

#keresobox input.text {
    border: none;
    padding-top: 1px;
    padding-left:4px;
    height: 16px;
    color: #888;
    width:110px;
}

#keresobox input.submit {
    width: 35px;
    height: 25px;
    background: transparent url(/items/graphics/ok.jpg) no-repeat top left;
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0;
}


#nameday {
	position: absolute;
	right:4px;
	top:116px;
	color:#ffd;
	width: 162px;
	font-size: 11px;
	cursor: help;
}

#temp {
	position: absolute;
	right:6px;
	top:90px;
	width:131px;
	font-size: 12px;
	cursor: pointer;
	z-index: 2;
}
#eppen { width: 463px; height: 26px; position: absolute; background-image: url(/items/graphics/2010/eppen.png); top:118px; left:158px;
	background-repeat: no-repeat; 
	padding-left:120px; padding-top:7px; color:#000;font-size: 16px;
	}
#rss {
	position: absolute;
	right:6px;
	top:60px;
	width:132px;
	font-size: 12px;
	z-index: 2;
}
#temp i.temp {
	position: absolute;
	width: 22px;
	height: 23px;
	overflow: hidden;
	background-image: url(/items/graphics/2010/nap.png);
	left:-32px;
	top:-7px;
}
#rss i.rss {
	position: absolute;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url(/items/graphics/2010/rss.png);
	left:-30px;
	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;
}

div.komment {position: relative; width:604px; 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 #595959; }
div.komment div.post { background-color:#333333; height:220px; position: relative; width:99%;padding-left:5px;padding-right:5px; }

div.komment i.text { position:absolute; left:0; top:10px; width:16px; height:16px; overflow:hidden; top:0; }

/*div.komment div.post textarea.komment { border:1px solid #dedede; margin-top:0px; width:589px; height:90px; }*/
div.komment div.post textarea.komment { position:absolute; left:10px; top:90px; width:580px; height:80px; }

div.komment div.post input { border:0px solid #dedede; font-size:8pt;}
div.komment div.post div.name { left:10px; top:55px; position:absolute;  width:562px; height:24px; }
/*div.komment div.post div.textarea { padding-left:1px; padding-top:50px; position:relative;  width:562px; height:80px; }*/
div.komment div.post div.textarea {  }

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:40px; top:55px; font-size:11px; padding:2px; color:#ffffff; border:none;}
div.komment div.item { position:relative; height:auto; padding:12px; color:#fff; }
div.komment div.odd { background-repeat:repeat-x; background-color:transparent; }
div.komment div.even { background-repeat:repeat-x; background-color:transparent; }
div.komment div.info { position:absolute; top:50px; width:590px;  left:28px; color: yellow;}
div.komment div.date { padding-left:1px; position:relative; margin-bottom:6px; color:#aaaaaa;}
div.komment div.comment { position:relative; font-size:11px; line-height:16.2px; color:#ffffff; }

/* kapcsolodo-tartalmak */
	
	div.kapcsolodo-tartalmak { padding: 12px; position: relative; width: 603px;}
	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;  padding-top:5px; padding-bottom:9px; position: relative; width:603px;}
	div.kapcsolodo-tartalmak div.largeheader div.label { color:#000; font-size:14px;  letter-spacing: 1px; }	
	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 { position: relative; width: 100%;  }
	div.kapcsolodo-tartalmak div.item div.image { float: left; width:133px; height: 100px; }
	div.kapcsolodo-tartalmak div.title2 { font-weight:bold; font-size:11.5px; padding-bottom:3px; position: relative; left:100px; width:200px; }

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.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.flexibox div.votebutton {
	position: relative;
	width:80px;
	height:22px;
	background-image: url(/items/graphics/szavazok.gif);
	margin:0 auto;
	margin-top:10px;
}

div.cikk div.boxheader div.bg {
	background-image: url(/cache/gradient/ff99ccfb0082H_600.png);
}

/* malta */

body.rtlklub_malta { color:#000; background-image:url(/items/graphics/body_bg_hirek.jpg); background-color: #fff;}
body.rtlklub_malta #header { height: 251px; background-image: url(/items/graphics/header_bg_hirek.jpg); background-color: #7d7d7d; }
body.rtlklub_malta #logo { background-image: url(/items/graphics/rtlklub_headerlogo_hirek.jpg); top:104px; left:26px;	}
body.rtlklub_malta #navigation { background-image: url(/items/graphics/menu_bg_hirek.gif); background-position: 0 1px; border-bottom: 1px solid #666666;}
body.rtlklub_malta #navigation div.active { background-image:url(/items/graphics/menu_buttonbg_hirek.gif);}
body.rtlklub_malta div.tabs div.active { border: 1px solid #046b9a; background-image: url(/items/graphics/menu_buttonbg.gif); }

body.rtlklub_malta #container { background-color: #ffffff; background-image: url(/items/graphics/container_bg_hirek.jpg); background-position: 0 0;}
body.rtlklub_malta div.boxheader div.bg { background-image:url(/cache/gradient/64b6db309dcf_27.jpg); background-repeat: repeat-x; background-color: #309dcf;}
body.rtlklub_malta div.control div.pager div.page_right { background-image: url(/items/graphics/pager_black.gif); }
body.rtlklub_malta div.control div.pager div.page_left { background-image: url(/items/graphics/pager_black.gif); }
body.rtlklub_malta div.control div.pager div.dot { background-image: url(/items/graphics/pager_black.gif);}
body.rtlklub_malta div.control { bottom:2px; left:30px; color:#000; }
body.rtlklub_malta div.flexibox a { color:#000; }
body.rtlklub_malta div.tabs div.active { border: 1px solid #046b9a; background-image: url(/items/graphics/menu_buttonbg_hirek.gif); }
body.rtlklub_malta i.article_arrow { width:6px; height:7px; margin-top:3px; margin-left:6px; overflow: hidden; position: absolute; background-image: url(/items/graphics/article_arrow.gif); }
body.rtlklub_malta div.atjaro { color:#000; }
body.rtlklub_malta div.atjaro a { color:#000; }
body.rtlklub_malta div.tabs { border-bottom: 1px solid #046b9a; }
body.rtlklub_malta div.tabs div.tab_key:hover { border: 1px solid #046b9a; }
body.rtlklub_malta i.arrow { background-image: url(/items/graphics/article_arrow.gif); }
body.rtlklub_malta div.tabs div.tab_key { border: 1px solid #666666; background-color: #666666; }


div.videoembed { position:relative; width:330px; height:auto; overflow:hidden; padding:4px; border: 1px solid #444; margin:0 auto; }
div.videoembed input { position: relative; width:320px; height: auto; background-color: #000; border: 2px solid #888; color: #fff;}
div.videoembed div.text { position: relative; 	width:320px; height: auto; background-color: #000; border: 2px solid #888; color: #fff;}

div.layerbanner {
   position:absolute;
   z-index:20000;
   width:400px;
   height:400px;
   background-color:#aaa;
   border:1px solid #fff;
   top:150px;
   left:400px;
   cursor: pointer;
   display: none;
}
div.layerbanner div.close { 
   width: 19px;
   height: 18px;
   position: absolute;
   right: 1px;
   top: 2px;
   cursor: pointer;
   z-index:40000;
}
div.fe_info { position: absolute; top:0; left: 0; z-index: 110000; border: 1px solid #000; background-color: #0f0; color:#000; padding:4px; }


/* baratok kozt - loreal */
/*
#flexibox3793 div.boxheader div.bg { float:left; width:545px; height:27px; background: url() ; }
#flexibox3793 div.boxheader { margin-bottom: 10px;; float:left; width:545px; height:27px; background: url(/items/graphics/loreal-bk2.jpg) no-repeat -1px ; }
#flexibox3793 { background: #236D0D; color: #a7c62e; padding-left: 0px; }
*/