body { font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif; } #wrapper { margin: 0px auto; text-align: left; position: relative; } #logo { position: relative; float: left; display: inline; padding: 1.5em; } .clear { clear: both; } h1 { margin-bottom: 0.5em; font-size: 2em; } .container { max-width: 100% !important; } .label-container { position: relative; display: block; } .required-field { content: "*"; color: rgb(255, 0, 0); font-size: 1.6em; position: absolute; top: -0.2em; right: -10px; } .panel { margin-bottom: 1rem; border: 1px solid rgb(209, 209, 209) !important; background-color: rgb(76, 76, 76) !important; } .panel-heading-outer { border-top-left-radius: 1rem; border-top-right-radius: 1rem; overflow: hidden; } #content { max-width: 960px; margin: 0px auto; } .panel-heading { padding: 1rem; color: rgb(255, 255, 255); background: rgb(76, 76, 76) !important; border-color: rgb(76, 76, 76) !important; } select, input[type="text"] { color: rgb(102, 102, 102); border-radius: 0px; border: 0.1rem solid rgb(209, 209, 209); width: 100%; } .button-primary { float: right; padding: 1em 1em 2em; font-size: 1em; background: rgb(76, 76, 76) !important; border-radius: 0px !important; font-weight: normal !important; } .panel-body { margin-top: 1em; } .form.row label { display: block; margin-left: 32px; } #running-footer .columns { float: left; } #running-footer .columns:last-child { float: right; } .section-description { font-weight: bold; margin-bottom: 1em; } .row { margin-bottom: 0.75em; } .panel-heading h2 { font-size: 1.25em; margin: 0px; padding: 0px; display: inline; font-weight: normal; } fieldset { position: relative; } .offscreen { position: absolute; left: -25000px; } span.required-field { cursor: default; } .logo { position: static; } .icon--uob-logo { background-size: contain; display: block; width: 140px; height: 33px; margin: 8px 0px 8px 1em; border-bottom: 0px; } @media screen and (min-width: 30em) { .icon--uob-logo { margin: 8px 0px 2px 1em; width: 222px; height: 53px; } } @media screen and (min-width: 59em) { .icon--uob-logo { position: absolute; margin: 0px; top: 0px; left: 0px; } } @media screen and (min-width: 65em) { .icon--uob-logo { width: 237px; height: 56px; } } @media screen and (min-width: 78em) { .icon--uob-logo { width: 315px; height: 74px; } } #logo--footer-content { max-width: 960px; margin: 0px auto; } .logo--footer { opacity: 0.6; width: 200px; height: 48px; margin: 0px auto 1.5em; } @media screen and (min-width: 48em) { .logo--footer { margin: 0px; position: relative; top: 0px; left: 0px; } } @media screen and (min-width: 78em) { .logo--footer { margin-bottom: 0px; } } .accessibility { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .icon--uob-logo { background-image: url("//cdn.wpmeducation.com/504757/f0689b4c2c/C036-20B7-40B7-B2D8-EF18.png"); background-repeat: no-repeat; } h1 { font-size: 1.8em; } body { font-family: "Century Gothic"; background-color: rgb(255, 255, 255); } #main-header { background-color: rgb(75, 78, 83); color: rgb(167, 168, 170); font-size: 1.2em; } footer #main-footer { background-color: rgb(75, 78, 83); font-size: 1.2em; color: rgb(167, 168, 170) !important; } footer { margin-bottom: 10px; font-size: 80%; clear: both; padding: 1em; } footer #footer-inner { margin: 0px auto; text-align: left; font-size: 0.95em; } footer #footer .left { float: left; display: inline; }