body{
  background-color:#dddddd;
  height:100%;
  max-height:100%;
  overflow:hidden;  
  font-family: 'Short Stack', cursive;
}

#profile {
/* overflow:hidden; */
}

#gameDiv{
height:100%;
}

canvas {
  height:100%;
}

.overlay {
  visibility: hidden;
  top: 80px;
  bottom: 30px;
  right:30px;
  position:fixed;
  left:30px;
  bottom:30px;
  text-align:left;
  background-color: #ddd;
  z-index: 1000;
  overflow-y: scroll;
/*   box-shadow: -1px 2px 15px -1px #000; */
  position:fixed;
  border: groove 4px #333;
  
} 

#usersearch {
  visibility: hidden;
  top: 80px;
  bottom: 30px;
  right:30px;
  position:fixed;
  left:30px;
  bottom:30px;
  text-align:left;
  background-color: #ddd;
  z-index: 1000;
  overflow-y: scroll;
/*   box-shadow: -1px 2px 15px -1px #000; */
  position:fixed;

  
}   


.secondoverlay {
  background-color: #ddd;
  visibility: hidden;
  top: 4em;
  bottom: 2em;
  right:2em;
  
  left:2em;
  height:80%;
  text-align:center;
  background-color: #fff;
  z-index: 1000;
  overflow-y: scroll;
  box-shadow: -1px 2px 15px -1px #000;
  position:fixed; 
}   


.typeoverlay {
  visibility: hidden;
  top: 4em;
  bottom: 0.6em;
  right:2em;
  position:relative;
  left:2em;
  height:80%;
  text-align:center;
  background-color: #fff;
  z-index: 1000;
  overflow-y: scroll;
  box-shadow: -1px 2px 15px -1px #000;
  position:fixed; 
}   


.bottomoverlay {
  visibility: hidden;
  bottom: 0px;
  right:0px;
  width:300px;
  height:400px;
  text-align:center;
  background-color: #fff;
  z-index: 1000;
  box-shadow: -1px 2px 15px -1px #000;
  position:fixed; 
}

#overlay div {
position:relative; 
}

.close2 {
  width:64px;
  
  border:none;
  height:64px;
  position:fixed;
  right:30px;
  background-size: contain;
  background:url('../img/buttons/x.png') ;
  opacity:0.7;
}

#mycat {
opacity:0.8;
}

#feed {
visibility: hidden;
bottom: 0px;
left:100px;
width:300px;

height:200px;
text-align:center;
background-color: #fff;
z-index: 1000;
box-shadow: -1px 2px 15px -1px #000;
position:fixed; 
}

.bigfont 
{
  font-size:40px;
  height:50px;
}   
.abcRioButton
{
  width:500px !important;
  height:100px !important;
  border: solid 3px #ddd !important;
}

.abcRioButtonContents
{
  margin-top:40px !important;
  font-size:40px !important;
  line-height: 100px !important;
  
}

.abcRioButtonIconImage svg
{
  width:100px !important;
  height:90px;
  /*     box-shadow: 3px 3px #ddd !important; */
}

.linkedinsignin img
{
  width:500px;
}


.gametitle {
  background-color:#333;
  box-shadow: #444 1px 1px;
  color:white;
  top:0;
  font-size:70px;
}

.playtitle {
  background-color:green;
  box-shadow: #444 1px 1px;
  color:white;
  bottom:0px;
  font-size:70px;
  padding: 10px 18px;
}

.titlebutton {
  background-color: #ff3333;
  border-color: #544444;
  box-shadow: 3px 3px #000000;
}

.titlebutton a {
  color: white;
}

.circle {
	border-radius: 100%;
        color:white;
	width: 20%;
/* 	height: ;  */
        background-color:black;
            padding: 5px 3px 0 3px;
            margin-top: 20px;
            margin-right:2%;
    text-align: center;
    font-size:16px;
    display:inline-block;
	/* width and height can be anything, as long as they're equal */
}

#picture {
width:80%;
margin-left:10%;
}
/*#findpeople {
width:100%;
}*/

#messageplus {
/* position:absolute; */
/* right:60px; */
}

#users td {
border-bottom:1px solid #000;
width:25%;
}

#profile {
overflow-y:none;
}

.friendrequest {
  background-color:#bb0000;
  display:inline;
  color:white;
   border-radius: 25px;
   padding-left:5px;
   padding-right:5px;
   padding-top:3px;
   padding-bottom:3px;
   margin-bottom:5px;
}

.messagecolor {
  background-color:#0000bb;
  display:inline;
  color:white;
   border-radius: 25px;
   padding-left:5px;
   padding-right:5px;
   padding-top:3px;
   padding-bottom:3px;
   margin-bottom:5px;
}

.greetingscolor {
  background-color:#008800;
  display:inline;
  color:white;
   border-radius: 25px;
   padding-left:5px;
   padding-right:5px;
   padding-top:3px;
   padding-bottom:3px;
   margin-bottom:5px;
}

.message {
 padding-top:10px;
 
}

.reply {
 padding-top:10px;
display:inline;


}

.deletemessage {
 padding-top:0px;
 display:inline;

 width:80px; 

}