.survey {
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  z-index:1000000;
  text-align:center;
  background-color:rgba(196,196,196,0.75);
}

.survey-inner {
  position:relative;
  padding:1em;
  background:#fff;
  width:50em;
  max-width:90%;
  margin:10% auto;
  transition:all 0.25s ease-out;
}
@media only screen and (max-height:767px) {
 .survey-inner {
   position:absolute;
   margin:.5em;
   left:.5em; right:.5em;
   top:.5em; bottom:.5em;
   width:auto;
   max-width:100%;
   overflow-y:scroll;
 } 
}
.survey-header {
 height:50px; min-width:280px;
 background:url(https://s.library.qut.edu.au/img/logo-20170106) top left no-repeat transparent;
 background-size:280px 50px;
}
@media only screen and (min-resolution:2dppx) {
 .survey-header {
  background-image:url(https://s.library.qut.edu.au/img/logo-2x-20170106);
 }
}
.survey-consent {
  margin-right: 2em;
}
.survey-consent p {
  font-style:italic;
  font-size:.9em;
  margin:0;
}
.survey-consent p+p {
  margin-top:0.5em;
}
.survey-inner.big {
  position:absolute;
  margin:.5em;
  left:.5em; right:.5em;
  top:.5em; bottom:.5em;
  width:auto;
  max-width:100%;
  overflow-y:scroll;
}

.survey-chunk {
  display:block;
  margin:.5em 0;
  padding:.5em;

  border:1px solid #105d93;
}
.survey-chunk ol, .survey-chunk ul, .survey-chunk dl {
  display:inline-block;
  margin:0 auto;
  text-align:left;
}
.survey-contact {
  margin-top:1em;
  border-top:1px dashed #d8d8d8;
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px dashed #d8d8d8;
}
.survey-contact .disclaimer {
  font-style:italic;
}
.survey-contact label {
}
.survey-contact label>span {
  display:inline-block;
  min-width:8em;
}
.survey-contact input {
  text-align:center;
  font-style:normal;
}

.survey-close {
  position:absolute;
  top:.5em;right:.5em;

  cursor:pointer;
  border-radius:2px;
  background:#e44;
  border:1px solid #900;
  color:#fff
}
.survey-close:hover,.survey-close:focus {
  background:#f33;
  border-style:outset;
}

.survey-link {
  text-decoration:none;
  color:#0645ad;
}

.survey-button,.survey-button:visited, .survey-button:active, .survey-button:hover, .survey-button:focus {
  color:#000;
  background-color:#fff;
  text-decoration:none;
  display:inline-block;

  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  cursor:default;
  user-select:none;

  -webkit-appearance:push-button;
  color:buttontext;
  background-color:buttonface;
  border:2px outset buttonface;
  padding:1px 6px;
}
.survey-button:hover {
  border-color:black;
}

.survey .align-outer {
  text-align:left;
}
.survey .align-outer > * {
  text-align:center;
}
.survey .align-outer > .align {
  text-align:left;
  margin-left:20%;
  margin-right:20%;
}