/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 11, 2020, 6:17:33 AM
    Author     : geoffreyhayden
*/

.ui-button.ui-widget {
        font-size: 8pt;
        height: 25px;
}
.ui-button.ui-protected {
    font-size: 8pt;
    height: 25px;
    background-color: lightgreen;
    color: darkgreen;
}
.ui-button.ui-unprotected {
    font-size: 8pt;
    height: 25px;
    background-color: lightred;
    color: darkred;
}
.ui-protected {
    font-size: 8pt;
    height: 25px;
    background-color: lightgreen;
    color: darkgreen;
}
.ui-unprotected {
    font-size: 8pt;
    height: 25px;
    background-color: lightred;
    color: darkred;
}
.ui-selectmenu-open {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-datepicker-header div {
    color: #0a0a0a;
}
.noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.center {
    text-align: center;
    vertical-align: middle;
}
#main-header {
}
#main-body {
}
#main-detail {
    cursor: default;
}
body{
        font-family: "Trebuchet MS", sans-serif;
        font-size: 8pt;
        margin: 0;
        overflow: hidden;
}
div {
        font-size: 8pt;
        color: #3383bb;
}
div.title {
}
h1 {
        font-size: 14pt;
        padding: 5px 0 0 0;
        margin: 0;
}
h1 span {
        font-variant: small-caps;
        font-size: 14pt;
}
h2 {
        font-size: 12pt;
        padding: 0;
        margin: 0;
}
p {
        font-size: 8pt;
        margin: 0;
        padding: 0;
}
button {
        font-size: 8pt;
        height: 20px;
}
button.inline {
        font-size: 8pt;
        height: 20px;
}
a:link, a:visited, a:active {
        cursor: pointer;
        color: #3383bb;
}
a:hover {
        cursor: pointer;
        color: #03538b;
}
a:link, a:visited, a:active {
        cursor: pointer;
        color: #3383bb;
}
tbody a:link, a:visited, a:active {
    cursor: pointer;
}
tbody a:hover {
    cursor: pointer;
    color: #03538b; 
}
a.voicemail:link, a.voicemail:visited, a.voicemail:active {
    cursor: pointer;
}
a.voicemail:hover {
    cursor: pointer;
    color: #03538b;
}
a.tablink:link, a.tablink:visited, a.tablink:active {
        cursor: pointer;
        color: #3383bb;
}
a.tablink:hover {
        cursor: pointer;
        color: #0000ff;
}
.dataelement {
        font-size: 8pt;
        padding: 0 5px 0 5px;
}
.dataelement td {
        font-size: 8pt;
        padding: 5px 10px 0 5px;
}
.dataelement a, a:link, a:visited, a:hover, a:active {
        font-size: 8pt;
        cursor: pointer;
        color: #3383bb;
}
.dataelement span {
        font-size: 8pt;
}
.dataelement span:hover {
        cursor: pointer;
}
.dataheader {
        background-color: #3383bb;
        padding: 0 5px 0 5px;
}
.dataheader a:link, a:visited, a:hover {
}
.rowHighlight {
        background: #bbbbbb;
}
thead {
}
thead td {
    font-weight: 600;
    font-size: 1.5em;
}
thead th {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
tfoot td,th {
    font-size: 1em;
}
caption {
    min-width: 400px;
    font-size: 2em;
    font-variant: small-caps;
    font-weight: bold;
    text-align: left;
}
#accordion caption {
}
th {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
}
th label {
}
th.top-header {
        background-color: #0a0a0a;
        font-size: 10pt;
        text-align: center;
}
th.top-header-edit {
        background-color: #b8ec79;
        font-size: 8pt;
        padding: 5px 10px 5px 10px;
        margin-top: 5px;
}
th.left-header {
        white-space: nowrap;
        font-size: 8pt;
        min-width: 125px;
        width: 125px;
        padding: 5px 10px 0 10px;
        text-align: right;
        vertical-align: top;
}
td {
        padding: 5px 10px 0px 10px;
}
td.right-value {
        font-size: 8pt;
        vertical-align: top;
        padding: 5px 10px 0 10px;
}
td.right-fill {
        white-space: nowrap;
        width: 100%;
}
td.tabcomment {
        padding: 5px 10px 10px 10px;
        font-size: 10pt;
        font-weight: bold;
        font-style: italic;       
        text-align: left;
        border-style: solid;
        border-width: 1px;
        border-color: #b8ec79;
}
td label {
}
div.tabmultiselect {
        font-size: 8pt;
        font-weight: normal;
        border-style: solid;
        border-width: 1px;        
        border-color: black;
        overflow: auto;    
}
div.tabultiselect table, tr {
        font-size: 8pt;
        padding: 0;
        margin: 0;
}
.tabmultiselected label {
        font-size: 8pt;
        padding: 0;
        margin: 0;
}
.tabmultiunselected label {
        font-size: 8pt;
        padding: 0;
        margin: 0;
}      
td.tabmultiselected {
        font-size: 8pt;
        padding: 0 5px 0 5px;
        margin: 0;
}     
td.tabmultiunselected {
        font-size: 8pt;
        background-color: #0a0a0a;
        padding: 0 5px 0 5px;
        margin: 0;
}
input {
    font-size: 8pt;
    color: #000000;
}
input.x {
        font-size: 8pt;
        color: #619226;
}
input:disabled {
        color: #b8ec79;
        background-color: #0a0a0a;
}
input:read-only {
        color: #000000;
        background-color: #cacaca;
}
label {
        font-size: 8pt;
        color: #000000;
}
select {
        color: #000000;
        background-color: #ffffff;
        width: 250px;
}
select:disabled{
        color: #15C6E9;
        background-color: #0a0a0a;
        width: 150px;
        -moz-appearance: none;
        -webkit-appearance:none;
}
/*for IE10*/
select:disabled::-ms-expand {
        width: auto;
        display: none;
}
select optgroup {
        color: #0a0a0a;
        background-color: #15C6E9;
}
select option {
        background-color: #ffffff;
        width: 300px;
}
select.auto-size {
        background-color: #ffffff;
        width: auto;
}
/*
for firefox
-moz-appearance: none;
for chrome
-webkit-appearance:none;
*/
select.auto-size:disabled{
        background-color: #0a0a0a;
        width: auto;
        -moz-appearance: none;
        -webkit-appearance:none;
}
/*for IE10*/
select.auto-size:disabled::-ms-expand {
        width: auto;
        display: none;
}
textarea {
}
#page option {
        width: 50px;
}
ul.menu1 {
        width: 196px;
        border: 0px;
        padding: 0 0 0 0px;
        margin: 0;
}
.data-accordion {
        font-size: 8pt;
        padding-top: 0px;
}
.data-accordion h3 {
        height: 15px;
        font-size: 8pt;
        padding-top: 0px;
}
.data-accordion ul, li, div {
        cursor: pointer;
}
.data-accordion ul:hover, li:hover, div:hover {
        cursor: pointer;
}
select {
        font-size: 8pt;
        background-color: #ffffff;
}
input {
        font-size: 8pt;
        background-color: #ffffff;
}
label {
        font-size: 8pt;
}
textarea {
        font-size: 8pt;
        width: 100%;
}
span {
        font-size: 8pt;
}
span.required {
        font-size: 10pt;
        font-weight: bold;
        vertical-align: text-top;
        color: red;
        padding: 0 5px 0 5px;
}