html,body {width:100%; height:100%; margin:0px; padding:0px; top:0px; background:#e5e5e5;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position:relative;
}


::-webkit-input-placeholder {
   line-height:12px;
   text-transform:uppercase;
   padding-left:4px;
   padding-top:2px;
   font-weight:bold; font-size:14px; color:black; font-family:'Roboto Condensed'; opacity:.4
}

:-moz-placeholder {
   line-height:12px;
   padding-top:2px;
   padding-left:4px; text-transform:uppercase;
   font-weight:bold; font-size:14px; color:black; font-family:'Roboto Condensed'; opacity:.4
}

::-moz-placeholder {
   line-height:12px;
   padding-top:2px;
   padding-left:4px; text-transform:uppercase;
   font-weight:bold; font-size:14px; color:black; font-family:'Roboto Condensed'; opacity:.4
}

:-ms-input-placeholder {
   line-height:12px;
   padding-top:2px;
   padding-left:4px; text-transform:uppercase;
   font-weight:bold; font-size:14px; color:black; font-family:'Roboto Condensed'; opacity:.4
}

.NO_SELECTION {
color:#13AC4B
}


div, td {position:relative; box-sizing:border-box}

#PAGE {
  width:95%;
  min-height:100%;
  margin:0px auto;
  min-width:920px
}

#NAV {
  position:fixed;
  left:2.5%;
  top:120px;
  z-index:3000;
  width:150px;
  height:auto;
  background:#9ba5a4
}

#NAV a.clientButton {
  display:block;
  white-space:nowrap;
  width:80%;
  margin:10px auto;
  font-family:'Roboto Condensed';
  font-size:18px;
  line-height:30px;
  height:30px;
  text-decoration:none;
  padding-left:10px;
  border:none;
  outline:none;
  background-color:#477671;
  color:white;
  font-weight:bold
}

#NAV .navA {
  display:block;
  white-space:nowrap;
  width:80%;
  margin:10px auto;
  font-family:'Roboto Condensed';
  font-size:18px;
  line-height:30px;
  height:30px;
  text-decoration:none;
  padding-left:10px;
  border:none;
  outline:none
}

.navA:active {
  transform: perspective( 600px ) rotateX( 45deg );
}


.nactiveNav {
  background-color:navy;
  opacity:.75;
  color:white;
}

.nactiveNav:hover {
  background-color:navy;
  opacity:1;
  color:white;
}

.nactiveNav:active {
  background-color:#407771;
}



.activeNav {
  color:navy;
  opacity:1;
  background-color:white;
}

.SEARCH {
  width:80%;
  display:block;
  height:30px;
  padding:0px;
  border-radius:5px;
  font-family:'Roboto Condensed';
  margin:10px auto;
}

#HEADER {
  position:fixed;
  z-index:1000;
  top:0px;
  width:100%;
  min-width:900px;
  height:100px;
  background:navy
}

h3 {
   width:80%;
   min-width:740px;
   color:white;
   position:absolute;
   bottom:16px;
   margin-left:calc(2.5% + 150px);
   font-family:'Roboto Condensed';
}

h4 {
   font-family:'Roboto Condensed';
   color:white;
   opacity:.5;
   font-size:5.5vw;
   top:0px;
   z-index:-1;
   height:100px;
   max-height:100px;
   min-height:100px;
   line-height:100px;
   text-align:right;
   position:absolute;
   width:100%;
   padding:5px;
   padding-top:10px;
   margin:0px;
   text-shadow:0px 0px 15px #c0c0co;
}

.LOGO {
  position:absolute;
  top:-90px;
  width:160px;
  left:2.5%;
  z-index:2000;
  height:100px;
}

.LOGO img {
  display:block;
  height:60px
}

.help {
  display:none;
  position:absolute;
  top:0px;
  width:100%;
  left:0px;
  background:#263f3b;
  height:20px;
}

.help select {
  position:absolute;
  top:2px;
  width:200px;
  right:2.5%;
  height:16px;
  font-size:11px;
  border:none;
  outline:0px;
  display:block;
  font-weight:bold;
  cursor:pointer;
  background:#DADADA;
}

.GROW select, .GROW input[type=text]:not(.caption) {
  font-size:12px;
  border-radius:5px;
  padding:0px;
  border:1px solid #dadada;
  padding-left:4px;
  outline:0px;
  height:28px;
  display:block;
  background:white;
}

.GROW select {
  padding:0px;
  font-weight:bold;
  background:#9ba5a4;
}

.GROW select option[value=''] {
  background:white
}



#EDITOR select, #EDITOR textarea, #EDITOR input[type=text]:not(.caption) {
  font-size:12px;
  border-radius:5px;
  padding-left:5px;
  border:1px solid #dadada;
  outline:0px;
  height:28px;
  display:block;
  background:white;
}

input[type=text]:not(.caption) {
  height:25px;
  cursor:auto
}

#CONTENT {
   width:80%;
   min-width:740px;
   margin-top:130px;
   float:right;
   background:white
}

#TABLE_HEADER {
   position:absolute;
   bottom:-20px;
   right:2.5%;
   width:80%;
   min-width:740px;
   background:#9ba5a4;
   cursor:pointer
}

#TABLE_HEADER td {
  border:1px solid transparent;
  font-weight:bold
}

.communityDD{
  font-size:11px;
  width:95%;
  margin:0px auto;
  border:none;
  height:16px;
  outline:0px;
  display:block;
  font-weight:bold;
  cursor:pointer;
  background:#DADADA;
}

.GRID {
  display:table;
  border-collapse:collapse;
  width:100%;
}

.GRID tr {
  display:table-row;
  vertical-align:middle;
  font-weight:bold;
  color:black;
  border-bottom:15px solid #E5E5E5
}

.GROW:NOT(.LEADSOUT):hover  {
  background:#9ba5a4;;
  color:black;
}

.GRID td {
  display:table-cell;
  font-family:arial;
  font-size:14px;
  border:1px solid transparent;
 }

.GRID .GHEAD {
  text-align:center
}

.GRID .GHEAD td{
  text-decoration:none
}

.COL_SORT:active{
  color:#263F3B;
  text-decoration:underline
}


.sortOrder {
  display:inline-block;
  position:relative;
  width:10px;
  text-align:center;
  top:-1px;
  opacity:.5;
  font-size:10px;
  font-family:verdana
}

#editScreen {
  display:none;
  z-index:500;
  position:absolute;
  min-height:1900px;
  height:auto;
  background:white;
  border:2px solid #c0c0c0
}

#editP {
  position:relative
}

img[src='loader.gif'] {
  display:block;
  position:relative;
  width:300px;
  margin:0px auto
}

.openEditor {
  display:block;
  width:100%;
  height:30px;
  line-height:30px;
  text-align:center;
  text-decoration:none;
  color:black;
  font-size:18px;
}

#EDITOR {
  clear:both;
  position:relative;
  font-family:'Roboto Condensed';
  font-weight:bold;
  color:black
}

#EDITOR input[type=text]:not(.caption), #EDITOR select, #EDITOR textarea {
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
  position:relative;
  background: #DADADA;
}

#EDITOR textarea:focus, #EDITOR input[type=text]:focus:not(.caption), #EDITOR select:focus:not(.caption) {
  background:white
}



input[type=checkbox] {
  width:inital
}

.SECTION {
  display:none
}

.E_SECTION {
  margin:10px;
  display:inline-block;
  vertical-align:top;
}

.DETAILS {
  width:80%;
  text-align:center;
  position:absolute;
  white-space:nowrap;
  left:2px;
  top:2px
}

.EDIT_BUTTONS {
  width:18%;
  position:absolute;
  top:0px;
  right:0px;
}

.EDIT_BUTTONS a{
  border:1px solid #8284C0;
  padding-left:5px;
  display:block;
  background-color:#9ba5a4;
  margin:5px;
  white-space:nowrap;
  text-decoration:none;
  color:black;
  height:24px;
  line-height:24px;
  font-family:'Roboto Condensed';
}

.EDIT_BUTTONS a:hover{
  margin-left:-2px
}

.EDIT_BUTTONS a:active{
  margin-left:-2px;
  background:white
}




a.SUB_SUB_BUTTONS {
  position:relative;
  border:1px solid #8284C0;
  text-align:center;
  width:100px;
  display:block;
  background-color:#8284C0;
  margin:5px;
  white-space:nowrap;
  text-decoration:none;
  color:black;
  font-size:14px;
  height:18px;
  line-height:18px;
  font-family:'Roboto Condensed';
}




.dataLabel div{
  position:absolute; font-weight:bold; font-size:14px; right:4px; bottom:5px; color:black; opacity:.4;
  font-family:'Roboto Condensed';
}

#PHOTOS {
  background-color:#DADADA;
  border-radius:5px;
  width:100%;
  padding-top:2.5%;
  padding-bottom:2.5%
}

.PHOTO_PIC {
  background:white;
  cursor:move;
  clear:both;
  margin: 5px;
  padding: 5px;
  height: 52px;
  width: 90%;
  border: 1px solid black;
  white-space:nowrap;
  position: relative;
  clear: both;
  min-height:70px;
  width:95%;
  margin:5px auto
}

.PHOTO_PIC img {
  width: 100%;
  max-height:70px;
  float:left;
  display:block;
  position: relative;
  max-height:50px
}

.showPic,.showMPic {
  float: left;
  display:inline-block;
  border: 3px solid black;
  width: 35%;
  height: 50px;
}


.caption,.floorplan_yn {
  display: block;
  font-family:verdana;
  width:45%;
  white-space:nowrap;
  font-size:12px;
  margin-right:15px;
  float:right
}

.UPLOAD_PHOTOS {
  min-width:630px;
  width:100%;
  min-height:500px
}

.INSERT_IMAGE {
  width:100%;
  height:400px
}

.removePIC,.removeMPIC {
position: absolute;
top: 0px;
right: 0px;
display: block;
background: black;
color: white;
width: 15px;
height: 15px;
font: bold 10px verdana;
text-align: center;
text-decoration: none;
}

 .sortable { list-style-type: none; margin: 0; padding: 0;}


.fileManager {
  -moz-box-shadow: -1px 3px 8px #000000;
  -webkit-box-shadow: -1px 3px 8px #000000;
  box-shadow: -1px 3px 8px #000000;
  background:#8284C0;
  border-radius:5px;
  position:fixed;
  display:none;
  right : 0px;
  min-height:400px;
  z-index:2001;

}

.fileManager iframe {
  width:99%;
  height:400px;
  min-height:400px;
  position:relative;
  margin:0px auto;
  display:block
}

.COL_SORT {
  color:black;
  text-decoration:none
}


.INFO_DDS {
  width:100%
}

.INFO_DDS select {width:90%; margin:0px auto; display:block}

a.removeFPfromcom {
  display:block;
  text-decoration:none;
  text-align:center;
  font-family:verdana;
  font-size:12px;
  font-weight:bold;
  white-space:normal;
  width:99%;
  margin:5px auto;
  border-radius:5px;
  background:#dadada;
  color:black;
  padding-top:2px;
  padding-bottom:5px;
}

a.removeFPfromcom span {
  border-radius:50%;
  display:inline-block;
  padding:0px;
  color:white;
  float:right;
  height:10px;
  width:10px;
  font-size:8px;
  background-color:black;
  line-height:10px;
  text-align:center
}

div.comimgShow {
  background:url("blank.gif") no-repeat center center;
  height:75px;
  background-size:100%;
  display:block;
}

.ASSIGNED_HOMES a, .ASSIGNED_FLOOR_PLANS a {
  display:block;
  cursor:move;
  color:black;
  min-height:30px;
  background:white;
  font-family:verdana;
  font-size:12px;
  text-decoration:none;
  border:1px solid black;
  margin-top:10px
}

.ASSIGNED_FLOOR_PLANS a {
  line-height:30px
}

#assignedHOMES,#unassignedHOMES,#assignedFLOOR_PLANS,#unassignedFLOOR_PLANS  {
  min-height:100px;
  background:#DADADA
}


#peopleAssign {
  width:95%;
  position:relative;
  margin:30px auto;
  border:1px solid #8284C0;
  border-radius:5px;
  height:350px;
}

#peopleAssignNav {
  position:absolute;
  left:5px;
  height:20px;
  width:225px;
  top:-20px;
}

#peopleAssignNav a {
  background:#8284C0;
  text-decoration:none;
  display:inline-block;
  color:white;
  margin:3px;
  padding:2px;
  border-radius:5px;
  text-align:center
}

#peopleAssignList {
  width:45%;
  cursor:pointer;
  overflow:hidden;
  overflow-Y:auto;
  position:absolute;
  left:5px;
  top:5px;
  bottom:5px;
  height:auto;
}


#peopleAssignGroup {
  width:45%;
  cursor:pointer;
  overflow:hidden;
  overflow-Y:auto;
  position:absolute;
  right:5px;
  top:5px;
  bottom:5px;
  height:auto;
}




#peopleAssignList a,#peopleAssignGroup a {
  border:2px solid #8284C0;
  position:relative;
  box-sizing:border-box;
  display:block;
  margin:5px;
  text-align:left;
  text-decoration:none;
  border-radius:5px;
  background:white;
  height:20px;
  color:black;
  font-size:12px;
  padding:2px;
  font-weight:normal;
  font-family:verdana
}

#peopleAssignList a:hover, #peopleAssignList a:hover span, #peopleAssignGroup a:hover, #peopleAssignGroup a:hover span {
  background:#8284C0;
  color:white;
}

#peopleAssignList a:active, #peopleAssignGroup a:active {
  margin-right:2px
}


#peopleAssignList a span, #peopleAssignGroup a span {
  font-family:arial;
  font-size:14px;
  color:#8284C0;
  display:inline-block;
  width:20px;
  height:17px;
  border-radius:5px;
  position:absolute;
  right:-3px;
  top:0px
}

/*
        <div id="peopleAssign">
          <div id="peopleAssignNav">
            <a href="#" data-group="FLOOR_PLANS">Floor Plans</a>
            <a href="#" data-group="HOMES">Homes</a>
            <a href="#" data-group="COMMUNITIES">Communities</a>
          </div>
          <div id="peopleAssignList"></div>
          <div id="peopleAssignGroup"></div>
        </div>


*/


.navACTIVE, .navHOLD {
  background-color: #8284C0;
  color: white;
}

.navARCHIVE {
  background-color:black;
  color:white
}

.navHOLD {

  opacity:0.65;
}


.thumbnailImage {
  display:block;
  width:100%;
  height:auto
}


.thumbnailImage[src='###THUMBNAIL_PIC###'], .thumbnailImage[src=''] {
  display:none
}


#SITEMAPS:before {
  position:absolute;
  top:0;bottom:0;right:0;left:25px;
  width:50px;
  height:50px;
  padding-top:28px;
  content:"spidering for site maps";
  font-size:12px;
  text-align:center;
  color:black;
  font-family:arial
}

#SITEMAPS {
  display:none;
  position:fixed;
  bottom:10px;
  width:100px;
  height:100px;
  border-radius:50%;
  left:10px;
  opacity:.3
}

#SITEMAPS:hover {
  opacity:1
}



.spinner {
    border: 16px solid #e5e5e5; /* Light grey */
    border-top: 16px solid #407771; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#ttCount,#descCount {
    position: relative;
}

.hide {
     display:none !important;
     opacity:0 !important;
     visibility:hidden !important;
}

.doNotShow {
               display : none !important;
               visibility : hidden !important;
               opacity : 0 !important;
               left : -999999px !important;
               height :  0 !important;
               position : relative;
               margin :0 !important;
               padding : 0 !important
}