/* 
    ToC - 
        Header styling
        Mega menu styling
        Main styling
        Carousel syling
        Onlince Services styling
        Twitter feed styling
        News styling (home page)
        Share Button Styling
        Side Navigation styling
        Page styling
        Content styling
        Article Content Styling
        Summary Page Styling
        Footer styling
*/


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

#s4-workspace {
}

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

span.newsDate {
    font-size:1.1em;
}

/* Header styling */
.header {
    height:190px;
    border-bottom:5px solid #ddd;
    padding: 0px 30px;
    background-color: #fff;
}
#mobileMenuButton, #mobileSearchButton {
    display:none;
}
.siteLogo {
    position:absolute;
    top:50px;
    left:0;
    height:100px;
    width:200px;
    margin-top:15px;
}
.searchNavContainer {
    float:right;
}
.searchBar {
    padding:2px;
    margin:20px 0;
    position:absolute;
    top:85px;
    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:150px;
    right:0;
    width:100%;
}

/* End header styling */

/* Mega menu styling */
.mainNavigation {
    position:absolute;
    top:0;
    left:0;
    height:50px;
    width:100%;
}

.mainNavigation > ul{
    height:50px;
    float:left;
    overflow:hidden;
}

.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 {
    height:50px;
}

.activityNavigation > ul > li {
    display: inline-block;
    padding: 10px 9px;
    text-transform: uppercase;
}

.activityNavigation ul li:first-of-type {
    padding-left: 0px;
}

.activityNavigation ul li:last-of-type {
    
}

.activityNavigation > ul > li > a {
    font-size: 1.4em;
}
.activityNavigation > ul > li > a:hover {
    color:#c7233e;
}
.activityNavigation > ul > li > a, 
.activityNavigation > ul > li a:visited {

}
.activityNavigation > ul > li a.open {
    border-bottom:8px solid #c7233e;
    padding-bottom:10px;
}
.mainNavigation > ul > li a.open{
    /*color:white;*/
    border-bottom:5px solid red;
}
a.hasChildren {
    
}
.mainNavigation > ul > li > a.menuToggleButton {
    display:none;
}

#breadcrumbContainer {
    font-size: 1.2em;
    margin-bottom: 20px;
}

/* Mega menu container*/
.subNavContainer {
    position:absolute;
    top:45px;
    left:0;
    width:100%;
    display:none;/*is shown in JS, disabled by default*/
    z-index:10;
    border-bottom:5px solid #e5e9eb;
}
.subNavContainer.open {
    display:block;
}
.subNavContainer.subNav {
    margin:0;
}
.subNav {
    margin-left: 10px;
}
.subNav.level3 {
    display:none;
}
.subNav>ul>li {
    padding:5px 0;
}
.subNav > ul > li.hasSeparator {
    border-right:1px solid #666;
}
.subNav > ul > li.hasSeparator.MenuLast {
    border-right:none;
}
.subNav .oneColumn {
    float:left;
    width: 145px;
    margin: 0 10px 0 0;
    padding: 0 9px 0px 0px;
    
}
.subNav .oneColumn.last {
    margin-right:5px;
}
.subNav .twoColumn {
    width: 330px;
    padding: 0 9px 0 0;
    margin:0 10px 0 0;
}
.subNav .twoColumn.last {
    margin-right:0;
}
.subNav > ul > li > a {
    display: block;
    font-weight: bold;
    padding-top: 5px;
}
.subNav.level2 {
    font-size:1.2em;
}

.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;
    margin-left:10px;
    width:215px;/*See one-col width minus this margin left*/
}

.subNavContainer > ul > li > a > span {
    color:#666;
    font-size:1.3em;
}
.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:235px;
    float:left;
}


/* End mega menu styling */

/* Main styling */
.main {
    background-color:#f8f8f8;
    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;
}

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

.carousel .item .carouselContent {
    background-color: #556976;
    bottom: 0;
    color: #fff;
    display: table;
    float: left;
    font-weight: normal;
    height: 175px;
    left: 0;
    padding: 10px 25px;
    position: absolute;
    width: 280px;
}
.carousel .item .carouselContent.Grey {
    background-color: #556976;
}
.carousel .item .carouselContent.Red {
    background-color: #c7233e;
}
.carousel .item .carouselContent.Blue {
    background-color: #140958;
}
.carouselContent .title {
    padding-bottom: 10px;
}
.carouselContent .title span {
    font-size:2.5em;
    font-weight:normal;
    text-transform:uppercase;
}
.carouselContent .content {
    font-size:1.5em;
}

.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 */
.onlineServices {
    float: left;
    margin-bottom: 15px;
}
.onlineServices .osContainer .osItemContainer:first-of-type {
    width: 220px;
    margin-right: 20px;
}
.onlineServices .osItemContainer {
    margin-bottom:10px;
    float:left;
    background-color:#eee;
    width: 460px;
}
.onlineServices .osItem {
    padding:10px;
}
.onlineServices .osHeader {
    font-size:1.6em;
}
.onlineServices .osHeader h2{
    font-weight: bold;
    color: inherit;
    margin-bottom: 0;
    font-size:1em;
}
.onlineServices .osHeader h2:hover {
    color:#c7233e;
}
.onlineServices .osContent {
    font-size:1.3em;
}

.onlineServices .osContent p {
    color:#333;
}

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

/* 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;
}

.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 */

/* Downloads */

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

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


/* Control / Web Part styling */
.latestNewsContainer h2.tagline a {
    font-weight: normal;
    color: #556976;
}

.latestNewsContainer {
    float:left;
    width: 460px;
    margin-right: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}

.latestNewsControl {
    
}

.latestNewsControl .contentContainer {
    float: left;
    overflow: hidden;
}

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

.latestNewsControl.horizontal .left {
    width: 220px;
    margin-right: 20px;
    float: left;
}

.latestNewsControl.horizontal .left span.newsDate {
    padding: 5px 0;
}

.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 .right {
    width: 220px;
    float: left;
}
.latestNewsControl.horizontal .right span.newsDate {
    padding: 0px 0px 5px;
}

.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;
}

.featuredArticleContainer {
    width: 220px;
    float: left;
    overflow: hidden;
    margin-bottom: 15px;
}

.featuredArticleContainer img {
    width: 100%;
}

.featArticleContainer .featArticleTitle {
    padding: 5px 8px;
    overflow: hidden;
    background-color:#e5e9eb;
}

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

/* End news styling (home page) */

/* 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 32px;
}

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

.links div.hyperLinkContainer a {
    background: transparent url('/SiteAssets/Webpart/linkicon.png') 3px 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') 3px center no-repeat;
}

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

.ShareSection {
    margin-bottom:20px;
}
.ShareSection h2 {
    color: #556976;
    padding-bottom: 5px;
}
.ShareSection .iconContainer {
    width:100%;
}
.ShareSection .iconContainer .shareIcon{
    width:24px;
    margin:4px;
    display:inline-block;
}
.ShareSection .iconContainer .shareIcon.first {
    margin-left:0;
}
.ShareSection .iconContainer .shareIcon a {
    display:block;
    width:24px;
    height:24px;
}
.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;
}


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

.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.3em;
}

.subNavigation li a:hover {
    background-color:#0099dd;
    color:#fff;
}

.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*/

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

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

/* End Side Navigation styling*/

/* Page styling */
#CourseListPage {
    float:left;
    margin-top:10px;
}
#NewsPage {
    margin-top:10px;
    width: 540px;
}

/* End Page Styling */

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

.leftColumn {
    float:left;
}
.rightColumn {
    float:right;
}

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

.mainContent h1 {
    font-size: 3em;
    padding: 0px 0px 15px;
}

.mainContent h2 {
    font-size: 1.5em;
    padding: 5px 0px 2px;
}

.mainContent h3 {
    font-size: 1.3em;
    padding: 5px 0px 3px;
}
  
.mainContent p {
    font-size: 1.3em;
    padding: 0px 0px 10px;
}
    
.mainContent ul {
    list-style-type: square;
    margin-left: 18px;
    padding: 0px 0px 10px;
}

.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 * {
    font-size:1em;
}

.mainContent table {
    font-size:1.3em;
}
.mainContent table * {
    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 */

/*News Page*/
#NewsPage {
    width: 540px;
}

.NewsImage img {
    width:100%;
}
/*End of News Page*/

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

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

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

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

/* End of Course Page Styling */

/* Article content styling */
#ArticleContent .articleContentCentre {
    float:left;
    width:700px;
}
#webPartZoneRight {
    float:right;
    width:200px;
}
#ArticleContent .ArticleImage img {
    width:100%;
    height:100px;
}
#ArticlePage, #NewsPage, #NewsSummaryPage, #EventsPage, #EventsSummaryPage, #CoursePage, #CourseListPage,
#CoursePage, #CourseListPage, #ResearchMapPage, #ResearchProjectPage, #WWCArticle, #RecruitArticle {
    float: right;
}
#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*/

/* End Summary Page Styling */
/* 10 col */
#ArticlePage, #NewsPage, #NewsSummaryPage, #EventsPage, #EventsSummaryPage, #CoursePage, #CourseListPage,
#CoursePage .mainContent, #CourseListPage .mainContent, #ResearchMapPage, #ResearchProjectPage, #WWCArticle, #RecruitMentArticle {
    width:580px; /*10 col*/
}
 
#EventPage .mainContent {
    width:460px;
    margin-right:20px;
}

#ArticlePage .webpart, #NewsPage .webpart, #NewsSummary .webpart,
#EventPage .webpart, #EventsSummaryPage .webpart, .webpart {
    width:100px;
    margin-right:0;
    clear:left;
}

#CoursePage .mainContent {
    width:100%;
}
/* Summary Page Styling */

#SummaryRepeaterContainer {

}

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

.summaryItem.lastItem {
    border: none;
}

.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 */
}

.summaryImageContainer {
    display: inline-block;
    padding-right: 10px;
}


.summaryImageContainer img {
    width: 165px;
}

.summaryDetailsContainer {
    display: inline-block;
    vertical-align: top;
    width: 405px;
}

.summaryDetailsContainer.noImage,
.summaryDetailsContainer.events {
    width: 100%;
}

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

.summaryDetailsContainer .eventDate {
    display: block;
}

 
.summaryDetailsContainer .eventDate,
.summaryDetailsContainer .itemLocation,
.summaryDetailsContainer .itemSummary {
    display: block;
}


#SummaryRepeaterContainer .summaryDetailsContainer .itemDate {
    padding: 5px 0px;
}

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

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


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 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 8px 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 */

/* Research Map Style*/
#ResearchMap {
    overflow: hidden;
    margin: 0;
    float: left;
    position: relative;
    height: 598px;
    width: 578px;
    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: 20px;
    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 {
     margin-top: 10px;
    width: 100px;
    margin-right: 20px;
    float: left;
    clear: both;
}

#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;
}

#ResearchMapFilterContainer,
#LocationDropDownContainer,
#TopicCheckListContainer {

}

.popupContainer {
    display:none;
    width:200px;
    position:absolute;
    top:400px;
    left:45%;
    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*/

/* Footer styling */
#footer {
    height:50px;
    font-size: 1.2em;
}

#footer a, #footer a:visited {
    color:#fff;
    font-weight: normal;
}

#footer ul {
    margin-top:18px;
    margin-right: 15px;
}

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

#footer .copyright {
    margin-top: 18px;
}

#footer .socialMedia .smItem {
    height:25px;
    width:25px;
    padding: 12px 7px;
}

#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 .ms-rteTableOddRow-CoPTable {
    background-color:#fff;
}
.ms-rteTable-CoPTable .ms-rteTableEvenRow-CoPTable {
    background-color:#f6f7f8;
}

/* End table styling*/


/* Search */
#SearchPage {
    width: 700px;
}
.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 */