* { margin: 0px; padding: 0px }

html { height: 100% }

body
{
  background-color: white;
  font-family:verdana, helvetica, arial;
  font-size: 10pt;
  margin: 0px;
  text-align: center;
  height: 100%;
}

table
{
  border-spacing: 0px;
  border-collapse:collapse;
}

h1
{
  font-size: 17pt;
  margin-top: 4px;
}

div
{
  text-align: left;
}

div.main
{
  width: 990px;
  background-color: #FFF;
  padding: 0px;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -62px;
}

.push
{
  height: 62px;
}

.footer
{
  height: 62px;
  width: 990px;
/*  border-top: 2px solid #8A6A91; */
/*  background-color: purple; */
  margin-left: auto;
  margin-right: auto;
}

div.footer p { margin: 0px }

div.header
{
  height: 40px;
  margin-bottom: 20px;
  border: 1px solid gray;
  border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 6px 20px 6px 10px;
  vertical-align: middle;
  background-color: #8A6A91;
  color: white;
}

div.plot0
{
  padding: 10px;
  border: 1px solid #AAA;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #F6F1F7;
}

div.plot1
{
  padding: 10px;
  border: 1px solid #AAA;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  background: #F6F1F7;
}

div.plot2
{
  padding: 10px;
  border: 1px solid #AAA;
  border-width: 0px 1px 1px 1px;
  background: #F6F1F7;
}

div.plot3
{
  padding: 10px;
  border: 1px solid #AAA;
  border-width: 0px 1px 1px 1px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  background: #F6F1F7;
}

input.submit
{
  color: #6E008C;
  font-weight: bold;
  height: 45px;
  width: 100px;
  margin-top: 15px;
/*  margin-left: 20px; */
}

input.button
{
  color: #6E008C;
}

a.topmenu
{
  color: white;
  text-decoration: none;
  margin-left: 12px;
}

a.topmenu:hover
{
  text-decoration: underline;
}

span.sub { vertical-align: sub; font-size: xx-small }

label.err { color: red }

div.err
{
  color: red;
  padding: 10px;
  border: 1px solid #AAA;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #F6F1F7;
  margin-bottom: 20px;
  text-align: center;
}

table.contact td
{
  padding: 2px 0px;
}

div.contactform
{
  padding: 20px;
  border: 1px solid #AAA;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #F6F1F7;
}

table.contact2 td
{
  vertical-align: top;
  padding: 3px;
}

a.link { font-size: 10pt; text-decoration: none; color:#555}
a.link:hover { text-decoration:underline }
div.link { margin: 12px 0px }

td.help0 { color: #8A6A91; font-size: 130%; font-weight: bold; padding: 20px 0px 5px 0px; vertical-align: top }
td.help1 { font-weight: bold; padding: 5px 16px 4px 20px; vertical-align: top }
td.help2 { padding: 5px; vertical-align: top }

.box1
{
  padding: 15px;
  border: 1px solid #AAA;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

p
{
  margin-top: 10px;
  margin-bottom: 10px;
}

table.info td { vertical-align: top }

div.button1 /* selected */
{
  background-color: #F6F1F7;
  width: 134px;
  border: 1px solid black;
  padding: 5px 0px;
  cursor: default;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

div.button2 /* not selected */
{
  background-color: white;
  width: 134px;
  border: 1px solid gray;
  padding: 5px 0px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
}