#header,
#frame,
#framefooter,
#content {
  width: auto;
}
#frame {
  overflow: hidden;
}
body,
#frame,
#framefooter,
#content {
  margin: 0 !important;
  padding: 0 !important;
}
input {
  -webkit-border-radius: 0;
}
#header #search {
  top: 30px;
}
#header div.warning {
  left: auto;
  right: 0;
  top: 0;
  margin: 0;
}
@media (max-width: 599px) {
  /* Search drops down into its own bar below the logo */
  #header {
    height: 100px;
  }
  #header #search {
    left: 0;
    top: 75px;
    right: 0;
    padding: 2px;
    background-color: #79aef0;
  }
  #header #search input.searchbox {
    width: 160px;
  }
  #menu {
    top: 100px;
  }
  #currentUser {
    top: -55px;
    color: #fff;
  }
  #currentUser a {
    color: #fff;
  }
}
#breadcrumbs {
  left: 3px;
}
#shareLinks {
  display: none;
}
#content {
  background: none;
}
#contentfooter {
  display: none;
}
#centre,
#sidebar,
#footer {
  background: #fff;
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  width: 100%;
  box-sizing: border-box;
  border-width: 1px 0 !important;
}
#sidebar {
  padding-top: 5px !important;
  margin-top: 20px !important;
}
#sidebar #FacebookPrompt {
  display: none;
}
#footer {
  margin-top: 20px !important;
  padding-top: 3px !important;
}
#menu {
  padding: 6px 0 0;
}
#menu li a.menulink span.wrap {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
#menu li span.counter {
  right: -6px;
}
input.textbox,
textarea.textarea,
select {
  max-width: 100%;
  box-sizing: border-box;
}
div.quizWrapper {
  margin: 10px -3px;
}
div.quiz {
  width: auto;
  padding: 10px 6px;
  /* Span the screen when Kwizmi.StayOnScreen makes this position:fixed */
  left: 0;
  right: 0;
  /* Same as images/quizbar_bg.png, but stretches to any height */
  background: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.2)) no-repeat, linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.03)) no-repeat, linear-gradient(rgba(255, 255, 255, 0.83), rgba(255, 255, 255, 0.83)) no-repeat;
  background-size: 100% 3px, 100% 3px, 100% calc(100% - 10px);
  background-position: left 0 top 2px, left 0 bottom 2px, left 0 top 5px;
}
div.quiz input.guess {
  width: calc(100% - 320px);
  /* iOS zooms in on focused inputs smaller than 16px */
  font-size: 16px;
}
@media (max-width: 599px) {
  /* Buttons on one line, guess input on the next */
  div.quizWrapper {
    height: 90px;
  }
  div.quiz .quizButtons {
    float: none;
    margin: 0 auto 6px;
  }
  div.quiz input.guess {
    width: 100%;
  }
}
ul.quiz li.quizColumn li.quizHeader {
  display: none;
}
ul.quiz li.quizColumn:first-child li.quizHeader {
  display: block;
}
/* Quiz columns and table.quizScores are zoomed to fit by Kwizmi.FitToWidth */
/* Let pictures flow to fill the width instead of breaking every 5 */
ul.quiz li.clearLeftContent {
  clear: none !important;
}
.editButton {
  position: static;
  margin-bottom: 5px;
}
ul.scoreStats {
  width: auto;
}
div.twoColLeft,
div.twoColRight,
div.categoryScoresContainer,
#leftCol,
#rightCol,
div.quizRightPanel {
  width: 100%;
}
div.homepageBox {
  margin-top: 10px;
  float: none;
  width: auto;
  margin-right: 0;
}
div.homepageBox ul.quizListShort li.quiz a {
  width: calc(100vw - 76px);
  /* 100vw - #centre padding - 70px */
}
ul.categoryList {
  column-width: 150px;
  column-gap: 10px;
}
ul.userGridList {
  text-align: center;
}
ul.userGridList li.user {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 12px 5px;
  text-align: left;
}
div.data,
li.data {
  clear: left;
}
div.cf_formelement label {
  padding: 2px 0;
  margin-left: 0;
}
div.cf_formelement div.nolabel,
div.formNolabel {
  margin-left: 0;
}
div.cf_formelement div.messageContainer {
  left: 50%;
  right: 0;
  margin-top: -8px;
  width: auto;
  font-size: 12px;
}
div.cf_formelement ul.messages {
  padding: 3px;
  min-height: 22px;
}
div.cf_highlighted div.messageContainer,
div.cf_elementfailed div.messageContainer {
  background-position: 0 -23px;
}
div.alert,
div.warning,
div.notice {
  padding: 5px;
  margin: 10px -3px;
}