body {
font-family: Verdana;
font-size: 10pt;
text-align: center;
margin: 0px auto;
width: 560px;
}

.MenuBar {
padding: 5px;
margin-top: 10px;
width: 550px;
background-color: #cce5ff;
}

.MenuPopup {
padding: 5px;
width: 550px;
background-color: #e0e0ff;
}

h1 {
color: #A74AC7
}

td {
font-size:10pt;
}

.Hi {
color: #A74AC7;
font-weight: bold;
}

.HiBig {
color: #0000e0;
font-weight: bold;
font-size: 12pt;
}

a {
text-decoration : none;
font-weight: bold;
color: #4040f0;
}

a:hover {
color: red;
}

.more {
color: #4040f0;
font-weight: bold;
cursor:pointer;
}

.more:hover {
color: red;
}

#LoginName.ng-invalid {
background-color: #fff0f0;
color: #D00000;
}

#LoginName.ng-valid {
background-color: #f0fff0;
}

#Password.ng-invalid {
color: #D00000;
background-color: #fff0f0;
}

#Password.ng-valid {
background-color: #f0fff0;
}

#RegisterName.ng-invalid {
color: #D00000;
background-color: #fff0f0;
}

#RegisterName.ng-valid {
background-color: #f0fff0;
}

#Email.ng-invalid {
color: #D00000;
background-color: #fff0f0;
}

#Email.ng-valid {
background-color: #f0fff0;
}

.Shadow {
background-color: #fff0f0;
-webkit-box-shadow: 0px 1px 3px red;
-moz-box-shadow: 0px 1px 3px red;
box-shadow: 0px 1px 3px red;
}

.BlueButton {
  background: #36aaf7;
  background-image: -webkit-linear-gradient(top, #36aaf7, #0053e3);
  background-image: -moz-linear-gradient(top, #36aaf7, #0053e3);
  background-image: -ms-linear-gradient(top, #36aaf7, #0053e3);
  background-image: -o-linear-gradient(top, #36aaf7, #0053e3);
  background-image: linear-gradient(to bottom, #36aaf7, #0053e3);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  padding: 6px 11px 6px 11px;
  text-decoration: none;
  cursor:pointer;
}

.BlueButton:hover {
  background: #88cef7;
  background-image: -webkit-linear-gradient(top, #88cef7, #0096fa);
  background-image: -moz-linear-gradient(top, #88cef7, #0096fa);
  background-image: -ms-linear-gradient(top, #88cef7, #0096fa);
  background-image: -o-linear-gradient(top, #88cef7, #0096fa);
  background-image: linear-gradient(to bottom, #88cef7, #0096fa);
  text-decoration: none;
}

.SmallButton {
  background: #36aaf7;
  background-image: -webkit-linear-gradient(top, #f736aa, #e30053);
  background-image: -moz-linear-gradient(top, #f736aa, #e30053);
  background-image: -ms-linear-gradient(top, #f736aa, #e30053);
  background-image: -o-linear-gradient(top, #f736aa, #e30053);
  background-image: linear-gradient(to bottom, #f736aa, #e30053);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 11px 6px 11px;
  text-decoration: none;
  cursor:pointer;
}

.SmallButton:hover {
  background: #88cef7;
  background-image: -webkit-linear-gradient(top, #f788ce, #fa0096);
  background-image: -moz-linear-gradient(top, #f788ce, #fa0096);
  background-image: -ms-linear-gradient(top, #f788ce, #fa0096);
  background-image: -o-linear-gradient(top, #f788ce, #fa0096);
  background-image: linear-gradient(to bottom, #f788ce, #fa0096);
  text-decoration: none;
}

.GreenButton {
  background: #36f536;
  background-image: -webkit-linear-gradient(top, #36a536, #128500);
  background-image: -moz-linear-gradient(top, #36a536, #128500);
  background-image: -ms-linear-gradient(top, #36a536, #128500);
  background-image: -o-linear-gradient(top, #36a536, #128500);
  background-image: linear-gradient(to bottom, #36a536, #128500);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #fcfcfc;
  font-size: 19px;
  padding: 6px 11px 6px 11px;
  text-decoration: none;
  cursor:pointer;
}

.GreenButton:hover {
  background: #68ed7a;
  background-image: -webkit-linear-gradient(top, #68ed7a, #3cb53c);
  background-image: -moz-linear-gradient(top, #68ed7a, #3cb53c);
  background-image: -ms-linear-gradient(top, #68ed7a, #3cb53c);
  background-image: -o-linear-gradient(top, #68ed7a, #3cb53c);
  background-image: linear-gradient(to bottom, #68ed7a, #3cb53c);
  text-decoration: none;
}