@font-face {
	font-family: 'ubuntu';
	src: url(https://nccbp.nottingham.ac.uk/font/Ubuntu-R.ttf);
}
/* The double body entry is deliberate, it forces a reload */
body { font-family: ubuntu, sans-serif; font-size: 16px; margin: 0px; padding: 0px; line-height: 0; }
body { font-family: ubuntu, sans-serif; font-size: 16px; margin: 0px; padding: 0px; line-height: 1; }
button { background-color:#ccc; border: none; cursor:pointer; outline: none; }
#page { position: relative; background-color: #138b95; overflow: auto; }
#title { position: absolute; z-index: 100; height: 48px; padding-top: 5px; background-color: #138b95; }
#main { position: absolute; top: 60px; background-color: #fff; }
#side { position: absolute; left: 0px; top: 0px; background-color: #138b95; }
a.signOut { position: absolute; padding: 5px 25px 5px 25px; right: 0px; font-weight: bold; }
a.signOut:hover { color: #000; background-color: #F3D673; }
a.home { position: absolute; padding: 5px 25px 5px 25px; right: 100px; font-weight: bold; }
a.home:hover { color: #000; background-color: #F3D673; }
a.single { padding-left: 25px; padding-right: 25px; font-weight: bold; }
a.single:hover { color: #000; background-color: #F3D673; padding: 5px 25px 8px 25px; }
/* not sure about these 5 */
#bgblock { position: absolute; top: 20px; left: 20px;  width: 200px; height: 200px; background-color: #138b95; z-index: 0;}
#invoice1 { border-spacing: 8px 2px; }

#invoiceForm { margin: 10px; padding: 10px; background-color: #fff; }
#loginMenu { max-width: 650px; background-color: #138b85; color: #ffffff; border: 5px solid #006872; border-radius: 10px; padding: 25px; }
.centerBox { background-color: #138b85; color: #fff; padding: 25px; border: 5px solid #006872; border-radius: 10px; }
#ansMsg { background-color: #fff; overflow-y: auto; }
.mainMsg { color: #000; margin: 20px;; padding: 10px; background-color: #fff; }
a.ansLink:hover { cursor:pointer; color: black; }
a.ansLink { color: black; }
.popup { position: absolute; top: 20px; left: 20px; background-color: #eee; border-radius: 10px 10px 10px 10px; z-index: 2; border: 5px solid #006872; }
.menuItem { padding-left : 10px; padding-right: 10px; font-weight: bold; line-height: 20px;}
.mainFrame { overflow-y: auto; overflow-x: none; margin: 0px; padding: 0px; }
.beqasCtrl { height: 34px; background-color: #138b95; color: #fcb80d; padding-top: 15px; border-radius: 5px; padding-left: 20px; }
.beqasContent { padding: 50px; }
.ctrlLink { text-decoration: none; color: #fcb80d; border: 2px solid #138b95;}
a.ctrlLink:link { color: #fcb80d; }
a.ctrlLink:visited { color: #fcb80d; }
a.ctrlLink:active { color: #fcb80d; }
a.ctrlLink:focus { color: #fcb80d; }
a.ctrlLink:hover { color: #138b95; background-color: #fcb80d; border: 2px solid #fcb80d; border-radius: 3px; }
.menuLink { text-decoration: none; color: #fcb80d; border: 2px solid #138b95;}
a.menuLink:link { color: #fcb80d; }
a.menuLink:visited { color: #fcb80d; }
a.menuLink:active { color: #fcb80d; }
a.menuLink:focus { color: #fcb80d; }
a.menuLink:hover { color: #138b95; background-color: #fcb80d; border: 2px solid #fcb80d; border-radius: 3px; }
.contLink { text-decoration: none; color: #fcb80d; border: 2px solid #138b95;}
a.contLink:link { color: #fcb80d; }
a.contLink:visited { color: #fcb80d; }
a.contLink:active { color: #fcb80d; }
a.contLink:focus { color: #fcb80d; }
a.contLink:hover { color: #138b95; background-color: #fcb80d; border: 2px solid #fcb80d; border-radius: 3px; }
.gold { color: #fcb80d; }
.teal { color: #138b95; }

/* ANS */
.tableAns { height: 200px; overflow-y: auto; margin: 20px; background-color: #fff; }
.tableAns thead tr { position: sticky; top: 0; z-index: 10; }
.tableAns table  { border-collapse: collapse; width: 100%; }
.tableAns th { font-weight: bold; text-align: left; background-color: #eee; } 
.tableAns td { padding: 2px; }

/* Menus */
iframe { border: 0; width: 100%; min-height: 100%; height: 100%; }
* { margin: 0; padding: 0; }
/* #page-wrap { width: 800px; margin: 25px auto; }  */
a { text-decoration: none; color: #fff; }
ul { list-style: none; color: #000; }
p { margin: 15px 0; }
/* LEVEL ONE*/
ul.dropdown { position: relative; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #138b95;  padding-left: 25px; padding-right: 25px;}
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; padding: 4px 8px; }
ul.dropdown li.hover,ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
/* LEVEL TWO */
ul.dropdown ul { width: 260px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none;padding-left: 10px; padding-right: 10px; }
ul.dropdown ul li a { border-right: none; width: 100%; color: #000; } 
/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* LEVEL 4 */
ul.dropdown ul ul ul { left: 100%; top: 0px; }
ul.dropdown li:hover > ul { visibility: visible; }