body {
  background-color: #444444;
  font-size: 14px;
  margin: 0px;
}

.logo {
  text-align: left;
  vertical-align: top;
  background-color: #8a069e;
  border-style: solid;
  border-bottom-color: #ff00ff;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  padding-left: 14px;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.note {
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: .75em;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 32px;
  padding-bottom: 14px;
}

.shadow {
  border: 1px #000000 solid;
}

.box {
  background-color: #aaaaaa;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #888888 solid;
  border-bottom: 1px #888888 solid;
}

.title {
  text-align: center;
  vertical-align: middle;
  color: #ffff00;
  font-size: .75em;
  font-weight: bold;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.repo1 {
text-align:right; vertical-align:middle;
color:#000000; font-size:.75em; font-family:Arial,Verdana,Helvetica, sans-serif;
padding-left:12px; padding-right:4px; padding-top:10px; padding-bottom:11px;
}

.repo2 {
text-align:left; vertical-align:middle;
padding-right:12px;
}

.repo3 {
background-color:#E2DFDA;
color:#006ACC; font-size:.75em; font-family:Arial,Verdana,Helvetica, sans-serif;
}

.text1 {
  text-align: right;
  vertical-align: middle;
  color: #000000;
  font-size: .75em;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  padding-left: 12px;
  padding-right: 4px;
}

.text2 {
  text-align: left;
  vertical-align: middle;
  padding: 2px 10px 2px 2px;
}

.input1 {
  text-align: left;
  background-color: #ffffff;
  color: #000000;
  font-size: .75em;
  font-weight: bold;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  border: 1px #888888 solid;
  padding-left: 2px;
  padding-right: 2px;
}

.xbutton1 {
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.xbutton2:hover {
	background-color: #888888;
  border-top: 1px #aaaaaa solid;
  border-left: 1px #aaaaaa solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
}

.xbutton2 {
  background-color: #666666;
  color: #ffffff;
  font-size: .75em;
  font-weight: bold;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  border-top: 1px #888888 solid;
  border-left: 1px #888888 solid;
  border-right: 1px #444444 solid;
  border-bottom: 1px #444444 solid;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}

.remember {
text-align:right; vertical-align:middle;
color:#000000; font-size:.7em; font-family:Arial,Verdana,Helvetica, sans-serif;
padding-bottom:6px; padding-right:10px;
}

.anon1 {
  text-align: center;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 6px;
}

a.anon2:link    {color: #ff00ff; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.anon2:visited {color: #ff00ff; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.anon2:active  {color: #ff00ff; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.anon2:hover   {color: #880088; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif; text-decoration: none;}

.link1 {
  text-align: center;
  vertical-align: top;
  border-style: solid;
  border-bottom-color: #222222;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 18px;
  padding-bottom: 44px;
}

a.link2:link    {color:#cccccc; font-size:.7em; font-weight:bold; font-family:Arial,Verdana,Helvetica, sans-serif}
a.link2:visited {color:#cccccc; font-size:.7em; font-weight:bold; font-family:Arial,Verdana,Helvetica, sans-serif}
a.link2:active  {color:#cccccc; font-size:.7em; font-weight:bold; font-family:Arial,Verdana,Helvetica, sans-serif}
a.link2:hover   {color:#ffffff; font-size:.7em; font-weight:bold; font-family:Arial,Verdana,Helvetica, sans-serif; text-decoration:none;}

.version1 {
  text-align: center;
  border-style: solid;
  border-top-color: #666666;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  padding-top: 4px;
}

a.version2:link    {color: #888888; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.version2:visited {color: #888888; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.version2:active  {color: #888888; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif;}
a.version2:hover   {color: #cccccc; font-size:.7em; font-family: Arial,Verdana,Helvetica, sans-serif; text-decoration: none;}