/*this file controls the illiterate view*/
@font-face {
      font-family: "AiPaiNunavik";
      src: url("AiPaiNunavik.ttf");
}
#leftside {
  border-right: gray solid 2px;
  padding: 0px 0px 0px 5px;
  float: left;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: #99CCFF;
  width: 137px;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  height: 100%;
}
#leftside label:hover {
  background-color: #42A0FF;
  cursor: pointer;
}
.legend {
  text-align: center;
  height: 1em;
  width: 1em;
  margin: 0px;
  padding: 5px;
  display: inline;
  border: gray solid 1px;
}
#outputLength {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
}
#output_box {
  margin-top: 5px;
}
#output, #residue {
  width: 10em;
  height: 10em;
}
.residue {
  background-color: #bdb76b;
}
h1 {
  font-size: 18px;
  color: #005db6;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
}
h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
}
.btn {
  width: auto;
  padding: 0px 0px 20px 0px;
  overflow: visible;
  height: 22px;
}
.header {
  position: relative;
  background-color: #71B8FF;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  width: 10em;
  margin: 0px 0px 5px 0px;
  font-weight:bold;
  font-variant: small-caps;
}
.header1 {
  position: relative;
  display: block;
  cursor: pointer;
}
.header:hover {
  background-color: #42A0FF;
  cursor: pointer;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.help {
  border:  none;
  position: relative;
  left: 40px;
  top: 18px;
  clear: both;
}
.hidden {
  display: none;
}
#w3c img {
  position: fixed;
  bottom: 2px;
  left: 5px;
  z-index: 1;
}
img {
  border: none;
}
/* this section contains the right side definitions: main table and contents */
#GPCtable {
  left: 160px;
  position: absolute;
}
#GPCtable hr {
  left: 0px;
  position: relative;
  margin: 2px 0px;
  display: block;
  text-align: left;
}
#GPCtable td {
  border: 1px solid #bfbfbf;
  padding: 1px 4px;
  line-height: 1.1em;
  white-space: nowrap;
}
.gtotal, .gpcRowMax, .gpcRowTotal, .gpcComplexity, .rownum, .cv {
  text-align: center;
  padding: 0px 3px;
}
.low {
  background-color: #FFF7CD;
  vertical-align: top;
}
.mid {
  vertical-align: top;
  background-color: #FFEA6F;
}
.high {
  vertical-align: top;
  background-color: #FFBF00;
}
.page_links {
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
th {
  font-size: 0.8em;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  vertical-align: bottom;
  line-height: 1.2em;
  text-align: center;
  padding-left: 0px;
  background-color: white;
  font-weight: bold;
  white-space: nowrap;
}
tr {
  margin-top: 0px;
  margin-bottom: 0px;
}
.flag {
  float: right;
  position: relative;
  top: -1px;
  right: -5px;
}
.phoneme {
  font-family: "Doulos SIL","Charis SIL","Times New Roman",Times,serif;
  text-align: center;
  font-weight: inherit;
  font-size: 1.4em;
  background-color: #9AD2FF;
}
.hl1 { /*highlight */
  border-color: red ;
  background-color: #9fffa3;
}
.hl2 { /*highlight2 */
  background-color: #ff80c0;
}
.g {
  position: relative;
  font-family: "AiPaiNunavik", serif;
  font-weight: bold;
  font-size: 1.5em;
  color: #900000;
  margin: 0px;
  padding: 5px;
}
.key, .l2, .l3, .l4, .l5, .l6, .gpcCellTotal  {
  display: none;
}
a:link, a:active, a:visited {
  text-decoration: none;
}
.page_links a:hover {
  text-decoration: underline;
}
.page_footer {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* this section is for printing definitions */
@media print {
  #header, #SiteLogo, #SiteTitle, #mainnav, #leftside, #output, #outputLength, .page_links, .rownum, .gtotal, .gpcRowMax, .gpcRowTotal, .l2, .l3, .l4, .l5, .l6 { display : none;
  }
  #mainContent, #GPCtable{
    position: static;
  }
  #explanations,#table2 {
    position: static;
    page-break-before: always;
  }
  table td {
    margin: 0px 0px 0px 0px ;
    padding: 2px 0px 2px 5px ;
  }
  body {
    color : #000000;
    background : #ffffff;
    font-family : "Times New Roman", Times, serif;
    font-size : 10pt;
  }
  h1 {
  font-size: 2em;
  }
  .g {
    position: relative;
    font-family: "AiPaiNunavik", serif;
    font-weight: bold;
    font-size: 1.5em;
    color: #900000;
    margin: 0px;
    padding: 5px;
  }
}