html {
margin:0;padding:0;
overflow-y: scroll; /*Force scroll bars to stop the page jumping around when scroll bars appear*/
}
body {
margin:0;padding:0;
font-family: Verdana, Georgia, sans-serif; color:#333333; background:#e5e5e5;
font-size: .75em; /*All fonts should be relative to this one*/
text-align:center; /*IE hack to centre the content*/
}
table {font-size: 100%;}
/* Alternative font*/
.arial {font-family: Arial, Georgia, sans-serif;}
/* Background colours */
.homecolumn {background: url(columnbackhome.gif?updated=1312798876863) repeat-y top left;}
/* Hide elements in graphical mode */
.accessibilityhidden {position: absolute; left: -999px; overflow: hidden; width: 0; height: 0;}
a.showonfocus:active, a.showonfocus:focus {overflow: visible; left: auto; margin-left: 24px; width: auto; height: auto; top: 4px; background:#fff;}
/* Remove default margin/padding*/
h1,h2,h3,h4,h5,h6,ul,p,ol { margin:0; padding: 0; font-size: 100%; }
p { font-size:1.06em; }
/* Stuff intended only for printing*/
.printonly {display: none;}
/* Default link styles */
a {}
a:link {}
a:visited {}
a:hover {color:#FF0000;}
/*a:active, a:focus {background: yellow;}*/
.novisited a:visited {color:#0000FF;}
.novisited a:hover {color:#FF0000;}
a img {border:none;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {text-align: center;}
button, input.button {cursor: pointer;}
textarea {font-family: Verdana, Georgia, sans-serif; font-size: 1.1em;}
.button {color:#fff; background: #a5ae31; border-color: #a5ae31; font-weight: bold;}
/*Some generic classes*/
.red {color:#FF0000;}
.bold {font-weight: bold;}
.spaceabove {margin-top: 1em;}
span.strike {text-decoration: line-through;}
/* Centre inline images with respect to the line */
img {vertical-align: middle;}
/* Outside containers - roll on css 3 */
#outer1 {width:960px; margin:auto; text-align:left; background:#fff url(drop-sides.gif?updated=1312798880627) repeat-y top center;}
#outer2 {background: url(drop-header.gif?updated=1312798884317) no-repeat top center;}
#outer3 {background: url(drop-footer.gif?updated=1312798887330) no-repeat bottom center; padding: 20px 0;}
/* Adding this to the inner elements rather than #outer solves any potential problems with
an incorrect box model (as the inner elements arn't given an explicit width */
#outer3 div {margin: 0 18px;}
#outer3 div div {margin: 0;}
#topinnercurve {height: 6px; line-height: 0; font-size: 0; border: none; margin: 0; padding: 0; background: url(innertopcurve.gif?updated=1312798891160) no-repeat top left;}
#header {border: 1px solid #8e908f; border-width: 0 1px;}
#header h1.logo {float: left;}
#header ul {list-style:none; padding:20px 15px 0 0; float:right;}
#header li {display:inline; border-left: 1px solid #888;}
#header li.first {border-left: none;}
#header li a {text-decoration:none; color: #000; padding:0 5px;}
#header li a:hover {color:#FF0000; text-decoration:underline;}
/*#header li a:active {background: yellow;}*/
#nav {background-color: #F0F0F0; border: 1px solid #8e908f; border-width: 1px 1px 0 1px; padding: 2px; margin: 0;}
#nav ul {list-style: none; font-weight:bold;}
#nav ul li {float:left; padding: 8px 10px; margin: 0; /*margin:0 15px 0 0;*/ /*display:inline;*/}
#nav ul li a {text-decoration:none; color:#000; padding:0 0 0 0;}
#nav ul li a:hover {color:#FF0000; text-decoration:underline;}
#nav ul li.current {background: #f4f7dd;}
#content {border: 1px solid #8e908f; border-width: 1px 1px 0 1px; padding-bottom: 10px;}
#content #banner {margin: 0; padding: 0;}
#content #banner img {vertical-align: top;} /*IE6 sometimes adds a 1px gap at the top of the banner without this*/
#content #breadcrumb {margin: 10px 0;}
#content #column1 {float:left; width: 250px; padding: 8.5em 10px 10px 10px; _height: 1px; min-height: 1px;}
#content #column2 {margin-left: 270px; padding: 10px; _height: 1px; min-height: 1px;}
#content #column_home {float: left; width: 650px; padding: 0 10px;}
#content #column_whatson {margin-left: 670px; padding: 0 10px;}
#content #singlecolumn {padding: 0 10px;}
#content p {margin-top: 1em; line-height: 160%;}
/*#content p.catheader {font-size: 1.2em; padding: 0.5em 0; border: thick solid #000; border-width: thick 0; line-height: 140%;}*/
#content div.catheader {font-size: 1.2em; padding-bottom: 0.5em; border: thick solid #000; border-width: thick 0;}
#content div.catheader p:first-child {margin-top: 0.5em;}
/***************************************
Block quote styles
(An unsatifactory amount of additional markup is required to achieve this)
****************************************/
#content blockquote {padding: 0; margin: 0 0 1em 0;}
#content blockquote div.quote {padding: 0 2.5em;}
#content blockquote span.leftquote {
font-size: 4em; color: #a5ae31; float: left;
font-family: serif; /* So we get curly quotation marks*/
position: relative;/* top: -0.1em; Lift the mark up just a little bit*/
}
#content blockquote span.rightquote {float: right; height: 0; position: relative; top: -3em; left: -3em;} /*Position the mark in the right place*/
#content blockquote span.rightquote span {font-size: 4em; color: #a5ae31; font-family: serif; position: absolute;} /*This stops the mark creating a space under the block quote */
#content blockquote cite {font-style: normal; font-weight: bold; color: #660; display: block; margin-top: 1em;}
/***************************************
Heading styles
****************************************/
#content h1 {color:#000; font-size: 2em; margin-top: 0.5em; margin-bottom: 1em;}
#content h2 {color: #660; font-size: 1.4em; margin-top: 1.5em;}
#content #column_whatson h2 {color:#000; font-size: 1.5em; margin-top: 0.5em; margin-bottom: 1em;}
#content h3 {color: #660; font-size: 1.2em; margin-top: 1.2em;}
#content h4 {color:#000; margin-top: 1.2em;}
/***************************************
List styles
****************************************/
#content ul {margin-left: 40px;}
#content ol {margin-left: 40px;}
#content ul li {list-style: square; color: #a5ae31; line-height: 160%; margin-bottom: 0.2em;}
#content ul li li {list-style: circle;}
#content ul li div {color:#333333;}
#content ol li {line-height: 160%; margin-bottom: 0.2em;}
/***************************************
Styles for a standard table
****************************************/
#content table.normal {border: 1px solid #000; margin-top: 1em;}
#content table.normal td {border: 1px solid #000; vertical-align:top;}
#content table.normal th {border: 1px solid #000; vertical-align:top; text-align: left; font-weight:bold; background: #a5ae31; color:#fff;}
/* Stop a space appearing at the top of the first paragraph in a table
* This only works in modern browsers. IE6 users will not see this.
*/
#content table.normal td p:first-child {margin-top: 0;}
/***************************************
Styles for the sub navigation
****************************************/
#content ul#subnav {line-height:170%; padding:0; margin:2px 0 2px 20px;}
#content ul#subnav ul {list-style-type: none; line-height:100%; padding-left: 20px; margin: 0;}
#content ul#subnav li { color:#a5ae31; list-style-type:square;}
#content ul#subnav li a{text-decoration:none; color:#000;}
#content ul#subnav li a:hover{color:#FF0000; text-decoration:underline}
#content ul#subnav li.current {font-weight: bold;}
#content ul#subnav li.current li {font-weight: normal;}
/***************************************
Styles for forms
****************************************/
#content form {margin: 1em 0 0 0;}
/* Style for the required asterix */
span.required {font-weight: bold; color:#FF0000;}
/* Definition list form layout
* The label is contained in the dt
* The control is contained in the dd. It will be full width.
*/
#content form dl {margin: 0 10px;}
#content form dl dt {color: #660; font-weight: bold; font-size: 1.1em;}
#content form dl dd {margin: 0.5em 0; padding: 0;}
#content form dl dd input {width: 98%;} /*98% to stop IE doing something weird*/
#content form dl dd textarea {width: 98%;} /*98% to stop IE doing something weird*/
/* Styles for using fieldsets and definition lists*/
#content form legend {font-weight: bold; color:#000; font-size: 1.2em;}
#content form fieldset { border:1px solid #C0C0C0; padding: 0 0.5em; margin-bottom: 1.5em;}
#content form fieldset dl {margin: 0.5em 0 0 0;}
/* This hides the anti spam field.
* See here: http://webaim.org/blog/spam_free_accessible_forms/
* The spammers have become a little more sophisticated these days and this technique no longer really works
*/
#content form .as {display: none;}
/* Styles for form validation */
#content form span.vfailed {color:#FF0000; font-size: 0.9em; }
#content form input.vfailed,
#content form select.vfailed,
#content form textarea.vfailed {border: 1px solid #FF0000; background: #fdd;}
/***************************************
Styles used to display a form submission on an NHAS page
(Used on the course withdrawal success page)
****************************************/
table.formsubmission {margin: 1em 0;}
table.formsubmission th {white-space: nowrap; padding-right: 0.5em;}
table.formsubmission td {width: 100%;}
/***************************************
Styles for site map
****************************************/
#content #sitemap {margin-top: 1em;}
#content #sitemap p {margin:0; padding:0 0 0 2em; color: #666;}
#content div.backtotop {margin: 1em 10px; clear: left;}
#footer {border:1px solid #8e908f; border-width: 1px 1px 0 1px; _font-size:0.80em; font-size:0.88em; padding: 10px;}
#footer p {margin-top: 1em;}
#bottominnercurve {height: 6px; line-height: 0; font-size: 0; border: none; margin: 0; padding: 0; background: url(innerbottomcurve.gif?updated=1312798894393) no-repeat top center;}
/* Clear without structural mark-up
See http://www.positioniseverything.net/easyclearing.html for more information
Note I've changed the hack to the simpler underscore hack. Note sure if this targets IE MAC or not - hopefully it doesn't.
*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
_height: 1px; /*IE 5 and 6 (Win only?)*/
min-height: 1px; /*IE7*/
/*display:inline-block; This lets it work for IE MAC, but also ruins things for other browsers so its been disabled*/
}
.givelayout {_height: 1px; min-height: 1px;}
/* Reporting table */
div.reporttable {width: 100%; overflow-x: auto;}
div.reporttable table {border-collapse: collapse; border-left: 1px solid #ddd;}
div.reporttable table th {text-align: left; background: #ddd;}
div.reporttable table td {border: 1px solid #ddd; border-width: 0 1px 1px 0; vertical-align: top; white-space: nowrap;}
.error { color:#FF0000; font-weight:bold; }
/**********************************************
Styles for the county court search
**********************************************/
.datatable {width: 100%; margin-bottom: 1em;}
.datatable thead {background: #a5ae31; color: #fff; font-size: 1.1em; font-weight:bold;}
.datatable thead td,.datatable thead th{background: #a5ae31; color: #fff;}
.datatable th{background: #f0f0f0; border: 1px solid #f0f0f0; width: 30%;}
.datatable td{color:#000;border-bottom: 1px solid #f0f0f0;}
.datatable .altrow{background: #f5f7dd;}
.datatable thead,table.datatable th,table.datatable td{padding: 5px;}
.datatable input.text {width: 100%;}
.datatable textarea {width: 100%;}
#content form .datatable span.vfailed {font-size: 100%;}
p.paging span.current {font-weight:bold; padding:0 0.5em;}
p.paging a {padding:0 0.5em;}
#searchnhas {float: right; clear: right; padding: 0.2em; border: 1px solid #8e908f; margin: 10px 15px 0 0;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
#text_query {vertical-align: center; width: 140px; border: none; padding: 0 0.2em; color:#333333;}
#submit_search, #submit_search2 {vertical-align: center; background: #a5ae31; color: white; font-weight: bold; cursor: pointer; border: none;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
/*---------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------*/
#column2 form,
#column2 form{}
#column2 form legend,#column2 form legend{font-weight:bold; padding: 5px; font-size: 1.3em}
#column2 form fieldset, #column2 form fieldset{margin-bottom: 20px; border: 1px solid #d7d7d7; overflow:hidden;}
#column2 form fieldset .fieldrow,#column2 form fieldset .fieldrow,
#column2 form fieldset .fieldinfo,#column2 form fieldset .fieldinfo{clear:left;padding: 0 10px 10px; overflow:hidden; float:left; width: 100%; display:block; padding: 10px 5px;}
#column2 form fieldset .fieldinfo,#column2 form fieldset .fieldinfo{border-bottom: 0; padding: 5px 5px;}
#column2 fieldset p {margin:0 5px;}
.fieldrow .label p, .fieldinfo p{ margin:0; padding:0;}
.fieldrow .label, .fieldrow .label p {/*color:#666600;/*font-size:1.1em;*/*/font-weight:bold;/*line-height: 1.3em!important;*/}
.fieldrow .label {float:left; width:35%; display:block; }
.fieldrow .labelwide {float:left; width:95%; display:block;}
.fieldrow .field {float:left; width:60%; display:block; padding-left: 10px;}
.fieldrow .field textarea, .fieldrow .labelwide textarea{width:70%; font: normal 1.1em arial;}
.fieldrow .fieldbuttons{float:right; width: 100%; text-align:right; padding: 0 20px 20px 0;}
.fieldrow select{width:72%;}
.fieldrow input{width:auto;}
.fieldrow input[type="text"]{width:70%;}
.fieldrow input[type="password"]{width:70%;}
.fieldrow .fieldbuttons input{width:auto !important;}
.fieldlist{margin:0; padding:0;width: 95%; overflow: hidden;}
.fieldlist li{margin:0 0 10px 0; padding:0; list-style: none; width:49%; float: left;}