@import "head.css";
@import "menu.css";
@import "module_box.css";
@import "form.css";
@import "content.css";
@import "footer.css";
@import "tables.css";

@import "nodelisterpage.css";
@import "foldernode.css";
@import "imagenode.css";
@import "filenode.css";
@import "comment.css";
@import "textnode.css";

/* RESET */

body, div,
h1, h2, h3,
a, b, p, ul, li,
table, tr, td, form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* - - - */

body {
	background-color: #101010;
	text-align: center;
	font: normal normal 14px Helvetica, Arial, sans-serif;
	color: black;
}

p, h1, h2{
	font-weight: bold;
	margin-bottom: 10px;
}

h2 {
	text-indent: -5px;
	padding: 20px 0px;
	font:  normal bold 18px Helvetica, Arial, sans-serif;
	color: #320000;
}

a{
	color: #000000;
	font: normal bold 14px Helvetica, Arial, sans-serif;
}

ul{
	list-style: none;
}

/* MAIN MENU */

#menu_container{
	width: 834px;
	height: 53px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#menu_ls{
	height: 53px;
	width: 6px;
	float: left;
	background-image: url(/modules/application/assets/image/menu_bg_ls.png);
}

#menu_m{
	height: 53px;
	width: 822px;
	float: left;
	background: transparent url(/modules/application/assets/image/menu_bg_m.png) repeat-x scroll top left;
}

#menu_rs{
	height: 53px;
	width: 6px;
	float: left;
	background-image: url(/modules/application/assets/image/menu_bg_rs.png);
}

#menu_items{
	width: 100%;
	text-align: center;
	margin-left: 10px;
}
* html #menu_items{
	margin-left: 40px;
}
*+html #menu_items{
	margin-left: 40px;
}

#menu_items ul{
	list-style: none;
}

#menu_items li{
	display: inline;
	float: left;
	height: 53px;
}

#menu_items li a{
	text-decoration: none;
	font: normal bold 16px Helvetica, Arial, sans-serif;
	color: #c8c8c8;
	width: 100%;
	display: block;
	padding: 15px 0px;
	margin: 0px 15px;
}
* html #menu_items li a{
	padding: 15px 25px;
	margin: 0px;
}
*+html #menu_items li a{
	padding: 15px 25px;
	margin: 0px;
}

#menu_items li a:hover,
#menu_items li a:active{
	width: 100%;
	color: #000000;
	background-image: url(/modules/application/assets/image/selected_menu_item_bg.png);
}


/* LAYOUT */

#container{
	width: 824px;
	margin: 10px auto;
	border: 5px solid #320000;
	border-top: none;
}

#header{
	height: 325px;
	width: 824px;
	background: transparent url(/modules/application/assets/image/header_picture.png) no-repeat scroll top left;
	border: 5px solid #320000;
	border-left: none;
	border-right: none;
}

#title{
	height: 110px;
	width: 648px;
	float: left;
	background: transparent url(/modules/application/assets/image/header_title.png) no-repeat scroll top left;
	position: relative;
	top: 20px;
	left: 180px;
}

#page{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 300px;
	text-align: left;
	background: #a6a6a6 url(/modules/application/assets/image/page_bg.png) repeat-x scroll top left;
}
* html #page{
	height: expression(this.scrollHeight > 300 ? "auto":"300px");
}

#content{
	width: 530px;
	min-height: 500px;
	margin: 20px 8px 40px 25px;
	float: left;
}
* html #content{
	height: expression(this.scrollHeight > 500 ? "auto":"500px");
}

.subtitle{
	text-indent: -5px;
	padding: 20px 0px;
	font:  normal bold 18px Helvetica, Arial, sans-serif;
	color: #320000;
}

/*
#arrow_left{
	height: 17px;
	width: 10px;
	float: left;
	margin-right: 10px;
	margin-top: 40px;
	border: 0px;
	background-image: url(/modules/application/assets/image/arrow_left.png);
}

#arrow_right{
	height: 17px;
	width: 10px;
	float: left;
	margin-left: 10px;
	margin-top: 40px;
	border: 0px;
	background-image: url(/modules/application/assets/image/arrow_right.png);
}
*/
#pictures{
	width: 530px;
	padding: 20px 10px;
	float: left;
}

.picture{
	width: 150px;
	height: 113px;
	float: left;
	border: 2px solid #000000;
}

.picture-02{
	margin: 0px 10px;
}


/* FOOTER */

#footer{
	width: 834px;
	height: 30px;
	position: relative;
	top: -5px;
	left: -5px;
	background: transparent url(/modules/application/assets/image/footer_bg.png) repeat-x scroll top left;
	font:  normal bold 12px Helvetica, Arial, sans-serif;
	line-height: 30px;
	color: #faf0d2;
}

#footer-wrapper {
	width: 824px;
	background-image: url(/modules/application/assets/image/ujhely_panorama.png);
	padding-top: 70px;
}

#copyright{
	text-indent: 30px;
	float: left;
}

#footer_menu{
	height: 30px;
	width: 500px;
	margin-left: 350px;
}
*+html #footer_menu{
	position: relative;
	top: -30px;
}

#footer_menu a{
	float: left;
	text-decoration: none;
	font: normal bold 12px Helvetica, Arial, sans-serif;
	color: #faf0d2;
	margin-top: 7px;
}

#footer_menu a:hover,
#footer_menu a:active{
	color: #c8c8c8;
}

.gray_text{
	color: #c8c8c8;
	font-size: 12px;
}

.separator{
	float: left;
	width: 2px;
	height: 12px;
	background-color: #c8c8c8;
	margin: 8px;
}


/* SIDEBAR */

#sidebar{		/* 274 px */
	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	margin: 0px 10px 40px 8px;
}

#searchbar{
	float: right;
	height: 30px;
	width: 259px;
	background: transparent url(/modules/application/assets/image/search_bg.png) no-repeat scroll top left;
}

#searchbar form input{
	width: 170px;
	margin-left: 20px;
	margin-top: 5px;
	padding-left: 30px;
	border: 0px;
	background: #a2a2a2 url(/modules/application/assets/image/magnifier.png) no-repeat scroll center left;
	font: normal normal 14px Helvetica, Arial, sans-serif;
}
* html #searchbar form input{
	margin-top: 4px;
}

.button_container{
	/*float: left;*/
	margin: 10px;
}

.button_ls{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url(/modules/application/assets/image/button_ls.png);
}

input.button_m{
	float: left;
	width: auto;
	height: 25px;
	padding: 0px;
	overflow: visible;	/* IE hack */
	background-image: #320000 url(/modules/application/assets/image/button_m.png) repeat-x scroll top left;
	font: normal bold 13px Helvetica, Arial, sans-serif;
	border: none;
	color: #faf0d2;
	letter-spacing: 0.5px;
}

a.button_m{
	float: left;
	height: 25px;
	text-decoration: none;
	background: transparent url(/modules/application/assets/image/button_m.png) repeat-x scroll top left;
	font: normal bold 13px Helvetica, Arial, sans-serif;
	color: #faf0d2;
	line-height: 25px;
	letter-spacing: 0.5px;
}

.button_rs{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url(/modules/application/assets/image/button_rs.png);
}


/* WIDGET */

.widget{
	width: 200px;
	margin: 10px;
	margin-top: 20px;
}

.widget_head{
	width: 200px;
	height: 36px;
}

.widget_head_ls{
	height: 36px;
	width: 5px;
	float: left;
	background-image: url(/modules/application/assets/image/widget_head_ls.png);
}

.widget_head_m{
	height: 36px;
	width: 190px;
	float: left;
	background: transparent url(/modules/application/assets/image/widget_head_m.png) repeat-x scroll top left;
}

.widget_title{
	padding: 9px 0px;
	width: 100%;
	font: normal bold 16px Helvetica, Arial, sans-serif;
	text-align: center;
	color: #c8c8c8;
}

.widget_head_rs{
	height: 36px;
	width: 5px;
	float: left;
	background-image: url(/modules/application/assets/image/widget_head_rs.png);
}

.widget_m{
	height: auto;
	min-height: 165px;
	border-left: 1px solid #490000;
	border-right: 1px solid #490000;
	border-bottom: 1px solid #490000;
	background: #a2a2a2 url(/modules/application/assets/image/widget_bg.png) repeat-x scroll top left;
}
* html #widget_m{
	height: expression(this.scrollHeight > 165 ? "auto":"165px");
}

.widget_m ul{
	margin-left: 25px;
	list-style-type: disc;
}

.widget_m ul li{
	padding: 10px 0px;
}


/* ADDITIONAL */

#mailtolink{
	color: #000000;
	font-weight: bold;
}

.clear{
	height: 1px;
	width: 100%;
	clear: both;
	margin: 5px 0px;
}

.float_left{
	float: left;
}

.hidden{
	display: none;
}


/* TABLES */

table{
	margin: 20px 0px;
}

td{
	vertical-align: top;
	padding: 3px;
}

table h2{
	font-weight: normal;
}

tr.odd{
	background-color: #b6b6b6;
}

tr.even{
	background-color: #969696;
}

.justify{
	text-align: justify;
}

a img{
	border: none;
}

.toggleaware_head {
	cursor: pointer;
}

.toggleaware {
	border: 1px dotted white;
}

.toggleaware_body {	
	max-height: 200px;
	overflow: scroll;
}

a.rss {
	background-image: url('/modules/application/assets/image/rss_logo.gif');
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 20px;
	display: block;
	clear: both;
}

div.nodelistcontainer {
	clear: both;
	display: block;
}

.pager_container {
	clear: both;
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.pseudoform label {
	margin-right: 10px;
}

.pseudoform .avatar_in_form {
	float: left;
}

#sidebar > div > a {
	/*width: 200px;*/
	float: none;
}

.commentviewwidget {
	width: 180px;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 3px;
}