/* The 771px sliced layout is retained. Only photographic/lettered artwork
   uses full-resolution images; controls and small type are rendered live. */
.xp-canvas .xp-ie-qmgz-slice {
  image-rendering: auto;
  pointer-events: none;
}

.xp-ie-qmgz-login-group,
.xp-ie-qmgz-help,
.xp-ie-qmgz-portal {
  font: 12px SimSun, "Songti SC", serif;
}

.xp-ie-qmgz-form-rule {
  left: 379px;
  top: 351px;
  width: 242px;
  height: 2px;
  border-top: 1px solid #427bb2;
  border-bottom: 1px solid #c7e1f5;
}

.xp-ie-qmgz-orb {
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  outline: none;
}

.xp-ie-qmgz-orb-face {
  position: absolute;
  inset: 2px;
  border: 1px solid #17438f;
  border-radius: 50%;
  background: linear-gradient(#9bbdfd 0%, #4d7fe8 18%, #0b31bd 49%, #406ddb 75%, #b8d9ff 100%);
  box-shadow: 0 2px 2px #315777, inset 1px 1px 0 #b9dfff, inset -1px -1px 0 #d9efff;
  pointer-events: none;
}

.xp-ie-qmgz-orb-face::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid #3766c3;
  border-radius: 50%;
  background: linear-gradient(#1b4dc9, #143ecd 48%, #6196ee);
}

.xp-ie-qmgz-orb-face::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 5px;
  height: 27px;
  border-radius: 50% 50% 35% 35%;
  background: linear-gradient(#f4fcff, #aac9ff 50%, rgba(151, 190, 255, 0));
}

.xp-ie-qmgz-orb-caption {
  position: absolute;
  left: 0;
  right: 0;
  top: 23px;
  z-index: 1;
  color: #fff;
  font: bold 16px SimSun, "Songti SC", serif;
  line-height: 20px;
  text-align: center;
  letter-spacing: 3px;
  text-indent: 3px;
  text-shadow: 1px 1px #23498f;
}

/* Instant image-rollover style feedback, without a scaling/fade animation. */
.xp-ie-qmgz-orb:hover .xp-ie-qmgz-orb-face {
  border-color: #e6f5ff;
  background: linear-gradient(#dbf1ff, #82b5ff 18%, #2252d8 49%, #6698f4 75%, #e2f5ff);
  box-shadow: 0 2px 2px #315777, inset 1px 1px #fff, inset -1px -1px #e9f8ff;
}

.xp-ie-qmgz-orb:hover .xp-ie-qmgz-orb-face::before {
  background: linear-gradient(#4079e2, #2658dc 48%, #82b8ff);
}

.xp-ie-qmgz-orb:active .xp-ie-qmgz-orb-face {
  transform: translate(1px, 1px);
  border-color: #153573;
  background: #2a56ad;
  box-shadow: inset 2px 2px 2px #123573, inset -1px -1px #a4cdff;
}

.xp-ie-qmgz-orb:active .xp-ie-qmgz-orb-face::before {
  background: linear-gradient(#113693, #1d4caf 48%, #497fd5);
}

.xp-ie-qmgz-orb:active .xp-ie-qmgz-orb-face::after {
  top: 7px;
  height: 23px;
  background: linear-gradient(#bed8fc, rgba(110, 153, 226, 0));
}

.xp-ie-qmgz-orb:focus-visible .xp-ie-qmgz-orb-caption {
  outline: 1px dotted #fff;
  outline-offset: 2px;
  left: 9px;
  right: 9px;
}

.xp-ie-qmgz-forgot {
  color: #00285e;
  font: 12px SimSun, "Songti SC", serif;
  line-height: 17px;
  white-space: nowrap;
  text-align: right;
}

.xp-ie-qmgz-help-link:hover {
  color: #ffff99 !important;
  text-decoration: underline;
}

.xp-ie-qmgz-help-link:active {
  color: #fff !important;
  text-decoration: underline;
  transform: translate(1px, 1px);
}

.xp-ie-qmgz-help-link:focus-visible {
  outline: 1px dotted currentColor;
  outline-offset: 1px;
}

/* The login form changes into a web-page waiting state in the same blue band.
   Its alignment, lettering and ruled edge belong to the school artwork. */
.xp-ie-qmgz-portal {
  left: 315px;
  top: 269px;
  width: 403px;
  height: 83px;
}

.xp-ie-qmgz-portal-heading {
  text-shadow: 1px 1px #3c70ad;
}

.xp-ie-qmgz-portal-bar {
  left: 0;
  top: 53px;
  width: 394px;
  height: 10px;
  display: flex;
  gap: 2px;
}

.xp-ie-qmgz-portal-chunk {
  flex: 0 0 9px;
  height: 10px;
  border-top: 1px solid #a1ccf2;
  border-bottom: 1px solid #457cb6;
  background: #6d9fd4;
}

.xp-ie-qmgz-portal-chunk[data-glow="0"] {
  border-color: #fff #fff #9acdf4;
  background: #fff;
}

.xp-ie-qmgz-portal-chunk[data-glow="1"] {
  border-color: #f4fcff #f4fcff #88bce8;
  background: #deefff;
}

.xp-ie-qmgz-portal-chunk[data-glow="2"] {
  border-color: #e1f3ff #e1f3ff #77afe0;
  background: #bddfff;
}

.xp-ie-qmgz-portal-chunk[data-glow="3"] {
  background: #a2cdf4;
}

.xp-ie-qmgz-portal-chunk[data-glow="4"] {
  background: #86b7e5;
}

.xp-ie-qmgz-portal-rule {
  left: 0;
  top: 81px;
  width: 403px;
  height: 2px;
  border-top: 1px solid #427bb2;
  border-bottom: 1px solid #c7e1f5;
}