/* rawr and ZON style css*/
.default-widget-main-div,
.default-widget-top-div {
    background-color: #f4f4f4;
    padding: 14px 11px 9px 11px;
}

.default_widget_question_div {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 23px;
    font-size: 26px;
    color: #444444;
}

.default_widget_buttons_div {
    margin: auto;
    width: 250px;
    padding: 0px 10px;
    min-width: 250px;
    margin-bottom: 30px;
}

.default_widget_buttons {
    height: 38px;
    width: 111px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: white;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 1.02px;
    text-align: center;
}

.default_widget_buttons.disabled, button.disabled {
  opacity: 0.7;
}

.green {
    background-color: #40992E;
    margin-right: 15px;
}

.green:hover {
    background-color: #357f26;
}

.red {
    background-color: #B31E00;
    float:right;
}

.red:hover {
    background-color: #9a1a01;
}

@media only screen and (max-width: 599px) {

    .default-widget-main-div,
    .default-widget-top-div {
        padding: 0;
    }

    .default_widget_question_div {
        font-size: 23px;
        margin: 25px 35px 22px 35px;
        width: calc(100% - 70px);
        line-height: 30px;
    }

    .red {
      float: none;
    }

    .default_widget_buttons_div {
        min-width: 100px;
        width: calc(100% - 10px);
        text-align: center;
    }
}

/* eg. iPhone 5: Fix Overflow of Long Question Titles */
@media only screen and (max-width: 350px) {
  .default_widget_question_div {
    font-size: 18px;
    margin: 25px 25px 22px 25px;
    width: calc(100% - 50px);
  }
}

/*campus style css*/
.campus-default-widget-main-div,
.campus-default-widget-top-div {
  background-color: #e0e8ea;
  padding: 14px 7px 9px 11px;
}

.campus_default_widget_question_div {
  width: 100%;
  text-align: center;
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: .675em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: a2-type-beckett-light, Helvetica Neue, Arial, FreeSans, sans-serif;
  color: #313131;
}

.campus_default_widget_buttons_div {
  margin: auto;
  width: 250px;
  padding: 0 10px;
  min-width: 100px;
  margin-bottom: 21px;
}

.campus_default_widget_buttons_div .campus_default_widget_buttons {
  font-size: 16px;
}

.campus_default_widget_buttons_div .campus_default_widget_buttons {
  font-size: 16px;
}

.campus_default_widget_buttons {
  height: 38px;
  width: 111px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: center;
  font-family: tablet_gothicbold, Helvetica Neue, Arial, FreeSans, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.campus_green {
    background-color: #0BC063;
}

.campus_green:hover {
  background-color: #08994F;
}

.campus_red {
  background-color: #E6173F;
  float:right;
}

.campus_red:hover {
  background-color: #B81232;
}

@media only screen and (max-width: 599px) {

  .campus-default-widget-main-div,
  .campus-default-widget-top-div {
      padding: 0 10px;
  }

  .campus_default_widget_buttons_div {
      margin: 0 auto 30px auto;
      padding: 0px 0px;
  }

}