@charset "utf-8"; @import "mongol.css"; body, th { font-family: Helvetica, Arial, sans-serif; font-size:90%; } .ja {font-weight: normal; font-family: "明朝"; line-height:1.1;} :lang(ms) {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: 80%; } :lang(mn) { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:normal; line-height:1.2; } .kr { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.1;} .th {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.1;} .tk { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.1;} .kr { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.1;} .fr { color:#0099FF; font-weight: bold; font-size: 85%; line-height:1.0; } .ru { color:#7aa328; font-size: 85%; font-weight: bold; line-height:1.0; } .ger { color:#009900; font-weight: bold; font-size: 85%; line-height:1.0; } .ch { font-weight: normal; line-height:1.4; text-decoration: none; } .tw { font-weight: normal; line-height:1.4; text-decoration: none; } .mn { color: #333; font-size:1.1em; /* 16x1.05=16.8 */ font-weight:200;} .chother { font-weight: normal; font-size:60%; line-height:1.4; font-family: "宋体"; text-decoration: none; margin-top: 2px; } .jaother { font-weight: normal; font-family: "明朝"; line-height:1.2; } .kanji { font-weight: normal; font-family: "明朝"; line-height:1.2; } .vn { font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:black; line-height:1.4; } .vnfont { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:black; } .vnother { font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:black; line-height:1.1; } .kanjiother { font-weight: normal; font-family: "明朝"; line-height:1.0; } .old { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.2; color:black; } .inner { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.2; color:black; } .new { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height:1.2; color:black;} .bur { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:normal; color:black; line-height:1.2;} .vns { font-weight: normal; font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .wms {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color:black; line-height:1.3;} .in {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color:black; line-height: 1.3;} .miother {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color:black; line-height:1.2;} .thother { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; line-height: 1.5; } /*main properties*/ td {line-height:normal;} a:link{text-decoration:none;color:#0033CC;} a:visited{text-decoration:none;color:#00007f;} a:active {text-decoration:none;color:#ff0000;} a:hover { text-decoration: none; color: #ff0000; font-style: italic; } .a04:active {text-decoration:none;color:#ff0000;} .a04:hover {text-decoration:none;color:#ff0000;} .popup:link{text-decoration:none;color:#41A317;} .popup:hover{text-decoration:none;color:#7FE817;} .popgrey:link{text-decoration:none;color:grey;} .popgrey:hover{text-decoration:none;color:#7FE817;} a.panel:link {text-decoration:none; color:blue;} a.panel:active {text-decoration:none;color:yellow;} a.panel:hover {text-decoration:none;color:yellow;} /*POSITIONING OF ELEMENTS*/ .email {position: absolute; right:0px; top:105px; z-index:100; font-size:10px; } .fontpanel { position: absolute; top: 100px; left: 10px; visibility: visible; border:1px solid blue; z-index: 774; font-size: 10px; text-color: blue; width: 100px; } .figure centre {margin: 0 auto;} .sitenavnote {display:none;} .sitenavnote2 { position:absolute; top:250px; left:18px; font-size:10px;} .nav {font-size: 12px; position: absolute; top: 420px; left: 0px; visibility: visible; z-index: 80; width:200px; } li {line-height: 150%;} #adleft {font-size: 13px; position: absolute; top: 411px; right: 3px; visibility: visible; z-index: 80; } .arrowleft { position: absolute; top: 243px; left: 0px; visibility: visible; z-index: 73; } .arrowright { position: absolute; top: 243px; right: 0px; visibility: visible; z-index: 73; } #inter {font-size: 13px; position: absolute; top: 411px; right: 3px; visibility: visible; z-index: 80; } .intertable {width: 150px; } .intertable td {padding-top: 6px; padding-bottom:6px; padding-left:2px; padding-right:2px; text-align:right;} .interhead td {height:18px; background-color: #DCBFBF; color:white; } .mobilenote { position: absolute; margin-top:10px; width:100%; font-size: 9px; color: black; } #header { position: absolute; width: 100%; margin-left: -10px auto; margin-right: -10px auto; margin-top: -10px; visibility: visible; padding: 0px; } .headertitle { font-size: 130%; font-style: normal; line-height: normal; font-variant: normal; color: #00007F; z-index:150; } .headersubtitle { display:none; } .header img {position: relative; vertical-align:middle; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0.2em; padding-left: 0.2em;} .countryicon {display:none;} .navleft { position: absolute; top: 100px; left: 5px; visibility: visible; z-index: 73; } .navright { position: absolute; top: 100px; right: 5px; visibility: visible; z-index: 73; } #socialwrap2 { position: absolute; top: 800px; right: 0px; z-index: 70; } #socialwrap { display:none; } .social { width: 60%; margin: 0 auto; text-align: center; visibility: visible; padding: 0px; } .social td {border-style:solid; border-width: 0.5px; border-color:#E9E9E9;} #junk { position: absolute; top: 900px; width:100%; text-align: center; } .junkinside {width: 400px; margin: 0 auto; } #fatbirder {position: absolute; top: 300px; right: 5px; visibility: visible; z-index: 73; } .alignbottom {vertical-align: text-bottom;} .downabit {vertical-align: bottom; } #title { position: absolute; width: 100%; top: 100px; margin-top: 20px; z-index: 70; text-align: center; left: 13px; } .titleinside { width: 100%; margin: 0 auto; text-align: center; visibility: 81; padding: 0px; } .idaesub { padding-left: 0.5em; padding-right: 0.5em; vertical-align:middle; } #subtitle { text-align: center; width: 90%; visibility: visible; padding: 0px; margin-left: 5px; margin-right: 5px; margin-top: 30px; margin-bottom: 10px; } .subtitleinside { width: 100%; margin: 0 auto; text-align: center; visibility: visible; padding: 0px; } .sub td {border-style:solid; border-width: 1px; border-color:#E9E9E9; padding-left: 0.5em; padding-right: 0.5em; vertical-align:middle; } #language { position: absolute; top: 228px; text-align: center; width: 100%; visibility: visible; padding: 0px; margin-top: 30px; margin-bottom: 10px; z-index:72; } .languageinside { width: 90%; margin: 0 auto; text-align: center; visibility: visible; padding: 0px; } .langu td {border-style:solid; border-width: 1px; border-color:#E9E9E9; font-size:small; padding-left: 0.5em; padding-right: 0.5em;} .adright {position: absolute; top: 150px; left:5px; height: 125px; width: 125px; z-index: 75; padding: 0px; } .content { position: absolute; top: 950px; width: 96%; visibility: visible; padding: 0px; margin-left: 2px auto; margin-right: 2px auto; margin-top: 30px; margin-bottom: 10px; left: 5px; } .little { font-size:85%;} .indextable { font-size:13px; width:100%; } .footer { width: 100%; visibility: visible; padding: 0px; margin-top: 20px; margin-bottom: 10px; background-color: #F2D5D5; } .update { position: absolute; margin-left: 5px; margin-right: 5px; margin-top: 50px; margin-bottom: 10px; visibility: visible; padding: 0px;} .leftmove img { display:none; } .rightmove img {position: relative; right: 10px;} .upmove img {position: relative; up: 10px;} .moveup {position: relative; bottom: 45px; } .tooltip {position: relative; bottom: 15px; right: 0px; font-size:0.7em} .tooltipstext {position: relative; bottom: 10px; right: 0px;} .tooltipa {position: static; border="0";} .tooltipb {position: absolute; right: 0px; bottom: 15px;} .milonicnotice {position: absolute; top: 100px; right:5px; font-size: 10px; } /*TEXT*/ p#intro{font-style:italic;line-height:normal;} .family {font-size:1em; font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande",sans-serif; font-weight: 200;} .small {font-size:0.7em; /* 16x0.7=11.2 */} .toolie {display:none; font-size:0.6em; /* 16x0.7=11.2 */} .formeralt {font-size:0.75em; /* 16x0.8=12.8 */ line-height:1; } .sources {font-size:0.75em; /* 16x0.7=11.2 */ line-height:1;} .gloss {font-size:0.75em; /* 16x0.8=12.8 */ line-height: 1; } .big {font-size: large;} .caveat { font-size: 80%; font-style: italic; } .titlenote { width:90%; font-size:10px; font-style:italic; margin:auto;} h1 {font-size: 1.35em; visibility: 80;} h2 { font-size:80%; font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande",sans-serif; font-weight:100; vertical-align:text-bottom; color: #333; visibility: 170; } h3 {font-size: 1.2em; border-bottom: thin solid #888888; } p {line-height:1.4; color: #333; } .fix {font-family:"Courier New", Courier, monospace;} .order {color: Black; font-weight: normal; font-style:italic; font-size:small; text-align:center;} .eng { color: Black; font-weight: bold; text-transform:capitalize; line-height:1.0; } .lat { color: Black; font-weight: bold; font-style:italic; line-height:1.0; } .white {color: #fff;} .latother { color: Grey; font-weight: normal; font-style:italic; font-size:75%; line-height:1.0; } .engother { color: Grey; font-weight: normal; text-transform:capitalize; font-size:75%; line-height:1.0; } .pinyin, .romaji, .mntranslit, .rr, .thtranslit, .kztranslit, .bigbrown, .brown, .tinybrown { line-height: 1.1; color: #666600; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; } .tinybrown { font-size: 60%; } .brown { line-height: normal; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size:0.9em; /* 16x0.88=14.8 */ text-decoration: none; } .blue { line-height: normal; color: #black; font-weight: 300; text-decoration: none; } .grey { color: #98AFC7; } .style2 { font-size: x-large; font-style: italic; } .big fontvn {font-size:40px;} /*COLOURS*/ .foundch {background-color: #D0F2E1;} .foundtw {background-color: #D0F2D0;} .foundja {background-color: #FFE6CC;} .foundvn {background-color: #D6EBFF;} .foundmn {background-color: #E0E0E0;} .foundth {background-color: #FFFFD6;} .foundkr {background-color: #D0D0F2;} .foundkz {background-color: #F2C6C2;} .foundtk {background-color: #F2D5E4;} .foundmalay {background-color: #E0DABC;} .foundindon {background-color: #E0CFBC;} .pink {background:#F2D5D5;} .permpink {background:#F2D5D5;} .darkpink {background:#DCBFBF;} .stripey {background:#d4e5ff;} #latin {background-color:#FFFFD7;} #english {background-color:#FFFFD7;} #chinese {background-color:#E9F6E5;} #chinesetw {background-color:#E9F6E5;} #chineseother {background-color:#E9F6E5;} #japanese {background-color:#fff2e6;} #japaneseother {background-color:#FFF2E6;} #vietnamese {background-color:#e6f2ff;} #vietnameseother {background-color:#E6F2FF;} #mongoliannew {background-color:#EDEDED;} #mongolianold {background-color:#EDEDED;} #thai {background-color:#ffffe9;} #thaiother {background-color:#ffffe9;} #malay {background-color:#F2EEDA;} #malayother {background-color:#F2EEDA;} #indonesian {background-color:#F2EEDA;} #koreanother {background-color:#EFEFFB;} #kazakhother {background-color:#FCF3F2;} /*TABLE STYLING*/ #maintable { border: 0px!important; border-style:solid; border-color:#999999; } #maintable td {padding:3px; line-height: 1; } td.blank {background-color:white; border-width: 0 0 0 0;} .montable {padding:0px; } .tribetitle td {background-color:#FFFFFF; border-width: thin; border-style:solid; border-bottom-color:#565051; text-align:center; border-radius: 8px; } .genustitle td {background-color:#FFFFFF; border-bottom-width: thin; border-bottom-style:dashed; border-bottom-color:#999999; border-top-width: thin; border-top-style:dashed; border-top-color:#999999; border-right-style:none; border-left-style:none;} .tribe { color: Black; font-weight: bold; font-style:italic; } .genus { color: Black; font-weight: bold; font-style:italic; } .subfamily { color: Black; font-weight: bold; font-size: 110%; font-style:italic; text-transform: uppercase; } .floatright {float:right; width:20%; clear:right;} .verticaltext{ font: bold 13px Arial; width: 15px; writing-mode: tb-rl; } .parenth {font-size:80%; margin-top:2px; } /* ----------------------------------- Navigation medium screen ----------------------------------- */ @media (min-width: 35em) { .countryicon {display:inline;} h2 { font-size:0.7em; font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande",sans-serif; font-weight:100; vertical-align:text-bottom; color: #333; visibility: 170; } #maintable { border: 0px!important; border-style:solid; border-color:#999999; } } /* ----------------------------------- Navigation wide screen ----------------------------------- */ @media (min-width: 55em) { body,td,th { font-family: sans-serif; font-size:105%; } .countryicon {display:inline;} #header { position: absolute; width: 100%; margin-left: -10px auto; margin-right: -10px auto; margin-top: -10px; visibility: visible; padding: 0px; } .headertitle { font-size: 115%; font-style: normal; line-height: normal; font-variant: normal; color: #00007F; z-index:150; } .headersubtitle { display: inline; font-size: 80%; line-height: normal; font-variant: normal; color: #00007F; z-index:150; } #adleft {position: absolute; top: 128px; right: 5px; height: 125px; width: 125px; visibility: visible; z-index: 75; padding: 0px; } .fontpanel { position: absolute; top: 127px; left: 180px; visibility: visible; border:1px solid blue; z-index: 774; font-size: 10px; text-color: blue; width: 150px; } h1 {width:80%; margin:auto; font-size: 1.35em; visibility: 80;} h2 { font-size:0.7em; font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande",sans-serif; font-weight:100; vertical-align:text-bottom; color: #333; visibility: 170; } h3 {font-size: 1.2em; border-bottom: thin solid #888888; } .leftmove img { display:inline; position: relative; left: 10px; } #title { position: absolute; width:100%; top: 105px; margin-top: 30px; margin-bottom: 10px; z-index: 70; text-align: center; left: 8px; } .indexleft {font-size: 12px; position: absolute; top: 95px; left: 0px; visibility: visible; z-index: 80; width:200px; } .nav {font-size: 12px; position: absolute; top: 101px; left: 0px; visibility: visible; z-index: 80; width:200px; } #inter {font-size: 13px; text-align: center; position: absolute; top: 108px; right: 5px; visibility: visible; z-index: 80; text-align:center; } .intertable {width: 160px; margin: 0 auto; } .interhead td {height:18px; background-color: #FFF; color:black; } #socialwrap { display:inline; position: absolute; width:100%; top: 330px; z-index: 70; text-align: center; } #junk { position: absolute; top: 405px; width:100%; text-align: center; } .content { position: absolute; top: 540px; width: 96%; visibility: visible; padding: 0px; margin-left: 2px; margin-right: 2px; margin-top: 30px; margin-bottom: 10px; left: 37px; } .email {position: absolute; right:0px; top:80px; z-index:100; font-size:10px; } .mobilenote {display:none;} .sitenavnote { display:inline; position:absolute; top: 82px; left:13px; font-size: 13px; background-color: #FFF; color:black; } .sitenavnote2 { display:none;} .titlenote { width:50%; } #fatbirder {position: absolute; top: 375px; right: 10px; visibility: visible; z-index: 73; } .arrowleft { position: absolute; top: 480px; left: 0px; visibility: visible; z-index: 73; } .arrowright { position: absolute; top: 480px; right: 0px; visibility: visible; z-index: 73; } #language { position: absolute; top: 200px; text-align: center; width: 100%; visibility: visible; padding: 0px; margin-top: 30px; margin-bottom: 10px; z-index:72; } .languageinside { width: 90%; margin: 0 auto; text-align: center; visibility: visible; padding: 0px; } .indextable { font-size:13px; width:85%; } .titleinside { width: 50%; margin: 0 auto; text-align: center; visibility: 81; padding: 0px; } #maintable { border: 0px!important; border-style:solid; border-color:#999999; font-size:100%; width:100%; overflow:auto; } .toolie {display:none; font-size:0.75em; /* 16x0.7=11.2 */} }