html { height: 100%; margin-bottom: 1px; background: #b0c4de; }
html * { font-size: 100.01% }
body {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
#font-family: "Lucida Grande", Lucida, "Helvetica Neue", Helvetica, Verdana, sans-serif;
font-size: 80%;
#color: #444;
color: #4f6b72;
text-align: center;
}
img, form { border: 0 none; }
h1,h2,h3,
h4,h5,h6 {
font-weight: bold;
margin: 0 0 0.25em 0;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}
h1 { font-size: 200%;  color: #4F81BD;    }   /* 24px */
h2 { font-size: 166.67%; color: #4F81BD;  }   /* 20px */
h3 { font-size: 150%;      }   /* 18px */
h4 { font-size: 133.33%; color: #4F81BD;  }   /* 16px */
h5 { font-size: 116.67%;   }   /* 14px */
h6 { font-size: 116.67%;   }   /* 14px */
p  { line-height: 1.5em; margin: 0 0 1em 0; }
p.pitch{line-height: 1.5em; margin: 0 0 1em 0; font-size: 110%; font-weight: 600; font-style: normal; font-family:"Comic Sans MS", "Comic Sans", "cursive"}
p.intro{line-height: 1.5em; margin: 0 0 1em 0; font-size: 110%; font-weight: 600; font-style: normal;}
a  { color: #4F81BD; text-decoration: underline; outline: none; }
a:focus,
a:hover,
a:active { color: #03f; text-decoration: underline; }

.codeRed	{ color: #f00; }
.codeBlue	{ color: #00f; }
.note { color: #777; font-size: 0.9em; font-style: italic; }
.alignright {text-align: right;}

/* layout */
div#wrap {
width: 600px;
margin: 0em auto;
padding: 2em;
text-align: left;

border: 1px solid #999;
background: #fff;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div#header {}
h1.title {
color: #4F81BD;
#text-transform: uppercase;
margin: 0;
padding: 0;
}
h3.tagline {
#color: #f25a0c;
color: #4F81BD;
}

div#content { margin: 2em 0; }

form .text { border: 1px solid #999; width: 20em; padding: 0.5em; }
form .text:active, form .text:hover, form .text:focus { border: 1px solid #333; }
form .fmbutton {
background: #f1f1f1;
padding: 0.25em 0.5em;
font-size: medium;
border: 1px solid #777;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
cursor: pointer;
}
form .fmbutton:active, form .fmbutton:hover, form .fmbutton:focus { background: #e2e2e2; border: 1px solid #111; }

div#footer {
border-top: 1px dotted #666;
padding: 0.3em 0;
}
div#footer p { font-size: x-small; color: #777; }

/* tables */
table#beta_users {
width: 800px;
padding: 0;
margin: 1em auto;
text-align: left;
}
caption {
padding: 0 0 5px 0;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(i/bg_header.jpg) no-repeat;
}
th.nobg {
border-top: 0;
border-left: 0;
border-right: 0px solid #C1DAD7;
background: none;
}
td {
border-right: 0px solid #C1DAD7;
border-bottom: 0px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
td.alt {
background: #F5FAFA;
color: #797268;
}
th.spec {
border-left: 0px solid #C1DAD7;
border-top: 0;
background: #fff url(i/bullet1.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
border-left: 0px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(i/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}