﻿



/* homepage (any full width page) specific styles and overrides */
#internal.sys_fullWidth #content{padding-left: 0; padding-right: 0; width: 960px;}

.sys_fullWidth #content h2 {font-size: 40px; margin-bottom: 0.3em; margin-top: .5em; }
.sys_fullWidth #content h2 a{border-bottom: 2px solid #a3a3b9; color: #1A296B; text-decoration:none;}
.sys_fullWidth #content h2 a:hover{border-color: #007ca7; color: #fff;}
.sys_fullWidth #content .introParagraph{font-size: 1.5em!important;}

.sys_fullWidth #content .sys_CTA-ImageAndTextBlock .sys_CTA-name {padding: 16px 8px;}

body #wrapper #content .CTA-Arrow{color: #fff; font-weight:normal; font-size: 1.2em; display:block; margin-bottom:.5em; padding: 40px 40px 40px 8px; background:  #18194f url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat; background-position: right 10px top 50%; text-decoration:none; background-size: 18px; }
body #wrapper #content .CTA-Arrow:hover{background-color: transparent; border-color: #1a296b; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");}


.sys_fullWidth #content .CTA-plainArrow{padding: 40px 40px 40px 8px;font-size: 1.2em; font-weight:normal;}



#internal.sys_fullWidth #content .sys_twoColumns .sys_one { width: 676px; margin: 0; } 
#internal.sys_fullWidth #content .sys_twoColumns .sys_two { width: 220px; float: right; }


#internal #content .sys_intro { margin: 0 0 2.5em 0; position: relative; }
#internal #content .sys_intro p.imgBorderRight { margin-top: 0; }
#internal #content .sys_intro dl { font-size: 1.1em; color: #666666; padding-top: 25px; }
#internal #content .sys_intro dl dt { font-weight: bold; }
#internal #content .sys_intro p.specialInfo { border-top: 1px solid #e5e5e5; padding: 10px 0 0 14px; background: transparent url(/SiteElements/Images/Template/Internal/bg-ul.png) no-repeat scroll 0 80%; width: 200px; }

#internal #content .sys_contentBox { overflow: hidden; /*float: left; clear: both; width: 100%;*/ }

#internal #content .sys_twoColumns .sys_one hr { margin: 1px 0; }
#internal #content .sys_twoColumns .sys_contentBox ul.sys_wideList { /*clear: left; float: left;*/ border-top: 1px solid #e5e5e5; padding-top: .4em; margin: 1.2em 0 1px; }
#internal #content .sys_twoColumns ul.sys_wideList li { float: left; width: 200px; }

#internal #content .sys_intranetLogin { border: 1px solid #e5e5e5; background: #f5f5f5 url(/SiteElements/Images/Template/Internal/CurrentStudents/bg-intranetLogin.gif) repeat-x left bottom; padding: 15px 15px 5px; margin-top: 5px; }
#internal #content .sys_intranetLogin label { position: absolute; left: -9999px; }
#internal #content .sys_intranetLogin input { font-family: verdana,arial,sans-serif; font-size: 1.1em; color: #666666; padding: .2em 0; width: 100%; }
#internal #content .sys_intranetLogin input.sys_submit { padding: 0; width: auto; }
#internal #content .sys_intranetLoginRow { margin-bottom: 10px; text-align: center; }

#internal #content .sys_intranetLoginLinks { margin-left: 0; overflow: hidden; margin-bottom: 3.4em; }
#internal #content .sys_intranetLoginLinks li { float: left; }
#internal #content .sys_intranetLoginLinks li.sys_linkTwo { float: right; }

#internal #content .sys_twoColumns .sys_two p.moreInfo { padding-bottom: 5px; }

#internal #content p.sys_viewTheCalendar { border-top: 1px solid #e5e5e5; background: #f9f9f9 url(/SiteElements/Images/Template/Internal/CurrentStudents/bg-viewTheCalendar.gif) repeat-x left bottom; text-align: right; padding: 10px 5px;}
#internal #content .largeText{font-size: 1.85em; }


#content .latest-tweet{background: #18194f; padding: 20px;}
#content .latest-tweet .timeline-Tweet{background:none;}


#content #currentStudentsHomepageNews {background: ; margin-bottom: 2em;}

#content #currentStudentsHomepageNews .CTA-ArrowRoundRight{background-color: #005597; display:inline-block;}

#content #currentStudentsHomepageNews ul{padding: 0; margin: 0; display: flex; flex-wrap: wrap; float:left; height: auto;}

#content #currentStudentsHomepageNews li.newsItem{min-height: 120px;background-repeat:no-repeat; background-size: cover; background-position: 50%; list-style-type:none; width: 49%; margin: 2% 2% 2% 0; position:relative; display: flex;}
#content #currentStudentsHomepageNews li.newsItem a{text-decoration:none; display:block; left: 0; top: 0; right: 0; bottom: 0;}

#content #currentStudentsHomepageNews li.newsItem .newsThumb {background-color: rgba(255, 255, 255, 0); position:absolute; top: 0; bottom: 0; left: 0; right: 0;}

#content #currentStudentsHomepageNews li.newsItem .newsThumb img{display:none;}
#content #currentStudentsHomepageNews li.newsItem .newsDetailWrapper{position:relative; width: auto;}
#content #currentStudentsHomepageNews li.newsItem .newsDetail{min-height: 160px;background-color: rgba(255, 255, 255, .95); position:absol; top: 0; left: 0; right: 50%; bottom: 0; width: 50%; min-width: 200px; padding: 0 20px 0 0;}
#content #currentStudentsHomepageNews li.newsItem .newsDetail .articleIntro{display:none;}
#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail .date{padding: 20px 0 0 20px; margin-bottom: 20px;}


#content #currentStudentsHomepageNews li.newsItem:nth-child(3){margin-right: 0;}

#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(2) h2,
#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(3) h2{padding: 20px 20px 8px 20px;}
#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(2) .date,
#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(3) .date{padding: 0 20px 20px 20px;}


#content #currentStudentsHomepageNews li.newsItem:first-child {display:block; margin: 0; width: 100%; height: auto; min-height: 320px; overflow:hidden;}
#content #currentStudentsHomepageNews li.newsItem:first-child .newsThumb{width: 52%;display:none;}
#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail{background-color: rgba(0, 85, 151, 0.92); width: 37%; margin-bottom: 40px;padding-bottom: 10px; top: 20px; right: 20px; bottom: 20px; left: 20px; }
#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail .articleIntro{display:block; font-size: 1.2em; line-height: 1.2em;}

#content #currentStudentsHomepageNews li.newsItem .newsDetail h2,
#content #currentStudentsHomepageNews li.newsItem .newsDetail .articleIntro{width: 90%; padding: 0;}

#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail h2{color: #fff; padding: 20px; width: 80%;}
#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail .articleIntro{padding: 0 0 0 20px; width: 90%;}


#content #currentStudentsHomepageNews li.newsItem *{color: #18194f;}
#content #currentStudentsHomepageNews li.newsItem:first-child *{color: #fff;}

#wrapper #content #currentStudentsHomepageNews li.newsItem h2{margin-top: 0; padding-bottom: .8em;}
#wrapper .sys_fullWidth #content #currentStudentsHomepageNews li.newsItem:first-child h2{font-size: 2em; padding-bottom: .6em;}
#wrapper .sys_fullWidth #content #currentStudentsHomepageNews li.newsItem h2{font-size: 1.4em; margin: 0;}





#content #currentStudentsHomepageNews li.newsItem a:hover h2{text-decoration:underline;}






/* Photo comp styles */
#internal #main #content .sys_therulesbox {color: #ffffff; background-color: #d5d5cc;}
#internal #main #content .sys_therulesbox h2 {background-color: #d5d5cc; margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-left: 0.5em;}
#internal #main #content .sys_therulesbox ul{padding-top: 0pt; padding-right: 1em; padding-bottom: 1em; padding-left: 0pt;}
#internal #main #content .sys_therulesbox ul li {color: #000000; background-image: url("/siteelements/images/template/internal/bg-ul-GreenCampaign.png");}
#internal #main #content .sys_therulesbox ul li a {color: #000000;}
#internal #content h2.photostep
{
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px
margin-left: 0px;
font-family: "Century Gothic","Verdana",sans-serif;
font-style: normal;
color: #d52437;
font-variant: normal;
font-weight: bold;
font-size: 1.8 em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
padding-top: 0em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0pt;
}

#internal #content h2.photocomp
{
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px
margin-left: 0px;
font-family: "Century Gothic","Verdana",sans-serif;
font-style: normal;
color: #d52437;
font-variant: normal;
font-weight: bold;
font-size: 1.6em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
padding-top: 0em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0pt;
}

/* new homepage feature box */

#internal #content #researchhomebox ul li {margin:0;
			padding:0;
			background:none;
}
#internal #content #researchhomebox {
			width: 714px;
			margin: 0px auto;
			padding: 10px 10px 10px 0px;
			background: ##EEE;	
					}
		#internal #content span#researchhomebox {
		display:block;
			margin: 0;	
			padding: 9px 0 0 0;
			font-size: 14px;
			text-transform: uppercase;
			font-family: Century Gothic;
			font-weight:normal;
		}

		#internal #content div#feature_list {
			width: 663px;
			height: 270px;
			overflow: hidden;
			position: relative;
		}

		#internal #content div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		#internal #content ul#researchhomeboxtabs {
			left: 0;
			z-index: 2;
			width: 233px;
		}

		#internal #content ul#researchhomeboxtabs li.researchtab {
			font-size: 10px;
			font-family: Arial;
			
		}
		
		#internal #content ul#researchhomeboxtabs li.researchtab img {
			padding: 0px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		#internal #content ul#researchhomeboxtabs li.researchtab a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 0px 0px 7px 5px;
			height: 60px;
			outline: none;
			border: none;
		}

		#internal #content ul#researchhomeboxtabs li.researchtab a:hover {
			text-decoration: underline;
		}

		#internal #content ul#researchhomeboxtabs li.researchtab a.current {
			background:  url('/Research-Innovation/images-multimedia/feature-tab-current-blue.png');
			color: #FFF;
			background-repeat:no-repeat;
		}

		#internal #content ul#researchhomeboxtabs li.researchtab a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		#internal #content ul#output {
			right: 0;
			width: 455px;
			height: 260px;
			position: relative;
		}

		#internal #content ul#output li.researchhomeimg {
			position: absolute;
			width: 455px;
			height: 260px;
		}

		#internal #content ul#output li.researchhomeimg a {
			position: absolute; 
			bottom: 10px;
			right: 220px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			font-family: Century Gothic;
			color: #FFF;
			
			background: #336699;
			-moz-border-radius: 5px;
		}
		
		#internal #content ul#output li.researchhomeimg a:hover {
			background: #0093d0;
		}


/* Nottingham Advantage Award - Logos list  ulzgw 21-07-11 */
#NottinghamAdvantageAwardLogos_List .sys_subitem{position: relative; float:left; clear:both; position: relative; width: 100%;padding-bottom: 60px;}
#NottinghamAdvantageAwardLogos_List .sys_subitem-heading { background: url(/SiteElements/Images/Base/Internal/bg-blockquoteClose-CorpBlue.png) no-repeat bottom right; bottom: 0; position: absolute;height: 40px;font-size: 0.95em;padding-left: 1.5em; padding-right: 1em; font-style:italic;}
#NottinghamAdvantageAwardLogos_List .sys_thumbnail{width: 60px; height: 60px;float:right; margin: 0 0 0.5em 0.5em;}
#NottinghamAdvantageAwardLogos_List .sys_subitem-summary{background: url(/SiteElements/Images/Base/Internal/bg-blockquoteOpen-CorpBlue.png) no-repeat top left; padding-left:1.4em;position: relative; top: 0;}



@media only screen and (max-width: 967px) {
	

#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail{padding-bottom: 20px; width: 54%;}

	
	#content #currentStudentsHomepageNews li.newsItem{display:block;}
	#wrapper #content #currentStudentsHomepageNews li.newsItem h2{font-size: 1.2em;}

	#content #currentStudentsHomepageNews li.newsItem:first-child .newsThumb{}
	#wrapper #content #currentStudentsHomepageNews li.newsItem:first-child h2{font-size: 1.3em;}
	
		#content #currentStudentsHomepageNews li.newsItem:first-child{min-height:auto;}

	
}


@media screen and (max-width: 767px) {
		#content #currentStudentsHomepageNews ul{margin-bottom: .5em;}

	#content #currentStudentsHomepageNews li.newsItem,
	#content #currentStudentsHomepageNews li.newsItem:first-child{width: 100%; margin-bottom: .5em;}
		#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail,
	#content #currentStudentsHomepageNews li.newsItem:first-child .newsThumb{width: 100%;}

	#content #currentStudentsHomepageNews li.newsItem{min-height: auto; margin-right: 0; padding: 2px;}
	#content #currentStudentsHomepageNews li.newsItem .newsDetail{display:block; width: 100%; padding: 0;min-height: auto;}
	#content #currentStudentsHomepageNews li.newsItem .articleIntro{display:none;}
	#content #currentStudentsHomepageNews li.newsItem:first-child .newsDetail{position:relative; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: ;}

	
	#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(2) h2, #wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(3) h2 {padding: 12px 12px 8px 12px;}
		#wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(2) .date, #wrapper #content #currentStudentsHomepageNews li.newsItem:nth-child(3) .date {padding: 6px 12px 12px 12px;}

}





@media screen and (max-width: 479px) {
	
}



