@charset "UTF-8";
/*Usage Tags: top level tabs, app map background, input background, panel separation border,...*/
/*...*/
/*Panel background,...*/
/*Panel heading text,...*/
/*Default text color, eg control labels...*/
/*Panel heading background,...*/
/*Links,...*/
/*WinManager Buttons,...*/
/* Need to review/remove these */
/** Google font definitions */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local("Comfortaa Regular"), local("Comfortaa-Regular"), url(/webmaker/css/fonts/Comfortaa.woff) format("woff"); }
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local("Play Regular"), local("Play-Regular"), url(/webmaker/css/fonts/Play.woff) format("woff"); }
/* Override the font URLs in the main theme template SCSS */
@font-face {
  font-family: 'Play2';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Play.woff) format("woff"); }
BODY {
  background-color: #FFFFFF;
  font-family: Play2;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  color: #98A4B6;
  color: #1D2531;
  text-align: justify;
  width: 650px; }

A {
  font-family: Play2;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  color: #A8C9EF;
  cursor: pointer;
  text-decoration: none;
  color: #1B618D; }

A:hover {
  color: #99B6E0; }

DIV#logo {
  position: absolute;
  BORDER: 0px;
  LEFT: 0pt;
  WIDTH: 70px;
  TOP: 0pt;
  HEIGHT: 70px;
  background-image: url(images/company_logo.gif);
  background-position: left;
  background-repeat: no-repeat;
  z-index: 1; }

DIV#tagline {
  position: absolute;
  WIDTH: 650px;
  TOP: 0px;
  LEFT: 0px;
  HEIGHT: 50px;
  TEXT-ALIGN: right;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  color: Navy;
  background: url(images/docs.png) no-repeat right;
  z-index: 0; }

DIV#top-menu-primary {
  position: absolute;
  WIDTH: 650px;
  HEIGHT: 20px;
  TOP: 50px;
  LEFT: 0px;
  margin: 0px;
  TEXT-ALIGN: right;
  vertical-align: bottom;
  /*background : url(images/top_menu_primary_bg.jpg) no-repeat right;*/ }

DIV#breadcrumb {
  position: absolute;
  WIDTH: auto;
  TOP: 0px;
  LEFT: 72px;
  HEIGHT: 8px;
  TEXT-ALIGN: left;
  font-size: 8px;
  letter-spacing: 1px;
  color: Navy;
  font-weight: normal;
  z-index: 1; }

DIV#breadcrumb SPAN#current {
  font-weight: bold; }

DIV#contents-title {
  font-size: 24px;
  margin-top: 100px;
  width: 650px; }

.para {
  display: block;
  margin-top: 5px;
  margin-bottom: 8px;
  text-align: justify;
  width: 640px; }

table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: none;
  width: 650px; }

.table-title {
  background-color: #475364;
  border: 1px solid #1D2531;
  display: block;
  margin-top: 10px;
  padding: 10px;
  border-bottom: none;
  background-color: #98A4B6;
  width: 618px; }

table thead td {
  background-color: #2D3848;
  border: 1px solid #1D2531;
  font-size: 14px;
  color: #98A4B6;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 10px;
  background-color: #475364;
  font-style: normal;
  font-weight: normal;
  color: #C1CCDD;
  background-color: #FFFFFF;
  color: #1D2531; }

table tbody td {
  background-color: #2D3848;
  border: 1px solid #1D2531;
  font-size: 14px;
  color: #98A4B6;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #1D2531;
  width: auto; }

table td .para {
  width: auto; }

.contents0 {
  display: block;
  position: relative;
  margin-bottom: 20px; }

.contents0 A:link, .contents0 A:visited {
  PADDING-LEFT: 5px;
  font-size: 150%;
  position: relative; }

.contents1 A:link, .contents1 A:visited {
  PADDING-LEFT: 5px;
  font-size: 100%;
  position: relative; }

.contents1 .contents2 A:link, .contents1 .contents2 A:visited {
  PADDING-LEFT: 15px;
  font-size: 100%;
  font-weight: normal;
  position: relative; }

.contents1 .contents2 .contents3 A:link, .contents1 .contents2 .contents3 A:visited {
  PADDING-LEFT: 25px;
  font-size: 80%;
  font-weight: normal;
  position: relative; }

.bold {
  font-weight: 600; }

.para q {
  font-weight: bold;
  font-style: italic;
  color: #000000; }

TEXTAREA {
  width: 50%;
  height: 50px;
  font-size: 8pt;
  color: #696969; }

.clsCommand {
  width: 80%;
  height: 100px;
  font-family: Lucida Console, sans-serif;
  font-size: 8pt;
  color: #1D2531;
  background-color: #98A4B6; }

a.skip:link, a.skip:visited {
  WIDTH: auto;
  TOP: 13px;
  LEFT: 72px;
  HEIGHT: 8px;
  TEXT-ALIGN: left;
  font-size: 60%;
  letter-spacing: 1px;
  color: navy;
  background: navy;
  font-weight: normal;
  z-index: 3; }

a.skip:hover, a.skip:active, a.skip:focus {
  color: white;
  background: navy;
  z-index: 3; }

.section-title {
  LEFT: 0px;
  WIDTH: 640px;
  HEIGHT: auto;
  margin-top: 20px;
  padding-bottom: 4px;
  text-align: left;
  letter-spacing: 1px;
  line-height: 100%;
  top: 0px;
  position: relative; }

.section-title a {
  font-size: 24px; }

.title_text {
  font-size: 18px; }

.imageCenter, .imageRight, .imageLeft {
  height: auto;
  width: 640px;
  display: block; }

TD .imageCenter, TD .imageRight, TD .imageLeft {
  height: auto;
  width: auto; }

.imageCenter img {
  max-width: 640px;
  display: block;
  text-align: center; }

.imageCenter img[width="800"] {
  width: 640px;
  text-align: left;
  display: block; }

.imageLeft img {
  max-width: 640px;
  display: block;
  text-align: left; }

.imageRight img {
  max-width: 640px;
  display: block;
  text-align: right; }

SPAN#table {
  text-align: center;
  font-size: 80%; }

table {
  font-size: 125%;
  text-align: center;
  width: 640px; }

td {
  font-size: 80%; }

thead tr td {
  font-size: 80%;
  font-weight: bold; }

.orderedlist-title {
  font-size: 100%;
  padding-bottom: 10px;
  padding-right: 10px;
  width: 640px; }

.orderedlist-item {
  font-size: 100%;
  /* background: #D2D2FF; */
  padding-right: 10px;
  width: 640px; }

.orderedlist-item .para {
  width: 590px;
  margin-left: 48px; }

.orderedlist-item .para::before {
  font-family: FontAwesome;
  content: "";
  font-size: 10px;
  padding-left: 14px;
  padding-right: 3px;
  color: #98A4B6;
  margin-left: -40px;
  padding-left: 20px; }

DIV#footer {
  WIDTH: 640px;
  HEIGHT: 20px;
  POSITION: relative;
  font-size: 7pt;
  font-weight: normal;
  color: #A9A9A9;
  text-align: center;
  line-height: 100%;
  vertical-align: top; }

DIV#context-menu {
  top: 110px;
  left: 0px;
  height: auto;
  width: 200px;
  position: absolute;
  padding-top: 0px;
  line-height: 100%; }

DIV#context-menu SPAN.context-selected A:link, DIV#context-menu SPAN.context-selected A:visited {
  color: #9B9BFF;
  background: #433EFF; }

DIV#context-menu SPAN.context-selected A:hover, DIV#context-menu SPAN.context-selected A:active, DIV#context-menu SPAN.context-selected A:focus {
  color: #9B9BFF;
  background: #433EFF; }

DIV#context-menu A:link, DIV#context-menu A:visited {
  color: #433EFF;
  background: #9B9BFF; }

DIV#context-menu A:hover, DIV#context-menu A:active, DIV#context-menu A:focus {
  color: #433EFF;
  background: #9B9BFF; }

.context-menu-item-1 {
  DISPLAY: block;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-size: 88%;
  font-weight: bold;
  line-height: 100%;
  border-bottom: 2px solid white;
  padding: 6px;
  padding-right: 20px;
  letter-spacing: 0px; }

.context-menu-summary-1 {
  DISPLAY: none; }

.context-menu-item-2 {
  DISPLAY: block;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-size: 88%;
  font-weight: bold;
  line-height: 100%;
  border-bottom: 2px solid white;
  padding: 6px;
  padding-right: 20px;
  padding-left: 20px;
  letter-spacing: 0px; }

.context-menu-summary-2 {
  DISPLAY: none; }

.context-menu-item-3 {
  DISPLAY: block;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-size: 88%;
  font-weight: bold;
  line-height: 100%;
  border-bottom: 2px solid white;
  padding: 6px;
  padding-right: 20px;
  padding-left: 36px;
  letter-spacing: 0px; }

.context-menu-summary-3 {
  DISPLAY: none; }

.context-menu-item-4 {
  DISPLAY: block;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-size: 88%;
  font-weight: bold;
  line-height: 100%;
  border-bottom: 2px solid white;
  padding: 6px;
  padding-right: 20px;
  padding-left: 48px;
  letter-spacing: 0px; }

.context-menu-summary-4 {
  DISPLAY: none; }

.context-menu-item-5 {
  DISPLAY: block;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-size: 88%;
  font-weight: bold;
  line-height: 100%;
  border-bottom: 2px solid white;
  padding: 6px;
  padding-right: 20px;
  padding-left: 60px;
  letter-spacing: 0px; }

.context-menu-summary-5 {
  DISPLAY: none; }

DIV#nextpreviousbuttons span#button {
  margin: 10px;
  padding: 1px;
  height: 100%;
  border-left: solid #CACAFF;
  text-align: left;
  vertical-align: top; }

.link-info {
  display: none; }

.clsCodeXML {
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
  color: #1D2531;
  background-color: #98A4B6;
  width: 640px;
  word-wrap: break-word;
  white-space: pre-wrap; }

/*# sourceMappingURL=hyfinity_com_print.css.map */
