/*
     FILE ARCHIVED ON 1:48:32 Mar 5, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 9:47:45 Jan 9, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "UTF-8";
/* CSS Document */


#main-title {
	width: 100%;
	/* background-image: url(/web/20140305014832/http://www.lboro.ac.uk/-images/ttlbg-site.jpg); */
	/*background-image: url(ttlbg-site.jpg);*/
	background-image: url(its-ttlbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #330066;
	font-size: 100%;
}
#site-footer {
	font-size: 90%;
	width: 920px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	text-align: center;
}
.nounderline {
	text-decoration: none;
}

.featurecolour1 {
	color: #D4CADE;
	font-weight: normal;
}
.featurecolour2 {
	color: #330066;
}



/*	Carousel  */

#research {
	margin: 0 0 0 -15px;
}

	#research li {
		position: relative;
	}
	
		#research li img {
			border: 1px solid #ccc;
		}
		
	#research li div {
		position: absolute;
		right: 12px;
		bottom: 12px;
		color: #fff;
		width: 230px;
		/*background: url(/web/20140305014832/http://www.lboro.ac.uk/-images/banner-text-bg.png) repeat left top;*/
		padding: 1px 3px 12px;
	}
	
	#research li div.alt {
		position: absolute;
		left: 1px;
		bottom: 1px;
		color: #fff;
		width: 528px;
		/*background: url(/web/20140305014832/http://www.lboro.ac.uk/-images/banner-text-bg.png) repeat left top;*/
		padding-bottom: 10px;
	}
	
	#research li div.wide {
		width: 280px;
	}
	
	#research li div.narrow {
		width: 220px;
	}
	
	#research li div.width-250 {
		width: 250px;
	}

	#research li div.width-260 {
		width: 260px;
	}
	
	#research li div.opposite {
		bottom: 20px;
		left: 20px;
	}
	
		#research li div h3 {
			font-size: 16px;
			padding: 7px 10px 5px;
		}
		
		#research li div h3,
		#research li div p.intro {
			border: 0;
			margin: 0;			
		}
		
		#research li div p.intro {
			padding: 0 10px 5px;
			margin-bottom: 5px;
			font-size: 12px;
		}
		
		#research li div.alt p.intro {
			padding: 0 140px 0 10px;
			margin-bottom: 0;
			font-size: 12px;
		}
		
/*	--------------------  */

#main-content p.button {
	margin: 0 0 0 10px;
}

	p.button a {
		/*background: #333 url(/web/20140305014832/http://www.lboro.ac.uk/research/images/button-overlay.png) repeat-x;*/
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		overflow: visible;
		padding: 5px 10px 6px;		
		text-decoration: none;
	}
	
	p.button a:focus,
	p.button a:hover {
		background-color: #222;
	}
	
#main-content p.button2 {
	margin: 0 0 0 10px;
	position: absolute;
	right: 15px;
	top: 41px;
}

	p.button2 a {
		/*background: #333 url(/web/20140305014832/http://www.lboro.ac.uk/research/images/button-overlay.png) repeat-x;*/
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		overflow: visible;
		padding: 5px 10px 6px;		
		text-decoration: none;
	}
	
	p.button2 a:focus,
	p.button2 a:hover {
		background-color: #222;
	}

/*	--------------------  */

#research .left {
		left: -12px;
		position: absolute;		
		top: 110px;
	}
	
	#research .right {
		position: absolute;
		right: -12px;
		top: 110px;
	}
	
	#research .left img,
	#research .right img {
		border: 0;
	}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
	position: relative;
    z-index: 2;
}

.jcarousel-list {    
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;    
    z-index: 1;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    height: 252px;
    list-style: none;    
    width: 530px;
}

	.jcarousel-list li img {
		border: 1px solid #ccc;
	}
	
.jcarousel-next {
    display: none;
    z-index: 3;    
}

.jcarousel-prev {
    display: none;
    z-index: 3;    
}

.jcarousel-container-horizontal {
    padding: 0 14px;
    width: 530px;
}

.jcarousel-clip-horizontal {
    height: 252px;
    width:  530px;
}

.jcarousel-item-horizontal {
    margin-right: 2px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 110px;
    right: 0;
    width: 12px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(/web/20140305014832/http://www.lboro.ac.uk/research/images/arrows-right.png) no-repeat 0 0;*/
}

.jcarousel-next-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    background-position: -36px 0;
    cursor: default;
}

.jcarousel-prev-horizontal {
    /*background: transparent url(/web/20140305014832/http://www.lboro.ac.uk/research/images/arrows-left.png) no-repeat 0 0;*/
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 110px;    
    width: 12px;    
}

.jcarousel-prev-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    background-position: -36px 0;
    cursor: default;    
}


/*	Tabs
	------------------------------	*/
			
.tabs {
	margin: 8px 0 3em;
	padding: 0;
	width: 530px;
	float: left;
}

	.tabs div {
		clear: both;		
		overflow: hidden;
		padding: 0 20px 10px;
		border: 1px solid #ccc;
	}
	
		.tabs div img {
			border: 0;
			float: left;
			margin: 4px 22px 0 0;
		}
		
	.tabs p {
		margin-top: 0;
	}

	.tabNavigation {
		margin: 0;
		padding: 0;
		width: 530px; 
	}
	
		.tabNavigation li {
			display: inline;			
		}
		
			.tabNavigation li a {	
				background-color: #f1f1f1;
				list-style: none;
				margin: 0 5px 0 0;
				padding: 4px 8px;
				font-size: 13px;
				border: 1px solid #ccc;
				border-bottom: 0;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				display: block;
				float: left;
				border-bottom: 1px solid #ccc;
				position: relative;
				top: 1px;
			}
			
			.tabNavigation li a:focus,
			.tabNavigation li a:hover {	
				background-color: #e1e1e1;
			}
			
			.tabNavigation li a:focus {	
				outline: 0;
			}
			
			.tabNavigation li a.selected {
				background-color: #fff;
				border-bottom: 1px solid #fff;
			}
			
			.research-tabs .tabNavigation li a {
				padding: 4px 8px;
			}
			
			#main-content .tabs.research div ul {
				margin-left: 20px;
				padding-left: 0;
			}
			
	/* 'Greyed out' for publications accepted but not published*/
	.acceptedpubs {
		color: #888;
	}	
			
/*	Archive downloads  */
#main-content h3.archive {
	margin-left: 0px;
	margin-bottom: 15px;
	border-bottom-style: none;
	background: #eee;
	color: #333;
	margin-right: 0px;
	width: 520px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-repeat: no-repeat;
}

#main-content .archive {
	padding: 0;
	list-style-type: none;
	width: 550px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: -20px;
}


	#main-content .archive li {
		padding: 0 0 1.25em;
		list-style-type: none;
		float: left;
		width: 255px;		
		margin: 0 0 0 20px;
	}
	
	#main-content .archive a {
		color: #666;
		text-decoration: none;
		display: block;
		font-size: 11px;
		line-height: 1.5;
		overflow: hidden;
	}		
	
		#main-content .archive a img {
			float: left;
			border: 2px solid #ccc;
			margin-right: 10px;
		}
		
		#main-content .archive a strong {
			color: #46066a;
			display: block;
			font-size: 12px;
			margin-bottom: 2px;
		}		
	
	#main-content .archive a:focus,
	#main-content .archive a:hover {
		color: #999;
	}
	
		#main-content .archive a:focus img,
		#main-content .archive a:hover img {
			border-color: #ddd;
		}
		
		#main-content .archive a:focus strong,
		#main-content .archive a:hover strong {
			color: #875d9e;
		}