@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/OpenSans.eot);
  src: local("Open Sans"), local("OpenSans"), url(fonts/OpenSans.eot) format("embedded-opentype"), url(fonts/OpenSans.woff) format("woff"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/OpenSans-SemiBold.eot);
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(fonts/OpenSans-SemiBold.eot) format("embedded-opentype"), url(fonts/OpenSans-SemiBold.woff) format("woff"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/OpenSans-Bold.eot);
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(fonts/OpenSans-Bold.eot) format("embedded-opentype"), url(fonts/OpenSans-Bold.woff) format("woff"); }

/* line 3, compass/alerts.sass */
.messageBox {
  position: relative;
  left: 20%;
  width: 60%;
  text-align: left; }
  /* line 8, compass/alerts.sass */
  .messageBox .messageTitle {
    font: 24px 400;
    letter-spacing: -1px;
    font-size: 24px; }
  /* line 12, compass/alerts.sass */
  .messageBox .messageContent {
    padding-top: 10px; }
  /* line 14, compass/alerts.sass */
  .messageBox .messageAction {
    padding-top: 10px;
    float: right; }