html {
    width: 100%;
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
}

body {
    padding: 0;
    margin: 0;
}

header {
    height: 50px;
    background-color: white;
    box-shadow: 0 0 5px #000;
}

footer{
    position: absolute;
    bottom: 0.5%;
    width: 100%;
    height: 30px;
    background-color: #f2f2f2;
    box-shadow: 0 0 5px #000;
    text-align: center;
    margin: 0 auto;
}

footer p {
    text-shadow: 0 0 1px #f2f2f2;
    font-size: 10px;
}

h1.red{
    text-transform: uppercase;
    font-size: 48px;
}

p a {
    color: #666;
    background-color: #f2f2f2;
}

nav.red{
    color: #666;
    background-color: white;
}

div.red {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.red input {
    display: block;
    margin: 20px auto;
    text-align: center;
    box-shadow: 0 0 10px #666;
    width: 240px;
    height: 30px;
    background-color: #f2f2f2;
}

.red button {
    width: 150px;
    height: 30px;
    background-color: #000000;
    color: #ffffff;
}

.menu{list-style:none; border:1px solid #c0c0c0; float:right; }

.menu li{position:relative; float:right; border-right:1px solid #c0c0c0; right:6%;}

.menu li a{color:#333; text-decoration:none; padding:2px 8px; display:block;}

.menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }

.menu li   ul{position:absolute; top:25px; left:0px; background-color:#fff; display:none; }

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{border:0px solid #c0c0c0; display:block; width:130px;}

.row-fail {
  font-weight: normal;
  background-color: #aa2e25 !important;
}

.row-pass {
  font-weight: bold;
  background-color: #357a38 !important;
}
Avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}