body {

  text-align: center;
  margin: 0px;
  font-family: sans-serif;
  font-size: 14px;
  background-image: linear-gradient(225deg, #0ab3e4, #102976);
  
}

div.container {

  margin: 15px auto 0px auto;
  width: 970px;
  height: 1300px;
  color: white;
  
}

div.content {

  padding: 130px 10px 10px 10px;
  text-align: left;
  background: url(/profoundui/proddata/images/splash/Profound-UI-Transparent.png) no-repeat;
  background-size: 400px 233px;
  background-position: top;
}

div.column1 {

  float: left;
  font-size: 14px;
 
  
}

div.column2 {

  float: left;
  clear: right;
  margin-left: 165px;

}

div.keyInput {

  margin: 10px 0px 10px 0px;  

}

div.keyDisplay {

  font-size: 18px;
  float: left;
  margin: 20px 0px 0px 0px;

}

div.keyInput textarea {

  width: 350px; 
  height: 50px;
  font-family: monospace;
  text-transform: uppercase;

}

h2 {

  text-align: center;
  font-size: 24px;
  margin-top: 100px;

}

h4 {

  margin-bottom: 5px;
  font-size: 18px;

}

p.error {

  color: #f37621;
  float: left;
  width: 350px;
  font-size: medium;

}

span.error {
  color: #f37621;
  font-size: 16px;
}

span.expiration {
  color: #f37621;
}

div.key {

 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 900px;
 font-size: 16px;
 padding-top: 10px;

}  
    
thead{
 font-size: 14px;
 font-weight: 900;	
}

hr{
	visibility: hidden;
}