@font-face {font-family: 'Noto Naskh Arabic'; src: local('Noto Naskh Arabic'), url('../fonts/NotoNaskhArabic.woff2') format('woff2'), url('../fonts/NotoNaskhArabic.woff') format('woff'), url('../fonts/NotoNaskhArabic.ttf') format('truetype'); font-weight: normal; font-style: normal;}
		html, body {margin: 0px;}
		body {font-family: Arial, 'Microsoft YaHei', sans-serif; font-size: 12pt; padding: 0px;
		text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
		.ara, ar, .pron {font-family: "Noto Naskh Arabic" !important; direction: rtl;}
		p {margin-bottom: 0px; margin-top: 10px;}
		p ar, li ar, h3 ar {font-size: 16pt; line-height: 0.8; font-weight: bold;}
		.rom, rom {font-family: "Source Sans Pro", Arial, sans-serif; font-size: 12pt;}
		.grey {background-color: #e0e0e0;}
		rom.patt {background-color: #ffffe0; padding: 2px 8px; border: 1px solid #c0c0c0;}
		table {border-collapse: collapse;}
		tr {text-align: left;}
		tr.title {text-align: center;}
		.title {font-size: 10.5pt; background-color: #c0e0ff; font-weight: bold;}
		td {vertical-align: middle; border: 1px solid grey; padding: 5px 10px; white-space: nowrap;}
		td.ara {font-size: 20pt; text-align: right;}
		td.pron {font-size: 16pt; text-align: right;}
		img.dia {width: 16px; height: 12px; vertical-align: middle; border: 1px solid #808080;}
		img.narr  {width: 24px !important;}
		td.rom, td.nol {border-left: none; padding-left: 2px !important;}
		td.nor { border-right: none; padding-right: 2px !important;}
		td.not { border-top: none; padding-top: 2px !important;}
		td.nob { border-bottom: none; padding-bottom: 2px !important;}
		td img {vertical-align: bottom;}
		td.rom abbr { position: relative; top: -0.5em; font-size: 80%; font-weight: bold; color: #0000c0; text-decoration: none; cursor: help; }
		br.hbr {display: block; margin: 5px 0px;}
		
		h1 {font-size: 16pt;}
		h2 {font-size: 14pt;}
		h3 {font-size: 12pt;}
		h3.box {border: 1px solid grey; display: inline-block; padding: 4px; margin: 0px; background-color: #fcfcfc;}
		h1, h2, h3 {margin: 0px 0px 10px 0px;}
		sym {font-family: Arial, sans-serif; font-size: 14pt; text-shadow: 0.5px 0px 0px black;}
		br.sep {margin-bottom: 5px;}
		.nb {font-weight: normal;}
		chin {font-family: "Noto Sans SC", Arial, sans-serif; line-height: 1;}
		sup {vertical-align: baseline; position: relative; top: -0.4em;}
		.sm {font-size: 10.5pt;}
		.med {font-size: 16pt !important;}
		a {text-decoration: none;}
		a, a:visited {color: #0000ff;}
		a:hover, a:active {color: #ff0000;}
		a.arr, a.arr:visited {color: #a0a0a0; float: right;}
		gr  {color: #a0a0a0;}
		nobr {white-space: nowrap;}
		ul, ol {padding: 8px; margin: 0px; padding: 2px;}
		ul {list-style-type: disc;}
		li {margin-left: 20px; margin-top: 5px;}
		ul.caps li {margin-left: 16px; margin-top: 2px; margin-bottom: 2px;}
		ul.caps {background-color: #f8f8f8; border: 1px solid #808080; padding: 6px 8px; margin: 0px; width: auto; display: inline-block;}
		ul.caps ul {padding-left: 20px;}
		
		vcv {color: #ff0000; position: absolute; right: 2px; top: 50%; margin: auto; z-index: -1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
		td.dia {position: relative;}
		
		#topbar, #navbar, #content {position: fixed; z-index: 0;}
		#topbar {top: 0px; left: 0px; right: 0px; height: 50px; border-bottom: 1px solid #808080; background-color: #c0e0ff; text-align: center;}
		#menues {position: fixed; top: 0px; right: 5px; z-index: 10;}
		.menu {font-size: 10pt; height: 25px; overflow: hidden; border-top: 1px solid #808080;}
		.menu:hover {overflow: visible;}
		.menu div {text-align: left; vertical-align: middle; height: 24px; border: 1px solid #808080; border-top: none; padding: 0px 4px; line-height: 24px;}
		.menu div.item {background-color: #f8f8f8;}
		.menu div.item:hover {background-color: #c0e0ff;}
		.menu div ar {font-size: 14pt; line-height: 0.8;}
		.menu img {vertical-align: middle; padding-bottom: 2px;}
		.menu a {text-decoration: none; color: black;}
		.menu a:visited {color: black;}
		.mencapt {font-size: 8pt; font-weight: bold; line-height: 1.5;}
		#logo {position: fixed; top: 0px; left: 0px; z-index: 10;}
		
		#navbar, #content {top: 51px; bottom: 0px;}
		#navbar {left: 0px; width: 199px; border-right: 1px solid #808080; padding: 10px 0px; background-color: #c0e0ff; overflow-y: auto;}
		#navbar a {color: black; text-decoration: none;}
		#navbar a:visited {color: black;}
		#navbar a:hover {color: #c00000;}
		#navbar ul {margin: 0px; padding: 0px 0px 10px 25px;}
		#navbar ul ul {margin: 0px; padding: 0px 0px 0px 15px;}
		#navbar li {margin: 0px; padding: 0px; padding-bottom: 5px;}
		#navbar p {font-weight: bold; margin: 0px 0px 5px 10px; cursor: pointer;}
		#content {left: 200px; right: 0px; padding: 10px 20px; overflow: auto;}