/*
 | Copyright (c) 2018, 2019, 2020 VMware.
 | All rights reserved.
*/

/*CSS Document*/
html{
  height: 100%;
}
body{
  font-family: 'Clarity City', 'Metropolis', Helvetica, sans-serif !important;
  font-size: 16px;
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{
  display: block;
}
footer{
  clear: both;
  font-size: 0.9em;
  height: 5em;
  overflow-y: scroll;
  text-align: left;
}

/*Basic IDs*/
#content{
  margin: 0 auto -5em;
  min-height: 100%;
}
#outer_wrapper{
  float: left;
  width: 100%;
}
#wrapper{
  margin-left: 30%;
}
#navigation{
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 30%;
}
#push{
  height: 5em;
}
#logo{
  height: 2em;
  margin-left: 1em;
  margin-top: 1em;
}
#logo img{
  float: left;
}
#searchgoogle{
  float: right;
  width: 30%;
}

/*override max-width*/
.container-fluid {
  max-width: 2200px !important;
}
.apiTitle{
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 1em;
}
.subTitle{
  color: #545556; /*Grey*/
  font-size: 1.0em;
  font-weight: bold;
}
.lineup{
  display: inline-block !important;
}
.resource{
  font-size: 0.8em;
  font-weight: bold;
}
.description,
.media,
.method,
.methods{
  font-size: 1.0em;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0;
}
.method-sub{
  color: #069;
  font-weight: bold;
}
.method-type{
  color: #669;
  margin-top: 1em;
}
.show{
}
.backlink{ /*back from api methods*/
  color: #33BAFE; /*Bl02*/
  font-size: 0.6em;
  text-decoration: none;
}
a.hideLink,
a.showLink{
  color: #4190B1; /*Dark*/
}

a.xref{
  color: #007BFF;
  fill: #007BFF;
}
/*make visited link Lastline grey*/
a.link:visited,
a.xref:visited{
  color: #759ECA; /*LightBlueGrey*/
  fill: #759ECA; /*LightBlueGrey*/
}
/*make link Lastline green on hover*/
a.hideLink:hover,
a.link:hover,
a.showLink:hover,
a.xref:hover,
a.xref span.uicontrol:hover{
  color: #007CBB;
  fill: #007CBB;
}
/*and hide its underline*/
a.link:hover,
a.xref:hover{
  text-decoration: none;
}
a.cite{
  color: #111;
  font-style: italic;
  text-decoration: none;
}
/*word wrap preformatted blocks*/
pre{
  white-space: pre-wrap; /*css-3*/
}
.codeblock,
.codeph{
  color: #121111 !important;
  font: 0.9em "Courier Prime", courier, monospace;
}
.codeph{
  background-color: inherit !important;
}
kbd.userinput{
  font-weight: bold;
}
pre.codeblock{
  background-color: rgba(237, 237, 237, 0.7);
  border: 1px groove #CCC;
  padding: 0.3em;
}
pre.codeblock code{
  background-color: rgba(237, 237, 237, 0.7) !important;
}
pre.codeblock span.comment{
  color: #545556; /*Grey*/
}
pre.URI{
  font-weight: bold;
}
/*RSA kludge*/
.nobreak{
  overflow-wrap: break-word;
}
/*lines kludge*/
p.lines{
  font-size: 0.9em;
  line-height: 1.2em;
}

/*emphasis*/
p.emphasis{
  font-weight: bold;
}
/*reference section title*/
.refsection{
  font-weight: bold;
}
/*table generics*/
table caption{
  margin-bottom: -1em;
  text-align: left;
}
table caption span.table--title-label{
  display: none;
}
table caption span.title{
  color: #8CC642;
  font-weight: bold;
}
/*table1*/
table.table1{
  border-collapse: collapse;
  margin-top: 1.5em;
  width: 100%;
}
table.table1 tbody tr td{
  background-color: #FFFFFF;
  vertical-align: top;
}
table.table1 tbody tr:hover td{
  background-color: rgba(232, 255, 252, 0.5);
}
table.table1 tbody tr td div,
table.table1 tbody tr td p,
table.table1 tbody tr td ul{
  margin: 0 !important;
}
table.table1 thead{
  text-align: left;
}
table.table1 thead tr th{
  border-bottom: 1px dotted #CFEDBC;
}
table.table1 thead tr th p{
  margin: 0 !important;
}

/*table2*/
table.table2{
  border-collapse: collapse;
  margin-bottom: 1em;
  margin-top: 1.5em;
  width: 100%;
}
table.table2,
table.table2 tbody tr,
table.table2 tbody tr td{
  border: 0 !important;
}
/*table colours*/
table.table2 tbody tr:nth-child(odd){
  background-color: rgba(232, 255, 252, 0.5);
}
table.table2 tbody tr:nth-child(even){
  background-color: rgba(255, 255, 254, 0.4);
}
table.table2 thead tr th{
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid #666 !important;
  border: 0 !important;
}
table.table2 tbody tr td{
  padding: 0.5em;
  vertical-align: top;
}
/*kill the paragraph space*/
table.table2 tbody tr td div,
table.table2 tbody tr td p,
table.table2 tbody tr td ul{
  margin: 0 !important;
}
table.table2 tbody tr td pre.codeblock{
  margin: 0 !important;
  padding: 0.1em 0.3em !important;
}
table.table2 tbody tr td div ol{
  margin-bottom: 0;
  margin-top: 0;
}
table.table2 thead tr th{
  padding: 0.5em;
  text-align: left;
}
/*cuz html5 doesn't support col width*/
table.table2 thead tr th.table2col1{
  width: 8% !important;
}
table.table2 thead tr th.table2col2,
table.table2 thead tr th.table2col3{
  width: 46% !important;
}
table.ntarule{
  margin-top: -1em !important;
}
/*squeeze the fake title onto the table*/
p.tableTitle{
  margin-bottom: 0 !important;
}
/*kill the paragraph space in the definition lists*/
dl dd p{
  margin: 0.2em 0 0.4em 0;
}
/*bugStuff*/
div.bugList,
section.bugList{
}
div.bugList p,
section.bugList p{
  margin-bottom: 0.2em !important;
}
p.bugEntry{
  font-style: italic;
  margin-left: 0.5em;
  margin-top: 0.2em !important;
}
/*indent the bug contents*/
/*not used ....*/
dl.bugEntry{
  margin-left: 0.5em;
  margin-top: 0 !important;
}
dl.bugEntry dt{
  font-style: italic;
}

/*not used*/
.batsu,
.maru{
  font-weight: bold;
  text-align: center;
}
.batsu{
  color: #900;
}
.maru{
  color: #090;
}
th.matrox{
  text-align: center;
}
.notabene{
  color: #F00;
  font-size: smaller;
}
.notUsed{
  color: #951395; /*Magenta*/
  text-decoration: line-through;
}
/*end of not used*/

section.context:before{
  color: #007CBB;
  content: "Configuration Steps" !important;
  display: block;
  font-weight: bold;
}
ol.steps:before{
  color: #007CBB;
  content: "Procedure" !important;
  display: block;
  font-weight: bold;
  margin-bottom: 1em;
}
section.example:before{
  color: #007CBB;
  content: "Example" !important;
  display: block;
  font-weight: bold;
}
div.postreq:before,
section.postreq:before{
  color: #007CBB;
  content: "Subsequent Tasks" !important;
  display: block;
  font-weight: bold;
}
div.prereq:before,
section.prereq:before{
  color: #007CBB;
  content: "Prerequisites" !important;
  display: block;
  font-weight: bold;
}
section.result:before{
  color: #007CBB;
  content: "Configuration Result" !important;
  display: block;
  font-weight: bold;
}
div.stepresult:before,
section.stepresult:before{
  content: "Step Result" !important;
  display: block;
  font-weight: bold;
  margin-left: 1.5em;
}
div.tasktroubleshooting:before,
section.tasktroubleshooting:before{
  color: #007CBB;
  content: "Troubleshooting" !important;
  display: block;
  font-weight: bold;
}



/*API and METHODS Mangling*/
div.apiDelete:before,
div.apiExample:before,
div.apiGet:before,
div.apiHistory:before,
div.apiMethod:before,
div.apiPatch:before,
div.apiPost:before,
div.apiPut:before,
div.dataSummary:before{
  color: #007CBB;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
}
div.dataSummary:before{
  content: "Data Summary" !important;
}
div.apiDelete:before{
  content: "DELETE" !important;
}
div.apiExample:before{
  content: "Example" !important;
}
div.apiGet:before{
  content: "GET" !important;
}
div.apiHistory:before{
  content: "History" !important;
}
div.apiMethod:before{
  content: "Methods" !important;
}
div.apiPatch:before{
  content: "PATCH" !important;
}
div.apiPost:before{
  content: "POST" !important;
}
div.apiPut:before{
  content: "PUT" !important;
}
div.apiMethod pre.codeblock{
  font-weight: bold;
}
div.apiMethod pre.codeblock a.xref{
  text-decoration: none;
}
/*don't recall why this is here*//*
div.conbody,
div.refbody,
div.taskbody{
  margin-left: 0.2em;
}
*/
section.sysLog{
  margin-bottom: 2em;
}
p.legal,
pre.messageFormat,
section.sysLog div,
section.sysLog pre{
  margin-left: 0.5em;
}

div.note{
  border-bottom: thin solid #FFF;
  border-top: thin solid #FFF;
  margin-bottom: 0.75em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
}
div.note span.note__title{
  float: left;
  font-weight: bold;
  margin-left: 0.1em;
  margin-right: 0.5em;
  margin-top: 0.45em;
}
div.note p.blank:before{
  content: "\00A0"
}
div.note p,
div.note ol,
div.note ul{
  margin-bottom: 0.3em !important;
  margin-top: 0.5em !important;
}
/*INDENTs*/
div.note_note p{
  margin-left: 3.5em !important;
}
/*unintended consequences*/
div.note_caution p,
div.note_caution ol{
  margin-left: 5.5em !important;
}
div.note_note ol p,
div.note_caution ol p{
  margin-left: 0.5em !important;
}
div.note_important p{
  margin-left: 6em !important;
}
div.note_tip p{
  margin-left: 2.5em !important;
}
div.note_warning p{
  margin-left: 5em !important;
}
/*if the ui can have a reddish blob ....*/
p.alerted,
p.caution{
  border: 1px solid;
  padding: .5rem .75rem;
}
p.alerted{
  background-color: rgba(230, 93, 80, 0.2);
  border-color: rgba(230, 93, 80, 0.4);
}
p.caution{
  background-color: rgba(191, 148, 19, 0.2);
  border-color: rgba(191, 148, 19, 0.4);
}
p.warning,
span.warning{
  color: rgba(247, 42, 20, 0.7);
  font-style: italic;
  font-weight: bold;
}
/*DEPRECATED*/
div.deprecated{
  color: #B37676; /*GreyerRed*/
  margin: 0 !important;
}
div.deprecated span.note__title{
  display: none !important;
}
/*FOOTNOTES?*/
ol.fn{
  font-size: 0.8em;
}
/*make superscript well-mannered*/
sup.sup{
  font-size: 0.7em;
  line-height: 0;
}

div.subsection{
  margin-left: 1em;
}

nav.related-links{
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-top: 2em;
  padding-bottom: 0.1em;
  padding-top: 0.2em;
}
nav.related-links:before{
  color: #007CBB;
  content: "See also:" !important;
  display: block;
  font-size: 1.0em;
  font-weight: bold;
}
/*kill the open toolkit title*/
nav.related-links div.relinfo br,
nav.related-links div.relinfo strong{
  display: none;
}
nav.related-links ul.linklist,
nav.related-links ul.ullinks{
  list-style-type: none;
  margin-top: 0em;
}
nav.related-links ul.ullinks li.link{
  color: #007CBB;
}
nav.related-links ul.ullinks li.link a{
  color: #0000C7; /*JustBlue*/
  font-weight: normal;
}
nav.related-links ul.ullinks li.link a:visited{
  color: #759ECA; /*LightBlueGrey*/
}
nav.related-links ul.ullinks li.link a:hover{
  color: #007CBB;
  text-decoration: none;
}

p.tableNote{
  border-top: thin solid #999;
}

/*modify order list definition to make steps*/
ol.steps{
  border: none;
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
}
li.step:before{
  content: "Step " counter(item) ": " !important;
  counter-increment: item;
  font-weight: bold;
}
li.step{
  margin-bottom: 1em;
}
/*move "optional"*/
li.step strong{
  font-style: oblique;
  font-weight: normal;
}
li.step dl,
li.step div.cautiontitle,
li.step div.note,
li.step div.stepxmp,
li.step div.tablenoborder,
li.step figure,
li.step ol,
li.step p,
li.step ul{
  margin-left: 2em;
}
li.step ul li p,
li.step ul li div.note{
  margin-left: inherit;
}
li.step div.note ul li p,
li.step ul.bulletless{
  list-style-type: none;
  margin-left: 0.2em !important;
}
li.step pre.codeblock{
  margin-left: 2.6em;
  margin-right: 0.5em;
}

li.step span.cmd{
  margin-top: 0.5em;
}
/*force ordered lists inside steps to use numeric*/
li.step div.note ol.ol,
li.step ol.ol,
li.substep div.note ol.ol,
li.substep ol.ol{
  list-style: decimal;
}
li.step ul.compressed{
  list-style-type: disc;
  margin-bottom: 0;
  margin-top: -1em;
}
/*disable the br under the codeblock in each step*/
li.step br{
  display: none !important;
}
/*non-task steps*/
/*and what a nasty kludge, too*/
ol.psteps{
  counter-reset: item;
  list-style: none;
  margin-left: -1em;
  padding-left: 1em;
}
li.pstep p.pstepp:before{
  content: "Step " counter(item) ": " !important;
  counter-increment: item;
  font-weight: bold;
}
li.pstep p.pstep2{
  margin-top: -0.5em;
}
li.pstep div.note{
  margin-top: -1em;
}

/*kludge for weird mib numbering*/
ol.mibList li{
  list-style: decimal;
}
/*kludge the last number*/
p.reason{
  padding-left: 2.7em;
  position: relative;
}
p.reason span.number{
  left: 0.1em;
  position: absolute;
  text-align: right;
  width: 2.2em;
}

/*substep order list*/
ol.substeps{
  border: none;
  counter-reset: subitem;
  list-style: none;
  margin-left: 0 !important;
  margin-top: 0.5em;
}
li.substep{
  list-style: none;
}
li.substep:before{
  content: "Step " counter(item) "." counter(subitem) ": " !important;
  counter-increment: subitem;
  font-weight: bold;
}

/*step link trickery*/
a.stepLink:before,
a.stepLink2:before{
  content: "Step ";
}

/*default list style*/
ul.ul{
  list-style-type: disc;
}
/*otherwise*/
ul.bulletless{
  list-style-type: none;
}
ul.bulletless li{
  margin-left: -1.5em;
}
ul.miniTOC{
  margin-top: 0;
}
ul.uriList{
  list-style-type: none;
  margin-left: -2em;
}
/*override default table spacing*/
ul.ul li.li table.table2{
  margin-top: -1em !important;
}
span.cmd{
  display: inline-block;
  font-weight: bolder;
  margin-left: 2em;
  padding-left: 0;
}
span.uicontrol{
  border-left: 1px solid #3D7FA5; /*Lastline Blue*/
  border-right: 1px solid #3D7FA5; /*Lastline Blue*/
  border-radius: 4px;
  color: #3D7FA5; /*Lastline Blue*/
  fill: #3D7FA5; /*Lastline Blue*/
  font-family: "system-ui", sans-serif !important;
  font-size: 0.8em;
  font-weight: bold;
  padding: 2px 3px;
  text-decoration: none;
  vertical-align: 1px;
  white-space: nowrap;
}
/*add <uicontrol outputclass="button"> to svg.dita*/
span.button{
  margin-right: 4px;
  padding-right: 0 !important;
}
span.tab{
  color: #3D7FA5; /*Lastline Blue*/
}
.allcaps{
  text-transform: uppercase;
}
article.topic{
  margin-top: 2.5em;
}
/*muck with the colour of topic title levels*/
.topictitle1,
.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6{
  color: rgb(33, 37, 41);
  font-weight: bold;
}
.topictitle3 codeph{
    color: rgb(33, 37, 41) !important;
}
/*override the stunned margins for cli titles*/
.cliTitle{
  margin-bottom: 0.15em;
  margin-top: 0.8em;
}
/*muck with the size of h1 and h2 REST API tags*/
.topictitle1{
  font-size: 1.4em;
}
.cliTitle,
.sectiontitle,
.topictitle2{
  font-size: 1.3em;
}
.topictitle3{
  font-size: 1.25em;
}
.topictitle4{
  font-size: 1.2em;
}
.topictitle5{
  font-size: 1.15em;
}
.topictitle6{
  font-size: 1.1em;
}
.nottitle{
  color: rgb(33, 37, 41);
  font-weight: bold;
}

.suppressed{ /*suppress element if labelled*/
  display: none !important;
}
p.mediaType{
  font: italic small small-caps;
  margin: 0;
}
p.noMedia{
  font-size: 0.8em;
  margin: 0;
}
p.responseCode{
  font-size: 0.6em !important;
  margin: 0;
}
p.parmname{
  font-size: 0.8em;
  font-weight: bold;
  margin-top: 1em !important;
  margin-bottom: 0 !important;
}
span.clusterString,
span.keyword,
span.wintitle{
  color: #00698F;
}
span.bold,
span.wintitle{
  font-weight: bold;
}
var.varname{
  color: #952295;
  font-style: italic;
}
pre.codeblock span.mandatory{
  font-weight: bold;
}
/*another kludge*/
p span.mandatory,
td span.mandatory{
  font-style: italic;
}
span.apiname,
span.cmdname{
  color: #506044;
  font: 1.2em monospace;
}
span.indexterm{
  display: none !important;
}

/*cli syntax table*/
.syntax{
  border-bottom: 1px solid #999 !important;
  border-top: 1px solid #999 !important;
  margin: 0 auto;
}
.syntax thead tr th{
  border-bottom: 2px solid #999 !important;
  padding: 3px 8px;
}
.syntax tbody tr td{
  border-top: 1px solid #999 !important;
  padding: 3px 8px;
  vertical-align: top;
}

/*styling the cli syntax strings*/
p.synphrase{
  margin-left: 2em;
}
p.synphrase span.kwd,
span.synph span.kwd{
  color: #007CBB;
  font-weight: bold;
}
p.synphrase span.var,
span.synph span.var{
  color: #951395; /*Magenta*/
  font-style: italic;
  font-weight: bold;
}
/*kludge to style the dts*/
dt.dlterm,
dt.dlterm samp.codeph{
  font-weight: bold;
}
/*copyknot*/
div.copyright{
  bottom: 0;
  width: 100%;
}
div.docbuild{
  font-size: smaller;
}

/*fixes inane spacing ....*/
samp.restAPI{
  font-size: 1.2em;
  word-spacing: -0.75em !important;
}
samp.restAPI span.kwd{
  color: #007CBB;
  font-weight: bold;
}
samp.restAPI span.var{
  color: #951395; /*Magenta*/
  font-style: italic;
}
samp.restAPI span.delim{
  color: #545556; /*Grey*/
}

.smallText{
  font-size: 0.4em;
}

/*style the TOC*/
div.wh_publication_toc,
nav.tocLIST{
  clear: both;
  margin-left: 0.1em;
}
div.wh_publication_toc ul,
nav.tocLIST ul{
  list-style-type: none;
  padding-left: 1.5em;
}
div.wh_publication_toc ul li,
nav.tocLIST ul li{
  color: #007CBB;
  font-weight: bold;
}
div.wh_publication_toc ul li a,
nav.tocLIST ul li a{
  color: #0000C7; /*JustBlue*/
  fill: #0000C7; /*JustBlue*/
  font-weight: normal;
}
div.wh_publication_toc ul li a:visited,
nav.tocLIST ul li a:visited{
  color: #759ECA; /*LightBlueGrey*/
}
div.wh_publication_toc ul li a:hover,
nav.tocLIST ul li a:hover{
  color: #007CBB;
  text-decoration: none;
}
/*kludge for "internal" tocs*/
div.representation ul li.red a,
nav.tocLIST ul li.red a{
  color: #C75656; /*SortaRed*/
  font-weight: normal;
  font-style: italic;
}
div.representation ul li.OBSOLETE a,
nav.tocLIST ul li.OBSOLETE a,
/*another kludge (+typo - d'oh!)*/
.struckthru,
.OBSOLETE{
  text-decoration: line-through;
}
.OBSOLETE{
  color: #B37676; /*GreyerRed*/
}
/*don't believe we use this*/
div.tocLIST ul li a.toggleLink,
nav.tocLIST ul li a.toggleLink{
  color: #33BAFE !important; /*Bl02*/
  font-weight: bold !important;
  text-decoration: none;
}
/*no new/mod*/
/*and another kludge: syslog only*/
/*nav.tocLIST ul li ul li.syslogTitle ul li a{
  font-size: x-small;
}*/
/*another deprecated kludge*/
nav.tocLIST ul li.deprecated a{
  color: #B37676; /*GreyerRed*/
  text-decoration: none;
}

/*kludge to contain table notes*/
table tbody tr div.note{
  border: 0;
  margin: 0;
}
table tbody tr span.note__title{
  float: left;
  font-weight: bold;
  margin-top: 0 !important;
}

span.EDIT,
span.EDIT var.varname{
  color: #D00;
}

/*kludge for unnecessary figures*/
figure.fig p{
  margin-top: 0.1em;
}
figure.fig span.figcap{
  font-style: italic;
}

/*kludge for api/syslog changes*/
ul.apiChange,
ul.syslogChange{
  list-style-type: none;
  padding: 0;
}
ul.apiChange li p,
ul.syslogChange li p{
  margin: 0;
}
ul.apiChange li p span{
  font-size: smaller;
  margin-left: 2em;
}
/*image kludge*/
img.image{
  max-width: 800px;
}
/*fontfab/nagraph kludge*/
svg.fontfab,
svg.nagraph{
  height: 0.8em;
  vertical-align: baseline !important;
  width: 0.8em;
}
/*detect/llicon kludge*/
svg.detect,
svg.llicon{
  height: 1em;
  width: 1em;
}
/*intrusion kludge*/
svg.intrusion{
  height: 2em;
  width: 2em;
}
/*dragdrop kludge*/
svg.dragdrop{
  height: 1.5em;
  vertical-align: -5px;
  width: 1.5em;
}
/*pointless diagrams*/
svg.figures{
  width: 900px;
}
svg.clarity{
  height: 1.1em;
  vertical-align: -2px;
  width: 1.1em;
}
svg.claritycolour{
  fill: #007BFF;
}
/*warning kludge*/
div.warning div.note{
  margin-left: 0em !important;
  margin-top: -1.5em !important;
}
/*dd kludge*/
dd.dd div.note{
  margin-top: -0.75em !important;
}
/*faq kludge*/
li.faqQuestion{
  color: #4190B1; /*Dark*/
  font-weight: bold;
}
ol.faqList{
  list-style: decimal;
}
.faqList{
  color: black;
  font-weight: normal;
}
/*mark red*/
a.FIXURL,
div.red p,
h1.red,
h2.red,
h3.red,
p.red,
span.deprecated,
span.FIXME,
span.red{
  color: #F00;
}
/*kludge*/
div.red pre{
  border: 1px groove #E66;
}
article.red,
div.red pre,
section.red{
  background-color: rgba(245, 169, 169, 0.7);
}
span.FIXME{
  text-decoration: underline;
}
footer.wh_footer{
  border-top: 2px solid rgb(0, 54, 77);
  /*display: none !important;*/
  padding: 0 !important;
}
header.wh_header{
  background-color: rgb(0, 54, 77);
  /*display: none !important;*/
  padding: 0 !important;
}
.footer-container{
  color: rgb(0, 54, 77);
}
/*footer stuff*/
ul.flist{
  list-style-type: none;
}
ul.flist li{
  display: inline-block;
  color: #00364d;
  padding-left: 0;
  padding-right: 1em;
}
svg.vmlogo{
  height: 32px;
  width: 32px;
}
ul.flist li a.ftitle{
  padding: 0 0.5em;
}
ul.flist li a.flink,
ul.flist li span.fcopyright{
  padding-left: 6em;
}
/*print footer*/
div.printonly{
  display: none;
}
a.wh_logo > img{
  height: 40px;
  width: 86px;
}
/*not used*/
.about{
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 2em;
  width: 60%;
}
.highlight{
  background-color: #FFFF88;
  color: #000000;
}
/*kludge*/
.title code.codeph{
  color: #007CBB !important;
  font-weight: bold !important;
}

/*clarity fonts*/
@font-face {
  font-family: 'Clarity City';
  font-weight: normal;
  font-style: normal;
  src: 
    local('Clarity City'),
    url('font/ClarityCity-Medium.woff2') format('woff2'), 
}
@font-face {
  font-family: 'Clarity City';
  font-weight: normal;
  font-style: italic;
  src: 
    local('Clarity City'),
    url('font/ClarityCity-MediumItalic.woff2') format('woff2'), 
}
@font-face {
  font-family: 'Clarity City';
  font-weight: bold;
  font-style: normal;
  src: 
    local('Clarity City'),
    url('font/ClarityCity-SemiBold.woff2') format('woff2'), 
}
@font-face {
  font-family: 'Clarity City';
  font-weight: bold;
  font-style: italic;
  src: 
    local('Clarity City'),
    url('font/ClarityCity-SemiBoldItalic.woff2') format('woff2'), 
}

/*watermark beta and other releases*/
#inner{
  left: 50%;
  top: 51%;
}
.watermark{
  color: rgba(230, 230, 230, 0.7); /*paleGrey*/
  font-size: 8em;
  font-weight: bold;
  text-align: center;
  transform: translateX(-50%) translateY(-50%) rotate(30deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(30deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(30deg);
}
body > div#inner{
  height: 100%;
  position: fixed !important;
  width: 100%;
  z-index: -5;
}