body { margin: 20px 0; padding: 0; border: 0; background-color: #fff; font-size: 12px; width:100%; height: 100%;}
table { margin: 0; padding: 0;	font-size: 12px; color: #666; font-family: verdana, arial, Helvetica, sans-serif }
div { color: #555; font-family: verdana, arial, Helvetica, sans-serif }
a {	color: #069;	text-decoration: none }
a:hover {	color: #069;	text-decoration: underline }
img {border: 0;}
p, li {	font-size: 12px; color: #666; font-family: verdana, arial, Helvetica, sans-serif;line-height:120%; }

h1, h2, h3 { color: #069;}
h1 { font-size: 16px; margin:10px 0 20px 0;}
h3 em, .megjegyzes em {color: #3a5;}

form, select, input, submit {font-size: 12px;}
option.t1 { background-color: #d40; color: #fff; font-weight: bold;}
option.t2 { background-color: #fea; padding-left: 15px;}

#container { width: 740px; margin: 0 auto;}
#main { background: #f0f0f0 url('kfi.jpg') no-repeat top right; border: 1px solid #ddd; padding: 30px;}
#footer { font-size: 10px; padding: 25px 0px; clear: both;}


.feladat { padding: 5px; margin-top: 10px;}
.hiany {background-color: #FFFFc4; padding: 5px; margin-top: 10px;}
.hiany h3 {color: Maroon;}

.alert {border: 1px solid #a00;}
.alert ul, .alert p {background-color: #800; color: #fa0; border: 1px solid #a00; padding: 5px 10px; margin: 1px;}
.alert li { color: #fa0; margin-left: 10px;}

#kerdoiv th {background-color: #e1e1e1; border-bottom: 1px solid #ccc; font-weight: bold; text-align: center; padding: 2px 5px;}
#kerdoiv th.csoport {background-color: #ededed; border-bottom: 1px solid #ddd; font-weight: bold; text-align: center; padding: 2px 5px;}
#kerdoiv td { padding: 10px 10px;}
#kerdoiv tr.r1 td {background-color: #f2f8e6;border-bottom: 1px solid #ddd;}
#kerdoiv td.csop1 {background-color: #f2f8e6;}
#kerdoiv td.left {text-align: left;}
#kerdoiv td.center {text-align: center;}

#kerdoiv .skala th {background-color: #e1e1e1; border-bottom: 1px solid #ccc; font-weight: bold; text-align: center; padding: 2px 5px;}
#kerdoiv .skala th.csoport {background-color: #ededed; border-bottom: 1px solid #ddd; font-weight: bold; text-align: center; padding: 2px 5px;}
#kerdoiv .skala td { padding: 10px 10px; border-bottom: 1px solid #ddd;}
#kerdoiv .skala tr.r1 td {background-color: #f2f8e6;border-bottom: 1px solid #ddd;}
#kerdoiv .skala td.csop1 {background-color: #f2f8e6;}
#kerdoiv .skala td.left {text-align: left;}
#kerdoiv .skala td.center {text-align: center;}
textarea {width: 100%;}

#email_container {}
#emailform {margin: 0 auto; text-align: center; width: 60%; border: 1px solid #ddd; background-color: #c0ff91; padding: 5px 20px;}
.megjegyzes {font-size: 10px;}
em {color: #3a5; font-weight: bold;}
.bar {background-color: #ddd; border: 1px solid #91bd09; height: 20px;}
.progress {background-color: #91bd09; height: 18px; margin: 1px;}

a.awesome, input.awesome {
	background: #222 url(mig/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover { background-color: #111; color: #fff; }
	.awesome:active { top: 1px; }
	.small.awesome, .small.awesome:visited { font-size: 10px; padding: 1px 5px; }
	.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited 		{ font-size: 12px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 	{ font-size: 14px; padding: 8px 14px 9px; }

	.green.awesome, .green.awesome:visited { background-color: #91bd09; color: #fff; text-decoration: none;}
	.green.awesome:hover { background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
	.blue.awesome:hover { background-color: #007d9a; }
	.red.awesome, .red.awesome:visited { background-color: #e33100; }
	.red.awesome:hover { background-color: #872300; }
	.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
	.orange.awesome:hover { background-color: #d45500; }
