anchor.diff:  	#signup-box {
   		margin-top: 0px;
   	}
  -    
   }
   
   </style>
  
positive.code: .signup-error {
      text-align: center;
      display: block;
      font-size: 1.7em;
      margin-top: -27px;
      margin-bottom: 2px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: red;
  }
  
  @media (max-height:650px) and (max-width:450px) {
  
negative.code:     if(${not empty errors and errors.hasErrors()}) {
          $("#signup-msg").click();
      }
  <c:set var="inputFields" value="${fn:split('fullName,userName,password,emailAddress',',')}"/>
      
  <c:forEach var="inputField" items="${inputFields}">
  <c:if test='${not empty errors and not empty errors.getFieldError(inputField)}'>
      var $field = $("#${inputField}");
      $field.css("background-color", "#dc4040");
      $field.after('<span class="signup-error">${errors.getFieldError(inputField).code}</span>');
  </c:if>
  </c:forEach>
  });
  </script>
  </head>
  