body {

}


#sidebar {
    position:absolute;
    top:0; bottom:0; left:0;
    width:30%;
    height:100%;
    background:#dbf0ff;
}
#footer {
    position:fixed;
		bottom:0;
   width:100%;
		float:left;
    font-size:x-small;
    z-index:999999;

}

#panel {
  margin-bottom: 20px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.wrap {
		position:relative;
		margin:0 auto;
               /*replace 900px with your width*/
		width:900px;
	}

#mainbody {

     padding-top:1%;
     padding-left:3%;

}
#middlecontent {
    position:absolute;
    top:0; bottom:0; left:225px;
    width:60%;
    background:#ffffff;
}

#menuarea {
    position:absolute;
    top:0; bottom:0; left:0;
    width:100%;
}

.popupBox {
    visibility:hidden;
    opacity:0;        
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition: all 0.4s ease;
    transition-delay:  1s;

}
.popupHoverElement:hover > .popupBox {
    visibility:visible;
    opacity:1;
    transition: all 0.3s ease;
    transition-delay:  0s;        
} 
.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}