body {
	margin: 0px;
	background-color: #EFF8F7;
}

#page {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 950px;
	font-family: Verdana, Helvetica, sans-serif;
	height: 100%;
	background-color: #00008B;
}

#page a {
	background-color: inherit;
	border: none;
}
#page a:LINK,a:ACTIVE,a:VISITED {
	color: #99bdd5;
	text-decoration: none;
}
#page a:HOVER {
	color: red;
}

#header a {
	background-color: inherit;
	border: none;
	color: blue;
	text-decoration: none;
}
#header a:LINK,a:ACTIVE,a:VISITED {
	color: #99bdd5;
	text-decoration: none;
}
#header a:HOVER {
	color: red;
	text-decoration: underline;
}


#kozep {

	background-color: white;
	width: 100%;

	float: left;
	display: block;
}

#fejlec {
	margin: 0;
	margin-bottom: 10px;
	width: 100%;

	border: 0;
}

#fejlec a:visited {
	text-decoration: none;
	color: #99bdd5;
}

#fejlec a:hover {
	text-decoration: none;
	color: #7B2A29;
}


#lablec {
	background-color: #28297B;
	color: white;
	margin-bottom: 20px;
}

#lablec p {
	padding: 10px;
}
#lablec a {
	color: #EFEEF6;
	padding: 2px;
	border: 0px;
	background-color: #28297B;
}

#lablec a:HOVER {
	color: #7b2a29;
	background-color: #EFEEF6;
	padding: 2px;
}

#yes {
	text-align:center;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	display: block;
	width: 100%;
	float: left;
}

#login {
	text-align: center;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: inline;
	color: lightblue;
}
#login input {
	background-color: #EFF0F5;
	border: 1px solid #99BDD5;
}
#login a {
	background-color: inherit;
	border: none;
	color: #99bdd5;
	text-decoration: none;
}
#login a:LINK,a:ACTIVE,a:VISITED {
	color: #99bdd5;
	text-decoration: none;
}
#login a:HOVER {
	color: red;
	text-decoration: underline;
}
.infobar {
	color: #EFF0F5;
	font-size: 10px;
}

/* bal oldali menu stilusai kezd */
#almenubox {
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #7B68EE;
}

#submenu{
	display: block;
	margin: 2px;
	padding: 0px;
	color: #99bdd5;
	text-align:center;
	background-color: #87CEEB;
	border: 1px solid white;
}

#submenu a{
	text-align: left;
	padding: 3px;
	font-size: 11px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: #87ceeb;
	font-family: Verdana;
}

#submenu a.active {
	background-color: #EFEFF7;
}

#submenu .header, #hattercsik .header {
	background-color: #7B2A29;
	font-weight: bold;
	color: #efeef6;
	font-size: 12px;
	font-family: Verdana;
	border: 1px solid #7B2A29;
}

#submenu a:link,a:active,a:visited{
	text-decoration: none;
	color: #006400;
	background-color: #87ceeb;
}

#submenu a:hover {
	background: white;
	text-decoration: none;
	color: #006400;
	cursor: url(/genimg/hand.cur), pointer;
}
#submenu p {
	background: white;
	color: #006400;
	margin: 0px;
	font-size: 11px;
}


/* bal oldai menu stilusok vege */

#tartalom {

	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}

#tartalom a:VISITED, #nagytartalom a:VISITED {
	border: none;

	color: blue;
	background-color: transparent;
}
#tartalom a:LINK, #nagytartalom a:LINK, #tartalom a:ACTIVE, #nagytartalom a:ACTIVE {
	color: blue;
}
#tartalom a:HOVER, #nagytartalom a:HOVER {
	color: #7B2A29;
	background-color: #FFEBCD;
	border-top: 1px solid #99BDD5;
	border-bottom: 1px solid #99BDD5;
	cursor: url(/genimg/hand.cur), pointer;
}

#copyright {
	display: none;
}

#infodiv {
	display: block;
	color: #99BDD5;
	margin-top: -15px;
	margin-bottom: -15px;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#infodiv a {
	background-color: #2a217c;
	padding: 2px;

}
#infodiv a:LINK,a:ACTIVE,a:VISITED {
	color: #99bdd5;
	text-decoration: none;
	border: 1px solid #99BDD5;
}
#infodiv a:HOVER {
	color: white;
}

#navcontainer_1, #navcontainer_2 {
        background: #191970;
        border-top: 1px solid #9CC;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin-bottom: 10px;

}

#navlist {
        list-style: none outside none;
        margin: 0px;
        padding: 2px;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
        font-size: 13px;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 0px 0px 0px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #28297B;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;

        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
	right: 2px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 2px;
}

#navlist li#active {
        background: #7B2A29;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 3px 0 3px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #8A2BE2;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}

#homeimg {
	vertical-align: middle;
	border: 0;
}

#szalaghirdetes {
	background-color: #EFEFF7;
	margin-top: -10px;
}

select, input {
	font-size: 13px;
	border: 1px solid #87CEEB;

}

.input.submit{
	background-color: #7B2A29;
	color: #87CEEB;
	font-weight: bold;
}

.submit1 {
	background-color: #D49E72;
	color: #2A217C;
	border: 2px outset #d7b9c9;
}



.magyarazat {
	color: #006400;
	background-color: #f0fff0;
	display: block;
	width: 90%;
	padding: 10px;
	margin: 10px;
}

#anormal {
	display: inline;
	background-color: transparent;
}

a:HOVER {
 color: #006400;
 text-decoration: none;
 background-color: #F0E68C;
 cursor: url(/genimg/hand.cur), pointer;
}

a.help {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	cursor: help;
	border-bottom-color: #FF0000;
	text-decoration: none;
}

a.help:HOVER {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	cursor: help;
	border-bottom-color: #FF0000;
	text-decoration: none;
	background-color: #F0E68C;
	cursor: url(/genimg/hand.cur), pointer;
}


a.rb:LINK, a.rb:ACTIVE, a.rb:VISITED {
	border-bottom: 1px solid blue;
	background-color: #28297B;
	color: #7b2a29;
	padding: 2px;
}

a.rb:HOVER {
	border-bottom: 1px solid #FF0000;
	background-color: #9bDEBB;
	color: white;
	padding: 2px;
}

.help {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	cursor: help;
	border-bottom-color: #87ceeb;
}
.szalagcim {
 color: #006400;
 background-color: #F0FFF0;
 font-size:14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding-left: 5px;
 padding-right: 5px;
 border-bottom: 1px solid #d5e5d5;
 font-weight:bold;
 display:block;
 margin: 10px;
 counter-increment: headermains 1;
}


h1 {
 color: #006400;
 background-color: #87ceeb;
 font-size:17px;
 font-family: "Century Gothic", Arial, Helvetica, sans-serif;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 5px;
 padding-left: 3px;
 padding-bottom: 3px;
 border-bottom: 1px ridge black;
}

h2 {
	 color: #006400;
	 font-size:14px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-variant:small-caps;
	 margin-left: 10px;
	 padding-left: 5px;
	 padding-right: 5px;
}

h3 {
	 font-size:13px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 padding-left: 5px;
	 padding-right: 5px;
	 margin:10px;
}


p,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.5;
}

.deco1 {
	border: 1px solid #87CEEB;
	background-color: inherit;
	margin-left: auto;
	margin-right: auto;
}

.deco2 {
	border: 1px solid #7B2A29;
	border-left: 12px solid #7B2A29;

	margin-left: auto;
	margin-right: auto;
}
.deco2 .header {
	background-color: #D49E72;
	color: #28297B;
	border-bottom: thin solid #7B2A29;
	text-align: left;
}

.t_message {
	border-left: 2px inset #28297B;
	border-right: 2px inset #28297B;
	border-bottom: 1px solid #28297B;
	border-top: 10px solid #28297B;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #E7F0EF;
	background-image: url(/genimg/hullam5.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

.t_message .footer {
	background-color: #f0f8ff;
	font-size: 10px;
	color: #28297B;
	filter:alpha(opacity=40);
	opacity:.40;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.s_message {
	border-left: 2px inset #7B2A29;
	border-right: 2px inset #7B2A29;
	border-top: 10px solid #7B2A29;
	border-bottom: 1px solid #7B2A29;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #EEEFDD;
	background-image: url(/genimg/hullam6.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

.s_message .footer {
	background-color: #ffe4b5;
	font-size: 10px;
	color: #7B2A29;
	filter:alpha(opacity=40);
	opacity:.40;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.langnotes {
	color: #28297B;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

hr.deco1 {
	color: #87CEEB;
	border: 1px dotted #7B2A29;
	height: 0px;
	width: 80%;
	text-align: center;
}

.trow1 {
	background-color: #f8f8ff;
}
.trow2 {
	background-color: #fffaf0;
}

.trowhover {
	background-color: #eee8aa;
}

.suru {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	line-height: 1.2;
  	font-size: 11px;
}

.header {
	background-color: #efeef6;
	color: #7b2a29;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	border-left: 1px outset #7b2a29;
	border-top: 1px outset #7b2a29;
	border-right: 1px inset #7b2a29;
	border-bottom: 1px inset #7b2a29;
	<!-- padding: 2px; -->
}


.header a:link, a:visited {
	color: #7b2a29;
	text-decoration: underline;
}

.header a:visited {
	color: #7b2a29;
	text-decoration: underline;
}

.header a:hover {
	color: yellow;
	background-color: #7b2a29;
	text-decoration: none;
}

.header2 {
	background-color: #D79C72;
	color: #28297B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	border-left: 1px outset #7b2a29;
	border-top: 1px outset #7b2a29;
	border-right: 1px inset #7b2a29;
	border-bottom: 1px inset #7b2a29;
	padding: 2px;
}

.fontos{
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	color: #2A217C;
	text-align:center;
	background-color: #EFF0F5;
	border: 1px solid gray;
}

.inset {
	border-style: inset;
	border-width: 2px;
	border-color: #b0e0e6;
}

.outsetlabel {
	border-style: outset;
	border-width: 2px;
	border-color: #b0e0e6;
	font-size: 9px;
	padding-bottom: 3px;
	color: #191970;
	font-style: italic;
	text-align: right;
}


.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.alcim {
	background-color: #D5E5D5;
	text-align:center;
}

.ipa {
	font-family: "Lucida Sans Unicode";
	font-size: 13px;
}

.ipanagy {
	font-family: "Lucida Sans Unicode";
	font-size: 26px;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:4px;
}

.pm {
	font-size:12px;
	color: #008000;
	border-left-style: ridge;
	border-left-color: #008000;
	margin-left: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

ol.pm {
	font-size:12px;
	color: #7B2A29;
	border-left-style: ridge;
	border-left-color: #008000;
	margin-left: 10px;
	padding-left: 35px;
	font-family: Arial, Helvetica, sans-serif;

}

dt {

	color: gray;
	font-family: Arial, Helvetica, sans-serif;

}


.mj {
	font-size: 11px;
	margin-left: 30px;
}


.mjbekezd {
	font-size:11px;
	display: block;
	margin-left: 55px;
	padding-left: 5px;
	border-left: 1px solid grey;
}

.warn {
	font-size: 13px;
	text-align: center;
	margin: 20px;
	padding: 5px;
	border: medium outset #CC0000;
	background-color: #FFF5EE;
	color: #CC0000;
	font-weight: bold;
}

.error {
	background-color: #CCFFCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF1493;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 4px;
	margin-left: 4px;
	cursor: help;
	font-weight: bold;
	color: #000066;
}
.highlight1 {
	background-color: #ffff00;
}

.studbg {
	background-color: #D79B75;
	font-weight: bold;
	font-size: 10px;
}
.tanbg {
	background-color: #87CEEB;
	font-weight: bold;

	font-size: 10px;
}

.newbg {
	background-color: #228b22;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
}

.sysbg {
	background-color: #b0e0e6;
	font-weight: bold;
	font-size: 10px;
}

.messbg {
	background-color: #f5fffa;
}

.kiemkocka {
	background-color: #fffaf0;
	margin: 5px;
	padding: 2px;
	border: 2px outset #7B2A29;
	text-align: left;
}

span.cap-1, span.cap-2,span.cap-3, span.cap-4 {
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em -0.5em 0;
  border: 3px outset #2e8b57;
}

span.cap-1 {
  background: #90ee90;
}

span.cap-2 {
  background: #ffa500;
}

span.cap-3 {
  background: #dda0dd;
}

span.cap-4 {
  background: #ff0;
}

/* forumhoz */
span.forumbal {
	position: absolute;
	left: 20px;
	float: left;
	color: #006400;
	background-color: #f0fff0;
	display: block;
	width: 250px;
	padding: 10px;
	margin: 10px;
}

span.forumkocka {
	float:left;
	margin-left: 15px;
	margin-bottom: 5px;
	width: 95%;
	border: 1px groove green;
	text-align: justify;

	padding: 0;
}

span.forumkocka p{

}

span.baldoboz {
	float: left;
	width: 140px;
	background-color: #f0fff0;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-top: 0;
	z-index: -2;
	height: 100%;
	text-align: left;
}

span.forumbejegyzes {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	z-index: 1;
	float: inherit;
	position: relative;
}

span.foruminfo{
	color: #003399;
	padding-left: 3px;
	padding-top: 5px;

}

span.forumcim {
	color: #990000;
	background-color: #f0fff0;
	padding-left: 20px;
	padding-right: 15px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 20px;

}

span.cap5 {
  font-size: 11px;

  margin-top: 5px;
  margin-left: 3px;
  border: 1px outset #87ceeb;
  background: #b0e0e6;
  width: 110px;
  display: block;
  text-align: center;
}

/* forum vege */

div.fixed {
  position:fixed;
  width: 140px;
}

.kisinfo{
	background-color: #E5EFE6;
	font-size:10px;
	color:black;
	margin: 1px;
	text-align: left;
	padding: 2px;
}

.kiem {
	color: #990000;
	font-weight: bold;
}
.kiem1 {
	color: #990000;
	font-style: italic;
	font-weight: bold;
}

.kiem2 {
	color: #6495ed;
	font-size: 10px;
}

.rb {
	color: red;
	font-weight: bold;
}
.bb {
	color: blue;
	font-weight: bold;
}

.rbbig {
	color: red;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
}

.bbbig {
	color: blue;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
}

.szovegMezo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f0fff0;
	color: #996600;
	background-position: center;
	text-align: left;

	padding: 2px;
	border: thin dotted;
	border-color: #87ceeb;
}

/* JMATCH JATEK STIUSAI */
div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000000;
}

div.Feedback {
	background-color: #FFFFE0;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #000000;
	position: absolute;
	display: none;
	font-size: 100%;
}


/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}

table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #F0e68c;
}

table.FlashcardTable td.Showing{
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #F0e68c;
}

table.FlashcardTable td.Hidden{
	display: none;
}


/* a huzogathatos kartyak stilusa */

div.CardStyle {
	position: absolute;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px;
	border-style: outset;
	border-width: 2px;
	color: #000000;
	background-color: #F0e68c;
	left: -50px;
	top: -50px;
	overflow: visible;
}
/* JMATCH JATEK STILUSAINAK VEGE */

/* JMIX JATEK STILUSAI */
div.StdDiv{
	background-color: #FFFFFF;
	text-align: center;
	font-size: 100%;
	color: #000000;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	margin-bottom: 1px;
}

.FuncButton {
	text-align: center;
	border-style: solid;
	border-left-color: #ffffff;
	border-top-color: #ffffff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	color: #000000;
	background-color: #FFFFFF;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: url(/genimg/hand.cur), pointer;
}

.FuncButtonUp {
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-left-color: #ffffff;
	border-top-color: #ffffff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	background-color: #000000;
	color: #FFFFFF;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: url(/genimg/hand.cur), pointer;
}

.FuncButtonDown {
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	background-color: #000000;
	color: #FFFFFF;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: url(/genimg/hand.cur), pointer;
}

/* JMIX JATEK STILUSAINAK VEGE */

/* dobozok stilusa a fõoldalra */

.rbox, .lbox { /*right box, jobb oldalra igazitott */
	width: 47%;
	height: 150px;
	float: right;
	border: 3px outset #B3A784;
	border-left: 5px solid #B3A784;
	margin-bottom: 10px;
}
.rbox h2, .lbox h2{
	float: none;
	margin: 0px;
	background-color: #B3A784;
	color: #000000;
	border-bottom: 2px solid #7B2A29;
}

.lbox {
	float: left;
	margin-left: 5px;
}

.lbox img, .rbox img {
	float: left;
	border: 0;
	height: 101px;
	padding-right: 4px;
}

.lbox p, .rbox p {
	float: none;
	margin: 0px;
	padding-left: 4px;
	line-height: 1.3em;
}

.rbox {
	float: right;
	margin-right: 5px;
}


.box {
  width: 283px;
  background: #7B2A29;
  padding: 2px;
  font-weight: bold;
  margin: 10px;
  border: 2px outset #006400;
  font-family: Verdana;
  font-size: 12px;
}

.box p {
	  color: #87CEEB;
	margin-bottom: 2px;
	margin-top: -2px;
}

.box .content {
  background: white;
  z-index: -1;
  color: #000000;
  font-weight: normal;
  padding: 2px;
}

.box .content p {
  margin: 0;
  padding: 10px 10px 10px 10px;
  color: #000000;
}
.box .content h2 {
	background: #d5e5d5;
	margin-left: 0;
	padding-left: 5px;
}

.box2 {
	display: block;
  background: #87ceeb;
  padding: 1px;
  font-weight: bold;
  margin: 10px;
  border: 2px outset #006400;
}

.box2 .content {
  background: white;
  z-index: -1;
  font-weight: normal;
}

.box2 .content p {
  margin: 0;
  padding: 10px 10px 10px 10px;

}
.box2 .content h2 {
	background: #d5e5d5;
	margin-left: 0;
	padding-left: 5px;
}

input:focus  {
	background: #87ceeb;
	color:#000066;
}

select:focus  {
	background: #87ceeb;
	color:#000066;
}

.inputszoveg {
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	border-right: none;
	border-bottom: 1px solid #87ceeb;
	border-top-style: none;
	border-left-style: none;
}

.inputapro {
	font-size: 9px;
	border-right: none;
	border-bottom: 1px solid #87ceeb;
	border-top-style: none;
	border-left-style: none;
}

.pici {
	font-size: 9px;
}

textarea {
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	border: 1px solid #87ceeb;
	background-color: #F0FFF0;
}

.notebookitem {
	height:250px;
	overflow:auto;
}

.voclist {
	 color: #006400;
	 background-color: #f0fff0;
	 font-size:15px;
	 font-family: Verdana, Helvetica, sans-serif;
	 padding: 3px;
	 border: 1px outset #87ceeb;
	 text-align: center;
}

.peldaszoveg {
	 color: #006400;
	 font-size:13px;
	 font-family: Verdana, Helvetica, sans-serif;
	 padding: 3px;
	 border: 1px outset #87ceeb;
}

.tb1 {
	background-color: #FFFFCC;
	border: medium double #996600;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.tb2 {
	background-color: #99FFCC;
	border: medium double #996600;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.tb3 {
	background-color: #99FFCC;
	border: medium double #996600;
	margin: 5px;
	padding: 24px;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
}
.tb4 {

	background-color: #FFFFCC;
	border: medium double #996600;
	margin: 5px;
	padding: 24px;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
}

.athuzva {
	text-decoration: line-through;
}

.grafikon {
	padding-bottom: 5px;
}

.behuzott {
	margin-left: 100px;
	margin-right: 30px;
}

.tablekiem {
	border: 1px;
	padding: 3px;
	margin: 0px;
	text-align: center;
}

.happylist {
	list-style-image: url(/genimg/smile.png);
}

.neutrallist {
	list-style-image: url(/genimg/neutral.png);
}

.handlist {
	list-style-image: url(/genimg/hand1small_jobbra.gif);
}

.nap {
	padding: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #66ffff;
	text-align: right;
	border: 1px outset #f5f5dc;
}

.uresnap {
	padding: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #f1f1f1;
	text-align: right;
	border: 1px outset #f5f5dc;
}

.jobbramegj {
  line-height: 1.1;
  font-size: 11px;
  float: right;
}

.tannotes {
  line-height: 12px;
  font-size: 11px;
  color: #006400;
}

.langnote {
	background-color: #f0fff0;
	padding: 5px;
	margin: 2px;
		border: 1px solid #66ffff;
}

.langnotebox {
	background-color: #f8f8ff;
	border: 1px solid gray;

}

.langnote p {
	font-weight: normal;
	line-height: 1.2;
	font-size: 11px;
	margin-left: 15px;
	text-indent: -11px;
	margin-bottom: 2px;
	margin-top: 2px;
}

.langnotehead {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px;
	border: 2px groove #f0f8ff;
	text-align: left;
	padding: 2px;
	background-color: #87ceeb;
	color: #000080;
	font-size: 11px;
	font-weight: bold;

}

.szotarbox{
	position:absolute;
    width:250px;
    height:100px;
    left:0px;
    top:0px;
    padding:0px;
    background:#B0E0E6;
    border:2px solid #2266AA;
}

.tanarbox{
	position:absolute;
    width:150px;
    height:450px;
    right:0px;
    bottom:0px;
    padding:0px;
    background:#B0E0E6;
    border:2px solid #2266AA;
}

.transOFF {
    opacity:1;
}
.transON {
    opacity:.12;
    filter: alpha(opacity=12);
}

.invisible {
	visibility: hidden;
	opacity: 0;
}

.dg {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.dg.input {
	width: 100%;
}

.dg_header {
	background: #EBEADB;
	font-size: 10px;
	border-right: 1px inset #e2decd;
	border-bottom: 1px outset #e2decd;
	padding: 0px;
	margin: 0px;
	text-align: center;

}

.dg_focus {
	background: #DDEEFF;
	font-size: 10px;
	border: none;
	width: 100%;
	margin: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.dg_unfocus {
	background: #F0FFF0;
	font-size: 10px;
	border: none;
	width: 100%;
	margin: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.dg_id {
	background: #EBEADB;
	font-size: 10px;
	border: none;
	border-bottom: 1px inset beige;
	padding: 0px;
	padding-right: 0px;
	text-align: right;
}

.dg_id_mod {
	background: #EBEADB;
	font-size: 10px;
	border: none;
	border-bottom: 1px inset beige;
	padding: 0px;
	padding-right: 0px;
	text-align: right;
	background-image: url(/genimg/hand1small_jobbra.gif);
	background-repeat: no-repeat;
	color: red;
	font-weight: bold;
}

.dg_hover {
	background: beige;
}

.boxover {
	border-bottom: 1px dashed #7B2A29;
}

.gomb1 {
	background-color: #28297B;
	color:#EFEFF7;
	padding: 2px 4px;
	border: 2px outset brown;
	cursor: pointer;
}
.gomb2 {
	background-color: #9BBEDA;
	color: #000000;
	padding: 2px 4px;
	border: 2px inset brown;
}

.sarga {
	background-color: yellow;
}

.hl1 {
	background-color: #ffb6c1;
}

.kiemhatter, .hatterzold {
	background-color: #adff2f;
}
.hatterkek {
	background-color: #6a5acd;
}
.hattersarga {
	background-color: #ffff00;
}