@import "misc/drupal.css";

html {
	height: 100%;
	width: 100%;
}

body {
	min-width: 1024px;
	min-height: 600px;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-color: #777;
	margin: 0 0 1em 0;
}

/*	Class to highlight text that would otherwise be normal style */
.highlight {
	background-color: #a00000;
	color: #fff89d;
	font-weight: bold;
}

/*	Class to make short text look like buttons, eg "[click me]"  */
.text_button {
	background-color: #00529b;
	color: white;
	font-weight: bold;
}

.clearfloat {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
}

#container{
	width: 1000px;
	background-color: white;
	margin: 0 auto;
	position: relative;
}

#container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/*	IE7/Win	Explicit header font sizes	*/
/*	Taken from http://www.w3.org/TR/REC-CSS2/sample.html	*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", "Book Antiqua", "Palatino Linotype", "Times New Roman", sans-serif;
	font-weight: normal;
	color: #404040;
	#margin: 0;
	margin: 1em 0em 0em 0em;
	padding: 0;
	}

/*	Links	*/

a {
	font-weight: bold;
	color: #00529b;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#footer {
    padding: 0 10px 0 20px;
}

.pagefooter{
	background: rgb(64, 64, 64);
	color: #FFF;
	font-size:10px;
	padding: 5px;
	border-bottom: 1px solid rgb(119, 119, 119);
	background-image:url(images/cd.png);
	background-repeat:no-repeat;
	background-position: -8px -105px;
	/*background-image:url(images/bits_fade.png);
	background-repeat:repeat-y;*/
}

/* LINKS Default look and feel */
.pagefooter a {
    color: #fff;
    text-decoration: none;
}

/* LINKS Hover and active */
.pagefooter a:hover, .pagefooter a:active{
    text-decoration: underline;
}

.footertext{
	float:left;
	margin-left: 200px;
}

.pagefooter p{
	line-height: 16px;	
	padding: 0;
	margin: 0;
}

#lower_footer, #primarylinks {
	background-image:url(images/bits_fade.png);
	background-repeat:repeat-y;
	height: 2em;
    position: relative;
}

#lower_footer{
	background-color:#000;
}

#primarylinks{
	background-color:#404040;
	border-bottom: 1px solid #777;
}

#lower_footer ul , #primarylinks ul{
    margin: 0;
    padding: 0;
	list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
   	font-size:1em;
	line-height: 2em;
	display: inline;
	float: right;
}

#lower_footer ul a, #primarylinks ul a{
	text-decoration: none;
	color:#FFF;
	font-weight: normal;
}

#lower_footer ul a:hover,
#lower_footer ul a:active,
#primarylinks ul a:hover, 
#primarylinks ul a:active{
	text-decoration: underline;	
}

#lower_footer li, #primarylinks li {
	display: inline;
	padding:0;
	margin-left: 15px;
	line-height: 2em;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Header */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

#header {
	position: relative;
	width: 100%;
	background: white url(/files/header_bits.png) repeat;
}

#header_left {
	position: absolute;
	height: 100%;
	width: 10em;
	background: #404040 url(/files/header_bits.png) repeat;
}

#header_breadcrumbs {
	position: relative;
	width: 50%;
	left: 50%;

	padding: 0;

	background-color: #404040;
	color: white;
}

#header_breadcrumbs a {
	color: white;
}

#header_breadcrumbs ol {
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
}

#header_breadcrumbs ul {
	margin: 0;
	padding: 1.5em 1em 1.5em 1em;
}


#header_breadcrumbs li {
	display: inline;
	/*
	does not work in IE with dislpaly: inline or float: left
	list-style-type: circle; 
	*/
}

/*	
	disapled because it does not work with IE 

	Generate a disc for each list item.
	See http://www.unicode.org/charts/PDF/U2700.pdf for Unicode values.
	
#header_breadcrumbs li:before {
	
	content: " \0025cf  ";

}
*/

#breadcrumbs {
	position: relative;
	padding: 0;
	margin-bottom: 10px;
}

#breadcrumbs a {
	font-weight: normal;
}

#breadcrumbs ol {
	display: inline;
	margin: 0;
	padding: 0;
}

#breadcrumbs ul {
	margin: 0;
	padding: 1.5em 1em 1.5em 1em;
}


#breadcrumbs li {
	display: inline;
	/*
	does not work in IE with dislpaly: inline or float: left
	list-style-type: circle; 
	*/
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Title bar */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

/*	The titlebar div expects to contain two h1 elements.
	The first h1 is the running title.
	The second h1 is the page title.
*/

#titlebar  {
	position: relative;
	width: 100%;
	height: 75px;
	margin: 0;
	background-color: #00529b;
}

#titlebar h1 {
	margin: 0;
	padding: 0;
	color: white;
	display: inline;
	left: 75px;
	position: absolute;
	line-height: 65px;
	font-size: 2.5em;
    margin-bottom: 0.5em;
}

#titlebar img {
  left: 20px;
  position: relative;
  top: 10px;
}
#titlebar a{
	color: inherit;
	position: static;
}

#titlebar form{
	height: 32px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
}

#titlebar form input{
	margin:0;
	padding:0;
	display: inline;
	vertical-align: middle;
}

a#titlelink{
	font-weight: inherit;
}

a#titlelink:hover{
	color: #d4e4f4;
}

#social{
    margin-top: 20px;
}

#social li {
	border: none !important;
	padding-right: 40px !important;
}

#social ul {
	margin: 0 !important;
	padding: 0 !important;
}

#social p {
	margin:0;
}

/*#titlebar #social li  {
	display: inline;
	padding:0;
	margin-left: 15px;
	line-height: 2em;
}*/

#social a{
	font-weight: normal;
	text-decoration: none;
	padding: 2px 30px 2px 10px !important;
	margin-right:40px;
	background-repeat: no-repeat;
	background-position: right center;
}

#social a#fb{
	background-image: url(/files/social-facebook-box-blue-icon_24.png);
}

#social a#fb:hover{
	background-image: url(/files/social-facebook-box-blue-icon_24_bw.png);
	background-color: #FFF !important;
	text-decoration: underline !important;
	color: #404040;
}

#social a#tw{
	background-image: url(/files/social-twitter-box-blue-icon_24.png);
}

#social a#tw:hover{
	background-image: url(/files/social-twitter-box-blue-icon_24_bw.png);
	background-color: #FFF !important;
	text-decoration: underline !important;
	color: #404040;
}
	
#titlebar h1 a{
	color: white;
	font-weight: normal;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Navigation bar */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

#navbar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 160px;
	float: left;
	padding: 5px 10px;
}

#navbar li { 
	line-height: 20px;
	list-style-type: none;
	font-weight:bold;
	border-top: 1px solid #E0E0E0;
	padding:0;
	margin:0;
}

#navbar a {
	display: block;
	padding: 2px 2px;
	color: #404040;
	margin: 0;
}

#navbar a:hover {
	background-color: #777 !important;
	color: #FFF;
	text-decoration: none !important;
}

/******/ /******/ /******/ /******/
/*	Navigation bar - admin region */
/******/ /******/ /******/ /******/

/*	Makes items in navbar follow house style. */
#navbar_admin .nodeTitle {
	color: #404040;
	font-weight: bold;
}

#navbar_admin ul.menu {
        list-style: none;
	padding: 0 0 0 2em ;
        border: none;
        text-align:left;
      }

#navbar_admin li {
	padding: 0 1em 0 1em;
	margin: 0;
	padding: 0;
	border-width: 0;
}
#navbar_admin li.expanded {
        list-style-type: circle;
}

#navbar_admin li.collapsed {
        list-style-type: disc;
}

#navbar_admin li.leaf {
        list-style-type: square;
}

#navbar_footer a.loggedin_link {
	font-style: italic;
}

/******/ /******/ /******/ /******/
/*	Navigation bar - children region */
/******/ /******/ /******/ /******/

#navbar_children ul, #navbar_footer ul {
	margin: 1em 0 1em 0;
	padding: 0;
}

/*#navbar_children li {
	border-width: 0 0 1px 0;
}*.

/******/ /******/ /******/ /******/
/*	Navigation bar - footer region */
/******/ /******/ /******/ /******/

/*#navbar_footer {
	bottom: 0;
	margin-bottom: 10px;
	width: 12em;
}*/

#navbar_footer img {
	display: block;
	margin: 0 auto 0 auto;
	padding: 1em;
}

/*#navbar_footer ol {
	margin: 0;
	padding: 0;
}*/

/*#navbar_footer li {
	border-width: 1px 0 0 0;
}*/

#navbar_footer p {
	padding: 0 1em 0 1em;
	/*font-size: 75%;*/
	font-weight: bold;
	color: #404040;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Content */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

/*	#content needs zero-margin elements generated before and after.
	Otherwise the margins of the first and last user-supplied element
	will apply and let the dark red body show through.
*/

#content {
	min-height: 100%;
	margin: 0 0 0 180px;
	padding: 10px;	/* Top padding needed for IE. */
	position: relative;
/*	border-style: solid;
	border-width: 0 0 0 2px;
	border-color: white;*/

	background-color: white;
}

#content_collage {
	position: relative;	/* Allows foreground images to be absolute. */
	float: right;

	margin: 0 0 0 1em;
}

#content_collage img {
	border-style: outset;
	border-width: 6px;
	border-color: white #404040 #404040 white;
}

#content_collage_back {
}

#content_collage_face {
	position: absolute;
	top: 37px;
	left: 37px;
}

#content_collage_idea {
	position: absolute;
	top: 196px;
	left: 37px;
}

#content_collage_real {
	position: absolute;
	top: 355px;
	left: 37px;
}

#content_story{
	position: relative;
}

#content_story:before {
	display: block;
	height: 0;

	content: "\0000a0";	/* No-break space. */
}

#content_story > :first-child {
	margin-top: 0;		/* Remove excess space before start of story. */
				/* (Excess space is padding added above for IE.) */
}

#content_story:after {
	display: block;

	content: "\0000a0";	/* No-break space. */
}

#content_story th {
	border: none;		/* Overrides Drupal's style. */
}

h1#content_title {
	margin-top:0;
	margin-bottom:10px;
	padding-top:0;
}

/******/ /******/ /******/ /******/ 
/*	Tables */
/******/ /******/ /******/ /******/ 

th {
	background-color: #00529b;
	color: white;
	text-align: left;
	font-weight: bold;
}

/******/ /******/
/*      Textbook detail - header background*/
/******/ /******/

/*      <th class="textbookdetail">     */
th.textbookdetail {
        background-color: #404040;
        text-align: left;
        font-weight: bold;
}

/******/ /******/ 
/*	Alternate row background colour */
/******/ /******/ 

/*	<tr class="row_data_0">	*/
#content_story tr.row_data_0 {
	background-color: #dddddd;
}

/*	<tr class="row_data_1">	*/
#content_story tr.row_data_1 {
}

/******/ /******/ 
/*	Alternate column background colour */
/******/ /******/ 

/*	<td class="col_data_0">	*/
.col_data_0 {
	background-color: white;
}

/*	<td class="col_data_1">	*/
.col_data_1 {
}

/******/ /******/ /******/ /******/ 
/*	Show thumbnails without excess padding */
/******/ /******/ /******/ /******/ 

#content_story tr.row_head img {
	vertical-align: bottom;
}

#content_story tr.row_data_0 img {
	vertical-align: bottom;
}

#content_story tr.row_data_1 img {
	vertical-align: bottom;
}

#content_story td {
	padding: 0.25em;	/* a little padding improves readability */
}

#content_story th.timetable {
	color: white;
	background-color: #00529b;
}
#content_story td.timetable {
	color: black;
	background-color: white;
}

.thumbnail {
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Styles for pages in the cs_rsch category
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

#cs_rsch_poster_mini {
	float: right;

	margin: 1em auto 1em auto;	/* auto ... auto centers horizontally. */

	border-style: outset;
	border-width: 6px;
	border-color: white #404040 #404040 white;

	padding: 2em 2em 1em 2em;

	background-color: #404040;
	color: #404040; 
	text-align: center;
}

#cs_rsch_poster_mini p {
	max-width: 30em;	/* Forces line break in long titles */
}

#cs_rsch_overview {
}

#cs_rsch_academic_staff {
}

#cs_rsch_research_staff {
}

#cs_rsch_research_students {
}

#cs_rsch_projects {
}

#cs_rsch_vacancies {
}

#cs_rsch_local_links {
}

.cs_rsch_cols_3 {
	clear: both;
	background-color: white;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: black;
}

.cs_rsch_col_1of3 {
	width: 33%;
	float: left;
	margin: 0;
}

.cs_rsch_col_2of3 {
	width: 35%;
	margin: 0 33% 0 33%;
}

.cs_rsch_col_3of3 {
	width: 33%;
	float: right;
	margin: 0;
}

.cs_rsch_attribution {
	text-align: right;
	font-size: small;
	font-style: italic;
}
/*overwritten from drupal to place textfield into body-story when logged in*/
.node-form .standard {
 /* clear: both;*/
}

/* Table style for research pages */
table#rtable tbody{
	vertical-align: top;
}

table#rtable {
	table-layout: fixed;
	width: 600px;
	margin: 0;
	padding: 0;
	border-width: 0;
}

table#rtable th {
	padding: 5px;	
}

table#rtable td{
	padding: 0;
}

table#rtable td ul{
	list-style-type: none;
        padding: 0;
	margin: 10px;
}

table#rtable td li{
        list-style-type: none;
        padding: 0 0 5px 0;
	line-height: 18px;
}


table#rtable col{
	width: 200px;
	max-width:200px;
	min-width:200px;
}

/****
Social
****/

p.ne_links {
	line-height: 30px !important;
}

.ne_links a{
	margin:0 5px;
	padding: 5px 0 5px 0;
}

.ne_links a#rss{
	padding-right: 30px !important;
	background-image: url(/files/social-rss-box-orange-icon_24.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.ne_links a#rss:hover{
	background-image: url(/files/social-rss-box-orange-icon_24_bw.png);
	}

.ne_header{
   position: relative;
   float: left;
   left: 0.00%;
   width: 100.00%;
}

.ne_wrapper{
   position: relative;
   left: 0.00%;
   width: 800px;
   margin-top: 10px;
}

.ne_wrapper:after, .ne_wrapper:before {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ne_wrapper:after {
    clear:both
}

.ne_wrapper:before {
clear: right;
}

.ne_wrapper dd {
margin-left:10px;
margin-bottom: 10px;
font-size: 10px; 
}

.ne_wrapper dt .highlight{
font-size: 10px;
}

.ne_wrapper h1 {
	margin-top:10px;
}

.ne_left{
   position: relative;
   float: left;
   left: 0;
   width: 394px;
	padding-right: 5px;
}
.ne_right{
   position: relative;
   float: right;
   right: 0;
   width: 394px;
padding-left: 5px;
}
.ne_footer{
   position: relative;
   float: left;
   left: 0.00%;
   width: 100.00%;
}

.ne_wrapper .rendering_researchoutput {
margin-bottom: 10px;
font-size: 10px;
}

.ne_left {
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #e9f1f9;
}

/*****
Slideshow style: http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited
*****/

#slideshow_container {
    float: right;
    margin: 0 0 10px 10px;
    position: relative;
}

ul.slideshow {
	list-style:none;
	width:400px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul.slideshow img {
	border:none;	
}

#slideshow-caption {
	width:400px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
	overflow: hidden;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

a.linkbox { 
	font-size: 12px;
	width: 11em;
	text-align: left;
	line-height: 1;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 5px;
	cursor: pointer;
	background-color: white;
	text-decoration: none;
	font-weight: bolder;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;	
	float: left;
	min-height: 25px;
	color: #00529b;
}

a.linkbox:hover{ /*hover state CSS*/
	color: white;
	background: #a3a3a3;
}

a.linkbox:visited{ 
	
}

a.linkbox .linkdesc{
	display: block;
	font-size: 10px;
	padding-left: 5px;
	text-align: left;
	font-weight: normal;
	color: #111111;
}

.info strong {
	font-weight: normal;
	color: #404040;
}

input#edit-name, input#edit-pass{
	width: 300px;
}

/* jQuery UI */

/*.ui-widget {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}*/

#pubsearch {
	border-style: solid;
	border-width: 2px;
	border-color: #707070;
	width: 600px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	vertical-align: middle;
	background-color: #e9f1f9;
}

#pubsearch h2{
	margin: 0;
}

#pubsearch form {
	padding: 0;
	margin:0 auto;
	vertical-align: middle;
	height: auto;
	display: block;
}

#pubsearch input[type=submit]{
margin-top: 10px;
}

ul#researchers {
	margin: 0;
	padding: 0;
	width: 390px;
}

ul#researchers li{
	list-style-type: none;
	margin: 2px 0;
	padding: 5px 50px 5px 5px;
	background-color: #e9f1f9;
/*	border-style: solid;
	border-width: 2px;
	border-color: #707070;*/
	display: block;
	position: relative;
	min-height: 39px;
}

ul#researchers li img{
	position: absolute;
	right: 0;
	top: 0;
	margin: 2px;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	End of style sheet */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

#school_pubs h3 {
	margin: 10px 0px 10px 0px;
}

#school_pubs .rendering {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #e9f1f9;
	padding: 0px 10px 5px 10px;
}

.ui-accordion {
	font-size: 10px !important;
}

.ui-accordion h3{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.ui-widget-content a {
    color: #00529B !important;
}

