body {
    font-size: 62.5%;
    background-color: #e5e9eb;
    zoom: 1;
}

#s4-workspace {
}

#s4-bodyContainer {
    background: url('/SiteAssets/MasterPage/largebg.png') repeat-y 50% 0px #f6f7f8;
}

h1 {
    font-size: 4em;
    line-height: 40px;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.3em;
}

/* Header styling */
.header {
    height: 140px;
    padding: 0 40px;
    border-bottom: 8px solid #e5e9eb;
    background-color: #fff;
}

#mobileMenuButton, #mobileSearchButton {
    display: none;
}

.siteLogo {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 3;
}

.siteLogo a {
    display: block;
}

.searchNavContainer {
    float: right;
}

.searchBar {
    padding: 2px;
    margin: 20px 0;
    position: absolute;
    top: 35px;
    right: 0;
}

.searchBar .searchBox {
    padding: 5px 10px;
    width: 170px;
    float: left;
}

.searchBar .searchButton {
    height: 26px;
    width: 30px;
    background-image: url('/SiteAssets/MasterPage/magnify.png');
    background-position: 4px 3px;
    background-repeat: no-repeat;
}

.activityNavigation {
    position: absolute;
    top: 105px;
    right: 0;
    width: 100%;
    z-index: 2;
}

#breadcrumbContainer {
    padding-bottom: 20px;
    font-size: 1.2em;
}
/* End header styling */

/* Mega menu styling */
.mainNavigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
/* Top level nav, "main menu" */
.mainNavigation > ul {
}

.mainNavigation > ul > li {
    float: left;
    margin: 0 10px 0 0;
}

.mainNavigation > ul > li > a {
    color: #556976;
    font-weight: normal;
    padding: 10px;
    background-color: #f6f7f8;
    display: block;
    font-size: 1.3em;
}

.mainNavigation > ul > li > a.current {
    background-color: #e5e9eb;
}

.activityNavigation > ul {
    float: right;
}

.activityNavigation > ul > li {
    float: left;
    margin: 0px 0px 0px 20px;
    text-transform: uppercase;
}

.activityNavigation > ul > li > a {
    font-size: 1.5em;
    position: relative;
}

.activityNavigation > ul > li > a:hover {
    color: #c7233e;
}
    
.activityNavigation > ul > li > a, .activityNavigation > ul > li a:visited {
}

.subNav a:hover {
    color: #c7233e;
}

.activityNavigation > ul > li a.open {
    /*color:white;*/
    border-bottom: 8px solid #c7233e;
    padding-bottom: 15px;
}

a.hasChildren {
}
    
.mainNavigation > ul > li > a.menuToggleButton {
    display: none;
}
/* Mega menu container*/
.subNavContainer {
    background-color: #f6f7f8;
    position: absolute;
    top: 43px;
    left: -40px;
    padding: 0 40px;
    width: 100%;
    display: none; /*is shown in JS, disabled by default*/
    z-index: 10;
    border-bottom: 5px solid #e5e9eb;
    min-height: 1px;
    overflow: hidden;
}

.subNavContainer.open {
    display: block;
}

.subNavContainer.subNav {
    margin: 0;
}

.subNav {
    /*margin-left: 10px;*/
}
    
.subNav > ul > li {
    padding: 5px 0;
    float: left;
}

.subNav .oneColumn {
    width: 215px;
    margin-right: 10px;
    padding: 0 9px 0px 0px;
}

.subNav .oneColumn.last {
    margin-right: 5px;
}

.subNav .twoColumn {
    width: 450px;
    padding: 0 9px 0 0;
    margin-right: 10px;
}

.subNav .twoColumn.last {
    margin-right: 0;
}

.subNav.level1 > ul > li {
    padding-bottom: 20px;
}

.subNav.level1 > ul > li.MenuFirst {
    clear: left;
}


.subNav > ul > li.hasSeparator {
    border-right: 1px solid #666;
}

.subNav > ul > li.hasSeparator.MenuLast {
    border-right: none;
}

.subNav.level2 li.oneColumn {
    padding: 0px;
}

.subNav.level2 li.oneColumn a {
    padding-left: 5px;
}

.subNav.level3 {
    display: none;
}

.subNavContainer > ul { /* use > to fix bug in rendering: getting too many ul/divs */
    width: 100%;
    margin: 20px 0;
    float: left;
    text-transform: none;
}
    
.subNavContainer > ul > li {
    float: left;
    padding-left: 10px;
    margin: 0;
}

.subNavContainer > ul > li > a { /* Column title */
    font-weight: normal;
    color: #ddd;
}

.subNavContainer > ul > li > a > span {
    color: #556976;
    font-size: 16px;
    font-weight: bold;
}

.subNavContainer > ul > li > ul span {
    color: #191993;
}

.subNavContainer > ul > li > ul {
    margin-left: 5px;
    width: 100%;
}

.subNavContainer > ul > li > ul > li {
    padding-top: 10px;
    width: 260px;
    float: left;
}

.subNav > ul > li > a {
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 5px;
    display: block;
}

.subNav > ul > li {
    float: left;
}

/* End mega menu styling */

/* Main styling */
.main {
    overflow: hidden; /*force height recalc from browser to account for floating items*/
    padding: 20px 0px;
}


/* End Main styling*/

/* Carousel styling */
.carouselContainer {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.carousel {
    position: relative;
    height: 350px;
    width: 100%;
}

.carousel.nojs {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 320px; /* to account for the above scroll bar being in the way */
}

.carousel.js .item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.carousel .item {
    height: 100%; /*Fill container*/
    width: 100%; /*Fill container*/
}

.carousel .item.current {
    z-index: 2;
}

.carousel .item.next {
    z-index: 1;
}

.carousel .item .carouselContent {
    background-color: #556976;
    color: #fff;
    width: 225px;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 180px;
    padding: 10px 25px 10px 25px;
    font-weight: normal;
    display: table; /*Used to center the content below*/
}



.carouselContentContainer {
    display: table-cell;
    vertical-align: middle;
}

.carouselContent .title {
    padding-bottom: 10px;
    text-transform: uppercase;
}

.carouselContent .title span {
    font-size: 2.5em;
    font-weight: normal;
}

.carouselContent .content {
    font-size: 1.5em;
    line-height: 21px;
}

.carouselNav {
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 3;
}

.carouselNav a {
    height: 13px;
    width: 13px;
    float: left;
    background-color: #e5e9eb;
    display: block;
    margin-right: 6px;
    border-radius: 50%;
    border: 2px solid #e5e9eb;
    opacity: 0.5;
}

.carouselNav a.currentNav {
    background-color: #fff;
    border: 2px solid #fff;
    opacity: 1;
}

/* End Carousel styling*/


/* OnlineServices styling */
.onlineServicesContainer {
    width: 220px;
    margin-right: 0;
}
    
.onlineServices {
}
    
.onlineServices .osContainer {
}

.onlineServices .osItemContainer {
    margin-bottom: 10px;
    float: left;
    background-color: #e5e9eb;
}

.onlineServices .osItem {
    padding-bottom: 10px;
}

.onlineServices .osContentImage img {
    width: 100%;
}

.onlineServices .osContent {
    padding: 0;
    font-size: 1.3em;
}

.onlineServices .osHeader {
    padding: 0 10px;
}

.onlineServices .osHeader h2 {
    padding-top: 10px;
    font-weight: bold;
    color: inherit; /*Take the blue from surrounding <a>*/
}

.onlineServices .osHeader h2:hover {
    color: #c7233e;
}

.onlineServices .osContent p {
    padding: 0 10px;
}

.onlineServices .osContent img {
    width: 100%;
    height: 100px;
}

/* End OnlineServices styling*/

/* Twitter feed styling */
.twitterFeed {
    padding-top: 10px;
}
    
.twitterFeedContainer {
}
/* End Twitter Feed styling*/

/* Accordion Styling */
.faqwebpart.accordion {
}

.faqwebpart.accordion h3 {
    padding-left: 24px;
    float: left;
    overflow: hidden;
    clear: left;
    margin: 10px 0px 5px;
    cursor: pointer;
}

.faqwebpart.accordion h3.ui-state-default {
    background: url('/SiteAssets/Webpart/plus.png') 3px 2px no-repeat transparent;
}

.faqwebpart.accordion h3.ui-state-active {
    background: url('/SiteAssets/Webpart/minus.png') 3px 2px no-repeat transparent;
}

.faqwebpart.accordion h3.ui-state-default:focus {
    outline: none;
}

.faqwebpart.accordion div {
    padding: 2px 15px 10px;
    float: left;
    overflow: hidden;
    clear: left;
}

.faqwebpart.accordion div p {
    line-height: 18px;
    
}
/* End of Accordion Styling */

/* Home Page styling */
#HomePage .webPart {
    float: left;
}

.webpart {
    width: 140px;
    margin-bottom: 20px;
}

.webpart.last {
    margin-right: 0;
}

 h2.tagline {
    color: #556976;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 1.8em;
}

.homePageContent {
    width: 700px;
    margin-right: 20px;
}

#HomePage .latestNewsContainer {
    width: 460px;
    margin-right: 20px;
}

.featuredArticleContainer {
    width: 220px;
    margin-right: 20px;
}

#HomePage .latestNewsContainer,
.featuredArticleContainer {
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    width: 220px;
    margin-right: 20px;
}

.featuredArticleContainer {
    margin-right: 0;
}

.featArticleImage {
    width: 100%;
}

/* Latest News Control */
.latestNewsContainer h2.tagline a {
    font-weight: normal;
    color: #556976;
}

#HomePage .latestNewsControl, 
#HomePage .latestNewsContainer {
    width: 460px;
    margin-right: 20px;
}

#HomePage .latestNewsControl .left,
#HomePage .latestNewsControl .right {
    width: 220px;
    margin-right: 20px;
}

#HomePage .latestNewsControl .right {
    margin-right: 0;
}

.latestNewsControl,
.latestNewsControl .left,
.latestNewsControl .right {
    float: left;
    overflow: hidden;
}

.latestNewsControl.horizontal {
    float: left;
}

.latestNewsControl.horizontal .contentContainer {
    padding: 10px;
}

.latestNewsControl.horizontal .left a.newsTitle {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.3em;
}

.latestNewsControl.horizontal .right a.newsTitle {
    font-size: 1.6em;
}

.latestNewsControl.horizontal .contentContainer {
    overflow: hidden;
    padding: 5px 8px;
    background-color: #fff;
}

.latestNewsControl.horizontal .headOnlyNewsItem {
    padding-bottom: 10px;
}

.latestNewsControl.vertical .left {
    padding: 10px 0px;
    border-bottom: 1px solid #556976;
    float: left;
}

.latestNewsControl.vertical .left img {
    margin-bottom: 10px;
}

.latestNewsControl.vertical .left a.newsTitle {
    font-size: 1.8em;
    font-weight: 500;
}
    
.latestNewsControl.vertical .right a.newsTitle {
    font-size: 1.3em;
}

.latestNewsControl.vertical .headOnlyNewsItem {
    padding-top: 10px;
    float: left;
}

/* End Latest News Control */

/* Featured Article Control */
.featArticleContainer .featArticleTitle {
    padding: 5px 8px;
    overflow: hidden;
    background-color: #e5e9eb;
}

.featArticleContainer .featArticleTitle a.newsTitle {
    font-size: 1.9em;
    font-weight: 500;
    line-height: 1.3em;
}

/* Web Part */
.downloads h2,
.links h2 {
    color: #556976;
    padding-bottom: 5px;
}

.downloads div.linksContainer,
.links div.linksContainer {
    background-color: #edeff1;
}

.downloads div.descriptionContainer,
.downloads div.hyperLinkContainer,
.links div.descriptionContainer,
.links div.hyperLinkContainer {
    font-size: 1.3em;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.downloads div.descriptionContainer span,
.links div.descriptionContainer span {
    display: block;
    padding: 5px 10px;
}

.downloads div.hyperLinkContainer a,
.links div.hyperLinkContainer a {
    display: block;
    padding: 5px 5px 5px 40px;
}

.downloads div.hyperLinkContainer a {
    background: transparent url('/SiteAssets/Webpart/downCircleG.png') 7px center no-repeat;
}

.links div.hyperLinkContainer a {
    background: transparent url('/SiteAssets/Webpart/linkicon.png') 7px center no-repeat;
}

.downloads div.hyperLinkContainer a:hover,
.links div.hyperLinkContainer a:hover {
    background-color: #0099dd;
    color: #fff;
}

.downloads div.hyperLinkContainer a:hover {
    background: #0099dd url('/SiteAssets/Webpart/downCircle.png') 7px center no-repeat;
}

.links div.hyperLinkContainer a:hover {
    background: #0099dd url('/SiteAssets/Webpart/linkiconW.png') 7px center no-repeat;
}

.ShareSection h2 {
    color: #556976;
    padding-bottom: 5px;
}

.ShareSection .iconContainer {
    width: 100%;
    overflow: hidden;
}

.ShareSection .iconContainer .shareIcon {
    width: 24px;
    margin: 10px;
    /*display: inline-block;*/
    float:left;
}

.ShareSection .iconContainer .shareIcon.first {
    margin-left: 0;
}

.ShareSection .iconContainer .shareIcon a {
    display: block;
    width: 24px;
    height: 24px;
    /*margin-right: 10px;*/
}

.facebookSharer {
    background: url('/SiteAssets/Controls/fboff.png') no-repeat;
}

.facebookSharer:hover {
    background: url('/SiteAssets/Controls/fbblueon.png') no-repeat;
}

.twitterSharer {
    background: url('/SiteAssets/Controls/twitteroff.png') no-repeat;
}

.twitterSharer:hover {
    background: url('/SiteAssets/Controls/twitterblueon.png') no-repeat;
}

.linkedInSharer {
    background: url('/SiteAssets/Controls/lioff.png') no-repeat;
}

.linkedInSharer:hover {
    background: url('/SiteAssets/Controls/liblueon.png') no-repeat;
}

.facebookSharer span, .twitterSharer span, .linkedInSharer span {
    display: none;
}


/* News Styling */
span.newsDate {
    padding: 5px 0;
    font-size: 1.1em;
}
/* End News Styling*/

/* Side Navigation styling */
.subNavigation {
    clear: both;
    float: left;
    width: 140px;
    margin-right: 20px;
    min-height: 1px;
}

.subNavigation.hideNav .subMenu {
    display: none;
}

.menuLinkText {
    display: block;
}

.subMenu {
    padding-bottom: 15px;
}

.subNavigation li a {
    padding: 10px;
    background-color: #edeff1;
    margin: 5px 0;
    display: block;
    font-size: 1.4em;
}
/*.subNavigation .latestNewsContainer a{
    padding:0;
    background-color:#fff;
    margin:0;
}*/
.subNavigation li a:hover {
    background-color: #0099dd;
    color: #fff;
}
/*.subNavigation .latestNewsContainer a:hover {
    background-color:#fff;
    color:#000;
}*/

.subNavigation .latestNewsContainer a img {
    width: 100%;
}

.subNavigation .latestNewsContainer span.newsDate {
    font-size: inherit;
}

.subNavigation.latestNewsSubNav h2 {
    font-size: 1.7em;
}

#s4-bodyContainer .subMenu li.current > a {
    font-weight: bold;
}

#s4-bodyContainer .subMenu li.current.parent > a {
    font-weight: normal;
}

#s4-bodyContainer .subMenu li.current.parent > a {
    font-weight: normal;
}

#s4-bodyContainer .subMenu li, #s4-bodyContainer .subMenu a, #s4-bodyContainer .subMenu ul {
    font-weight: normal;
    text-decoration: none;
}

.subMenu ul.level1 > li {
}
    
.subNavigation ul ul {
}
    
.subNavigation ul.level1 > li > a {
    padding-left: 20px;
}

.subNavigation ul.level2 > li > a {
    padding-left: 30px;
}

.subNavigation ul.level3 > li > a {
    padding-left: 40px;
}

.subNavigation ul.level4 > li > a {
    padding-left: 50px;
}
/* End Side Navigation styling*/

/* Page styling */

.NewsImage img {
    width: 100%;
}

/* End Page Styling */

/* Content Styling */
.constrainWidth {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

.leftColumn {
    float: left;
}

.rightColumn {
    float: right;
}

.mainContent {
    float: left;
    margin-bottom: 20px;
}

.mainContent h1 {
    padding: 0px 0px 15px;
}

.mainContent h2 {
    padding: 5px 0px 2px;
}

.mainContent h3 {
    padding: 3px 0px 2px;
}
    
    
.mainContent ul {
    list-style: square;
    margin-left: 15px;
    padding: 0px 0px 15px;
}

.mainContent li {
    padding: 5px 0px;
    margin-left: 30px;
    line-height: 1.5em;
    font-size: 1.3em; /* Set size here so containing p,span,a will be the right size*/
}

.mainContent li p {
    line-height: 1.5em;
    padding-bottom: 0px;
}

.mainContent table {
    font-size: 1.3em;
}

.mainContent table * {
    font-size: 1em;
}

.mainContent p {
    font-size: 1.3em;
    padding-bottom: 15px;
}

.mainContent li * {
    font-size: 1em;
}

.mainContent div.intro {
    padding: 10px 0px;
    font-size: 1.9em;
    line-height: 24px;
    font-weight: 600;
}

.mainContent div.intro p.introParagraph {
    font-size: 1em;
    padding: 0;
}

.mainContent span.ms-rteElement-BoxedContent {
    padding: 20px;
    margin: 8px 0px;
    font-size: 1.3em;
}

.mainContent span.ms-rteElement-IntroContent {
    font-size: 1.9em;
    line-height: 24px;
    font-weight: 600;
    padding: 10px 0px;
}

.mainContent span.ms-rteElement-BlockQuote {
    padding: 15px 70px;
    font-size: 1.7em;
    line-height: 26px;
    font-weight: 500;
    font-style: italic;
}

.mainContent span.ms-rteElement-BlockQuote::before {
    content: "\"";
    font-size: 2em;
    color: #c7233e;
    margin-left: -16px;
    margin-right: 3px;
    line-height: 0.8em;
    font-weight: bold;
}

.mainContent span.ms-rteElement-BlockQuote::after {
    content: "\"";
    font-size: 2em;
    color: #c7233e;
    line-height: 0.8em;
    margin-left: 3px;
    font-weight: bold;
}
/* End content styling */

/* Article content styling */
#ArticleContent .articleContentCentre {
    float: left;
}

#ArticleDownloads {
    float: left;
}

#webPartZoneRight {
    float: right;
    width: 60px;
}

.ArticleImage img {
    width: 100%;
    /*height:100px;*/
}

#ArticlePage {
}

#ArticlePage .ArticleImage img {
    width: 100%;
}

#ArticlePage .ArticleImage {
    padding-bottom: 10px;
}

/* End Article content styling */

/*EventDetails styling*/
#EventDetails .eventDate, #EventDetails .eventLocation, #EventDetails .eventManagedBy {
    width: 100%;
    font-size: 1.3em;
    line-height: 22px;
    float: left;
}

#EventDetails .eventManagedBy {
    padding-bottom: 15px;
}
/*End EventDetails styling*/


/*NewsPage*/

/*End of NewsPage*/

/* Research Project Page */
#ResearchProjectPage .researchDetail span {
    font-size: 1.3em;
}
/*End of Research Project Page */

/* Summary Page Styling */
.summaryItem {
    padding: 15px 0px;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.summaryItem p {
    padding-bottom: 0px;
}

#SummaryRepeaterContainer div.summaryItem:first-of-type {
    padding-top: 0px;
}

.summaryItem .itemTitle {
    font-size: 1.7em; /* 17px */
    line-height: 1.4em; /* 24px */
}

.summaryItem.lastItem {
    border: none;
}

.summaryImageContainer {
    float: left;
    padding-right: 10px;
}

.summaryImage {
    height: 100px;
}

.summaryDetailsContainer {
    float: left;
    overflow: hidden;
    width: 420px;
}

.summaryDetailsContainer.noImage,
.summaryDetailsContainer.events {
    width: 100%;
}
 
.summaryDetailsContainer .itemLocation,
.summaryDetailsContainer .itemSummary {
    display: block;
}

.summaryDetailsContainer .newsDate,
.summaryDetailsContainer .eventDate {
    padding: 3px 0px 3px;
}

.summaryDetailsContainer .eventDate {
    display: block;
}

.summaryDetailsContainer .itemLocation {
    font-size: 1.3em;
    font-style: italic;
    padding: 5px 0px; 
}

ul.pageNumberList {
    float: left;
    width: 100%;
    text-align: center;
}

ul.pageNumberList li {
    font-size: 1.3em;
}

ul.pageNumberList li {
    display: inline-block;
    padding: 2px 5px;
    margin: 0px 10px;
}

ul.pageNumberList li.arrowButton {
    border: 1px solid;
    vertical-align: top;
    margin-top: -2px;
}

ul.pageNumberList li.currentPageListItem a {
    color: #c7233e;
    cursor: default;
}

/* End Summary Page Styling */

/* Research Map Style*/
#ResearchMap {
    overflow: hidden;
    margin: 0;
    float: left;
    position: relative;
    height: 698px;
    width: 778px;
    border: solid 1px #000;
}

#mapCanvasContainer {
    position: relative;
    height: 100%;
    width: 100%;
}

#map-canvas {
    height: 100%;
    width: 100%;
}

#map-canvas .gm-style-iw > div {
}

#map-canvas .gm-style .gm-style-iw {
    font-size: 10px;
}

#map-canvas #firstHeading {
    padding-bottom: 10px;
}

#map-canvas #content p {
    padding-bottom: 0px;
    line-height: inherit;
}

#map-canvas #bodyContent p.researchProjectLink {
    border-bottom: 1px solid #556976;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#map-canvas #bodyContent p.researchProjectLink.last {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#projectsArea {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 40%;
    overflow-y: auto;
}

#projectsCountButton, #hideProjectsButton {
    position: absolute;
    bottom: 40px;
    right: 60px;
    border: 1px solid black;
    padding: 5px;
    font-size: 1.3em;
}

#hideProjectsButton {
    display: none;
}

#projectsCountButton:hover, #hideProjectsButton:hover {
    cursor: pointer;
}

#projectTable {
    float: left;
    width: 100%;
    font-size: 1.3em;
    border-collapse: collapse;
}

#projectTable .header { 
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #E5E9EB;
}

#projectTable th:hover {
    cursor: pointer;
}

#projectTable th {
    font-weight: bold;
    text-align: left;
    padding: 15px 15px 10px 10px;
    height: 20px;
}

#projectTable #projectHeading {
    width: 60%;
}

#projectTable #institutionHeading {
    width: 25%;
}

#projectTable .projectRow td {
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
}

.researchSubNavContainer {
    clear: both;
    float: left;
    width: 140px;
    margin-right: 20px;
}

#ResearchMapFilterContainer {
}

#ResearchMapFilterContainer h2.tagline {
    margin-bottom: 5px;
}

#ResearchMapFilterContainer select {
    width: 100%;
}

#ResearchLevelFilterContainer,
#RCTFilterContainer,
#TopicFilterContainer {
    padding-bottom: 10px;
}

#LocationFilterContainer div {
    padding-bottom: 10px;
}

#RCTFilterContainer span {
    font-size: 1.3em;
    float: left;
    padding: 0px 0px 5px;
}

#RCTFilterContainer span input {
    float: left; 
    width: 15%;
}

#RCTFilterContainer span label {
    float: left; 
    width: 85%;
    display: block;
}

#ResearchMapFilterContainer input[type="button"] {
    float: left;
    margin-top: 10px;
    width: 100%;
    padding: 3px;
    cursor: pointer;
}

#loading {
    display: none;
    text-align: center;
    vertical-align: middle;
    top: 85px;
    position: relative;
}

.popupContainer {
    display: none;
    width: 200px;
    position: absolute;
    top: 400px;
    left: 50%;
    background-color: white;
    border: 1px solid black;
    padding: 20px;
}

.popupContainer a {
    background-color: #eee;
    display: inline-block;
    font-size: 1.3em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 45%;
    cursor: pointer;
}

.popupContainer a.popupNoThanks {
    margin-left: 10%;
}

/* End of Research Map Style*/

/* 10 col */
#EventsPage,
#ResearchMapPage {
    width: 780px; /*10 col*/
}

#ArticlePage, #NewsPage, #CoursePage, #CourseListPage, #NewsSummaryPage,
#EventPage .mainContent, #EventsSummaryPage, 
#WWCArticle, #RecruitmentArticle, #EventPage .mainContent, #EventsSummaryPage, #ResearchProjectPage {
    width: 620px;
    margin-right: 20px;
}

#ArticlePage .webpart, #NewsPage .webpart, #NewsSummary .webpart,
#EventPage .webpart, #EventsSummaryPage .webpart, 
#WWCArticle .webpart, #RecruitmentArticle .webpart {
    width: 140px;
    margin-right: 0;
}

#CoursePage .mainContent {
    width: 100%;
}

#ArticlePage.missingNav {
    width: 780px;
    margin-right: 20px;
}

#WWCHome, #RecruitmentHome {
    width: 940px;
}

#RecruitmentArticleContent {
    width: 140px;
    margin-right: 20px;
}

/* Course Page Styling */
.courseListSite {
    margin-bottom: 15px;
}

.courseListSite a.courseCategoryLink {
    font-size: 1.3em;
}

#CoursePage .bookingWrapper,
#CoursePage .costWrapper,
#CoursePage .bookingWrapper div,
#CoursePage .costWrapper div {
    padding: 5px 0px;
}

#CoursePage .bookingWrapper span.bookingValue,
#CoursePage .costWrapper span.costValue {
    font-size: 1.3em;
}

/* End of Course Page Styling */

/* Research Project */
#ResearchProjectPage .researchDetail {
    padding-bottom: 10px;
}

#ResearchProjectPage .researchDetail p {
    padding-bottom: 0;
}

#ResearchProjectPage .researchDetail a,
#ResearchProjectPage .researchDetail span {
    font-size: 1.3em;
}

#ResearchProjectPage .researchDetail p * {
    font-size: 1em;
}

#ResearchProjectPage span.errorLabel {
    font-size: 1.7em;
    font-weight: bold;
    display: block;   
    padding-bottom: 10px;
}

#ResearchProjectPage a.projectReturnLink {
    font-size: 1.3em;
}

#ResearchProjectShare {
    
}

#ResearchProjectShare a {
    display: inline-block;
    text-indent: -10000px;
    height: 24px;
    width: 24px;
    margin: 10px 20px 10px 0;
}

#ResearchProjectShare a.emailIcon {
    background: url('/SiteAssets/Controls/emailIcon.png') no-repeat 0 0 transparent;
}

#ResearchProjectShare a.emailIcon:hover {
    background: url('/SiteAssets/Controls/emailIconOn.png') no-repeat 0 0 transparent;
}

#ResearchProjectShare a.printIcon {
    background: url('/SiteAssets/Controls/printerIcon.png') no-repeat 0 0 transparent;
}

#ResearchProjectShare a.printIcon:hover {
    background: url('/SiteAssets/Controls/printerIconOn.png') no-repeat 0 0 transparent;
}

/* End of Research Project */

/* Footer styling */
#footer {
    height: 50px;
}
    
#footer ul {
    margin-top: 15px;
}

#footer li {
    margin-right: 10px;
}

#footer a, #footer a:visited {
    color: #fff;
}

#footer .socialMedia .smItem {
    margin: 10px;
}

.copyright {
    padding-top: 15px;
}

#footer .constrainWidth {
    position:static;/*Default*/
}

#footer.wwcFooter {
    height: 125px;
}

#footer.wwcFooter .leftColumn {
    padding-top: 10px;
}

#footer.wwcFooter #footerLogo {
    width: 200px;
}

#footer.wwcFooter .copyright {
    padding-top: 0px;
}

#footer.wwcFooter .rightColumn {
    margin-top: 75px;
}

/* End footer styling */

/* Table styling */
table.ms-rteTable-CoPTable {
    -ms-name: "CoP Table Layout 1";
    border-collapse: collapse;
}

.ms-rteTable-CoPTable p, .ms-rteTable-CoPTable a, .ms-rteTable-CoPTable span, .ms-rteTable-CoPTable ul li, .ms-rteTable-CoPTable ol li,
.ms-rteTable-CoPTable p *, .ms-rteTable-CoPTable a *, .ms-rteTable-CoPTable span *, .ms-rteTable-CoPTable ul li *, .ms-rteTable-CoPTable ol li * {
    font-size: 1em;
}

.ms-rteTable-CoPTable > tbody > tr > td {
    border: 1px solid #556976;
    padding: 10px;
    text-align: left; /* Override default, ensure left */
}

.ms-rteTable-CoPTable > tbody > tr > th, .ms-rteTableLastCol-CoPTable {
    background-color: #e5e9eb;
    border: 1px solid #556976;
    padding: 10px;
    text-align: left; /* Override default, ensure left */
}

.ms-rteTable-CoPTable > tbody > tr.ms-rteTableFooterRow-CoPTable {
    border-right: 2px solid #556976;
}

.ms-rteTable-CoPTable > tbody > tr.ms-rteTableFooterRow-CoPTable > td {
    border: 1px solid #fff;
    color: #fff;
    background-color: #556976;
    border-bottom: 2px solid #556976;
}

.ms-rteTable-CoPTable > tbody > tr.ms-rteTableFooterRow-CoPTable > td * {
    font-size: 1em;
}

.ms-rteTable-CoPTable .ms-rteTableOddRow-CoPTable {
    background-color: #fff;
}

.ms-rteTable-CoPTable .ms-rteTableEvenRow-CoPTable {
    background-color: #f6f7f8;
}

/* End table styling*/


/* Search fly-out */
.ms-srch-hover-outerContainer {
    display: none !important;
}

.searchLayout .ms-srch-item-deepLinks {
    display: none !important;
}

.searchLayout .ms-srch-item-previewContainer {
    display: none !important;
}

.searchLayout .ms-srch-item {
  width: 98%;
  padding: 1%;
  margin: 1% 0 0 0;
}

.searchLayout .ms-srch-item-preview-path,
.searchLayout .ms-srch-item-summaryPreview {
  width: 100%;
}

.searchLayout h3.ms-srch-ellipsis {
  margin-top: 5px;
}
/* End Search fly-out */

/* Search */
#SearchPage {
    width: 940px;
}
.ms-srch-item-previewContainer, .ms-srch-item-deepLinks {
    display:none !important;
}
.searchLayout .ms-srch-item {
    padding: 10px 0;
    margin: 0;
}
.ms-srch-item {
    margin-bottom:20px;
}
.ms-srch-item-path {
    font-size: 1.3em;
}

#criteria .keywordBox {
    padding: 5px 10px;
    width: 170px;
    float: left;
    border: 0;
}

#criteria input[type=submit] {
    height: 26px;
    width: 30px;
    background-image: url('/SiteAssets/MasterPage/magnify.png');
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border: none;
    background-color: white;
}

#dropdowns {
    clear: left;
    margin: 10px 0 20px 0;
}

#dropdowns select {
    padding: 5px;
}

.ms-srch-result #Paging{
    list-style-type: none;
padding: 0;
margin: 45px 0 30px;
text-align: center;
}
.ms-srch-result #PagingSelf a {
margin: 0px;
padding: 1px 7px 4px 8px;
position: relative;
top: 1px;
font-weight: bold;
}
.ms-srch-result #Paging li {
display: inline;
margin-left:10px;
}
.ms-srch-result #Paging a {
text-decoration: none;
}
.ms-promlink-button-image {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
}
.ms-srch-pagingNext {
position: absolute;
left: -105px;
top: -1px;
}
.ms-srch-result #PagingSelf a {
margin: 0px;
padding: 1px 7px 4px 8px;
position: relative;
top: 1px;
font-weight: bold;
}
.ms-promlink-button {
display: inline-block;
width: 16px;
height: 16px;
border-width: 1px;
border-style: solid;
padding: 4px;
}
.ms-promlink-button-enabled {
border-color: #9F9F9F;
background-color: rgba(239, 239, 239, 0.95);
}
.ms-srch-result #PagingLink a {
margin: 0px;
padding: 1px 7px 4px 8px;
position: relative;
top: 1px;

}
.ms-srch-item-summary{
    font-size:1.3em;
}
.ms-srch-resultFooter{
    font-size:1.3em;
    text-align:center;
}
.ms-srch-item-icon{
    float:left;
    margin-right:10px;
}
.ms-srch-pagingPrev {
position: absolute;
left: -57px;
top: -75px;
}
/* End Search */