body {
	background-color: #D4EAAA;
	margin: 0px;
	margin-top: 0px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
}

a {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#TopMargin {
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	width: 100%;
	background-color: #dff8f4;
	z-index:2;
}

#Logo {
	position: relative;
	top: 0px;
	left: 0px;
	height: 157px;
	width: 174px;
	float: left;
}


#Top {
	width: 749px;
	height: 157px;
	left: 174px;
	top: 0px;
	position: absolute;
	background-image: url(graphics/top.jpg);
	float: left;
	text-align: center;
}


a.MenuButton {
	color: white;
	font-size: 10px;
	font-weight: bold;
	font-variant: small-caps;	
}

a.MenuButtonSmall {
	color: white;
	font-size: 9px;
	font-weight: bold;
	font-variant: small-caps;




}

#Main {
	position: absolute;
	top: 157px;
	left: 0px;
	width: 924px;
	height: 479px;
	background-image: url(graphics/hatter_teljes.jpg);
}

#MenuLeft {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 139px;
	height: 479px;
	text-align: center;
	vertical-align: top;
	background-image: url(graphics/menu_bal.gif);
	float: left;
	z-index: 1 !important;
	z-index: 3;
}

div.harangvirag {
	position: relative;
	margin-top: 5px;
	width: 39px;
	height: 39px;
	background-image: url(graphics/harangvirag.gif);
}

div.MenuButton {
	position: relative;
	margin-top: 5px;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 24px;
}

div.MenuButton1 {
	width: 105px;
	height: 37px;
	background-image: url(graphics/menu_button6.gif);
}

div.MenuButton2 {
	width: 123px;
	height: 27px;
	background-image: url(graphics/menu_button2_3.gif);
}

div.MenuButton3 {
	width: 126px;
	height: 34px;
	background-image: url(graphics/menu_button4.gif);
}

div.MenuButton4 {
	width: 101px;
	height: 32px;
	background-image: url(graphics/menu_button5.gif);
}




div.MenuButton6 {
	width: 91px;
	height: 38px;
	background-image: url(graphics/menu_button7.gif);
}

.MenuButtonSmall {
	font-size: 14px;
}

#Content {
	position: absolute;
	top: 0px;
	left: 160px;
	float: left;
	clear: right;
	width: 579px;
	height: 476px;
	background-image: url(graphics/text_box.jpg);
	min-height: 480px;
	z-index: 1 !important;
	z-index: 3;
}

#BannerRight {
	position: absolute;
	left: 752px;
	top: 0px;
	width: 168px;
	height: 478px;
 	z-index: 1 !important; 
	z-index: 3;
}

div.Form_default {
	position: relative;
	margin: 10px;
	width: auto;
	border: 3px dotted black;
}

div.Header {
	width: auto;
	background-color: white;
	padding: 5px;
	border-bottom: 5px solid black;
}

div.FormRow {
	padding: 10px;
	position: relative;
	width: auto;	
	border-top: 1px solid black;
}

div.FormLabel {
	position: relative;
	left: 10px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	
}

table {
 
}

td {
 padding: 3px;
}

.active {

}

.inactive {
 background-color: gray;
}


.FormSelect {
	width: 200px;
}

div.system_message {
	margin-top: 5px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 3px dotted red;
	background-color: white;
}

h1 {
	font-family: Palatino, Arial;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}

.text {
	position: absolute;
	left: 30px;
	top: 50px;
	font-family: Palatino, Arial;
	font-size: 10pt;
	padding-right: 10px;
	text-align: justify;
	height: 360px;
	width: 515px;
	overflow: auto;
}

div.simple_list {
	border: 2px solid black;
	font-weight: bold;
	padding: 5px;
}


.small {
	font-size: 8pt;
}

p {
	margin-top: 3px;
	margin-bottom: 3px;
}

.center_comment {
 text-align: center;
 font-weight: bold; 
 font-size: 8pt;
}