html {
  height:100%;
}

body {
  background-color:#e9eeee;
  min-height:100%;
  font-family:arial,helvetica,sans-serif;
  color:#666666;
  margin:0px;
  padding:0px;
  padding-top:10px;
  font-size:75% !important; font-size:12px;
  line-height:150%;
}

/* Need this for IE 5, so that the font sizes within tables are not ridiculously huge */
body table {
  font-size:100% !important; font-size:12px;
}

b {
  color:#666666;
}

ul {
}

li {
  padding:4px 5px;
  /* list-style-image: url(../images/li.png); */
}

li.index {
  padding:10px 0px;
  font-weight:normal;
  font-size:110%;
}

h1 { 
  margin-top:26px;
  margin-bottom:6px;
  font-size:140% !important; font-size:16px;
  color:#5f7aae;
}

h2, h3 { 
  padding-top:10px;
  padding-bottom:0px;
  margin-bottom:0px;
  font-size:100% !important; font-size:12px;
  color:#666666;
}

div.announce {
  clear:both;
  text-align:center;
  background-color:#fff7f4;
  padding:10px;
  border-top:1px dashed #f9d0c0; 
  border-bottom:1px dashed #f9d0c0; 
}

div.announce h1 {
  padding:10px;
  display:inline; 
  text-align:center;
  color:#ff7a45; 
  background-color:#fff7f4;
}

a:link, a:visited {
  color:#1958d7;
  text-decoration:underline;
}
a:hover {
  color:#7c93c3;
  text-decoration:underline;
}

a img {
  border:0;
}

#all {
  width:auto;
  margin:0px 14px;
  text-align:center;
}

/* Setup the main content box that encapsulates everything */
div#main {
  width:750px;
  margin:0px auto;
  clear:both;
  text-align:left;
  position: relative;
  background:#ffffff;
}

div#content {
  margin:0px 15px;
}

div.foottext {
  position:relative; 
  display:inline; 
  color:#ffffff; 
  font-weight:bold;
  font-size:75%;
}
div.foottext a {
  color:#ffffff; 
  text-decoration:none;
}
div.foottext a:hover {
  color:#ffffff; 
  text-decoration:underline;
}

.menu {
  width:720px;
  text-align:center;
  padding:0px;
  margin:0px;
  border-left:1px solid #999;
  border-right:1px solid #999;
}

.menu td {
  margin:0px;
  padding:0px 10px;
  width:14%;
  height:30px;
}

.menu td.active {
  background:url(../images/menu2.png) repeat-x top left;
  border-bottom:1px solid #babfbf; 
}

.menu td.active a {
  font-weight:bold;
  color:#333333;
}

.menu td.inactive {
  /* background:#f9f9f9;
  border:1px solid #e0e0e0; */
  background:url(../images/menu.png) repeat-x top left;
  border-bottom:1px solid #405a89; 
}

.menu td.inactive a:link, .menu td.inactive a:visited {
  /* color:#666666; */
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

.menu td.inactive a:hover {
  /* color:#7c93c3; */
  color:#ffffff;
  font-weight:bold;
  text-decoration:underline;
}

.tabs_key {
  width:720px;
}

.tabs_key th {
  font-weight:normal;
  text-align:left;
  padding-bottom:10px;
  white-space:nowrap;
}

.tabs_key td {
  font-weight:normal;
  font-style:italic;
  text-align:right;
  font-size:90%;
  padding-bottom:10px;
}

div.news {
  margin:0px;
  padding:0px;
  border:1px solid #e0e0e0;
  background:#f9f9f9;
  color:#6182c5;
}



div.info_box {
  margin:0px;
  padding:0px;
  border:1px solid #cfd5d5 !important;
  background:url(../images/info_box_bg.png) repeat-x top left #e8f1f1 !important;
  position:relative;
  color:#666666;
  font-weight:bold;
}

.ibl {
  float:left; 
  width:48%; 
  display:inline;
  height:100%;
}

.ibr {
  float:right; 
  width:48%; 
  display:inline;
  height:100%;
}

.ibl2 {
  height:100%;
}

.ibc {
  width:718px; 
}

.info_box p {
  margin:0px;
  margin-bottom:20px;
  padding-left:30px;
  padding-right:30px;
  font-weight:normal;
}

.info_box label {
  font-weight:bold;
  padding:10px;
  border:1px solid transparent;
}
.info_box label:hover {
  background:#f7f7f7;
  border:1px solid #eee;
}

.info_box h1, .info_box h6 {
  margin:0px;
  padding:10px;
  padding-left:20px;
  color:#666666;
  background:url(../images/info_box_h1_bg.png) no-repeat top left;
  border-top:1px solid #ffffff;
}
.info_box h6 {
  font-size:110% !important; font-size:13px;
}

.info_box a:link, .info_box a:visited, #brd-navlinks a:link, #brd-navlinks a:visited  {
  color:#333333;
}
.info_box a:hover, #brd-navlinks a:hover {
  color:#808e8e;
}

.info_box ul {
  margin:0px;
  padding:0px;
  margin-bottom:20px;
}

.info_box li {
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  /* list-style-image: url(../images/info_box_li.gif); */
  list-style:disc; 
}
.info_box table {
  margin:10px auto;
}
.info_box table th {
  color:#666666;
  white-space:nowrap;
  text-align:right;
  padding-right:10px;
}
.info_box table td {
  white-space:nowrap;
  padding-bottom:5px;
}

.info_box input.good {
  border:1px solid #808e8e;
}


/* Hack to ensure info_box encapsulates all the stuff */
.info_box:after { 
  content:""; 
  display:block; 
  height:0; 
  clear:both; 
}

.pane_box {
  margin:0px;
  padding:0px;
  position:relative;
  color:#666666;
}
.pane_box h4 {
  font-size:120%;
  margin:0px;
  padding:10px;
  padding-left:20px;
  padding-top:20px;
  color:#666666;
  font-weight:bold;
}
.pane_box p {
  margin:0px;
  margin-bottom:20px;
  padding-left:20px;
  padding-right:20px;
  font-weight:normal;
}

img {
  margin:0px;
}

.nobr {
  white-space:nowrap;
}

.center {
  text-align:center;
}

.clear, .clearer {
  clear:both;
  width:100%;
}

div.line {
  height:2px;
  width:100%;
  /* background:url(../images/line.png) repeat-x; */
  margin:20px 0px;
  background:#eeeeee repeat-x;
}
.hidden {
  display:none;
}

#helper {
  position:absolute;
  visibility:hidden;
  z-index:200;
}
table.helper_table {
  background-color:#fffdf2;
  color:#666666;
  border:1px solid #999999;
  width:400px;
}
table.helper_table td {
  padding:10px;
  font-size:11px;
}

table.pricing {
  display:inline;
  margin-top:30px;
  background-color:#ffffff;
  border-top:1px solid #e0e0e0;
  border-left:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
}
table.pricing th.header {
  text-decoration:underline;
  background-color:#f9f9f9;
  text-align:center;
  font-size:120%;
  border-bottom:0px;
  color: #333333;
}
table.pricing th {
  color:#666666;
  font-weight:normal;
  background-color:#f9f9f9;
  border-bottom:1px solid #e0e0e0;
}
table.pricing th.footer {
  background-color:#f9f9f9;
  border-bottom:1px solid #e0e0e0;
}
table.pricing td {
  border-bottom:1px solid #e0e0e0;
}
.right {
  text-align:right;
}
.left {
  text-align:left;
}
.center {
  text-align:center;
}
div.message {
  padding:4px 4px;
  margin:0px auto 12px auto;
  border:1px solid #cccccc;
  background-color:#fffdf2;
  width:60%;
}
.bad {
  /* color:red; changes color of text inputs atm */
}
.good {
  /* color:green; changes color of text inputs atm */
}
.help {
  color:black;
}

.info_box table td.bad, .info_box table th.bad {
  color:#cd7373;
}

.faq {
}

.faq h2 {
  background-color:#f4f4f4;
  padding:10px;
  margin-top:20px;
  margin-bottom:10px;
  position:relative;
}

.faq p {
  width:90%;
  margin-left:20px;
  margin-right:20px;
}

pre.blog {
  font-family:arial,helvetica,sans-serif;
  color:#666666;
  font-size:100%;
  line-height: 150%;
  width:100%;
}



#subscribe input[type="text"],
#subscribe input[type="password"],
#subscribe input[type="checkbox"]
{
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
}

#subscribe input[type="text"]:focus,
#subscribe input[type="password"]:focus, 
#subscribe input[type="checkbox"]:focus 
{
  border: 1px solid #999999;
  background-color: #ffffff;
}

#subscribe input[type="text"].bad, 
#subscribe input[type="password"]:focus.bad, 
#subscribe input[type="checkbox"].bad, 
#subscribe input[type="text"]:focus.bad, 
#subscribe input[type="password"].bad, 
#subscribe input[type="checkbox"]:focus.bad 
{
  border:1px solid #cd7373;
  background-color: #ffffff;
}



/* Override some of the forum rules */

/******** SPINKER ********/
/* Generated on http://spinkbb.jsand.net/punbb
/* To change your style, import this Spinker in SpinkBB
*/

BODY DIV#brd-wrap DIV.brd-page DIV#brd-navlinks,
BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV.main-head, DIV.main-menu,
BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV.main-foot {
  /* background-color: #7A95C8; */
  background-color: #AEB8CF;
  border-color: #7A95C8;
}

DIV.main-menu, DIV.admin-menu {
  background-color: #AEB8CF !important;
  border-color: #7A95C8;
}

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV.main-head H2.hn SPAN,
BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV.main-foot H2.hn SPAN SPAN.item-info {
  color: #FFF;
}

/******** END SPINKER ********/

a.feed, .main-foot a, .main-head a {
  color: #fff !important;
}


#brd-wrap {
  padding:0px;
  border:0px;
  margin-top:11px;
  border-top:1px solid #cfd5d5 !important;
  position:relative;
  color:#666666;
}

#brd-head {
  float:left;
  position:relative;
  width:35%;
  border:0px !important;
  background:url(../images/info_box_h1_bg.png) no-repeat top left;
  left:1px;
  padding:10px;
}

#brd-visit {
  padding:5px 10px 0px 10px;
  border-top:1px solid #ffffff;
  background:url(../images/info_box_bg.png) repeat-x top left #e8f1f1 !important;
}

#brd-title {
  color:#666666;
  margin:0px;
  padding:0px;
}

#brd-title a {
  color:#666666 !important;
  margin:0px !important;
  padding:0px !important;
}


#brd-navlinks {
  text-align:right;
  position:relative;
  float:right;
  background:none !important;
  border:0px !important;
  padding-right:10px;
}
#brd-navlinks li {
  margin-right:0px;
  margin-left:5px;
}
#brd-navlinks li a {
  font-size:100%;
  font-weight:bold;
  text-decoration:underline;
  margin-right:0px;
}



#brd-index:after, #brd-navlinks:after { 
  content:""; 
  display:block; 
  height:0; 
  clear:both; 
}

#welcome {
  color:#666666;
  clear:both;
  padding-top:10px;
  padding-left:0px;
}



/*
.brd ul, #brd-title p, #welcome ul.conr, #welcome ul.conl {
  display:inline;
}

#searchlinks, #searchlinks dd, #searchlinks dl, .brd h1, .brd h3, .brd li, .brd ul, #brd-title, 
#brd-title p, .linkst p, .postlinksb p, .linksb p, #welcome p, #brd-footer, #brd-footer dd, #brd-footer .inbox {
  padding:0px;
  margin:0px;
}

.brd ul {
  list-style:none; 
}
.inbox li {
  white-space:nowrap;
}

#brd-footer, #brd-footer .box {
  border:0px;
}
.postmsg h4 {
  font-size:100%;
}

.linkst .inbox ul, .postlinksb .inbox ul {
  display:block;
  clear:both;
  padding:5px 0px 0px 0px;
}
.postlinksb .inbox p.subscribelink {
  padding-top:5px;
}

*/