html, body {
  xheight:100%;
  xwidth:100%;
}

body {
  background-color: #cccccc;
  text-align:center;
  min-height:400px;/* for good browsers */
  min-width:450px; /* for good browsers */
}

#table {
background-color: red;
  margin-left:auto;
  margin-right:auto;
}

#main-row {
background-color: cyan;
  margin-left:auto;
  margin-right:auto;
}

#main-cell {
background-color: orange;
  margin-left:auto;
  margin-right:auto;
}

#outer {
background-color: blue;
  height:100%;
  width:100%;
  display:table;
  vertical-align:middle;
}

#container {
background-color: yellow;
  text-align: center;
  margin-left:auto;
margin-right:auto;
  position:relative;
  vertical-align:middle;
  display:table-cell;
  xheight:100%;
  width:100%;
  height: 400px;
}

#inner {
background-color: green;
  width=100%;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  font-family: verdana, san-serif;
  font-size: 200%;
  font-weight: bold;
}

.note {
  text-align: center;
  font-family: verdana, san-serif; 
  color: #808080;
}

.logout {
  text-align: right;
  font-family: verdana, san-serif;
  color: #8080ff;
}