html, body {
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  }

#top-bar {
  background: #cf1f43;
  height: 86px;
  border:solid 1px #000;
  }

img.logo {
  padding: 5px;
  }

#navigation {
  float: right;
  font-size: 8pt;
  margin: -20px 5px 0px 0px;
  color: #fff;
  }
  
#navigation a {
  color: #fff;
  }

#content {
  margin: 15px 5px 15px 5px;
  }

p {
  text-align:justify;
  margin: 15px;
  }

h1 {
  margin: 3px auto 2px auto;
  font-size: 13pt;
  text-align: center;
  }

h2 {
  margin: 3px auto 2px auto;
  color: #cf1f43;
  font-size: 11pt;
  text-align: center;
  }

h3 {
  margin: 3px auto 2px auto;
  color: #cf1f43;
  font-size: 11pt;
  text-align: center;
  }


#your-friend {
  float: left;
  width: 46%;
  border-right: solid 1px #ccc;
  padding-bottom: 5px;
  }

#you {
  float: right;
  width: 53%;
  padding-bottom: 5px;
  }

.underline {
  padding: 3px 0px 2px 0px;
  }

label {
  float: left;
  text-align: right;
  margin-right: 15px;
  font-weight: bold;
  font-size: 11pt;
  }

label.your-friend {
  width: 60px;
  }

input.your-friend {
  width: 180px !important;
  width: 180px;
  }

label.you {
  width: 125px;
  }

input.you {
  width: 169px !important;
  width: 164px;
  }
  
#account-number {  
  margin-top:8px;
  }
  
.agreement {
  margin-top:  10px;
  }

label.agreement {
  font-size: 8pt;
  font-weight: normal;
  float: none;
  }


.right {
  margin: 15px 3px 0px 0px;
  float: right;
  }

br.clear-both {
  clear: both;
  }

.hidden {
  display: none;
  }

img {
  border: 0px;
  }

.center {
  text-align: center;
  }