anchor.diff:          the following: <br/>
           _ @ . # $</p>
   
  -    <div style="width: 400px; padding: 5px; margin: 0px;">
  +    <div style="width: 500px; padding: 5px; margin: 0px;">
           <form method="post" action="newAccount" name="frmCreateJournal">
   
               <fieldset>
  
positive.code: 
                  <div class="row">
                      <span class="label"><label for="password">Password</label></span> <span class="formw"><input
                          type="text" name="password" id="password" maxlength="18" size="18"/></span>
                  </div>
  
                  <!-- Hack to fix spacing problem.. especially with text boxes -->
  
negative.code: <html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
  <title>JustJournal.com: Create a Journal</title>
  <link rel="stylesheet" type="text/css" href="layout.css" media="all"/>
  <link rel="stylesheet" type="text/css" href="font-normal.css" media="all"/>
  <link rel="home" title="Home" href="index.jsp"/>
  <link rel="contents" title="Site Map" href="sitemap.jsp"/>
  <link rel="help" title="Technical Support" href="support/index.jsp"/>
  <style type="text/css" media="all">
      div.row {
          clear: both;
          padding-top: 5px;
      }
  
      div.row span.label {
          float: left;
          width: 140px;
          text-align: right;
      }
  
      div.row span.formw {
          float: right;
          width: 325px;
          text-align: left;
      }
  
      div.spacer {
          clear: both;
      }
  </style>
  <script type="text/javascript">
  var minpwlength = 5;
  var fairpwlength = 8;
  
  var STRENGTH_SHORT = 0;  // less than minpwlength
  var STRENGTH_WEAK = 1;  // less than fairpwlength
  var STRENGTH_FAIR = 2;  // fairpwlength or over, no numbers
  var STRENGTH_STRONG = 3; // fairpwlength or over with at least one number
  
  img0 = new Image();
  img1 = new Image();
  img2 = new Image();
  img3 = new Image();
  
  img0.src = 'images/password/tooshort.jpg';
  img1.src = 'images/password/fair.jpg';
  img2.src = 'images/password/medium.jpg';
  img3.src = 'images/password/strong.jpg';
  
  var strengthlevel = 0;
  
  var strengthimages = Array(img0.src,
          img1.src,
          img2.src,
          img3.src);
  
  function updatestrength(pw) {
  
      if (istoosmall(pw)) {
  
          strengthlevel = STRENGTH_SHORT;
  
      }
      else if (!isfair(pw)) {
  
          strengthlevel = STRENGTH_WEAK;
  
      }
      else if (hasnum(pw)) {
  
          strengthlevel = STRENGTH_STRONG;
  
      }
      else {
  
          strengthlevel = STRENGTH_FAIR;
  
      }
  
      document.getElementById('strength').src = strengthimages[ strengthlevel ];
  
  }
  
  function isfair(pw) {
  
      if (pw.length < fairpwlength) {
  
          return false;
  
      }
      else {
  
          return true;
  
      }
  
  }
  
  function istoosmall(pw) {
  
      if (pw.length < minpwlength) {
  
          return true;
  
      }
      else {
  
          return false;
  
      }
  
  }
  
  function hasnum(pw) {
  
      var hasnum = false;
  
      for (var counter = 0; counter < pw.length; counter ++) {
  
          if (!isNaN(pw.charAt(counter))) {
  
              hasnum = true;
  
          }
  
      }
  
  
      return hasnum;
  
  }
  </script>
  
  </head>
  
  <body>
  