body {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	background-color: #ffffff;
}
.outer {
	width: 100%;
	margin-bottom: 20px;
}
#outerwrapper {
	position: relative;
	margin: auto;
	width: 70%;
}
#vw_element {
	width: 1px;
	width: 50vw;
}
/* side bar  */
.sidebar-cnt {
	width: 3%;
	min-width: 30px;
	vertical-align: top;
	padding-top: 200px;
}
.sidebar-cnt img {
	width: 100%;
	height: 100px;
	background-color: #cccccc;
	border-radius: 25px 0 0 25px;
	padding: 5px 5%;
}
.sidebar-cnt img:hover {
	background-color: #eeeeee;
	cursor: pointer;
}
.sidebar-wrapper {
	position: relative;
}
#sidebar {
	z-index: 3;
	position: absolute;
	left: 100%;
	top: 0;
	width: 20em;
	display: none;
}
#sidebar ul {
	padding: 10px 10px 6px 15px;
	background-color: #dee3e6;
}
#sidebar li {
	padding: 2px 0px;
	list-style: none;
}
#sidebar ul li {
	padding: 3px 0px;
}
#content {
	background-color: #ffffff;
}
/*  Basic help  */
#AMLKbschlpcont ul, #ASKbschlpcont ul, #ASTCbschlpcont ul {
	margin-left: 5%;
}
#ASTCbschlpcont ul li {
	padding: 3px;
}
#ASKbschlpcont ul li ul li, #ASTCbschlpcont ul li ul li {
	padding: 3px;
	list-style: disc;
}
#ASKbschlpcont ul li ul li ul li, #ASTCbschlpcont ul li ul li ul li {
	list-style: square;
}
/* ASTC Transliteration Table */
#trnstbl .headng2 {
	font-size: 115%;
}
#trnstbl table {
	border-collapse: collapse;
	font-size: 100%;
}
#trnstbl table td {
	padding: 3px 0px 3px 10px;
}
#trnstbl .bkcrl1 {
	background-color: #D0D0D0;
	background-color: #eeeeee;
	border: 1px gray solid;
}
#trnstbl .bkcrl2 {
	border: 1px gray solid;
	background-color: white;
}
#trnstbl .sintxt {
	font-size: 13pt;
}
#trnstbl .ktxt {
	color: gray;
}
#trnstbl .sngtxt {
	color: black;
}
/*  Background images */
.bkimgtbl {
	width: 90%;
}
.bkimgtbl img {
	width: 80%;
}
.bkimgttl {
	width: 33.3333%;
	text-align: center;
	padding-bottom: 50px;
}
.bkimgtd {
	width: 33.333%;
	text-align: center;
}
/*  query styles */
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#outerwrapper {
	width: 85%;
}
}
@media only screen and (max-width: 1000px) {
#outerwrapper {
	width: 100%;
}
}
@media only screen and (max-width: 800px), (max-width: 900px) and (min-resolution: 115dpi), (max-width: 1025px) and (min-resolution: 128dpi), (max-width: 1150px) and (min-resolution: 146dpi), (max-width: 1300px) and (min-resolution: 165dpi), (max-width: 1500px) and (min-resolution: 185dpi), (min-resolution: 215dpi) {
#outerwrapper {
	width: 100%;
}
}
/*  small screen */
@media (max-width: 500px), (max-width: 600px) and (min-resolution: 100dpi), (max-width: 700px) and (min-resolution: 120dpi), (max-width: 850px) and (min-resolution: 140dpi),(max-width: 1000px) and (min-resolution: 170dpi), (max-width: 1200px) and (min-resolution: 200dpi) {
#outerwrapper {
}
}
@media only screen and (max-width: 150px) {
#outerwrapper {
}
}