@import url(/media-library/resources/css/import.css);

#uobcms-content a.button-style {margin: 10px 0 10px 0; background-color: #806ab7; color: #FFF !important;}
#uobcms-content a:hover.button-style {background-color: #42145f; color: #FFF !important;}

/* category & main story snippet styling with and without images */
.news-browse-story, .news-browse-story-no-image {  float: left; margin: 10px 0 0 0; border-bottom: 1px dashed #ccc; padding: 0 0 10px 0; width: 100%;
  /* negative margin for trailing character bug http://www.positioniseverything.net/explorer/dup-characters.html */
margin-right: -3px;  }
.news-browse-story img {  float: left; border: 1px solid #B1B0B0 }
.news-browse-story h2, .news-browse-story-no-image h2 { font-size: 90%; font-weight: bold; margin: 0 0 0 90px; padding: 0; position: relative; top: -3px }
.news-browse-story .news-browse-date, .news-browse-story-no-image .news-browse-date { font-size: 80%; margin: 0 0 0 90px; padding: 0; color: #333  }
.news-browse-story .news-browse-abstract, .news-browse-story-no-image .news-browse-abstract { font-size: 80%; margin: 0.5em 0 0 90px; padding: 0 }
.news-browse-story .news-browse-date-expires, .news-browse-story-no-image .news-browse-date-expires { font-style: normal; font-weight: normal; color: #b01c2e }


/* =HOMEPAGE STYLES */
/* intro */
#expsych-intro { background: #BFBDAA url('/media-library/sites/expsych/migrated/images/intro-back.gif') repeat-x left bottom; height: 250px; position: relative; border-top: 2px solid #9F9D8B; top: -1px  }
#expsych-intro h1 { margin: 0; padding: 0; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; line-height: 1.2 }
#intro-width { width: 960px; overflow: auto;  }
#intro-images {position: absolute; left: 500px; bottom: 0; background: url(/expsych/images/intro-image-shadow.gif) no-repeat bottom right;  width: 430px; margin-top: 0px; bottom: 0px }
#intro-images img {padding: 4px 4px 0 4px; background: white;  margin: 0;}
#intro-images div { position: absolute; bottom: 0 }
#intro-text { line-height: 1.5; position: absolute; width: 440px; margin-left: 23px; margin-top: 20px }
#intro-question a {
  float: right;
  margin-top: -20px;
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 1em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.5);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  color: #FFEC4F;
  /* border: solid 1px #4F4B2C; */
  background: #5F5C41; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#9F9A6D), to(#5F5C41)); /* For Webkit Browsers */
  background: -moz-linear-gradient(top, #9F9A6D, #5F5C41); /* for Firefox */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9A6D', endColorstr='#5F5C41'); /* for IE */
}
#intro-question a:hover { color: #fffbf9; }
#expsych-intro .image-caption { position: absolute; width: 430px; bottom: 0px; left: 4px; margin: 0; padding: 7px 10px; background: #333333; opacity: .90; color: white; font-style: italic; font-size: 80%; z-index: 10; font-family: Georgia, "Times New Roman", Times, serif;
                                /* For IE 5-7 */
                                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
                                /* For IE 8 */
                                -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

/* END OF BEN */



/* A-Z LINKS */
div#a-zlinks a { font-size: 85%; border: 1px solid #b8c4ce; padding: 2px 4px; }
div#a-zlinks a:link, div#a-zlinks a:visited {color: #313637; background-color: #eaf4f4; text-decoration: none;  }
div#a-zlinks a:hover {border: 1px solid #b8c4ce; color: #313637; background-color: #46bcda; text-decoration: none;}
/* div#a-zlinks a:hover {border: 1px solid #b8c4ce; color: #313637; background-color: #afd4dc; text-decoration: none;} */

/*A-Z */

/* #uobcms-content {line-height: 1.2;} */
/* patch a { color: #0F35AA } until fixed */
/* #uobcms-content a:visited {color: #551A8B;}
#uobcms-content a:hover {color: #B01C2E;} */

/*
#container-links {
background: url("uobarticle_images/news-further-info-back-red.jpg") repeat-x bottom; line-height: 1.5;} 
#container-links1 {width: 90%; border: 1px solid #E19EA7;  border-bottom: 0;  border-right: 0;  border-left: 0; padding: 10px; 
background: url("uobarticle_images/news-further-info-back-red.jpg") repeat-x bottom; line-height: 1.5;} 
#container-links2 {border: #f6d851 1px solid; padding: 15px; 
background: #f7eab1 url("bg0.gif") repeat-x bottom; line-height: 2.0;}  */

center#a-zlinks a {border: #000 solid 1px; padding: 2px 4px; font-size: 85%;}
center#a-zlinks a:link,
center#a-zlinks a:visited {color: #000; background-color: #fff; text-decoration: none;}
center#a-zlinks a:hover {border: #cc6e79 solid 1px; color: #fff; background-color: #b01c2e; text-decoration: none;}

.new {padding-left: 20px; color: #ff8a00;}

table[id="a-z"] td {vertical-align: top;}
table[id="a-z"] td + td {vertical-align: bottom;}

table[id="a-z"] tr a,
table[id="a-z"] tr h2 {background-color: transparent;}

#a-z {border-collapse: collapse; line-height: normal;}
#a-z td {padding-top: 5px; padding-bottom: 5px; padding-left: 0px;}

.row-odd {background-color: #ecf6ff;}
.row-even {background-color: #fff;}
/*Created by oggkh*/

.boxcontainer {margin-left: 4px;}

/*Staff table

.ords-staff-table {border-collapse: collapse;}

.ords-staff-table td,
.ords-staff-table th {border: 1px solid #383D44;
                  padding: 4px;}
.ords-staff-table th {background: #FFF url(/expsych/images/pink-grad.jpg) top left repeat-x scroll;} */

/*/expsych/images/ords-thback.gif*/
/* 
div#a-zlinks a {border: #000 solid 1px; padding: 2px 4px; font-size: 85%;}
div#a-zlinks a:link,
div#a-zlinks a:visited {color: #000; background-color: #fff; text-decoration: none;}
div#a-zlinks a:hover {border: #cc6e79 solid 1px; color: #fff; background-color: #b01c2e; text-decoration: none;} */

/*Staff page styling*/

.ords-addressbox{ font-size: 90%;  margin: 0 0 1em 0; padding: 10px; 
background: url(/expsych/images/orange-white-grad.jpg) repeat-x; padding-bottom: 10px; 
border: 1px solid #e37e1b;  border-bottom: 0;  border-right: 0;  border-left: 0;} 

.ords-buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 49%;} 

.h2-person{ color: #2C4D92; font-size: 110%;} 

/*Yellow Button*/
a.ords-squarebutton-yellow{
background: transparent url('expsych/images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; 
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background 
(default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;}

a:link.ords-squarebutton-yellow, a:visited.ords-squarebutton-yellow, a:active.ords-squarebutton-yellow{
color: #494949; /*button text color*/}

a.ords-squarebutton-yellow span{
background: transparent url('expsych/images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
/*Set 9px below to match value of 'padding-left' value above*/}

a.ords-squarebutton-yellow:hover{ /* Hover state CSS */
background-position: bottom left;}

a.ords-squarebutton-yellow:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;} 


/*Image positions*/

.leftpic  {float: left; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #ccc;}
.rightpic {float: right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #ccc;}

/* pic caption */ 

.dent-caption1  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 168px;}
.dent-caption1a { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 173px;}
.dent-caption2  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 250px;}
.dent-caption3  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 288px;}
.dent-caption4  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 338px;}
.dent-caption5  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 400px;}
.dent-caption6  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 488px;}
.dent-caption7  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 585px;}
.dent-caption8  { color: #0c6e88; text-align: center; font-size: 80%; margin: 0; padding: 5px 0 0 0; width: 688px;}

/* content main columns   */
/* content text and right pic  */

#dent-leftcol {width: 65%; float: left; padding: 10px ;}
#dent-rightcol {width: 25%; float: left; position: relative; padding: 10px ;}
.dent-colbox {border: #000 solid 1px;}
.dent-leftcoltext {width: 65%; float: left; padding: 10px ;}
.dent-rightcolpic {width: 25%; float: left; position: relative; padding: 20px 10px 10px 10px ;}

#dent-colfaq1 {width: 60%; float: right;}
#dent-colfaq2{width: 40%; float: right;}

/* just pics  */
#dent-col1 {width: 40%; float: left; padding: 10px ;}
#dent-col2{width: 50%; float: left; position: relative; padding: 10px ;}
#dent-col3{width: 85%; float: left; position: relative; padding: 10px ;}

.publications ul li, ol li { padding: 0 0 10px 0 ;font-size: 100%; }

/* testimonial styling with images */
.dent-testimonial, .dent-testimonial-no-image {  float: left; margin: 10px 0 0 0; border-bottom: 1px dashed #ccc; padding: 0 0 10px 0; width: 100%;/* negative margin for trailing character bug http://www.positioniseverything.net/explorer/dup-characters.html */
margin-right: -3px;  }
.dent-testimonial img {  float: left; padding: 5px; margin: 5px; border: 1px solid #B1B0B0 }
.dent-testimonial h2, .dent-testimonial-no-image h2 { font-size: 100%; font-weight: bold; margin: 0 10px 0 90px; padding: 9px 0 0 0; position: relative;  }
.dent-testimonial-leftcol { float:left; width: 47% ; padding-right: 25px;}
.dent-testimonial-rightcol { float:left; border-left: 1px dashed #ccc; padding-left: 20px; width: 47% ;}

/*Yellow Button*/
a.squarebutton-yellow{
background: transparent url('clinicalsciencesouth/images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; 
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background 
(default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;}

a:link.squarebutton-yellow, a:visited.squarebutton-yellow, a:active.squarebutton-yellow{
color: #494949; /*button text color*/}

a.squarebutton-yellow span{
background: transparent url('clinicalsciencesouth/images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
/*Set 9px below to match value of 'padding-left' value above*/}

a.squarebutton-yellow:hover{ /* Hover state CSS */
background-position: bottom left;}

a.squarebutton-yellow:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;} 

/* added by Ben for contacts table */
#contact-table { border:1px solid #b8c4ce; border-collapse:collapse; width: 92%; margin-left: 5px; }
#contact-table caption { color: #4e5759; background: white; border: 1px dotted #ccc; padding: 3px; margin-left: 4px; font-size: 90%; } 
#contact-table td, #contact-table th { border:1px solid #b8c4ce; border-collapse:collapse; padding:5px; } 
#contact-table th { color: #4e5759; background: #eaf4f4; text-align:left; }
#contact-table tbody th { text-align:left; }

/* added by Ant for image captions (copied from UoB news styles) */
.news-article-pic { margin: 0 0 1.0em 0;  }
.news-article-pic img { border: 1px solid #999; margin: 0; padding: 0 }
.news-article-pic p { /* pic caption */ font-size: 80%; margin: 0; padding: 5px; border: 1px solid #CBCBCB; border-top: 0px;  }
.news-article-pic p span { /* pic credit */  font-size: 85%; color: #666666; padding: 5px 0 0 0; display: block; margin: 0;}
.position-left { float: left; margin: 0 0.7em 0.7em 0 }
.position-right { float: right; margin: 0 0 0.7em 0.7em }

/* added by Ant for content with pullquotes */
.content-with-pullquote {float:left;width:66%}
.pullquote-box {float:left; width:30%;margin-left:10px; border: 1px solid #ccc;}
.pullquote-box blockquote {margin: 0;padding: 4px 10px 10px;font-family: Georgia; font-style: italic; font-size: 115%;}
.pullquote-link {padding: 0 10px;}

/* Creative Commons attribution - added by Gilles */
.cc-licence { font: normal 80% arial, sans-serif; }

/* film box - site manager fix */
.film-box {margin: 0 0 1.5em 0; padding: 0; position: relative;}
.film-box h2, .film-box h3, .film-box h4, .film-box p {font-size: 100%!important; font-weight: bold; margin: 0!important; padding: 0!important;}
.film-box img {width: 100%; display: block;}
.film-box a span {background: url("http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png") no-repeat scroll right center #333333; font-weight: bold; color: white; display: block; left: 0; opacity: 0.9; padding: 0.4em 2.5%; position: absolute; bottom: 0; width: 95%;}
.film-box a:hover span {background: url("http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png") no-repeat scroll right center #666666; opacity: 0.9;}