.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown-content {
  display: none;
  position: absolute;
  width: 250px;
  overflow: auto;
  box-shadow: 50px 50px 100px 30px rgba(0,0,0,0.9);
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content button {
  width: 100%;
  display: block;
  padding: 5px;
  text-decoration: none;
}
.dropdown-content button:hover {
  color: #FFFFFF;
  background-color: #00A4BD;
}
.login {
  display: block;
  height: 150px;
  width: 500px;
  margin: 0 auto;
  border: none;
  padding: 20px;
  background: rgba(200, 200, 200, 0.5); */
}

.block {
  display: block;
  height: 25px;
  width: 99%;
  border: none;
  cursor: pointer;
  padding: 0px;
  text-align: left;
  font-family: arial;
  font-size: 14px;
  /* background: rgba(240, 240, 240, 0.1); */
}

.screendiv {
  display: block;
  height: 85%;
  padding: 5px;
  margin: 5px;
  background-color: lightblue;
  border: solid 1px;
}

.optionsbar {
	display: block;
	width: 99%;
	height: 20px;
	text-align: center;
	border: none;
	padding: 5px; 
	background-color: grey;
	vertical-align: middle;
}
button:hover {
  color: #FFFFFF;
  background-color: #00A4BD;
}
.subtitlebar {
  border: none;
  padding: 5px; 
  display: block;
  height: 20px;
  text-align: center;
  font-weight: bold;
  background-color: lightgrey;
  vertical-align: middle;
}
.titlebar {
  border: none;
  padding: 5px; 
  display: block;
  width: auto;
  height: 20px;
  text-align: center;
  font-weight: bold;
  background-color: lightgrey;
  vertical-align: middle;
}
.dropdown-block {
  display: none;
  position: absolute;
  width: auto;
  overflow: none;
  box-shadow: 50px 50px 100px 30px rgba(0,0,0,0.9);
}
.dropdown:hover .dropdown-block{
  display: block;
  background: rgba(240, 240, 240, 0.9);
}
.blockbtn {
  width: 100%;
  height: 30px;
  border: none;
}
.blockbtn:hover {
  color: #FFFFFF;
  background-color: #BDBDBD;

}
table {
  border-collapse: collapse;
  font-family: arial;
  font-size: 16px;
  border: 1px solid black;
  overflow:auto;
}
td, th {
  border: 1px solid grey;
}
tr:hover {
	background-color: lightblue;
}
tr:nth-child(even) {background-color: #BDBDBD;}
tr:nth-child(odd) {background-color: lightgrey;}
tr.selected	{color: #FFFFFF; background-color: black;}
.tablebutton{
	display: inline-block;
	text-align: left;
	height: 100%;
	width: 100%;
	border: none;
	background: rgba(240, 240, 240, 0);
  	font-family: arial;
  	font-size: 16px;
}
.archive {
	text-decoration:line-through;
}
.unread {
	font-weight: bold;
}

.al 		{text-align: left;}
.ac 		{text-align: center;}
.ar 		{text-align: right;}
.full 		{width: 99%;}
.half 		{width: 49%;}
.sixty 		{width: 59%;}
.fourty		{width: 40%;}
.eighty 	{width: 79%;}
.twenty		{width: 20%;}
.left 		{float: left;}
.right 		{float: right;}
.border 	{border: 1px; border-style: solid;}
.default 	{background-color: #00A4BD;}
.grey 		{background-color: #AAAAAA;}
.pink 		{background-color: pink;}
.lightblue 	{background-color: lightblue;}
.lightgreen {background-color: lightgreen;}
.yellow 	{background-color: yellow;}
.red 		{background-color: red;}
.selected	{color: #FFFFFF; background-color: black;}