@charset "UTF-8";
/*~~~~~ COLORS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/* custom colors                               */
/*                                             */
/* define custom values here for easy tracking */
/* from linear-gradient(#DFE3EB, #BFC3CB) johng*/
/* from linear-gradient(#848490, #505061) johng */
/* from linear-gradient(#689CDE, #3B76C3) johng */
/* from linear-gradient(#96B6DD, #6A9DDF) johng*/
/* from #006400, then #056608 original #FFFFFF johng*/
/* from #DCDCDC johng */
/* from #F8FBF8 (light green), original was #FFFFFF johng */
/* NOTE: Gradients as background colors are supported through linear/radial-gradient property values.*/
/*       It is suggested to put the gradient value only where it is needed, as it will cause errors  */
/*       if it is used in the darken() or lighten() functions.                                       */
/*       If a gradient value is set for a $_layout_color property, you must remove all darken() and  */
/*       lighten() calls that derive from the gradient, or there will be no color output where those */
/*       properties are used.                                                                        */
/*                                                                                                   */
/*       Usage documentation for Gradients: https://www.w3schools.com/css/css3_gradients.asp         */
/* layout colors: set these for a quick application to the output.                                   */
/*                                                                                                   */
/* Defaults for structure items */
/*                              */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/*~~~~~ FONTS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/* from arial, sans_serif johng */
/*

 * toolbar

*/
/*

 * menu (nav & toc/index)

*/
/* from $font_size_xsmall johng */
/* from $font_size_xsmall johng */
/* from $font_size_small johng */
/*

 * page

*/
/* from $font_size_xsmall johng */
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*~~~~~ ICONS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/*

  This file contains the character codes applied to the icons in the output.



  Usage: Find the character code of the icon to be used in the font-awesome cheatsheet.

         The 4-character code is next to it's respective icon.

         (ex: f002 for search)

         Apply to variable value in quotes and a leading backslash

         (ex: "\f002")



  font-awesome cheatsheet: https://fontawesome.com/v5/cheatsheet/free

*/
/* toolbar */
/* menu */
/* page */
/* page loading */
/* header */
/* footer */
/* search */
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * menu

*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*

 * popup

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
/*~~~~~ COLORS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/* custom colors                               */
/*                                             */
/* define custom values here for easy tracking */
/* from linear-gradient(#DFE3EB, #BFC3CB) johng*/
/* from linear-gradient(#848490, #505061) johng */
/* from linear-gradient(#689CDE, #3B76C3) johng */
/* from linear-gradient(#96B6DD, #6A9DDF) johng*/
/* from #006400, then #056608 original #FFFFFF johng*/
/* from #DCDCDC johng */
/* from #F8FBF8 (light green), original was #FFFFFF johng */
/* NOTE: Gradients as background colors are supported through linear/radial-gradient property values.*/
/*       It is suggested to put the gradient value only where it is needed, as it will cause errors  */
/*       if it is used in the darken() or lighten() functions.                                       */
/*       If a gradient value is set for a $_layout_color property, you must remove all darken() and  */
/*       lighten() calls that derive from the gradient, or there will be no color output where those */
/*       properties are used.                                                                        */
/*                                                                                                   */
/*       Usage documentation for Gradients: https://www.w3schools.com/css/css3_gradients.asp         */
/* layout colors: set these for a quick application to the output.                                   */
/*                                                                                                   */
/* Defaults for structure items */
/*                              */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * menu

*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*

 * popup

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
/* ~~~~ FUNCTIONS ~~~~ */
/*                     */
/*~~~~~ BORDERS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~~*/
/*

  DISCLAIMER: By default, border size properties do not conform with the other size properties of HTML.

  This means that when a border is set on an element with a defined height or width, the final size of

  an element will calculate to HEIGHT/WIDTH + BORDER WIDTH. This has been mitigated as much as possible

  using the 'box-sizing: border-box' property, but there is always a possibility for some instances

  where this will not work. (ex. An element with a border inside another element inside it with a border.

  The toolbar in some skins is like this)



  If widths in this file are to be changed, you understand that this may change the uniformity of the

  layout, and that there may also be height and width properties that also need to be changed in

  _sizes.scss to get the layout to line up properly.





*/
/* Toolbar */
/*         */
/* Toolbar - Logo Section */
/*                        */
/* Toolbar - Search Section */
/*                          */
/* Toolbar - Button Section */
/*                          */
/* Menu */
/*      */
/* Menu - TOC */
/*            */
/* Menu - Index */
/*              */
/* Page */
/*      */
/* Mini TOC */
/*          */
/* Search */
/*        */
/* Header */
/*        */
/* Footer */
/*        */
/* Back to Top */
/*             */
body {
  font-family: Century Gothic;
  font-size: 12pt; }

a:link {
  color: #3B76C3; }
  a:link:active {
    color: #89addb; }

a:visited {
  color: #234775; }

span.WebWorks_Number {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-indent: 0; }

div.WebWorks_Table {
  border: 1px solid #000000; }

div.WebWorks_Table_Row {
  clear: left; }

div.WebWorks_Table_Cell {
  float: left; }

div.WebWorks_Table_End {
  clear: both;
  font-size: 1px; }

div.WebWorks_MiniTOC {
  font-family: Century Gothic;
  font-size: 12pt;
  margin: 20px;
  padding: 0;
  background: #FCFCFC;
  border-style: solid;
  border-width: 1px;
  border-color: #e3e3e3;
  border-radius: 0px; }

div.WebWorks_MiniTOC_Heading {
  display: none; }

.WebWorks_Breadcrumb_Link, .WebWorks_Breadcrumb_Text {
  display: inline-block; }

dl.WebWorks_MiniTOC_List {
  margin: 0;
  padding: 0 0 0 16px; }

div.WebWorks_MiniTOC > dl.WebWorks_MiniTOC_List {
  padding-left: 0; }

dl.WebWorks_MiniTOC_List > dd {
  margin: 0;
  padding: 0px 8px; }

div.WebWorks_MiniTOC_Entry {
  cursor: pointer;
  padding: 5px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #e3e3e3;
  border-radius: 0px; }

div.WebWorks_MiniTOC > dl.WebWorks_MiniTOC_List > dd:first-child > div.WebWorks_MiniTOC_Entry {
  border-width: 0; }

div.WebWorks_MiniTOC_Entry:hover {
  background: #3B76C3; }

a.WebWorks_MiniTOC_Link:link {
  color: #646473;
  text-decoration: none; }

a.WebWorks_MiniTOC_Link:visited {
  color: #646473;
  text-decoration: none; }

div.WebWorks_MiniTOC_Entry:hover > a.WebWorks_MiniTOC_Link:link {
  color: #228C22; }

div.WebWorks_MiniTOC_Entry:hover > a.WebWorks_MiniTOC_Link:visited {
  color: #228C22; }

.Related_Topics {
  padding: 40px 0px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }

.Related_Topics_Title {
  font-weight: bold;
  font-family: Century Gothic;
  font-size: 12pt;
  color: #646473;
  background: #FCFCFC;
  padding: 10px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }
  .Related_Topics_Title .ww_skin_dropdown_arrow i {
    color: #646473; }

.Related_Topics_List {
  padding: 5px 0px;
  border-top: none;
  border-right: solid #FCFCFC 1px;
  border-bottom: solid #FCFCFC 1px;
  border-left: solid #FCFCFC 1px;
  border-radius: 0px 0px 0px 0px; }

.Related_Topics_Entry {
  font-family: Century Gothic;
  font-size: 12pt;
  padding: 5px 10px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }
  .Related_Topics_Entry a:link, .Related_Topics_Entry a:visited {
    color: #3B76C3; }
  .Related_Topics_Entry a:hover:link, .Related_Topics_Entry a:hover:visited {
    color: #89addb; }
  .Related_Topics_Entry i {
    color: #646473;
    padding: 0px 10px 0px 0px; }
    .Related_Topics_Entry i:before {
      content: ""; }

span#social_linkedin {
  margin-right: 12pt;
  vertical-align: -7px; }

.Search_Result_Highlight {
  background-color: yellow; }

#noscript_padding {
  padding-top: 1.9em; }

#noscript_warning {
  font-family: Century Gothic;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  text-align: center;
  font-weight: bold;
  color: #228C22;
  background-color: #ae0000;
  padding: 5px 0 5px 0; }

a object[type="image/svg+xml"] {
  pointer-events: none; }