#upgrade {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0; 
}
#upgradeBox {
  position: relative;
  margin: 10px auto 0 auto;
  padding: 10px; 
  width: 500px;
  height: 100px;
  background-color: #dfe6ed;
  text-align: left;
  border: 1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	box-shadow: 0 0 10px rgba(255,255,255,.7) inset;
	-webkit-box-shadow: 0 20px 20px rgba(255,255,255,.8) inset;
	-moz-box-shadow: 0 0 10px rgba(255,255,255,.7) inset;
}
#upgradeMessage {
  width: 480px;
  line-height: 17px;
}
#closeButton {
  position: absolute;
  top: 7px;
  right: 7px;
}
#closeButton:hover {
  cursor: pointer;
}
.upgradeButton {
  position: relative;
  display: block;
  width: 490px;
  height: 15px;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  color: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
  background: #a1b0c4;
  background: -moz-linear-gradient(top, #eee, #a1b0c4); 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#a1b0c4));
  background: -webkit-linear-gradient(top, #eee, #a1b0c4);
  background: -ms-linear-gradient(top, #eee, #a1b0c4);
  background: -o-linear-gradient(top, #eee, #a1b0c4);
  background: linear-gradient(top, #eee, #a1b0c4); 
}
.upgradeButton:hover {
  cursor: pointer;
  text-decoration: none;
}
.upgradeButton:visited, .upgradeButton:active {
  color: #000;
}
.upgradeButton.onClick {
  color: #fff;
  background: -moz-linear-gradient(top, #a1b0c4, #eee); 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1b0c4), to(#eee));
  background: -webkit-linear-gradient(top, #a1b0c4, #eee);
  background: -ms-linear-gradient(top, #a1b0c4, #eee);
  background: -o-linear-gradient(top, #a1b0c4, #eee);
  background: linear-gradient(top, #a1b0c4, #eee); 
}
#link-to-mobile {
  background-color: #61051d;
}
#link-to-mobile button {
  margin: 32px;
  font-size: 32pt;
  padding: 16px;
  border-radius: 16px;
  color: #800627;
  background-color: #fff;
}