body {
  background: white; color: black;
  font-size: 100%;
}
@media screen {
  body {
    max-width:700px;
    font-family:"Liberation Sans",Arial,sans-serif;
  }
  .printOnly {
    display: none;
  }
}
@media print {
  font-size: 12pt;
  body {
    font-family: "Times New Roman", Times, serif;
  }
  .boxtitle, .caption, .rcaption { font-family: "Liberation Sans",Arial,sans-serif; }
  .screenOnly {
    display: none;
  }
  a:link, a:visited { color: black; text-decoration: none;
  }
}
* {
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-weight: bold; color:#0050A0;}
h1 {font-size: 200%; }
h2 {font-size: 160%; margin-bottom: 0.5em; }
h3 {font-size: 140%; margin-top: 0.5em; margin-bottom: 0.25em; color:#1b65af;}
h3.box {margin-left: 0; font-size: 126%; }
h4 {font-size: 120%; margin-top: 0.5em; margin-bottom: 0.25em; color:#266bb1;}
h4.box {margin-left: 0; font-size: 108%; }
h5 {font-size: 100%; margin-top: 0.5em; margin-bottom: 0.25em; color:#3778b8;}
h6 {font-size: 100%; margin-top: 0.5em; margin-bottom: 0.25em; }
ul {margin-top: 0.2em; margin-bottom: 0.2em; }
ol {margin-top: 0.2em; margin-bottom: 0.2em; }

@media (max-width: 500px) {
  .iflLeft { float: left; margin-left: 0.25em; margin-right: 0.25em;
            overflow: auto; 
  }
  .iflRight { float: left; margin-left:0.25em; margin-right: 0.25em;
            overflow: auto; 
  }
  .flLeft { float: left; margin-right: 0.5em;
            overflow: auto; 
  }
  .flRight { float: left; margin-right: 0.5em;
            overflow: auto; 
  }
  .box {
     overflow: scroll;
     font-size:90%;
  }
  .caption, .rcaption {font-size: 80%; }
}
.lflush {clear:both;}
@media (min-width: 500px) {
  h1,h2,h3,h4,h5,h6 {margin-left:-3%;}
  body {margin-left: 5%; margin-right: 5%;}
  .lflush {margin-left:-3%;}
  .copyrightF {margin-left:-3%;}
  .box > h1,h2,h3,h4,h5,h6 {margin-left:0%;}

  .iflLeft { float: left; margin-left:0.25em; margin-right: 0.25em;}
  .iflRight { float: right; margin-left: 0.25em; margin-right:0.25em; }
  .flLeft { float: left; margin-right: 0.5em }
  .flRight { float: right; margin-left: 0.5em }
  .box td { font-size: 90%; }
  .caption, .rcaption {font-size: 80%; }
  .boxtitle {font-size:100%; }
}
//table,caption,rcaption,tr,td {font-family: "Liberation Sans", Arial, sans-serif;}
  /* NS4 bug, sometimes font is lost in tables */
.box {
    border: solid; border-width: thin; border-color: #bbbbbb; 
    box-shadow: 0 10px 6px -6px rgba(75, 75, 75, 0.75);
    -moz-box-shadow: 0 10px 6px -6px rgba(75, 75, 75, 0.75);
    -webkit-box-shadow: 0 10px 6px -6px rgba(75, 75, 75, 0.75);
    padding:0.5em;
    margin-bottom:0.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
//    font-family:"Liberation Sans",Arial,sans-serif; 
}
.box p:last-child {
    margin-bottom: 0.2em;
}
div.frame1 {border: solid; border-width: thin; border-color: #bbbbbb; }
div.warning {border: solid; border-width:thin; border-color: #bbbbbb; 
             background-color:#ffe676;
             padding: 0.5em;margin-bottom:0.5em;
  box-shadow: 0 12px 6px -6px rgba(75, 75, 75, 0.75);
  -moz-box-shadow: 0 12px 6px -6px rgba(75, 75, 75, 0.75);
  -webkit-box-shadow: 0 12px 6px -6px rgba(75, 75, 75, 0.75);
  margin-left:-3%;
  margin-bottom: 1em;
}
.caption { color: #000066;}
.ccaption .ccaptioned { margin-left: 0.5em; margin-right: 0.5em;
	 }
.ccaption { margin-top:1px;margin-bottom: 5px;
	   vertical-align:top;
	 }
td.caption {
            text-align: center;}
.boxtitle { font-size:100%; text-align: center; clear:both; margin-bottom:0.5em;
	    width: 100%;
            font-weight: bold; color: #0050A0;
//	   background-image: url(CSS/boxtitle.png);background-repeat:repeat-x;
//	   background-color: #bfe9ff;
//	   background-position:top; 
}
.rcaption { color: #000066;}
//.lflush {margin-left:-3%;}
//hr.lflush {margin-left:-3%;}
.copyrightF { float:right; color: #444; font-size:60%; }
.whenceF { text-align: right; color: #222; font-size:70%;}

h2.warning {font-size: 160%; margin-bottom: 0.5em; margin-left:0; }
table.warning {
margin-left:-3%;
background-color:#e1c19a;
border-top:5px solid #f0cea4;
border-left:5px solid #f0cea4;
border-bottom:5px solid #d2b59e;
border-right:5px solid #d2b59e;
}

.clearfix:after {
    content: ""; visibility: hidden; display: block; height: 0; clear: both;
}
.imgWithCaption + p { margin-top: 0.12em; }
img { max-width: 100%; height: auto; }
.translationIcon { vertical-align:top; min-width:33; }
.translationCredit { vertical-align:top; font-size:80%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
// For debugging only
span { background-color: #fff0ee; }
div { background-color: #eef0ff; }
p { background-color: #eefff0; }
*/