body
{
  background: #939393;
  font-family: Arial,sans-serif;
  font-size: 0.9em;
  margin:0em;
  padding:0.0em;
  display:table;
  width:100%;
  }

body.test
{
  background:green;
  }

#container
{
  background: #939393 url(to939393.gif) repeat-x top left;
  margin:0;
  padding:0.8em;
  margin-bottom:1em;
  display:table-cell;
  /* for explorer 6.0, see http://www.dracos.co.uk/web/css/ie6floatbug/ */
  line-height:1.3;
  }

.test #container
{
  background:green;
  }

#header h1
{
  font-family:"Century Gothic",Arial,sans-serif;
  font-size:3.5em;
  background: #F39146 url(toF39146.gif) repeat-x top left;
  padding:0;
  /* (* 0.8 (/ 1 3.5)) */
  margin:0 0 0.22857144em;
  border: 1px solid;
  border-color: #fff #FFD35E #f90 #FFD35E;
  color:#FFAE5D;
  }

#header h2
{
  position:absolute;
  top:2.6em;
  color:#ffc;
  font-family:Arial,sans-serif;
  font-style:italic;
  font-size:1.3em;
  left:10em;
  font-weight:normal;
  margin:0;
  padding:0;
  }

table
{
  font-size:1em;
  }

input, textarea 
{
  font-size: 1em;
  font-family:"Century Gothic",Arial,sans-serif;
  }

#middle-container
{
  display:table;
  }

#inner-container
{
  margin-left:13.6em;
  text-align:justify;
  color:#633;
  }

#messages h3, 
#errors h3
{
  margin: 0 0 .5em 0;
  }

#messages div, 
#errors div
{ 
  padding-left:20px;
  font-weight:normal;
  }

#messages div
{
  background: transparent url(message.png) no-repeat 0 45%;
  }

#errors div
{ 
  background: transparent url(error.png) no-repeat 0 45%;
  }

#messages, #errors, #preamble
{
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #ccc #333 #ccc;
  color:#666;
  padding:.5em;
  font-size:.9em;
  /* (* 0.8 (/ 1 0.9)) */
  margin-bottom:0.88888896em;
  }

#preamble a:link,
#preamble a:visited
{
  text-decoration:none;
  color:#000;
  /* workaround: for hover related mozilla rendering bug */
  border: 1px solid;
  border-color: transparent;
  }

span.user-supplied,
#main p.user-supplied
{
  background-color: #DCD7BE;
  border: 1px solid;
  border-color: #fff #C9C5AD #BAB6A0 #C9C5AD;
  }

#preamble a:hover
{
  text-decoration:none;
  background: #FFD281 url(toFFD281.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #FFD281 #f90 #FFD281;
  }

#navigation-bar
{ 
  position:relative;
  bottom:-1px;
  padding: 0;
  margin: 0;
  /* explorer just doesn't care: */
  border-spacing:0.25em 0;
  }

#navigation-bar div
{
  display: table-cell;
  /* hack for IE only: */
  //display: inline;
  background: #DCD7BE;
  padding:0 0.5em;
  border-top: 1px solid #EAE5CA;
  border-right: 1px solid #EAE5CA;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #EAE5CA;
  moz-border-radius-topleft: 0.2em;
  moz-border-radius-topright: 0.2em;
  }

#navigation-bar div.spacer
{
  background: transparent;
  border:none;
  /* seemingly only explorer cares about this: */
  margin:0 0.25em;
  /* for sane browsers: */
  padding:0;
  }

#navigation-bar .title
{
  background: #EAE5CA;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #EAE5CA;
  border-left: 1px solid #fff;
  }

#navigation-bar a:link,
#navigation-bar a:visited
{
  color:#3E1F1F;
  text-decoration:none;
  }

#navigation-bar a:hover
{
  color:#D78100;
  text-decoration:underline;
  }

#main p
{
  background: transparent url(p3.gif) no-repeat 5px 5px;
  padding-left:18px;
  }

#main p:hover
{
  background-image: url(p4.gif);
  }

#main
{
  background: #EAE5CA;
  border: 1px solid;
  border-color: #fff #FFD35E #f90 #FFD35E;
  padding:.5em;
  }

#main h3
{
  background: #F39146 url(toF39146.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #FFD35E #f90 #FFD35E;
  padding:.2em .5em;
  color:#FFAE5D;
  font-family:Arial,sans-serif;
  margin:0 0 1em 0;
  font-size:1.2em;
  }

#main h3 a:link,
#main h3 a:visited 
{
  color:#FFAE5D;
  font-style: italic;
  text-decoration:none;
  }

#main h3 a:hover 
{
  color:#FFAE5D;
  text-decoration:underline;
  }

#main h4 
{ 
  padding:0.0em 0.5em;
  }

#main a:link,
#main a:visited 
{
  color:#633;
  text-decoration:underline;
  }

#main a:hover 
{
  color:#f90;
  text-decoration:none;
  }

#footer 
{
  clear:both;
  margin-top: 0.5em;
  padding:0;
  color:#666;
  font-family:Arial,sans-serif;
  text-align:center;
  }

#footer a:link,
#footer a:visited
{
  color:#666;
  font-family:Arial,sans-serif;
  text-decoration:none;
  }

#side-menu
{
  float:left;
  font-size:0.9em;
  /* (* 0.8 (/ 1 0.9)) */
  margin-right:0.88888896em;
  /* (* 12 (/ 1 0.9)) */
  width:13.333334em;
  }

.links 
{ 
  background-color: #C8C8C8;
  border: 1px solid;
  border-color: #fff #ccc #333 #ccc;
  color:#666;
  padding:.5em;
  }

.links h3 
{
  font-size:1.4em;
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #aaa #999 #aaa;
  padding:.2em .5em;
  color:#666;
  font-family:Arial,sans-serif;
  margin:0;
  }

.links h3 span 
{
  padding-left:15px;
  background: transparent url(p2.gif) no-repeat 0 45%;
  font-weight:normal;
  }

.links ul 
{
  padding:0;
  margin:0.5em 0;
  list-style-type:none;
  }

.links li 
{
  background: #BEBEBE url(p3.gif) no-repeat 7px 50%;
  border: 1px solid;
  border-color: #aaa #aaa #ddd #aaa;
  color:black;
  padding:.4em;
  padding-left:19px;
  margin: .3em 0;
  }

.links li:hover 
{
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #aaa #999 #aaa;
  }

.links a:link,
.links a:visited 
{
  text-decoration:none;
  color:#000;
  border: #BEBEBE 1px solid;
  padding: 0 .2em;
  }

.links a:hover
{
  background: #FFD281 url(toFFD281.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #FFD281 #f90 #FFD281;
  }

#login
{
  display: inline;
  text-align: center;
  }

#login td.right
{
  text-align: right;
  }

table.simple-table
{
  border: 0px solid black;
  border-collapse: collapse;
  color:black;
  }

table.simple-table tr.subheader
{
  font-size:1.2em;
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #aaa #999 #aaa;
  padding:.2em .5em;
  color:#666;
  font-family:Arial,sans-serif;
  margin:0;
  text-align:center;
  }

table.simple-table tr.buttons
{
  text-align: center;
  }

table.simple-table tr.buttons td
{
  }

table.simple-table tr.buttons input
{
  margin: 0 1em;
  }

table.simple-table td
{
  padding: 5px;
  margin: 0px;
  }

table.simple-table tr.simple-row td,
table.simple-table tr.simple-check-row td
{
  border-top: 1px solid;
  border-bottom: 1px solid;
  }

table.simple-table td.name
{
  background:#C8C8C8;
  text-align: right;
  }

table.simple-table td.value
{
  background:#C8C8C8;
  text-align: left;
  }

table.simple-table td.help
{
  background:#C8C8C8;
  text-align: justify;
  }

input[type="submit"],
input[type="reset"]
{
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #aaa #999 #aaa;
  }

input[type="submit"]:hover,
input[type="reset"]:hover
{
  border: 1px solid;
  background: #FFD281 url(toFFD281.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #FFD281 #f90 #FFD281;
  }

table.listing
{
  border: 0px solid black;
  border-collapse: collapse;
  color:#633;
  }

table.listing th
{
  font-size:1.2em;
  background: #939393 url(to939393.gif) repeat-x top left;
  border: 1px solid;
  border-color: #fff #aaa #999 #aaa;
  padding:.2em .5em;
  font-family:Arial,sans-serif;
  margin:0;
  text-align:center;
  }

table.listing tr.odd
{
  background: #fff3cc;
  }

table.listing tr.even
{
  background: #fff1b8;
  }

table.listing td
{
  padding: 5px;
  margin: 0px;
  }

table.listing td
{
  text-align: center;
  border-left: 1px solid #939393;
  border-right: 1px solid #939393;
  }

table.listing td:first-child,
table.listing tr.buttons td
{
  border-left: none;
  }

table.listing td:last-child,
table.listing tr.buttons td
{
  border-right: none;
  }

table.listing td.previous-button
{
  text-align: left;
  border: none;
  }

table.listing td.next-button
{
  text-align: right;
  border: none;
  }

table.listing td.wish-image img
{
  border: none;
  }

table.listing td.wish-image
{
  border-right: none;
  }

table.listing td.wish-description
{
  border-left: none;
  }

.login, .email
{
  font-weight: bold;
  }