title: How do I get the log-in section to disappear when users are logged in?
body: <p>I want the "log in block" to be hidden to my users once they are logged in.  It is very confusing to still see the log in section.  My users think that their log in didn't work when in actuality, they are successfully logged in.  I have tried inserting the following into my CSS block, but I need a condition to make it visible when users are NOT logged in.</p>
  
  <pre><code>display: none;
  </code></pre>
  
  <p>Here is my HTML code for this section:</p>
  
  <pre><code>    &lt;DIV id="hp-content"&gt;
          &lt;DIV id="hp-left-column"&gt;
              &lt;DIV id="hp-sign-header"&gt;
              &lt;/DIV&gt;
              &lt;DIV id="hp-sign"&gt;
                  &lt;input type="textbox" class="ui-txt-general medium required" id="swsignin-txt-username" /&gt;
                  &lt;input type="password" class="ui-txt-general medium required" id="swsignin-txt-password" /&gt;
                  &lt;a title="Sign into my site." onclick="joelSignIn();" class="" id="swsignin-btn-submit"&gt;&lt;img src="/cms/lib06/CA01000567/Centricity/Template/2/signin.png" alt="Sign In" /&gt;&lt;/a&gt;
              &lt;/DIV&gt;
  </code></pre>
  
  <p>Here is my CSS code for this section:</p>
  
  <pre><code>    #hp-sign-header{
          width: 288px;
          height: 27px;
          margin: 20px 0px 10px 0px;
          background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/sign-header.png) no-repeat scroll top center;
          }
  
      #hp-sign{
          width: 218px;
          height: auto;
          margin-left: 35px;
          }
  
      #swsignin-txt-username, #swsignin-txt-password {
          border: 1px solid #0C304E;
          color: #6994B9;
          font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
          font-weight: bold;
          font-size: 15px;
          line-height: 15px;
          height: 47px;
          margin: 0px 0px 10px 0px;
          padding: 0px;
          text-align: center;
          width: 221px;
          }
  
      #swsignin-txt-username {
          background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/username.png) no-repeat scroll top left;
          }
  
      #swsignin-txt-password {
          background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/password.png) no-repeat scroll top left;
          }
  </code></pre>
  
  <p>Here is the JAVASCRIPT code for this section:</p>
  
  <pre><code>    function joelSignIn(){
      var data = "{Username: '" + addslashes($('#swsignin-txt-username').val()) + "',Password: '" + addslashes($('#swsignin-txt-password').val()) + "'} ";
      var success = "window.location.reload()";
      var failure = "if (result[0].reason === 'TOU') { DisplayTOU(); } else { CallControllerFailure(result[0].errormessage); }";
      var callPath = "../site/SiteController.aspx/SignIn";
      CallController(callPath, data, success, failure);
      }
  </code></pre>
  
  <p>So my question is, do I need to insert HTML code, CSS code and/or JAVASCRIPT code to make this work?  And what is the code that I need to insert and where?  I have tried researching and playing around, but to no avail.  Any advice would be MUCH appreciated.  Thank you!</p>