body{
  padding : 20px;
  position: relative;
}
/* Tooltip text */
.myToolTipText {
    display: inline;
    position: fixed;
    color: #1a8cff;
    /*width: 120px;*/
    font-size: small;
    text-decoration: underline;
 
    /* Position the tooltip text - see examples below! */
    z-index: 1;
}

.text-box{
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border: 1px solid lightgray;      
  border-radius: 10px;  
}

.with-spacing{
  margin-top:5px;
}

.login-box{
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-top:40px;
}

.message-box-ok{
  border-radius: 10px;
  background-color :green;      
}

.message-box-fail{
  border-radius: 10px;
  background-color :red;            
}

.foreground{
  position:absolute;
  background-color: eee;
  z-index: 1;
  display:block;
  top:5%;
  left:5%;
  width:90%;
  height:90%;
  overflow-y: scroll;
  border-style:solid;
  border-radius: 5px;
  padding:10px;
}

.foreground-edit{
  position:absolute;
  background-color: #fff;
  z-index: 2;
  display:block;
  top:10%;
  left:10%;
  width:80%;
  height:80%;
  overflow-y: scroll;
  border-style:solid;
  border-radius: 5px;
  padding:10px;
}

.smalltext{
  font-size:12px;
}

.background{
  position:absolute;
  display: none;
  z-index: -1;
}

.notes{

}

.main-view-area {
  position:relative;
  height:80%;
}