html {height: 100%;}
body {display: flex;flex-direction: column;margin: 0;height: 100vh;}
.container {flex: 1 0 auto;padding-top: 0px;margin: 0px auto;max-width: 1000px; width:100%}
.header {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0px;}
.headerlogo { align-self: flex-start;width: 70px; margin-top: 8px;}
.headerlogo img {margin-left: 10px;}
.headertext { align-self: stretch; flex-grow: 2; flex-wrap: nowrap; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 18px;}
.headertext h1 {font-size: 28px; line-height: 32px;}
.headerimage { align-self: stretch; flex-shrink: 2;overflow: hidden; margin-top: 0;}
.menuitems {padding: 2px 0px 0px 10px;max-width: 100%;background-color:#000000;overflow:hidden;}
.menuitem {display: inline-block;padding-left: 10px; padding-right: 10px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color:#ffffff;line-height: 20px;background-color:#000000;}
.menuitem-selected {display: inline-block;padding-left: 10px; padding-right: 10px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color:#ffffff;line-height: 20px;background-color:#929292;}
.menuitem a:link {color: #ffffff;text-decoration: none;outline: none;}
.menuitem a:visited {color: #ffffff;text-decoration: none;outline: none;}
.menuitem a:hover {color: #ffffff;text-decoration: none;outline: none;}
.menuitem a:active {color: #ffffff;text-decoration: none;outline: none;}
.menuitem-selected a:link {color: #ffffff;text-decoration: none;outline: none;}
.menuitem-selected a:visited {color: #ffffff;text-decoration: none;outline: none;}
.menuitem-selected a:hover {color: #ffffff;text-decoration: none;outline: none;}
.menuitem-selected a:active {color: #ffffff;text-decoration: none;outline: none;}
.content {font-family: 'Proxima Nova Soft','Helvetica Neue',Sans-Serif,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 0.95rem;line-height: 20px;padding:0;}
.content h2 {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 20px;}

.content a:link {color: blue;text-decoration: none;outline: none;border-bottom: 1px blue dashed;}
.content a:visited {color: blue;text-decoration: none;outline: none;border-bottom: 1px blue dashed;}
.content a:hover {color: blue;text-decoration: none;outline: none;border-bottom: 1px blue dashed;}
.content a:active {color: blue;text-decoration: none;outline: none;border-bottom: 1px blue dashed;}

.page {display:none; margin: 0;padding:10px 10px 0px 10px;}
.pagelist {display:block;margin-left: 20px;}

.table {display: flex;flex: 0 1 auto;flex-flow: column nowrap;line-height: 1.5;max-width: 100%;border-top: 1px solid #d0d0d0;}
.th {width:100%;display: flex;flex-flow: row nowrap;font-weight:bold;}
.tr {width:100%;display: flex;flex-flow: row nowrap;}
.td10 {max-width:10%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td10b {max-width:10%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;font-weight: bold;}
.td15 {max-width:15%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td20 {max-width:20%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td20b {max-width:20%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;font-weight: bold;}
.td25 {max-width:25%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td30 {max-width:30%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td35 {max-width:35%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td40 {max-width:40%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td50 {max-width:50%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td60 {max-width:60%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td70 {max-width:70%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td75 {max-width:75%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td80 {max-width:80%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}
.td90 {max-width:90%;flex: 1;flex-flow: row;padding: 2px 5px 2px 5px;border-bottom: 1px solid #d0d0d0;}

.tableGrid {display: flex;flex: 0 1 auto;flex-flow: column nowrap;line-height: 1.5;max-width: 100%;}
.tr {width:100%;display: flex;flex-flow: row nowrap;}
.tgd50 {max-width:50%;flex: 1;flex-flow: row;padding: 20px 10px 10px 10px;text-align: center;margin-bottom:10px;}
.tgd50 .centerer {display: inline-block;vertical-align: middle;height: 100%;}
.tgd50 img {vertical-align: middle;display: inline-block;max-height: 100%;max-width: 100%;}
.tgd50t {max-width:50%;flex: 1;flex-flow: row;padding: 10px 10px 5px 10px;}
.tgd50t .cell {display: table-cell;vertical-align: top;}
.tgd50t .step {margin-right:20px;vertical-align: baseline;height: 40px;width:40px;line-height:40px;font-weight: bold; font-size:20px;border: 2px solid #000000;border-radius: 50%;text-align: center;}
.tgd50t .inst {margin-right:10px;vertical-align: top;height: 100%;border-top: 1px solid #000000;border-left: 1px solid #000000;padding: 10px 0px 0px 12px;margin-top: 10px;}


input#searchtext[type="text"] {width: 300px; margin: 0px 20px 0px 20px;box-sizing: border-box;border: 1px solid #ccc;font-size: 14px;color: #000000;background-color: white;padding: 2px 2px 2px 2px;}
.searchResultSection {padding: 10px 10px 10px 10px;background-color: #ffffff;cursor: pointer;}
.searchResultSection:hover {background-color: #f5f5f5;}
.searchResultHeader {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold;}
.searchResultText {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal;}
.searchTextHightlighted {background-color: yellow;}

p.warning {border: 1px solid red; padding: 5px 5px 5px 5px; background-color: #FECACA;}
.navbuttons {display: flex; flex-direction: row;  flex-wrap: nowrap;margin: 20px 10px 30px 10px;padding: 0px;}
.navbuttondiv {align-self: flex-start;display: none;}
.navbutton {border: 1px solid #000000; margin-right: 20px;height: 24px; width:66px;background-color: #FFFFFF;color:#000000;}
.navbutton:hover {background-color: #000000;color:#ffffff;}
.searchbutton {border: 1px solid #000000;height: 24px; width:66px;background-color: #FFFFFF;color:#000000;}
.searchbutton:hover {background-color: #000000;color:#ffffff;}

code,pre {padding:0 3px 2px;font-size:12px;color:#333333;border-radius:3px;}
code {padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
pre {display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:normal;word-wrap:break-word;}
pre.prettyprint {margin-bottom:18px;}
pre code {padding:0;color:inherit;background-color:transparent;border:0;}
.pre-scrollable {max-height:300px;overflow-y:scroll;}
.footer {flex-shrink: 0;background: #3c3c3c;margin: 0 auto;width:100%;max-width: 1000px;text-align:center;color: #ffffff;font-family: Verdana,Arial;font-size: 13px;padding:10px 0px 10px 0px;border-top: 10px solid #000000;}