.Login
{ position: absolute;
  top: 50%;
  left: 50%;
  width: 330px;
  height: 200px;
  margin: -100px 0 0 -165px;
  border-radius: 10px;
  border: 4px solid FireBrick;
  background-color: #ddd;
  box-shadow: 10px 10px 30px black;
  overflow: hidden;
  box-sizing:border-box;
}

.Login h1
{ padding:2px 0 4px 0;
  margin:0;
  background-color: FireBrick;
  font-size:1.2em;
  text-align:center;
  color: white;
}

.Login p
{ margin: 10px 0 5px 15px;
  padding:0;	
}

.Login input
{ width: 200px;
  margin-left:10px;
  border-radius: 5px;
  padding:3px 5px;
  font-size:1.1em;
}

.Login button
{ float: right;
  margin:40px 15px 0 0;
  padding:20px;
}

.Login h2
{ position:absolute;
  bottom:0;
  margin:0;
  padding:5px 10px;
  width:100%;
  background-color: DarkSalmon;
  font-size: 1em;
  border-top: 3px solid Brown;
}

/***************************************************/
#UserMenu 
{ float: right; 
  cursor: pointer;
}

#UserMenu:hover  { background-color: rgba(0,200,0,0.2); }

#UserMenu:hover  a { color: black; }

#UserMenu a:hover, #UserMenu  ul li:hover a
{ color: #E00; }

#UserMenu ul
{ display: none;
  list-style-type: none;
  position: absolute;
  margin:0; 
  padding:0;
  right:0;
  top:40px;
  z-index:100;
  background-color:rgba(160,220,255,0.8);
}

#UserMenu ul li
{ clear: both;
  margin:0;
  padding:8px 15px;
  height:auto;
  line-height:120%;
  width:100%;
  text-align:left;
  border:none;  
  box-sizing:border-box;
}

#UserMenu ul li:first-child
{ min-width:0px; }

/***************************************/

.User_Menu
{ width: 100px;
  height: 95px;
  padding:0 5px;
  float:right;
  margin:2px 10px;
  text-align:center;
  line-height:100%;
  position: relative;
  border-radius:10px;
  box-shadow: 2px 2px 10px black;
}

.User_Menu:hover
{ background-color: rgba(0,0,0,0.2); }

.User_Menu .ImgDiv
{ height:50px;
  line-height: 60px;
  margin:0;
  padding:0;
}
        
.User_Menu img
{ max-height:60px;
  max-width:100px;
  margin-top: 3px;
  vertical-align:middle;
}

.User_Menu p
{ position: absolute;
  bottom: 0px;
  padding:0;
  margin:0;
  text-align:center;
  width: 100px;
  height: 35px;
  line-height:35px;
  font-size:0.8em;
}

.User_Menu span
{ display: inline-block;
  vertical-align: middle;
  line-height: 100%;  
}

/***************************************************/
.EditUser
{ position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 170px;
  margin: -85px 0 0 -150px;
  border-radius: 10px;
  border: 4px solid FireBrick;
  background-color: #ddd;
  box-shadow: 10px 10px 30px black;
  overflow: hidden;
  box-sizing:border-box;
}

.EditUser h1
{ padding:2px 0 4px 0;
  margin:0;
  background-color: FireBrick;
  font-size:1.2em;
  text-align:center;
  color: white;
}

.EditUser h1 .Btn
{ float:right; }