  ::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: whitesmoke;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb {
    background-color: lightslategray;
    border-radius: 50px;
}

a {
    color: dodgerblue;
    text-decoration:none;
}
a:visited {
    color: rebeccapurple;
    text-decoration: none;
}
a:active {
    color: cadetblue;
    text-decoration: none;
}

a:hover {
    color: gray;
}

.header-border {
    padding-top: 25px;
    background-color: #3A5681;
    width: 100%;
    height: 44px;
    color: white;
    background: url('/images/modern-master/footer.gif') no-repeat;
    background-size: cover;
}

.header-border a {
    font-family: "Lato Regular", Arial,sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: white;
}
.header-border a:visited, a:active {
    color: lightgray;
}
    
.twitter-header {
    position: relative;
    padding-top: 1px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    line-height: 0.1em;
    margin: 50px 0px 20px 0px;
    font-family: "Lato Regular", Arial,sans-serif;
    color: white;
    font-size: 20pt;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to left, #27446D, white, #27446D);
}

.twitter-header image, img {
    background-color: transparent;
    padding: 0px 15px;
    margin-top: -30px;
}

.header-bold {
    font-family: "Lato Regular", Arial,sans-serif;
    font-weight: bold;
    font-size: 26pt;
}

.header {
    font-family: "Lato Regular", Arial,sans-serif;
    color: lightskyblue;
    font-size: 16pt;
    opacity: .7;
}

.footer-text {
    font-family: "Lato Regular",Arial,sans-serif;
    color: lightskyblue;
    font-size: 14px;
    opacity: .7;
}

body {
    font-family: "Lato Regular",Arial,sans-serif;
    background-color: white;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.NoMargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.LeftAndRightMargin5px {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.LeftAndRightMargin25px {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
.fieldlabel {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}

.selectionlabel {
    FONT-STYLE: normal;
    FONT-SIZE: 8pt
}

.devlabel {
    position: absolute;
    top: 5px;
    text-align: right;
    font-size: 18px;
    color: red;
    text-transform: uppercase;
}

.button {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

.errormessage {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: red
}

UL {
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

P {
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
}

LI {
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

DIV.rule {
    BORDER-TOP: #cccccc 1px solid;
    WIDTH: 100%
}

#content {
    height: 100%
}

H2 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: #4682b4;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    FONT-VARIANT: normal
}

.colhead {
    BORDER-RIGHT: steelblue 1px;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: steelblue 1px;
    PADDING-LEFT: 2pt;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: steelblue 1px;
    COLOR: white;
    BORDER-BOTTOM: steelblue 1px;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #4682b4;
    TEXT-ALIGN: center
}

.excelheader {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}

.excelcell {
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #cccccc 1px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    TEXT-ALIGN: right
}

.excelcellerror {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #ffcccc
}

.chkboxtext {
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

BODY.indented {
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

.statusnotstarted {
    BACKGROUND-COLOR: #ff6666
}

.statusinprogress {
    BACKGROUND-COLOR: #ffff99
}

.statuscomplete {
    BACKGROUND-COLOR: #99cc66
}

.excelcellok {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #ccffcc
}

H3 {
    FONT-SIZE: 12pt;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
}

.copyright {
    FONT-SIZE: 9px;
    COLOR: #b8bcc0;
    /*COLOR: Black;*/
}

.left-section {
    FONT-SIZE: 10px;
    COLOR: #252525;
}

.left-section:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.left-section:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.left-section:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #b0c0e1;
    TEXT-DECORATION: none
}

.left-section:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.left-section-title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
}

.login-date-time {
    FONT-SIZE: 10px;
    COLOR: #737b86;
}

.login-name {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
}

.login-text {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #798496;
}

.member-login-input {
    COLOR: #555555;
    FONT-SIZE: 10px;
}

.right-section {
    FONT-SIZE: 11px;
    COLOR: #252525;
    WHITE-SPACE: normal;
}

.right-section-title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #252525;
}

.menu {
    BORDER-RIGHT: #f5f5f5 1px solid;
    padding: 2px 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #d3d3d3 1px solid;
    COLOR: #000000;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

.upper-menu, .upper-menu:link, .upper-menu:visited, .upper-menu:hover, .upper-menu:active {
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 11px;
    color: #336666; /*color:#3e4a63;*/
    font-variant: small-caps;
}

.sub-section {
    FONT-SIZE: 10px;
    COLOR: #252525;
}

.sub-section:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.sub-section:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.sub-section:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #b0c0e1;
    TEXT-DECORATION: none
}

.sub-section:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4b6598;
    TEXT-DECORATION: none
}

.sub-section-title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    padding-right: 16px;
}

.main-section {
    FONT-SIZE: 11px;
    COLOR: #252525;
    FONT-FAMILY: Arial
}

.main-section-title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #252525;
    FONT-FAMILY: "Lato Regular", Verdana
}

.texthighlight {
    font-family: "Lato Regular", Verdana, Arial Black;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: Black;
}

.pagetitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #313131;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

.pagetitleinitcap {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #313131;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif
}

.errortext {
    COLOR: Red;
    FONT-SIZE: 11px;
}

.datalist {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.tablecellTop {
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px black;
}

.tablecellMiddle {
    border-right: solid 1px black;
    border-left: solid 1px black;
}

.tablecellBottom {
    border-right: solid 1px black;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}

.tableBorder {
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}

TR.datalistaltitem {
    background-color: #dcdcdc;
}

.validatorMessage {
    font-weight: bold;
    color: Red;
}

.RotatorTitle {
    color: Black;
    font-family: "Lato Regular", Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.RotatorText {
    font-family: "Lato Regular", Verdana;
    font-size: 11px;
    color: Black;
}

.RotatorDate {
    font-family: "Lato Regular", Verdana;
    font-size: 11px;
    color: gray;
}

.Grant {
    width: 800px;
    padding: 16px;
    font-family: "Lato Regular", Verdana;
    font-size: small;
    white-space: normal;
}

.Radio {
    border-collapse: collapse;
}

.Radio TD {
    padding: 0px;
    padding-right: 8px;
    border-style: none;
    white-space: nowrap;
}

.SnapHeader {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    width: 100%;
    cursor: move;
    background-image: url(/images/sub_title_bg.gif);
    padding-right: 0px;
}

.SnapContent {
    padding: 0px 6px 0px 4px;
}

.SnapContentItem {
    font-size: 10px;
}

.SnapContentItem A {
    color: #4b6598;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

.SnapContentItem A:link {
    color: #4b6598;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

.SnapContentItem A:visited {
    color: #4b6598;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

.SnapContentItem A:hover {
    color: #b0c0e1;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

.SnapContentItem A:active {
    color: #4b6598;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

.BusinessCard {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 40px;
    line-height: 4pt;
}

.BusinessCardTitle {
    color: #585858;
    font-weight: bold;
}

.BusinessCardTable {
    width: 100%;
}

.BusinessCardCellLeft {
    width: 50%;
    vertical-align: top;
    padding-left: 20px;
    padding-bottom: 10px;
}

.BusinessCardCellRight {
    width: 50%;
    vertical-align: top;
    padding-bottom: 10px;
}

OL.R {
    font-weight: bold;
    list-style-type: upper-roman;
    text-align: justify;
    white-space: normal;
}

OL.RL {
    list-style-type: lower-roman;
}

OL.AU {
    font-weight: bold;
    list-style-type: upper-alpha;
    text-align: justify;
    white-space: normal;
}

OL.AL {
    font-weight: normal;
    list-style-type: lower-alpha;
    text-align: justify;
    white-space: normal;
}

OL.N {
    font-weight: lighter;
    list-style-type: decimal;
    text-align: justify;
    white-space: normal;
}

H2.Validation {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    color: black;
    text-decoration: underline;
}

.back_to_top {
    background-color: #ECEEEF;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 5px;
    text-align: right;
    width:100%!important;
    box-sizing:border-box;
}

.Awardees {
    background-color: #FFFFFF;
    width: 90%;
    font-size: larger;
    color: Black;
}

.Awardees h2 {
    FONT-SIZE: 10pt;
    COLOR: #4682b4;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    FONT-VARIANT: normal;
}

.Awardees h3 {
    FONT-SIZE: 10pt;
    COLOR: #4682b4;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    FONT-VARIANT: normal;
    font-weight: normal;
}

.Awardees Legend {
    color: Gray;
    font-weight: bolder;
    padding-left: 10px;
    padding-right: 10px;
}

.Resources {
    width: 90%;
    font-size: 9pt;
    font-family: "Lato Regular", Verdana, Arial, Sans-Serif;
    color: darkslategray;
    word-spacing: normal;
}

.Resources h2 {
    margin-top: -15px;
    FONT-SIZE: 14pt;
    COLOR: #4682b4;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    FONT-VARIANT: normal;
}

.Resources h3 {
    FONT-SIZE: 14pt;
    COLOR: #4682b4;
    FONT-FAMILY: "Lato Regular", Verdana, Arial, sans-serif;
    FONT-VARIANT: normal;
    font-weight: normal;
}

.Resources div {
    margin: 15px;
}

.Resources Legend {
    color: Gray;
    font-weight: bolder;
    padding-left: 10px;
    padding-right: 10px;
}

.Resources img {
    height: 90%;
    margin: 0 auto;
    padding:0;
    border-radius:5px;
    box-shadow: 4px 6px 8px #000000;
}

.Archive {
    position: absolute;
    top: 5;
    left: 508;
    font-size: 18px;
    color: red;
    background-color: transparent;
    text-transform: uppercase;
}

#ArchivePopUp {
    position: absolute;
    z-index: 50000;
    border-collapse: collapse;
    cursor: pointer;
}

#ArchivePopUp TD {
    border: solid 1px #000000;
    border-right: solid 1px #999999;
}

a.ArchivePopUpLink, a.ArchivePopUpLink:link, a.ArchivePopUpLink:visited, a.ArchivePopUpLink:active {
    font-size: 10px;
    color: #000000;
    background-color: #ffffff;
}

a.ArchivePopUpLink:hover {
    font-size: 10px;
    color: #ffffff;
    background-color: #888888;
}

.ArchivePopUpSpan {
    width: 100%;
    padding: 4px 18px 5px 8px;
    cursor: pointer;
}

.PopUp div {
    border: 3px solid #476292;
    border-radius: 15px;
    box-shadow:3px 3px gray;
    margin:0 auto;
}

.PopupLabel {
    font-size: 14pt;
    color: Gray;
    background-color: White;
    width: 100%;
    max-width: 990px;
    margin-right: 10px;
    padding: 2px 4px 2px 5px;
}
.AddImage {
    background: url('/images/add.gif');
    border: 0;
    width: 20px;
    height: 20px;
}

.ResetTableStyle {
    border: none !important;
    border-radius: unset !important;
    box-shadow: unset !important;
}
.AbstractTable {
    border-collapse: collapse;
}

.AbstractTable TH {
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding: 0px;
    padding-right: 20px;
}

.AbstractTable TD {
    text-align: left;
    white-space: nowrap;
    padding: 0px;
    padding-right: 15px;
}

img.rotator {
    width: 31px;
    height: 34px;
    border: 0px;
    background-color: transparent;
    cursor: hand;
}
/*########################################################################
                P A R T N E R S   P A G E
########################################################################*/
.PartnerVertBuffer {
    margin-top: 24px;
    margin-bottom: 12px;
}

.PartnerImage {
    float: left;
    margin-right: 10px;
}

.PartnerCenter {
    float: left;
}

.PartnerCenterLink {
    font-weight: bold;
    text-decoration: underline;
}

.PartnerDirector {
    padding-top: 6px;
    padding-bottom: 3px;
}

.PartnerCenterDesc {
    color: #585858;
    white-space: normal;
    padding-right: 40px;
    width: 550px;
}

.IndexVertBuffer {
    margin-top: 24px;
    margin-bottom: 12px;
}

.IndexImage {
    float: left;
    border: solid 1px #043865;
}

.IndexCenter {
    margin-left: 85px;
}

.IndexCenterLink {
    font-weight: bold;
    text-decoration: underline;
}

.IndexDirector {
    padding-top: 6px;
    padding-bottom: 3px;
}

.IndexCenterDesc {
    color: #585858;
    white-space: normal;
    padding-right: 40px;
}

.fp-header {
    color: darkslategray;
    font-weight: bold;
    font-style: italic;
    padding: 8px 0px 8px 0px;
    display: block;
    font-size: medium;
    text-decoration: underline;
}

.fp-info {
    font-style: italic;
    display: block;
    padding: 8px 0px 8px 0px;
}

.IconicMenu {
    font-family: "Lato Regular", Arial,sans-serif;
    font-size: 12px;
    color: darkslategray;
    text-align: center;
    margin: auto;
}

.IconicMenu td {
    display: table-cell;
    padding: 20px 5px;
}

.IconicMenuLeft {
    display: table-cell;
    width: 110px;
    text-align: center;
}

.IconicMenuRight {
    display: table-cell;
    text-align: left;
    white-space: normal;
    max-width: 300px;
}

.IconicMenuRight a:visited {
    color:darkgray;
}

.circlediv {
    font-family: "Lato Regular", Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    width: 50px;
    background-color: #3A5681;
    color: white;
    text-align: center;
    padding-top: 8px;
    border-radius: 50%;
    cursor: pointer;
}

.div_error {
    position: fixed;
    top: 200px;
    left: 200px;
    background-color: indianred;
    color: white;
    text-align: center;
    padding: 10px;
    border: 2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 1;
}

.div_info {
    position: fixed;
    top: 300px;
    left: 300px;
    min-height: 120px;
    background-color: #3E537F;
    color: white;
    text-align: center;
    padding: 10px;
    border: 2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 1;
}

.div_login {
    position: fixed;
    top: 200px;
    left: 200px;
    background-color: #fdffff;
    padding: 10px;
    border: 2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 10;
}

a.boxclose {
    float: right;
    margin-top: -20px;
    margin-right: -25px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 12px;
    font-weight: bold;
    line-height: 0px;
    z-index: 10;
    padding: 11px 3px;
}

.boxclose:before {
    content: "close";
}

.InputTable {
    border-collapse: collapse;
    background-color: white;
}

.InputTable TH {
    color: #585858;
    border: solid 2px #DFDFDF;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding: 6px;
    padding-right: 20px;
}

.InputTable TD {
    border: solid 2px #DFDFDF;
    text-align: left;
    white-space: nowrap;
    padding: 6px;
    padding-right: 15px;
}

.InputTableDesc {
    color: #000000;
    font-weight: normal;
}

th.InputTableClose {
    cursor: pointer;
    vertical-align: middle;
    padding: 2px;
}

.ResultsGrid {
    border-left: solid 1px Gray;
    border-right: solid 1px Gray;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    max-width:98%;
    padding:1%;
}

.ResultsGrid TH {
    color: #ffffff;
    background: #2F476B;
    text-align: left;
    padding: 8px 20px 8px 5px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    border-bottom: solid 2px #467a9e;
    border-left: none;
    text-transform: none;
    font-weight: bold;
    white-space: normal;
}

.ResultsGrid TD {
    padding: 5px;
    border: solid 1px Gray;
    text-align: left;
    white-space: nowrap;
}
.ResultsGrid a{
    width:300px;
    white-space:normal;
    text-wrap:normal;
    font-size:14px;
}
    
.ResultsItem {
    background-color: #FFFFFF;
}

.ResultsAltItem {
    background-color: #E9E9E9;    
}
.ResultsGrid TD {
    height: 30px;
    width: 47px;
}

.DbObjectName {
    color: #003366;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
}

.DbObjectNameSmaller {
    color: #003366;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    font-style: italic;
}

.DbObjectOuterSpan {
    border: none;
    border-left: solid 2px #DFDFDF;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 6px;
    display: inline-block;
    width: 400px;
    height: 20px;
    background-color: #DFDFDF;
    padding-bottom: 0px;
}

.DbObjectTable {
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.DbObjectTable TH {
    border: solid 2px #DFDFDF;
    color: #585858;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding: 6px;
    padding-right: 20px;
}

.DbObjectTable TD {
    border: solid 2px #DFDFDF;
    text-align: left;
    white-space: nowrap;
    padding: 6px;
    padding-right: 15px;
}

.DbObjectTableDesc {
    color: #000000;
    font-weight: normal;
}

.DbObjectOuterTable {
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.DbObjectOuterTable TH {
    border: none;
    border-left: solid 2px #DFDFDF;
    color: #000000;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 6px;
    padding-right: 20px;
    background-color: #DFDFDF;
}

.DbObjectOuterTable TD {
    border-left: solid 2px #DFDFDF;
    border-right: solid 2px #DFDFDF;
    border-top: none;
    text-align: left;
    white-space: nowrap;
}

.DbObjectInnerTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.DbObjectInnerTable TH {
    border-left: none;
    border-right: solid 2px #DFDFDF;
    border-top: none;
    border-bottom: solid 2px #DFDFDF;
    color: #585858;
    font-weight: bold;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    padding: 6px;
    padding-right: 20px;
    background-color: #FFFFFF;
}

.DbObjectInnerTable TD {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: solid 2px #DFDFDF;
    text-align: left;
    white-space: nowrap;
    padding: 6px;
    padding-right: 15px;
}
.UserInfo {
    min-height: 60px;
    max-width: 300px;
    border: 2px;
    border-style: solid;
    border-color: #00309C;
    background-color: #E0DFE3;
}
    .UserInfo th {
        padding-top: 25px;
    }

.UserError {
    min-height: 60px;
    max-width: 300px;
    border: 2px;
    border-style: solid;
    border-color: #E10F0F;
    background-color: #E0DFE3;
}
    .UserError th {
        padding-top: 25px;
    }

.UserWarn {
    min-height: 60px;
    max-width: 300px;
    border: 2px;
    border-style: solid;
    border-color: #d68a01;
    background-color: #E0DFE3;
}

.UserWarn th {
    padding-top: 25px;
}


.OptionsTable {
    border-width: 1px;
    border-style: solid;
    border-top-color: #4682B4;
    border-left-color: #4682B4;
    background-color: #4682B4;
}

.OptionsTable TH {
    padding: 6px;
    border-width: 1px;
    border-style: outset;
    border-color: #4682B4;
    font-weight: bold;
    text-align: left;
    padding-right: 20px;
    background-color: #B0C4DE;
    white-space: nowrap;
}

.OptionsTable TD {
    padding: 6px;
    border-width: 1px;
    border-style: outset;
    border-color: #4682B4;
    text-align: left;
    padding-right: 15px;
    background-color: #B0C4DE;
    white-space: nowrap;
}

.OptionsScrollChecks {
    border-collapse: collapse;
}

.OptionsScrollChecks TD {
    border: none;
    padding: 4px;
    padding-right: 15px;
}
.PageSummary p {
    color: #3c537a;
    font-size: 12pt!important;
    text-wrap:normal;
    white-space:normal;
    max-width:96%;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3c537a;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.Paragraph span, p {
    line-height:normal;
    font: 14px 'Lato Regular', arial,verdana!important;
    padding:0;
    margin:0;
    border-spacing:0;
    width:800px;
}
.Paragraph div {
    max-width:1000px;
}


.consortia {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    margin-top: 60px;
}

.consortia img {
    max-width: 200px;
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
    overflow: hidden;
    object-fit: fill;
    object-position: center;
}

.h2-blue-bold {
    margin: 0px 50px;
    text-align: center;
    border-bottom: 1px solid #475C7C;
    line-height: 0.1em;
    margin: 10px 100px 0px 100px;
    font-family: "Lato Regular",Arial,sans-serif;
    color: #475C7C;
    font-size: 18pt;
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(47, 71, 107, 1.0), rgba(0, 0, 0, 0));
}

    .h2-blue-bold span {
        background: #fff;
        padding: 0 10px;
    }

.txtbox {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 0;
    height: 35px;
    width: 200px;
    padding-left: 5px;
    font-family: "Lato Regular",Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: slategray;
    margin: 0px 10px;
}

.body-text-bold {
    font-family: "Lato Bold",Verdana,Arial,sans-serif;
    font-weight: bold;
    color: #4f4f4f;
    font-size: 11pt;
    line-height: 12pt;
    text-align: center;
    margin: 0px 4% 15px;
}

.body-text-light {
    font-family: "Lato Regular", Verdana,Arial,sans-serif;
    font-weight: 100;
    font-size: 12pt;
    text-align: center;
    margin: 10px 22% 4px;
    color: dimgray;
    line-height: 12pt;
}

.button-table {
    font-family: 'Lato Regular', Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 10pt;
    word-wrap: normal;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0px 20px 0px;
}

.button-table td {
    cursor: pointer;
    text-align: center;
}

.button-table table {
    margin: 0 auto;
}

.button-table img {
    height: 90%;
}

.index-page html, body {
    max-width: 100% !important;
    overflow-x: hidden;
}

.table-container {
    background-color: white;
    color: #3B537A;
    padding: 20px 0px;
}

.table-container div {
    display: inline;
}

.table-container table {
    text-align: left;
    vertical-align: middle;
}

.table-container td {
    padding: unset;
    min-width: 200px;
    max-width: 350px;
    vertical-align: middle;
}

.table-container th {
    padding: unset;
    vertical-align: middle;
}

.table-container img {
    vertical-align: middle;
    display: table;
    margin: 0 auto;
}

.table-container tr {
    background-color: white;
    max-height: 160px !important;
    vertical-align: middle;
}

.add-item {
    background-image: url('/images/add.gif');
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    margin-top: 10px;
    display: none;
}
.HistologyImages img 
{
    width:500px;
}
.HistologyImage img {
    border-radius: 15px;
    padding: 5px;
    margin: 0 auto;
    vertical-align: middle;
    box-shadow: 0 0 5px 5px lightgray;
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
    overflow: hidden;
    object-fit: fill;
    object-position: center; /* Center the image within the element */
    padding: 0;
    vertical-align: middle !important;
    cursor: pointer;
    min-width: 200px;
    margin-right: 20px;
}
.Calendar
{
    font-family: "Lato Regular", Arial,sans-serif;
    font-size:8pt;
    box-shadow: 0 0 5px 5px lightgray;
    border-radius:10px;
    background-color:#fbfbfb;
}
.Calendar tr:first-child td:first-child { border-top-left-radius: 10px; }
.Calendar tr:first-child td:last-child { border-top-right-radius: 10px; }
.Calendar tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.Calendar tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.Month td
{
    font-family: "Lato Regular", Arial,sans-serif;
	height: 50px;
	font-size:large;
	text-align:center;
    background-color:#274164;
    color:white;
}
.Weekdays td
{
	border-bottom:1px solid gray;
	height: 10px;
	text-align:center;
    font-family: "Lato Regular", Arial,sans-serif;
    background-color:#274164;
    color:white;
	width:10px;
}
.Days td
{
	padding-left:1px;
	width:50px;
	height: 50px;
	border:1px solid gray;
	vertical-align:middle;
    text-align:center;
}
.greendot {
  height: 5px;
  width: 5px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
.orangedot {
  height: 5px;
  width: 5px;
  background-color: orange;
  border-radius: 50%;
  display: inline-block;
}
.reddot {
  height: 5px;
  width: 5px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}
.bluedot {
  height: 5px;
  width: 5px;
  background-color: deepskyblue;
  border-radius: 50%;
  display: inline-block;
}

.Report {
    font-family: Verdana !important;
    font-size: .8em;
}

    .Report table, tr, td, th {
        font-family: Verdana !important;
    }

.ModernContainer {
    margin: 0 auto;
    padding: 15px;
    border: 1px solid lightgray;
    border-radius: 15px;
    width: 700px;
    background-color: ghostwhite;
    position: relative;
    box-shadow: rgba(50, 50, 105, 0.15) 1px 4px 10px 1px, rgba(0, 0, 0, 0.05) 1px 2px 2px 1px;
}