body, p, h1, h2, h3, a.link, a.visited, a.active, a.hover, a.menu,
table, td, ul, ol, li, hr, img, div{
	margin: 7px 7px 14px 7px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	line-height: 12pt;
	text-align: left;
	vertical-align: top;
	border: 0px;
	border-collapse: collapse;
}
div{
	margin: 0;
}
body{
	background-color: #aacbae;
}
div.main{
	padding: 0px;
	margin: auto;
	border: 0px;
	width: 760px;
	text-align: center;
	background-image: url("musorlap_bg.jpg");
}
div.header{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 760px;
	height: 130px;
	background-image: url("musorlap_header.jpg");
}
table.log{
	width: 550px;
	padding: 2px 2px 2px 2px;
	border: 1px solid black;
}
td.log{
	padding: 2px 2px 2px 2px;
	border: 1px solid black;
	font-size: 8pt;
}
td.bn{
	padding: 4px 6px;
	border: 1px solid black;
	font-size: 10pt;
	vertical-align: middle;
}
td.award{
	padding: 2px 2px 2px 2px;
	border: 1px solid black;
	text-align: left;
	font-size: 8pt;
	line-height: 11pt;
}
body, p, td{
	color: #000000;
	text-decoration: none;
}
p.spaced{
	margin-top: 21px;
}
p.justify{
	text-align: justify;
}
p.menutitle{
    padding: 0px 0px 0px 0px;
    margin: 14px 7px 7px 7px;
    text-align: left;
    font-weight: bold;
    font-size: 11pt;
    line-height: 14pt;
}
p.link{
	width: 170px;
	background-color: #aacbae;
    padding: 1px 1px 1px 1px;
    margin: 7px 7px 7px 7px;
    text-align: right;
    font-weight: bold;
    line-height: 12pt;
}
p.sign{
	font-style: italic;
	text-align: center;
	margin-top: 28;
	margin-left: 50%;
}
td.menu{
	text-align: right;
	width: 160px;
	background-image: url("./kazinczy.png");
	background-repeat: no-repeat;
    background-position: top center;
	padding-top: 260px;
    padding-bottom: 28px;
}
ol.sub, ul.sub{
    margin-right: 0px;
}
li{
	margin: 0px 0px 0px 21px;
}
h1{
	margin: 14px 7px 14px 7px;
	font-size: 14pt;
	line-height: 17pt;
	font-weight: bold;
    text-align: left;
}
h2{
	margin: 11px 7px 14px 7px;
	font-size: 11pt;
	font-weight: bold;
    text-align: left;
    line-height: 14pt;
}
h3{
	font-size: 10pt;
	font-weight: bold;
    text-align: left;
    line-height: 13pt;
}
a:link, a:active, a:visited{
    padding: 1px 0px 1px 0px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
    padding: 1px 0px 1px 0px;
	color: #0a7c0b;
	font-weight: bold;
    text-decoration: none;
}
a.marked{
	background-color: #aacbae;
}
a.menu:hover{
    padding: 1px 0px 1px 0px;
	color: #0a7c0b;
	font-weight: bold;
    text-decoration: none;
    background-color: #aacbae;
}
hr{
	border: 1.5px outset #000000;
	margin: 7px 7px 7px 7px;
}
hr.menuspace{
	border: 1.5px outset #000000;
	margin: 7px 7px 2px 7px;
}
img.pb{
    padding: 0px 4px 4px 4px;
    margin: 2px 2px 2px 2px;
}

/* napt�r */

table.diary{
	width: 100%;
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-collapse: collapse;
}

td.diary_header, td.diary_none, td.diary_prog, td.diary_today{
	width: 14%;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	text-align: left;
	line-height: 10pt;
	font-family: helvetica, arial, "sans-serif";
	font-size: 7pt;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
	border-collapse: collapse;
	vertical-align: middle;
}

td.diary_header{
	background-color: #8bcf5e;
	font-weight: bold;
}

td.diary_today{
	background-color: #f4f7ef;
	font-weight: bold;
}

td.diary_none{
	background-color: #c8f7ab;
	font-weight: normal;
}

td.diary_prog{
	background-color: #4ea712;
	font-weight: normal;
}

table.borderless{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-collapse: collapse;
}

td.borderless, td.centered{
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	line-height: 13pt;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border-collapse: collapse;
	vertical-align: middle;
}

td.borderless{
	text-align: left;
	border: 0px;
}

td.centered{
	text-align: center;
	border: 1px solid #000000;
}

/******* LIST *******/ 
ol, ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 13pt;
	text-align: left;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

li{
	padding: 2px 0px 2px 0px;
}

li.bn{
	padding: 2px 0px 2px 0px;
	font-family: courier-new, monospace;
}

/******* OTHERS *******/ 
hr{
	margin: 20px 40px 20px 40px;
	padding: 0px 0px 0px 0px;
	border: 1px inset #000000;
	border-collapse: collapse;
}

img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

img.nyo{
	margin: 10px 0px 10px 20px;
}

/********* BN *********/ 

div.centered{
	text-align: center;
	margin: 20px 4px;
}

div.paragraph{
	padding: 0;
	margin: 7px;
}

@font-face{
	font-family: "bn0";
	src: url("bn/fonts/ubuntu_bn0.ttf");
}

@font-face{
	font-family: "bn1";
	src: url("bn/fonts/ubuntu_bn1.ttf");
}

@font-face{
	font-family: "bn2";
	src: url("bn/fonts/ubuntu_bn2.ttf");
}

@font-face{
	font-family: "bn3";
	src: url("bn/fonts/ubuntu_bn3.ttf");
}

@font-face{
	font-family: "bn4";
	src: url("bn/fonts/ubuntu_bn4.ttf");
}

@font-face {
    font-family: 'bn0_hangsulytalanregular';
    src: url('bn/fonts/ubuntu_bn0.eot');
    src: url('bn/fonts/ubuntu_bn0.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'bn1_gyengeregular';
    src: url('bn/fonts/ubuntu_bn1.eot');
    src: url('bn/fonts/ubuntu_bn1.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'bn2_szakaszregular';
    src: url('bn/fonts/ubuntu_bn2.eot');
    src: url('bn/fonts/ubuntu_bn2.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'bn3_emeltregular';
    src: url('bn/fonts/ubuntu_bn3.eot');
    src: url('bn/fonts/ubuntu_bn3.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'bn4_mondatregular';
    src: url('bn/fonts/ubuntu_bn4.eot');
    src: url('bn/fonts/ubuntu_bn4.eot?#iefix') format('embedded-opentype');
}

.bnhiba{
	color: #FF2244;
}

.bnhelyes{
	color: #006600;
}

.bnjeloles{
	font-size: 10pt;
	line-height: 16pt;
}

.bn0{
	font-family: "bn0", "bn0_hangsulytalanregular";
	font-size: 16pt;
	line-height: 22pt;
}

.bn1{
	font-family: "bn1", "bn1_gyengeregular";
	font-size: 16pt;
	line-height: 22pt;
}

.bn2{
	font-family: "bn2", "bn2_szakaszregular";
	font-size: 16pt;
	line-height: 22pt;
}

.bn3{
	font-family: "bn3", "bn3_emeltregular";
	font-size: 16pt;
	line-height: 22pt;
}

.bn4{
	font-family: "bn4", "bn4_mondatregular";
	font-size: 16pt;
	line-height: 22pt;
}

.bn0s{
	font-family: "bn0", "bn0_hangsulytalanregular";
	font-size: 10pt;
	line-height: 16pt;
}

.bn1s{
	font-family: "bn1", "bn1_gyengeregular";
	font-size: 10pt;
	line-height: 16pt;
}

.bn2s{
	font-family: "bn2", "bn2_szakaszregular";
	font-size: 10pt;
	line-height: 16pt;
}

.bn3s{
	font-family: "bn3", "bn3_emeltregular";
	font-size: 10pt;
	line-height: 16pt;
}

.bn4s{
	font-family: "bn4", "bn4_mondatregular";
	font-size: 10pt;
	line-height: 16pt;
}

div.editor, textarea{
	width: 500px;
	height: 250px;
	font-family: "bn0", "bn0_hangsulytalanregular";
	font-size: 16pt;
	line-height: 22pt;
	padding: 10px;
	border: 1px solid #aacbae;
	background-color: #DBE9DC;
	overflow: yes;
}

textarea{
	font-family: arial, helvetica, sans-serif;
	width: 512px;
	margin-top: 5px;
	padding: 4px;
	font-size: 10pt;
	line-height: 13pt;
}

textarea.log{
	display: none;
	font-family: "bn0", "bn0_hangsulytalanregular";
}

input{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	height: 36px;
	width: 32px;
	vertical-align: middle;
	margin: 5px 5px 5px 0;
	padding: 2px 5px;
	border: 1px solid #aacbae;
	background-color: #DBE9DC;
	color: black;
}

input.submit{
	height: 24px;
	width: 130px;
}

input.textfield{
	height: 24px;
	width: 320px;
}

input.checkbox{
	height: 12px;
	width: 12px;
	margin: 2px 4px 4px 0;
}

input:hover{
	background-color: #aacbae;
}

span.ok{
	padding: 2px;
	background-color: #DBE9DC;
}

div.bekuldes_warning{
	display: none;
}

div.bekuldes_content{
	margin: 0;
	padding: 0;
	border: 0;
}

div.tutorial{
	display: none;
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
	padding: 10px;
}

div.tutorial, div.error, p.error{
	border: 2px solid rgba(0,20,5,0.2);
	background-color: rgba(0,20,5,0.8);
}

div.error{
	padding: 4px 20px;
	position: absolute;
	margin-left: 14px;
	margin-top: -6px;
	float: left;
	font-size: 9pt;
	line-height: 18pt;
	color: #DBE9DC;
}

p.error{
	display: inline-block;
	padding: 4px 20px;
	margin: 7px 8px;
	font-size: 9pt;
	line-height: 18pt;
	color: #DBE9DC;
}

#close{
	float: right;
	padding-top: 2px;
	border: 1px solid #DBE9DC;
	background-color: transparent;
	color: #DBE9DC;
	vertical-align: middle;
}

#tutorialscroll{
	height: 80%;
	vertical-align: bottom;
	overflow-x: hidden;
	overflow-y: auto;
}

.tutorial{
	color: #DBE9DC;
}

h2.tutorial{
	margin-bottom: 5px;	
}

p.tutorial{
	margin-left: 25px;
}
