@font-face {
    font-family: IPASans;
    src: url(../common_files/webfonts/IPASans.woff) format('woff');
}

/* @font-face {
    font-family: DejaVuSans;
    src: url(../common_files/webfonts/DejaVuSans.ttf);
}
 */
@font-face {
    font-family: unitipa;
    src: url(../common_files/webfonts/unitipa.woff) format('woff');
}

/*DISPLAY*/
/*display*/
body, .tra_cont, .tt_cont, .discl_cont, .tra_H, .sym_cont, .ex_cont {display: block;}
.input_M {display: flex;}
.input_M {align-items: center;}
/*position*/
.tra_cont, .vD_BR {position: relative;}
.tt_cont, .discl_cont, .sym_cont, .ex_cont {position: fixed; top: 0px; left: -3000px;}
.nav_cont {position: absolute; bottom: -1px; left: 413px;}
.close_cont {position: absolute; bottom: -1px; right: -1px;}
.nav_b {position: absolute; top: -1px; left: -1px;}
.nav_ff {position: absolute; top: -1px; right: -1px;}

/*overflow*/
body {overflow-y: scroll;}
.inTr, .tt_cont, .input_tr {overflow-y: hidden;}
/*resize*/
.inTr {resize: vertical;}
.input_tr {resize: none;}

/*BORDERS*/
/*border style*/
table, td, .inTr_cont, .tt_cont, .nav_cont, .code_ex:hover {border: solid;}
.code_ex, .discl_cont {border: dotted;}
.sym_cont, .ex_cont {border: ridge;}
button, input, .trans, .tra_cont, .inTr, .tbl_L, .tbl_R, .tt, .tt_L, .tt_R, .tt_sym, .tbl_cont, .symdes_L, .symdes_R, .audes_L, .ausym_L, .ausym_R, .ausym_R_0, .close_cont, .input_tr, .ex_sym_L, .nav_b, .nav_ff, .btnON, .a_cont, .a_td {border: none;}
/*border-width*/
table, tr, td, .code_ex, .code_ex:hover {border-width: 1px;}
.inTr_cont, .tt_cont, .discl_cont, .nav_cont {border-width: 2px;}
.sym_cont, .ex_cont {border-width: 4px;}
.tt, .tbl_cont, .sym_L, .sym_R, .input_tr, .a_cont {border-width: 0px;}
.cpS_R, .cpS_Le, .cpS_Re, .cpS_LRe, .cpS_Rn, .cnpD, .cnpD_T, .cnpD_B, .coD_TL, .coD_L, .coD_BL, .coD_TR, .coD_R, .coD_BR, .coS_TM, .coS_M, .coS_BM, .coS_TR, .coS_R, .coS_BR, .diaD, .diaD_T, .diaD_TR, .supD_T, .supD, .supD_B, .twaD_TL, .twaD_L, .twaD_BL, .twaD_TR, .twaD_R, .twaD_BR, .twaS_TR, .twaS_TM, .twaS_R, .twaS_M, .twaS_BR, .twaS_BM, .twaOR, .twaOR_T, .vD_TL, .vD_TM, .vD_TR, .vD_BR {border-left-width: 0px;}
.sym_R {border-left-width: 1px;}
.cpS_L, .cpS_Le, .cpS_Re, .cpS_LRe, .cpS_Ln, .cnpS, .cnpS_T, .cnpS_B, .coD_TL, .coD_L, .coD_BL, .coS_TL, .coS_L, .coS_BL, .coS_TM, .coS_M, .coS_BM, .coS_TR, .coS_R, .coS_BR, .diaS, .diaS_T, .diaS_TL, .supS_T, .supS, .supS_B, .twaD_TL, .twaD_L, .twaD_BL, .twaS_TL, .twaS_L, .twaS_BL, .twaS_TR, .twaS_TM, .twaS_R, .twaS_M, .twaS_BR, .twaS_BM, .twaOR, .twaOR_T, .vD_TLL, .vD_TL, .vD_TM, .vD_L, .vD_ML, .vD_BL {border-right-width: 0px;}
.sym_L {border-right-width: 1px;}
.cnpD, .cnpS, .coD_L, .coD_R, .coS_L, .coS_M, .coS_R, .supD, .supS, .twaD_L, .twaD_R, .twaS_L, .twaS_R, .twaS_M, .twaOR, .vD_L, .vD_ML, .vD_M, .vD_R {border-top-width: 0px; border-bottom-width: 0px;}
.cnpD_T, .cnpS_T, .coS_TL, .coS_TM, .coS_TR, .coD_TL, .coD_TR, .supD_T, .supS_T, .twaD_TL, .twaD_TR, .twaS_TL, .twaS_TR, .twaS_TM, .twaOR_T, .vD_TLL, .vD_TL, .vD_TM, .vD_TR {border-top-width: 1px; border-bottom-width: 0px;}
.cnpD_B, .cnpS_B, .coS_BL, .coS_BM, .coS_BR, .coD_BL, .coD_BR, .supD_B, .supS_B, .twaD_BL, .twaD_BR, .twaS_BL, .twaS_BR, .twaS_BM, .vD_BL, .vD_BR {border-top-width: 0px; border-bottom-width: 1px;}
.nav_cont {border-bottom-width: 1px;}
/*border-radius*/
table, .tr_T, .cpD_TL, .coS_TL, .diaS_TL, .supS_T, .twa_TL, .vD_TLL, .inTr_cont, .tt_cont, .discl_cont, .nav_cont, .nav_b {border-top-left-radius: 11px;}
table, .tr_T, .cpD_TR, .coD_TR, .diaD_TR, .supD_T, .twa_TR, .vD_TR, .inTr_cont, .tt_cont, .discl_cont, .nav_cont, .nav_ff {border-top-right-radius: 11px;}
.sym_cont, .ex_cont {border-radius: 11px;}
.code_ex {border-radius: 3px;}
/*border-color*/
table, tr, td, .inTr_cont, .tt_cont, .discl_cont, .sym_cont, .ex_cont, .sym_L, .sym_R, .nav_cont {border-color: rgba(193,79,30,1);}
.code_ex, .code_ex:hover {border-color: rgba(50,50,50,0.75);}
/*border-spacing*/
table, tr, td {border-spacing: 0px;}
/*box-shadow*/
table, .sym_cont, .ex_cont {box-shadow: 0 0 0 1px rgba(50,50,50,1);}
.tt_cont, .sym_cont, .ex_cont {box-shadow: 0 0 0 1px rgba(50,50,50,0.75), 0 0 5px 5px rgba(50,50,50,0.75);}
.inTr_cont {box-shadow: 0 0 0 1px rgba(50,50,50,1), 0 25px 25px 0px rgba(30,30,30,0.75), 0 -25px 25px 10px rgba(30,30,30,0.75);}
.trans, .tt, .tbl_cont, .tbl_R, .tt_L, .tt_R, .tt_sym, .a_cont, .a_td {box-shadow: none;}

/*BACKGROUNDS*/
/*background image*/
.btnLong {background: url(../common_files/images/imgs_IPA_charts_I/blank_out.png) 0px 0px/136px 30px no-repeat;}
.btnLong:hover {background: url(../common_files/images/imgs_IPA_charts_I/blank_over.png) 0px 0px/136px 30px no-repeat;}
.btnLong:active {background: url(../common_files/images/imgs_IPA_charts_I/blank_down.png) 0px 0px/136px 30px no-repeat;}
/*.vD_BR {background: url(images/vowel_space.svg);}*/
.btnRound {background: url(../common_files/images/imgs_IPA_charts_I/btn_out.png) no-repeat;}
.btnRound:hover {background: url(../common_files/images/imgs_IPA_charts_I/btn_over.png) no-repeat;}
.btnRound:active {background: url(../common_files/images/imgs_IPA_charts_I/btn_down.png) no-repeat;}
/*background-position*/
.tra_cont {background-position: top;}
/*background-size*/
button, input {background-size: contain;}
/*background-repeat*/
.tra_cont {background-repeat: repeat-x;}
button, input {background-repeat: no-repeat;}
/*background-color*/
body {background-color: rgba(30,30,30,1);}
table {background-color: rgba(193,79,30,1);}
button, input, .trans, .tbl_L, .tbl_R, .tt, .tt_L, .tt_R, .tt_sym, .tbl_cont, .sym_L, .sym_R, .audes_L, .ausym_L, .ausym_R, .ausym_R_0, .symdes_L, .symdes_R, .nav_cont, .close_cont, .input_tr, .ex_sym_L {background-color: transparent;}
.cpLRn, .cpS_Ln, .cpS_Rn {background-color: rgba(226,183,154,1);}
td, .vD_BR, .inTr_cont, .tt_cont, .sym_cont, .ex_cont, .nav_cont {background-color: rgba(255,255,255,1);}
.discl_cont {background-color: rgba(30,30,30,1);}
/*background-gradient*/
.cpD_T, .cpD_TL, .cpD_TR, .cpD_L, .twa_TL, .twa_TR {
	background-color: rgb(200,85,34);
	background: url(images/bckg.png);
	background-repeat: repeat-x;
	background-size: contain;
	background: -webkit-linear-gradient(270deg, rgba(227,101,40,1), rgba(201,85,34,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(180deg, rgba(227,101,40,1), rgba(201,85,34,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(180deg, rgba(227,101,40,1), rgba(201,85,34,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(180deg, rgba(227,101,40,1), rgba(201,85,34,1)); /* Standard syntax */
}
.nav_b, .nav_ff, .a_cont {background-color: transparent;}
.nav_b:hover, .nav_ff:hover {background-color: rgba(30,30,30,0.1);}

/*TEXT*/
/*color*/
body, .symT, .inTr, .inTr_cont, .tt, .tbl_cont, .symdes_L, .symdes_R, .audes_L, .ausym_R, .ausym_R_0, .tt_L, .tt_R, .tt_sym, .symP, .btnLong:hover, .btnLong:active, .tt_tbl, .ex_sym_L, .a_td {color: rgba(50,50,50,1);}
button, .btnRound:hover, .btnRound:active {color: rgba(50,50,50,0.9);}
h2, .tra_H, A, A:link, A:visited, .tc_H, .cmt, .cmtV, .lg_lg, .btnNav, .eqv, .btnON {color: rgba(227,101,40,1);}
h2:hover, .tra_H:hover, A:hover, .btnNav:hover, .btnLg:hover, .btnLgA:hover, .btnTr:hover, .btnTrU:hover, .eqv:hover, .btnON:hover {color: rgba(254,206,49,1);}
.btnLong {color: rgb(255, 255, 255, 0.75);}
h2:active, .tra_H:active, .btnLg:active, .btnLgA, .btnLgA:active, .btnTr:active, .btnTrU:active {color: rgba(227,101,40,1);}
.notr {color: rgba(75,75,75,0.75);}
.btnLg, .btnTr, .btnTrU {color: rgba(174,174,174,0.75);}
tr, td, h1, .wikiW, .discl_eng {color: rgba(255,255,255,1);}
.desT, .twaOR_T, .desTV, .wikiO {color: rgba(166,59,10,1);}
.nav_b, .nav_ff {color: rgba(226,183,154,0.5);}
.nav_b:hover, .nav_ff:hover {color: rgba(227,101,40);}
.input_tr {color: inherit;}
/*font*/
pre, .btnLong, .btnLg, .btnLgA, .notr, .btnTr, .btnNav, .input_tr {font: inherit;}
/*font-family*/
body, td, .plus_S, .plus_L, .a_td {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.code_ex {font-family: Consolas, Menlo, "courier new", monospace;}
button, .symT, .btnTrU, .inTr, .res, .ausym_R, .ausym_R_0, .tt_sym, .symP, .nav_x, .eqv, .ex_sym_L, .symlink, .nav_b, .nav_ff, .a_add {
	font-family: IPASans, sans-serif;
}
/* .ex_sym_L, .symP {font-family: unitipa;} */
.rtl {direction: rtl;}
.ltr, .nav_b, .nav_ff, .code_ex, .symdes_R {direction: ltr;}

/*font-size*/
td, .or, .sc {font-size: 13px;}
body, .lg_n, .a_td, .ipa_a, .lg_rev_list {font-size: 14px;}
.desT, .btnLong, .btnLg, .btnLgA, .notr, .btnTr, .btnTrU, .lg_tr, .lg_tr_list, .symdes_L, .symdes_R, .audes_L, .nav_b, .nav_ff, .btnON {font-size: 15px;}
.tt, .tt_L, .tt_R, .ausym_R_0, .a_add {font-size: 16px;}
.lg_lg {font-size: 17px;}
.res {font-size: 18px;}
h2, h1, .tra_H, .ausym_R, .tt_sym, .eqv {font-size: 20px;}
button {font-size: 21px;}
.btnNav, .symT {font-size: 27px;}
.nav_x {font-size: 15px;}
.plus_L {font-size: 99px;}
.ex_sym_L {font-size: 100px;}
.ex_sym_M {font-size: 75px;}
.symP {font-size: 300px;}
.plus_S {font-size: 18px;}
.twaOR_T {font-size: 12px;}
.inTr {font-size: 1.4285em;}
.input_tr {font-size: inherit;}
/*font-weight*/
body, h2, .tra_H, .inTr {font-weight: normal;}
h1, .btnLong, .btnLg, .btnLgA, .notr, .btnTr, .btnTrU, .lg_lg, .symdes_L, .btnNav, .lg_tr, .sc {font-weight: bold;}
.input_tr {font-weight: inherit;}
/*font-italic*/
.tt_L, .audes_L, .lg_n, .on_not, .a_name, .discl_eng {font-style: italic;}
.input_tr {font-style: inherit;}
/*text-decoration*/
A {text-decoration: underline; text-decoration-style: dotted;}
.wikiO, .wikiW, .eqv {text-decoration: underline; text-decoration-style: dotted;}
A, A:link, A:visited, .eqv {text-decoration-color: rgba(227,101,40,0.5);}
A:hover, .eqv:hover {text-decoration-color: rgba(254,206,49,0.65);}
.wikiO {text-decoration-color: rgba(166,59,10,0.65);}
.wikiW {text-decoration-color: rgba(255,255,255,0.65);}
/*line-height*/
.inTr {line-height: 1.4285em;}
button, .symT, .btnTrU, .res, .tt_sym, .nav_x {
	line-height: 84.78%;
	padding-bottom: 1px;
}
.ausym_R, .ausym_R_0, .symlink {
	line-height: 84.78%;
}
.eqv {
	line-height: 50%;
}
.symP {
	line-height: 110.5%;
}
.ex_sym_L {
	line-height: 135%;
	padding-bottom: 20px;
}
.ex_sym_M {
	line-height: 150%;
	padding-bottom: 5px;
}
.inTr_cont {
	line-height: 24px;
}
/*letter-spacing*/
.coS_BM, .coS_BR, .supS_B {letter-spacing: -2px;}
/* A {white-space: nowrap;}
 */pre {white-space: pre-wrap;}
/*text-align*/
body, .tt {text-align: justify;}
.cpD_L, .desT, .vD_TLL, .vD_TL, .vD_L, .vD_ML, .vD_BL, .tbl_L, h2, .sym_R, .symdes_R, .ausym_R_0, .tt_L, .tt_R, .coS_BM, .coS_BR, .a_td {text-align: left;}
td, h1, .cmt, .btn_cont, .btnLg, .btnLgA, .res, .lg_au, .lg_n, .sym_cont, .ex_cont, .twaS_TM, .twaS_M, .twaS_BM, .sym_L, .ausym_L, .ausym_R, .ex_sym_L, .nav_b, .nav_ff, .btnON, .plus_S, .on_not, .asc_not, .a_sym {text-align: center;}
.vD_TR, .twaS_TR, .twaS_R, .twaS_BR, .cmtV, .btnTr, .btnTrU, .tbl_R, .nav_cont, .close_cont, .symdes_L, .audes_L {text-align: right;}
.input_M, .input_tr {text-align: inherit;}
/*vertical-align*/
.tbl_R, .tbl_L, .tbl_cont, .sym_L, .sym_R, .symdes_L, .ausym_R, .ausym_R_0, .ex_sym_L {vertical-align: top;}
.tt, .tt_cont, .discl_cont, .btnLg, .btnLgA, .notr, .tt_L, .tt_R, .tt_sym, .symP, .input_M, .input_tr, .nav_b, .nav_ff {vertical-align: middle;}
.ausym_LT {vertical-align: bottom;}
/*word-wrap*/
/* td, pre, .nav_b, .nav_ff {word-wrap: break-word;}
td, pre {word-break: keep-all;} */
.symdes_L, .symdes_R, .audes_L {overflow-wrap: normal; white-space: nowrap;}
.lg_tr, .lg_tr_list, .lg_rev_list {overflow-wrap: normal; word-wrap: normal; white-space: pre;}
.nav_b, .nav_ff {overflow-wrap: anywhere;}
/*SIZE*/
/*width*/
body, .trans {width: 1000px;}
button, input {width: 25px;}
.nav_x {width: 37px;}
td, .nav_b, .nav_ff {width: 32px;}
.tra_cont, .tt_L, .tt, .tt_R, .tt_tbl, .tbl_cont, .btnTr, .btnTrU {width: auto;} /*.tt_cont, */
.ausym_L {width: 31px; min-width: 31px; max-width: 31px;}
.ausym_R {width: 64px; min-width: 64px; max-width: 64px;}
.btnLg, .btnLgA, .notr {width: 82.83px;}
.tblVST {width: 375px;}
.tblCOSD {width: 592px;}
.inTr_cont {width: 974px;}
.twaS_TR, .twaS_TM, .twaS_R, .twaS_M, .twaS_BR, .twaS_BM {width: 20px; min-width: 20px; max-width: 20px;}
.coS_TM, .coS_TR, .coS_M, .coS_R, .coS_BM, .coS_BR, .twaOR_T, .twaOR {width: 29px; min-width: 29px; max-width: 29px;}
.twaD_L {width: 79.5px; min-width: 79.5px; max-width: 79.5px;}
.twaD_R {width: 90.85px; min-width: 90.85px; max-width: 90.85px;}
.cpD_T, .cpD_TR {width: 80.35px; min-width: 80.35px; max-width: 80.35px;}
.cpD_L {width: 87px; min-width: 87px; max-width: 87px;}
.vD_TLL {width: 115px; min-width: 115px; max-width: 115px;}
.vD_TL {width: 64px; min-width: 64px; max-width: 64px;}
.vD_TM {width: 99px; min-width: 99px; max-width: 99px;}
.vD_TR {width: 73px; min-width: 73px; max-width: 73px;}
.btnLong {width: 136px; min-width: 136px; max-width: 136px;}
.cnpD, .diaD {width: 156px; min-width: 156px; max-width: 156px;}
.a_td {min-width: 200px;}
.a_sym {width: 26px; min-width: 26px; max-width: 50px;}
.a_hex {width: 50px; min-width: 50px; max-width: 70px;}
.a_cont {width: 100%;}
.coD_R {width: 200px; min-width: 200px; max-width: 200px;}
.a_name {width: 225px; min-width: 225px; max-width: 225px;}
.vD_BR {width: 255px; min-width: 255px; max-width: 255px;}
.coD_L, .ausym_R_0 {width: 280px; min-width: 280px; max-width: 280px;}
.tbl_R {width: 284px; min-width: 284px; max-width: 375px;}
.supD {width: 325.5px; min-width: 325.5px; max-width: 325.5px;}
.sym_L, .sym_R {min-width: 475px;}
.a_desc {width: 475px; min-width: 475px; max-width: 475px;}
.tbl_L {width: 610px; min-width: 610px; max-width: 610px;}
.inTr {width: 958px; min-width: 958px; max-width: 958px;}
.input_M, .input_tr {width: inherit;}
/*max-width*/
.tt_cont {max-width: 540px;}
.discl_cont {min-width: 175px; max-width: 175px;}
/*height*/
.tbl_L, .tbl_R, .tbl_cont, .symdes_L, .symdes_R, .audes_L {height: auto;}
.eqv, .btnON {height: 17px; min-height: 17px; max-height: 17px;}
.vD_TLL, .vD_TL, .vD_TM, .vD_TR, .a_td {height: 21px;}
button, input, .ausym_L, .ausym_R, .ausym_R_0 {height: 25px;}
.btnLong, .nav_cont {height: 30px;}
.audes_L {height: 31px;}
.vD_ML, .vD_L, .vD_BR {height: 34.6px; min-height: 34.6px; max-height: 34.6px;}
.vD_BL {height: 30px; min-height: 30px; max-height: 30px;}
td {height: 39px; min-height: 39px; max-height: 39px;}
.symdes_TB {height: 38px; min-height: 38px;}
.btnLg, .notr {height: 46px; min-height: 46px; max-height: 46px;}
.tt_L, .tt_R, .tt_sym {height: 26px; min-height: 26px; max-height: 26px;}
.sym_L, .sym_R {height: 434px; min-height: 434px; max-height: 434px;}
.sym_cont {height: 440px; min-height: 440px; max-height: 440px;}
.nav_b, .nav_ff {height: 100%;}
.inTr {height: 37px; min-height: 0px;}
.inTr_cont {height: 100%;}
.input_M {height: inherit;}
.nav_x {height: 35px;}

/*MARGINS*/
body {margin: auto;}
.tbl_cont, .tbl_L, .tbl_R, .sym_cont, .ex_cont, .input_tr, .btnON {margin: 0px;}
.inTr {margin-top: 0px; margin-bottom: 0px;}
.btnLong {margin-left: 5px; margin-right: 5px;}
pre {margin: inherit;}
.desTV {margin-left: -4px;}
.desT {margin-top: 3px;}
.desTD {margin-top: 0px;}
li {margin-left: 24px;}
.ph_eng_2 {margin-bottom: -8px;}

/*PADDING*/
.asc_cont {padding: 6px;}
.tt_cont, .discl_cont {padding: 9px;}
body {padding-right: 9px;}
table, tr, td, .btnTr, .btnTrU, .inTr, .tbl_cont, .tbl_L, .tbl_R, .sym_cont, .ex_cont, .symdes_B, .input_tr, .input_M, .btnON {padding: 0px;}
.on_cont {padding-left: 20px; padding-right: 20px;}
.a_hex, .a_add_sym {padding-left: 10px; padding-right: 10px;}
/*padding-left*/
.btn_cont, .ausym_LT {padding-left: 1px;}
.twaS_TL, .twaS_L, .twaS_BL {padding-left: 2px;}
.cnpS, .coS_TL, .coS_L, .coS_BL, .coS_TM, .coS_M, .diaS, .supS_T, .supS, .supS_B, .coD_BR, .code_ex {padding-left: 3px;}
.cpD_L {padding-left: 4px;}
.btnTr, .btnTrU, .ausym_R_0, .nav_cont, li {padding-left: 5px;}
.cpS_L, .cpS_Le, .inTr, .tt_R, .tt_sym {padding-left: 6px;}
h2, .vD_L, .vD_ML, .vD_BL, .tra_H, .a_td, .a_name {padding-left: 11px;}
.inTr_cont, .symdes_L, .audes_L {padding-left: 12px;}
.tbl_R {padding-left: 16px;}
/*padding-right*/
.twaD_R {padding-right: 2px;}
.cnpS, .coS_TL, .coS_L, .coS_BL, .coD_L, .coD_R, .coS_TR, .coS_R, .diaS, .twaD_R, .supS_T, .supS, .code_ex {padding-right: 3px;}
.nav_cont {padding-right: 5px;}
.cpS_R, .cpS_Re, .twaD_L, .trans, .inTr, .tt_L, .supS_B {padding-right: 6px;}
.twaS_TR, .twaS_TM, .twaS_R, .twaS_M, .twaS_BR, .twaS_BM, .vD_TR {padding-right: 8px;}
.inTr_cont {padding-right: 10px;}
.symdes_R {padding-right: 12px;}
.vD_TR {padding-right: 13px;}
.symdes_L, .audes_L, .cmtD {padding-right: 15px;}
.cmtV {padding-right: 31px;}
.a_sym {padding-left: 5px; padding-right: 5px;}
/*padding-top*/
h2, h1 {padding-top: 1px;}
.vD_BL, .twaOR_T {padding-top: 2px;}
.vD_ML, .trans {padding-top: 3px;}
.ausym_R {padding-top: 2px;}
.cmt, .tt_cont, .discl_cont, .lg_au, .sym_R, .symdes_T, .symdes_TT_ex, .btnLg, .btnLgA, .notr {padding-top: 6px;}
.cmtV {padding-top: 5.5px;}
.ausym_R_0, .a_cont, li {padding-top: 5px;}
.ph_eng_2 {padding-top: 8px;}
.vD_TLL, .vD_TL, .vD_TM, .vD_TR, .lg_n {padding-top: 9px;}
.ausym_LT, .symdes_P {padding-top: 10px;}
.inTr_cont, .symdes_E, .symdes_T_ex {padding-top: 12px;}
.btn_cont, .symdes_TT, .symP {padding-top: 18px;}
pre {padding-top: inherit;}
/*padding-bottom*/
h2, h1, .ipa_a {padding-bottom: 0px;}
.tt_sym {padding-bottom: 1px;}
.lg_au, .nav_cont, .symdes_B_ex, .a_cont {padding-bottom: 5px;}
.symdes_P, .lg_n, .symdes_BB_ex {padding-bottom: 6px;}
.cmtV {padding-bottom: 8px;}
.ell_cmtV {padding-bottom: 3px;}
.inTr_cont, .cmt {padding-bottom: 10px;}
.tra_H {padding-bottom: 12px;}
.btn_cont {padding-bottom: 15px;}
.symdes_TT {padding-bottom: 20px;}
.btnLg, .btnLgA, .notr {padding-bottom: 40px;}

/*CURSOR*/
h2, A, .tra_H, button, input, .symT, .eqv {cursor: pointer;}
.notr {cursor: not-allowed;}

/*OTHER*/
.sym_cont {z-index: 110;}
.close_cont {z-index: 210;}
.ex_cont {z-index: 310;}
.tt_cont {z-index: 410;}
.discl_cont {z-index: 510;}
input:focus, select:focus, button:focus, textarea:focus {outline: none;}
.ddstart {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	/* user-select: none; Non-prefixed version, currently not supported by any browser */
}
.symsel {
	-webkit-touch-callout: text; /* iOS Safari */
	-webkit-user-select: text; /* Chrome/Safari/Opera */
	-khtml-user-select: text; /* Konqueror */
	-moz-user-select: text; /* Firefox */
	-ms-user-select: text; /* Internet Explorer/Edge */
	/* user-select: text; Non-prefixed version, currently not supported by any browser */
}

/*SELECTION*/
::-moz-selection {color: rgba(255,255,255,1); background: rgba(193,79,30,1);}
::selection {color: rgba(255,255,255,1); background: rgba(193,79,30,1);}
.symsel::-moz-selection {background: transparent;}
.symsel::selection {background: transparent;}

.selected {
	background: url(../common_files/images/imgs_IPA_charts_I/blank_down.png) 0px 0px/136px 30px no-repeat;
	color: rgb(50, 50, 50, 1);
}

.seldis:hover {
	background: url(../common_files/images/imgs_IPA_charts_I/blank_down.png) 0px 0px/136px 30px no-repeat;
	color: rgb(50, 50, 50, 0.15);
	cursor: not-allowed;
}

.navdis {
	background: transparent;
	color: rgb(255, 255, 255, 0);
}

.navdis:hover {
	background: transparent;
	color: rgb(255, 255, 255, 0);
	cursor: not-allowed;
}

.hidden {display: none;}
.grey {
	color: rgba(174,174,174,0.75);
	min-width: 375px;
}
.hlght {color: rgba(227,101,40,1);}
.player {background-image: url(../common_files/images/imgs_IPA_charts_I/btn_down.png);}
.btnsel {
	background-image: url(../common_files/images/imgs_IPA_charts_I/btn_sel.png);
	color: rgb(255, 255, 255, 0.85);
}

.eng {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
}
.eng_tt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.eng_td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.ph_eng {
	font-family: IPASans;
	line-height: 115%;
	font-size: 27px;
	font-style: normal;
	vertical-align: -5px;
	cursor: pointer;
}
.eng_eng {
	margin-top: -3px;
}
.ph_heng {
	font-family: IPASans;
	line-height: 120%;
	font-size: 27px;
	font-style: normal;
	vertical-align: -2px;
	cursor: pointer;
}
.eng_heng {
	margin-top: -1px;
}
.eng_au {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: 700;
}
.rtl {
	direction: rtl;
}

.symV118, .symV119, .symV120, .symV121, .symV122, .symV123, .symV124, .symV125, .symV126, .symV127, .symV128, .symV129, .symV130, .symV131, .symV132, .symV133, .symV134, .symV135, .symV136, .symV137, .symV138, .symV139, .symV140, .symV141, .symV142, .symV143, .symV144, .symV145 {padding-left: 3px; padding-right: 3px; font-size: 24px}
.symV118 {position: absolute; top: 9px; left: -9px;}
.symV119 {position: absolute; top: 9px; left: 15px;}
.symV120 {position: absolute; top: 9px; left: 97px;}
.symV121 {position: absolute; top: 9px; left: 121px;}
.symV122 {position: absolute; top: 9px; left: 188px;}
.symV123 {position: absolute; top: 9px; left: 226px;}
.symV124 {position: absolute; top: 40px; left: 39px;}
.symV125 {position: absolute; top: 40px; left: 53px;}
.symV126 {position: absolute; top: 40px; left: 175px;}
.symV127 {position: absolute; top: 79px; left: 18px;}
.symV128 {position: absolute; top: 79px; left: 49px;}
.symV129 {position: absolute; top: 79px; left: 107px;}
.symV130 {position: absolute; top: 79px; left: 137px;}
.symV131 {position: absolute; top: 79px; left: 196px;}
.symV132 {position: absolute; top: 79px; left: 226px;}
.symV133 {position: absolute; top: 113px; left: 131px;}
.symV134 {position: absolute; top: 149px; left: 57px;}
.symV135 {position: absolute; top: 149px; left: 85px;}
.symV136 {position: absolute; top: 149px; left: 128px;}
.symV137 {position: absolute; top: 149px; left: 155px;}
.symV138 {position: absolute; top: 149px; left: 196px;}
.symV139 {position: absolute; top: 149px; left: 227px;}
.symV140 {position: absolute; top: 188px; left: 68px;}
.symV141 {position: absolute; top: 183px; left: 150px;}
.symV142 {position: absolute; top: 219px; left: 90px;}
.symV143 {position: absolute; top: 219px; left: 119px;}
.symV144 {position: absolute; top: 219px; left: 196px;}
.symV145 {position: absolute; top: 219px; left: 226px;}

.uni {
	font-family: unitipa;
	font-size: 36px;
	color: rgba(255,255,255,1);
	overflow-wrap: anywhere;
}