#dhtmlgoodies_leftPanel{	/* Styling the help panel */
		
		background: rgba(0, 0, 0, 0.0);	/* Blue background color */
		color:#272b49;	/* White text color */
		font-family: Arial, sans-serif;	/* Which font to use */
		/* You shouldn't change these 5 options unless you need to */		
		height:500;
		left:0px;
		z-index:0;
		position:absolute;
		display:none;
		font-size:8pt;
		z-index: 999;
	}
	
	#dhtmlgoodies_leftPanel #leftPanelContent{
		padding:0px;
	}
	#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background: rgb(0, 0, 0);
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background: rgb(0, 0, 0);
	}
	
	#hatter_leftpanel a:link {
		color:#272b49;
		text-decoration:none;
		font-size: 11px;
	}
	#hatter_leftpanel a:visited {
		color:#272b49;
		text-decoration:none;
	}
	#hatter_leftpanel a:active {
		color:#fff;
		text-decoration:none;
	}
	#hatter_leftpanel a:hover {
		color:#272b49;
		text-decoration:underline;
	}
	.sotetebb {
	background: rgb(60, 23, 0);
	padding: 5px;
	}
	.vilagos {
	padding: 15px;
	background: rgb(75, 26, 0);
	}
	.vilagos li {
	font-size: 12px;
	padding-bottom: 3px;
	list-style-image:url('felsorolas.png');
	}
	
	#hatter_leftpanel table {
		margin: 0;
		width: 940px;
		z-index:999;
	}
	
	#hatter_leftpanel table td {
		width: 235px;
		font-size: 15px;
	}
	
	#hatter_leftpanel table td a:link {
		font-size: 15px;
	}
	
	@media (max-width: 945px) { 
	#hatter_leftpanel table {
		width: 700px; 
	}
	
	#hatter_leftpanel table td {
		width: 175px;
		font-size: 11px;
		line-height: 110%;
	}
	
	#hatter_leftpanel table td a:link {
		font-size: 11px;
	}
	
	}