body {
  background-color: #030457;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  font-family: Arial, Verdana, Sans-Serif;
  background-image: url("/images/bkg.jpg");
  background-repeat: repeat-x;
  background-position: top;
}

#greenTop {
  width: 978px;
  height: 39px;
  z-index: 50;
  position: absolute;
  top: 34px;
  left: 50%;
  margin-left:-489px;
}

#navBar {
  width:978px;
  height: 39px;
  z-index: 51;
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left:-489px;
}

#logoButton {
  z-index: 55;
  position: absolute;
  top: 1px;
  width: 295px;
  height: 163px;
  left: 50%;
  margin-left:-147px;
  cursor: pointer;
}

#whiteBackgroundTop {
  z-index: 50;
  position: absolute;
  top: 84px;
  width: 948px;
  height: 168px;
  left: 50%;
  margin-left:-474px;
  display:none;
}

#whiteBackgroundMiddle {
  z-index: 50;
  position: absolute;
  top: 206px;
  width: 948px;
  height: 0px;
  left: 50%;
  margin-left:-474px;
  background-color:#ffffff;
  display:none;
}

#whiteBackgroundBottom {
  z-index: 50;
  position: absolute;
  width: 948px;
  height: 168px;
  left: 50%;
  margin-left:-474px;
  display:none;
}

#contentDiv {
  top: 96px;
  width: 926px;
  position: relative;
  z-index: 51;
  left: 50%;
  margin-left:-462px;
  background-color: #ffffff;
}

#introButton {
  margin-left: 13px;
  margin-top: 6px;
  width: 60px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:left;
  overflow:none;
  text-decoration:none;
}

#featuresButton {
  margin-left: 30px;
  margin-top: 6px;
  width: 95px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:left;
  overflow:none;
  text-decoration:none;
}

#compareButton {
  margin-left: 24px;
  margin-top: 6px;
  width: 111px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:left;
  overflow:none;
  text-decoration:none;
}

#aboutButton {
  margin-right: 40px;
  margin-top: 6px;
  width: 80px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:right;
  overflow:none;
  text-decoration:none;
}

#signinButton {
  margin-right: 11px;
  margin-top: 6px;
  width: 82px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:right;
  overflow:none;
  text-decoration:none;
}

#blogButton {
  margin-right: 50px;
  margin-top: 6px;
  width: 67px;
  height: 28px;
  cursor: pointer;
  display:block;
  float:right;
  overflow:none;
  text-decoration:none;
}


a:link,a:active,a:visited {   
  color: #0000ff;
  font-weight: bold;
  text-decoration:none;
}
a:hover {
  color: #0f5612;
}

.joinButton {
  width: 192px;
  height: 50px;
  cursor: pointer;
}

.tryButton {
  width: 151px;
  height: 51px;
  cursor: pointer;
}

.joinButtonBottom {
  z-index: 55;
  position: relative;
  left: 50%;
  top: 43px;
  margin-left:-96px;
}

#greenBottom {
  width: 978px;
  height: 23px;
  top: 118px;
  z-index: 50;
  position: relative;
  left: 50%;
  margin-left:-489px;
  clear:both;
}

#footer {
  text-align: center;
  color: #ffffff;
  font-size: 9pt;
  font-weight: bold;
  width: 978px;
  height: 21px;
  top: 98px;
  z-index: 51;
  position: relative;
  left: 50%;
  margin-left:-489px;
}

a.footer, a.footer:hover, a.footer:visited {
  color: #ffffff;
  font-size: 9pt;
}

.left {
 float: left;
}
.right {
 float: right;
}

.bold {
 font-weight: bold;
}

.indent {
  padding-left: 15px;
}
 
.formLabel {
  font-size: 12pt;
  font-weight: bold;
}

.formInput {
  color: #333333;
  font-size: 12pt;
}

.pageTitle {
  color: #333333;
  font-size: 16pt;  
}
h1 {
  color: #333333;
  font-size: 12pt;  
  display: inline;
  font-weight:none;
  margin:0px;
  padding:0px;
}

.normalText {
  font-size: 10pt;
  font-weight:none;
}

a.normalText, a.normalText:visited {
  color: #0000ff;
  font-weight: bold;
  text-decoration:none;
}
a.normalText:hover {
  color: #0f5612;
}

.smallText {
  color: #333333;
  font-size: 9pt;  
}
a.smallText, a.smallText:visited {
  color: #3333ee;
  font-size: 9pt;  
  text-decoration: none;
}
a.smallText:hover {
  color: #aaaaaa;
  font-size: 9pt;  
  text-decoration: underline;
}

.grey {
  color: #999999;
}

.white {
  color: #ffffff;
}

.wizardmenu, a.wizardmenu, a.wizardmenu:hover, a.wizardmenu:visited {
  background-color: #dddddd;
  color: #333333;
  font-size: 11pt;  
  padding: 4px;
  text-decoration: none;
  border-bottom: #666666 solid 1px;
}
.wizardBar {
  background-color: #eeeeee;
  padding: 4px;
  border-top: #666666 solid 1px;
  text-align: right;
}
.wizardButton {
  width: 125px;
}
.formTable {
  margin: 20px;
}

#coolWinBackground {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  filter: alpha(opacity=35);  
  -moz-opacity:0.35;
  opacity:0.35;
  display: none;
  z-index: 5000;
 }

#coolWinBox {
  position: absolute;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  display: none;
  overflow: hidden;
  z-index: 5001;
}

#coolWinTitle {
  color: #368C2E;
  font-size:16pt;
  font-weight:bold;
  height: 32px;
  background-image: url(/images/cool_win1.png);
  padding: 8px 4px 0px 8px;
  border-bottom: 1px solid #aaaaaa;
}

#coolWinMenu {
  height: 24px;
  padding: 6px 0px 0px 8px;
  font-size: 10pt;
  background-image: url(/images/cool_win2.png);
  border-bottom: 1px solid #aaaaaa;
}

#coolWinContent {
  overflow: auto;
}

#coolWinControl {
  height: 32px;
  background-image: url(/images/cool_win1.png);
  padding: 8px 8px 0px 0px;
  border-top: 1px solid #aaaaaa;
  text-align: right;
}

#coolWinLoading {
  position: absolute;
  z-index: 5002;
  background-color: #ffffff;
  text-align: center;
  display: none;
}

#coolWinBoxClose {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(/images/icons/16x16/close4.png);
  display: none;
  cursor: pointer;
  z-index: 5003;
}
hr {
  color: #cccccc;
  background-color: #cccccc;
  height: 1px;
}