/* Content styles (also used by Edit-on-Pro) */

body, td, th, div, span, p, ol, ul, dl, dt, dd, li, blockquote {font-family: Arial, Helvetica, sans-serif;}
code, pre {font-family: 'Courier New', Courier, monospace;}

#title {border-bottom: 1px solid #88a894;}

/* no padding in NS4 or IE5.0 */
body#bristol-ac-uk #title img {padding-right: 0.2em; height: 0.7em; width: 0.7em;}

h1 {color: #3b7153; background-color: transparent;}
h2 {color: #7b9f89; background-color: transparent;}
h3 {color: #7b9f89; background-color: transparent;}

a:hover {color: #f00c22; text-decoration: none;  background-color: transparent;}

ul {list-style-image: url(/images/square5.gif); list-style-type: square;}

/* "back to top" formatting - info.css */
.btop {color: #ff9900; font-style: italic; font-size: 90%;}
.btop a:link {color: #ff9900; font-style: italic; text-decoration: underline; font-size: 90%;} 
.btop a:hover, .btop a:focus {color: #ff9900; font-style: italic; text-decoration: none; font-size: 90%;}

/* "UoB access only" formatting - info.css */
.uobaccess {color: #ff0000; font-style: italic;}

/* Add a new #navigation class to allow category headers to also be links - JE */
#navigation .categorylink .link {color: #3b7153; background-color: transparent; margin: 0; padding: 0.5em 9px 0.3em; font-size: 84%;}
#navigation .categorylink .link a {color: #3b7153; background-color: transparent; font-weight: bold; text-decoration: none;}
#navigation .categorylink .link a:focus, #navigation .categorylink .link a:hover {color: #f00c22; background-color: transparent;}
body#bristol-ac-uk #navigation .categorylink .link {color: #3b7153; background-color: transparent; margin: 0; padding: 0.5em 9px 0.3em; font-size: 84%; background-image: none;}

/* Overrides - corporate.css */
#navigation .link  {margin: 0 0 0 5px;} /* indent side menu bullet points to line up with the headers - JE */
#navigation .category {padding: 0.5em 9px 0.3em;} /* bunch up side menu titles - DC */

/* A 3 column layout using tables (see teachingmaterial home page) - JE */
table#column3 {width:100%; line-height:1.5em;}
table#column3 td {vertical-align:top; width:33%;}

table#columnheader3 {width:100%; border:1px solid #3b7153; background-color:#dcdcdc}
table#columnheader3 tr {background-color:#dcdcdc;}
table#columnheader3 th {text-align:left; width:33%;}

/* A 4 column table layout for the alumni listings - JE */
#alumni {width:100%; line-height:1.4em;}
#alumni td {vertical-align:top;}
#alumni-header {width:100%; border:1px solid #3b7153; background-color:#dcdcdc;}
#alumni-header tr {background-color:#dcdcdc; text-align:left;}
#alumni-name {width:35%;}
#alumni-course {width:15%;}

/* Research seminars */
#seminar tr th {text-align:left; padding-right:0.5em; }
#seminar tr th#term {background-color:#dcdcdc; text-align:center}
#seminar tr td {padding-right:0.5em; vertical-align:top;}
#seminar tr {padding-bottom:1em}
#seminargray {color: #999999; background-color: transparent;}
#seminarbold {color: #333333; background-color: transparent;}
#seminarcurrent {color: #000000; background-color: transparent;}
/* non wrapping text - DC */
.nowrap {white-space: nowrap; }

/* Department members list - DC */
table#members tr {vertical-align:top; }
table#members th {text-align:left; }
table#members th a {text-decoration: none; color: #0000ff; }
table#members th a:hover, #contact th a:focus {color: #f00c22; }

/* Contact lists - DC */
table#contact {line-height:1.3em; }
table#contact tr {vertical-align:top; }
table#contact th {text-align:left; }
table#contact th a {text-decoration: none; color: #0000ff; }
table#contact th a:hover, #contact th a:focus {color: #f00c22; }
table#contact th, #contact td {padding-right:0.4em; }

#h2text {font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold; color: #7b9f89; background-color: transparent;}

/* Border and padding for an image, alumni photo - JE */
img#border {margin:1em; border:1px solid #3b7153;}

/* Border and padding for an image floating on right in text - JE */
#img-float-right {border:1px solid #3b7153; float:right; margin:0em 0em 1em 1em;}

/* Border and padding for an image floating on left in text - JE */
#img-float-left {border:1px solid #3b7153; float:left; margin:0em 1em 1em 0em;}

/* Image with caption floating on right with border - JE */
.img-caption-right {float:right; margin:0em 0em 1em 1em; text-align:center; font-size:90%}
.img-caption-right img {border:1px solid #3b7153; margin:0em 0em 1em 0em;}

/* Image with caption floating on left with border - JE */
.img-caption-left {float:left; margin:0em 1em 0.5em 0em; text-align:center; font-size:90%}
.img-caption-left img {border:1px solid #3b7153; margin:0em 0em 0.5em 0em;}

/* Border and left padding for details page photo - DC */
img#photo {margin-top:0.1em; margin-left:1em; border:1px solid #88a894;}

/* Highlight box eg. see alumni listings */
.highlight-box {border: 1px dotted #3b7153; padding: 0.2em; font-size: 85%; background-color: #ffffcc;}

/* A 4 column table layout for the research group member listings - JE */
#rsch-member {width:100%; line-height:1.2em;}
#rsch-member td {vertical-align:top; padding-bottom:1em;}
#rsch-photo {width:auto;}
#rsch-detail {width:50%; padding-left:1em;}

#rsch-local-head {color: #7b9f89; font-weight: bold; padding-top:0.3em;}
#rsch-subject-list {padding-left:0.5em;}

/* Person page - keep text and floating image together */
div#img-text-group{padding-bottom:0.25em; width:100%;}
/* Prevent floating image overlapping following text */
div#img-text-group:after {
                content: "."; 
                display: block; 
                height: 0; 
                clear: both; 
                visibility: hidden;}

/* Hides from IE-mac \*/
* html div#img-text-group {height: 1%;}
/* End hide from IE-mac */

/* main content - DC */
#maincontent {margin-right: 13.5em; min-width: 14em; padding: 0;}

/* right column - DC */
#right-column {float: right; width: 13em; margin: 0 0 0 0.6em;}

/* news box - DC */
#news-box {border: 1px solid #b01c2e; margin: 0.2em 0 1em 0; font-size: 0.9em;}
#news-box h2 {background-color: #b01c2e; color: #FFFFFF; font-size: 1.1em; padding: 2px; margin: 0; text-align:center}
#news-box ul li {color: #000000; font-size: 0.9em; margin: 0 0.5em 0.2em -0.9em;}
#news-box a {color: #000000; text-decoration: none;}
#news-box a:hover, #events-box a:focus {color: #f00c22;}
#news-box .date {font-style:italic; color:#747272;}

/* events box - DC */
#events-box {border: 1px solid #b01c2e; margin: 0.2em 0 1em 0; font-size: 0.9em;}
#events-box h2 {background-color: #b01c2e; color: #FFFFFF; font-size: 1.1em; padding: 2px; margin: 0; text-align:center}
#events-box ul li {color: #000000; font-size: 0.9em; margin: 0 0.5em 0.2em -0.9em;}
#events-box a {color: #000000; text-decoration: none;}
#events-box a:hover, #events-box a:focus {color: #f00c22;}
#events-box .date {font-style:italic; color:#747272;}

/* horizontal rule - DC */
hr {border-top: 1px solid #3b7153; border-bottom: 1px solid transparent;}

/* copied from uob /styles/info.css to show get adobe box */
.adobe-reader {border: 1px dotted #b01c2e; font-size: 85%; background-color: #ffffcc;}

/* display an inline adobe icon */
#adobe-icon {background:url(/civilengineering/assets/acrobatIcon.gif) 2px 50% no-repeat; padding: 0.5em 1.5em;}

/* Highlight some words in text */
span.highlight {color:#ff9900; font-weight:bold}

/* Highlight a todo comment on the page which needs to be resolved */
#todo {color:red; font-style:italic}

/* Spread out a list to make it more readable */
ul.space-list li {padding-bottom:0.5em}
ol.space-list li {padding-bottom:0.5em}

/* A 4 column simple layout using tables (see systems - research topics) - JE */
table#column4 {width:100%}
table#column4 td {vertical-align:top; width:25%; padding-bottom:0.5em}

/* A 2 column simple layout using tables (see systems - research projects) - JE */
table#column2-header {width:100%; border:1px solid #3b7153; background-color:#dcdcdc;
                      margin-bottom:0.5em}
table#column2-header tr {background-color:#dcdcdc; text-align:left;}
table#column2 {width:100%}
table#column2 td {vertical-align:top; padding-bottom:0.5em}
#name {width:70%;}
#funding {width:30%;}
#rsch-label {width:10%; text-align:right; color: #7b9f89; font-weight:bold}
#rsch-content {width:90%;}

/* A 3 column layout using tables (see systems - publications - phd list) - JE */
table#phd {width:100%; line-height:1.5em;}
table#phd td {vertical-align:top}
#phd1 {width:20%}
#phd2 {width:10%}
#phd3 {width:70%}