/* last edited: Sat 09-Apr-2022 09:18:32 */
@media all {
	em {font-weight: bold;}
	.term {font-weight: bold; font-style: italic; padding: 0.1em}
	.greysample {color: lightgrey;text-decoration: line-through;}
	.centred {text-align: center}
	.exercise {
		background-color: lightgrey;
		border: medium black groove;
		border-radius: 15px;
		padding: .5em;
		}
	ol,ul {
	list-style-position: outside;
	}
	/* the following is used to indicate a list that has stages, e.g. in language development */
	.stages {
        list-style: none;
        counter-reset: num;
        list-style-position: inside;
        text-indent: -1.5em;
        margin-left: 1em;
	}
       .stages li:before {
	    counter-increment: num;
	    content: "Stage " counter(num) ": ";
	}
	.note {font-size: 1em; color:green; line-height: 1em;}
	.note:before {
		content: "Note: ";
	}
}
@media screen {
    body {background:#ffffea; margin: 5%; margin-top: 1em; font-family: Times, serif; font-size: 1.25em;line-height: 1.5em;text-align: justify;}
    a:link {color: #6b8e23}
    a:visited {color: #2f4f4f}
    a:hover {background-color: #ffe28a}
    h1,h2 {padding-left: .25em; padding-right: .25em;padding-bottom: 12pt;padding-top:12pt;
	border-radius: 5px;}
    h1 {
		font-size: 2em;text-align:left;
		width: 60%;
		margin:0;margin-bottom: -.25em;
		border-right: medium yellow outset;
		border-bottom: medium yellow outset;
		border-radius: 5px;
		background-color: #53d0db;color:ivory;
		}
    h2 {font-size: 1.75em;background-color: #fcf8f8;max-width:45%;text-align: left;}
    h3 {font-size: 1.5em;}
    h4 {font-size: 1.25em}
    emph {font-weight: bold; color:red;}
    em {font-weight: bold; color:red;}
    img {border: none;}
/* tables */
    table {font-size: 1em; line-height: 1.2em;}
	th {font-weight: bold; font-style: italic; background: #ccff66;padding: 0.5em;}
	td {background: #99cccc;padding: 0.5em; text-align: center}
	td.th {font-weight: bold; font-style: italic; background: #ccff66;padding: 0.5em; font-size: .75em; font-family: Times, serif;}
	input {font-size: 1.1em}
	option {font-size: 1.2em;font-weight: bold;}
/* forms */
    textarea {
	font-family: Arial Unicode MS, Lucida Sans Unicode;
	font-size:1em;
	width: 100%;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
    form {border: medium blue inset; padding: 1em;background-color: #f8f8f8;}
    label {font-weight: bold;}
    .button {background-color: #d4d0c8; border: thin white outset; padding-right: 0.35em; padding-left: 0.35em; padding-top: 0.2em; padding-bottom: 0.1em; font-family: sans-serif;}
/* span attributes */
	.citation {font-size: 0.85em; line-height: 1.25em; margin-left: 7.5%; margin-right: 12.5%;}
    .ipaU {font-family: Arial Unicode MS, Lucida Sans Unicode; font-size:1.4em;}
    .term {background-color: #ffffff; color: #ea0000; border: thin red groove; border-radius: 2.5px; padding-left: .25em;padding-right: .25em;}
    .important {font-weight: bold; color: red}
    .note {color:green;}
    .bib {text-indent: -.75em;margin-left: .75em}
    .footer {font-size: 0.8em}
    .topLink, .centImg , .centred {text-align: center}
	.error {font-weight: bold; color: red; font-style: italic;}
/* samples */
    .sample {background-color: yellow; text-align:center}
    .greensample {color: green;font-weight: bold;}
    .bluesample {color: blue; font-weight: bold;}
	}
@media print {
	h1 {font-size: 16pt;}
	h2 {font-size: 14pt;}
	h3 {font-size: 12pt;}
	p {font-size: 12pt;text-align: justify;}
	.footer {font-size: 8pt;}
	.term {border: thin black groove;}
	.greensample {font-weight: bold;border: thin black dotted;}
    .bluesample {font-weight: bold;border: thin black dashed;}
	table {border-collapse:collapse;}
	table,td,th {border: 1px solid black;padding:5px;}
	.ipaU {font-family: Arial Unicode MS, Lucida Sans Unicode; font-size:10pt;}
	.error {font-weight: bold; border: thin black groove; font-style: italic;padding-left: 0.5em;padding-right: 0.5em;}
}