@charset "utf-8";

/*Main style sheet for different waters folder*/

@font-face {
	font-family: 'Mongolian White';
    src:local('Mongolian White'), url('mnglwhiteotf.ttf') format('truetype');
}

@font-face {
	font-family: 'Mongolian White';
    src:local('Mongolian White'), url('mnglwhiteaat.ttf') format('truetype');
}



body {background-color: white; 
	margin: 10px; 
	padding: 10px;
	color: black;
	line-height: 170%;
	font-size: 1.1em;
	font-family: Optima, sans-serif;}

.greyback {background-color: darkgray;
color: black;}

hr {color: gray;}

header {position:relative;
    left:0px;
    top:0px;
	width:100%;
	min-height: 108px;
	background-color:#F8F8F8;
	color:white;
	background-image: url("images/header.png");
   background-repeat: no-repeat;
   background-size:contain;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}

.sitetitle {position:relative;
    z-index:1000;
    font-size: 160%;
	left: 12px;
	top: 30px;
	line-height: 113%;
	color:black;
	font-weight: bold;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px white, 0 0 40px white, 0 0 50px white, 0 0 60px white, 0 0 70px white;
}

a:link {text-decoration:none;color:darkblue;}
a:visited {text-decoration:none;color:purple;}
a:active {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:none;color:#ff0000;}

.sitetitle a: link {text-decoration:none;color:black;}
.sitetitle a:visited {text-decoration:none;color:black;}
.sitetitle a:active {text-decoration:none;color:#ff0000;}
.sitetitle a:hover {text-decoration:none;color:#ff0000;}


.contact {position:absolute;
     right:10px;
	 top:5px;
	 font-size:14px;
	 }

.contact a:link {text-decoration:none;color:#87cefa;}
.contact a:visited {text-decoration:none;color:#4b92d6;}
.contact a:active {text-decoration:none;color:#ff0000;}
.contact a:hover {text-decoration:none;color:#ff0000;}

.nav a:link {text-decoration:none;color:black;}
.nav a:visited {text-decoration:none;color:#4b92d6;}
.nav a:active {text-decoration:none;color:#ff0000;}
.nav a:hover {text-decoration:none;color:#ff0000;}


.navr a:link {text-decoration:none;color:black;}
.navr a:visited {text-decoration:none;color:#4b92d6;}
.navr a:active {text-decoration:none;color:#ff0000;}
.navr a:hover {text-decoration:none;color:#ff0000;}


.tooltip {color:#41A317;}

nav {position:absolute;
	 top:165px;
	 width:100%;}
	 
.nav {
	position: relative;
	float: left;
	left: 10px;
	font-size: 85%;
	font-color: blue;
	line-height: 130%;
	width: 45%;
	visibility: visible;
	z-index: 700;
}
.navr {
	position: relative;
	float: right;
	text-align: right;
	margin-right: 20px;
	font-size: 85%;
	font-color: blue;
	line-height: 130%;
	width: 45%;
	visibility: visible;
	z-index: 700;
}
	 

footer {width:100%;
}



.content {
	width: 97%;
	position: absolute;
	left: 5px;
	top: 200px;
	visibility: visible;
	z-index: 0;
	padding: 5px;
	color:black
}



h1 {
    font-size: 120%;
	line-height: 120%;
	color:black
}


h2 {
    font-size: 110%;
	font-weight:800;
	color:black
}


.gloss {
	font-size: 92%;
}

:lang(zh-Hant) 	{font-family: 儷黑 Pro, Apple LiGothic Medium;}
:lang(zh-Hans) 	{font-family: 华文黑体, Hei;}
:lang(ja) {font-family: : 平成角ゴシック, ＭＳ ゴシック;}
:lang(vi) {font-family:Arial, Helvetica, sans-serif;}



td,th  {
	font-family: Optima, sans-serif;
}



.ima {
	border-right-style:dotted;
	background-color: #FFFFE9;
}

.imb  {
	border-left-style:dotted;
	background-color: #E6F2FF;
}



.style2 {font-size: 11px;}
.style3 {font-style: italic}

		 
.amn {font-weight: normal;
         color: black;
		 font-family: Arial, Helvetica, sans-serif;
		 lang:mn;
		 text-indent: 2em;
		 padding:1px;
		 margin:7px;
		 border: solid gray 1px;}

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

.bigbrown {
	color: #666600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

.mnspell {
	color: #008000;
	font-family: Courier;
	font-size:95%;
}


.style4 {font-size: 13px;
         color:black;}

.ing {border-bottom: 1px yellow solid;}

.aux, .stop, .see, .come {border-bottom: 1px yellow dashed;}

.text {
	color: black;
	line-height: 150%;
	font-size: 100%;
	font-style: normal;
}

p {text-indent: 2em; }

.inset {padding-top: 10em;}

.noindent {text-indent: 0em;}

.header {
	position: absolute;
	background-color: #D3D3D3;
	z-index: 2000;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 55px;	
}


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

#ad {
	display: none;
}

.photo {
	position: absolute;
	right: 15px;
	top: 83px;
	padding: 5px;
	z-index: 50;	
}


.title1 {
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}


.toptitle {
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #00007F;}

.noscriptnotice {
    position: absolute;
	left: 7px;
	top: 100px;
	visibility: visible;
	z-index: 3;
	font-size: 75%;
	font-style:italic;
}

.toc {position: relative;
      width: 95%;
      background-color: #f8f8e8;
      padding: 5px;
      margin: 3px;
      min-height:87px;
      border: solid black 5px;
      border-radius: 15px;}
      
.right {
position: absolute;
right: 0;
bottom: 0;
}

div.floatleft
{
float:left;
background-color: white;
padding: 2px;
font-size: 80%;
text-align:center;
}

	
div.floatright
{
float:right;
background-color: white;
font-size: 80%;
text-align:center;
}



div.centre
{
background: white;
margin: auto;
width: 100%;
font-size: 80%;
text-align:center;
}

.floatright
{
float:right;
background-color: white;
font-size: 80%;
text-align:center;
}


.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

img {max-width: 100%;
   height: auto;}
   
img.centre {
display: block;
margin-left: auto;
margin-right: auto;
}

.container {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 }
 
 .border {
 border: solid thin gray;
 padding: 10px;
 }


figure.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 20px;
  background: white;
  color:black;
}

figure.floatleft
{
float:left;
background: white;
margin: 0 1em 0 0;
padding: 2px;
color:black;
}
	
figure.floatright
{
float:right;
background: white;
margin: 0 0 0 1em;
padding: 8px;
color:black;
}


figcaption {
  width: 100%;
  font-size:80%;
  line-height: 120%;
  text-align: center;
  float: right;
  color:black; 
}


.quotesection {background-color: white;
               border: solid thin #60C;
			   padding: 3px;
			   width:98%}
			   
.quote {background-color: white;
               border: solid thin yellow;
			   padding: 2px;}
			   
.lgreenquote {
	background-color: #D0F2D0;
	box-shadow: inset 0 0 2vw 1vw #FEFEFA;
	margin-left: -20px;
	margin-bottom: 10px;
	padding: 5px;
	margin-bottom: -10px;
}


.lbluequote {  
	background-color: navy;
	box-shadow: inset 0 0 2vw 1vw black;
	margin-top: -10px;
	margin-left: -20px;
	margin-bottom: -20px;
	min-height: 40px;
	padding: 20px 20px 10px 20px;
}
			   
.yellowtop {background-color: #FFFFE9;
             width:95%;
             margin-top:-30px;
			 margin-left:-15px;
			 margin-right:3px;
			 margin-bottom:5px;
			 padding:5px;
			 bottom-margin:-20px;
			 font-size:100%;}
			   	   

.yellowquote {width:92%;
       margin-top:25px;
	   margin-left:10px;
	   margin-right:8px;
	   margin-bottom:25px;
	   padding-top:20px;
	   padding-bottom:5px;
	   padding-left:10px;
	   padding-right:10px;
	   font-size:90%;
	   background-color:#FFFFE9;
	   border-radius:7%;
	   clear:right;}

.bluebot {width:92%;
       margin-top:25px;
	   margin-left:10px;
	   margin-right:8px;
	   margin-bottom:25px;
	   padding-top:20px;
	   padding-bottom:5px;
	   padding-left:10px;
	   padding-right:10px;
	   font-size:100%;
	   background-color:#DEF4FF;
	   border-radius:7%;
	   clear:right;}

.enggloss {font-size:85%;}


.verticalma {
	height:130px;
	min-width: 50px;
	float:right;
	clear:both;
	font-family: 'Mongolian White';
	font-size : 116%;
	margin-top:-10px;
	margin-left:15px;
	margin-bottom:25px;
	padding:10px;
	border: solid 1px gray;
	box-shadow: 0 0 10px white;
	background-color: white;
	border-radius:7%;
	-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 */
}


.bichigr {
    float:right;
	font-family: 'Mongolian White';
	font-size : 144%;
	-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;
	background-color: white;
	padding:10px;
	-moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}

.bichigl {
    float:left;
	font-family: 'Mongolian White';
	font-size : 144%;
	-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;
	background-color: white;
	padding:10px;
	-moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
    margin:0 15px 5px 0;
}

.bichigs {
	margin: 0px;
	padding: 0px;
	font-family: 'Mongolian White';
	font-size : 106%;
	-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;
}

.bichigbands {position:relative;
    left:0px;
    top:0px;
    background-color: white;
    height:200px;
    width:100%;
    
    text-justify: none !important;
}

.bichigsflat {
	margin: 0px;
	padding: 0px;
	font-family: 'Mongolian White';
	font-size : 106%;
}

cite .bichig {font-style:normal;}

cite .bichigs  {font-style:normal;}

.lblue {background-color: #DEF4FF;}

.double {
  border-bottom: double 3px;
}


.example {font-family: Courier;}

.pale {color: #E8E8E8;}



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

.bordery {
	border-style: solid;
    border-color: #FFE4E1;
}



.large {
     font-size: 120%;
}

.table td {padding:5px;
       background-color: white;
          }

.table td whiteback {background-color: white;}

.redback {
    background-color: #FFCC99;
}

.yelloback {
    background-color: #FFFF99;
}

.blueback {
	background-color: #E6F2FF;
}

.lyelloback {
    background-color: #FFFFE9;
}

.greyback {
    background-color: #E8E8E8;
}

.greybackcentre {
    background-color:#C0C0C0;
    margin: auto;
    width: 70%;
    text-align:center;
    }


.inset {
    background-color: #E5E4E2;
}

.whiteback {
   background-color: #FFFFFF;
}	

.peachback {
   background-color: #FFE4E1;
   color: black;
}


.paleback {
	 background-color: #FFFFE9;
}

.pink {background-color: #FFF3FF;}

.grey {font-style: normal;
	font-weight: bold;
	color: #BCBCBC;}	

.red {
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

.bluebox {position: relative; 
         bottom: 14px; 
        padding: 5px;
        background-color: transparent;
		border: 2px solid #D6EBFF;
		border-radius:5px;
		display: inline;}
		
.goldcircle {position: relative; 
         bottom: 5px;
         background-color: transparent;
	box-shadow:  2px 2px 4px 0 #ffeaab;
	border-radius: 10%;
}

.hilite {position: relative; 
         bottom: 3px;
         background-color: transparent;
	box-shadow:  2px 2px 4px 0 #C2DFFF;
	border-radius: 10%;
	margin: 0px 5px 0px 1px;
}


.green {font-style: normal;
	font-weight: bold;
	color: #4AA02C;
}

u { /* -- single underline -- */
	border-bottom: 1px solid;
	text-decoration: none;
}

u.double { /* -- double underline -- */
	border-bottom: 1px solid;
}
u.dotted { /* -- dotted underline -- */
	border-bottom: 1px dotted #999;
  text-decoration: none;
}

u.dashed{ /* -- dashed underline -- */
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

.altdouble { /* alternate double */
	border-bottom: 3px double;
	line-height: 1.7em;
}
u.triple { /* -- triple threat -- */
	border-bottom: 3px double;
	line-height: 1.9em;
}


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

.moveupsmall {
	position: relative;
	bottom: 7px;
	left: 1px;
	font-size: 75%;
}

.nomovesmall {
	position: relative;
	bottom: 2px;
	left: 1px;
	font-size: 75%;
}
        
/*For tooltip box*/
div#mcTooltip 
{
    line-height:16px;
    border-width: 1px;   
    color:#333; 
    border-color:#BBBBBB;
    padding:20px;
    font-size: 12px;
    font-family: Verdana, Arial;
    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 4px #AAAAAA; /*Drop shadow. N/A for IE 8 and below.*/
}

div#mcTooltip, div.mcTooltipInner 
{
    background-color:#EAECF0;
}

/* For hyperlink within tooltip */
div#mcTooltip a { color:#36c; }

/*Close button. Available when sticky or overlay has been set to true, or is on iPhone, iPad, Android, BlackBerry, or IEMobile devices. */
div#mcttCloseButton 
{
    width:14px;height:14px;position:absolute;background-image:url(closeBtn.gif);cursor:pointer; overflow:hidden;
    top:12px; right:12px; left:auto;
}

	
/*Give the close button a bigger size in smaller devices*/
    div#mcttCloseButton 
    {
        width:24px;height:24px;background-size:cover;
    }
	
/* Only applies when overlay has been set to true or 1 */
div#mcOverlay 
{
    background-color: #FEFEFA;
    opacity:0.8; filter: alpha(opacity=80); 
    display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; 
}


/*The settings below should remain unchanged*/
div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:0px;}
div#mcTooltip {float:left;border-style:solid;position:relative;overflow:hidden;}
div.mcTooltipInner {float:left;position:relative;width:auto;height:auto;}
div#mcttCo {position:absolute;text-align:left;}
div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;}

/*workable with bootstrap*/
div#mcTooltip, div#mcTooltip div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing:content-box;
}

		


@media (min-width: 430px)


{
	
.contact {position:absolute;
     right:10px;
	 top:5px;
	 }
	 
	
body {position:relative;
	margin-left:auto;
    margin-right:auto;
    width:100%;}


figcaption {
  width: 100%;
  font-size:90%;
  line-height: 120%;
  margin-left: auto;
  margin-right: auto;
}

.cyriltitle {
	position: absolute;
	width: 380px;
	left: 300px;
	top: 50px;
	font-size: 15px;
	font-style: italic;
}

.bichigtitle {position:absolute;
    left:10px;
    top:4px;
	width:10px;
}



.yugo {min-height: 200px;
       width:100%;
       margin:15px;
	   padding:10px;
	   background-color:#FFFFE9;
	   border-radius:7%;
	   clear:right;}
	   
.verticalchja {
	height:240px;
	float:right;
	font-size : 106%;
	margin-top:-20px;
	margin-right:25px;
	margin-left:15px;
	margin-bottom:30px;
	padding:4px;
	background-color: #DEF4FF;
	-moz-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	-moz-writing-mode: upright;
	writing-mode: upright;
	-webkit-writing-mode: upright;
	-o-writing-mode: upright;
	-ms-writing-mode: upright;
	/* 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;
}
	   

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



h1 {
    font-size: 130%;
	line-height: 130%;
}

	}
	


	
@media (min-width: 610px)


{

.contact a:link {text-decoration:none;color:#87cefa;}
.contact a:visited {text-decoration:none;color:#00007f;}
.contact a:active {text-decoration:none;color:#ff0000;}
.contact a:hover {text-decoration:none;color:#ff0000;}

	
.verticalma {
	height:130px;
	min-width: 90px;
	float:right;
	font-family: 'Mongolian White';
	font-size : 116%;
	margin-top:-13px;
	margin-left:15px;
	margin-bottom:30px;
	padding:10px;
	border: solid 1px white;
	box-shadow: 0 0 12px white;
	background-color: white;
	-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 */
}



.contact {position:absolute;
     right:10px;
	 top:5px;
	 font-size:14px;
	 }
	
body {position:relative;
	margin-left:auto;
    margin-right:auto;
    width:100%;}

.googlead {
	position: absolute;
	right: 120px;
	top: 190px;
}

.centre {
    text-align: center;
}


.bichigtitle {
	position: absolute;
	left: 11px;
	top: 4px;
	width: 10px;
}


.yugo {min-height: 200px;
       width:100%;
       margin:15px;
	   padding:10px;
	   background-color:#FFFFE9;
	   border-radius:7%;
	   clear:right;}
	   
.verticalchja {
	height:240px;
	float:right;
	font-size : 106%;
	margin-top:-20px;
	margin-right:25px;
	margin-left:15px;
	margin-bottom:30px;
	padding:4px;
	background-color: #DEF4FF;
	-moz-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	-moz-writing-mode: upright;
	writing-mode: upright;
	-webkit-writing-mode: upright;
	-o-writing-mode: upright;
	-ms-writing-mode: upright;
	/* 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;
}
	   			
.content {
	position: absolute;
	left: 10px;
	top: 230px;
	visibility: visible;
	z-index: 3;
	padding: 5px;
	color:black;
}


	}
	

@media (min-width: 750px)


{

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