* {margin: 0; padding: 0;}
html, body	{height: 100%;}

img {border: 0;}

body {
background: #BAD7F0 url(../images/bg_body.gif) repeat-x;
font-family: verdana; font-size: 11px; 
}

#kontener {
width: 1002px;
margin: 20px auto;
padding-bottom: 20px;
overflow: hidden;
}

#keret {
background:  #fff url(../images/bg_keret.gif) 0 0 repeat-y;
padding: 0 6px;
}

#keret-top {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/images/bg_keret_top.png');
height: 6px;
font-size: 1px;
}

#keret-top[id] {
height: 6px; 
background: url(../images/bg_keret_top.png) 0 0 no-repeat;
}

#keret-bottom {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/images/bg_keret_bottom.png');
height: 6px; font-size: 1px;
}

#keret-bottom[id] {
height: 6px;
background: url(../images/bg_keret_bottom.png) 0 0 no-repeat;
}


#header, 
.spacer,
#flash-banner,
#menubar, 
#main-up,
#main-down, 
.box-left,
.box-right,
#vertical-banner,
h2.title {margin-bottom: 1px; overflow: hidden; clear: both;}

H1 {font-size: 11px; margin: 10px 0;}

/*------------------ / K E R E T -----------------------------------------------------------*/
/*HEADER*/

#header {position: relative; width: 990px; height: 85px; background: url(../images/bg_header.jpg) no-repeat; text-align: right;}
#header ul {display: inline; list-stlye: none;}
#header ul li {display: inline; border-left: 1px solid #eee; padding: 0 5px 0 5px; }
#header ul li.first {border: 0; padding-left: 0;}
#header a {color: #eee; text-decoration: none; font-size: 10px;}
#header a:hover {text-decoration: underline;}

ul.lang {position: absolute; right: 15px; *right: 10px; top: 10px;}
ul.book {position: absolute; right: 15px; *right: 10px; top: 45px;}
/*-----------------/ H E A D E R --------------------------------------------------------------------*/
/*Spacer*/

.spacer {background: #BAD7F0;}
.h10 {height: 10px;}
.h16 {height: 16px;}


/*Megrendelo bannercsík*/
/*#flash-banner {background: #000000;height: 300px;}*/

/* MENEÜSOR */

#menubar {height: 31px; line-height: 31px; background: #036DAA url(../images/bg_menubar.gif) repeat-x;}

#menubar ul {list-style: none; width: 100%; height: 31px; clear: both; overflow: hidden; }
#menubar ul li {display: block; float: left; _width: 1%; padding-right: 1px; background: url(../images/bg_menu_li.gif) repeat-x; }
#menubar ul li a {display: block; font: bold 14px arial; height: 31px; line-height: 31px; white-space: nowrap; padding: 0 10px; background: url(../images/bg_menubar.gif) repeat-x; color: #EBF8FF;  letter-spacing: -0.05em; text-decoration: none; text-transform: uppercase;}
#menubar ul li a:hover {background: url(../images/bg_menu_hover.gif) repeat-x; }





/*-----------------/ M E N U ---------------------------------------------------------------------*/
a {color: #054379;}
a:hover {text-decoration: none;}

span.more {position: absolute; bottom: 10px; right: 10px;}

h2.title {height: 28px; padding-left: 30px; font: bold 14px arial;  background: url(../images/bg_title.gif) no-repeat; background-position: 5px 4px; line-height: 28px; color: #fff; letter-spacing: -0.05em; text-decoration: none; text-transform: uppercase;}
h2.title[class] {background: url(../images/bg_title.png) no-repeat; background-position: 5px 4px;}

/* MAINBOX - UP (falsh, tv)*/
#main-up {height: 490px; background: #f7f7f7; clear: both; overflow: hidden;}

#main-up #flashbox {width: 210px; float: left; height: 100%; background: #000; color: #777; }
#main-up #flashbox iframe {width: 210px; margin: 0; padding: 0;}
#main-up #flashbox a {color: #888;}
#main-up #flashbox a:hover {color: #888; text-decoration: underline;}
#main-up #flashbox h2.title a {color: #888; text-decoration: none;}
#main-up #flashbox h2.title a:hover {color: #aaa;}

#main-up #cam-box {float: left;  width: 780px; heihgt: 490px; margin: 0; padding: 0; border: 0;}

/*IFRAME - CAM*/
#body-cam-box #hasonlo-box {position: relative; width: 206px; float: left; height: 100%; background: #eee; overflow: hidden;}
#body-cam-box #hasonlo-box #hv-box {position: relative; width: 207px; height: 460px; overflow: auto; overflow-y: auto; overflow-x: hidden;}

#body-cam-box #main-up-belso {
	width: 572px; 
	float: left; 
	margin: 0px 1px; 
	height: 100%; 
	background: #57A7D4 url(../images/bg_main_up_belso.gif) left bottom no-repeat;
	}

#body-cam-box {background: none !important;}
#body-cam-box  #main-up-belso h2.title {background-color: #054379; border-bottom: 1px solid #F7F7F7;} 
#body-cam-box  #hasonlo-box h2.title, #main-up #flashbox h2.title {*background: url(../images/bg_title_b.gif) 5px 4px no-repeat; background-color: #000; border-bottom: 1px solid #F7F7F7;} 

#body-cam-box  #main-up-belso h2.title {color: #f00;}
#body-cam-box  #main-up-belso h2.title a {color: #a4a4be;}
#body-cam-box  #main-up-belso h2.title a:hover {color: #fff;}

#body-cam-box #tv-menu-contener {float: left; width: 159px; height: 460px; overflow-y: auto; overflow-x: hidden;}

#body-cam-box ul#tv-menu { list-style: none;  padding: 10px 0; }
#body-cam-box ul#tv-menu li {padding-bottom: 1px; background: url(../images/bg_tvmenu_li.gif) 0 100% no-repeat;}
#body-cam-box ul#tv-menu li a {display: block; height: 24px; color: #fff; font: bold 11px verdana; text-decoration: none; line-height: 24px; padding: 0 10px;}
#body-cam-box ul#tv-menu li a:hover {background: #1C3746;}

#body-cam-box ul#tv-menu ul {list-style: none; background: #26495D; }
#body-cam-box ul#tv-menu ul li {list-style: none; display: block; background: url(../images/bg_tvmenu_li2.gif) right bottom no-repeat !important;}
#body-cam-box ul#tv-menu ul li a {font-weight: normal; font-size: 10px; letter-spacing: -0.1em; padding-left: 10px;}
#body-cam-box ul#tv-menu ul li a:hover {background: url(../images/bg_tvmenu_a.gif) right center no-repeat;}
#body-cam-box .active {background: #1C3746;}

#body-cam-box ul#tv-menu ul ul {list-style: none; background: #111; }
#body-cam-box ul#tv-menu ul ul li {list-style: none; display: block; background: none !important;}
#body-cam-box ul#tv-menu ul ul li a {font-weight: normal; font-size: 9px; letter-spacing: -0.1em; padding-left: 15px;}
#body-cam-box ul#tv-menu ul ul li a:hover {background: #333;}



#body-cam-box #tv-box {float: left; height: 461px; width: 384px; border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; background: #000;}
#body-cam-box #tv-box #title-row {height: 23px; line-height: 23px; color: #fff; padding: 0 10px; border-bottom: 1px solid #f7f7f7;}
#body-cam-box #tv-box #comment-row {height: 23px; line-height: 23px; padding: 0; border-top: 1px solid #f7f7f7;}
#body-cam-box #tv-box #info-box {height: 100px; border-top: 1px solid #f7f7f7; color: #aaa; background: #474747;}
#body-cam-box #tv-box #info-box h2 {font: bold 7pt verdana; padding: 5px 10px 0 10px;;}
#body-cam-box #tv-box #info-box p {font: normal 7pt verdana;  padding: 5px 10px;}
#body-cam-box #tv-box #screen {height: 312px; line-height: 312px; background: url(../images/nosignal.gif) center center no-repeat;}
#body-cam-box #tv-box #screen p#player1 {height: 288px; text-align: center; color: #888; }
#body-cam-box #tv-box #screen p#player1 a {color: #fff;}

#body-cam-box .hasonlo-video-tok {position: relative; width: 174px; padding: 6px 5px 7px 10px; font-size: 9px; overflow: hidden; clear: both; background: url(../images/bg_hasonlo_vonal.gif) left bottom no-repeat;}
#body-cam-box .hasonlo-video-tok img {float: left; width: 70px; height: 53px;}
#body-cam-box .hasonlo-video-tok p {padding-left: 75px; font: normal 7pt verdana; letter-spacing: -0.1em;}
#body-cam-box .hasonlo-video-tok span {position: absolute; top: 15px; left: 0px; font: bold 6pt verdana; background: #1887C8; color: #fff; padding: 1px 3px; -moz-opacity: 0.7; filter:alpha(opacity=70); opacity: 0.7;}


* html #body-cam-box #main-up-belso {width: 571px; display: inline !important;}
* html #body-cam-box #hasonlo-box {display: inline !important;}
* html #body-cam-box ul#tv-menu {display: inline !important;}
* html #body-cam-box #tv-box {display: inline !important;}

/*---/ U P ------*/
/* MAINBOX - DOWN (Hiredtések, belso tartalmak)*/

#main-down {clear: both; overflow: hidden; height: 1%;}
#main-down .hirdeto-oszlop {width: 120px; float: left;}
#main-down #main-down-belso {width: 748px; float: left; background: #fff; height: 1%; margin: 0 1px;}
#main-down #main-down-belso .box-left {position: relative; float: left; clear: none; width: 322px; height: 270px; background: #E1F1FE; margin-right: 1px;}
#main-down #main-down-belso .box-right {float: left; clear: none; width: 425px; height: 270px; background: #F7F7F7; overflow: hidden; }

#main-down .hirdeto-oszlop  h2.title {background-color: #444; background-image: none; font-size: 11px; letter-spacing: 0; padding-left: 10px;} 
#main-down #main-down-belso h2.title {background-color: #054379; } 

/*bannersáv*/
#vertical-banner {background: #aaa;}

/*TARTALOM*/
#main-down p {padding: 20px;}

.hirek {padding: 10px;}
.hirek h3 {color: #0270AF; font: bold 11px verdana; }
.hirek span.date {display: block; color: #848484; font-size: 10px; margin-bottom: 10px; clear: both;}
.hirek img {float: left; width: 73px; border: 1px solid #4B5055; margin: 4px 10px 0 0px;}
.hirek p {padding: 0 !important;}
/*
.comments {overflow-y: scroll; height: 220px; padding: 10px 0; font-size: 10px;}
.comments .comment-box {padding: 5px 10px;}
.comments .comment-box h3 {font-size: 10px;}
.comments .comment-box p {padding: 0 !important;}
*/

#tartalom {padding-bottom: 10px; background: #f7f7f7; clear: both; overflow: hidden; height: 1%; } 
#tartalom h2.title {margin-bottom: 10px;}
#tartalom h3 {padding: 5px  30px 0 30px; font-size: 12px; clear: both;}
#tartalom p {padding: 10px 30px;}
#tartalom ul {padding: 10px 30px 10px 60px;} 

#tartalom .hirek {padding: 0 30px; height: 1%; ackground: #aaf;}
#tartalom .hirek h3 {padding: 20px 0 0 0;}
#tartalom .hirek p {padding: 0 !important;}
#tartalom .hirek img {margin-right: 10px;}

.dvd-box {float: left; width: 104px; background: url(../images/bg_dvd.gif) left top no-repeat; margin-left: 30px; margin-top: 10px; *display: inline; }
.dvd-box p {margin: 0 !important; padding: 4px 0 0 0 !important; text-align: center; font: normal 7pt verdana; }
.dvdfirst {margin-left: 60px;}
.dvd-box img {display: block;}

.link-row {clear: both; overflow: hidden; width: 640px; margin: 10px auto;}
.link-row .link-box {float: left; width: 150px; padding: 0 5px; overflow: hidden;}
.link-row .link-box h4 {background: #054379; padding: 2px 1px; font: bolder 7pt verdana; color: #fff; border-bottom: 1px solid #054379; text-align: center;}
.link-row .link-box a {display: block; position: relative; text-decoration: none;}
.link-row .link-box a img {width: 150px; height: 70px;display: block;}
.link-row .link-box a span {display: none; position: absolute; bottom: 0; right: 0; width: 20px; height: 21px; background: url(../images/link_flip.gif) no-repeat;}
.link-row .link-box a:hover span {display: block; }


/* FOOTER */

#footer {
background: #000 url(../images/bg_footer.gif) 0 100% no-repeat; 
height: 31px; 
line-height: 31px;
color: #fff;
text-align: right;
font-size: 9px;
font-weight: bold;
}

#footer p {padding: 0 10px;}
#footer ul {display: inline; list-style: none; padding: 0 10px;}
#footer ul li {display: inline; border-left: 1px solid #eee; padding: 0 1px 0 5px;}
#footer ul li.first {border: 0; padding-left: 0;}
#footer ul li a {color: #eee; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}

.hr {height: 1px; font-size: 1px; padding-top: 10px; clear: both; }
.hr hr {display: none;}

.bold {font-weight: bold;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}




/* Basic
------------------------------------- */


#yshout { 
	height: 235px;
	font-size: 10px;
	padding-bottom: 5px;
	color: #505050;
	overflow: auto;
	overflow-y: auto; 
	overflow-x: hidden;
	line-height: 1.5; 
	position: relative;
	background: url(../images/ne_logo.gif) center center no-repeat;
}

#yshout * {
	margin: 0;
	padding: 0;
}

#yshout fieldset {
	border: none;
}

#yshout em {
	font-style: normal;
	font-weight: bold;
}



/* Form
------------------------------------- */

#yshout #ys-post-form {
	padding: 5px;
	
	
}

#yshout #ys-input-nickname,
#yshout #ys-input-message {
	padding-left: 2px; 
	margin-right: 5px;
	border: 1px solid #054379;
	background: #fff;
	font-size: 11px;
	color: #054379;
}
#yshout #ys-input-nickname {width: 100px;}
#yshout #ys-input-message {width: 225px;}

#yshout #ys-input-submit {
	width: 55px;
	font-size: 10px;
	background: #054379;
	color: #fff;
	border: 0;
}

#yshout .ys-before-focus {
	color: #808080;
}

#yshout .ys-after-focus {
	color: #000;
}

#yshout .ys-input-invalid {
	background: #FFFEE9;
}

/* Posts
------------------------------------- */

#yshout .ys-post {
	padding: 3px 5px;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 1px;
	position: relative;
}



#yshout .ys-post.ys-banned-post .ys-post-message, 
#yshout .ys-post.ys-banned-post .ys-post-message a, 
#yshout .ys-post.ys-banned-post .ys-post-nickname {
	color: #BEBEBE;
	text-decoration: line-through;
}

#yshout .ys-post-timestamp {
	color: #979797;
	font-size: 11px;
}

#yshout .ys-post-nickname {
	font-weight: bold;
}

#yshout .ys-post-message {

}

#yshout .ys-admin-actions {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 5px;
	padding-left: 5px;
	background: #fff;
	color: #979797;
	font-size: 11px;
	z-index: 50;
	display: none;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

#yshout .ys-post:hover .ys-admin-actions {
	display: block;
}

#yshout .ys-info-overlay {
	display: none;
	position: absolute;
	z-index: 49;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	padding: 3px 5px;
	color: #333333;
}

#yshout .ys-info-inline {
	display: none;
}

#yshout .ys-admin-post .ys-post-nickname {
	background: url(../images/star.gif) 0 2px no-repeat;
	padding-left: 13px;
}


/* Control Panel
------------------------------------- */

#ys-cp-overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* html body {
	height: 100%;
	width: 100%;
}*/


#ys-cp object {
	border: none;
	z-index: 102;
	overflow: auto;
	height: 550px;
	width: 700px;
}

#ys-cp {
	z-index: 102;
	position: absolute;
	margin-top: -275px;
	margin-left: -350px;
	top: 50%;
	left: 50%;
	height: 550px;
	width: 700px;
}

#ys-cp-close {
	position: absolute;
	z-index: 102;
	top: 50%;
	left: 50%;
	height: 15px;
	margin: -290px 0 0 300px;
	width: 50px;

	line-height: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font: bold 11px arial;
}



.button, .input, .textinput {font: normal 8pt arial; color: #4D6C91; padding: 0 0 0 1px;  margin: 0 0 0 1px; vertical-align: top; background-color: #ffffff;  border: 1px #4D6C91 solid;}

.button 	{height: 18px; width: 80px;}
.input 		{height: 16px; width: 150px;}
.textinput 	{height: 64px; width: 150px;}