/*** Courses stylesheet for manchester.ac.uk v2 (2013) ***/
/*** Copyright: (c) 2013 The University of Manchester, UK, all rights reserved. ***/

/*********** Table of Contents **************
:: Global / Desktop
:: Fluid, Responsive Layouts
::: Tablet 
::: Mobile 480px- 
::: Mobile 320px- 
::: Mobile 240px- 
*/

/* ============================================================================================================================
== MAIN TEXT AREA PICTURE FRAMES
** ============================================================================================================================ */
/* .picture-frame { margin: 0 auto; background: #F5F5F5; border-radius: 3px 3px 3px 3px; color: #5a6070; padding: 10px 10px 10px 10px; text-align: center; border: 1px solid #E4E4E4; }
.picture-frame p { font-size: 16px; color: #5a6070; border: 0; } */
/* ============================================================================================================================
== MAIN TEXT AREA TYPOGRAPHY
** ============================================================================================================================ */
h1.courses { margin: 10px 0 4px 0; line-height: 1.2em; color: #000; font-weight: normal; font-size: 42px; }
h2.courses { margin: 8px 0 4px 0; line-height: 1.2em; color: #000; font-weight: normal; font-size: 32px; }
p.courses-lead { margin: 15px 0 0 0; line-height: 1.3em; color: #3f3148; font-weight: normal; font-size: 18px; word-wrap: break-word; }
p.courses { font-size: 16px; line-height: 1.55em; margin: 10px 0 0 0; }
/* ============================================================================================================================
== MAIN TEXT AREA FEATURE BOX
** ============================================================================================================================ */

.feature-box { position: relative; padding: 10px; margin: 10px 0 0 0; color: #989698; background: #f6f6f6; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; border-left: 10px solid #ef4623; border-right: 1px solid #E4E4E4; }
.feature-box p { font-size: 16px; color: #595659; font-style: normal; }
.feature-box h1 { font-size: 30px; line-height: 1.05em; margin: 0; }
/* ============================================================================================================================
== RIGHT COLUMN AREA BOXES
** ============================================================================================================================ */
.orange-box { position: relative; padding: 10px; margin: 0 0 10px 0; color: #fff; background: #ef4623; text-align: center; }
.orange-box p { font-size: 16px; color: #fff; line-height: 1.45em; font-style: normal; border: 0px; margin: 10px 0 0px 0; }
.orange-box h1 { font-size: 30px; line-height: 1.05em; margin: 0; }
/* ============================================================================================================================
== RIGHT COLUMN AREA TESTIMONIALS
** ============================================================================================================================ */
.testimonials-header { position: relative; padding: 10px; margin: 0; color: #000; background: #e7e7e7; text-align: center; }
.testimonials-header h1 { font-size: 22px; line-height: 1.05em; margin: 0; }
.testimonials { position: relative; padding: 10px; margin: 0 0 10px 0; background: #fff; border: 1px solid #e7e7e7; text-align: center; }
.testimonials h2 { font-size: 16px; border: 0; margin: 0; }
.testimonials p { font-size: 14px; color: #595659; line-height: 1.35em; font-style: normal; margin: 0px 0 6px 0; }
p.testimonials-quote { font-size: 14px; color: #8b8b8b; line-height: 1.35em; font-style: italic; margin: 10px 0 6px 0; }
/* ============================================================================================================================
== BLOCK QUOTES
** ============================================================================================================================ */
.blockquote-features { background: #f6f6f6; border-left: 15px solid #ef4623; color: #a5a4a4; font-style: italic; margin: 10px; padding: 15px; }
.blockquote-testimonials { background: url("/medialand/shared/images/courses/quotation-mark1.png") no-repeat; color: #616161; font-style: italic; margin: 5px; padding: 5px; border-left: none; top: 0; }
/* ============================================================================================================================
== RIGHT COLUMN AREA PICTURE FRAMES
** ============================================================================================================================ */
.testimonials-photo-frame { margin: 0 0 10px 0; background: #fff; color: #5a6070; padding: 7px; border: 1px solid #d7d7d7; }
/* ============================================================================================================================
== Course Factfile
** ============================================================================================================================ */
/* #factfile_tabbed_box {margin: 0px;}
.factfile_tabbed_box h4 { font-family: georgia; font-size: 23px; color: #ffffff; letter-spacing: -1px; margin-bottom: 10px; }
.factfile_tabbed_box h4 small { color: #e3e9ec; font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; top: -4px; left: 6px; letter-spacing: 0px; }
.factfile_tabbed_area { border: 1px solid #494e52; background-color: #636d76; padding: 10px; }
ul.factfile_tabs { margin: 0px; padding: 0px; }
ul.factfile_tabs li { list-style: none; display: inline; }
ul.factfile_tabs li a { background-color: #464c54; color: #ffebb5; padding: 8px 14px 8px 14px; text-decoration: none; font-size: 12px; font-family: georgia; font-weight: normal; border: 1px solid #464c54; }
ul.factfile_tabs li a:hover { background-color: #2f343a; border-color: #2f343a; }
ul.factfile_tabs li a.active { background-color: #ffffff; color: #282e32; border: 1px solid #464c54; border-bottom: 1px solid #ffffff; }
.factfile_content { background-color: #ffffff; padding: 10px; border: 1px solid #464c54; }
#factfile_content_2, #factfile_content_3 { display: none; }
ul.factfile_tabs { padding: 0px; margin: 5px 0 6px 0; }
.factfile_content ul { margin: 0px; padding: 0px 20px 0px 0px; }
.factfile_content ul li { list-style: none; border-bottom: 1px solid #d6dde0; padding-top: 15px; padding-bottom: 15px; font-size: 13px; }
.factfile_content ul li a { text-decoration: none; color: #3e4346; }
.factfile_content ul li a small { color: #8b959c; font-size: 9px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; left: 4px; top: 0px; }
.factfile_content ul li:last-child { border-bottom: none; }
 */
/* 
============================================================================================================================
== Course Factfile: (renamed from "Profile" I think)
* Study > Undergraduates > Undergraduate courses > Geology [BSc] > Fact File
** ============================================================================================================================ */
#courseprofile { margin: 0px; }
#courseprofile { padding: 10px; /* border: 1px solid #666262; */ background-color: #7EA4BE; }
#courseprofile a[name]:hover { color: #ef4623; background: none !important; border-bottom: none; }
/*******  Top Links  *******/
#courseprofile .taborall a { color: #fff !important; }
/*******  Top Tabs  *******/
#courseprofile .tab { margin: 0 0 7px 0px; padding: 0; }
/* #courseprofile .tab ul { padding-left: 3px; padding-bottom: 4px; } */
#courseprofile .tab ul li { list-style: none; display: inline; }
#courseprofile .tab ul li a { padding: 8px 1%; font-size: 1em; line-height: 1em; font-weight: normal; text-decoration: none; color: #ffffff; background-color: #3E6279; /* border: 1px solid #464c54;  */ }
#courseprofile .tab ul li a:hover { /* background-color: #ef4623; */ /* border-color: #ef4623; */ }
#courseprofile .tab ul li a.active { color: #282e32; background-color: #ffffff; border: 1px solid #666262; border-bottom: 1px solid #ffffff; }
#courseprofile .tab ul li span a:hover { background: #ffffff; border: none; }
#courseprofile .tab ul li span a { color: #282e32; background: #fff; border-bottom: 2px solid #fff; } /***  Pseudo active tab targetting (no actual .active class applied to current page but an empty span appears)  ***/
@media only screen and (min-width: 1401px) {
#courseprofile .tab ul li a { padding: 8px 2%; font-size: 1.2em; }
}
@media only screen and (max-width: 1000px) {
#courseprofile .tab ul li a { padding: 8px 6px; font-size: 0.8em; }
}
@media only screen and (max-width: 767px) {
#courseprofile .tab ul { clear: both; }
#courseprofile .tab ul li a { position: relative; display: block; float: left; width: 49%; margin: 0 0 2px 0; line-height: 30px; border-bottom: none; }
#courseprofile .tab ul li a:nth-child(odd) { margin-right: 1%; }
#courseprofile .tab ul li span a { position: relative; display: block; border-bottom: none; }
#courseprofile .courseprofilecontent { clear: both; }
}
/*******  Factfile - highlighted block  *******/
#courseprofile .factfile { padding: 20px; background: #eee; }
#courseprofile .factfile p { margin-bottom: 4px; }
/*******  General Content  *******/
#courseprofile .courseprofilecontent { margin: 0 0 10px 0; padding: 20px 20px 40px 20px; background-color: #fff; /* border: 1px solid #666262;  */ }
#courseprofile .courseprofilecontent .paragraph li { padding-right: 20px; }
#courseprofile .courseprofilecontent .paragraph p { margin-bottom: 4px; border-bottom: none; }
#courseprofile .courseprofilecontent .paragraph { line-height: 1.4em; border-bottom: none; }
#courseprofile .courseprofilecontent h2 { margin-bottom: 4px; }
#courseprofile .courseprofilecontent p { list-style: none; /* border-bottom: 1px solid #d6dde0; */ padding-top: 0px; padding-bottom: 10px; /* font-size: 13px; */ }
#courseprofile .courseprofilecontent p:last-child { border-bottom: none; }
#courseprofile .courseprofilecontent a[name] { color: #505050; }
/*******  Footer Links  *******/
#courseprofile .pagetop a { color: #fff !important; }
/*******  IE mods  *******/
.lt-ie8 #courseprofile .taborall { margin-bottom: 20px; }
 







#course-profile{
margin: 1em;
color: #222;
}




#course-profile a{
text-decoration: underline;
color: #6b2c91;
}

#course-profile h1{
font-weight: 300;
font-size: 3.230769em;
line-height: 1.1;
margin: 0;
padding: 0 0 0.5em;
color: #6b2c91;
}
#course-profile h1 span{
color: #292929;
}


#course-profile h2{
font-weight: 300;
font-size: 2.615385em;
line-height: 1.2;
margin: 0;
padding: .5em 0 .3em 0;
color: #111;
}

#course-profile p{
line-height: 1.5;
padding: 0 0 1em;
color: #343536;
font-weight: 400;
}



#course-profile dd{
display: block;
}


#course-profile dt{
display: block;
font-weight: bold;
clear: left;
float: left;
padding-right: 1em;
width: 24%;
}



#course-profile .contact-details-container dd{
width: 30em;
}


#course-profile .contact-details-container dt{
width: 15em;
}

#course-profile .course-profile-content{
margin: 0 1em;
}

#course-profile .course-profile-content .fact-file {
background: #eee;
padding: 1em;
}

#course-profile .course-profile-content .fact-file dd {
display: inline-block;
width: 69%;
margin: 0;
padding: 0;
}
#course-profile .course-profile-content .fact-file dt {
display: inline-block;
font-weight: bold;
width: 30%;
clear: left;
}

#course-profile .course-profile-content .fact-file *{
margin: 0 !important;
padding: 0 !important;
}


#course-profile .entry-year{
float: left;
margin: 0 0 10px 0;
padding: 0 0;
font-size: 1.769231em;
line-height: 2;
clear: both;
}


#course-profile .tab-or-all2{
text-align: right;
}

#course-profile .tab-or-all2 li{
display: inline-block;
}

#course-profile .tab-or-all2 li a{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #f8f8f8;
color: #6b2c91;
padding: 12px;
text-decoration: none;
}

#course-profile .tab-or-all2 li span{
display: inline-block;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 12px;
background-color: #784594;
color: #fff;
}



#course-profile .text{
padding: 0;
}

#course-profile .text ul li{
margin: 0;
padding-left: 24px;
list-style: none;
background: url('../images/design/icon-purple-square.gif') 0 10px no-repeat;
}



#course-profile .tabs-container{
clear: both;
}

#course-profile .tabs-container a,
#course-profile .tabs-container a:hover{
text-decoration: none !important;
}

#course-profile .tabs-container li {
display: inline-block;
background-color: #f8f8f8;
color: #6b2c91;
text-decoration: none;
margin: 0;
padding: 0;
height: auto;
border: none;
border-bottom: 8px #f1f1f1 solid;
font-size: 1em;
font-weight: 400;
font-size: 1.3em;
margin-right: .5em;
}

#course-profile .tabs-container li > *{
display: block;
padding: .9em;
}


#course-profile .tabs-container li:hover {
border-color: #ccc;
}

#course-profile .tabs-container li.current {
background: #6b2c91;
border-bottom: .3em solid #542471;
background-color: #784594;
color: #fff;
border-color: #5a2678;
background-image: none;
}

#course-profile .tabs-container li.current a{
color: #fff;
}

#course-profile .tabs-container.bottom li{
margin-top: 1em;
}




#compare-this-course{
margin: 1em 0;
}





#sidebar #promo-mobile .inner{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}


#sidebarle #promo-mobile .inner .apply-ucas dt {
float: left;
clear: both;
width: 80%;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 1.5;
text-align: left;
color: #6b2c91;
}


#sidebar .promo-mobile .apply-ucas{
margin-top: 1em;
position: relative;
padding: 1.5em;
background-color: #f9f8f8;
color: #6b2c91;
}

#sidebar .promo-mobile .apply-ucas dt {
font-weight: bold;
float: left;
width: 50%;
clear: left;
}

#sidebar .promo-mobile .apply-ucas .apply-button{
display: block;
margin: 0 auto;
width: auto;
padding: 5px 15px;
font-size: 1.692308em;
border-radius: 4px;
background-color: #6b2c91;
border: 1px solid #6b2c91;
color: #fff;
text-decoration: none;
}

#sidebar .promo-mobile .icon-text{
margin-top: 1em;
position: relative;
padding: 1.5em;
background-color: #f9f8f8;
color: #6b2c91;
}

#sidebar .promo-mobile .icon-text a p{
font-size: 2em;
padding-bottom: 0;
min-height: 73px;
}

#sidebar .promo-mobile .icon-text a span{
display: block;
width: 75px;
height: 73px;
overflow: hidden;
background: 0 100% no-repeat;
transition: all .5s ease-in-out;
}
#sidebar .promo-mobile .icon-text a:hover span{
background-position: 0 0;
}
#sidebar .promo-mobile .icon-text a span.brochure{
background-image: url(//assets.manchester.ac.uk/corporate/images/design/icon-heritage-large.png);
}
#sidebar .promo-mobile .icon-text a span.open-day{
background-image: url(//assets.manchester.ac.uk/corporate/images/design/icon-events-large.png);
}









@media only screen and (max-width: 768px) {

	#course-profile .tabs-container li {
	display: block;
	margin-bottom: .5em;
	}

	#MainBodyContent{
	padding: 2em;
	}


}







/* ============================================================================================================================
==  Staff Profiles:  
* People > Staff Directory > Profile
** ============================================================================================================================ */
#researchstaffprofile { margin: 0px; padding: 10px; background-color: #7ea4be;  /* border: 1px solid #666262; */ }
#researchstaffprofile>h1 { color: #fff; }
#researchstaffprofile>div:nth-of-type(2) { height: 0px; background: #890; }
#researchstaffprofile a[name]:hover { color: #ef4623; background: none !important; }
/*******  Top Links  *******/
#researchstaffprofile .taborall a { color: #fff !important; }
/*******  Top Tabs  *******/
#researchstaffprofile .tab { margin: 0 0 7px 0; padding: 0; }
#researchstaffprofile .tab ul { margin-bottom: 0; }
#researchstaffprofile .tab ul li { list-style: none; display: inline; }
#researchstaffprofile .tab ul li a { padding: 8px 2%; font-size: 1.1em; line-height: 1em; font-weight: normal; text-decoration: none; color: #ffffff; background-color: #3e6279; /* border: 1px solid #464c54;  */ }
#researchstaffprofile .tab ul li a:hover { background-color: #4f738a; border-bottom: none; /* border-color: #ef4623; */ }
#researchstaffprofile .tab ul li a.active { color: #282e32; background-color: #fff; border: 1px solid #666262; border-bottom: 1px solid #ffffff; }
/* #researchstaffprofile .tab ul li a.active:hover { background-color: #fff; } */
#researchstaffprofile .tab ul li h2 { display: inline; font-size: 1em; }
/***  Pseudo active tab targetting (no actual .active class applied to current page but an empty span appears)  ***/
#researchstaffprofile .tab ul li h2 a { color: #282e32; background: #fff; border-bottom: 2px solid #fff; }
#researchstaffprofile .tab ul li h2 a:hover { color: #282e32; background: #fff; border-bottom: 2px solid #fff; cursor: default; }
/***  Pseudo active tab targetting (no actual .active class applied to current page but an empty span appears)  ***/
.tab ul li h2 a @media only screen and (min-width: 1401px) {
#researchstaffprofile .tab ul li a {
padding: 8px 2%;
font-size: 1.2em;
}
}
@media only screen and (max-width: 1000px) {
#researchstaffprofile .tab ul li a { padding: 8px 6px; font-size: 0.8em; }
}
@media only screen and (max-width: 767px) {
#researchstaffprofile .tab ul { clear: both; }
#researchstaffprofile .tab ul li a { position: relative; display: block; float: left; width: 49%; font-size: 1em; line-height: 30px; border-bottom: none; }
#researchstaffprofile .tab ul li a:nth-child(odd) { margin-right: 1%; }
#researchstaffprofile .tab ul li span a { position: relative; display: block; border-bottom: none; }
#researchstaffprofile .researchstaffprofile-section { clear: both; }
}
/*******  Factfile - highlighted block  *******/
#researchstaffprofile .factfile { padding: 20px; background: #eee; }
#researchstaffprofile .factfile p { margin-bottom: 4px; }
/*******  General Content  *******/
#researchstaffprofile .researchstaffprofile-section { margin: 0 0 10px 0; padding: 20px 20px 40px 20px; background-color: #fff; /* border: 1px solid #666262;  */ }
#researchstaffprofile .researchstaffprofile-section .body li { padding-right: 20px; }
#researchstaffprofile .researchstaffprofile-section .body p { margin-bottom: 4px; border-bottom: none; }
#researchstaffprofile .researchstaffprofile-section .body { line-height: 1.4em; border-bottom: none; }
#researchstaffprofile .researchstaffprofile-section h2 { margin-bottom: 4px; }
#researchstaffprofile .researchstaffprofile-section p { list-style: none; border-bottom: 1px solid #d6dde0; padding-top: 0px; padding-bottom: 10px; /* font-size: 13px; */ }
#researchstaffprofile .researchstaffprofile-section p:last-child { border-bottom: none; }
#researchstaffprofile .researchstaffprofile-section .factfile a[name="*"] { background: #890 !important; }
/*******  Footer Links  *******/
#researchstaffprofile .pagetop a { color: #fff !important; }
/*******  IE mods  *******/
.lt-ie8 #researchstaffprofile .taborall { margin-bottom: 20px; }

/* 
#courseprofile ul.factfile_tabs { padding: 0px; margin: 5px 0 6px 0; }
#courseprofile .factfile_tabbed_box h4 { font-family: georgia; font-size: 23px; color: #ffffff; letter-spacing: -1px; margin-bottom: 10px; }
#courseprofile .factfile_tabbed_box h4 small { color: #e3e9ec; font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; top: -4px; left: 6px; letter-spacing: 0px; } 
#courseprofile .focus li { font-size: 16px; color: #000000; }
#courseprofile .focus table, th, td { font-size: 21px; color: #000000;
#factfile_content_2, #factfile_content_3 { display: none; } }
#courseprofile .courseprofilecontent p a { text-decoration: none; color: #3e4346; }
#courseprofile .courseprofilecontent p a small { color: #8b959c; font-size: 9px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; left: 4px; top: 0px; } 
*/
/*******/


/******************************************
 * Tablet Portrait Layout: 768px
************************************************/
@media only screen and (max-width: 768px) {
}

/******************************************
 * Mobile Layout: 480px-
************************************************/
@media only screen and (max-width: 480px) {
.news-list h1 { padding: 6px 0 0 50px; font-size: 24px; line-height: 1.1em; background-size: 40px; min-height: 40px; }
.news-list h2 { font-size: 18px; line-height: 1.1em; }
.news-list a { padding: 10px; }
.news-list .post-details { display: none; }
}

/******************************************
 * Mobile Layout: 320px-
************************************************/
@media only screen and (max-width: 320px) {
.news-list h1 { padding-left: 36px; font-size: 18px; line-height: 1em; background-size: 30px; min-height: 30px; }
.news-list h2 { font-size: 16px; line-height: 1.0em; }
.news-list a { padding: 8px; }
.news-list .post-details { display: none; }
}

/******************************************
 * Mobile Layout: 240px-
************************************************/
@media only screen and (max-width: 240px) {
.news-list h1 { font-size: 17px; }
.news-list h2 { font-size: 13px; line-height: 1.0em; }
.news-list time { margin: 20px 0; font-size: 14px; font-style: italic; color: #3f3148; }
.news-list .post-details { display: none; }
}