#favorited_overlay, #reference_sheet, #unfavorite_prompt, #lti_overlay, #google_login_overlay,
#comment_image_lightbox, #four_ps_popup {
  /* must be initially hidden */
  display:none;

  /* place overlay on top of other elements */
  z-index:10000;

  /* styling */
  background-color: white;
  width:500px;
  min-height:200px;
  padding: 20px;

  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

#google_login_overlay p {
  text-align: center;
  font-size: 20px;
  margin: 40px 0;
}

#lti_overlay, #google_login_overlay {
  min-height: 0;
}

#lti_overlay input {
  padding: 6px 20px;
}

#lti_overlay a.button {
  padding: 6px 20px;
}

#lti_overlay {
  width: 700px;
  padding: 20px 40px;
}

/* close button positioned on upper right corner */
#favorited_overlay .close, #reference_sheet .close, #comment_image_lightbox .close, #four_ps_popup .close {
  background-image:url(/images/close.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

#reference_sheet {
  width: 425px;
  height: 415px;
  font-size: 80%;
}

#reference_sheet .contentWrap {
  height: 380px;
  overflow: auto;
}

#comment_image_lightbox {
  width: 80%;
  height: 80%;
}

#lightbox_image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#four_ps_popup .contentWrap {
  max-height: 500px;
  overflow: scroll;
}