@charset "UTF-8"; 
/*@charset "iso-8859-2";*/



/* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the messages

 * (required message, minSelections message and maxSelections message)

 * which prevent them from being displayed by default.

 */



.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{

	display: none;

}



/* These selectors change the way messages look when the widget is in one of the error states.

 * These classes set a default red border and font color for the error text.

 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget,

 * and this way only the specific error message can be shown by setting the display property to "inline".

 */



.checkboxRequiredState .checkboxRequiredMsg,

.checkboxMinSelectionsState .checkboxMinSelectionsMsg,

.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {

	display: inline;

	color: #CC3333;

	border: 1px solid #CC3333;

}



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages

 * which prevent them from being displayed by default.

 */



.textfieldRequiredMsg,

.textfieldInvalidFormatMsg,

.textfieldMinValueMsg,

.textfieldMaxValueMsg,

.textfieldMinCharsMsg,

.textfieldMaxCharsMsg,

.textfieldValidMsg {

	display: none;

}



/* These selectors change the way messages look when the widget is in one of the error states.

 * These classes set a default red border and color for the error text.

 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,

 * and this way only the specific error message can be shown by setting the display property to "inline".

 */



.textfieldRequiredState .textfieldRequiredMsg,

.textfieldInvalidFormatState .textfieldInvalidFormatMsg,

.textfieldMinValueState .textfieldMinValueMsg,

.textfieldMaxValueState .textfieldMaxValueMsg,

.textfieldMinCharsState .textfieldMinCharsMsg,

.textfieldMaxCharsState .textfieldMaxCharsMsg

{

	display: inline;

	color: #CC3333;

	border: 1px solid #CC3333;

}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid

 * There are two selectors for each state, to cover the two main usecases for the widget:

 * - the widget id is placed on the top level container for the INPUT

 * - the widget id is placed on the INPUT element itself (there are no error messages)

 */



 /* When the widget is in the valid state the INPUT has a green background applied on it. */

.textfieldValidState input, input.textfieldValidState {

	background-color: #B8F5B1;

}



/* When the widget is in an invalid state the INPUT has a red background applied on it. */

input.textfieldRequiredState, .textfieldRequiredState input,

input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,

input.textfieldMinValueState, .textfieldMinValueState input,

input.textfieldMaxValueState, .textfieldMaxValueState input,

input.textfieldMinCharsState, .textfieldMinCharsState input,

input.textfieldMaxCharsState, .textfieldMaxCharsState input {

	background-color: #FF9F9F;

}



/* When the widget has received focus, the INPUT has a yellow background applied on it. */

.textfieldFocusState input, input.textfieldFocusState {

	background-color: #FFFFCC;

}



/* This class applies only for a short period of time and changes the way the text in the textbox looks like.

 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.

 */



.textfieldFlashText input, input.textfieldFlashText{

	color: red !important;

}



/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */



.selectRequiredMsg, .selectInvalidMsg {

	display: none;

}



.selectRequiredState .selectRequiredMsg,

.selectInvalidState .selectInvalidMsg {

	display: inline;

	color: #CC3333;

	border: 1px solid #CC3333;

}



.selectValidState select, select.selectValidState {

	background-color: #B8F5B1;

}



select.selectRequiredState, .selectRequiredState select,

select.selectInvalidState, .selectInvalidState select {

	background-color: #FF9F9F;

}



.selectFocusState select, select.selectFocusState {

	background-color: #FFFFCC;

}



/*

/* Reset all margins and paddings for browsers */



* {

	padding: 0;

	margin: 0;

}



body {

	font: .8em Verdana, Arial, Sans-Serif;

	line-height: normal;

	margin: 0

}



#wrap {

	width: 940px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	position: static;

}



/* TOP HEADER -------- */

#top {

	margin: 0 auto;

	padding: 0;

	color: #666;

	background: #FFF url(../images/top.jpg) repeat-x top;

	height: 81px;

}



#top h1
 { padding: 10px 0 0 25px; color: #FFF; font-size: 160%; background: transparent;}

#top h1 a { text-decoration: none; color:#fff; font-size: 100%;}



#top h2 { padding: 0px 0 0 25px; color: #FFF; font-size: 80%; background: transparent;}



#top .padding { padding-top: 5px; }



#top .lefts {

	float: left;

    background: transparent url(../images/topl.jpg) no-repeat left;

	height: 81px;

}



#top .rights {

	background: transparent url(../images/topr.jpg) no-repeat right;

	float: right;

	height: 81px;

	width: 592px;

}



#subheader {

	clear: both;

	border-top: 1px dotted #888;

	border-bottom: 1px dotted #888;

	z-index: 5;

	background: #eaeaea;

	color: #808080;

	padding: 1em;

	margin: 15px 8px 10px 8px;

}



#subheader a { text-decoration: none; border-bottom: 1px dashed #0066B3; }



/* TOP MENU ---------- */



#topmenu {  	margin: 0px 8px 0 8px;

			padding: 0;

			background: url(../images/menu.jpg) repeat-x top;

			height: 35px;

}



#topmenu .lefts {

	background: url(../images/menul.jpg) no-repeat left;

	height: 35px;

	padding-left: 5px;

}



#topmenu .rights {

	background: url(../images/menur.jpg) no-repeat right;

	float: right;

	height: 35px;

	width: 8px;

}



#topmenu li a {

	color: #FFF;

	text-align: left;

	padding-left: 10px;

	padding-right: 15px;

	text-decoration: none;

	background: transparent;

	font-weight: bold

}



#topmenu li { padding: 0px;

	float: left;

	margin: 0;

	font-size: 11px;

	line-height: 35px;

	white-space: nowrap;

	list-style-type: none;

	width: auto;

	background: url(../images/sep.gif) no-repeat top right

}



#main { background: #FFF; margin: 25px 0 15px 0; color: #666; }



#main #rightside {

	width: 220px;

	float: right;

	background: #FFF;

	margin-right: 8px;

	color: #666;

}



#main #rightside .box {

	background: #efefef;

	margin-bottom: 0px;

	padding: 5px;

	color: #666;

}



#main #rightside h2 {

	font: bold 1.0em Arial, Arial, Sans-Serif;

    background: #CDCDCD;

	height: 18px;

	padding: 3px;

	color: #777;

}



#main #rightside h3 {

	font: 1.0em Verdana, Arial, Sans-Serif;

	background: #efefef;

	padding: 5px;

}



/* midle - ARTICLES AREA -------- */



#midle {

	padding-left: 8px;

	z-index: 3;

	color: #888;

	background: #FFF;

	margin-right: 8px;

	margin-left: 8px;

}



#midle h2 { color: #555; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; }



#footer {

	clear: both;

	background: #FFF url(../images/footer.jpg) repeat-x;

	height: 46px;

	margin-left: 8px;

	margin-right: 8px;

	font-size: 75%;

	color: #666;

}



#footer p  { padding: 5px }



#footer .rside { float: right; display: inline; padding: 5px; text-align: right}



a { color: #0066B3; background: inherit; text-decoration: none }



h1 { font: bold 1.9em Arial, Arial, Sans-Serif }



h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }



ul {  padding: 0; margin: 0}



li { list-style-type: none }



.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}



#main #midle .date a, #main #rightside a { border: 0; text-decoration: none; }



.comment .date { text-align: left; border: 0;}



#breadcrumbs {

	float: left;

	padding-left: 8px;

	padding-top: 0px;

	font: bold .8em Arial, Arial, Sans-Serif;

	color: #666;

	width: 100%;

	height: 25px;

	margin-top: 10px;

	margin-bottom: 10px;

	clear: both;

}



#midle #txt {width: 85%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em;}



#midle textarea { border: 1px solid #bbb; width: 85%;  }



/* LEFT SIDE - ARTICLES AREA -------- */



#leftside {

	padding-left: 8px;

	color: #888;

	background: #FFF;

	margin-right: 255px;

	margin-left: 8px;

}



#leftside h2 { color: #555; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; }



#footer {

	clear: both;

	background: #FFF url(../images/footer.jpg) repeat-x;

	height: 46px;

	margin-left: 8px;

	margin-right: 8px;

	font-size: 75%;

	color: #666;

}



#footer p  { padding: 5px }



#footer .rside { float: right; display: inline; padding: 5px; text-align: right}



a { color: #0066B3; background: inherit; text-decoration: none }



h1 { font: bold 1.9em Arial, Arial, Sans-Serif }



h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }



ul {  padding: 0; margin: 0}



li { list-style-type: none }



.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}



#main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }



.comment .date { text-align: left; border: 0;}



#breadcrumbs {

	float: left;

	padding-left: 8px;

	padding-top: 0px;

	font: bold .8em Arial, Arial, Sans-Serif;

	color: #666;

	width: 100%;

	height: 25px;

	margin-top: 10px;

	margin-bottom: 10px;

	clear: both;

}



#leftside #txt {width: 85%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em;}



#leftside textarea { border: 1px solid #bbb; width: 85%;  }



/* SNEWS */



#main #leftside fieldset { float: left; width: 95%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }



#main #leftside fieldset p { width: 95%; }



#main input { padding: 3px; margin: 0; border: 1px solid #bbb }



p { margin-top: 5px; }



/*input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }*/



.comment { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }



.commentsbox { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }



/* Innentol az arlista stilusai */



/* innentol az arlista */



.szures {

}



.szures_title {

  font-family: Tahoma, Arial, sans-serif;

  color: #0033CC

}



.szures_value {

  font-family: Tahoma, Arial, sans-serif;

  color: #0033CC

}



.eredmeny {

  color: #0033CC

}



.fejlec {

}



.magyarazat {

}



.arlista_normal {

  border: 2px solid #0033CC

}



.arlista_akcios {

  color: #0033CC;

  font-weight: bold;

  border: 1px solid #FF0000

}



.arlista_fejlec {

  font-style: italic;

  border-collapse: separate;

  border: 1px solid #0033CC

}

.belul	{

	text-decoration:none;
	
	cursor:text;
	
	color:#0033CC;
	
}