html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  background-color: #fff;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 75%;
  color: #446f9a;
  /*color: #93b0cd;*/
}

body, p {
  margin: 0pt;
  padding: 0pt;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: default;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

b {
  font-weight: normal;
  color: #333;
}

#logo {
	margin: 0pt auto;
	width: 490px;
	height: 140px;
}

#logo img, #logo ul {
	float: left;
}

#logo ul {
	position: relative;
	list-style: none outside none;
	margin: 0pt;
	padding: 0pt;
	width: 360px;
	height: 60px;
	overflow: hidden;
}

#logo li {
	float: left;
	position: absolute;
	left: 0px;
	margin: 0pt;
	padding: 12px 0pt 0pt 9px;
	display: none;
}

#logo li.visible {
	display: block;
}

#logo h1, #logo h2 {
  display: none;
}

#info {
  margin: 0pt auto;
  width: 352px;
  padding-left: 138px;
  padding-top: 12px;
  text-align: left;
  border-top: 2px solid #93b0cd;
  line-height: 1.5em;
}

#content {
  margin: 0pt auto;
  width: 490px;
  padding: 12px 10px;	
  text-align: left;
  border-top: 2px solid #93b0cd;
  line-height: 1.5em;
  color: #333;
}

#content a {
  text-decoration: underline;
}

#content .error {
  font-weight: bold;
  color: #b44;
  border: 1px solid #999;
  background-color: #ffd;
  padding: 2px 4px;
}

#content .label {
  width: 130px;
}

#content .field {
  width: 350px;
}

#content .field input {
  width: 340px;
}

#outer {
  #position: relative;    /* for explorer only*/
  display: table;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#middle {
  #position: absolute;    /* for explorer only*/
  display: table-cell;
  top: 50%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

#inner {
  position: relative;
  top: -50%;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}