﻿table, table#center {
	width: 100%;
	border-collapse: collapse;
}
table#center, table#top-buttons {
	text-align: center;
}
/* STYLES ADDED 27 DEC 18 FOR ALL PAGES WITH FLAG HEADER  */
table.headwflag {
	/* font-family: "Segoe UI", Geneva, sns-serif; */
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 160%;
	margin: 1em 0 0.5em;
}
table.headwflag th {
	border: thin gray solid;
}
table.headwflag td {
	padding-left: 0.5em;
}
table.headwflag td.nat-legend {
	font-weight: bold;
}
/***************************************************************/
/* STYLES ADDED 2 JAN 19 FOR ALL PERIODIC TABLE PAGES FOR FLAG HEADER  */
table.pt-headwflag {
	margin: 0.5em 0;
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
}
table.pt-headwflag td:nth-child(1) { /*, table.pt-headwflag td:nth-child(3)*/
	font-weight: bold;
	width: 140px; /* 120 is correct W for H=80; 140 gives space to L and R */
}
table.pt-headwflag td:nth-child(2) {
	font-size: 42pt;
	text-transform: uppercase;
}
table.pt-headwflag td.arabic {
	font-family: /*"Times New Roman", */serif;
}
/***************************************************************/
/* THIS IS THE TABLE OF LINKS TO ALL PERIODIC TABLES, OCCURING IN AN I-FRAME IN EACH PT PAGE*/
table.ptlinks {
	width: 60%;
}
table.ptlinks td, th {
	padding: 16px;
}
table.ptlinks tr.lhead {
}
table.ptlinks th {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	padding: 4px;
}
table.ptlinks td {
}
table.ptlinks td a {
	padding: 4px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: white;
}
table.ptlinks td a:hover {
	color: white;
	background-color: silver;
}
/***************************************************************/
/*DEPRECATED attribute WIDTH in element COLGROUP */
/* STYLE ADDED 29 NOV 18 FOR DEPRECATED attribute WIDTH in element COLGROUP */
table#center td, table#top-buttons td {
	width: 12%;
}
/* THE FOLLOWING STYLES ARE FOR THE TOPIC LINKS FOR EACH LANGUAGE FAMILY: Baltic, Celtic, etc. */
table.famtopix {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
table.famtopix th {
	font-size: 120%;
	text-align: left;
	padding: 0.5em;
}
table.famtopix a {
	/* the only a links in fam topix pages are the flags */
	padding: 10px;
}
table.famtopix a:link, table.famtopix a:visited {
	color: inherit;
	border-bottom: none;
}
table.famtopix a:focus, table.famtopix a:hover, table.famtopix a:active {
	color: Maroon;
}
table.famtopix img, table.famtopix img.blank {
	width: 100px;
	vertical-align: middle;
	border: 1px black solid;
}
table.famtopix img.blank {
	border: none;
}
table.topix tr.altrow {
	background-color: white;
}
table.topix td.ear-flag {
	/* this class will become obsolete with newly reformatted language topic pages */
	width: 53px;
	border: 10px yellow none;
	background-color: white;
}
/**************************************************************************/
/* THE FOLLOWING STYLES ARE FOR THE TOPIC LINKS FOR EACH LANGUAGE */
table.topix {
	width: 80%;
}
table.data th {
	font-size: 95%;
	font-variant: small-caps;
	text-align: center;
	text-transform: uppercase;
}
table.topix td {
	font-size: 120%;
	height: 3em;
	font-weight: bold;
	padding: 4px 12px;
}
table.topix a {
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	padding: 2px 6px;
}
table.topix a:link {
	/* FOR FLAG LINKS IN FAMILY LANG BUTTONS PAGES */
	border: thin black dashed; /* causes flags in generic family topic page to have link style */
}
table:lang(con).topix tr {
	/* because the Constructed languages background color is white */
	border: thin black dotted;
}
/**************************************************************************/
/* THE FOLLOWING STYLES ARE FOR ALL OF THE WORD TABLES */
table.data, table.family {
	margin-bottom: 1em;
}
table.data td, table.data th {
	text-align: left;
	border-style: solid none;
	border-color: #cacaca;
	border-width: 1px;
	padding: 6px;
}
table.data td.comb, table.family td.comb {
	/* USED IN FAMILY TABLES */
text-align: center;
}
table.data tbody tr:nth-child(even) {
	background-color: #F0F0F0;
}
table.data col:nth-child(1) {
/* used in Paradigm tables */
	width: 15%;
}
table.data .paradigm td {
	/*tbody*/
	color: red;
	font-size: 120%;
	width: 20%;
}
table.data tbody.paradigm em, table.data tbody.stemform td em {
	color: navy;
	font-weight: bold;
	font-style: normal;
}
table.data tbody.stemform tr {
	vertical-align: top;
}
table.data tbody.stemform td {
	padding: 6px 16px;
}
table.data img {
	height: 80px;
}
table.family td, table.family th {
	text-align: left;
	border-top: thin #cacaca solid;
	border-bottom: thin #cacaca solid;
	padding: 6px;
}
table.family th:nth-child(3), table.family th:nth-child(5),
table.family td:nth-child(3), table.family td:nth-child(5) {
	border-left: thin #cacaca solid;
}
/********************************************/
/* THE FOLLOWING ARE FOR THE COMBINED SEASON/DAY/MONTH PAGES */
td.sdm-l, td.sdm-r {
	vertical-align: top;
}
td.sdm-l {
	padding-right: 1em;
}
td.sdm-r {
	padding-left: 1em;
}
td.sdm-l td.sdm-head, td.sdm-r td.sdm-head {
	font-size: 135%;
	font-weight: bold;
	color: brown;
	border-top: none;
	padding: 1.5em 0 0.5em 0;
	text-transform: uppercase;
}
/********************************************/
/* THE FOLLOWING ARE FOR THE ALPHABET PAGES */
table.alphabet {
	border-collapse: separate;
	border-spacing: 10px;
	empty-cells: hide;
}
table.alphabet tr {
	background-color: white;
}
table.alphabet tr.trans {
	background-color: white;
	font-size: 120%;;
	color: maroon;
	font-family: "Times New Roman", Times, serif; /* added 24 Nov '19 */
}
table.alphabet td, td.blank {
	/* background-color:white; */
	border: thin maroon solid;
	padding: 4px;
	text-align: center;
	width: 10%;
}
table.alphabet .tdhead {
	font-size: 105%;
	font-weight: bold;
	font-variant: normal;
	background-color: white;
}
table.alphabet td.blank {
	border: none;
}
/* THE FOLLOWING ARE USED SOLELY FOR ARMENIAN */
table.alphabet tr.hy-caps, table.alphabet tr.hy-minis {
	/*
	font-family: "Sylfaen";
*/	
	font-size: 120%;
}
table.alphabet tr.hy-caps {
	background-color: #FFFF99;
}
table.alphabet tr.hy-minis {
	background-color: #CCFFCC;
}
table.alphabet tr.hy-west {
	background-color: #FFCCCC;
}
/**********************************************************************/
/* LEGEND tables are at the top of all Phonology Charts */
table.legend {
	border-collapse: collapse;
	width: auto;
}
table.legend, table.legend td {
	border: 1px black solid;
	/* font-family: "Segoe UI Light", sns-serif; */
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	padding: 6px;
}
table.legend col#c1 {
	width: 10%;
}
table.legend col#c2 {
	width: auto;
}
table.legend td.ipanum, table.chart tr.ipanum td {
	/* USED IN PHONOLOGY CHART PAGES */
	font-size: 75%;
	/* font-family: "Segoe UI Semibold", sns-serif; */
	font-family: "Segoe UI Semibold", "SF UI Display Light", Tahoma, Geneva, Verdana, sns-serif;
	background-color: #FBDFFF;
	text-align: center;
	padding: 1px 0;
}
tbody.mannerblock, colgroup.placeblock {
	border: 2px black solid;
}
.retroflexleftblock {
	border-left: 2px blue solid;
}
.retroflexrightblock {
	border-left: none;
}
table.chart {
	margin-bottom: 2em;
}
table.chart th, table.chart td {
	border: thin solid #666666;
	padding: 4px 2px;
	text-align: center;
}
table.chart td {
	font-size: 125%;
	font-family: "Times New Roman", Times, serif;
}
table.chart th {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
}
table.chart th.place {
	background-color: #C8FFFF;
}
table.chart th.manner {
	background-color: #FFFFCC;
}
/* ADDED 17 NOV '19 FOR VOWEL CHARTS */
table.vowchart {
	border: 2px black solid;
	width: 50%;
}
table.vowchart td {
	text-align: center;
}
table.vowchart tbody.vowelpos {
	border-top: thin black solid;
	border-bottom: thin black solid;
}
table.vowchart tbody.vowelpos td {
	padding: 0.25em 0;
}
table.vowchart th.left {
	text-align: left;
}
colgroup.central, colgroup.back, colgroup.front {
}
colgroup.front {
	background-color: #BDFFDE;
}
colgroup.central {
	background-color: #FFFFCC;
}
colgroup.back {
	background-color: #C8FFFF;
}
/* end of vowel chart styles */
/* GRAFM, NOIPA, IMPOS apply to both table.chart and table.legend */
td.grafm {
	/*font: "Segoe UI Semibold", sns-serif;*/
	font-size: 125%;
	font-weight: bold;
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	color: #313131;
	text-align: center;
}
table.chart td.grafm {
	background-color: honeydew;
}
td.grafm:before {
	content: "〈";
	font-size: large;
	color: navy;
}
td.grafm:after {
	content: "〉";
	font-size: large;
	color: navy;
}
td.impos {
	background-color: #444444;
}
td.noipa {
	background-color: #BBBBBB;
	text-align: center;
}
td.nip {
	/* NOT IN LANGUAGE PHONOLOGY */
	background-color: #FFED88;
}
/**********************************************************************/
/* THE FOLLOWING ARE FOR THE FULL LAYOUT PAGES FOR THINGS LIKE DAYS OF WEEK,
 SIMILAR TO AND EXTRACTED FROM THE ELEMENT PAGES */
table.gloss-page
}
table.gloss-page td.vertspace {
	width: 2px;
}
table.gloss-page td.lang-fam {
	vertical-align: top;
	width: 34%;
}
table.fam-box {
	border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	margin-bottom: 0.5em;
}
table.fam-box td.gloss {
	/*
	font:  "Segoe UI Semibold", sns-serif;
	font-weight: ;
	*/
	font-size: 120%;
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	vertical-align: middle;
	color: black;
	padding: 6px 12px;
	border: none;
}
table.fam-box tr {
	vertical-align: bottom;
}
table.fam-box th.gloss-flag {
	width: 2%;
	padding: 0 0 0 0.5em;
}
table.fam-box th.gloss-flag img {
	height: 25px;
	border: thin gray solid;
}
table.fam-box td.fam-title {
	font-size: 140%;
	font-weight: bold;
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	padding: 0 12px;
/*
	font: bold 140% "Segoe UI", sns-serif;
*/	
}
/* FONT FOR ARABIC ALPHABET; DUPLICATES ELEMENT_CARD.CSS*/
table.fam-box td#arabic, table.fam-box td#deva {
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	padding: 3px 0 3px 6px;
}
table.fam-box td#deva {
	font-family: Mangal, serif;
	font-size: 150%;
}
/**********************************************************************/
/* THE FOLLOWING ARE FOR THE UNICODE PAGES, ADDED 11 MARCH 2019*/
table.unicode {
	width: 50%;
	/* font-family: "Segoe UI", sns-serif; */
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
}
table.unicode th {
	font: bold 110%;
	text-align: left;
	color: navy;
	padding: 8px 0;
}
table.unicode td {
	border: thin red dotted;
	padding: 8px 4px;
}
table.unicode th:nth-child(odd), table.unicode td:nth-child(odd) {
	text-align: center;
	width: 10%;
}
table.unicode td:nth-child(1) {
	font: 130% "Segoe UI";
	color: green;
}
table.unicode td:nth-child(3) {
	font-weight: bold;
}
p.unicode-links {
	color: midnightblue;
}
/**********************************************************************/
/* THE FOLLOWING ARE FOR VERY SIMPLE TABLES WITH COLLAPSED, THIN BLACK SOLID BORDERS and CENTERED TDs */
table.simple {
}
table.simple th {
	text-align: center;
}
table.simple td, table.simple th {
	border: thin gray solid;
	padding: 6px 0;
	font-variant: normal;
}
/*
td.SULight {
	font: 140% "Segoe UI Light";
}
td.SUSemilight {
font: 140% "Segoe UI Semilight";
}
td.SURegular {
	font: 140% "Segoe UI";
}
td.SUSemibold {
	font: 140% "Segoe UI Semibold";
}
td.SUBlack {
	font: 140% "Segoe UI Black";
}
td.SUHistoric {
	font: 140% "Segoe UI Historic";
}
td.SULightBold {
	font: bold 140% "Segoe UI Light";
}
td.SUSemilightBold {
	font: bold 140% "Segoe UI Semilight";
}
td.SURegularBold {
	font: bold 140% "Segoe UI";
}
td.SUSemiboldBold {
	font: bold 140% "Segoe UI Semibold";
}
td.SUBlackBold {
	font: bold 140% "Segoe UI Black";
}
td.SUHistoricBold {
	font: bold 140% "Segoe UI Historic";
}
	*/
