@font-face {
   font-family: 'EngraversGothicBold';
   src: url('/fonts/EngraversGothicBold.eot');
   src: url('/fonts/EngraversGothicBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/EngraversGothicBold.woff') format('woff'),
        url('/fonts/EngraversGothicBold.ttf') format('truetype');
}
@font-face {
   font-family: 'HeliaCoreMedium';
   src: url('/fonts/HeliaCoreMedium.eot');
   src: url('/fonts/HeliaCoreMedium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HeliaCoreMedium.woff') format('woff'),
        url('/fonts/HeliaCoreMedium.ttf') format('truetype');
}
@font-face {
   font-family: 'HeliaCoreThin';
   src: url('/fonts/HeliaCoreThin.eot');
   src: url('/fonts/HeliaCoreThin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HeliaCoreThin.woff') format('woff'),
        url('/fonts/HeliaCoreThin.ttf') format('truetype');
}
@font-face {
   font-family: 'TexGyreAdventorReg';
   src: url('/fonts/TexGyreAdventorReg.eot');
   src: url('/fonts/TexGyreAdventorReg.eot?#iefix') format('embedded-opentype'),
        url('/fonts/TexGyreAdventorReg.woff') format('woff'),
        url('/fonts/TexGyreAdventorReg.ttf') format('truetype');
}
html {
   height: 100%;
}
body {
   margin: 0px 2% 0px 2%;
   padding: 0;
   height: 100%;
   font-family: TexGyreAdventorReg, "DejaVu Sans", Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
   background: url(/img/wood_pattern_light.jpg) #000000;
}
#message-container {
   display: block;
   position: absolute;
   width: 100%;
   margin: 0;
   padding: 0;
   left: 0;
   font-weight: bold;
   font-size: 1.25em;
   text-align: center;
   cursor: pointer;
   z-index: 2000;
   box-shadow: 0 4px 5px #000000;
   transform: translateY(-100%);
   transition: 350ms ease-out;
}
#message-container.show {
   transform: translateY(0%);
}
#message-container .message {
   width: 100%;
   padding: 1.25em 0;
}
#message-container .message.failure {
   background-color: #ff9292;
   color: #aa0000;
}
#message-container .message.success {
   background-color: #92ff92;
   color: #00aa00;
}
.layout {
   width: 100%;
   height: 100%;
}
.layout-header {
   height: 40px;
   position: relative;
   background-color: #1d3a53;
   border-left: 2px solid #59708D;
   border-top: 2px solid #59708D;
   border-right: 2px solid #59708D;
   border-collapse: collapse;
}
.lblogo:link, .lblogo:active, .lblogo:visited {
   margin-left: 10px;
   color: #a2cae8;
   font-size: 30px;
   font-family: EngraversGothicBold, "DejaVu Sans", Arial, Helvetica, sans-serif;
   text-shadow: 2px 2px 3px #000000;
}
.id-lookup {
   display: inline-block;
   width: 250px;
   vertical-align: top;
   margin: 10px 0px 0px 0px;
   overflow: hidden;
}
.id-lookup input {
   position: relative;
   left: -200px;
   transition: left 0.5s ease;
}
.layout-cp {
   position: absolute;
   text-align: right;
   font-size: 14px;
   right: 5px;
   top: 10px;
   color: #da400e;
   text-shadow: 2px 2px 3px #666666;
}
.layout-cp span {
   position: relative;
   top: 3px;
}
.layout-cp span:hover {
   cursor: pointer;
}
.layout-cp a:link, .layout-cp a:active, .layout-cp a:visited {
   color: #da400e;
   text-shadow: 2px 2px 3px #666666;
}
.layout-menu {
   height: 32px;
   background-color: #1d3a53;
   border-left: 2px solid #59708D;
   border-right: 2px solid #59708D;
   border-collapse: collapse;
}
.layout-body {
   position: relative;
   min-height: calc(100% - 105px);
   background-color: #e6e6e6;
   vertical-align: top;
   text-align: center;
   border: 2px solid #59708D;
   border-collapse: collapse;
}
.layout-body table {
   text-align: left;
}
.layout-footer {
   height: 25px;
   position: relative;
   background-color:#1d3a53;
   text-align: center;
   border-bottom: 2px solid #59708D;
   border-collapse: collapse;
}
.layout-footer div {
   display: inline-table;
   width: 49%;
   color: #ffffff;
   vertical-align: middle;
}
.layout-footer div span {
   position: absolute;
   right: 7px;
   color: #ffffff;
   font-size: 12px;
}
.layout-footer div a {
   color: #ffffff;
}
#manual-page-container {
   position: fixed;
   width: 30%;
   height: calc(100% - 4px);
   top: 0;
   bottom: 0;
   right: 0;
   overflow: hidden;
   z-index: -1;
}
#manual-page-container.show {
   border: 2px solid #59708D;
   border-left: none;
   z-index: 10;
}
#manual-page {
   position: absolute;
   max-width: calc(100% - 40px);
   height: 100%;
   right: 0;
   padding-left: 2em;
   padding-right: 1em;
   background-color: #e6e6e6;
   box-shadow: -2px 0 3px #000000;
   overflow: hidden;
   transform: translateX(110%);
   transition: 350ms ease-out;
}
#manual-page.show {
   transform: translateX(0%);
}
#manual-page div.page-top {
   height: 30px;
   padding-bottom: 5px;
   text-align: right;
}
#manual-page div.page {
   height: calc(100% - 40px);
   overflow: auto;
   overflow-x: hidden;
   padding-top: 0;
   padding-right: 5px;
}
#close-manual-page-button {
   margin: 10px 10px 0 0;
   border: 2px solid #da400e;
}
#close-manual-page-button:hover {
   cursor: pointer;
}
#manual-page h1 {
   width: 100%;
   padding: 6px 0;
   background-color: #1d3a53;
   color: #a2cae8;
   text-align: center;
   font-family: inherit;
   font-weight: normal;
   font-size: 1.3em;
   text-shadow: none;
}
#manual-page span.info-icon {
   position: relative;
   top: 2px;
}
.error-box {
   display: inline-block;
   background-color: #ff9292;
   color: #aa0000;
   font-weight: bold;
   font-size: 16px;
   margin-top: 20px;
   padding: 10px;
   border: 3px solid #aa0000;
}
.error-box span {
   position: relative;
   top: 2px;
}
select, input {
   font-size: 11px;
}
input {
   padding: 2px;
   border: 1px solid #999999;
   border-radius: 3px;
}
input:invalid {
   box-shadow: 0 0 0.75em #ff0000;
}
textarea {
   font-family: monospace;
}
.regplain {
   font-size: 14px;
   color: #000000;
   text-decoration: none;
}
.regnewplain {
   font-size: 11px;
   color: #000000;
   background-color: transparent;
   text-decoration: none;
}
.reggrayed {
   font-size: 11px;
   color: #666666;
   background-color: transparent;
   text-decoration: none;
}
.regbold {
   font-size: 12px;
   color: #000000;
   background-color: transparent;
   text-decoration: none;
   font-weight:bold;
}
th.regbold {
   text-align: right;
   font-size: 11px;
}
.regboldsum {
   font-size: 11px;
   color: #000000;
   background-color: transparent;
   text-decoration: none;
   font-weight:bold;
}
.regnewbold {
   font-size: 9px;
   color: #000000;
   background-color: transparent;
   text-decoration: none;
   font-weight:bold;
}
.reggray {
   font-size: 11px;
   color: #CCCCCC;
   background-color: transparent;
   text-decoration: none;
}
.regred {
   font-size: 11px;
   color: #FF0000;
   background-color: transparent;
   text-decoration: none;
}
.regwhite {
   font-size: 12px;
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: none;
}
.regwhite a:link, .regwhite a:active, .regwhite a:visited {
   color: #FFFFFF;
}
.regwhites {
   font-size: 10px;
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: none;
}
h1 {
   font-size: 24px;
   text-align: left;
   font-weight: normal;
   line-height: 90%;
   font-family: EngraversGothicBold, "DejaVu Sans", Arial, Helvetica, sans-serif;
   color: #1d3a53;
   text-shadow: 0px 0px 3px #aaaaaa;
   padding: 0px 4px;
}
.xlg {
   font-size: 14px;
   color: #000000;
   padding-bottom: 3px;
}
.copyright {
   font-size: 12px;
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: none;
}
a img {
   border: 0;
}
a:link {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
a:visited {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
a:active {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
.regnewbold a:hover {
   color: #F37D02;
}
.regnewbold a:link {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
.regnewbold a:visited {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
.regnewbold a:active {
   color: #0479f4;
   background-color: transparent;
   text-decoration: none;
}
.regnewbold a:hover {
   color: #F37D02;
}
.infopane {
   display: inline-block;
   vertical-align: top;
   margin-left: 10px;
   padding-bottom: 8px;
}
.infopane .paneheader {
   background-color: #1d3a53;
   color: #a2cae8;
   font-size: 14px;
   padding: 2px 5px 1px 5px;
}
.infopane table {
   border: 1px solid #1d3a53;
}
.info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_888888_256x240.png);
   display: inline-block;
}
.dark-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_454545_256x240.png);
   display: inline-block;
}
.orange-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_da400e_256x240.png);
   display: inline-block;
}
.risk-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_2e83ff_256x240.png);
   display: inline-block;
}
.crit-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_cd0a0a_256x240.png);
   display: inline-block;
}
.blue-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_0099ff_256x240.png);
   display: inline-block;
}
.purple-info-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/ui-icons_8020ff_256x240.png);
   display: inline-block;
}
.dollar-sign-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background-image: url(images/currency.png);
   display: inline-block;
}
.cents-sign-icon {
   width: 16px;
   height: 16px;
   padding: 0px;
   background: url(images/currency.png) -16px 0px;
   display: inline-block;
}
.info-icon:hover, .dark-info-icon:hover, .risk-info-icon:hover, .crit-info-icon:not(.static):hover, .purple-info-icon:hover {
   background-image: url(images/ui-icons_454545_256x240.png) !important;
   cursor: pointer;
}
.icon-label {
   position: relative;
   top: -2px;
   margin-left: 2px;
}
.icon-label.crit {
   color: #ff0000;
}
.tight-ui-icon-image {
   background-position: -211px -132px;
   width: 11px;
   height: 9px;
}
.tight-ui-icon-contact {
   background-position: -195px -132px;
   width: 10px;
   height: 10px;
}
.dt-icon {
   background-image: url(images/ui-icons_a2cae8_256x240.png);
   width: 11px;
   height: 11px;
   display: inline-block;
}
.dt-icon.last {
   background-position: -67px -162px;
}
.dt-icon.first {
   background-position: -83px -162px;
}
.dt-icon.prev {
   background-position: -50px -162px;
}
.dt-icon.next {
   background-position: -35px -162px;
}
#dtable_paginate a.icon {
   border: 0;
   background: none;
   padding: 0px;
   vertical-align: bottom;
}
.tt {
   display: block;
   position: absolute;
   width: 325px;
   z-index: 100;
   padding: 10px;
   background-color: #eeeeee;
   border: 2px solid #59708D;
   box-shadow: 2px 2px 3px #000000;
   font-family: TexGyreAdventorReg, "DejaVu Sans", Arial, Helvetica, sans-serif;
   font-size: 12px;
}
.tt .header {
   width: 100%;
   padding: 3px;
   margin-bottom: 3px;
   background-color: #1d3a53;
   color: #a2cae8;
   text-align: center;
   font-weight: normal;
   font-size: 15px;
}
.tt span {
   position: relative;
   top: 2px;
}
.tbletoprnd {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
.tblebtmrnd {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
#menu-bar {
   margin: 0px 0px 0px 0px;
   padding: 0px;
   line-height: 100%;
   font-family: EngraversGothicBold, "DejaVu Sans", Arial, Helvetica, sans-serif;
   position:relative;
   display: inline-block;
   z-index: 2;
}
#menu-bar ul {
   background-color: #1d3a53;
   display: none;
   margin: 0;
   padding: 0;
   width: 150px;
   position: absolute;
   top: 30px;
   left: 0;
   border: 2px solid #59708D;
   box-shadow: 4px 4px 3px #000000;
   font-family: TexGyreAdventorReg, "DejaVu Sans", Arial, Helvetica, sans-serif;
}
#menu-bar li {
   margin: 0px 0px 0px 0px;
   padding: 0px 6px 0px 6px;
   float: left;
   position: relative;
   list-style: none;
}
#menu-bar a {
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   color: #a2cae8;
   text-decoration: none;
   display: block;
   padding: 6px 20px 6px 20px;
   margin: 0px 0px 8px 0px;
}
#menu-bar li ul li a {
   margin: 0;
}
#menu-bar li:hover > a {
   color: #da400e;
   text-shadow: 2px 2px 3px #666666;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
   background: none;
   border: none;
   color: #666;
   box-shadow: none;
}
#menu-bar ul a:hover {
   background-color: #dadada !important;
   color: #da400e !important;
   text-shadow: 2px 2px 3px #666666;
}
#menu-bar li:hover > ul {
   display: block;
}
#menu-bar li:hover > ul li:hover {
   background-color: #dadada;
}
#menu-bar li:hover > ul li:hover a {
   color: #da400e !important;
}
#menu-bar li:hover > ul li:hover > ul {
   top: -2px;
   left: 150px;
}
#menu-bar li:hover > ul li:hover > ul a {
   color: #a2cae8 !important;
}
#menu-bar li:hover > ul li:hover > ul a:hover {
   color: #da400e !important;
}
#menu-bar ul li {
   float: none;
   margin: 0;
   padding: 0;
}
#menu-bar ul a {
   padding: 10px 0px 10px 5px;
   color: #a2cae8 !important;
   font-size: 12px;
   font-style: normal;
}
html[xmlns] #menu-bar {
   display: block;
}
* html #menu-bar {
   height: 1%;
}
