html, body {margin:0; font-family:  Helvetica, Arial, verdana; color: #111; background-color: #ddd;}
img {border:0px}
small {font-size: 4px;}
h1{color: #4682B4}
pre{background: #f3f3f3; padding: 20px; 
    -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family: Andale mono, Courier New;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
input[type='text'], textarea{
  font-family: Arial, Sans-Serif;
  font-size: 16px;
  font-weight: bold;

  padding: 10px;
  border: solid 1px #85b1de;
  width: 400px;
  background-color: #EDF2F7;
  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
}
input[type='submit']
{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: #b6f69d;
  border: 2px outset green;
  padding: 10px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
  cursor: pointer;
  -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

table{padding:0; margin:0; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
table td{padding:0; margin:0;}
table th{background: #f3f3f3; /*-moz-border-radius: 10px; -webkit-border-radius: 10px;*/
         -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
          -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
         padding: 10px;}

h1{font-size: 22px; padding: 0; margin: 0px; margin-bottom: 15px;}
h2{font-size: 18px; padding: 0; }
h3{font-size: 16px; padding: 0; }
hr{border: 0; border-bottom: 5px solid #f0f0f0;}
A:link {color: steelblue;}
A:hover {}
A:visited {color: #80AFDD;}
.layout {margin: auto; }
.message {background:#CFFFCF; color:green; padding: 10px; width: 350px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.invalid {color: blue; }
.extra {font-size: 12px; color: #666;}
div.invalid{background: #D5DDF3; width:350px; padding: 10px; margin-bottom: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#header {padding: 0px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; height: 100px; width: 800px;
         background: #80AFDD; border: 0px solid steelblue; text-align: center; border-top: 0;
         -moz-border-radius-bottomleft: 20px; -khtml-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
         -moz-border-radius-bottomright: 20px; -khtml-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
#logo {padding-top: 25px;}
#menu { cursor: pointer; color: #333; font-size: 18px; text-align: center;
        padding: 10px; margin-top: 3px;
        -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#menu A {cursor: pointer; color: #000; font-weight: bold; border: 2px solid steelblue; text-decoration: none;  background: none;
    padding: 10px; padding-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#menu A:hover {color: #000; background: #EDF2F7; }
#content {width: 728;  padding: 20px; padding-top: 0px; padding-bottom: 0px; margin: auto; /*margin-left: 50px; margin-right: 50px;*/
          background: #fff; padding: 20px; border: 1px solid #ccc;
         -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
        }
#footer {clear:both; font-size: 14px; color:#333; margin-top: 10px; text-align: center; width: 800px; }
#footer-text {padding: 20px;  padding-left: 50px; text-align: left; background: #80AFDD; border: 0px solid #ddd;}

.link {color: #006666; text-decoration: underline; font-size: 14px; cursor: pointer;}
.debug {border-top: 10px dotted #999; background: #fff; padding: 10px; color: #666; font-size: 12px;}
.debug-hdr {color: #FF8C00; font-weight: bold; font-size: 14px;}
.subtle{font-size: 11px; color: #aaa;}
.message{background: #ffcccc; color: #ff3333; padding: 3px; width: 90%; margin: auto; margin-bottom: 5px;}
.icon {border: 0; cursor: pointer; padding-right: 3px; vertical-align: text-top;}
.view {color:#aaa; margin-top: 10px; margin-bottom: 10px;}
.cols {clear: both; -moz-column-count: 3;	-moz-column-gap: 20px;	-webkit-column-count: 3;	-webkit-column-gap: 20px;	column-count: 3;	column-gap: 20px;  margin-bottom: 10px;}
.cols-two {clear: both; -moz-column-count: 2;	-moz-column-gap: 20px;	-webkit-column-count: 2;	-webkit-column-gap: 20px;	column-count: 2;	column-gap: 20px;  margin-bottom: 10px;}
.rounded {-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rounded20 {-moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.rounded25 {-moz-border-radius: 25px; -khtml-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
.mark {font-weight: bold; color: #99CC99;}
.d{font-size: 125%;}