hand {
	cursor:pointer;
}

tray users {

}

loader.upload {
  position: absolute;
  left: -16px;
  top: -16px;
}

loader
{
	background-image: url("loader.gif");
	width: 32px;
	height: 32px;
}

tray {
  position: fixed;
  display: block;
  right: 0px;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

tray .tray-item {
  display: inline-block;
  min-height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  margin:7px;
}

tray .tray-tables
{
	cursor:pointer;
    background-image: url("tray-toggle.png");
}

tray .tray-logout
{
	background-image:url("tray-logout.png");
}

tray .tray-users
{
	background-image:url("tray-users.png");
}

tray .tray-admin
{
	background-image:url("tray-admin.png");
}

tray .tray-me
{
	background-image:url("tray-me.png");
}

avatar
{
	background-image:url("avatar.jpg");
	height: 32px;
	width: 32px;
	display: inline-block;
	position:relative;
}




user avatar {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
}
tray .tray-users loader{
  float: right;
  position: relative;
  left: 25px;
  top: -10px;
  zoom: 0.7;
}

tray .tray-users span
{
  color: rgb(9, 9, 9);
  font-weight: bold;
  float: right;
  left: 10px;
  top: -8px;
  font-size: 15pt;
  position: relative;
}
  
.tray-menu{
	right:0px;
  position: fixed;
  top: 38px;
  font-size: 16pt;
  background-color: white;
  z-index: 1001;
  /* border-radius: 5px; */
  border-color: silver;
  /* border-style: solid; */
  border: solid thin silver;
  display: block;
  border-top-color: white;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 5px;
	max-width: 400px;
    white-space: nowrap;
}

#users user {
  display: inline-block;
  padding: 3px;
  cursor:pointer;
  position:relative;
}
#users user name{
  display: none;
  position: absolute;
  top: -4px;
  white-space: nowrap;
  z-index: 7;
  text-align: right;
  color: white;
  width: 250px;
  left: -200px;
}
#users user name span {
  background-color: rgba(0,0,0,0.7);
  padding: 1px;
  border-radius: 4px;
  padding-right: 5px;
  padding-left: 5px;
}

#users user:hover{
	outline: 1px dotted rgb(74, 158, 220);
}
#users user:hover name { 
	display:block;
	
}

.tray-menu-item:hover {
  color: blue;
}

.xt-tt-user {
	font-weight:bold;
	font-size:14pt;
}

.xt-me-panel avatar {
	zoom:3;
}