html {overflow-y: scroll; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
@media screen and (max-width: 600px) {
body {font-size: 2rem; background-color: #d7d7d7; font-family: sans-serif; max-width: 960px; margin: 2px auto; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
}
@media screen and (min-width: 601px) {
body {font-size: 1rem; background-color: #d7d7d7; font-family: sans-serif; max-width: 960px; margin: 2px auto; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
}

a {color: #000088; text-decoration: none}
a.greenlink {color: #005500; text-decoration: none}
a.greylink {color: #555555; text-decoration: none}
a.blacklink {color: #000000; text-decoration: none}
b {color: #000000; font-size: 1.3rem}
table {border-collapse: collapse; border-spacing: 1px; empty-cells: hide; table-layout: fixed}
td {vertical-align: top}

div.green {background-color: #99ee99; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.blue {background-color: #77ccdd; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.yellow {background-color: #eeff77; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.lightyellow {background-color: #ddffbb; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.orange {background-color: #ffaa33; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.lightgrey {background-color: #e4e4e4; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.vlightgrey {background-color: #f4f4f4; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.randomcolour {border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px}
div.bgcolor {background-color: #d7d7d7; border-width: 0; padding: 4px; margin: 2px}
div.pagelinks {background-color: #77ccdd; border-style: solid; border-width: 1px; border-color: black; padding: 3px; margin: 2px; text-align: center}
td.centre {text-align: center}

#title {margin-left: auto; margin-right: auto; width: 70%; background-color: #eeeeee; text-align: center; font-size: 1.5rem; border-style: solid; border-width: 1px; border-color: black; padding: 3px}
#widetitle {margin-left: auto; margin-right: auto; width: 92%; background-color: #eeeeee; text-align: center; font-size: 1.5rem; border-style: solid; border-width: 1px; border-color: black; padding: 3px}
#upbox {position: absolute; left: 50%; margin-left: -460px; top: 5px; background-color:#eeff77; border-style: solid; border-width: 1px; border-color: black; padding: 3px}

.larger {font-size: 1.1rem}
.vlarge {font-size: 1.2rem}
.small {font-size: 1rem}
.smallgrey {font-size: 0.8rem; color: #555555}
.smallgreybutton {font-size: 0.8rem; color: #555555; cursor: pointer}
.smallred {font-size: 0.8rem; color: #bb0000}
.vsmall {font-size: 0.8rem}
.vsmallbold {font-size: 0.8rem; font-weight: bold}
.redtitle {color: #bb0000; font-size: 1.2rem}
.red {color: #bb0000}
.journalname {color: #005500; font-weight: bold}

img.profile {max-width: 88% }
img.single {max-width: 88%; max-height: 125px}
img.half {max-width: 44%; max-height: 125px}
p.centera { margin: auto; width: 321px }

.back:before { content: attr(data-first) "\0040" attr(data-second); unicode-bidi: bidi-override; direction: rtl; }