/* CSS Document */ * {margin: 0; padding: 0; line-height: 1.5em;} body {font: 80% Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff;} #accessibility, .sIFR-flash, #bannerimgthin, #bannerimg, #contenttop {display: none;} h1, h2, h3, h4, h5, h6 {margin-top: 0.7em; margin-bottom: 0.5em;} /* fixed */ p, .module, ul, ol {margin-top: 0.5em; margin-bottom: 0.5em;} /* fixed */ #title {display: block; border: 2px outset #ccc; padding-left: 52px; height: 66px; background: transparent url(../images/logo_sm.gif) 3px 3px no-repeat;} #title span {vertical-align: -32px; font-size:36px; letter-spacing: 0.1em;} #preface * {display: none;} #focus, #focus div, #focus p {display: block;} #focus span {display: inline;} a img {border: none;} #nav li {display: inline; border-right: 1px solid #999; padding: 0; background: none;} #nav li a {padding: 1em;} #search {display: none;} #nav, #margin {clear: both; padding-bottom: 1em; border-bottom: 1px solid #999; margin-bottom: 2em;} /* fixed */ hr {display: none;} /* Fixes and improvements ======================================================*/ /* Layout */ #strapline, #nav, #margin, #column_bottom, #foot_mla span, #foot_jisc span, #foot_bath span, #footer .hide {display: none;} /*#preface {position:absolute; margin-left: 86px; margin-top: -90px; }*/ #appendix {display:none;} #footer {padding-top: 1em; border-top: 1px solid #999; margin-top: 2em; clear: both; width: 100%;} #page {margin-top: -10px;} /* Typography */ #content hr {display: block; margin: 0 25px; border: none; border-bottom: 1px dotted #aaa; height: 1px; overflow: hidden;} h1, h2, h3, h4, h5, h6 {page-break-after: avoid;} h1 {font: 2.2em Arial, Helvetica, sans-serif;} h2 {font: 1.6em Arial, Helvetica, sans-serif;} h3 {font: 1.5em Arial, Helvetica, sans-serif;} h4 {font: 1.4em Arial, Helvetica, sans-serif;} h5 {font: 1.3em Arial, Helvetica, sans-serif;} pre, code, samp {page-break-inside: avoid;} ul, ol {page-break-before: avoid;} li {page-break-inside: avoid; margin-left: 1.25em;} table table {page-break-before: avoid; page-break-after: avoid;} a {text-decoration: none; color: #333;} .uppercase {text-transform: uppercase;} .lowercase {text-transform:lowercase;} .normalcase {text-transform:none;} .bob_right {display: block; width: 33%; float: right; clear: right; background: #eee; padding: 0 20px; margin: 0 0 13px 20px; font-size: 1.1em;} .bob_left {display: block; width: 33%; float: left; clear: left; background: #eee; padding: 0 20px; margin: 0 20px 13px 0; font-size: 1.1em;} .centre {text-align:center;} /* Optional extras */ abbr[title]:before, acronym[title]:before {content:attr(title) " (";} abbr[title]:after, acronym[title]:after {content:") ";} /* a[href]:after {content:" [" attr(href) "]"; font-size:smaller; text-decoration:none;} */ /* From basic.css */ /* Floats ------------------------------------------------------*/ #footer {font-size: 0.8em;} #foot_mla {display: block; width: 72px; height: 31px; background: url(../images/foot_mla.gif) center no-repeat;} #foot_jisc {display: block; width: 72px; height: 31px; background: url(../images/foot_jisc.gif) center no-repeat;} #foot_bath {display: block; width: 72px; height: 33px; background: url(../images/foot_bath.gif) center no-repeat;} #footer .col_b {width: 72px; float: right; margin-left: 1em; line-height: normal;} .row {float: left; clear: left; width: 100%; margin:1em 0;} .leftcol {float: left; width: 45%; min-width: 45%; padding-right: 3%; border-right:1px dotted #ccc;} /* fixed */ .rightcol {float: left; width: 45%; min-width: 45%; padding-left: 3%;} /* fixed */ img.logoLeft {float: left; clear: left; margin: 0 20px 13px 0; padding: 0;} /*fixed*/ img.logoRight {float: right; clear: right; margin: 0 0 13px 20px; padding: 0;} /*fixed*/ .imgLeft {float: left; clear: left; margin: 0 20px 13px 0; padding: 4px; border: 1px solid #ccc; page-break-inside: avoid;} .imgRight {float: right; clear: right; margin: 0 0 13px 20px; padding: 4px; border: 1px solid #ccc; page-break-inside: avoid;} .imgLeft *, .imgRight * {line-height:1.3em; page-break-inside: avoid;} table {width: 100%; margin-bottom: 20px;} th, td {padding: 3px;} th {background: #ddd; border-bottom: 1px solid #ccc; border-left: 1px dotted #fff;} /* fixed */ th:first-child {border-left: none;} /* added */ td {border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc;} /* fixed */ td:first-child {border-left: none;} /* added */ /* Lists ------------------------------------------------------*/ .hl_links {border-top: 1px dotted #ccc;} .hl_links li {margin: 0 -1.5em; padding: 1px 1.5em; border-bottom: 1px dotted #ccc; list-style-position: inside;} .horiz_list {margin-left: 0;} .horiz_list li {display: inline; padding: 0 10px 0 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 0 -1px; background: none;} .horiz_list li:first-child {padding: 0 10px 0 0; border: 0; margin: 0;} .horiz_list li + li {border-right: 0; margin: 0;} .titled_list {font-size: 1.1em;} .titled_list li {list-style: none; background-image: none; font-size: 1.3em; color: #555; text-indent: -13px; font-family: Arial, Helvetica, sans-serif;} .titled_list li li {font-size: 0.8em; font-weight: normal; color: #333; text-indent: 0px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;} .titled_list li ul li {padding-left: 13px; list-style-type: disc;} .titled_list li ul li ul li {list-style-type: square;} .titled_list li ol li {list-style-type: decimal;} .titled_list li ol li ol li {list-style-type: lower-alpha;} .titled_list li li li {font-size: 1em;} /* Forms ------------------------------------------------------*/ #content form, #preface form {margin-bottom: 20px;} #content .pair, #preface .pair {display: block; clear: left; font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0 0;} #content .pair label, #content .pair dt, #preface .pair label, #preface .pair dt {float: left; width: 250px;} #content .pair dd, #preface .pair dd {float: left;} #content .pair dd label, #preface .pair dd label {float: left; width: auto; clear: left;} #content .pair dd label input, #preface .pair dd label input { margin-right: 10px;} #content .field, #preface .field {display: block; width: 200px; border: 1px solid #888; padding: 3px 5px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #content select, #preface select {display: block; width: 212px; border: 1px solid #888; padding: 2px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #content option, #preface option {padding: 1px 3px;} #content textarea, #preface textarea {display: block; width: 275px; border: 1px solid #888; padding: 3px 5px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #content .pair *, #preface .pair * {float: left;} #content .nolabel, #preface .nolabel {padding-left: 250px;} #content .button, #preface .button {padding: 3px 10px; font-size: 1.2em;} #margin form {margin-bottom: 20px;} #margin .pair {display: block; clear: left; font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0 0; margin: 0;} #margin .pair label, #margin .pair dt {float: left; width: 150px; clear: both;} #margin .pair dd {float: left; width: 150px; clear: both;} #margin .pair dd label {float: left; width: auto; clear: left;} #margin .pair dd label input { margin-right: 10px;} #margin .field {display: block; clear: both; width: 100px; border: 1px solid #888; padding: 3px 5px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #margin select {display: block; width: 112px; color: #333; background: #eee; border: 1px solid #888; padding: 2px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #margin option {padding: 1px 3px;} #margin textarea {display: block; clear: both; width: 175px; border: 1px solid #888; padding: 3px 5px; line-height: 1em; font: 1em Verdana, Arial, Helvetica, sans-serif;} #margin .pair * {float: left;} #margin .button {padding: 3px 10px; font-size: 1.2em;} /* News ------------------------------------------------------*/ .news p {font-size: 1.1em; margin: 0;} .news .dtstart {position: relative; float: left; padding: 0 0 2px 0; font-size: 0.9em; background: url(../images/date_bot_left_bw.gif) bottom left no-repeat #999; margin-right: 25px;} .news .day {position: relative; left: 0px; display: block; clear: both; width: 3em; background: url(../images/date_top_left_bw.gif) top left no-repeat #ccc; color: #000; font-weight: bold; text-align: center;} /* fixed */ .news .month {position: relative; left: 0px; display: block; clear: both; width: 3em; background-color: #999; color: #000; font-weight: bold; text-align: center; text-transform: uppercase;} /* fixed */ .news a {font-size: 1.1em; font-weight: bold;} /* .news a[href]:after {content:"\A[" attr(href) "]"; font-size:smaller; text-decoration:none;} */ .news .more {display: block; clear: left; font-size: 0.8em; border-bottom: 1px dotted #ccc; text-align: right; text-transform: lowercase; margin-top: 3px;} .news .corner_a {position: absolute; top: 0; right: -1px; display: block; width: 5px; height: 5px; background: url(../images/date_top_right_bw.gif) top right no-repeat;} .news .corner_b {position: absolute; bottom: 0px; right: -1px; display: block; width: 5px; height: 5px; background: url(../images/date_bot_right_bw.gif) bottom right no-repeat;} .news .hide {display: none;} /* Pagination ------------------------------------------------------*/ .pages {display:none;} /* Downloads ------------------------------------------------------*/ .download dt, .download dd {margin-left: 45px;} .download dt {font-size: 1.1em;} .download a {font-weight: bold; color:#000;} .article {background: url(../images/article.gif) top left no-repeat transparent !important; border: none !important;} /* Featured Project ------------------------------------------------------*/ .feature {display: block; border: 1px solid #dadada; padding: 10px;} /* #preface .feature, #margin .feature, #appendix .feature {border: none; padding: 0;} */ .feature h2 {font: 2.2em Arial, Helvetica, sans-serif; line-height:normal;} /* fixed */ .feature .leftwrap {display: block; float: left; margin: 0 25px 0 0;} .feature h3 {font-size: 1.2em; font-weight: bold;} /* fixed */ .feature img {float: right; margin: 0 0 10px 10px;} #margin .feature * {float: none; clear: both;} #margin .feature img {margin-left: 0;} /* Focus ------------------------------------------------------*/ #focus {margin-top: -0.5em; font-size: 1.5em; line-height:1; } #focus div {font: 2.2em Arial, Helvetica, sans-serif;} #focus span {font-size: 1.3em; text-transform: lowercase; font-weight: bold;} #focus p {margin-top: -0.8em;} .focusitem {border-bottom: 1px solid #ccc;}