/* GENERAL STYLES */

html {
  overflow-y: scroll;
  background: #182F48;
}

/* Special font faces */

@font-face {
    font-family: CMUSerif;
    src: url("../fonts/cmunrm.ttf");
}

/* Body styles */

body
{
  color: #293340;
  font-family: sans-serif;
  margin: 0;
}


body.popup
{
  font-family: sans-serif;
  font-size: 90%;
}

/* Header styles */

h4, h5, h6 { color: Black; }

h1 {
  font-family: 'Lato', Helvetica, sans-serif;
  color: #4694E4;
  font-size: 160%;
  text-align: center;
  margin: 2em 0;
}

h2 {
  font-family: 'Lato', Helvetica, sans-serif;
  color: #4694E4;
  font-size: 140%;
  text-align: center;
  padding: 0.5em 0;
  border-top: solid 3px #eee;
  border-bottom: solid 3px #eee;
  margin: 3em 0 1em;
}

h3 {
  color: #4694E4;
  font-size: 110%;
  text-align: center;
  margin: 1em 10% 1em 10%;
}

/* Paragraph styles */

p {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 110%;
  margin: 1.5em 0;
  text-align: left;
  line-height: 1.5em;
}

p.td {
  font-size: 1em;
  margin: 1em;
}

p.center {
  text-align: center;
  line-height: normal;
}

p.indent {
  margin: 1em 11% 1em 11%;
}

p.right {
  text-align: right;
}

p.left {
  text-align: left;
}

p.smallprint_center {
  margin: 1em;
  font-size: 83.33%;
  text-align: center;
  line-height: normal;
}

p.footnote {
  margin: 1em 2em;
  font-size: small;
}

p.center_caption {
  margin: 1em;
  text-align: center;
  line-height: normal;
}

p.double_indent {
  margin: 1em 14% 1em 14%;
}

p.tab_header {
  margin: 0em;
  font-size: 100%;
  text-align: center;
  line-height: normal;
}

p.tab_sub_header {
  margin: 0em;
  font-family: sans-serif;
  font-size: 100%;
  text-align: center;
  line-height: normal;
}

p.citation {
  font-style: italic;
  color: #404040;
  text-align: left;
  margin: 2em 12%
}

p.information_box {
  display: inline-block;
  width: 80%;
  color: #404040;
  font-style: italic;
  font-size: smaller;
  background: HoneyDew;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  margin: 4em 0em;
  padding: 1em;
}

p.sub_heading {
  margin: 1em 0 0;
  font-size: 100%;
  text-align: left;

  font-weight: bold;
}

/* Subscript and superscript styles */

sup, sub {
  font-size: 75%;
  vertical-align: 0;
  position: relative;
}

sup { bottom: 1ex; }
sub { top: 0.5ex; }

/* General inline (span) styles */

span.smaller {
  font-size: smaller;
}

span.hilite {
  background-color: yellow;
  text-decoration: none;
}

span.hidden {
  visibility: hidden;
}

span.nobr { 
  white-space: nowrap;
}

span.normal {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 83.33%;
  color: #293340;
}

span.formula {
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
  color: #0000a0;
}

span.code_plain {
  font-family: monospace;
  font-weight: bold;
  font-size: 1.25em;
}

td.formula {
  font-family: serif;
  font-size: 100%;
  white-space: nowrap;
  color: #0000a0;
}

td.formula_right {
  font-family: serif;
  font-size: 100%;
  white-space: nowrap;
  color: #0000a0;
  text-align: right;
}

span.formula_smallprint {
  font-family: serif;
  font-size: 100%;
  white-space: nowrap;
  color: #0000a0;
}

span.formula_normal {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 83.33%;
  color: #0000a0;
}

span.formula_inline {
  font-family: serif;
  font-size: 120%;
}

span.normal_small {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 83.33%;
}

span.code {
  font-family: monospace;
  color: #0000a0;
  font-size: 120%;
}

span.code_strong {
  font-family: monospace;
  font-weight: bold;
  color: #0000a0;
  font-size: 120%;
}

span.strikethru { text-decoration: line-through; }
span.underline { text-decoration: underline; }
span.overline { text-decoration: overline; }
span.ul { text-decoration: underline; }

span.black {
  color: #000000;
  font-weight: bold;
}

span.red { color: #ff0000; }
span.green { color: #00c000; }
span.blue { color: #0000ff; }
span.purple { color: #800080; }

span.tl_red { color: #f00000; }
span.tl_amber { color: #FF8C08; }
span.tl_green { color: #00c000; }

span.comment { color: #008000; }

span.px16 { font-size: 100%; }
span.px18 { font-size: 112.5%; }
span.px20 { font-size: 125%; }
span.px22 { font-size: 137.5%; }
span.px24 { font-size: 150%; }
span.px26 { font-size: 162.5%; }
span.px28 { font-size: 183.33%; }
span.px30 { font-size: 187.5%; }
span.px32 { font-size: 200%; }

span.copyright {
  font-size: 83.33%;
  color: #cccccc;
}


/* Sitemap styles */

div.sitemap {  
  display: inline-block;  
  margin: 10px auto;
  padding: 0;
}

div.sitemap_group {
  float: left;
  min-width: 250px;
  margin: 0;
  padding: 0;
}

div.sitemap_section {
  width: 100%;
  margin: 0 0 2em;
  padding: 0;
}

ul.sitemap_section {
  padding: 0;
  margin: 0;
}

div.sitemap_section ul {
  list-style: none;
  margin: 0.25em 1em;
}

div.sitemap_section li {
  line-height: 1.5em;
  margin: 0;
  border-style: none none solid none;
  border-width: 1px;
  border-color: #cccccc;
}

div.sitemap_section li.level-01 { padding: 0 0.25em 0 0.25em; }
div.sitemap_section li.level-02 { padding: 0 0.25em 0 1.25em; }
div.sitemap_section li.level-03 { padding: 0 0.25em 0 2.25em; }
div.sitemap_section li.level-04 { padding: 0 0.25em 0 3.25em; }

div.sitemap_section li.level-01:hover,
div.sitemap_section li.level-02:hover,
div.sitemap_section li.level-03:hover,
div.sitemap_section li.level-04:hover
{
  color: #1abc9c;
  text-decoration: underline;
}

li.level-01 { background-color: rgba(224, 238, 238, 0.8); }
/* li.level-02 { background-color: rgba(240, 255, 100, 0.5); }
li.level-03 { background-color: rgba(240, 240, 180, 0.5); }
li.level-04 { background-color: rgba(240, 255, 240, 0.5); } */

div.sitemap a {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 100%;
  color: #1abc9c;
  text-decoration: none;
  font-weight: normal;
}


/* LINK PAGE STYLES */

div.links {
  display: inline-block;  
  margin: 10px auto;
  padding: 0;
}

div.links_group {
  float: left;
  min-width: 260px;
  margin: 0;
  padding: 0;
}

ul.links_column {
  padding: 0;
  margin: 0 1.25em;
  list-style: none;
}

ul.links_column li {
  padding: 5px 10px;
	border-style: none none solid none;
  border-width: 1px;
  border-color: #dddddd;
	margin: 0;
  font-size: 90%;
  line-height: 1.5em;
}
  
ul.links_column li:hover{
  /* background-color: rgba(250, 250, 200, 0.5); */
  color: #1abc9c;
  text-decoration: underline;
}

ul.links_column a {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 110%;
  color: #1abc9c;
  text-decoration: none;
  font-weight: normal;
}


/* INDEX STYLES */

div.index {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

span.index {  
  width: 220px;
  text-align: left;
  line-height: 1.5em;
}

span.index a {
  color: #1abc9c;
  font-family: monospace;
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}

span.index a:hover{
  text-decoration: underline;
}

div.index_domain {
  text-align: center;
}

div.index_domain span {
  text-align: center;
  line-height: 1.5em;
  margin: 0.25em;
}

div.index_domain a {
  color: #1abc9c;
  font-family: monospace;
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}

div.index_domain a:hover{
  text-decoration: underline;
}


/* SECTION MENU STYLES */

div.section {  
  display: inline-block;  
  margin: 0 0 5em auto;
  padding: 0;
}

div.section_group {
  float: left;
  min-width: 275px;
  margin: 0;
  padding: 0;
}

ul.section_column {
  padding: 0;
  margin: 0 1.25em;
  list-style: none;
}

ul.section_column li {  
  padding: 5px 10px;
	border-style: none none solid none;
  border-width: 1px;
  border-color: #dddddd;
	margin: 0;
  font-size: 90%;
  line-height: 1.5em;  
}

ul.section_column li:hover{  
  /* background-color: rgba(250, 250, 200, 0.5); */
  text-decoration: underline;
  color: #1abc9c;
}

ul.section_column li a {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 110%;
  color: #1abc9c;
  text-decoration: none;
  font-weight: normal;
}


/* MOBILE MENU STYLES */

ul.mobile_menu {
  padding: 0;
  margin: 0 0 2em 0;
}

ul.mobile_menu li {
  padding: 5px 10px;
	border-style: none none solid none;
  border-width: 1px;
  border-color: #eeeeee;
  background-color: #f8f8f8;
	margin: 0;
  font-size: 120%;
  font-weight: normal;
  font-variant: small-caps;
  list-style: none;
}

ul.mobile_menu li:hover{  
  background-color: #f0f0f0;
}

ul.mobile_menu li a {
  color: #1abc9c;
  text-decoration: none;
}

ul.mobile_menu li a:hover {
  text-decoration: underline;  
}

ul.mobile_menu li.dead {  
  background-color: #fafbc9;  
}

ul.mobile_menu li.dead a {
  text-decoration: none;
  color: #404040;
}

/* Electrical principles - answers to problems styles */

div.answer {
  margin: auto;
  padding: 20px 10px 40px 10px;
}


/* Emphasis strong */

em.strong { font-weight: bold }



/* General list styles */

ul {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 5%;
  margin-right: 5%;
  padding: 0 0 0 0.5em;
}

ul.sub {
  margin-left: 1%;
  margin-right: 1%;
}

ol {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 3%;
  margin-right: 3%;
  padding: 0 0 0 0.5em;
}

ol.alpha {
  list-style-type: lower-alpha;
}

ol.upper_roman {
  list-style-type: upper-roman;
}

li {
  text-align: left;
  margin: 0.75em 0 0.75em 0;
  line-height: 1.5em;
}

li.sub {
  margin-left: 0.25cm;
  margin-right: 2.0cm;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 150%;
}

ul.nostyle {
  list-style: none;
}

ul.nostyle_intable {
  list-style: none;
  margin: 2em 4em;
}


/* General table styles */

table {
  border-style: solid;
  border-width: 1px;
  border-color: #a0a0a0;
  border-collapse: collapse;
  margin: auto;
  border-spacing: 0;
  max-width: 80%;
}

table.hide {
  border-style: none
}

table.hide_no_indent {  
  margin: 0;
}

table.search{
  border-style: none;
  padding: 0;
  margin: 0;
  width: 300px;
}

caption {
  background: #bfc8df;
  color: #404040;
  padding: 1em 0;
  font-weight: bold;
  border-bottom: solid 1px #404040;
}

tfoot td {
  background-color: #eef2fc;
}

tfoot ol {
  margin: 0 10%;
}

th {
  padding: 0.5em 0.75em;
  border-style: none solid none none;
  border-color: #a0a0a0;
  border-width: 1px;
  color: white;
  background-color: #606060;
  font-size: 83%;
}

th.num {
  text-align: center;
  font-family: serif;
}

td {
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0a0a0;
  font-size: 83.33%;
}

td.title {
  padding: 12px 4px;
  text-align: center;
  color: #000000;
  background-color: #ffe662;
  font-size: 100%;
}

td.title_lh_noborder {
  padding: 12px 4px;
  text-align: left;
  border-style: solid solid none solid;
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
  font-size: 100%;
}

td.header {
  padding: 8px 4px;
  text-align: left;
  color: #000000;
  background-color: #fff8b0;
}

td.header_center {
  padding: 8px 4px;
  text-align: center;
  color: #000000;
  background-color: #fff8b0;
}

td.header_center_hide {
  text-align: center;
  border-style: none;
  border-width: 0px;
}

td.header_key {
  padding: 8px 4px;
  text-align: left;
  color: #000000;
  background-color: #fff8b0;
}

td.content {
  text-align: left;
  vertical-align: top;
}

td.content_right {
  text-align: right;
  vertical-align: top;
}

td.content_center {
  text-align: center;
  vertical-align: top;
}

td.content_mid {
  text-align: left;
  vertical-align: middle;
}

td.label_mid {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

td.content_center_mid {
  text-align: center;
  vertical-align: middle;
}

td.content_hide {
  text-align: left;
  vertical-align: top;
  border-style: none;
}

td.hide_all_numeric {
  border-style: solid;
  border-color: white;
  font-size: 90%;
}

td.content_center_hide {
  text-align: center;
  vertical-align: top;
  border-style: none;
}

td.content_right_hide {
  text-align: right;
  vertical-align: top;
  border-style: none;
}

td.content_mid_hide {
  text-align: left;
  vertical-align: middle;
  border-style: none;
}

td.hide {
  border-style: none;
  white-space: nowrap;
}

td.content_center_contrast {
  text-align: center;
  vertical-align: top;
  color: #4080ff;
}

td.code {
  text-align: left;
  vertical-align: top;
  font-family: monospace;
  color: #0000a0;
  font-size: 100%;
}

td.code_mid {
  text-align: left;
  vertical-align: middle;
  font-family: monospace;
  color: #0000a0;
  font-size: 100%;
}

td.code_mid_center {
  text-align: center;
  vertical-align: middle;
  font-family: monospace;
  color: #0000a0;
  font-size: 100%;
}

td.keywords_hide {
  text-align: left;
  border-style: none;
  white-space: nowrap;
  font-family: monospace;
  font-size: 1rem;
  color: #0000a0;
  padding-right: 3em;
}

td.hsl_header{
  border-style: none;
  text-align: center;
  font-weight: bold;
}

td.hsl_sidebar{
  border-style: none;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

td.hsl_colour{
  border-style: none;
  text-align: left;
  vertical-align:top;
  font-weight: bold;
}

td.hsl_label_top {
	width: 5em;
  padding: 0;
	border-style: none;
  text-align: center;
  vertical-align: middle;
  font-size: 80%;
}

td.hsl_label_side {
	border-style: none;
  text-align: right;
  vertical-align: middle;
  font-size: 80%;
}

td.ent_sym {
  color: #000000;
  text-align: center;
  vertical-align: middle;
  font-size: 200%;
}

td.index {
  padding: 0.25em 0.75em;
  border-style: none;
  white-space: nowrap;
  color: #1abc9c;
  font-weight: normal;
  font-size: 80%;
  text-align: left;
}

td.index a {
  font-size: 110%;
  color: #1abc9c;
}

th.block_header {
  padding: 0.75em 0.5em 0.75em 0.5em;
  vertical-align: middle;
  font-size: 100%;
  background-color: #ffe662;
}

table.alt {
  border: none;
}

table.alt tr:nth-child(odd){
  background-color: #f8f8f8;
}

table.alt tr:nth-child(even){
  background-color: #e8e8e8;
}

table.alt th, table.trig th {
  border: 1px solid #808080;
}

table.alt td, table.trig td {
  border-style: none solid none none;
  border-color: #e0e0e0;
  padding: 0.75em 0.5em;
}

table.alt td:last-child, table.alt th:last-child {
  border-style: none;
}

table.alt td:last-child, table.alt th:last-child {
  border-style: none;
}

table th:last-child {
  border-style: none;
}

table.alt th, table.trig th{
  background-color: #606060;
  border-style: none solid none none;
  color: white;
}

/* Alternate columns */

table.alt-horizontal, table.alt-columns {
  border: none;
}

table.alt-horizontal td:nth-child(odd), table.alt-columns td:nth-child(odd) {
  background-color: #e8e8e8;
}

table.alt-horizontal td:nth-child(even), table.alt-columns td:nth-child(even){
  background-color: #f8f8f8;
}

table.alt-columns th:nth-child(even) {
  background-color: #7080cc;
}

table.alt-horizontal td, table.alt-horizontal th, table.alt-columns td, table.alt-columns th {
  border-style: none none solid none;
  border-color: #e0e0e0;
  padding: 1em 0.5em;
}

table.alt-horizontal tr:last-child td, table.alt-horizontal tr:last-child th, table.alt-columns tr:last-child td, table.alt-columns tr:last-child th {
  border-style: none;
}

table.alt-horizontal th, table.alt-columns th {
  background-color: #5765bb;
  border-color: #7080cc;
  color: white;
}

table.alt-horizontal td.row_filler
{
  padding: 0;
  background: #e0e0e0;
}

table.alt td.filler {
  background: #b0b0b0;
  border-style: none;
  padding: 1px;
}

td.nobreak_label {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* CSS PROPERTY TABLE STYLES */
table.css_prop {
  width: 80%;
  border: none;
}

table.css_prop caption {
  color: #eeeeff;
  font-family: monospace;
  background-color: #36304A;
  padding: 0.5em 0;
  font-size: 200%;
  font-weight: normal;
}

table.css_prop tr:nth-child(even){
  background-color: #f0f0f0;
}

table.css_prop td {
  padding: 0.75em;
  border: none;
  text-align: left;
}

table.css_prop th {
  width: 7.5em;
  padding: 0.75em;
  border: none;
  background: transparent;
  text-align: left;
  color: black;
}

/* END OF CSS PROPERTY TABLE STYLES */

table.media {
  border: none;
}

table.media tr:nth-child(odd){
  background-color: #f0f0f0;
}

table.media th, table.trig th {
  border: 1px solid #808080;
}

table.media td, table.trig td {
  border: none;
}

table.media th, table.trig th{
  background-color: #36304A;
  color: white;
}

table.media td {
  padding: 0.5em 1em;
}

/* Image styles */

img { max-width: 100%; height: auto; border-style: none }

/* Link styles */

a {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 85%;  
  text-decoration: none;
  color: #cccccc;
  margin: auto;
}

caption a {
  color: #6080cc;
}

a:hover {
  text-decoration: underline;
}

a.dead {
  color: #404040;
}

a.inline {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 100%;
  color: #1abc9c;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

div.top_of_page_link a {
  color: #1abc9c;
}

span.botnav a {  
  color: #cccccc;
  padding: 0 1em;
}

/* NAV BAR STYLES */

div.bar {
  width: 100%;
  min-height: 5em;
  clear: both;
  text-align: center; 
  background: #182F48;
  padding: 0;
  margin: 0;
}

div.bar a {
  font-variant: small-caps;
  display: inline-block;
  color: #eeeeee;
  font-size: 90%;
  font-weight: normal;
  margin: 0.5em;
}

div.bar span {
  color: #ffffff;
  font-size: 83.33%;
  font-weight: bold;
  margin: 0.5em 0;
}

div.bar a:hover {
  text-decoration: underline;
}

div.bar a.dead {
  color: #ccff00;
}

div.bar a.dead:hover {
  text-decoration: none;
}

div.topnav_right a {
  position: relative;
  right: 5%;
}

div.topnav_home a {
  position: relative;
  left: 5%;
}

div.topnav_left a {
  padding: 0.25em 0.5em;
  /* border: 1px solid #808080;
  border-radius: 5px; */
}

div.topnav_left a.dead {
  color: #ffee00;
  /* border: 1px solid #e06000; */
}

/* CONTAINERS */

div.wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
  vertical-align: top;
  background: #ffffff;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

div.content {
    border: solid 1px rgba(255, 255, 255, 0);
    margin: 0;
    text-align: center;
    vertical-align: top;   
    padding: 0 15%;
    background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    min-height: 420px;
}

#MobileMenu {
  float: left;
  width: 100%;
  margin: 0;    
  /*background: rgba(255, 255, 255, 0);*/
  position: relative;
  left: 0px;
  z-index: 1;
}

header { 
  width: 100%;
  font-size: 100%;
  text-align: center;
  /*background: rgba(255, 255, 255, 0.9);*/
  background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  /*background: #ffffff;*/
}

div.table_scroll {
  height: 100%;
  overflow-x: visible;
  margin: 0 0.25em;
  padding: 0;
}

footer {
  clear: both;
  text-align: center;
  width: 100%;  
  padding-top: 5px;
  background: #182F48;
}

div.logo {
  padding: 10px;
}

div.search {
	margin: 0.5em 0.6em;
  padding: 0.25em;
}

div.search_inner {
  font-size: small;
	margin: 0.5em;
  text-align: center;
}

div.float_left {
  float: left;
  text-align: left;
}

div.float_right {
  float: right;
}

div.nav_burger_nav {
  width: 100%;
  text-align: center;
  padding: 10px;
}

div.topnav_right {
  padding: 6px 0px 12px 0px;
  height: 23px;
  float: right;
  text-align: left;
}

div.topnav_home {
  padding: 6px 0px 12px 0px;
  height: 23px;
  float: left;
  text-align: right;
}

div.botnav_link {
  float: left;
  width: 6em;  
  height: 41px;
  line-height: 41px;
  text-align: center;
}

div.center {
  width: 100%;
  text-align: center;
}

div.center_clear {
  display: block;
  border: solid 1px black; 
  clear: both;
  text-align: center;
}

div.block
{
  display: inline-block;
}

div.pad
{
  margin: 1em;
}

div.top_of_page_link {
  width: 100%;
  text-align: center;
}

div.index_link {
  font-weight: normal;
  font-size: 83%;
  float: right;
}

/* NAVIGATION STYLES */

ul.menu, ul.page, ul.links, ul.burger {  
  width: 240px;
  padding: 0;
  margin: 0 30px;
  list-style: none;
}

ul.home {
  width: 240px;
  padding: 0;
  margin: 0 30px;
  list-style: none;
}

ul.burger li {
  padding: 2px 15px 1px 14px;
	margin: 10px 0px 10px 0px;
  line-height: 125%;
}

ul.home li {
  padding: 4px 10px;
  background: #6DdFFF;
	border-style: none none solid none;
  border-width: 1px;
  border-color: #4dbeee;
	margin: 1em 0 0 0;
  font-size: 90%;
  line-height: 1.5em;
}

ul.home li:hover{
  background: #5DCFFF;  
}

ul.home a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

ul.menu li {  
  padding: 4px 10px;
  background: #f8ffff;
	border-style: none none solid none;
  border-width: 1px;
  border-color: #eeeeee;
	margin: 0;
  font-size: 90%;
  line-height: 1.5em;
}

ul.menu li:hover{    
  background: #f0f8f8;
}

ul.menu a {
  color: #6060cc;
  text-decoration: none;
  font-weight: normal;
}

ul.page li {
  padding: 4px 10px 4px 50px;
  background: #fdfdfd;
	border-style: none none solid none;
	border-width: 1px;
  border-color: #eeeeee;
	margin: 0;
  font-size: 90%;
  line-height: 1.25em;
}

ul.page li:hover{
  background: #f8f8f8;
}

ul.page a {
  color: #6060cc;
  text-decoration: none;
  font-weight: normal;
}

div.internal_menu {
  display: inline-block;  
  margin: 2em auto 2em;
  padding: 0;
}

li a {
  display: block;
}

/* CONTENT STYLES */

/* MATHS AND PHYSICS STYLES */

p.formula_indent {
  color: #0000a0;
  font-family: serif;
  text-align: left;
  font-weight: normal;
  margin: 1em 5% 1em 5%;
  font-size: 120%;
  white-space: nowrap;
}

li p.formula_indent {
  margin: 1em 1% 1em 1%;
}

span.formula_plain {
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
}

table.formula {
  border-style: none;
  margin: 1em 5%;
  color: #0000a0;
  font-family: serif;
  font-weight: normal;
}

table.formula tr:nth-child(odd), table.formula tr:nth-child(even){
  background-color: transparent;
}

table.formula_auto {
  border-style: none;
  margin: auto;
  color: #0000a0;
  font-family: serif;
  font-weight: normal;
  font-size: 120%;
}

table.formula_auto tr:nth-child(odd), table.formula_auto tr:nth-child(even){
  background-color: transparent;
}

table.formula_hide {
  border-style: none;
  margin: 0;
  color: #0000a0;
  font-family: serif;
  font-weight: normal;
}

table.fra {
  border-style: none;
  margin: 0;
  color: #0000a0;
  font-family: serif;
  font-weight: normal;
}

li table.formula {
  margin: 1em 1% 1em 1%;
}

table.formula td {
   border-style: none;
   margin: 0;
   padding: 0 4px;
   color: #0000a0;
   border-color: #0000a0;
   font-family: serif;
   font-size: 120%;
   text-align: center;
   white-space: nowrap;
}

table.formula_hide td, table.formula_auto td {
   border-style: none;
   margin: 0;
   padding:0;
   color: #0000a0;
   border-color: #0000a0;
   font-family: serif;
   font-size: 83.333%;
   text-align: center;
}

table.formula td.numerator, table.formula td.numerator_plain, table.formula_auto td.numerator {
  border-bottom-style: solid;
  border-width: 1px;
  vertical-align: bottom;
}

table.formula td.numerator_hide_bar, table.formula td.numerator_lim {
  vertical-align: bottom;
}

table.formula td.formula_mid {
  padding: 0 4px;
  vertical-align: middle;  
}

table.formula td.numerator_center {
  text-align: center;
  vertical-align: bottom;
}

table.formula td.inline_numerator {
  font-size: 83.33%;
  border-bottom-style: solid;
  vertical-align: bottom;
}

table.formula td.inline_numerator_hide_bar {
  font-size: 83.33%;
  vertical-align: bottom;
}

table.formula td.denominator, table.formula td.denominator_lim {
  vertical-align: top;
  background: transparent;
}

table.formula td.denominator_center {
  text-align: center;
  vertical-align: top;
}

table.formula td.inline_denominator {
  font-size: 83.33%;
  vertical-align: top;
}

td.header_center_numeric {
  padding: 8px 4px;
  font-family: serif;
  text-align: center;
  color: #000000;
  background-color: #fff8b0;
}

td.content_numeric {
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
  color: #0000a0;
}

td.content_center_numeric {
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
  color: #0000a0;
  text-align: center;
}

td.content_trig {
  font-family: serif;
  font-size: smaller;
  white-space: nowrap;
  color: #0000a0;
  text-align: center;
}

td.content_center_numeric_grey {
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
  color: #cc8080;
  text-align: center;
}

td.operator {
  font-family: monospace;
  text-align: center;
  color: #0000a0;
  font-size: 120%;
}

td.numeric
{
  font-family: serif;
  text-align: center;
  color: #0000a0;
  font-size: 90%;
}

td.numeric_right {
  font-family: serif;
  text-align: right;
  color: #0000a0;
  font-size: 90%;
}

td.ascii_o
{
  font-family: serif;
  text-align: center;
  color: #0000a0;
  background: #ddddff;
  font-size: 90%;
}

td.ascii_e
{
  font-family: serif;
  text-align: center;
  color: #0000a0;
  background: #eeeeff;
  font-size: 90%;
}

td.table_spacer
{
  background-color: #e0e0e0;
  border-style: none;
  padding: 1px;
}

td.formula_left {
  font-family: serif;
  font-size: 110%;
  white-space: nowrap;
  color: #0000a0;
  text-align: left;
}


/* Synthetic division only */

table.formula td.synth_div { width: 3em; text-align: right; padding: 2px; font-size: 100%; margin: 0 }
table.formula td.synth_div_lb { width: 3em; text-align: right; padding: 2px; font-size: 100%; border-left-style: solid; margin: 0 }
table.formula td.synth_div_bb { width: 3em; text-align: right; padding: 2px; font-size: 100%; border-bottom-style: solid; margin: 0 }
table.formula td.synth_div_lb_bb { width: 3em; text-align: right; padding: 2px; font-size: 100%; border-style: none none solid solid; margin: 0 }

/* End of synthetic division */

td.numeric_center_mid {
  text-align: center;
  vertical-align: middle;
}

td.fra_top { padding: 0px; border-style: none none solid none; border-color: #000000; text-align: center; vertical-align: bottom; font-family: serif; font-size: 83.33% }

td.fra_bot { padding: 0px; border-style: none; text-align: center; vertical-align: top; font-family: serif; font-size: 83.33% }
td.fra_sgn { border-style: none; padding: 0px; width: 1em; font-family: serif; font-size: 100% }

table.formula td.par_00 { padding: 0 0 2px 0; font-size: 150%; vertical-align: middle; font-family: "CMUSerif", serif; }
table.formula td.par_01 { padding: 0 0 4px 0; font-size: 225%; vertical-align: middle; font-family: "CMUSerif", serif; }
table.formula td.par_02 { padding: 0 0 6px 0; font-size: 300%; vertical-align: middle; font-family: "CMUSerif", serif; }
table.formula td.par_03 { padding: 0 0 8px 0; font-size: 450%; vertical-align: middle; font-family: "CMUSerif", serif; }


/* Matrices only */

table.mx { border-collapse: separate; border-spacing: 5px; border-style: none; margin: 1em 5% 1em 5% }
table.mx_hl { border-collapse: separate; border-spacing: 5px; border-style: none; margin: 1em 11% 1em 11%; background-color: #ddddee; }
table.mx td { white-space: nowrap; }
table.mx_hl td { white-space: nowrap; }

td.mx_l {
  width: 4px;
  min-width: 4px;
  padding: 0px;
  border-style: solid none solid solid;
  border-color: #000000;
  margin: 0;
  border-width: 2px;
}
td.mx_r {
  width: 4px;
  min-width: 4px;
  padding: 0px;
  border-style: solid solid solid none;
  border-color: #000000;
  margin: 0;
  border-width: 2px;
}
td.mx_e { 
  padding: 4px;
  border-style: none;
  margin: 0; color: #0000a0;
  font-family: serif;
  font-size: 100%;
  font-weight: normal;
  text-align: right
}
td.mx_e_center { padding: 4px; border-style: none; margin: 0; color: #0000a0; font-family: serif; font-size: 100%; font-weight: normal; text-align: center }
td.mx_p { padding: 4px; border-style: none; margin: 0; color: #0000a0; font-family: serif; font-weight: normal; text-align: right; vertical-align: middle; font-size: 100% }
td.mx_exp { padding: 4px; border-style: none; margin: 0; color: #0000a0; font-family: serif; vertical-align: top; font-size: 100% }
td.mx_label { width: 10em; padding: 4px; border-style: none; text-align: right; font-size: 83.33% }
td.mx_numerator { padding: 0; font-size: 100%; border-style: none none solid none; border-color: #0000a0; color: #0000a0; font-family: serif; font-weight: normal; vertical-align: bottom }
td.mx_denominator { padding: 0; font-size: 100%; border-style: none; color: #0000a0; font-family: serif; font-weight: normal; vertical-align: top }
td.mx_spacer { border-style: none }
td.mx_det { padding: 0px; border-style: none none none solid; border-width: 2px; border-color: #000000; margin: 0 }
td.mx_aug { padding: 0px; border-style: none none none solid; border-width: 1px; border-color: #808080; margin: 0 }
td.mx_sigma { padding: 0px; border-style: none; margin: 0; color: #0000a0; font-family: serif; font-size: 36px; vertical-align: middle }
td.mx_sigma_limits { padding: 0px; border-style: none; margin: 0; color: #0000a0; font-family: serif; font-size: 83.33% }
td.mx_v { border-style: none; color: #0000a0; font-family: serif; font-size: 100%; font-weight: normal }

table.mx td.par_00 { padding: 0px 0px 0px 0px; font-family: "CMUSerif", serif; font-size: 150%; vertical-align: middle; border-style: none; }
table.mx td.par_01 { padding: 0px 0px 0px 0px; font-family: "CMUSerif", serif; font-size: 225%; vertical-align: middle; border-style: none; }
table.mx td.par_02 { padding: 0px 0px 0px 0px; font-family: "CMUSerif", serif; font-size: 350%; vertical-align: middle; border-style: none; }
table.mx td.par_03 { padding: 0px 0px 0px 0px; font-family: "CMUSerif", serif; font-size: 500%; vertical-align: middle; border-style: none; }

/* End of matrices */

/* Arithmetic only */

p.arithmetic
{
  color: #0000a0;
  margin: 1em 5% 1em 5%;
  font-family: serif;
  font-size: 120%;
  font-variant-numeric: tabular-nums;
}

p.arithmetic span.h { visibility: hidden; }

p.arithmetic span.u
{
  padding-bottom: 0.2em;
  border-bottom: solid 1px;
}

p.arithmetic span.a { font-weight: bold; }

p.arithmetic span.c { color: red; }

p.arithmetic span.s { text-decoration: line-through; }

p.arithmetic span.ldiv
{
  padding-top: 0.2em;
  border-top: solid 1px;
  border-left: solid 1px;
}

table.arithmetic_facts
{
  font-family: serif;
  font-size: 100%;
  font-weight: normal;
  color: #0000a0;
}

table.arithmetic_facts td {
  padding: 6px;
  border-style: none solid solid none;
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
}

table.arithmetic_facts td.row {
  background-color: #404080;
  color: #ffffff;
}
  
table.arithmetic_facts td.head {
  background-color: #404080;
  color: #ffffff;
}

table.arithmetic_facts td.corner {
  background-color: #8080ff;
  color: #ffffff;
}

table.arithmetic {
  border-style: none;
  margin: 1em 11% 1em 11%;
  color: #0000a0;
  font-family: serif;
  font-weight: normal;
}

table.arithmetic td {
  border-style: none;
  padding: 1px;
  font-size: 100%;
  text-align: center;
  border-color: #0000a0;
}

table.arithmetic td.l {
  text-align: left;
}

table.arithmetic td.ltxt {
  padding: 6px;
  text-align: left;
  font-family: sans-serif;
}

table.arithmetic td.u {
  border-bottom-style: solid;
}

table.arithmetic td.ov {
  border-top-style: solid;
}

table.arithmetic td.vbar {
  border-right-style: solid;
}

table.arithmetic td.carry {
  color: #ff0000;
  font-size: 83.33%
}

table.ttt td {
  padding: 5px;
  border-style: none;
  font-size: 100%;
  font-family: serif;
  text-align: center;
  vertical-align: middle;
  color: #0000a0
}

table.ttt td.title {
  padding: 12px 4px;
  font-family: sans-serif;
  color: #000000;
  background-color: #ebf5fb;
  font-size: 100%
}

table.ttt td.sep {
  border-style: none solid none solid;
}

table.ttt td.seph {
  border-style: solid none solid none;
}

table.ttt td.sept {
  border-top-style: solid;
}

table.ttt td.join_top {
  border-top-style: solid;
}


/* Special calculus styles */

table.formula td.sum_00, table.formula td.product_00 {
  padding: 4px 2px;
  font-size: 150%;
  vertical-align: middle;
  line-height: 50%;
}

table.formula td.sum_02, table.formula td.product_01 {
  padding: 4px 2px;
  font-size: 225%;
  vertical-align: middle;
  line-height: 50%;
}

table.formula td.sum_02, table.formula td.product_02 {
  padding: 4px 2px;
  font-size: 300%;
  vertical-align: middle;
  line-height: 50%;
}

table.formula td.sum_03, table.formula td.product_03 {
  padding: 4px 2px;
  font-size: 450%;
  vertical-align: middle;
  line-height: 50%;
}

table.formula td.calculus_l {
  width: 4px;
  padding: 0;
  border-style: solid none solid solid;
  border-color: #000000;
  margin: 0;
  border-width: 2px
}

table.formula td.calculus_r {
  width: 4px; padding: 0;
  border-style: solid solid solid none;
  border-color: #000000;
  margin: 0;
  border-width: 2px
}

table.formula td.int_00 {
  padding: 2px;
  font-size: 150%;
  vertical-align: middle;
}

table.formula td.int_01 {
  padding: 2px;
  font-size: 225%;
  vertical-align: middle;
}

table.formula td.int_02 {
  padding: 2px;
  font-size: 300%;
  vertical-align: middle;
}

table.formula td.int_03 {
  padding: 2px;
  font-size: 450%;
  vertical-align: middle;
}

span.int_domain_lower {  
  position: relative;
  bottom: 0.8ex;
  right: 0.3ex;
  white-space: nowrap;
}

span.int_domain_upper {
  position: relative;
  bottom: 0.5ex;
  right: -0.2ex;
  white-space: nowrap;
}

table.formula td.int_domain_upper {
  padding: 0px;
  font-size: 100%;
  vertical-align: top;
}

table.formula td.int_domain_lower {
  padding: 0px;
  font-size: 100%;
  vertical-align: bottom;
}

table.prime-grid td {
  padding: 0.5em;
  background: #deeff8;
  text-align: right;
  font-size: 120%;
  font-weight: bold;
  font-family: serif;
  color: #404080;
}

table.prime-grid td.npr {
  background: #dddddd;
  color: #cccccc;
}

table.prime-grid td.pr {
  background: #ffff00;
}


/* Special number systems styles */

p.number_systems_indent {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  font-weight: normal;
  margin: 2em 11% 2em 11%;
  font-size: 120%;
}


/* Special vector styles */

span.vector02 {
  position: relative;
  bottom: 1.6ex;
  letter-spacing: -0.6ex;
  right: 1.8ex;
  font-family: serif;
  font-size: 120%;
  white-space: nowrap;
}


/* PROGRAMMING STYLES */

#code { color: #0000a0 }

p.code {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  margin: 1em 1em 1em 1em;
  font-size: 100%;
}

p.tabulated_code {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  margin: 1em 1em 1em 1em;
  font-size: 133.33%;
}

p.code_indent {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  margin: 1em 5% 1em 5%;
  font-size: 120%;
}

p.code_center {
  color: #0000a0;
  font-family: monospace;
  text-align: center;
  font-size: 100%;
}

strong.code {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  font-weight: bold;
  font-size: 100%
}

strong.code_underline {
  color: #0000a0;
  font-family: monospace;
  text-align: left;
  font-weight: bold;
  text-decoration: underline;
  font-size: 100%
}

span.inline_code {
  color: #0000a0;
  font-family: monospace;
  font-size: 125%;
}

span.inline_code_small {
  color: #0000a0;
  font-family: monospace;
  font-size: 100%;
}

/* PRINT STYLES */

@media print
{ 
  header { display: none; }  
  nav { display: none; }
  div.content { padding: 0 5%; }
  footer { display: none; }
  img { max-width: 83.33%; }
  /* div.internal_menu { display: none; } */
  div.top_of_page_link { display: none; }
  h2 { page-break-before: always; }
  div.center { page-break-inside: avoid; }
  p { page-break-inside: avoid; }
  table { page-break-inside: avoid; }
  li { page-break-inside: avoid; }
  table.alt td, table.trig td, table.media td { border: solid 1px; }
}


/* OTHER STYLES */

body.answers
{
  font-family: sans-serif;
  font-size: 100%;
}

/* MOBILE DEVICE SPECIFIC */

@media only screen and (max-width: 599px) {
  
  html { background: #ffffff; }

  body {
    font-family: sans-serif;
    font-size: 100%;
    margin: 0;
  }
  
  div.content {  
    padding: 0 5%;
  }

	div.search {
		display: none;
	}
 
  div.topnav_left {
		display: none;
	}

  div.link_section {
    width: 100%;
  }

  span.formula {
    font-family: serif;
    font-size: 120%;
    white-space: nowrap;
    color: #0000a0;
  }
  
  span.formula_smallprint {
    font-family: serif;
    font-size: 100%;
    white-space: nowrap;
    color: #0000a0;
  }
   
  p.tabulated_code {
    color: #0000a0;
    font-family: monospace;
    text-align: left;
    margin: 1em 1em 1em 1em;
    font-size: 100%;
  }
  
  p.formula_indent {
    display: block;
    overflow-x: auto;
    /*scrollbar-width: none;*/
  }
  
  p.code_indent {
  overflow-wrap: break-word;
}
  
  #MobileMenu {display: none;}
  
  div.side_ads {display: none;}
  
  ul.home a {
    color: #404040;
    text-decoration: none;
    font-weight: normal;
  }
  
  table.css_prop {
    width: 100%;
    border: none;
  }
  
  table {
    max-width: 100%;
    display: block;
    overflow: visible;
    overflow-x: scroll;
    overflow-y: auto;
  }
}

/* SXGA/WXGA Screens and wider */

@media only screen and (min-width: 600px) { 
  
    #MobileMenu {
      /* visibility: hidden; */
      display: none;}
    
    div.topnav_right {display: none;} 
    div.topnav_home {display: none;} 
  
    div.topnav_left {
      height: 100%;      
      text-align: left;
      padding: 0 1em;
      margin: 0;
    }
}

/* Additional styles */
span.overline_special {
  position: relative;
  right: 0.9ex;
  font-size: 120%;
}



/* Citation dialog styles */

/* The citation dialog box */
.cite {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.cite-content {
  background-color: #fefefe;
  width: 480px;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.cite td { border-style: none; }

.cite td.content_right {
  white-space: nowrap;
  font-weight: bold;
}