@font-face {
    font-family: FuturaStdBook;
    src: url(/lib/fonts/Futura/FuturaStd-Book.otf);
}

/* happy grid stuff */

.project-sectionInfo        {grid-area: project-sectionInfo;}
.project-sectionDetails     {grid-area: project-sectionDetails;}
.project-sectionAdmin       {grid-area: project-sectionAdmin;}
.project-sectionContent     {grid-area: project-sectionContent;}

.gridProject {
    display: grid;
    grid-gap:   20px;
    grid-template-areas:
        "project-sectionInfo"
        "project-sectionDetails"
        "project-sectionContent"
        "project-sectionAdmin"
    ;    
}

@media (min-width: 800px) {
    .gridProject {
        grid-template-columns: 2fr 1fr 1fr;
        display: grid;
        grid-gap:   20px;
        grid-template-areas:
            "project-sectionInfo project-sectionDetails project-sectionAdmin"
            "project-sectionContent project-sectionContent project-sectionContent"
        ;
    }
}


@media (min-width: 1820px) {
    .gridProject {
        grid-template-columns: 2fr 1fr 1fr;
        display: grid;
        grid-gap:   20px;
        grid-template-areas:
            "project-sectionInfo project-sectionDetails project-sectionAdmin"
            "project-sectionContent project-sectionContent project-sectionAdmin"
        ;
    }
}

/* template layout */

.naviline {
    font-size: 11pt;
    color: white;
    letter-spacing: .75pt;
    float:left;
}

body {
    font-family: roboto, "open sans", verdana, helvetica;
    font-size: 10pt;
    margin:0;
    padding:0;
    border:0;     /* This removes the border around the viewport in old versions of IE */
/*    width:100%;
    background:#F4F4F4;*/
}

textarea {
    font-size: 9pt;
    font-family: muli, verdana;
}

input,select,textarea {
    font-size: 8pt;
    padding:4px;
}

table {
    border-collapse:collapse;
}

.tbody-striped tr:nth-child(odd) {
   background-color: #eee;
}

form { 
    margin: 0; 
    padding: 0; 
}

p { 
    margin: 0; 
}

A:Link          {color: #1C5682; text-decoration: none;}
A:Visited       {color: #1C5682; text-decoration: none;}
A:Hover           {color: blue; text-decoration: none;}
A:Active        {color: orange; text-decoration: none;}

/* Print Only */
@media print {
.noprint {display:none !important;}
}

.num    {text-align:right;}

.flright {float:right;}
.flleft  {float:left;}

.flleftpr5      {float:left;padding-right:5px;}
.flleftpr10     {float:left;padding-right:10px;}
.flleftpl10     {float:left;padding-left:10px;}
.flrightpr5     {float:right;padding-right:5px;}
.flrightpr10    {float:right;padding-right:10px;}
.pr5            {padding-right:5px;}
.pl5            {padding-left:5px;}
.pr10           {padding-right:10px;}
.pl10           {padding-left:10px;}
.pr20           {padding-right:20px;}
.pl20           {padding-left:20px;}

p   { padding-bottom: 5px;}

blockquote {
    border: 1pt solid silver;
    border-left: 3pt solid silver;
    padding:5px;
    font-size:8pt;
    margin: 5px;
}

.caption {
    font-size:8pt;
    color: gray;
}

.highlight {
    background-color:#F5F5DC;
    font-weight:bold;
}

.pagetitle {
    background-color: #DDD;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
}

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}
.sortasc {
  background-image: url('https://abimf.com/f/images/up.gif');
}
.sortdesc {
  background-image: url('https://abimf.com/f/images/down.gif');
}

.task_event {
    background-color: #e7f3ff;
}

.task_event_multiday {
    background-color: #C6D7E7;
}

.task_iscomplete .task_title {
    text-decoration: line-through;
}


.threadDeleted{
    display:none;
}

input.SearchBox {
    background-color: #d5ffff;
    background-image: url('https://abimf.com/f/images/icons/magnifier.png');                    
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
}

input.SearchBoxTop {
    background-color: #d5ffff;
    background-image: url('https://abimf.com/f/images/icons/magnifier.png');                    
    background-repeat: no-repeat;
    background-position: 3px 8px;
    padding-left:20px;
}


input.LinkerBox {
    background-color: #ffff99;
    background-image: url('https://abimf.com/f/images/icons/link_add.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    color:black;
}

input.UpdateBox {
    background-image: url('https://abimf.com/f/images/icons/magnifier.png');                    
    background-repeat: no-repeat;
    background-position: right;
}

input.DropBox {
    background-image: url('https://abimf.com/f/images/down.gif');
    background-repeat: no-repeat;
    background-position: right;
}

input.DatePicker {
    background-image: url('https://abimf.com/f/images/icons/calendar.png');
    background-repeat: no-repeat;
    background-position: right;
}



.bkParch {
    background-color: #F5F5DC;
}

.dataline:hover {
    background-color: #F5F5DC;
}

.hl:hover {
    background-color: #F5F5DC;
}

.hlb:hover {
    background-color: #F5F5DC;
    font-weight:bold;
}

tr.task_ishidden {
    background-color: #eee;
}
.dataCell {
    border-bottom: 1pt solid silver;
    padding-left: 5px;
    padding-right: 5px;
}

.redbar{
    letter-spacing:1px;
    background-color: maroon;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.redbar a:Link {color: white;}
.redbar a:Visited {color: white;}
.redbar a:Hover {color: white;}

tr.redbar th {
    color: white;
    font-weight: bold;
    padding: 5px;
}


.bluebar{
    background-color: #1C5682;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;

    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.orangebox{
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    border-radius: 5px;
    */
    border:1pt solid orange;
}

.roundedcorner{
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}


.bluebar a:Link {color: white;}
.bluebar a:Visited {color: white;}
.bluebar a:Hover {color: white;}

tr.bluebar th {
    color: white;
    font-weight: bold;
    padding: 5px;
}


.graybar {
    background-color: #eee;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.babybluebar {
    background-color: #E7F1F8;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.darkgraybar {
    background-color: #777777;
    color: white;
    font-weight: bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}


.blackbar {
    background-color: #000;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.orangebar {
    background-color: #ee6f23;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.yellowbar {
    background-color: #ffd700;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.dkbluebar {
    background-color: #1C5682;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}
.dkbluebar a:Link {color: white;}
.dkbluebar a:Visited {color: white;}
.dkbluebar a:Hover {color: white;}

.dkbluebar input {
    color:black;
    font-size:8pt;
}

.dkbluebar btn {
    color:black;
}

.greenbar {
    background-color: #7BB128;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}
.greenbar a:Link {color: white;}
.greenbar a:Visited {color: white;}
.greenbar a:Hover {color: white;}

.steelbar {
    background-color: #888;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}
.steelbar a:Link {color: white;}
.steelbar a:Visited {color: white;}
.steelbar a:Hover {color: white;}

.steelbar input {
    color:black;
    font-size:8pt;
}

td.listingSummary {
    padding-left: 5px;
}

.SectionTitle{
    font-weight: bold;
    font-size: 11pt;
}

.bullet{
    margin-bottom:-3px;
    margin-right:-2px;
}


.bkimgthumb {
    background: no-repeat 50% 50%;
}

.label { cursor: pointer; cursor: hand; } 
label { cursor: pointer; cursor: hand; } 

.clr {clear: both;}

.togglelink        {font-size:8pt; color:gray;}
A.togglelink:link  {color:gray;}
A.togglelink:hover {color:blue;}

.partnerdata    {color: #0066ff;}
A.partnerdata:Link      {color: #0066ff; text-decoration: none;}
A.partnerdata:Visited   {color: #0066ff; text-decoration: none;}
A.partnerdata:Hover     {color: #0066ff; text-decoration: none;}
A.partnerdata:Active    {color: orange; text-decoration: none;}

.member             {color: purple;}
A.member:Link      {color: purple; text-decoration: none;}
A.member:Visited   {color: purple; text-decoration: none;}
A.member:Hover     {color: purple; text-decoration: none;}
A.member:Active    {color: orange; text-decoration: none;}

A.message:Link          {color: #1C5682; text-decoration: none; font-weight: bold;}
A.message:Visited       {color: #1C5682; text-decoration: none; font-weight: normal;}
A.message:Hover           {color: black; text-decoration: none; font-weight: normal;}
A.message:Active        {color: orange; text-decoration: none;}

.classTooltip span          {display:none; padding:2px 3px; margin-left:0px; margin-top: -75px;}
.classTooltip:hover span    {display:block; position:absolute; background:#fff; z-index:80;}
// a.classTooltip:hover span    {display:block; position:absolute; background:#ffffcc; border:2px solid orange; color:#6c6c6c;z-index:80;}


.dataItem   {
    width:550px; 
    border:1pt solid silver;
    padding:10px; 
}

.dataItem:hover{
    background-color: #F5F5DC;
}

.folderItem   {
    width:500px; 
    border:1pt solid silver;
    padding:10px; 
}

ul.dragsort {
    clear:both;
    padding-top: 5px;
    list-style-type: none;
}

ul.dirTree {
    list-style-type: none;
    margin: 0px;
    padding: 2px;
}


#mceul LI {
    list-style-type: square;
    padding-top: 0px;
}

UL  {
    list-style-type: square;
}


/*** Nav bar styles : http://phoenity.com/newtedge/horizontal_nav/ ***/

.menu   {
    z-index: 9999;
}

ul.hovermenu,
.hovermenu ul{
/*Remove all spacings from the list items*/
  margin: 0;
  padding: 0;
  cursor: default;
  list-style-type: none;
  display: inline;
}

ul.hovermenu{
    float:right;
    margin-right: -5px;
}
ul.hovermenu>li{
  display: table-cell;
  position: relative;
  padding: 2px 6px;
}

ul.hovermenu li>ul{
/*Make the sub list items invisible*/
  display: none;
  position: absolute;
  max-width: 40ex;
  margin-left: -6px;
  margin-top: 2px;
}

ul.hovermenu li:hover>ul{
/*When hovered, make them appear*/
  display : block;
    background-color:white;
}

.hovermenu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
  display: block;
  padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

.hovermenu ul li a{
  background-color: #fff;
  /*color: #369;*/
}


ul.hovermenu li:hover,
.hovermenu ul li a:hover{
  background-color: #eee;
    border: 1pt solid orange;
}

ul.hovermenu li:active,
.hovermenu ul li a:active{
  background-color: gray;
  color: #fff;
}

ul.hovermenu,
.hovermenu ul{
  border: 1px solid gray;
}

.hovermenu a{
  text-decoration: none;
}



/*** Nav bar styles : http://phoenity.com/newtedge/horizontal_nav/ ***/

ul.hovermenuinline,
.hovermenuinline ul{
/*Remove all spacings from the list items*/
  margin: 0;
  padding: 0;
  cursor: default;
  list-style-type: none;
  display: inline;
}

ul.hovermenuinline{
    float:left;
    font-size: 7pt;
}
ul.hovermenuinline>li{
  display: table-cell;
  position: relative;
  padding: 2px 6px;
}

ul.hovermenuinline li>ul{
/*Make the sub list items invisible*/
  display: none;
  position: absolute;
  margin-left: -6px;
  margin-top: -2px;
}

ul.hovermenuinline li:hover>ul{
/*When hovered, make them appear*/
  display : block;
}

.hovermenuinline ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
  display: block;
  padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

.hovermenuinline ul li a{
  background-color: #fff;
  /*color: #369;*/
}


ul.hovermenuinline li:hover,
.hovermenuinline ul li a:hover{
    border: 1pt solid orange;
  background-color: #eee;
}

ul.hovermenuinline li:active,
.hovermenuinline ul li a:active{
  background-color: gray;
  color: #fff;
}

ul.hovermenuinline,
.hovermenuinline ul {
  border: 1px solid gray;
}

.hovermenuinline a{
  text-decoration: none;
}


/* security colors */
.Public {
    font-weight: bold;
    color: #FC0202
}

.Network {
    font-weight: bold;
    color: #FF9900
}

.Partners {
    font-weight: bold;
    color: #DCCB40
}

.Private {
    font-weight: bold;
    color: #24618E
}

.PrivateMessage {
    font-weight: bold;
    color: #DCCB40
}

.Password {
    font-weight: bold;
    color: #7EBD04
}

.AuthOnly {
    font-weight: bold;
    color: #313131
}

.CAauto {
    font-weight: bold;
    color: #7F8A95
}

.CAmanual {
    font-weight: bold;
    color: #A6BCCE
}

.hintbox {
    background-color: #ffffcc
}
.handle {
    cursor:n-resize;
}

.clsDroppable {
    cursor:grab;
}


.handledraggable, .move {
    cursor:move;
}

.hoverclass {
    border:1pt solid orange;
}

/* BUTTONS courtesy http://particletree.com/features/rediscovering-the-button-element/ */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#e5e5e5;
    border:1px solid #dedede;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;

    font-family: "Gill Sans MT", Tahoma, Arial, Verdana;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 3px 2px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:1px 7px 0px 4px; /* IE6 */
}
.buttons button[type]{
    padding:2px 7px 2px 4px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 5px 0px 4px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:14px;
    height:14px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* /buttons */

div.ajxSearch {
    border:1pt solid silver;
    border-bottom:1pt solid gray;
    border-right:1pt solid gray;
    position: absolute;
    left:0px;
    top:21px;
    background: #fff;
    color: black;
    width: 300px;
    height: 200px;
    font-size:9pt;
    font-weight:normal;
    overflow: auto; 
    overflow-x: hidden;
    display:block;
    z-index:99;
}


.propContainer {
    clear:both;
    padding-bottom: 10px;
}

.propSubhead {
    text-align: right;
    padding-right: 10px;
}

td.bkgray {
    background-color: #eee;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
}

td.bkgray:hover {
    background-color: #F5F5DC;
}


div.bluebar, div.bluebar A {
    padding: 5px;
    background-color:#1C5682;
    color:white;
}

.caldate {
    float:right;
    border:1pt solid black;
    width:20px;
    text-align:center;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom:2px;
}

.taskitem {
    // height:20px;
    // overflow:hidden;
    clear:both;
    font-size:8pt;
    margin:2px;
    padding:2px;
}

.taskitem_deletethis:hover {
    height:100px;
}

.transparent {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.transparent:hover {
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.hidden {
    display:none;
}

.visible {
    display:inline;
}

.hidden:hover {
    display:inline;
}

.hovervis:hover .hoverinvis{
    display:inline;
}

.hoverinvis {
    display:none;
}

.hovervisPage:hover .hoverinvisPage{
    display:inline;
}

.hoverinvisPage {
    display:none;
}

.displayadmin {
    border-left: 2pt solid red;
}

.underlined td{
    border-bottom: 1pt solid silver;
}


.deceased {
    background-color:#eee;
}

.pt6 {font-size: 6pt;}
.pt7 {font-size: 7pt;}
.pt8 {font-size: 8pt;}
.pt9 {font-size: 9pt;}
.pt10 {font-size: 10pt;}
.pt11 {font-size: 11pt;}
.pt12 {font-size: 12pt;}
.pt13 {font-size: 13pt;}
.pt14 {font-size: 14pt;}
.pt20 {font-size: 20pt;}
.pt24 {font-size: 24pt;}

.normal {font-weight: normal;}
.bold   {font-weight:bold;}
.underlined   {text-decoration: underline;}
.strike   {text-decoration: line-through;}
.em {font-style: italic;}
.italic {font-style: italic;}
.black {color:black;}
.blue   {color: #1C5682 !important;}
.orange {color: orange;}
.gray   {color: gray;}
.green  {color:green !important;}
.red    {color:red;}
.maroon {color:maroon;}
.silver {color:silver;}
.white  {color:white;}
.purple {color:purple;}
.yellow {color:yellow;}
.gold {color:gold;}

p.bold {padding-top: 10px;}

.cursPoint {cursor:pointer;}
.flat   {border:none;background:none;}

.divbar {color: orange;}

/* BUTTONS courtesy http://particletree.com/features/rediscovering-the-button-element/ */

.buttons_notext a, .buttons_notext button_notext{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#e5e5e5;
    border:1px solid #dedede;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    line-height:130%;
    cursor:pointer;
    padding:2px 2px 5px 2px; /* Links */
}
.buttons_notext button_notext{
    width:auto;
    overflow:visible;
    padding:1px 2px 0px 4px; /* IE6 */
}
.buttons_notext button_notext[type]{
    padding:2px 2px 2px 4px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button_notext[type]{
    padding:1px 2px 0px 4px; /* IE7 */
}
.buttons_notext button_notext img, .buttons_notext a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:14px;
    height:14px;
}

/* STANDARD */

button_notext:hover, .buttons_notext a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons_notext a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button_notext.positive, .buttons_notext a.positive{
    color:#529214;
}
.buttons_notext a.positive:hover, button_notext.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons_notext a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons_notext a.negative, button_notext.negative{
    color:#d12f19;
}
.buttons_notext a.negative:hover, button_notext.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons_notext a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* /buttons */


.hintbox{
    clear:both;
    width:100%;
    margin-bottom: 10px;
}

.hintboxcontent {
    background-color:#ffcc66;
    padding:10px;
}

/* my deals : bars */

.barDeal a:Link {color: white;}
.barDeal a:Visited {color: white;}
.barDeal a:Hover {color: white;}

tr.barDeal th {
    text-align: left;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barActive{
    background-color: #1C5682;
    color: white;
    font-weight:bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barClosed{
    background-color: #cc9933;
    color: white;
    font-weight:bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barContract{
    background-color: #888;
    color: white;
    font-weight:bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barOffMarket{
    background-color: #737371;
    color: white;
    font-weight:bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barOpportunity{
    background-color: #7BB128;
    color: white;
    font-weight:bold;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}

.barRooms{
    background-color: #99cccc;
    color: white;
    font-weight:bold;
}

.tabimage {
    margin-top:-4px;
    margin-bottom:-4px;
}

.toast {
    display: block;
    position: fixed;
    width:!!px;
    height: YYYpx;
    right: 0%;
    bottom: 0px;
    // I don't know what this is margin-left: -XXX/2 px;
}

.toastThread {
    width:150px; 
    background-color: #F5F5DC;
    padding-left:5px;
    overflow:hidden;
    height:12px;
    font-size:8pt;
    position:relative;
}

.toastIcon {
    position:absolute;
    top:0;
    right:0;
    background-color: #F5F5DC;
    width:13px;
    height:12px;
    margin-top: 1px;
}

.toastTime {
    font-size:7pt;
    font-family:arial narrow;
}

.toastLine {
    float:left;
    overflow:hidden;
    width:500px;
}

.helpbox1 {
    position: absolute;
    left:-242px;
    top:-130px;
    background: #ffe;
    width: 260px;
    height: 125px;
    overflow: auto; 
    overflow-x: hidden;
    z-index:99;
}
.helpbox2 {
    position: absolute;
    top:-130px;
    background: #ffe;
    width: 260px;
    height: 125px;
    overflow: auto; 
    overflow-x: hidden;
    z-index:99;
}

.helpboxtitle {
    font-weight:bold;
    padding:3px;
    color:white;
    font-size:11pt;
}

.helpboxbody {
    font-size:10pt;
    border:1pt solid #1C5682;
    color:black;
    font-weight:normal;
}
.warningboxbody {
    font-size:10pt;
    border:1pt solid #ffd700;
}

.helpboxanchor {
    position:relative;
    float:left;
    padding-left:5px;
}

.MktCard {
    width:250px;
    height:320px;
    border:1pt solid silver;
    margin:10px;
    padding:10px;
    text-align:center;
    float:left;
    background-color:#f9f9f9;
}

.MktCard:hover {
  cursor: move;
    border:1pt solid blue;
    background-color:white;
}

.MktCard_noadmin {
    width:250px;
    height:320px;
    border:1pt solid silver;
    margin:10px;
    padding:10px;
    text-align:center;
    float:left;
    background-color:#f9f9f9;
}

.MktCard_noadmin:hover {
    border:1pt solid blue;
    background-color:white;
}

.DealTitle {
    font-weight:bold;
    font-size:13pt;
}

.DealSubtitle {
    font-weight:normal;
    font-size:11pt;
}

.pdfobj {
    padding:2px;
    float:left;
    border:1pt solid silver;
    width:209px;
    overflow-x:hidden;
    background:url("/lib/images/right.gif") no-repeat;
    background-position: right center;
    cursor:pointer;
}


.designobj {
    background-color:white;
}

.pdfdrop {
    background:url("/lib/images/dragnotice.jpg") no-repeat;
    background-position: center center;
}

.box0 {box-shadow:inset 0px 0px 0px 1px gray;}
.box1 {box-shadow:inset 0px 0px 0px 1px red;}
.box2 {box-shadow:inset 0px 0px 0px 1px green;}
.box3 {box-shadow:inset 0px 0px 0px 1px blue;}
.box4 {box-shadow:inset 0px 0px 0px 1px purple;}
.box5 {box-shadow:inset 0px 0px 0px 1px orange;}

.relSearchBox {
    position: relative !important;
    top: -10px !important;
    left: 0px !important;
}

.graybox {background-color: #eee;}

.posabs {position:absolute;}
.posrel {position:relative;}

.signupbutton{
    background-color: orange;
    background-image: linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -o-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    border-radius: 5px;
    padding:10px;
    font-size:11pt;
}


.jellyblue{
    background-color: #1C5682;
    background-image: linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -o-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    border-radius: 5px;
    padding:5px;
}

.jellyorange{
    background-color: orange;
    background-image: linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -o-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    border-radius: 5px;
    padding:5px;
}

.jellygreen{
    background-color: #006600;
    background-image: -o-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -moz-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -webkit-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -ms-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: linear-gradient(to bottom, #006600 53%, #54B354 80%);
    border-radius: 5px;
    padding:5px;
}

.vcenter {
    display:table-cell;
    vertical-align:middle;
}

.toolbox {
    padding:10px;
    border:1pt solid #8CA8BD;
}

.centbox {
    margin-left:auto;
    margin-right:auto;
}

.circle {
    height:30px;
    width:30px;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
     display:table-cell;
    vertical-align:middle;
}

.hotinput {
    border:1pt solid silver;
    background-color:transparent;
    cursor: text;
    font-size: 9pt;

}

.hotinput:hover, .hotinput:focus{
    border:1pt solid black;
    background-color:#d5ffff;
  cursor: text;
}

table.tdpr10 td {
    padding-right: 10px;
}

table.datatable tr:hover {
    background-color: #F5F5DC;
}

table.datacells td:hover {
    background-color: #F5F5DC;
}

tr.underline td {
    border-bottom: 1pt solid silver;
}

tr.underline th {
    border-bottom: 1pt solid silver;
}

table.underline td {
    border-bottom: 1pt solid silver;
}


.outlined {
    color: #999999;
    text-shadow:
    -1px -1px 0 #333333,  
    1px -1px 0 #333333,
    -1px 1px 0 #333333,
    1px 1px 0 #333333;
}

html.ie7 .outlined,
html.ie8 .outlined,
html.ie9 .outlined {
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=-1,offY=-1);
    zoom: 1;
}




.classButtons a, .classButtons button{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#e5e5e5;
    border:1px solid #dedede;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;

    font-family: Tahoma, Arial, Verdana;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 3px 2px; /* Links */
}
.classButtons button{
    width:auto;
    overflow:visible;
    padding:1px 7px 0px 4px; /* IE6 */
}
.classButtons button[type]{
    padding:2px 7px 2px 4px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 5px 0px 4px; /* IE7 */
}
.classButtons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:14px;
    height:14px;
}

/* STANDARD */

button:hover, .classButtons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.classButtons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .classButtons a.positive{
    color:#529214;
}
.classButtons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.classButtons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.classButtons a.negative, button.negative{
    color:#d12f19;
}
.classButtons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.classButtons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* /buttons */

div.ajxSearch {
    border:1pt solid silver;
    border-bottom:1pt solid gray;
    border-right:1pt solid gray;
    position: absolute;
    left:0px;
    top:21px;
    background: #fff;
    color: black;
    width: 300px;
    height: 200px;
    font-size:9pt;
    font-weight:normal;
    overflow: auto; 
    overflow-x: hidden;
    display:block;
    z-index:99;
}


@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.vcenter {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

body {
	padding-top: 70px;
}

.dropdown-toggle {
	cursor: pointer;	
}

input.ng-dirty.ng-invalid {
	border: 1px solid red;
}
input.ng-dirty.ng-valid {
	border: 1px solid green;
}

.cursPoint {cursor:pointer;}

.top-buffer { margin-top:20px; }

.lr10 {padding-left: 10px;padding-right: 10px;}

td label{
  font-weight: normal;
}

.nav .classTooltip img {
  margin-top: -5px;
}


.mapgraphic {
  
}

#tdidDisplay {
  overflow-y: auto;
}

.btn.btn-default.btn-xs {
    font-size: 8pt;
    color:black;
}

.listingchangelog li {
    margin-left: 20px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.text-right {
    text-align: right;
}

.mapLegend{
    position:absolute; 
    bottom: 35px; 
    left: 10px;
    z-index:999;
    border:1pt solid black;
    padding:10px;
    max-height:600px;
    overflow-y:auto;
    background-color: white !important;
    -webkit-print-color-adjust: exact;     
}

.activemapLegend{
    position:absolute; 
    bottom: 10px; 
    left: 10px;
    z-index:999;
    border:1pt solid black;
    padding:10px;
    max-height:80%;
    max-width:30%;
    overflow-y:auto;
    background-color: white !important;
    -webkit-print-color-adjust: exact;     
    opacity:0.8;
}


.mute {
    background-color: #efefef;
    opacity: 0.6;
    color: gray;
}

.mute a {
    color: gray;
}

.clsCompany {
    background-color: #E7F1F8;
}

.liq-table-wrapper {
    width:700px; 
    height: 200px; 
    overflow-y:auto;
    border:1pt solid silver;
}

.liq-criteria-box {
    padding: 10px;
    border:1pt solid silver;

}

.expandinginput {
   width: 75px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
}
.expandinginput:focus {
   width: 300px;
}


.expandVert75 {
   height: 75px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
}
.expandVert75:focus {
   height: 300px;
}

.expandVert150 {
   height: 150px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
}
.expandVert75:hover {
   height: 300px;
}

.ListingSubtab {
    cursor: pointer;
}

.red    {font-color: red;}
.green  {font-color:green;}
.blue   {font-color:blue;}

.ExpandableTextarea {
    height: 20px;
    transition: all 0.5s ease;
}

.ExpandableTextarea:focus {
    height: 75px;
}

.DisplayBlock {
    display:block !important;
}

.DisplayInline {
    display:inline !important;
}

.DisplayInitial {
    display:initial !important;
}


.rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.bgwhite {
    background-color:white;
}

.bg-silver {
    background-color:#eee;
}

.classShowDependency {
    border:2pt solid red;
    background-color:yellow;

}


.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/images/star.png') 0 -16px;
}


@media (max-width: 1300px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.tblclassRowStripe tr:nth-child(even) { background: white;}
.tblclassRowStripe tr:nth-child(odd) { background: #eee;}


.pagePortrait {
    height: 1467px;
    width: 1107px;
    overflow:none;
}

.pageLandscape {
    width: 1467px;
    height: 1106px;
    overflow:none;
}

.pageLandscapeNoMargins {
    width: 1583px;
    height: 1222px;
}

.pagePortraitBleed {
    width: 816px;
    height: 1056px;
    overflow:hidden;
    clear:both;
    position:relative;
}

.pagePortraitBleed_content {
    width: 768px;
    height: 1008px;
    overflow:hidden;
    top: 50%;
    left: 50%;    
    margin-left: -384px;
    margin-top: -504px;
    font-family: open sans;
    position: relative;
    clear:both;
    display:inline-block;
}

.pageLandscapeBleed {
    height: 816px;
    width: 1056px;
    overflow:hidden;
    clear:both;
    position:relative;
}

.pageLandscapeBleed_content {
    height: 768px;
    width: 1008px;
    overflow:hidden;
    top: 50%;
    left: 50%;    
    margin-top: -384px;
    margin-left: -504px;
    font-family: open sans;
    position: relative;
    clear:both;
    display:inline-block;    
}

.pageLandscapeBleed_ND {
    height: 816px;
    width: 1056px;
    overflow:hidden;
    clear:both;
    position:relative;
}

.pageLandscapeBleed_content_ND {
    height: 725px;
    width: 1008px;
    overflow:hidden;
    top: 50%;
    left: 50%;    
    margin-top: -384px;
    margin-left: -504px;
    font-family: open sans;
    position: relative;
    clear:both;
    display:inline-block;        
}

.pf_td {text-align: right; padding-right:8px;}

.border {border: 1pt solid silver;}
.border-left {border-left: 1pt solid silver;}
.border-right {border-right: 1pt solid silver;}
.border-bottom {border-bottom: 1pt solid silver;}
.border-top {border-top: 1pt solid silver;}


ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    font-size:12pt;
    font-family:FuturaStdBook,lato;
    margin:0;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white}

.clsSummationBar td{
    background-color:#67768a;
    font-weight:bold;
    color:white;
}

.bovPageHeader {
    background-color:#ee6f23;
    color:white;
    font-size:18px; 
    font-family:FuturaStdBook,lato; 
    letter-spacing:1pt; 
    padding: 6px;
    text-align:center;
    text-transform: uppercase;
    margin-bottom:16px;
    clear:both;
}

.bovSectionHead {
    text-transform:uppercase;
    color:#ee6f23;
    font-size:12pt;
    font-family:FuturaStdBook,lato;
}


.flexbox{
    display:flex; 
    flex-direction:row; 
    flex-wrap:wrap; 
    justify-content: left;    
}

.flexCol {
    flex-direction: column;
}

.flexboxGap10 {
    gap: 10px;
}

.flexboxGap20 {
    gap: 20px;
}

.flexboxItem {
    padding:0 10px;

}


.clsProjTimelineDone {
    background-color: red !important;
}

.clsProjTimelineNotDone {
    background-color: white !important;
}

.clsProjTimelineComplete div {
    background-color: lime !important;
}

.clsProjTimelineItem {
    box-sizing: border-box;
    border: 1pt solid silver;
    height: 10px;
    width: 10px;

    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;

}

.photoProp {
    border:none !important;
}

.photoProp img {
    border:1pt solid gray !important;
    border-collapse: collapse;
}

.clsJobComplete {
    background-color: #eee;
    font-size: 7pt;
}

.clsJobDropped {
    background-color: orange;
    opacity: 0.7;
    font-size: 7pt;
}


.table-striped tr:nth-child(odd){
    background-color:#f5f5f5;
}

.clsLibraryRoom {
    border:1pt solid silver;
    border-radius:5px;
    padding: 15px;
    width:600px;     
    margin: 20px;
    background-color:white;
}

.clsLibraryRoomSubfolder {
    border:1pt solid silver;
    border-radius:5px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color:white;    
}

.clsLibraryRoomSubfolder:hover {
    background-color:#F5F5DC;
}

.clsLibrary .strike {display:none;}

.clsLibrary .DroppableFile {     
    margin-right: 5px;
    margin-bottom: 5px;
    padding:5px; 
    border:1pt solid silver;}

.clsflexbox_LibraryRoom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}    

.clsflexbox_LibraryRoomCol1 {
    flex-grow:1;
    padding-right:20px;
    width:80px;
}

.clsflexbox_LibraryRoomCol2 {    
    width:400px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.dotBlue {
    height:20px;
    width:20px;
    background-color:#2d5064;
    border-radius:10px;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
}

.dotOrange {
    height:20px;
    width:20px;
    background-color:#ea7606;
    border-radius:10px;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
}

.clsCounter {
    height:10px;
    width:10px;
    background-color:#ea7606;
    border-radius:5px;
    color:white;
    font-size:7pt;
    padding:1px 2px;
    justify-content:center;
    align-items:center;    
}

.clsThumbnail:hover {
    max-width:600px !important;
    max-height:600px !important;
    display:block;
    z-index:999;
    border:1pt solid silver;
    filter: drop-shadow(10px 5px 2px #666666);
}


.pac-container { z-index: 100000; } /*google autocomplete fix*/

.underlinetd td {border-bottom: 1pt solid silver;}