body {
    
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    background: #f6f6f6 url(images/background.png);
    color: #444444;
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;

}

.loginbody {
    background: url(../repm/images/SeattleHouse1.jpg );
    background-size: 100%;
    background-repeat:no-repeat;
}


.pagewithbg {
  background: url("../repm/images/SeattleHouse1.jpg") no-repeat fixed center;
  background-size: 100%;
  color: black;
}

.trans80 {
    filter:alpha(opacity=80); /* For IE8 and earlier */
    opacity:0.8;
}
.trans90 {
    filter:alpha(opacity=90); /* For IE8 and earlier */
    opacity:0.9;
    
}

.infoimage {
    vertical-align:text-top;

}

.tablebody {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    width: 100%;
    vertical-align: text-top;
}

.tablebodybox {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    color:#555555;
    width:100%;
    vertical-align: middle;
    border-spacing:0px;
   
    border-style:dashed;
    border-color:#333333;
    border-width:2px;
    text-align:center;
    
}

.tablebodybox td { padding:8px; }

.thintable {

    border-spacing:0px;
    padding:0px;
    margin:0px;
    border:0px;
    border-style:none;
    width:100%;
    border-color:none;

}


.mediumthintable {

    border-spacing:0px;
    padding:3px;
    padding-left:3px;
    margin:3px;
    border:1px;
    margin-left:3px;
    padding-left:3px;
    border-style:solid;
    width:100%;
    border-color:#E1E1E1;

}

.valigntop { vertical-align:top;
             
}


a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}


/* unvisited link */
a:link {
    color: #116699;
}

/* visited link */
a:visited {
    color: #115588;
}

/* mouse over link */
a:hover {
    color: #3399AA;
}

/* selected link */
a:active {
    color: #3399AA;
}

.alight {
    color: #FFFFFF;
}


.header-top {
  background-color: #697884;
  padding-bottom:7px;
  padding-top:7px;
}

.header-top-left {
  float: left;
  font-size: 13px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.header-top-right {
  float: right;
  font-size: 13px;
  color: #ffffff;
  
  
  
}

header{
  background-color: #6FBFEC;
  background-image: url(images/header-bg.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}


.header-border-top {
  background: url(images/header-border-top.png) top left repeat-x;
  height: 1px;
  padding-top: 4px;
}

header .width-container {
  position: relative;
  
}

.width-container {
  -webkit-transition: all .2s ease-in-out;
  width: 1400px;
  margin: 0 auto;
}

.header-border-bottom {
  background: url(images/header-border-bottom.png);
  height: 5px;
}

.w00 {
        font-size:11px;
    }
.w0 {
        font-size:12px;
    }

.w0g {
        font-size:12px;
        color:gray;
    }
.w05 {
        font-size:14px;
    }
.w1 {
        font-size:16px;
    }

.w2 {
        font-size:18px;
    }

.w3 {
        font-size:20px;
    }

.w32 {
        font-size:24px;
    }

.w35 {
        font-size:32px;
    }

.w4 {
        font-size:38px;
    }

.h1 {
        font-size:32px;
        color:#ffffff;
    }

.h2 {
        font-size:28px;
        color:#ffffff;
    }

.h3 {
        font-size:24px;
        color:#ffffff;
    }

.h4 {
        font-size:18px;
        color:#ffffff;
    }

.wbold {
        
        color:#222222;
        font-weight:600;
    }

.center {
text-align:center;
}
.left {
text-align:left;
}
.searchbox {
    padding:9px;
    border-color:#DDDDDD;
    border-width:1px;
    border-style:dashed;
}



.ProjectGridCell {
    padding-top:6px;
    padding-bottom:6px;
    padding-left:10px;
    padding-right:10px;
    vertical-align:top;
        border-bottom:dashed;
    border-bottom-width:thin;
    border-bottom-color:gray;
}

.ProjectIconsCell {
    padding-top:6px;
    padding-bottom:1px;
    padding-left:0px;
    padding-right:0px;
    vertical-align:top;
}


.ProjectGridRow {
    background-color:#FFFFFF;

}

.ProjectGridTable {
    background-color:#FFFFFF;
    border:0px;
    border-spacing: 0px;
    font-size:17px;
    width: 100%;
}

.ProjectGanttCell {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
    border-bottom:dashed;
    border-bottom-width:thin;
    border-bottom-color:gray;
    
}
.ProjectGanttEmptyCell {
    background-color: #EDEDED;
}

.ProjectGanttFullCell {
    background-color: #CCCCCC;
}

.ProjectGanttCellNow {

    border-left:2px solid #77AAEE;
}

.ProjectGanttCellYear {

    border-right:1px solid #bfbfbf;
}




.ProjectGanttEmptyCellNow {

    border-left:1px solid #CCCCCC;
}

.ProjectGanttFullCellNow {

    border-left:1px solid #AAAAAA;
}



img.desaturate{
-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
filter: gray; filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
}

.hidden {
    display:none;
}

.nothidden {
    
}

.sidebarwidth {
    width:250px;
}

.pagewidth {
     width:550px;
}

.content-boxed {
  padding: 0px 12px 10px 12px;
  border-left: 1px solid #c4c4c4;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c5c5c5;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
  margin-bottom: 18px;
}

.content-boxed-normal-margin {
  padding: 12px 12px 10px 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  
}

h2.box-title {

  color: #737373;
  font-size: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #c5c5c5;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  background: #f7f7f7 url(images/title-bg.png) bottom left repeat-x;
  padding: 16px 12px 13px 12px;
  line-height: 1;
  margin: 0px -12px 12px -12px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.11);
  font-family: 'PT Sans',sans-serif;
  font-weight: bold;
}

.box-li {

  padding: 7px 0px 7px 14px;
  margin: 0px;
  border-bottom: 1px dotted #d7d7d7;
  background: url(images/sidebar-list.png) 0px 11px no-repeat;
  line-height: 1.2;
}

li {
  display: list-item;
  text-align: -webkit-match-parent;
  color: #888888;
  margin-bottom:5px;
}

li-first {
  padding-top: 0px;
  background-position: 0px 4px;
}

.feeddivider {
  padding: 15px 15px 15px 15px;

  border-left: 1px solid #c4c4c4;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c5c5c5;
  background: #F4F4F4;
  border-radius: 3px;
  margin-bottom: 12px;
}


.feedpicture {
    width:540px;
    border:1px solid gray;
}

/* PropertySearch zoning popup */
#zoneboxpopup .zoneboxpage {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#zoneboxpopup .headerBox {
    align-items: baseline;
    display: flex;
    gap: 12px;
}