.claramodal {
  position:fixed;
  bottom:0;
  right:10%;
  z-index:99;
  overflow:hidden;
  height:330px;
  width:632px;
  margin-bottom: -6px /* for border */
}

.submodal {
  background-color: #f00;
  padding: 20px;
  position: absolute;
  bottom: -400px;
  background: #eee url('background.png') no-repeat 0 26px;
  border: 6px solid #fff;

}

.submodal *:first-child {
  margin-top:0;
}
.submodal *:last-child {
  margin-bottom:0;
}

.claramodal .button {
  margin:0;
}

.modaloptions {
  text-align:right;
  padding: 0 0 0 0;
}

.modalicon {
  float: right;
  color: #B0B0B0;
  font-size: 1.5em;
  margin-top:-0.7em;
}

.modalicon:hover {
  color:#444;
  cursor:pointer;
}