*
{
  padding: 0px;
  margin: 0px;
  border: 0px;
  line-height:160%;
}

BODY {
  text-align: center;
  padding: 0px;
  margin: 0px;
}


TD, TH, DIV, FORM {
  vertical-align: top;
	font-family: 'helvetica', 'tahoma'; 
	font-size: 12px; 
  text-align: justify;
}

DIV {  
  border: 0px;
  margin: 0px;
  padding: 0px;
}

DIV.overlay
{
  background-color: #e8e8e8;
  opacity: 0.80;
  z-index: 20000;
  position: absolute; left: 0px; right: 0px;
  width: 100%;
  height: 100%;
  border: 0px;
}

DIV.msgBoxContainer
{
  position: absolute; left: 0px; right: 0px;
  width: 100%;
  height: 100%;
  border: 0px;
  z-index: 20001;
  text-align: center;
}
  DIV.msgBoxContainer DIV.timeoutMsgBoxTop
  {
    position: relative; top: 200px;
    background-image: url("../img/timeoutNotificationBoxBGtop.png");
    width: 402px;
    height: 27px;
    border: 0px;
    z-index: 20001;
    color: #ffffff;
  }
    DIV.msgBoxContainer DIV.timeoutMsgBoxTop DIV.msgBoxHeader
    {
      position: absolute; top: 0px; left: 0px;
      width: 362px;
      height: 20px;
      padding: 3px 20px;
      font-weight: bold;
      font-size: 120%;
    }
  DIV.msgBoxContainer DIV.timeoutMsgBoxMain
  {
    position: relative; top: 200px;
    background-image: url("../img/timeoutNotificationBoxBGmain.png");
    width: 402px;
    border: 0px;
    z-index: 20001;
    color: #ffffff;
  }
    DIV.msgBoxContainer DIV.timeoutMsgBoxMain DIV.msgBoxText
    {
      position: relative; top: 0px; left: 0px;
      width: 382px;
      padding: 10px;
    }
    DIV.msgBoxText DIV.loginForm
    {
      background-image: url("../img/timeoutLoginFormBG.png");
      position: relative;
      height: 42px;
      width: 312px;
    }
      DIV.msgBoxText #timeoutMsgBox_err {
        display: none;
        padding-left:15px;
        font-style: italic;
      }
      DIV.msgBoxText DIV.loginForm .loginTable {
        position: absolute; top:8px; left:7px;
      }
        DIV.msgBoxText .loginTable INPUT.button {
          height: 20px;
          vertical-align: middle;
        }
        DIV.msgBoxText .loginTable INPUT.button.login {
          background-image: url('../img/buttons/login_btn.gif');
          width: 36px;
        }
        DIV.msgBoxText .loginTable INPUT:hover.button.login {
          background-image: url('../img/buttons/login_over_btn.gif');
        }

        DIV.msgBoxText .loginTable INPUT.text {
          border: 1px solid #b4b4b4;
          margin-right: 5px;
          color: #000;
          height: 20px;
          width: 120px;
          font-size: 9pt;
          vertical-align: middle;
        }
  DIV.msgBoxContainer DIV.timeoutMsgBoxBottom
  {
    position: relative; top: 200px;
    background-image: url("../img/timeoutNotificationBoxBGbottom.png");
    width: 402px;
    height: 5px;
    border: 0px;
    z-index: 20001;
  }
DIV.website {
  position: relative;
  /*height: 620px; DO WE NEED THIS?*/
  width: 966px;
  text-align: left;
}

  DIV.headerBar {
    position: relative;
    background-image: url('../img/bg_top.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 88px;
    width: 966px;
  }


    A#logolink
    {
      display: block;
      position: absolute;
      left: 15px;
      top: 3px;
      width: 79px;
      height: 79px;
      z-index: 100;
      text-decoration: none;
    }
  
    DIV.loginBar {
      position: absolute; right:0px; top:5px;
      background-image: url('../img/login_bg.gif');
      background-repeat: no-repeat;
      height: 42px;
      width: 312px;
    }
      .loginTable, .logoutTable {
        position: absolute; top:9px; right:8px;
        height: 20px;
      }
        .loginBar FORM INPUT.button {
          height: 20px;
          vertical-align: middle;
        }
        .loginBar FORM INPUT.button.login {
          background-image: url('../img/buttons/login_btn.gif');
          width: 36px;
        }
        .loginBar FORM INPUT:hover.button.login {
          background-image: url('../img/buttons/login_over_btn.gif');
        }
        .loginBar FORM INPUT.button.logout {
          background-image: url('../img/buttons/logout_btn.gif');
          width: 44px;
        }
        .loginBar FORM INPUT:hover.button.logout {
          background-image: url('../img/buttons/logout_over_btn.gif');
        }
        .loginBar FORM INPUT.text {
          border: 1px solid #b4b4b4;
          margin-right: 5px;
          color: #000;
          height: 20px;
          width: 120px;
          font-size: 9pt;
          vertical-align: middle;
        }
        TD.welcomeText {
          width: 250px;
          text-align: center;
          color: #666666;
        }
      
      DIV.headerBar A#registerButton, DIV.headerBar A#forgotPasswordButton, DIV.headerBar A#subscribeInfoButton {
        font-size: 9pt;
        color: #fe8126;
        text-decoration: none;
      }
      DIV.headerBar A:hover#registerButton, DIV.headerBar A:hover#forgotPasswordButton, DIV.headerBar A:hover#subscribeInfoButton {
        color: #fea25e;
      }
      DIV.headerBar A#registerButton, DIV.headerBar A#subscribeInfoButton {
        position: absolute; right:12px; top:61px;
      }
      DIV.headerBar A#forgotPasswordButton {
        position: absolute; right:110px; top:61px;
      }
      
      DIV.headerBar IMG#topBarSplitLine1, DIV.headerBar IMG#topBarSplitLine2 {
        height: 31px;
        width: 3px;
      }
      DIV.headerBar IMG#topBarSplitLine1 {
        position: absolute; right:242px; top:56px;
      }
      DIV.headerBar IMG#topBarSplitLine2 {
        position: absolute; right:92px; top:56px;
      }
        DIV.headerBar A.button DIV {
          position: absolute; right:0px; top:54px;
          width: 177px;
          height: 34px;
          font-size: 9pt;
          padding-top:7px;
          background-image: url('../img/subscribe/becomePremiumMemberBtn.png');
          background-color: transparent;
          text-align: center;
          text-decoration: none;
          vertical-align: middle;
          color: white;
        }
        DIV.headerBar A.button DIV:hover {
          background-image: url('../img/subscribe/becomePremiumMemberBtnOver.png');
        }

        DIV.headerBar A.button {
          text-decoration: none;
        }
      
  DIV.mainBar {
    display: block;
    position: relative;
    background-image: url('../img/bg_main.bmp');
    background-repeat: repeat-x;
    background-color: #095998;
    width: 966px;
    overflow: auto;	
  }
    
    DIV.sideBar {
      float: left;
      position:relative;
      width: 174px;
      /*border:1px dashed red;*/
    }
      
    DIV.spacerLine {
      float: left;
      position:relative;
      background-image: url('../img/spacerLine.gif');
      background-repeat: no-repeat;
      width: 1px;
      height: 493px;
    }
    
    DIV.mainContentField {
      float: left;
      position:relative;
      width: 791px;
      overflow: hidden;
    }
      DIV.textBox {
        padding: 20px 40px;
        width: 710px;
        color: #ffffff;
      }
      DIV.textBox TD, DIV.textBox TH, DIV.textBox P, DIV.textBox A {
        color: #ffffff;
      }
      /*DIV.textBox INPUT[type="checkbox"] {
        color: #000000;
      }
      DIV.textBox OPTION {
        color: #000000;
      }*/
        TABLE.registerTable {
          position: relative;
          max-width: 700px;
        }
        TABLE.registerTable TD, TABLE.registerTable TH {
          padding: 3px 20px;
          height: 20px;
        }
        TABLE.registerTable TR TD INPUT.text {
          width: 200px;
          border: 1px solid #606060;
          padding: 0px 5px;
          color: #000;
          height: 20px;
        }
        DIV.textBox P.errorMsg {
          width: 550px;
          font-size:10pt;
          color: #ffd1ab;
          font-weight: bold;
        }
        
        DIV.textBox P {
          padding-top: 10px;
        }
        
        INPUT.button {
          width: 122px;
          height: 22px;
          font-size: 10pt;
          background-image: url('../img/buttons/button_bg.png');
          background-color: transparent;
          text-align: center;
          vertical-align: middle;
          color: white;
        }
        INPUT:hover.button {
          background-image: url('../img/buttons/button_over_bg.png');
        }
        INPUT.trialBtn {
          font-size: 10pt;
          background-color: transparent;
          text-align: center;
          vertical-align: middle;
          color: white;
          left: -10px;
          top: -4px;
          width: 143px;
          height: 29px;
          font-size: 10pt;
          font-weight: bold;
          background-image: url('../img/buttons/trialAcceptButton_bg.png');
        }
        INPUT.trial:hoverBtn {
          text-decoration: underline;
        }
        .rightAligned {
          text-align: right;
        }
        .centered {
          text-align: center;
        }
        
        
  
  DIV.copyrightBar {
    position: relative;
    background-image: url('../img/bg_bottom.gif');
    background-repeat: no-repeat;
    background-position: top;
    height: 28px;
    width: 966px;
  }
    DIV.copyright {
      position: relative; top: 5px;
      text-align: center;
      width: 966px;
    }
    
    DIV.copyright, 
    DIV.copyright A
    {
      color: #888888;
      font-size: 8pt;
      text-decoration: none;
    }
    
    DIV.copyright A:hover
    {
      text-decoration: underline;
    }
    
    DIV.blogIcons
    {
      position: absolute; top: 8px; right: -1px;
      height: 16px;
      text-align: right;
    }
      DIV.blogIcons A IMG
      {
        border: 0px;
      }
    
A.button DIV, A.button_orange DIV {
  position: relative;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: white;
}
A.button DIV {
  width: 122px;
  height: 22px;
  font-size: 9pt;
  background-image: url('../img/buttons/button_bg.png');
}
A.button DIV:hover {
  background-image: url('../img/buttons/button_over_bg.png');
}
A.button_orange DIV {
  width: 140px;
  height: 21px;
  font-size: 9pt;
  background-image: url('../img/buttons/btn_orange.gif');
}
A.button_orange DIV:hover {
  background-image: url('../img/buttons/btn_orange_over.gif');
}
A.button, A.button_orange {
  text-decoration: none;
}

/* for jquery.tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	background-image: url('../img/tooltip_bg.png');
	background-color: transparent;
	padding: 5px;
	opacity: 0.88;
  width: 122px;
  height: 16px;
}
#tooltip h3
{
  font-size: 11px;
  font-weight: normal;
  color: white;
}
#tooltip h3, #tooltip div { margin: 0; }

DIV.pulldownSpacer {
  z-index:1001;
  width:150px;
  height:20px;
  position:relative; left:0px; top:0px;
}

.hidden
{
  display:none;
}

UL.privacyStatement
{
  padding-left: 40px;
  padding-right: 40px;
}


TABLE.purchases
{
  width: 650px;
  border-collapse: collapse;
  padding: 0px;
}
  TABLE.purchases TH {
    height: 21px;
    background-image: url('../img/purchases/headerBG.gif');
    background-repeat: repeat-x;
    text-indent: 5px;
  }
  TABLE.purchases TH.leftCap {
    width:3px;
    background-image: url('../img/purchases/headerCapLeft.gif');
    background-repeat: no-repeat;
  }
  TABLE.purchases TH.spacer {
    width:3px;
    background-image: url('../img/purchases/headerSpacer.gif');
    background-repeat: no-repeat;
  }
  TABLE.purchases TH.rightCap {
    width:3px;
    background-image: url('../img/purchases/headerCapRight.gif');
    background-repeat: no-repeat;
  }
  TABLE.purchases TD {
    text-indent: 10px;
    height: 25px;
    vertical-align: middle;
    background-color: #1aa1e5;
  }
  TABLE.purchases TD IMG {
    position:relative; top:3px;
  }
  TABLE.purchases TD A {
    text-decoration: none;
    font-weight: bold;
  }
  TABLE.purchases TD A:hover {
    color: #ff9d46;
  }
  TABLE.purchases TD.leftEdge {
    border-right: 1px solid #f9f3df;
    background-color: transparent;
  }
  TABLE.purchases TD.rightEdge {
    border-left: 1px solid #f9f3df;
    background-color: transparent;
  }
  TABLE.purchases TD.bottomEdge {
    border-top: 1px solid #f9f3df;
    background-color: transparent;
  }
  TABLE.purchases TD.corner {
    background-color: transparent;
  }

P.failedPurchases
{
  color: #ffd1ab;
}

TABLE.invoiceButtonBar {
  width:650px;
}
TABLE.invoiceButtonBar TH {
  width:450px;
  height:20px;
  text-align: left;
  vertical-align:top;
}
TABLE.invoiceButtonBar TH.back {
  width:200px;
  height:20px;
  text-align: right;
  vertical-align:top;
}

DIV.textBox.littleBoxPage {
  text-align: center;
  vertical-align: middle;
  height:450px;
}
DIV.littleBoxPage DIV.littleBox {
  position: relative; left:150px; top:100px;
  width: 382px;
  height: 231px;
  padding: 10px;
  background-image: url('../img/authenticationErrorBoxBG.png');
  background-repeat: no-repeat;
}

DIV#payment_progress
{
  position: absolute;
  top: 100px;
  left: 160px;
}

.timeoutOverlay
{
  display: none;
}
}
