/**
 * /* 
 *     Document   : style.css
 *     Created on : Nov 14, 2012, 2:23:11 PM
 *     Author     : Drees Homes
 *     Description:
 *         This is the Master Stylesheet for the iFloorplans Application
 *         created for Drees Homes.
 *
 * @format
 */

/***** Tag level Settings *****/
root {
  display: block;
  background-color: white;
  height: 100%;
  width: 100%;
}

html {
  width: 100%;
  height: 100%;
}

body {
  font-family: Arial, sans-serif;
  font-size: 75%;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background: white;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 2.25em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.25em;
}

h4 {
  font-size: 1.15em;
}
h5 {
}
h6 {
  font-size: 1.2em;
}

img {
  border: none;
}

form {
  width: 100%;
}

input[type='submit'] {
  background-color: #ABBD26;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 0 5px;
  border: none;
}
input[type='submit']:hover {
  background-color: #B2C237;
  color: #fff;
}

input[type='reset'] {
  background-color: #ABBD26;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1em;
  border: none;
}
input[type='reset']:hover {
  background-color: #B2C237;
  color: #fff;
}

a {
  color: #00462e;
  text-decoration: none;
}

a:hover {
  color: #00462e;
}

a.dh-link:hover {
  color: #000;
}

.dh-link {
}

h1.dh-padding {
  padding-top: 5px;
}

.dh-arrow {
  height: 15px;
  /*float: right;*/
  margin: 5px 10px 0;
}

/***** General Page Settings *****/
.print {
  display: none;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ieWarn {
  width: 100%;
  height: 100%;
  background-image: url("/iFloorPlans/javax.faces.resource/ssTransBG-Tan.png.xhtml?ln=images");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6000;
}

.headLine {
  background-color: #00462e;
  color: #cac99a;
  display: block;
  width: 98%;
  padding: 1%;
  margin: 1% 0;
}

.ieWarn > div {
  width: 325px;
  height: 150px;
  padding: 10px;
  position: relative;
  top: 25%;
  left: 40%;
  background-color: #cac99a;
  border: solid 3px #00462e;
  color: #00462e;
  text-align: center;
}

.clearBut {
  width: 50px;
  height: 20px;
  background-color: #a1b11a;
  color: #00462e;
  margin: 10px auto;
  padding: 5px;
  border: solid 1px #00462e;
}
.clearBut:hover {
  background-color: #00462e;
  color: #a1b11a;
}

#center {
  width: 100%;
  height: 100%;
}
#entireWrapper {
  position: relative;
  width: 1024px;
  height: 850px;
  padding: 0;
  margin: 0;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.active {
  z-index: 10;
}

.nonactive {
  opacity: 0;
  z-index: 0;
}

.display {
  height: 0%; /* default height set via JS resizeToolBoxes() */
}
.posLeft {
  position: absolute;
  left: 0;
  top: 0;
}
.posTop {
  position: absolute;
  left: 0;
  top: 0;
}
.posRight {
  position: absolute;
  right: 0;
  top: 0;
}
.posBottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

/***** Header Settings *****/
#headWrapper {
  width: 100%;
  height: 13.5%;
  padding: 0;
  margin: 0;
  margin-bottom: 0.3%;
  border-bottom: 2px solid lightgray;
}

#logoContainer {
  width: 24.5%;
  height: 100%;
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 0.5%;
}

#logoContainer img {
  width: 75%;
  padding-top: 8%;
}

#headDtlContainer {
  width: 75%;
  height: 100%;
  float: right;
  padding: 0;
  margin: 0;
}

#headContentLT {
  width: 51%;
  text-align: left;
  float: left;
  padding: 5% 2% 0;
  margin: 0;
}
.neighName {
  font-size: 2em;
  padding: 0 0 5px;
}
.floorplanDD {
  border: solid 1px #cac99a;
  position: relative;
  height: 35px;
  padding-left: 5px;
}
.floorplanDD img {
  float: right;
  width: 30px;
  padding: 10px 3px 0 0;
}
.floorplanDDSEL {
  background-color: #a1b11a;
  padding-left: 5px;
  position: relative;
  z-index: 250;
}

#headContentRT {
  width: 40%;
  height: 100%;
  float: right;
  padding: 0;
  margin: 0;
  font-size: 0.75em;
  position: relative;
}

#headContentRT img {
  padding: 0 3%;
  width: 25px;
  position: absolute;
  bottom: 10px;
  right: 5px;
}

#footContentRT {
  width: 40%;
  height: 100%;
  float: right;
  padding: 0;
  margin: 5% 0 0 0;
  font-size: 0.75em;
  position: relative;
}

#footContentRT img {
  padding: 0 3%;
  width: 25px;
  position: absolute;
  bottom: 10px;
  right: 5px;
}

.copyright {
  position: absolute;
  bottom: 10px;
  right: 55px;
}

/***** Content Settings *****/
#contentWrapper {
  width: 100%;
  height: 77%;
  padding: 0;
  margin: 0.2% 0 0.5% 0;
  position: relative;
}

/***** Left Content - Tools and Options spaces *****/
#contentContainerLT {
  width: 24.5%;
  height: 100%;
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 0.5%;
  text-align: left;
  opacity: 1;
}

#elevContainer {
  position: relative;
  width: 90%;
  height: 25%;
  padding: 0% 5% 0;
}

.elevHeadingTitle {
  padding: 2% 5%;
  margin: 0;
}

.elevArrowBut {
  position: absolute;
  top: 43%;
  right: 1%;
  z-index: 2;
}

.elevDataWrapper {
  position: absolute;
  /* top: 13%; */
  top: 3%;
  left: 5%;
  width: 90%;
  height: 78%;
}

.elevPhotoContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.elevPhotoContainer img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.elevTitle {
  font-size: 1.15em;
}

#levelSelContainer {
  width: 90%;
  padding: 2% 5%;
  margin: 0 0 5%;
}

#levelOptions {
  padding: 0 0 0 5%;
}

.levelTitle {
  padding: 2% 5%;
  margin: 0;
}

.toolContainer {
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: solid 1px white;
  position: relative;
}

.toolTitle {
  padding: 2% 5%;
  margin: 0;
  float: left;
}

.dnArrow {
  width: 15px;
  float: right;
  margin: 10px 10px 0;
}

.rtArrow {
  height: 15px;
  float: right;
  margin: 5px 10px 0;
}

.toolBox {
  height: 89%;
  padding: 1% 5% 1% 5%;
}

.choiceOpt {
  padding: 2px 0;
}

.fpOptions .choiceOpt {
  padding: 5px;
  display: none;
}

.chkbxText {
  padding-left: 5px;
}

/***** Right Content - Floorplan Interaction Space *****/
#contentContainerRT {
  width: 75%;
  height: 100%;
  float: right;
  padding: 0;
  margin: 0;
  position: relative;
}

#iFloorplanContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.ifplevel {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 75%;
  height: 75%;
  opacity: 0;
}

.ifplevelIMG {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ifpOptContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ifpOptContent img {
  width: 100%;
}

/***** Elevation Selection Display Settings *****/
#elevChoicesWrapper {
  position: absolute;
  top: 14%;
  left: 24.5%;
  width: 75.6%;
  height: 77%;
  z-index: 150;
  background-image: url("/iFloorPlans/javax.faces.resource/ssTransBG-White.png.xhtml?ln=images");
  background-repeat: repeat;
  opacity: 0;
}

#elevSelContainer {
  position: absolute;
  top: 3.5%;
  left: 0;
  width: 100%;
  height: 21%;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  background-color: white;
  border-bottom: 2px solid gray;
}

.elevSelWrapper {
  position: absolute;
  top: 2%;
  width: 31%;
  height: 90%;
  padding: 0.6% 0;
  float: left;
}

.elevSelOption {
  width: 100%;
  height: 100%;
}

.elevSelOption input[type='image'] {
  max-width: 95%;
  height: 100%;
}

.elevSelHoverOver {
  background-color: orange;
}

.elevLTMenuBut {
  position: absolute;
  top: 37%;
  left: 2%;
  z-index: 20;
}

.elevRTMenuBut {
  position: absolute;
  top: 37%;
  right: 2%;
  z-index: 20;
}

/***** Elevation Selection Zoom In Image *****/
#elevZoomIn {
  position: absolute;
  top: 30%;
  left: 10%;
  padding: 1%;
  width: 80%;
  border: solid 1px #00462e;
  opacity: 0;
}

.elevZoomPhoto {
  width: 100%;
  text-align: left;
}

.elevZoomPhoto img {
  width: 100%;
  border: solid 1px #00462e;
}
.elevZoomTitle {
  width: 100%;
  font-size: 1.25em;
  font-weight: bold;
}

/***** Furniture ToolBox Settings *****/
.toolBoxDDWrapper {
  position: relative;
}
.toolBoxDD {
  width: 104%;
  padding: 3px;
  color: #1d1c1c;
  border: solid 1px lightgray;
  position: relative;
  left: -4%;
  top: 0;
}
.ddDisplayText {
  font-size: 1.2em;
  color: #808080;
  font-weight: bold;
  padding-left: 3%;
}
.toolBoxDD img {
  float: right;
  width: 15px;
  margin-top: 4px;
  margin-right: 2px;
}

.toolBoxDDSEL {
  background-color: #565656;
  color: #fff;
  width: 101%;
  padding: 3px;
  padding-left: 5%;
  position: absolute;
  top: 20px;
  left: -4%;
  z-index: 101;
  font-size: 1.2em;
}

.ddOptText {
  padding: 2px 0px;
}
.toolBoxWrapper {
  width: 105%;
  height: 230px;
  position: relative;
  overflow: auto;
  margin-top: 5px;
}

#choiceOptContainer .toolBoxWrapper {
  height: 99%;
}

.optionsContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.furnContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

img {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -user-select: none;
}

.furnTBWrapper {
  width: 60px;
  height: 60px;
  padding: 3px 3px 10px;
  margin: 10px 0;
  float: left;
  text-align: center;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -user-select: none;
}

.furnTBWrapper input {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -user-select: none;
}

.vertSliderUp {
  position: absolute;
  top: 0;
  right: 0px;
  width: 25px;
  display: block;
  z-index: 100;
}
.vertSliderDown {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 25px;
  display: block;
  z-index: 100;
}
.furnTBImg {
  max-width: 100%;
  max-height: 75%;
}

.furnTBTooltip {
  width: 100%;
  font-size: 0.8em;
}

.fpObj {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
}
.fpObj img {
  width: 100%;
}
.techArrow img {
  position: absolute;
  top: 0;
  left: 0;
}
.techItem img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.noteItem img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/** tech Tool settings **/
.techTBWrapper {
  width: 60px;
  height: 60px;
  padding: 3px 3px 10px;
  margin: 10px 0;
  float: left;
  text-align: center;
}

/***** Object Controls *****/
.noteObjDel {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 30%;
  height: 20%;
  z-index: 700;
}
.objDel {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 20%;
  z-index: 20;
}
.objRot {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 20%;
  z-index: 200;
}
.objRot img {
  width: 100%;
}
.objSclWsub {
  position: absolute;
  left: 0%;
  top: 45%;
  width: 20%;
  z-index: 60;
}
.objSclWadd {
  position: absolute;
  right: 0%;
  top: 45%;
  width: 20%;
  z-index: 60;
}
.objSclHsub {
  position: absolute;
  left: 40%;
  top: 0%;
  width: 20%;
  z-index: 60;
}
.objSclHadd {
  position: absolute;
  left: 40%;
  bottom: 0%;
  width: 20%;
  z-index: 60;
}
.techObjDel {
  position: absolute;
  right: 30%;
  bottom: 5%;
  width: 30%;
  height: 20%;
  z-index: 20;
}
/***** Bottom Container Control Settings *****/
#contentContainerCTRLs {
  width: 100%;
  height: 5%;
  padding: 0;
  margin: 3px;
  border-top: solid 2px lightgray;
  position: relative;
  z-index: 11;
}

#photoAlbumButContainer {
  width: 24.2%;
  height: 99%;
  float: left;
  padding: 0;
  margin: 1% 0 0;
  border-right: solid 2px lightgray;
}

#planCTRLsContainer {
  width: 38%;
  height: 99%;
  float: left;
  padding: 0;
  margin: 1% 0 0;
  border-right: solid 2px lightgray;
}

#fullScreenButContainer {
  width: 16%;
  height: 99%;
  float: left;
  padding: 0;
  margin: 1% 0 0;
  border-right: solid 2px lightgray;
}

#userCTRLsContainer {
  width: 21%;
  height: 99%;
  float: left;
  padding: 0;
  margin: 1% 0 0;
  border-right: solid 2px lightgray;
}

#saveBut {
  display: none;
}

#printBut {
  float: right;
  width: 40%;
}

.ctrlBut {
  float: left;
  padding-left: 3%;
}

.ctrlButText {
  float: left;
  padding-top: 12px;
  padding-left: 10px;
  font-size: 1em;
  font-weight: bold;
}

.photoAlbBut {
  padding-left: 25%;
}

.plansLTBut {
  padding-left: 17%;
}

.fullScrBut {
  padding-left: 6%;
}

.userCTRLsBut {
  padding-left: 6%;
}

/***** Footer Settings *****/

/***** Slide Show Floorplan Toggle Switch *****/
.ssFPSwitch {
  position: absolute;
  top: 2%;
  right: 0%;
  width: 15%;
  height: 2.5%;
  padding: 1%;
  color: #fff;
  background-color: #abbd26;
  font-size: 0.8em;
  font-weight: bold;
  z-index: 15;
  border-radius: 3px;
}

.ssFPSwitch:hover {
  color: #fff;
  background-color: #B2C237;
}

.ssFPObj {
  position: absolute;
  z-index: 500;
}
.ssFPObj img {
  width: 100%;
  height: 100%;
}

/***** Print Safe Area Settings ******/
.printSafe {
  width: 120%;
  height: 120%;
  border: #bcbcbc dashed 1px;
  position: absolute;
  top: -5%;
  left: -10%;
  color: #bcbcbc;
  text-align: left;
  display: none;
}
.printSafe span {
  position: relative;
  top: 10px;
  left: 10px;
}

.ssPSSwitch {
  position: absolute;
  bottom: 2%;
  right: 0%;
  width: 15%;
  height: 2.5%;
  padding: 1%;
  color: #fff;
  background-color: #abbd26;
  font-size: 0.8em;
  font-weight: bold;
  z-index: 15;
  border-radius: 3px;
}

.ssPSSwitch:hover {
  color: #fff;
  background-color: #B2C237;
}

/***** Slide Show Settings *****/
#slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-image: url("/iFloorPlans/javax.faces.resource/ssTransBG-White.png.xhtml?ln=images");
  background-repeat: repeat;
}

#slideshowContainer {
  position: absolute;
  top: 13%;
  left: 3%;
  width: 95%;
  height: 75%;
  background-color: darkgray;
}

#ssHeader {
  background-color: darkgray;
  padding: 0.5%;
  height: 3%;
}

#closeSwitch {
  float: right;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  padding: 3px 5px 0;
}

#ssContentWrapper {
  width: 99%;
  height: 94%;
  margin: 0.5%;
  background-color: #fff;
}

#ssLGImagesWrapper {
  position: relative;
  width: 100%;
  height: 80%;
  overflow: hidden;
}

.ssLGImage {
  width: 74%;
  height: 89%;
  position: absolute;
  top: 5%;
  padding-bottom: 1%;
}

.ssLGLTMenuBut {
  position: absolute;
  left: 2%;
  top: 45%;
  z-index: 20;
}

.ssLGRTMenuBut {
  position: absolute;
  right: 2%;
  top: 45%;
  z-index: 20;
}

.ssLGImage img {
  height: 420px;
  max-width: 100%;
  width: auto;
}

.ssImageTitles {
  font-size: 1.25em;
  font-weight: bold;
  display: block; /* set so placement is correct */
}

#ssThumbsWrapper {
  position: relative;
  width: 100%;
  height: 20%;
  overflow: hidden;
}

.ssThumbs {
  position: absolute;
  top: 5.5%;
  width: 15%;
  height: 75%;
  padding-bottom: 2px;
}
.ssThumbLTMenuBut {
  position: absolute;
  top: 30%;
  left: 2%;
  z-index: 20;
}
.ssThumbRTMenuBut {
  position: absolute;
  top: 30%;
  right: 2%;
  z-index: 20;
}

/** Dynamically set the left values with JavaScript **/
/** magic number 16 spacing difference between thumbs **/
#ssThumb-0 {
  left: 3%;
}
#ssThumb-1 {
  left: 19%;
}
#ssThumb-2 {
  left: 35%;
}

.ssThumbs img {
  width: 100%;
  height: 100%;
  border: solid 1px #00462e;
  width: auto;
}

/***** Classes for General Color Options *****/
.dreesgreen {
  color: #00462e;
}

.dreestan {
  color: #cac99a;
}

.dreesltgreen {
  color: #a1b11a;
}

.dreesgray {
  color: #eeeeee;
}

.dreesdarkgray {
  color: #808080;
}

.dreesorange {
  color: #abbd26;
}

/***** Classes for General Background Color Choices *****/
.dreesgreenBG {
  background-color: #00462e;
}

.dreestanBG {
  background-color: #cac99a;
}

.dreesltgreenBG {
  background-color: #a1b11a;
}

.dreesgrayBG {
  background-color: #eeeeee;
}

.dreesorangeBG {
  background-color: #abbd26;
}

.whiteBG {
  background-color: white;
}

.white {
  color: white;
}

/***** Add Note Settings *****/
.addnote {
  width: 98%;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2%;
  text-align: center;
  border-radius: 3px;
}

textarea {
  resize: none;
  font-size: 1.2em;
  width: 96%;
}
.noteDetTitle input {
  width: 96%;
}

/***** Note Item Object Settings *****/
.noteObj,
.techObj {
  width: 5%;
  height: 5%;
  left: 0%;
  top: 50%;
  position: absolute;
}

.noteItem,
.techItem {
  position: absolute;
  left: -150%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 400;
}

.noteItem img,
techItem img {
  width: 100%;
  height: 100%;
}

.noteItemTXT {
  position: absolute;
  z-index: 3;
  top: 20%;
  left: 23%;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 55%;
  height: 60%;
}

.pointer {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
}

.techLN {
  position: absolute;
  top: 40%;
  right: 100%;
  width: 120%;
  height: 1%;
  padding: 10% 0;
  background-color: #000;
}

.techLN img {
  display: none;
}

.techObj .techLN {
  width: 65%;
}

.techArrow {
  width: 50%;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 0%;
}

.techArrow img {
  width: 100%;
  height: 100%;
}

/***** Note Display in Toolbar *****/
.noteToolBox {
  left: -1%;
  top: 0;
}
.noteWrapper {
  position: relative;
}
.noteList {
  position: relative;
  width: 96%;
  font-size: 1em;
  color: #000;
  padding: 3% 2%;
  border-bottom: solid 1px lightgray;
}
.noteNum {
  float: left;
  font-weight: bold;
}
.noteTitle {
  float: left;
  padding-left: 10px;
}
.noteList img {
  float: right;
  width: 3.5%;
  max-height: 100%;
  padding-right: 5%;
}

/***** Note Details Objects *****/
.noteDetails {
  position: absolute;
  top: 15%;
  left: 95%;
  z-index: 200;
  background-color: lightgray;
  border: solid 2px gray;
  padding: 5px;
  width: 350px;
  height: 80%;
  display: none;
}
.noteDetSubmit {
  float: right;
  margin: 5px;
  padding: 5px 10px;
  /* background-color: #00462e;
  color: #cac99a;
  border: solid 1px #00462e; */
}
.noteDetClose {
  float: right;
  margin: 5px;
  padding: 5px 10px;
  /* background-color: #00462e;
  color: #cac99a;
  border: solid 1px #00462e; */
}
.noteDetDel {
  float: left;
  margin: 5px;
  padding: 5px 10px;
  /* background-color: #00462e;
  color: #cac99a;
  border: solid 1px #00462e; */
}

/***** Print Options Settings ******/
#printoptions {
  width: 100%;
  height: 0%;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 11;
}

#printContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

#printContainerLT {
  width: 22.5%;
  height: 90%;
  float: left;
  padding: 1%;
  margin: 0;
  margin-right: 0.5%;
  text-align: left;
  background-color: #fff;
}

#printContainerRT {
  width: 72.5%;
  height: 90%;
  float: right;
  padding: 1%;
  margin: 0;
  text-align: left;
  overflow-y: scroll;
  overflow-x: hidden;
}

#printPrevCtrls {
  clear: both;
  width: 98%;
  text-align: right;
  padding: 1%;
  margin-top: 1%;
  border-top: solid 2px lightgray;
}

.miniPageWrapper {
  width: 20%;
  height: 35%;
  margin: 1% 1% 3%;
  padding: 0;
  text-align: center;
  border: solid 1px #cdcdcd;
  font-size: 2px;
  float: left;
  position: relative;
}
.miniPageWrapper .miniPageBGImg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: -1;
}

.miniHeader {
  width: 100%;
  position: relative;
}

.miniHeader img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.miniHeader .floorplanTitle {
  position: relative;
  z-index: 10;
  color: #56595b;
  padding: 10px 2px 4px 2px;
  font-size: 8px;
  font-weight: bold;
  border-bottom: 2px solid #ABBD26 !important;
  margin: 0 3px;
  text-align: left;
}

.miniBody {
  width: 94%;
  height: 60%;
  padding: 6% 3%;
  z-index: 2;
}

.miniBody img {
  max-width: 100%;
  max-height: 90%;
  margin: 3% 0;
}

.miniBody .elevTitle {
  font-size: 1.6em;
}

.miniBody .levelWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.miniBody .levelWrapper .levelContainer {
  width: 100%;
  height: 100%;
  position: absolute;
}

.miniBody .levelWrapper .levelContainer img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.miniBody .notesWrapper .noteHeader {
  font-size: 1.4em;
}

.miniBody .notesWrapper .miniNoteDetails {
  font-size: 1.2em;
}

.miniFooter {
  /* width: 94%; */
  position: relative;
  padding: 10px 0 5px 5px;
  margin-bottom: 5px;
}

/* .miniFooter .footerBGImg {
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
} */
.miniFooter .footerBGImg {
  position: absolute;
  bottom: -10px;
  left: 5px;
  width: 95%;
  z-index: 0;
  /* border-top: #a6c200 1px solid; */
}

.miniFooter .logosLinks {
  /* width: 100%; */
  width: 94%;
  height: 40%;
  font-size: 1.2em;
  padding-bottom: 3px;
  /* border-bottom: 2px solid #f7931d; */
}

.miniFooter .logosLinks .footeritem {
  float: left;
  width: 45%;
  text-align: center;
  color: #00462e;
  font-weight: bold;
}

.disclaimer {
  width: 95%;
  /* position: absolute; */
  /* bottom: 0px; */
  /* left: 55px; */
  font-size: 0.8em;
  text-align: justify;
  color: #56595b;
}

.miniFooter .link {
  position: absolute;
  bottom: 1px;
  left: 50px;
  /* padding-bottom: 10px; */
  color: #00462e;
}

.miniFooter .logosLinks .prtLogo {
  width: 40%;
  margin-bottom: 10px; /* added */
}
.miniFooter .logosLinks .prtLogo img {
  width: 35%;
  position: absolute; /* added */
  left: 4px;
}

.miniFooter .logosLinks .ehoLogo {
  width: 20%;
  position: absolute;
  bottom: 2px;
  right: 4px;
  text-align: right;
  margin-right: 5px;
}
.miniFooter .logosLinks .ehoLogo img {
  width: 15%;
}
.miniPageWrapper label {
  font-size: 12px;
}

/***** end Print Options ******/

/***** Print Preview Settings *****/
#printpage {
  position: relative;
}

#printPrevContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/iFloorPlans/javax.faces.resource/ssTransBG-White.png.xhtml?ln=images");
  background-repeat: repeat;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  filter: alpha(opacity=0);
}
.closePrev {
  padding: 5px;
  background-color: #00462e;
  color: #cac99a;
  font-size: 14pt;
  float: right;
  width: 25px;
  margin: 10px;
  position: relative;
  z-index: 100;
}
.prtPrevBigContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 612px;
  height: 792px;
  text-align: left;
  background-color: #ffffff;
  border: solid 1px #00462e;
}
.prtPrevLftBut {
  position: absolute;
  left: 10px;
  top: 45%;
  z-index: 100;
}
.prtPrevRgtBut {
  position: absolute;
  right: 10px;
  top: 45%;
  z-index: 100;
}
.prtPrevHead {
  width: 100%;
  height: 200px;
}

/*
* The CSS values below are used for the Full Screen API when it is Active.
* These settings are included with the HTML5 Full Screen API, and will only be
* usable with browsers that support the Full Screen API feature.
*/
/***** Full Screen Settings *****/
#center:-webkit-full-screen {
  background-color: #ffffff;
}
#center:-moz-full-screen {
  background-color: #ffffff;
}
#center:full-screen {
  background-color: #ffffff;
}

#center:-webkit-full-screen > #entireWrapper {
  width: 77%;
  height: 100%;
  background-color: #ffffff;
}
#center:-moz-full-screen > #entireWrapper {
  width: 77%;
  height: 100%;
  background-color: #ffffff;
}
#center:full-screen > #entireWrapper {
  width: 77%;
  height: 100%;
  background-color: #ffffff;
}

/***** Elevation Choices Fullscreen *****/

#center:-webkit-full-screen > #entireWrapper > #elevChoicesWrapper {
}
#center:-moz-full-screen > #entireWrapper > #elevChoicesWrapper {
}
#center:full-screen > #entireWrapper > #elevChoicesWrapper {
}

#center:-webkit-full-screen
  > #entireWrapper
  > #elevChoicesWrapper
  > #elevSelContainer
  > .elevSelWrapper {
  width: 20%;
  height: 70%;
  top: 10%;
}
#center:-moz-full-screen
  > #entireWrapper
  > #elevChoicesWrapper
  > #elevSelContainer
  > .elevSelWrapper {
  width: 20%;
  height: 70%;
  top: 10%;
}
#center:full-screen
  > #entireWrapper
  > #elevChoicesWrapper
  > #elevSelContainer
  > .elevSelWrapper {
  width: 20%;
  height: 70%;
  top: 10%;
}

#center:-webkit-full-screen
  > #entireWrapper
  > #elevChoicesWrapper
  > #elevZoomIn {
  width: 55%;
}
#center:-moz-full-screen > #entireWrapper > #elevChoicesWrapper > #elevZoomIn {
  width: 55%;
}
#center:full-screen > #entireWrapper > #elevChoicesWrapper > #elevZoomIn {
  width: 55%;
}

/***** Furniture Tool Box Fullscreen *****/

#center:-webkit-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 360px;
}
#center:-moz-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 360px;
}
#center:full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 360px;
}

#center:-webkit-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .furnContainer
  > .furnTBWrapper {
  width: 100px;
  height: 100px;
}
#center:-moz-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .furnContainer
  > .furnTBWrapper {
  width: 100px;
  height: 100px;
}
#center:full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #furnitureToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .furnContainer
  > .furnTBWrapper {
  width: 100px;
  height: 100px;
}

#center:-webkit-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 385px;
}
#center:-moz-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 385px;
}
#center:full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper {
  width: 323px;
  height: 385px;
}

#center:-webkit-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .techContainer
  > .techTBWrapper {
  width: 100px;
  height: 100px;
}
#center:-moz-full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .techContainer
  > .techTBWrapper {
  width: 100px;
  height: 100px;
}
#center:full-screen
  > #entireWrapper
  > #contentWrapper
  > #contentContainerLT
  > #techToolContainer
  > .toolBox
  > .toolBoxWrapper
  > .techContainer
  > .techTBWrapper {
  width: 100px;
  height: 100px;
}

/***** Slide Show fullscreen *****/

#center:-webkit-full-screen
  > #entireWrapper
  > #slideshow
  > #slideshowContainer {
  width: 64%;
  height: 55%;
  left: 20%;
  top: 20%;
}
#center:-moz-full-screen > #entireWrapper > #slideshow > #slideshowContainer {
  width: 64%;
  height: 55%;
  left: 20%;
  top: 20%;
}
#center:full-screen > #entireWrapper > #slideshow > #slideshowContainer {
  width: 64%;
  height: 55%;
  left: 20%;
  top: 20%;
}

/***** Index Page Specific Settings *****/

#LTInfo {
  width: 90%;
  padding: 5%;
}

#LTInfo select {
  width: 100%;
}

#RTInfo {
  width: 100%;
  height: 100%;
  position: relative;
}

.ifpImg {
  width: 80%;
  padding: 5%;
}

.ifpImg img {
  width: 100%;
}

.indexArrowDown {
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 5%;
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_DOWN_INACTIVE.png.xhtml?ln=images");
  background-repeat: no-repeat;
}

.indexArrowDown:hover {
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_DOWN_ACTIVE.png.xhtml?ln=images");
}

.indexArrowUp {
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 5%;
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_UP_INACTIVE.png.xhtml?ln=images");
  background-repeat: no-repeat;
}

.indexArrowUp:hover {
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_UP_ACTIVE.png.xhtml?ln=images");
}

.indexArrowLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 5%;
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_LEFT_INACTIVE.png.xhtml?ln=images");
  background-repeat: no-repeat;
}

.indexArrowLeft:hover {
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_LEFT_ACTIVE.png.xhtml?ln=images");
}

.indexArrowRight {
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 5%;
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_RIGHT_INACTIVE.png.xhtml?ln=images");
  background-repeat: no-repeat;
}

.indexArrowRight:hover {
  background-image: url("/iFloorPlans/javax.faces.resource/Arrow_RIGHT_ACTIVE.png.xhtml?ln=images");
}

#indexElevations {
  top: 30%;
  left: 30%;
}

#indexLevels {
  top: 42%;
  left: 10%;
}

#indexOptions {
  top: 55%;
  left: 30%;
}

#indexTools {
  top: 75%;
  left: 10%;
}

#indexPhotos {
  top: 87%;
  left: 18%;
}

#indexZoom {
  top: 78%;
  left: 37%;
}

#indexReset {
  top: 87%;
  left: 44%;
}

#indexFlipPlan {
  top: 78%;
  left: 51%;
}

#indexFullScreen {
  top: 87%;
  left: 61%;
}

#indexUserSave {
  top: 78%;
  left: 75%;
}

#indexPrint {
  top: 87%;
  left: 82%;
}

.tpbtPad {
  padding: 3% 0;
  font-size: 1.35em;
}

.spacerX {
  padding: 10% 0;
}

.toolTip {
  position: absolute;
  left: 35px;
  top: 0;
  background-color: #fff;
  opacity: 0.95;
  color: #000;
  border: solid 1px #00462e;
  width: 300px;
  padding: 5px 10px;
  z-index: 40;
  text-align: left;
  font-size: 1.25em;
}

/*** Login and Error Page settings ***/
#eWrapper {
  width: 300px;
}
#hWrapper {
  width: 100%;
  background-color: #00462e;
  padding: 10px 0;
  margin: 15px 0;
}

#hWrapper a {
  display: block;
  width: 70%;
}

#hWrapper a img {
  width: 100%;
}

#loginForm {
  padding: 10px 0 2px;
}

#indexLink {
  text-align: right;
  padding: 0 25px 0 0;
}