@charset "utf-8";

/*Style sheet for mongol folder*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {background-color: #ffffff;
    font-size: 100%; 
	margin: 10px; 
	padding: 10px;
	color: #333;
	line-height: 140%;}

body,td,th {
	font-family: sans-serif;
}
	
.formplace {
	position: absolute;
	top: 20px;
	left: 200px;
	border:0;
	z-index:900;
}


.text {
	color: #333;
	line-height: 140%;
	font-size: normal;
	font-style: normal;
}

sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

.nav {
	color: #333;
	line-height: 100%;
	font-size: 80%;
	font-style: normal;
}



.panel { position: relative;
         margin: auto; 
	     background: #F0F8FF;
		 max-width: 1500px;
	     }
	     
.heading {display: inline-flex;
        justify-content: space-around;
        width:100%;
        font-size: 95%;
	     }
	     
h1 {background-color:#FFC;
	    box-shadow: inset 0 0 15vw 5vw white; 
	    font-size: 100%; 
	     line-height: 1.0;
	     flex-grow: 1;}
	     
h2 { font-size: 97%;
	     line-height: 1.1;}
		 
h3 {color : #1C4B5B;
    font-size: 97%;
	line-height: 1.1;}
	
.headingbichig {
    position: absolute;
    right: 125px;
    top: 65px;
    flex-grow: 1;
    font-family: 'Mongolian White';
	font-size : 120%;
	line-height:120%;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
	z-class: 500;
	     }

			
.col1 {margin: 0 1% 0 0;
	   width:48%;
	   display: inline-block;
	   vertical-align:top;}

.col2 {margin: 0 0 0 1%;
       width:48%;
	   display: inline-block;
	   vertical-align:top;
	   text-align:right;
	   }	   

div.floatright
{float:right;
background: white;
margin: 1em 1em 1em 1em;
padding: 1px;
border-style:solid;
border-width:1px;
font-size: 80%;
text-align:center;
z-class: 1000;
flex-grow: 1;
}

.right
{float:right;
}

.left
{float:left;
}

.leftup
{float:left;
 position: relative;
 top:-20px;
 margin-right:10px;}
 


.rightdown
{float:right;
 position: relative;
 left: 30px;
 top:20px;
 padding:20px;}
	
.small {
		font-size: 10px;
	}


.ajp {font-weight: normal;
         color: #000099;
    font-family: : 平成角ゴシック, ＭＳ ゴシック;
	text-decoration: none;}
		 
.asc {font-weight: normal;
         color: #000099;
    font-family: 华文黑体, Hei;
	text-decoration: none;}
		 

		 
A.ajp:link {text-decoration:none;color:#00007f;}
A.ajp:visited {text-decoration:none;color:#00007f;}
A.ajp:active {text-decoration:none;color:#ff0000;}
A.ajp:hover {text-decoration:none;color:#ff0000;}

A.asc:link {text-decoration:none;color:#00007f;}
A.asc:visited {text-decoration:none;color:#00007f;}
A.asc:active {text-decoration:none;color:#ff0000;}
A.asc:hover {text-decoration:none;color:#ff0000;}

A.atc:link {text-decoration:none;color:#00007f;}
A.atc:visited {text-decoration:none;color:#00007f;}
A.atc:active {text-decoration:none;color:#ff0000;}
A.atc:hover {text-decoration:none;color:#ff0000;}

A:link {text-decoration:none;color:#2200CC;}
A:visited {text-decoration:none;color:#2A5DB0;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:none;color:#ff0000;}

.popup:link{text-decoration:none;color:black;}
.popup:hover{text-decoration:none;color:#41A317;}

	
.smaller {font-size: 16px;}

 

.content {
	position: absolute;
	left: 230px;
	top: 150px;
	visibility: visible;
	z-index: 3;
	padding: 5px;
}


.top {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: visible;
	padding: 0px;
	}
	

.style2 {font-size: 9px;
		text-decoration: none;
         color: #000099}
.style1 {color: #000099}
.style3 {font-size: small;
		 text-decoration: none}
.style4 {color: #CCCCFF}
.style5 {font-size: 9px;
         color: #CCCCFF}
.style6 {font-style: italic}	

.title1 {
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

.brown {
	color: #666600;
	font-family: Helvetica, Arial, sans serif;
	font-size: 85%;
	line-height: 110%;
}

img.centre {
display: block;
margin-left: auto;
margin-right: auto;
}

.bordered {
border: 0px!important;
border-style:solid;
border-color:#999999;}

    

.bichigband {
    box-shadow: inset 0 0 10vw1vw white;
    background-color: #E6F2FF;
    height:420px;
    width:100%;
    margin: 4px;
    padding: 4px;
    overflow: auto;
    scroll:auto;
}

.bichigbandnarrow {
    box-shadow: inset 0 0 10vw1vw white;
    border-radius:3%;
    background-color: #E6F2FF;
    height:350px;
    width:250px;
    margin: 4px;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    scroll:auto;
}


.bichig {
	width:100%;
	overflow:auto;
	margin: 0px;
	padding: 2px;
	font-family: 'Mongolian White';
	font-size : 21px;
	line-height:130%;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
}



.bichigbandwide { 
    height: 420px;
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian White', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	/* Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.104 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}



.bichigw {
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Writing', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

.bichiga {
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Art', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

.bichigt {
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Title', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

.bichigwband {
    height: 420px;
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Writing', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

.bichigaband {
    height: 420px;
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Art', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

.bichigtband {
    height: 420px;
	margin: 5px;
	padding: 5px;
	font-family: 'Mongolian Title', Serif, 'Noto Sans', Sans-serif;
	font-size : 23px;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
	text-justify: inter-ideograph;
	text-align:justify;
}

	     
.bichigsquare {
	height:130px;
	float:right;
	clear:both;
	font-family: 'Mongolian White';
	font-size : 100%;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
	padding:3px;
	background-color: #fff2e6;
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	/* Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36 */
}



.yugo {
    width: 95%;
	min-height: 200px;
	margin: 30px;
	padding: 10px;
	background: #FFFFE9;
	border-radius: 7%;
}

.ruby {ruby-position: inter-character;}

.bichigbandwide rt {font-size: 14px;
                    color: gray;
                    line-height: 2.5px;
                    padding-bottom: 5px;}


.mongol {
    height:430px;
	width:200%;
	background-color: #E6F2FF;
	padding: 8px;
}

.mongol2 {
	width:200%;
	background-color: #E0EEE0;
}

.mongol3 {
	width:100%;
	background-color: #E0EEE0;
}

.cyrillic {
	width: 100%;
	background-color: #FFF2E6;
	box-shadow: inset 0 0 10vw1vw white;
	border-radius:3%;
	min-height: 40px;
	padding: 8px;
	margin-top: 15px;
}

.converse {
	width: 100%;
	background-color: #F2D5D5;
	box-shadow: inset 0 0 10vw1vw white;
	border-radius:3%;
	min-height: 40px;
	padding: 8px;
	margin-top: 15px;
}

.miscel {
	width: 100%;
	background-color: #E0EEE0;
	box-shadow: inset 0 0 10vw1vw white;
	border-radius:3%;
	min-height: 40px;
	padding: 8px;
	margin-top: 15px;
}

:lang(zh-Hans) {
	font-family: 华文黑体, Hei;
}


.notes {
	width:100%;
}

.greenquote {
	background-color: #D0F2D0;
	box-shadow: inset 0 0 10vw1vw white;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 40px;
	padding: 8px;
	bottom-margin: -20px;
}

.gloss {
	font-size: 92%;
}

.pale {color: #F5F5DC;}


.download {background-color: #F0F8FF;}

.blue {color:blue;}


.toolie {display:none;
        font-size:0.75em; /* 16x0.7=11.2 */}
		
.ipa {color: #666600;}

.cyr {color: #306754;}
		

.ch {color:black;}

.ziti {display:none;}

.translit {
	position: relative; 
	bottom: 10px;
	font-size: 11px;
	font-style:italic;
	}

.redback {
	background-color: #FFCC99;
}

.blueback {
	background-color: #E6F2FF;
}

.lblue {
	background-color: #DEF4FF;
}

.lgreenback {
   background-color: #D0F2D0;
   }

.yelloback {
	background-color: #FFFF99;
}

.lyelloback {
	background-color: #FFFFE9;
}

.greyback {
	background-color: #808080;
}
.lgreyback {
	background-color: #D3D3D3;
}

.pale {
	background-color: #E8E8E8;
}

.pastelback {
   background-color: #FFE4E1;
}

.inset {
	background-color: #E5E4E2;
}
.whiteback {
	background-color: #FFFFFF;
}
	

/*css for read more*/

.read-more-state {
  display: none;
}

.read-more-target {
  clear: both;
  opacity: 0;
  max-height: 0;
  font-size: 0;
  line-height:0.5;
  line-width: 20em;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show...';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Hide...';
}

.read-more-trigger {
  cursor: pointer;
  padding: 0.3em;
  margin: 0.3em;
  color: #666;
  font-size: .9em;
  line-height: 1.5;
  border: 1px solid #ddd;
  border-radius: .25em;
}

/*end of css for read more*/



@media (max-height: 520px)
{
	
html
{-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}


.mongol {
	height:310px;
	width:200%;
}

.translit {
	position: relative; 
	bottom: 12px;
	font-size: 14px;
	font-style:italic;
	}
	


}

@media (min-width: 650px)


{
	
body {position:relative;
	margin-left:auto;
    margin-right:auto;
    width:750px;}
	     
	     }