body { font-family: Arial, Helvetica, sans-serif; font-size: small; background-color: #00476C; color: #fff; margin: 0px 15px 15px 15px; }

table {	color: #00476c; } /* fonts colours for tables need to be defined seperately */
td { color: #00476c; } /* fonts colours for tables need to be defined seperately */


/* Style for lists with triangular bullets */
div.bulletList { padding-left: 12px; margin: 0px 0px 2px 13px; background-image:  url(/graphics/decorative/bullet.gif); background-repeat: no-repeat; background-position: left top; }
div.bulletListLast { padding-left: 12px; margin: 0px 0px 22px 13px; background-image:  url(/graphics/decorative/bullet.gif); background-repeat: no-repeat; background-position: left top; }

/* div to force Firefox to start following divs on next line */
div.clearer { height: 0px; clear: both; font-size: 0px; }

span.smalltext { font-size: xx-small; }

div.right { text-align: right; }
div.center { text-align: center; }

img { border: none; }

/* styles for headings */
h1 { font-size: 180%; margin-top: 0px; }
h2 { font-size: 135%; margin-top: 1em; }
h3 { font-size: 120%; margin-top: 1em; }
h4 { font-size: 100%; margin-top: 0px; }

/* styles for definition lists */
dl { margin-left: 50px; }
dt { font-weight: bold; line-height: 1.5em; }
dd { margin-left: 30px; }

/* styles for links */
a { color: #007EA2; text-decoration: none; }
a:visited { color: #996699; text-decoration: none; }
a:hover { color: #00476C; text-decoration: underline; }

/* styles for buttons on what's related and search pages */
div.previousButton { float: left; position: relative; }
div.nextButton { float: right; position: relative; }

/* styles for boxes at the top of the page */
div.featureBox { text-align: left; background-color: #E1D2E5; width: 85%; font-size: small; margin: 0px auto 10px auto; padding: 5px; border: 1px dashed #00476c; }
div.narrowFeatureBox { text-align: left; background-color: #E1D2E5; width: 70%; font-size: small; margin: 0px auto 10px 30px; padding: 5px; border: 1px dashed #00476c; }
div.featureBox div.featureBoxHeading { text-align: left; font-weight: bold; padding: 0px; margin: 5px 0px 10px 0px; border-bottom: 1px solid #00476c; font-size: small; }
div.author { font-weight: bold; margin: 10px 0px 0px 0px; text-align: right; }
div.featureBox p { padding: 0px 0px 0px 5px; margin: 5px 0px 5px 0px; }

/* styles for links that look like buttons */
div.buttonLink { background-color: #00476c; float: left; position: relative; text-align: center; padding: 0px 3px 0px 3px; margin: 3px 3px 0px 0px; border: 1px solid #00476C; color: #fff; }
div.buttonLink a { color: #fff; }
div.buttonLink a:hover { color: #BDDEE7; text-decoration: none; }
div.buttonLink a:visited { color: #fff; text-decoration: none; }
div.buttonLinkContainer { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #00476c; text-align: left; }

a.buttonLink { background-color: #00476c; text-align: center; padding: 0.1em 0.3em; margin-top: 1em; color: #fff; }
a.buttonLink:link { color: #fff; }
a.buttonLink:visited { color: #fff; }
a.buttonLink:hover { color: #ccc; text-decoration: none; }
a.buttonLink:actove { color: #fff; }

/* styles for tables with alternately shaded (white and grey) rows 
table.alternate_rows { margin-left: auto; margin-right: auto; margin-bottom: 20px; border: 1px solid #666; }
table.alternate_rows th { background-color: #00476C; color: #fff; padding: 2px; font-size : small; font-weight: bold; text-align: center; }
table.alternate_rows td { font-size : small; }
table.alternate_rows th a { color: #ccc; }
table.alternate_rows tr.even { background-color: #ddd; }
table.alternate_rows tr.evenEmphasised { background-color: #ddd; font-weight: bold; }
table.alternate_rows tr.odd { background-color: #fff; }
table.alternate_rows tr.oddEmphasised { background-color: #fff; font-weight: bold; }
table.alternate_rows tr.error { background-color: #fcc; color: #900; }
table.alternate_rows tr.error td { color: #900; }
*/

/* styles for table form - should be deprecated! */
table.formtable { margin-left: auto; margin-right: auto; border: 1px #00476C solid; background-color: #E1D2E5; width: 90%; border-collapse: collapse; margin-bottom: 10px; }
table.formtable td { border: none; text-align: left; padding: 3px; font-size: small; }
table.formtable td.label { text-align: right; font-weight: bold; width: 25%; padding: 3px; vertical-align: top; }
table.formtable th { text-align: left; font-weight: bold; background-color: #00476c; color: #fff; padding: 2px; font-size: small; }
table.formtable td.formtitle { background-color: #00476C; text-align: left; font-weight: bold; padding: 3px; color: #fff; font-size: small; }
table.formtable select.multipleSelect { margin: 7px 0px 10px 50px; }
table.formtable span.checkbox { text-align: center; padding: 10px; margin: auto; }
table.formtable tr.separator td { border-top: 1px dotted #00476c; }
table.formtable td.textarea { padding-left: 100px; padding-bottom: 20px; }

/* Style for text which indicates an error */
span.error { color: #900; }

/*Style for 'references' heading */
div.referencesHeading { border-bottom: 1px solid #00476c; margin-top: 25px; font-weight: bold; }

/* styles for an items on a listings page */
div.itemListing { margin-left: 50px; background-color: #ddd; border: 1px solid #00476c; margin-bottom: 10px; width: 80%; padding: 5px; font-size : small; }
div.itemListing div.title { font-weight: bold; border-bottom: 1px dashed #00476c; }
div.itemListing span.subject { border: 1px solid #900; padding: 0px 3px 0px 3px; color: #900; font-size: x-small; }
div.itemListing div.about { margin-top: 10px; font-size : small; }

/* Style for tables displaying lots of tabular data/figures */
table.tabularData { margin-left: auto; margin-right: auto; border: 2px #00476C solid; background-color: #E1D2E5; border-collapse: collapse; margin-bottom: 20px; caption-side: bottom; }
table.tabularData td { text-align: left; padding: 3px; font-size: small; border: 1px solid #00476C; vertical-align: top }
table.tabularData caption { font-style: italic; margin-top: -13px; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
table.tabularData th.rowHeading { text-align: left; padding: 3px; font-size: small; font-weight: bold; background-color: #E1D2E5; color: #00476c; border: 1px solid #00476C; vertical-align: top }
table.tabularData th { font-weight: bold; text-align: center; background-color: #969; color: #E1D2E5; border-right: 1px solid #00476c; border-bottom: 2px solid #00476c; }
table.tabularData td.centreColumnHeading { font-weight: bold; text-align: center; }
table.tabularData td.leftColumnHeading { font-weight: bold; text-align: left; }
table.tabularData td.data { text-align: center; }

/* Styles for graphs */
table.graph { margin-left: auto; margin-right: auto; border: 1px solid #666; }
table.graph th { background-color: #666; color: #ccc; }
table.graph td { padding: 2px; background-color: #fff; }
table.graph td.label { text-align: right; font-weight: bold; background-color: #ccc; }

/* Styles for staff portraits */
div#portraitContainer { width: 90%; border: 1px solid #999; margin-left: auto; margin-right: auto; padding: 10px; min-height: 15em; }
div.portrait img { padding: 0px; margin: 0px; display: block; align: right }
div.portrait { position: relative; float: left; text-align: right; width: 47%; }
div.contactDetails { position: relative; float: left; width: 47%; vertical-align: middle; padding: 5px 0px 0px 10px; }

/* Styles for project info box at the top of project pages */
div.projectInfoContainer { text-align: left; background-color: #e1d2e5; width: 85%; font-size: small; margin: 0px auto 10px auto; padding: 5px 5px 0px 5px; border: 2px solid #00476c; overflow: hidden }
span.projectInfoLabel { text-align: left; font-weight: bold; }
div.projectInfo { text-align: left; font-weight: normal; width: 100%; float: left; padding-bottom: 10px; }

/* Styles for fancy block quotes */
blockquote { padding: 0px 5px 12px 5px; background-color: #ddd; }
blockquote span.closeQuote { color: #606; font-size: xx-large; font-family: "Times New Roman", Times, serif; line-height: 0.1; vertical-align: -15px; padding-bottom: 3px; font-weight: bold; padding-left: 3px; }
blockquote span.openQuote { color: #606; font-size: xx-large; font-family: "Times New Roman", Times, serif; line-height: 0.9; vertical-align: -5px; margin-bottom: 20px; font-weight: bold; padding-right: 3px; }
blockquote div.authorAttribute { margin-top: 15px; text-align: right; border-top: 1px solid #00476c; }
blockquote p { margin: 0px 0px 15px 0px; }

/* styles for leGATE */
div.resourceListing { margin-bottom: 15px; }
div.resourceListing span.updated { color: #606; }

/* not sure what all these are for... */

div.logo { float: right; padding: 5px; height: 100px; width: 83px; }

table.programme { border-collapse: collapse; margin-bottom: 20px; border: 1px solid #00476c; width: 80%; }
table.programme th { background-color: #00476C; color: #fff; padding: 5px; font-size : small; font-weight: bold; text-align: left; }
table.programme th a { color: #ccc; }
table.programme td { border: 1px solid #00476c; font-size : small; padding: 7px; vertical-align: top; }

h3.eventHeading { margin-top: 20px; }

div.session { font-weight: bold; }
div.parallelsession { font-weight: bold; }
div.keynote { font-weight: bold; }
div.plenary { font-weight: bold; }
div.meeting { font-weight: bold; }

table.contactDetails { border: 2px solid #00476c; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
table.contactDetails td.contact { border-right: 1px solid #00476c; vertical-align: top; }
table.contactDetails td.billing { vertical-align: top; }
table.contactDetails th { font-weight: bold; color: #fff; background-color: #00476c; }

/* Styles for forms */
/*
form p { padding: 0em; }
legend { font-size: 100%; font-weight: bold; color: #fff; padding-left: 0.2em; padding-right: 0.2em; background-color: #00476c; border: 1px solid #00476c; }
fieldset { border: 1px solid #00476c; width: 80%; background-color: #E1D2E5; padding: 0em 0em 0em 0.4em; }
label { width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block; }
input { color: #00476c; background: #fff; border: 1px solid #00476c; padding-left: 0.1em; }
textarea { color: #00476c; background: #fff; border: 1px solid #00476c; }
p.error { margin-left: 8.4em; color: #900; margin-top: -1.0em; }
p.submit input { margin-left: 8.3em; }
*/

/*
form { margin: 0; padding: 0; font-size: 100%; min-width: 560px; max-width: 620px; width: 590px; }
form fieldset { clear: both; font-size: 100%; border-color: #00476c; border-width: 1px; border-style: solid; padding: 10px; margin: 0 0 0 0; }
form fieldset legend { font-size: 120%; font-weight: bold; color: #00476c; margin: 0 0 0 0; padding: 0 5px; }
label { width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block; }
input, select, textarea { font-size: 100%; color: #00476c; border: 1px solid #00476c; background: #ffc; }
#submit_button { background-color: #00476c; color: #fff; border: none; }
*/

/*
textarea {
overflow: auto;
}

form div {
clear: left;
display: block;
width: 354px;
height: expression('1%');
margin: 5px 0 0 0;
padding: 1px 3px;
}

form fieldset div.notes {
float: right;
width: 158px;
height: auto;
margin: 0 0 10px 10px;
padding: 5px;
border: 1px solid #666666;
background-color: #ffffe1;
color: #666666;
font-size: 88%;
}

form fieldset div.notes h4 {
background-image: url(/images/icon_info.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 3px 0 3px 27px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666666;
color: #666666;
font-size: 110%;
}

form fieldset div.notes p {
margin: 0em 0em 1.2em 0em;
color: #666666;
}

form fieldset div.notes p.last {
margin: 0em;
}

form div fieldset {
clear: none;
border-width: 1px;
border-style: solid;
border-color: #666666;
margin: 0 0 0 144px;
padding: 0 5px 5px 5px;
width: 197px;
}

form div fieldset legend {
font-size: 100%;
padding: 0 3px 0 9px;
}

form div.required fieldset legend {
font-weight: bold;
}

form div label {
display: block;
float: left;
width: 130px;
padding: 3px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form div.optional label, label.optional {
font-weight: normal;
}

form div.required label, label.required {
font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
float: none;
display: block;
width: 200px;
height: expression('1%');
padding: 0;
margin: 0 0 5px 142px;
text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
margin: 0 0 5px 0;
width: 170px;
}

form div img {
border: 1px solid #000000;
}

p.error {
background-color: #ff0000;
background-image: url(/images/icon_error.gif);
background-repeat: no-repeat;
background-position: 3px 3px;

color: #ffffff;
padding: 3px 3px 5px 27px;
border: 1px solid #000000;
margin: auto 100px;
}

form div.error {
background-color: #ffffe1;
background-image: url(/images/required_bg.gif);
background-repeat: no-repeat;
background-position: top left;
color: #666666;
border: 1px solid #ff0000;
}

form div.error p.error {
background-image: url(/images/icon_error.gif);
background-position: top left;
background-color: transparent;
border-style: none;
font-size: 88%;
font-weight: bold;
margin: 0 0 0 118px;
width: 200px;
color: #ff0000;
}

form div input, form div select, form div textarea {
width: 200px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div input.inputFile {
width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
width: 211px;
padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
display: inline;
height: 14px;
width: 14px;
background-color: transparent;
border-width: 0;
padding: 0;
margin: 0 0 0 140px;
}

form div.submit {
width: 214px;
padding: 0 0 0 146px;
}

form div.submit div {
display: inline;
float: left;
text-align: left;
width: auto;
padding: 0;
margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background-color: #cccccc;
color: #000000;
width: auto;
padding: 0 6px;
margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float: right;
margin: 0 0 0 5px;
}

form div small {
display: block;
margin: 0 0 5px 142px;
padding: 1px 3px;
font-size: 88%;
height: expression('1%');
}
*/
table { width: 95%; margin-left: auto; margin-right: auto; border-collapse: collapse; margin-bottom: 1em; }
th { height: 2em; background-color: #00476c; border: 1px solid #999; color: #fff; padding: 0.2em 0em 0.2em 0em; text-transform: capitalize; }
tr.highlighted { background-color: #ccc; }
td { vertical-align: top; border: 1px solid #999; padding: 0.2em; }
td.actions { white-space: nowrap; }
th.actions { height: 1.5em; white-space: nowrap; }
td p { padding: 0em 1em 0em 1em; }