body {
  text-align: center;
  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, century gothic, sans-serif;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  height: 100%;
  background-color: black;
  line-height: 20px;
}

a {
  border-style: none;
}

.titlelink { color: white; text-decoration: none; }
.titlelink:hover { color: white; text-decoration: none; }

img#bg { position:fixed; top:0; left:0; width:100%; }

.container {
  margin: 0 auto;
  padding: 0px;
  width: 920px;
  text-align: left;  
  display: block;
  position:relative;
  z-index:1;
}

.maincontent { margin-top: 20px; width: 920px; color: white; }

.xtransbg {
  background-color: #202020;
  background: rgba(0, 0, 0, 0.5);
  filter:alpha(opacity=50);
}

.xtransbgdark {
  background-color: #202020;
  background: rgba(0, 0, 0, 0.7);
  filter:alpha(opacity=70);
}

.transbg { background: url("images2/alpha18x18.png"); }
.transbgdark { background: url("images2/alpha18x18.70.png"); }

.solidagain { filter:alpha(opacity=100); position: relative; }

.maintabs { width: 600px; xpadding: 0px; }

.tabs td {
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  color: white;
  padding: 0px;
  margin: 0px;
  
  // make them solid in IE
  filter:alpha(opacity=100);
  position: relative;
}
.tabs a {display: block; color: white; text-decoration: none; padding: 7px; margin: 0px;}
.tabs a:hover {color: white; background-color: rgb(153, 204, 34);}
.tabselected {color: white; background-color: rgb(153, 204, 34);}


.subtabs td {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  padding: 0px;
  margin: 0px;
  width: 80px;
  
  // make them solid in IE
  filter:alpha(opacity=100);
  position: relative;
}
.subtabs a {display: block; color: white; text-decoration: none; padding: 4px; margin: 0px;}
.subtabs a:hover {color: white; background-color: rgb(153, 204, 34);}
.subtabselected {color: white; background-color: rgb(153, 204, 34);}


.searchtab {
  float: right;
  xbackground-color: rgb(153, 204, 34);
  background-color: rgb(185,21,63);
  width: 180px;
  padding: 7px 7px 7px;
  border: 0px solid #202020;
  color: white;
  font-size: 11pt;
  xfont-weight: bold;
  font-family: century gothic;
}

.searchtab input {  
  color: black; 
  background-color: white;
  font-weight: bold; 
  padding-left: 0px; 
  width: 173px;
  font-size: 10pt;
  xborder: 1px solid #202020;
}

.logoutbar td {
  color: white;
  background-color: black;
  padding: 10px;
  padding-left: 10px;
  padding-right: 20px;
}

.logoutbar a { color: white; text-decoration: none; }
.logoutbar a:hover { color: rgb(185,21,63); }

.signupbox {
  float: right;
  height: 60px;
  width: 200px;
}

.tryitnowbox { display: block; height: 20px; width: 140px; }
.getitnowbox { display: block; height: 20px; width: 140px; }

.matryitnowbox { display: block; height: 30px; width: 140px; }
.magetitnowbox { display: block; height: 30px; width: 140px; }

.maincontent .textcontent { padding: 5px; }

.textcontentinternal { margin: 10px; padding: 10px; }
.textcontentinternal a { color: #ff3c00; text-decoration: none; }
.textcontentinternal a:hover { color: red; }
.textcontentinternal li { margin-bottom: 5px; }

.chartcontent {
  text-align: center;
  margin: 0 auto;
  padding: 5px 0px 10px 0px;
  width: 897px;
  background-color: #303030;
  border: 1px solid #202020;
}

.chartcontenthalf {
  display: block;
  margin: 0px;
  text-align: center;
  padding: 5px 0px 10px 0px;
  width: 440px;
  background-color: #303030;
  border: 1px solid #202020;
}

.chartcontentasymleft {
  display: block;
  margin: 0px;
  text-align: center;
  padding: 5px 0px 10px 0px;
  width: 240px;
  background-color: #303030;
  border: 1px solid #202020;
}

.chartcontentasymright {
  display: block;
  margin: 0px;
  text-align: center;
  padding: 5px 0px 10px 0px;
  width: 640px;
  background-color: #303030;
  border: 1px solid #202020;
}

.chartselectors a { color: #ECECEC; text-decoration: none; border: 1px solid #303030; font-family: century gothic; }
.chartselectors a:hover { color: #ffffff; border: 1px solid rgb(221, 255, 102); }

.datatable tr:hover { background-color: rgb(133, 184, 14); }
.dateheader { padding: 5px; font-size: 14pt; }
.dateheader sup {font-size: 8pt; font-family: century gothic; }

// which is which!?
.dateheader { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }  
.datatable a { padding: 0px; margin: 0px; color: white; text-decoration: none; } 
.datatable a:hover { color: #ffffff; font-weight:bold; }  
.weeklyrecords { padding: 7px; margin: 10px 5px 15px; }

.navbar { font-weight: normal; font-family: century gothic; }
.navbar a { text-decoration: none; color: white; }
//.xxnavbar a:hover { text-decoration: none; font-weight: normal; color: rgb(153, 204, 34); }
.navbar a:hover { text-decoration: none; font-weight: normal; color: #ff3c00; }
.navbar .disabled { color: #A0A0A0; }

.datafieldtitle { font-size: 11pt; font-weight: bold; }
.datafieldtitle a {text-decoration: none; color: white; padding: 5px;}
.datafieldtitle a:hover { text-decoration: none; background-color: rgb(153, 204, 34); }

.footer {
  text-align: right;  
  padding: 10px;
  padding-top: 0px;
  margin: 0px;
  font-family: century gothic, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, arial;
  font-size: 10pt;
}
.footermenu { padding: 0px; font-family: century gothic, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, arial; }
.footermenu a { text-decoration: none; color: white; }
.footermenu a:hover { color: #ff3c00; }

.signupform { font-family: century gothic; color: white; }
.signupform input { font-family: arial; font-size: 10pt; font-weight: normal; padding: 2px; xbackground-color: white; background-color: #202020; color: white; border: solid 1px black; }
.signupform input:focus { border: solid 1px black; }
.signupform .signupfieldtitle { font-size: 10pt; font-weight: normal; text-align: right; padding: 5px; padding-right: 10px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; }
.signupform .signupwarning { font-weight: normal; color: #ff3c00; font-size: 10pt; }

.signinlink { font-family: century gothic; text-decoration: none; font-size: 8pt; color: white; }
.signinlink:hover { color: #ff3c00; }

.signupbutton {
  background: url("images2/bg-btn-signup.png") repeat-x rgb(153, 204, 34);
  border: 1px solid rgb(221, 255, 102);
  color: rgb(51, 51, 51);
  display: block;
  font: normal normal normal 18px/normal Helvetica, Arial, sans-serif;
  font-weight: bold;
  outline: none;  
  text-align: center;
  text-decoration: none;
  text-shadow: rgb(221, 255, 102) 0px 1px 0px;
}

a.signupbuttondetails { padding: 8px 10px; }

input.signupbuttondetails {
  font: normal normal normal 18px/normal Helvetica, Arial, sans-serif;
  font-weight: bold;
  width: 200px !important;
  color: rgb(51, 51, 51);
  border: 1px solid rgb(221, 255, 102);
}

.smsrec { margin: 10px; background-color: black; padding: 5px; margin: 0px 0px; text-align: left;}
.smsrec a { text-decoration: none; padding: 0px 0px; }
.smsheader { font-weight: bold; }
.notthreaded { width:100%; }
.smsinthreaded { width: 650px;  }
.smsincoming a { color: rgb(153, 204, 34); }
.smsincoming a:hover { background-color: rgb(153, 204, 34); color: white; }
.smsincoming .smstext { color: white;}
.smsoutthreaded { width: 650px; margin-left: auto; }
.smsoutgoing a { color: rgb(34, 153, 204); }
.smsoutgoing a:hover { color: white; background-color: rgb(34, 153, 204); }
.smsoutgoing .smstext { color: white; }
.smsdatetime { font-size: 8pt; font-style: italic; color: silver; margin-top: 2px;}

.smstable td {padding: 0px; margin: 0px; padding-top: 10px; vertical-align:bottom;}

.privacypolicy { font-family: arial; font-size: 10pt; }
.privacypolicy h2 { font-family: century gothic; font-size: 14pt; }

.tabloid {
  font-size: 13px;
  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, century gothic, sans-serif;
  font-weight: 500;
  color: rgb(240, 240, 240);
}

.tabloid .rightcol { margin: 5px; margin-right: 35px; width: 255px; }
.tabloid .leftcol { margin: 5px; margin-left: 35px; width: 255px; }
.tabloid .middlecol { margin: 5px;  width: 255px; }
.tabloid h2 {
  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, century gothic, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  color: white;
  margin: 0px 0px 7px;
}

.supportsectionheader { font-size:14pt; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; padding-bottom: 10px;}
table.olksettings { border-width: 0px; border-spacing: 3px; border-style: none; border-collapse: collapse; }
table.olksettings td { border-width: 0px 0px 1px; padding: 5px;	border-style: solid; border-color: #202020; background-color: rgb(34, 153, 204) }

table.settings_table_tuple { border-width: 0px; border-spacing: 3px; border-style: none; border-collapse: collapse; font-family: HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, century gothic, sans-serif; }
table.settings_table_tuple td { border-width: 0px 0px 1px; padding: 5px;	border-style: solid; border-color: #202020; background-color: rgb(34, 153, 204); }
table.settings_table_tuple td.fldname {font-weight: bold;  width: 300px; }

.warningbar { font-weight: bold; color: white; background-color: red; }
.warningbar a { text-decoration: none; color: white; }
.warningbar a:hover { text-decoration: none; color: white; }

.pricingbullets li {
  margin: 10px;
}

.ma_steps {
  font-family: century gothic;
  font-size: 12pt;
  padding: 5px; padding-left: 10px;
}

.ma_tabloid a { color: rgb(153, 204, 34); text-decoration: none; padding: 2px; font-weight: bold; }
.ma_tabloid a:hover { color: white; background-color: rgb(153, 204, 34); }

.prodtabs td {cellpadding: 0px; padding: 0px; margin: 0px;}
.prodtabs .tabnotselected { background-color: black; }
.prodtabs .tabselected { background-color: red; }
.prodtabs a { color: white; text-decoration: none; padding: 4px; }
.prodtabs a:hover { color: white; text-decoration: none; background-color: red; }