﻿/*    ==========================================
	 0. Contents
	==========================================
	
	1. Fonts
	2. Global Reset & Standards
	3. Links
	4. Lists
	5. Tables
	6. Misc
	7. Typography
	8. Layout
	9. Forms
*/



/*	==========================================
	 1. Fonts
	========================================== */



/*	==========================================
	 2. Global Reset & Standards
	========================================== */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	b, u, i, center,
	dl, dt, dd, 
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
	}
	html {
		font-size: 62.5%; 
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
	body { background: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #666; position: relative; }
	
	/*img, object, embed { max-width: 100%; height: auto; }*/
	img { -ms-interpolation-mode: bicubic; }
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .sys_clearfix:before, .sys_clearfix:after { content:""; display:table; }
	 .sys_clearfix:after { clear:both; }
	 .sys_clearfix { zoom:1; } /* For IE6 */




/*	==========================================
	 3. Links
	========================================== */
	a { color: #666; text-decoration: underline; outline: 0; line-height: inherit; }
	a:hover { color: #666; text-decoration: none; }
	p a, p a:visited { line-height: inherit; }

	h4 a { color: #5b98b6; text-decoration: none; }
	h4 a:hover { color: #5b98b6; text-decoration: underline; }

	a.sys_arrow {
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		background: url(/SiteElements/2013-images/Research/linkarrow.gif) left center no-repeat;
		padding-left: 10px; }

	a.sys_arrow_rev {
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		background: url(/SiteElements/2013-images/Research/linkarrowrev.gif) left center no-repeat;
		padding-left: 10px; }

	a.sys_arrow.sys_sml {
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		background: url(/SiteElements/2013-images/Research/link-arrow-sml.gif) left center no-repeat;
		padding-left: 8px; }

	a.sys_button, a.button { 
		background: #5b98b6 url(/SiteElements/2013-images/Research/linkbuttonarrow.png) 8px 8px no-repeat ; 
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		padding: 4px 8px 4px 18px;
		border-radius: 7px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #5b98b6; }
	a.sys_button:hover { background:#ebebeb url(/SiteElements/2013-images/Research/linkbuttonarrowover.png) 8px 8px no-repeat ; color: #5b98b6; text-decoration: none; border: 1px solid #d4d4d4; }
	a.button:hover {background:#ebebeb url(/SiteElements/2013-images/Research/linkbuttonarrowover.png) 8px 8px no-repeat ; color: #5b98b6; text-decoration: none; border: 1px solid #d4d4d4;}


	div.sys_content.sys_meet_the_team.sys_red a.button, a.button_red{ 
		background: #d81e05 url(/SiteElements/2013-images/Research/linkbuttonarrow.png) 8px 8px no-repeat ; 
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		padding: 4px 8px 4px 18px;
		border-radius: 7px;
		color: #fff;
		text-decoration: none;
		border: 1px solid silver; }
	div.sys_content.sys_meet_the_team.sys_red a.button:hover, a.button_red:hover { background:#ebebeb url(/SiteElements/2013-images/Research/linkbuttonarrowover.png) 8px 8px no-repeat ; color: #d81e05; text-decoration: none; border: 1px solid #d4d4d4; }
	
	/*Accessibility links*/
	
	a.accessibility-a {text-decoration: none;margin-right:5px;}

	a.accessibility-aa {text-decoration: none; font-size:145%!important;margin-right:5px;}

	a.accessibility-aaa {text-decoration: none; font-size:180%!important;margin-right:15px;}

	a.accessibility-a:hover, a.accessibility-aa:hover, a.accessibility-aaa:hover {text-decoration: underline;}


/*	==========================================
	 4. Lists
	========================================== */
    ul, li {margin: 0; padding: 0; border: 0; font: inherit; }
	ul, ol { margin-bottom: 18px;}
	ul { list-style: none; margin-left: 0px; }
	ol { list-style: decimal; }
	ul ul, ol ol { margin: 4px 0 5px 18px; }
	li { margin-bottom: 8px; padding-left: 14px; background: url(/SiteElements/2013-images/Research/linkarrow.gif) left 3px no-repeat; }
    ol li {background-image: none; padding-left:0px; }
	




/*	==========================================
	 5. Tables
	========================================== */
	table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }
	
	table thead { background: #f5f5f5; }
	table thead tr th,
	table thead tr td { text-align: left; padding:4px 0; }
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
	table thead tr th:first-child { border-left: none; }
	table thead tr th:last-child { border-right: none; }
	
	table tbody tr.even,
	table tbody tr.sys_alt { background: #f9f9f9; }
	table tbody tr:nth-child(even) { background: #f9f9f9; }
	table tbody tr td { color: #333; padding:4px 0; vertical-align: top; border: none; }





/*	==========================================
	 6. Misc
	========================================== */
	.sys_left       { float: left; }
	.sys_right      { float: right; }
	.sys_hide     	{ display: none; }
	.sys_highlight 	{ background: #ff0; }
	#mobiletest { background: #f00; }
	
	@media only screen and (max-width: 767px) {
		#mobiletest { background: #00f; }
	}

	img.align_right { float: right; margin: 0 0 10px 15px; }
	img.align_left { float: left; margin: 0 15px 10px 0; }





/*	==========================================
     7. Typography
	========================================== */
	h1, h2, h3, h4, h5, h6 { color: #5b98b6; font-weight: bold; line-height: 1.25; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 1.55em; margin-bottom: 18px; }
	h2 { font-size: 1.385em; margin-bottom: 10px; }
	h3 { font-size: 1em; margin-bottom: 6px; margin-top: 18px; }
	h4 { font-size: 1em; color: #5b98b6; font-weight: bold; margin-bottom: 6px; margin-top: 2px; }
	h5 { font-size: 0.813em; margin-bottom: 6px; color: #666; }
	
	div.sys_red h1, div.sys_red h2, div.sys_red h3, div.sys_red h4, div.sys_red h5 {color:#D81E05;}   

	h2.sys_border { border-top: 5px solid #5b98b6; padding-top: 5px; }

	.sys_subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { margin: 0 0 12px; }
	p img { margin: 0; }
	p:last-child,
	p.sys_last { margin-bottom: 0px; }
	
	sup { margin:0 0 0 0;}
	sub { margin:0 0 0 0;}
	
		/* Mobile */
		
		/*@media handheld, only screen and (max-width: 767px) {
			body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
		}*/
	
	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 16px 0 16px; height: 0; }

	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

	/* Print */
	@media print {
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	  p a, p a:visited { color: #444 !important; text-decoration: underline; }
	  p a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3{ page-break-after: avoid; }
	}

	
	 	 
	 
	 
 
 
/*	==========================================
	 8. Layout
	========================================== */

	/* Wrap used multiple times for site width (980px) */
	div.sys_wrap { width: 980px; margin: 0px auto; }
	div.sys_wrap.sys_white { background: #fff; padding: 22px; width: 936px; }



	/* For grad background */
	div#content_bg { background: url(/SiteElements/2013-images/Research/site-grad-bg.gif) top repeat-x;}



	/* Top bar with links to external sites + text resize */
	div#top_bar { 
		width: auto; height: 44px; 
		background: #fff url(/SiteElements/2013-images/Research/top-bar.jpg) top center no-repeat;
		padding: 5px 0px;
		/*font-size: 0.85em;
		color: #999;*/ 
    	text-align:right;}
	div#top_bar ul { margin: 0px; padding: 5px 0px; }
	div#top_bar li { list-style: none; float: left; margin: 0 15px 0 0; background: none; padding: 0px; }
	div#top_bar a { /*color: #999;*/ text-decoration: none; }
	div#top_bar a:hover { /*color: #999;*/ text-decoration: underline; }

	div#top_bar div.sys_right a.sys_sml { font-size: 12px; font-weight: bold; }
	div#top_bar div.sys_right a.sys_med { font-size: 14px; font-weight: bold; }
	div#top_bar div.sys_right a.sys_lrg { font-size: 16px; font-weight: bold; }



	/* Header. Logo and text */
	div#header { background: #fff; padding: 20px 0 20px; }
	div#header img.header__logo { max-height: 70px; height: 100%; width: auto; }
	div#header div.sys_left { font-size: 1.7em; font-style: italic; color: #a8b7bd; }
	div#header div.sys_right div.sys_sep { 
		width: 1px; height: 36px; 
		background: #616b70; 
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		margin: 0 18px; }
        
    div#header div.sys_right img.sys_uos {padding-right:21px; border-right: 1px solid gray;}

	.sys_unittitle .header__logo {
    	max-height: 70px;
    	max-width: 100%;
    }


	
	/* Top blue bar navigation */
	div#nav { background: #5c707c; }
	div#nav ul { margin: 0px; padding: 0px; }
	div#nav ul li { margin: 0px; padding: 0 0 0 0; float: left; list-style: none; }
	div#nav ul li a { display:block; background: #5c707c; font-size: 1.1em; font-weight: bold; color: #fff; line-height: 2.7em; padding: 0px 20px; text-decoration: none; }
	div#nav ul li a:hover { background: #ebebeb; color: #5b98b6; text-decoration: none; }
	div#nav ul li.sys_home a { background: #8596a2 url(/SiteElements/2013-images/Research/Icons/home.png) center center no-repeat; text-indent: -9999px; padding: 0 20px; width: 4px; }
	div#nav ul li.sys_home a:hover { background: #5b98b6  url(/SiteElements/2013-images/Research/Icons/home.png) center center no-repeat; }



	/* Breadcrumb + search */
	div#breadcrumb { margin-bottom: 20px;}
	div#breadcrumb.sys_unittitle { margin-bottom: 10px;}

	div#breadcrumb h1 {display:inline; color:#5b98b6; float:left; margin:0;}	

	div#breadcrumb div.sys_breadcrumb { float:left; width: 684px; background: #f3f3f3; padding: 6px; font-size: 0.923em}
         
	div#breadcrumb div.sys_breadcrumb.sys_units {width:100%;}
    
	div#breadcrumb div.sys_breadcrumb div {display: inline;}

	div#breadcrumb div.sys_top_search  {
        clear:right;
		float:right;
		text-align:right;
		height:30px;
    /*margin:10px 0 20px 0;*/}
		
	div#breadcrumb div.sys_top_search .sys_searchbox, div.sys_box  div.sys_clearfix .sys_searchbox { 
	    width: 185px;		
        font-size:14px;
		float:left;
		line-height:26px;
		height:26px;
		border:1px solid #d9d9d9;
		padding:0 0 0 5px;
		color:#999; }
        
    div.sys_box  div.sys_clearfix .sys_searchbox {width: 170px; }

	div#breadcrumb div.sys_top_search .sys_search-button, div.sys_box  div.sys_clearfix .sys_search-button  { 
		background: url(/siteelements/2013-images/Research/Icons/search-btn.gif);
		float:left;
		display:inline;
		margin:0 0 0 5px;
		width:28px; height:28px;
		border:0px none;
		text-indent:-9999px;
		font-size:0px;
		line-height:0px;
        cursor:pointer;}
	
	div#breadcrumb div.sys_top_search label, div.sys_box  div.sys_clearfix label  {
		display: none;
	}



	/* Sidebar */
	div.sys_sidebar { width: 218px; }
	div.sys_sidebar.sys_left { float: left; display: inline; margin-right: 20px; }
	div.sys_sidebar.sys_right { float: right; display: inline; margin-left: 20px; }

	
	div.sys_sidebar div.sys_box.sys_news { font-size: 0.95em; }
	div.sys_sidebar div.sys_box.sys_news h2 { font-size: 2em; }
	div.sys_sidebar div.sys_box.sys_news div.sys_item { display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding: 8px 0px; color: #1774cd; font-weight: bold; }
	div.sys_sidebar div.sys_box.sys_news div.sys_item img { margin-bottom: 5px; margin-top: 3px; }
	div.sys_sidebar div.sys_box.sys_news div.sys_item h4 { color: #5b98b6; margin-bottom: 0px;}
	div.sys_sidebar div.sys_box.sys_news div.sys_item span.sys_date { display: block; color: #707070; font-style: italic; font-weight: normal; }
	div.sys_sidebar div.sys_box.sys_news div.sys_item:last-child,
	div.sys_sidebar div.sys_box.sys_news div.sys_item.sys_last {  margin-bottom: 10px; }

    div.sys_sidebar div.sys_box.sys_news div.sys_news-control.sys_news-minilist-control div#MiniListing_List ul.sys_itemslist li {list-style:none;}    

    div#HomeNewsList_List ul li {background:none; padding:0px;}
    div#HomeNewsList_List ul li a {color: #5b98b6; font-weight:bold; display:block; text-decoration:none; font-size:1.1em!important;}
    div#HomeNewsList_List ul li a:hover {text-decoration:underline}




	


		/*############# SUB NAVIGATION ################*/

		/* Sidebar navigation */
		div.sys_sidebar ul.sys_nav { margin: 0px; border-bottom: 1px solid #e5e5e5; }
		div.sys_sidebar ul.sys_nav li { margin: 0px; padding: 0px; list-style: none; background: none }
		div.sys_sidebar ul.sys_nav li a { 
			text-decoration: none;
			background: url(/SiteElements/2013-images/Research/sidebar-nav-arrow.png) left 12px no-repeat; 
			margin: 0px; padding: 6px 10px 6px 17px; 
			color: #666; 
			display: block; 
			border-top: 1px solid #e5e5e5; }
		div.sys_sidebar ul.sys_nav li a:hover { background: #eee url(../img/sidebar_nav_arrow.png) left 12px no-repeat; text-decoration: none; }
		div.sys_sidebar ul.sys_nav li.sys_sub a { 
			background: url(../img/sidebar_nav_arrow_sub.png) left 12px no-repeat;  }
		div.sys_sidebar ul.sys_nav li.sys_sub a:hover { background: #eee url(../img/sidebar_nav_arrow_sub.png) left 12px no-repeat; }

			/* Sub level */
			div.sys_sidebar ul.sys_nav ul.sys_sub { margin: 0px; }
			div.sys_sidebar ul.sys_nav ul.sys_sub li { margin: 0px; padding: 0px; list-style: none; background: none }
			div.sys_sidebar ul.sys_nav ul.sys_sub li a { 
				text-decoration: none;
				background: url(../img/sidebar_nav_arrow.png) 12px 12px no-repeat; 
				margin: 0px; padding: 7px 10px 7px 28px; 
				color: #666; 
				display: block; 
				border-top: 1px solid #e5e5e5; }
			div.sys_sidebar ul.sys_nav ul.sys_sub li a:hover { background: #eee url(../img/sidebar_nav_arrow.png) 12px 12px no-repeat; text-decoration: none; }


 /*----- SUB NAVIGATION ADDED BY MB ------*/
	
 div.sys_localview-menu {}
	
	div.sys_localview-menu div {
		text-align:left;}
		
	div.sys_localview-menu div a {
		display:block;
		text-decoration:none;
		margin: 0px; 
  padding: 6px 10px 6px 17px; 
		color: #666; 
		display: block; 
		border-top: 1px solid #e5e5e5; }
	
 div.sys_localview-menu div.sys_navhome {
  color: #5b98b6; font-weight: bold; font-size: 1.385em; 
  margin-bottom: 10px; border-top: 5px solid #5b98b6; padding-top: 5px;}

 div.sys_sidebar.sys_left.sys_red div.sys_localview-menu div.sys_navhome {
  	color: #d81e05; font-weight: bold; font-size: 1.385em; 
  	margin-bottom: 10px; border-top: 5px solid #d81e05; padding-top: 5px;}
	
div.sys_localview-menu div.sys_navhome a {color: #5b98b6; border:0px; padding-left:0px;}
div.sys_localview-menu div.sys_navhome a:hover {background: #fff; text-decoration:underline;}


div.sys_sidebar.sys_left.sys_red div.sys_localview-menu div.sys_navhome a {color: #d81e05; border:0px; padding-left:0px;}
div.sys_sidebar.sys_left.sys_red div.sys_localview-menu div.sys_navhome a:hover {background: #fff; text-decoration:underline;}

		
 div.sys_localview-menu div.sys_parent-folder a {
		background: url("/SiteElements/2013-Images/Research/sidebar-nav-arrow-sub.png") left 12px no-repeat;} 
 
 div.sys_localview-menu div.sys_parent-folder a:hover {
  background: #eee url("/SiteElements/2013-Images/Research/sidebar-nav-arrow-sub.png") left 12px no-repeat;}
 	
 div.sys_localview-menu div.sys_current-folder a {
		background: #eee url("/SiteElements/2013-Images/Research/sidebar-nav-arrow.png") left 12px  no-repeat;} 
			
	div.sys_localview-menu div.sys_current-folder a:hover {
  background: #eee url("/SiteElements/2013-Images/Research/sidebar-nav-arrow.png") left 12px no-repeat;}

 div.sys_localview-menu div.sys_page-item a {
		background:url("/SiteElements/2013-Images/Research/sidebar-nav-arrow.png") left 12px no-repeat;
		background-position: 10px; padding: 6px 10px 6px 27px;} 
	
 div.sys_localview-menu div.sys_page-item a:hover {
  background: #eee url("/SiteElements/2013-Images/Research/sidebar-nav-arrow.png") left 12px no-repeat;
		background-position: 10px}
  
 div.sys_localview-menu div.sys_current-item a {
		background: #eee url("/SiteElements/2013-Images/Research/sidebar-nav-arrow.png") left 12px no-repeat;
		background-position: 10px; padding: 6px 10px 6px 27px;}

	
	/*---- END SUB NAVIGATION ---*/



		/* Sidebar plain navigation (e.g. "See also" links) */
  div.sys_sidebar .sys_nav_plain {}		
  div.sys_sidebar .sys_nav_plain ul { margin: 0px; }
		div.sys_sidebar .sys_nav_plain ul li { margin: 0 0 12px 0px; list-style: none; padding-left: 18px; }
		div.sys_sidebar .sys_nav_plain ul li a { 
			text-decoration: none;
			color: #666;  }
		div.sys_sidebar .sys_nav_plain ul li a:hover { text-decoration: underline; }



		/* Sidebar external links navigation */
  div.sys_sidebar .sys_nav_external {}		
  div.sys_sidebar .sys_nav_external ul { margin: 0px; }
		div.sys_sidebar .sys_nav_external ul li { margin: 0 0 12px 0px; list-style: none; background: url(/SiteElements/2013-images/Research/Icons/external.png) left 1px no-repeat; padding-left: 18px; }
		div.sys_sidebar .sys_nav_external ul li a { 
			text-decoration: none;
			color: #666;  }
		div.sys_sidebar .sys_nav_external ul li a:hover { text-decoration: underline; }

	


		/* Subscribe to our News Feeds */
		div.sys_sidebar ul.sys_nav_subscribe { margin: 0px; }
		div.sys_sidebar ul.sys_nav_subscribe li { margin: 0 0 6px 0px; list-style: none; background: url(/SiteElements/2013-images/Research/icons/external.png) left 1px no-repeat; padding-left: 18px; }
		div.sys_sidebar ul.sys_nav_subscribe li.sys_rss { background: url(../img/icons/rss_sidebar.gif) left center no-repeat; padding:2px 0 2px 28px; }
		div.sys_sidebar ul.sys_nav_subscribe li.sys_atom { background: url(../img/icons/atom_sidebar.gif) left center no-repeat; padding:2px 0 2px 28px; }
		div.sys_sidebar ul.sys_nav_subscribe li a { 
			text-decoration: none;
			color: #666;  }
		div.sys_sidebar ul.sys_nav_subscribe li a:hover { text-decoration: underline; }



		/* Sidebar PDF links navigation */
		div.sys_sidebar ul.sys_nav_pdf { margin: 0px; }
		div.sys_sidebar ul.sys_nav_pdf li { margin: 0 0 8px 0px; list-style: none; background: url(../img/icons/pdf.gif) left 0px no-repeat; padding: 1px 0 3px 22px; }
		div.sys_sidebar ul.sys_nav_pdf li a { 
			text-decoration: none;
			color: #666;  }
		div.sys_sidebar ul.sys_nav_pdf li a:hover { text-decoration: underline; }


		/* Sidebar content areas */
		div.sys_sidebar div.sys_box { margin-bottom: 15px; padding: 0px 0 0 0; }
		div.sys_sidebar div.sys_box.sys_border { border-top: 5px solid #5b98b6; padding: 8px 0 0 0; margin-bottom: 25px; }

		/*div.sys_sidebar div.sys_box.sys_border.sys_pink { border-top: 5px solid #921538; padding: 8px 0 0 0; margin-bottom: 17px; }*/
		/*div.sys_sidebar div.sys_box.sys_border.sys_pink h2 { color: #921538; }*/

		div.sys_sidebar div.sys_box.sys_border.sys_pink { border-top: 5px solid #d81e05; padding: 8px 0 0 0; margin-bottom: 17px; }
		div.sys_sidebar div.sys_box.sys_border.sys_pink h2 { color: #d81e05; }


		div.sys_sidebar.sys_red div.sys_box.sys_border, div.sys_sidebar div.sys_box.sys_border.sys_units { border-top: 5px solid #5b98b6; padding: 8px 0 0 0; margin-bottom: 17px; }
		div.sys_sidebar div.sys_box.sys_border.sys_units h2 { color: #5b98b6; margin-top:0; }
		
        div.sys_sidebar img.sys_nihr_logo {margin-bottom:21px;}


		/* Sidebar news */
		div.sys_sidebar div.sys_box.sys_news { font-size: 0.923em; }
		div.sys_sidebar div.sys_box.sys_news a.sys_item { display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding: 10px 0px; color: #5b98b6; font-weight: bold; }
		div.sys_sidebar div.sys_box.sys_news a.sys_item:hover { text-decoration: underline; }
		div.sys_sidebar div.sys_box.sys_news a.sys_item span.sys_date { display: block; color: #707070; font-style: italic; font-weight: normal; }
		div.sys_sidebar div.sys_box.sys_news a.sys_item:last-child,
		div.sys_sidebar div.sys_box.sys_news a.sys_item.sys_last {border-bottom: 0px none }



		/* Sidebar browse A-Z */
		div.sys_sidebar div.sys_box.sys_browse_a-z { overflow: hidden;}
		div.sys_sidebar div.sys_box.sys_browse_a-z a { text-decoration: none; }
		div.sys_sidebar div.sys_box.sys_browse_a-z ul { margin: 0px; width: 238px; }
		div.sys_sidebar div.sys_box.sys_browse_a-z ul li { margin: 0px; padding: 0px; float:left; list-style: none; }
		div.sys_sidebar div.sys_box.sys_browse_a-z a { 
			display:block; 
			width: 24px; 
			line-height: 24px; 
			background: #ebebeb; 
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 14px;
			margin: 0 4px 4px 0; }
		div.sys_sidebar div.sys_box.sys_browse_a-z a:hover { background: #5b98b6; color: #fff; text-decoration: none; }



		/* Sidebar feature boxes*/
		div.sys_sidebar div.sys_side_feature_box { position: relative; width: 218px; height: 153px; font-size: 13px; line-height: 17px; }
		div.sys_sidebar div.sys_side_feature_box img { position: absolute; top: 0px; z-index: 10; }
		div.sys_sidebar div.sys_side_feature_box div.sys_text { position: absolute; top: 0px; z-index: 20; padding: 10px; }
		div.sys_sidebar div.sys_side_feature_box div.sys_text h2 { margin-bottom: 4px; }
		div.sys_sidebar div.sys_side_feature_box a.sys_button { 
			position: absolute; 
			top: 115px;
			z-index: 30; }
		

			/* Visitor information*/
			div.sys_sidebar div.sys_side_feature_box.sys_visitor_information { border-top: 5px solid #5b98b6; }




	/* Content area */
	div.sys_content { float: left; width: 457px; } 
	div.sys_content.sys_wide { float: left; width: 696px;} /* Without right sidebar */
	
	
	div.sys_content img.sys_banner { margin-bottom: 23px; }
	div.sys_content div.sys_border { border-top: 5px solid #5b98b6; padding-top: 8px;}
	div.sys_content div.sys_border.sys_red { border-top: 5px solid #D81E05;}


	div.sys_content h2 { margin-top: 30px; }



	/* Rotating banner (used on home) */
	div.sys_content div#banner { position: relative; }
	div.sys_content div#banner_inner { height: 444px;}
	div.sys_content div#banner_inner h2 { color: #fff; font-size: 1.85em; margin: 0 0 2px 0px;}
	div.sys_content div#banner_inner div.sys_item { position: relative; }
	div.sys_content div#banner_inner div.sys_caption { 
		position:absolute;
		bottom: 0px;
		left:0px;
        width: 652px;
		padding: 22px;
		overflow: hidden;
		color: #fff;
        background: url(/SiteElements/2013-images/Research/trans90.png);}
    
    div.sys_content div#banner_inner div.sys_caption a {color:white;}
    div.sys_content div#banner_inner p {font-size: 1.15em; }
    
	div.sys_content div#banner ul.sys_pager { 
		position: absolute; 
		bottom: 14px; 
		right: 20px; 
		z-index: 90; 
		width: auto;
		margin: 0px; }
	div.sys_content div#banner ul.sys_pager li { float: left; background: none; padding: 0px; margin-left: 7px;  }
	div.sys_content div#banner ul.sys_pager li a { 
		margin: 0 0 0 0px; 
		border: 0px none; 
		background: #999; 
		text-decoration: none; 
		display:block; 
		height:10px; width:10px; 
		border-radius:5px;
		text-indent: -9999px; }
	div.sys_content div#banner ul.sys_pager li.activeSlide a { background: #fff; }



	/* Meet the team */
	div.sys_meet_the_team div.sys_item span.sys_name { display: block; color: #5b98b6; font-weight: bold; }
	div.sys_meet_the_team div.sys_item span.sys_title { display: block; color: #5b98b6; font-weight: normal; margin-bottom: 4px; }
	div.sys_meet_the_team div.sys_item p.sys_item_para { font-size: 0.923em;}



	/* Latest News */
	div.sys_latest_news div.sys_item h4 {}
	div.sys_latest_news div.sys_item span.sys_date { color: #707070; font-style: italic; font-size: 0.88em; font-weight: normal; }

	div.sys_latest_news div.sys_news_nav { 
		display:inline;
		float: right;
		line-height: 2em;
		width: 150px; }
	div.sys_latest_news div.sys_news_nav input.sys_news_nav_number { width: 30px; text-align: center; }

	div.sys_latest_news div.sys_news_nav a.sys_prev,
	div.sys_latest_news div.sys_news_nav a.sys_next { display:block; width: 24px; height: 24px; text-indent: -9999px; text-transform: capitalize; }
	div.sys_latest_news div.sys_news_nav a.sys_prev {background: url(../img/news_nav.png) left no-repeat; margin-right: 6px; float: left; display: inline; }
	div.sys_latest_news div.sys_news_nav a.sys_next { background: url(../img/news_nav.png) right no-repeat; margin-left: 6px; float: right; display: inline;}

	/* Latest News item */
	div.sys_latest_news_item {}
	div.sys_latest_news_item span.sys_date { 
		display: block;
		color: #707070; 
		font-style: italic; 
		font-size: 0.88em; 
		font-weight: normal; 
		margin-bottom: 10px; }



	/* Homepage feature boxes */
	div.sys_home_feature_boxes {margin-top:10px;}
	div.sys_home_feature_boxes div.sys_feature_box { width: 219px; float: left; margin-right: 20px; border-top: 5px solid #5b98b6; }
	div.sys_home_feature_boxes div.sys_feature_box h2 { margin: 7px 0 7px 0; font-size: 1.3em; }
	div.sys_home_feature_boxes div.sys_feature_box:last-child, div.sys_home_feature_boxes div.sys_feature_box.sys_last { margin-right: 0px; border:1px solid red;  }

    div.sys_home_feature_boxes div.sys_feature_box_last { width: 219px; float: left; border-top: 5px solid #5b98b6; margin-right: 0px;}
    div.sys_home_feature_boxes div.sys_feature_box_last h2 { margin: 7px 0 7px 0; font-size: 1.3em; }
	



	/* Footer */
	div#footer { background: #fff url(/SiteElements/2013-images/Research/footer-shadow.gif) top repeat-x; padding:28px 0 20px 0; font-size: 0.846em; line-height: 1.4em; color: #999; }
	div#footer div.sys_col { float: left; width: 300px; margin-left: 20px; }
	div#footer h5 { font-size: 1.2em;}
	div#footer a { color: #999; }
	div#footer a:hover { color: #999; text-decoration: underline; }
	div#footer ul { margin: 5px 0 0 0px; }
	div#footer ul li { 
		margin: 0 0 8px 0px; 
		list-style: none; 
		padding: 0px;
		background: url(/SiteElements/2013-images/Research/link-arrow-ex-sml.gif) left 4px no-repeat;
		padding-left: 8px; }
	div#footer a { text-decoration: none; }

	div#footer div.sys_social { margin: 35px 20px 20px; }
	div#footer div.sys_social div.sys_left img { margin: 0 15px 0 0; }
	div#footer div.sys_social div.sys_right img { margin: 0 0 0 30px; }

	div#footer div.sys_copyright { margin-left: 20px; }

	 

	 
 
 
/*	==========================================
	 9. Forms
	========================================== */

	form { margin: 0 0 18px; }

	input, select, textarea { color: #666; border: 1px solid #ccc; }

	/* Sidebar search */
	div.sys_sidebar select { margin: 0 0 18px 0px; border: 1px solid #ccc; line-height: 1.60em; padding: 0 0; width: 100%; }
	div.sys_sidebar input.sys_search { line-height: 1.30em; padding: 4px 5px; width: 170px; float: left; border: 1px solid #ccc;}
	div.sys_sidebar input.sys_btn { 
		float: right;
		width: 28px; height: 28px; 
		background: url(../img/ui/search_btn.gif);
		border: 0px none; 
		padding: 0px; margin: 0px;
		text-indent: -9999px; text-transform: capitalize; }

	/* Top search */
	div#breadcrumb select { margin: 0 0 18px 0px; border: 1px solid #ccc; line-height: 1.60em; padding: 0 0; width: 100%; }
	div#breadcrumb input.sys_search { line-height: 1.30em; padding: 4px 5px; width: 170px; float: left; border: 1px solid #ccc;}
	div#breadcrumb input.sys_btn { 
		float: right;
		width: 28px; height: 28px; 
		background: url(../img/ui/search_btn.gif);
		border: 0px none; 
		padding: 0px; margin: 0px;
		text-indent: -9999px; text-transform: capitalize; }
	
    
    
    /* Research voices rotating */
    div.sys_content div#Research-voices-banner { position: relative; overflow:hidden;  }
	div.sys_content div#Research-voices-banner div#banner_inner { width: 457px; height: 257px;}
	div.sys_content div#Research-voices-banner div#banner_inner h2 { color: #fff; font-size: 1.40em; margin: 0 0 2px 0px;}
	div.sys_content div#Research-voices-banner div#banner_inner div.sys_item { position: relative; }
	div.sys_content div#Research-voices-banner div#banner_inner div.sys_caption { 
		position:absolute;
		bottom: 0px;
		left:0px;
        width: 457px;
		padding: 8px;
		overflow: hidden;
		color: #fff;
        background: url(/SiteElements/2013-images/Research/trans90.png);}
    
    div.sys_content div#Research-voices-banner div#banner_inner div.sys_caption a {color:white;}
    div.sys_content div#Research-voices-banner div#banner_inner p {font-size: 1.15em; }
    
	div.sys_content div#Research-voices-banner ul.sys_pager { 
		position: absolute; 
		bottom: 14px; 
		right: 20px; 
		z-index: 90; 
		width: auto;
		margin: 0px; }
	div.sys_content div#Research-voices-banner ul.sys_pager li { float: left; background: none; padding: 0px; margin-left: 7px;  }
	div.sys_content div#Research-voices-banner ul.sys_pager li a { 
		margin: 0 0 0 0px; 
		border: 0px none; 
		background: #999; 
		text-decoration: none; 
		display:block; 
		height:10px; width:10px; 
		border-radius:5px;
		text-indent: -9999px; }
	div.sys_content div#Research-voices-banner ul.sys_pager li.activeSlide a { background: #fff; }



/* UNIT HOMEPAGES ROTATING */
    
.sys_content #banner_units {
		/*position: absolute;*/ 
  		height: 320px; 
  		width: 457px;
  		border-top: solid 5px #5b98b6;
  		float:left;
  
}



/* Homepage feature boxes */
	div.sys_unit_feature_boxes div.sys_feature_box { width: 220px; float: left; margin-right: 18px; border-top: 5px solid #5b98b6; }
	div.sys_unit_feature_boxes div.sys_feature_box h2 { margin: 17px 0 4px 0; font-size: 1.692em; color:#5b98b6;}
	div.sys_unit_feature_boxes div.sys_feature_box:last-child, div.sys_home_feature_boxes div.sys_feature_box.sys_last { margin-right: 0px; border:1px solid red;  }

    div.sys_unit_feature_boxes div.sys_feature_box_last { width: 219px; float: left; border-top: 5px solid #5b98b6; margin-right: 0px;}
    div.sys_unit_feature_boxes div.sys_feature_box_last h2 { margin: 17px 0 4px 0; font-size: 1.692em; color:#5b98b6;}
    
/*-----------------------------------------------------*/
/*-------- NEW RESPONSIVE  STYLES START HERE  ---------*/
/*-----------------------------------------------------*/


.showmenu { display: none; }
div.sys_content div#banner { position: static; }

/*-------- FLEXSLIDER ---------*/

/* Bare essentials */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides { margin: 0px; padding: 0px; list-style:none; }
.flexslider .slides > li {display: none; margin: 0px; padding: 0px; background: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-paging { position: absolute; bottom: 5px; right: 5px; z-index: 99; margin: 0px!important;  }
.flex-control-paging li { display: inline; background: none; padding: 0px; margin: 0px 0 0 5px; }
.flex-control-paging a { margin: 0 0 0 0px;
    border: 0px none;
	background: #999;
	text-decoration: none;
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	text-indent: -9999px; 
}

.flex-direction-nav { position: absolute; top: 50%;	width: 100%; margin-top: -15px; left: 0px; display: none; }
.flex-direction-nav li { list-style: none; background: none; margin: 0px; padding: 0px; }
.flex-direction-nav li a { display: block; width: 30px; height: 30px; text-indent: -9999px; position: relative; }
.flex-direction-nav .flex-prev { float: left; background: url("/SiteElements/2013-images/main-site/flex-nav-left.gif"); left: 0px; }
.flex-direction-nav .flex-next { float: right; background: url("/SiteElements/2013-images/main-site/flex-nav-right.gif"); right: 0px;  }

div.sys_content { position: relative; }
div.sys_content div#banner { height: auto;  }
div.sys_content div#banner p { font-size: 1.05em; margin: 10px; }
div.sys_content div#banner a { color: #fff; }
div.sys_content div#banner h2 { color: #fff; font-size: 1.70em; margin: 5px 10px 0px 10px; }
div.sys_content #banner .sys_caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	/*padding: 10px;*/
	color: #fff;
	/*background: rgba(0,0,0,.7);*/
    background-color: black;
	box-sizing:border-box;
}

div.sys_content div#banner { height: auto;  }
div.sys_content div#banner div.sys_research_caption p { font-size: 1.05em; margin: 5px; }
div.sys_content div#banner a { color: #fff; }
div.sys_content div#banner div.sys_research_caption h2 { color: #fff; font-size: 1.2em; margin: 5px 5px 0px 5px; }
div.sys_content #banner .sys_research_caption {
    position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	/*padding: 10px;*/
	color: #fff;
	/*background: rgba(0,0,0,.7);*/
    background-color: black;
	box-sizing:border-box;
}


/*REMOVE BACKGROUND IMAGE ARROW FOR LISTS IN MAILCHIMP SIGN UP FORMS*/
div.mc-field-group.input-group ul li
{
  background-image:none!important;
}





/*-------- RESPONSIVE ---------*/

.tinynav { display: none }
.clearfix_responsive { display: none; clear: both; }

@media screen and (max-width:700px){
	.clearfix_responsive { display: block; }
	div.sys_wrap.sys_white { width: 100%; padding: 0px; }

	.flex-control-paging { right: 15px; }

	/* Breadcrumb */
	div#breadcrumb div.sys_breadcrumb { width: 73.8434179%; padding: 6px 10px; box-sizing:border-box; }



	/* Search */
	.sys_search { width: 25.1565821%; box-sizing:border-box; padding: 0px 10px; position: relative; }
	div.sys_search { padding-right: 55px; }
	div.sys_search .sys_search-button { position: absolute; right: 10px; top: 0px; }
	div.sys_search .sys_searchbox { width: 100%!important; }

	.sys_search-query-control { width: 100%; box-sizing:border-box; padding: 0px 0px; position: relative; margin: 20px 0 20px; }
	div.sys_search-query-control { padding-right: 45px; }
	div.sys_search-query-control .sys_search-button { position: absolute; right: 0px; top: 0px; }
	div.sys_sidebar input#HomeSearch_SearchTextBox { width: 100%!important; }
	#SearchQueryControl_SearchTextBox { width: 100%; }


	/* Home page feature boxes */
	.sys_home_feature_boxes { box-sizing:border-box; padding: 0px 10px; }
	.sys_home_feature_boxes .sys_feature_box img { display: none; }
	div.sys_home_feature_boxes div.sys_feature_box { width: 32%; margin-right: 2%; height: auto;}
	div.sys_home_feature_boxes div.sys_feature_box p { margin: 0px; }
	div.sys_home_feature_boxes div.sys_feature_box img { width: 100%; height: auto; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_browse_a-z { overflow: visible; }
	div.sys_home_feature_boxes div.sys_feature_box:last-child { margin-right: 0%;}
	div.sys_home_feature_boxes div.sys_feature_box.sys_browse_a-z ul { width: auto; }
	div.sys_home_feature_boxes div.sys_feature_box div.sys_text a.btn { top: auto; bottom: auto; position: static; display: inline-block; margin-top: 10px; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_southampton_childrens_hospital div.sys_text { padding: 0px; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_southampton_childrens_hospital div.sys_text a.sys_btn { position: static; display: inline-block; margin-top: 10px; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_southampton_childrens_hospital { color: #666; border-top: 5px solid #1774cd; padding: 8px 0 0 0; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_southampton_childrens_hospital h2 { color: #1774cd; }
	div.sys_home_feature_boxes div.sys_feature_box div.sys_text { position: static; padding: 0px; }
	div.sys_home_feature_boxes div.sys_feature_box.sys_southampton_hospital_charity div.sys_text { right: auto; width: 100%; }
	div.sys_home_feature_boxes div.sys_feature_box_last { width: 100%; }
	/*div.sys_home_feature_boxes div.sys_feature_box_last img { width: 100%; height: auto; margin-top: 10px; }*/
    div.sys_home_feature_boxes div.sys_feature_box_last img { display:none; }


	/* Sidebars */
	.sys_sidebar.sys_left { width: 24.9478079%; margin:0px!important; padding: 0px 10px; box-sizing:border-box; }
	.sys_sidebar.sys_right { width: 25.1565762%; margin:0px!important; padding: 0px 10px;  box-sizing:border-box;  }
	div.sys_sidebar img { width: 100%; height: auto; }
	div.sys_sidebar div.sys_box.sys_browse_a-z ul { width: auto; }
	.sys_news { margin-top: 20px; }


	/* Main content area */
	.sys_content { width: 49.89561%!important; margin: 0px; padding: 0px 10px; box-sizing:border-box; }
	.sys_content img { width: 100%!important; height: auto!important; }


	/* Header and top bar */
	#top_bar { display: none; }
	#header .sys_wrap { width: 100%; }
	#header .sys_wrap .sys_left { padding-left: 10px; width: 50%; display:inline-block; }
	#header .sys_wrap .sys_right { padding-right: 10px; display:inline-block; }


	/* Navigation */
	
	#nav .sys_wrap { width: 100%; }


	/* Footer */
	#footer.sys_wrap { width: 100%; }
	#footer.sys_wrap .sys_col { margin: 0px 10px 30px; }


	/* Home banner */
	div.sys_content div#banner { width: 100%; padding: 0px; margin: 20px 0 0 0; }

/*}

@media screen and (max-width:700px){*/
	h2 { font-size: 1.7em; }
	p:last-child { margin-bottom: 20px; }
	div#header { padding: 10px 0px; }
	#header .sys_wrap .sys_left { display: block; width:100%; padding: 2px 2px 15px 2px; font-size:1.6em; }
	#header .sys_wrap .sys_right .sys_uos {padding:0px; border: 0px;}
    #header .sys_wrap .sys_right { padding: 10px 2px 10px 0; float: none; margin: 0px auto; display: block; }
    
    #header .sys_right img {float:right;}
	
    
    div.sys_content div#banner p { display: none; }

	.flex-control-paging { right: 15px; width: 100px; right: 50%; margin-right: -50px!important; text-align: center; bottom: 12px; }
	.flex-control-paging a { 
		margin: 0 0 0 0px;
		border: 1px solid #bababa;
		background: #fff;
		text-decoration: none;
		display: inline-block;
		height: 10px;
		width: 10px;
		border-radius: 15px;
		text-indent: -9999px; 
	}
	.flex-control-paging a.flex-active {
		background: #5e6f7d;
	}

	.flex-direction-nav { display: block; }


	div#nav { background: #5e6f7d url(/SiteElements/2013-images/research/tinynav-label.gif) 10px center no-repeat; height: 50px;  }
	div#nav select { height: 50px; width: 100%; opacity: 0; cursor: pointer; }
	.tinynav { display: block; }
    div#nav ul { display: none }


    /* Home page flexslider */
    .flexslider .slides > li { margin-bottom: 50px; }
    div.sys_content div#banner h2 { font-size: 1.3em; }


	/* Breadcrumb */
	/*div#breadcrumb div.sys_breadcrumb { width: auto; display: block; float: none; box-sizing:border-box; padding: 6px 10px; margin-bottom: 20px; }*/
    div#breadcrumb div.sys_breadcrumb { width: auto; display: block; float: none; box-sizing:border-box; padding: 6px 10px; margin-bottom: 0px; }


	/* Home page feature boxes */
	div.sys_home_feature_boxes div.sys_feature_box { width: 100%; margin-right: 0%; float: none; margin-bottom: 30px; }


	/* Search */
	/* MB .sys_search { width: 100%; position: relative; margin-bottom:10px; }
	div.sys_search { padding-right: 55px; }
	div.sys_search .sys_search-button { position: absolute; right: 10px; top: 0px; }
	div.sys_search .sys_searchbox { width: 95%!important; }
    div#breadcrumb div.sys_search { padding-right: 0px; }*/


	/* Search results */
	.sys_theme-simple .sys_search-search-control {
		min-width: 0;
	}
    
    .sys_top_search { width: 100%; position: relative; }
    div.sys_top_search { padding-right: 55px; }
    div.sys_top_search .sys_search-button { position: absolute; right: 10px; top: 0px; }
	div.sys_top_search .sys_searchbox { width: 95%!important; }
	div#breadcrumb div.sys_top_search { padding-right: 0px; }
    
    .sys_search { width: 100%; position: relative; }


	/* Sidebar skip navigation link */
	.showmenu { display: block; }
	.showmenu a { border: 0px none!important; padding: 0px 0px 16px!important; font-weight: bold; text-decoration: underline!important; }


	/* Sidebars */
	.sys_sidebar iframe { width: 100%!important; }
	.sys_sidebar.sys_left { width: 100%; float: none; }
	.sys_sidebar.sys_right { width: 100%; float: none; }
	div.sys_sidebar div.sys_box.sys_browse_a-z ul { width: 100%; }
	div.sys_sidebar div.sys_box.sys_browse_a-z ul li a { line-height: 30px; width: 30px; }
	/*div.sys_sidebar .sys_page-item { display: none; }*/


	/* Main content area */
	.sys_content { width: 100%!important; margin: 0px; padding: 0px 10px; box-sizing:border-box; }
    .sys_content h1 {font-size: 2.1em}
	/*.sys_content .sys_border { display: none; }*/
    
    .sys_content #VideoPlayer {width:100%!important; background-size:100%!important; }
    .sys_content #VideoPlayer img {width:100%!important; }
    
    .sys_content object {width:100%!important;}
    .sys_content embed {width:100%!important;}
    .sys_content video {max-width:100%!important; background-size:100%!important;}

	/* Footer */
	div#footer div.sys_social { margin-top: 0px; }
}