/* 
    ToC - 
        Menu styling
        Carousel syling
        Online services styling
        Content styling
        Footer styling
        
*/

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

#mobileMenuButton {
    position:absolute;
    top:30px;
    right:5%;
    height:20px;
    width:20px;
    background-image:url('/SiteAssets/MobileMenu/hamburgerblue.png');
    background-repeat:no-repeat;
}
#mobileMenuButton.wwc {
    background-image:url('/SiteAssets/MobileMenu/hamburgerteal.png');
}

#mobileMenuButton.revealed {
    background-image:url('/SiteAssets/MobileMenu/cross.png');
}
#mobileSearchButton {
    position:absolute;
    top:30px;
    right:20%;
    height:20px;
    width:20px;
    background-image:url('/SiteAssets/MasterPage/magnify.png');
    background-repeat:no-repeat;
}
#mobileSearchButton.revealed {
    background-image:url('/SiteAssets/MobileMenu/cross.png');
}
.searchBar .betterParthershipsLogo, .searchBar .betterEvidenceLogo {
    display:none;
}
.header {
    background-color:white;
    padding-top:15px;
}
.siteLogo {
    margin-left:5%;
    margin-bottom:0;
}
.searchBar {
    display:none;
    height: 40px;
    padding: 0;
    margin: 0;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.searchBar input {
    float:left;
}
.searchBar .searchBox {
    background-color: #f6f7f8;
    width: 77%;
    padding: 5px 0 5px 3%;
    height:30px;
}
.searchBar .searchButton {
    width: 20%;
    height: 100%;
    background-color: #140958;
    border: none;
    text-transform: uppercase;
    color: white;
    border-radius:0;
}

/* Menu styling*/
.mainNavigation,.activityNavigation {
    width:100%;
}

.activityNavigation {
    
}
.menuContainer {
    display: none;
    width: 100%;
    padding: 0;
    z-index: 15;
    background-color: #fff;
    padding-bottom: 20px;
    text-transform:uppercase;
    font-size:1.3em;
    line-height:20px;
}
.menuContainer li {
}

.mainNavigation ul, .activityNavigation ul{
    display:none;
}
.mainNavigation>ul, .activityNavigation>ul {
    display:block;
    width:100%;
}
.mainNavigation>ul>li, .activityNavigation>ul>li {
    margin:4px 0 0 0;
    position:relative;
}
.mainNavigation ul li a, .activityNavigation ul li a {
    padding:10px 5%;
    text-decoration:none;
    background-color:#eee;
    display:block;
    
}
.mainNavigation ul li a.current, .activityNavigation ul li a.current {
    background-color:#556976;
    color:#fff;
}
.mainNavigation ul li a.hasChildren, .activityNavigation ul li a.hasChildren {
    
}
.subNavContainer, .subNav {
    display:none;
}
.subNav ul {
    background-color:#eee;
}
.subNavContainer.open, .subNav.open {
    display:block;
}
.subNavContainer.open ul {
    display:block;
}
.subNavContainer > ul > li, .subNav > ul > li{
    position:relative;
}

.subNavContainer > ul > li > ul span{
    padding-left:5px;
    display:block;/*Makes text wrap properly*/
    color:#191993;
}

.mainNavigation > ul > li a.menuToggleButton, .activityNavigation > ul > li a.menuToggleButton {
    display:block;
    height:20px;
    width:20px;
    background-image:url("/SiteAssets/MobileMenu/chevron-right.png");
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    right:5px;
    padding:10px;
}
.mainNavigation > ul > li a.menuToggleButton.open, .activityNavigation > ul > li a.menuToggleButton.open{
    background-image:url("/SiteAssets/MobileMenu/chevron-up.png");
}
.mainNavigation > ul > li a.menuToggleButton.current, .activityNavigation > ul > li a.menuToggleButton.current {
    background-image:url("/SiteAssets/MobileMenu/chevron-right-white.png");
}
.mainNavigation > ul > li a.menuToggleButton.open.current, .activityNavigation > ul > li a.menuToggleButton.current.open {
    background-image:url("/SiteAssets/MobileMenu/chevron-up-white.png");
}
.mainNavigation div > ul > li > a, .activityNavigation div > ul > li > a {
    padding-right:45px;
}
.mainNavigation div.level1 > ul > li > a, .activityNavigation div.level1 > ul > li > a {
    padding-left:7.5%;
}
.mainNavigation div.level2 > ul > li > a, .activityNavigation div.level2 > ul >  li > a {
    padding-left:10%;
}
.mainNavigation div.level3 > ul > li > a, .activityNavigation div.level3 > ul > li > a {
    padding-left:12.5%;
}
.mainNavigation div.level4 > ul > li > a, .activityNavigation div.level4 > ul > li > a {
    padding-left:15%;
}

.mainNavigation div.level1 > ul > li > a.menuToggleButton, .mainNavigation div.level2 > ul > li > a.menuToggleButton,
.mainNavigation div.level3 > ul > li > a.menuToggleButton, .mainNavigation div.level4 > ul > li > a.menuToggleButton,
.activityNavigation div.level1 > ul > li > a.menuToggleButton,.activityNavigation div.level2 > ul > li > a.menuToggleButton,
.activityNavigation div.level3 > ul > li > a.menuToggleButton,.activityNavigation div.level4 > ul > li > a.menuToggleButton {
    padding:10px;
}

.subNavigation {
    display:none;
}

.breadcrumb, .breadcrumbContainer, #breadcrumbContainer {
    display:none;
}
/* End menu styling */



/* Carousel styling */
.carouselContainer {
    overflow:hidden;
    width:100%;
    padding-bottom:20px;
}
.carousel {
    position:relative;
    height:275px;
    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.js .item img {
    width: 100%;
    float: left;
}

.carousel.js .item a {
    float: left;
    width: 100%;
}

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

.carousel .item .carouselContent {
    background-color:#556976;
    font-size:1.6em;
    color:white;
    height:125px;
    width: 90%;
    padding: 5px 5% 0px;
}
.carousel .item .carouselContent.Grey {
    background-color: #556976;
}
.carousel .item .carouselContent.Red {
    background-color: #c7233e;
}
.carousel .item .carouselContent.Blue {
    background-color: #140958;
}
.carousel .item .carouselContent .title {
    font-size:20px;
    color:white;
}
.carouselContentContainer {

}

.carouselNav {
    margin:0 auto;
    padding-top:20px;
    height:20px;
}
.carouselNav a {
    height: 15px;
    width: 15px;
    float: left;
    background-color: #556976;
    display: block;
    margin: 3px;
    border-radius:50%;
    border:2px solid #556976;
    opacity:0.5;
}
.carouselNav a.currentNav {
    background-color:#556976;
    border:2px solid #556976;
    opacity:1;
}

/* End Carousel styling*/


/* OnlineServices styling */
.tagline {
    color:#556976;
    font-weight:normal;
    font-size:1.9em;
    margin:0 5%;
}
.tagline h2 {
    
}
.onlineServicesContainer {
    padding-bottom: 20px;
    background-color: #fff;
    float: left;
    overflow: hidden;
    width: 100%;
}

.onlineServicesContainer h2.tagline {
    padding:15px 0px 10px;
}

.onlineServices .osContainer {
    width:90%;
    margin:0 5%;
}
.onlineServices .osItemContainer {
    width:100%;
    background-color:#eee;
    margin-bottom:5px;
}
.onlineServices .osItem {
    padding:10px 20px;
    
}
.onlineServices .osHeader h2{
    font-weight:bold;
}

.onlineServices .osContent {
    display:none;
}

.onlineServices .osContent p {
    color:#333;
}
.onlineServices .osContent img, .osContentImage img{
    display: none;
}
/* End OnlineServices styling*/

/* Content styling */
.constrainWidth {
    position:relative;
    width:100%;
}

.constrainWidth.main .constrainWidth {
    display: table;
}

.mainContent {
    width: 90%;
    padding: 0 5%;
}

.news {
    width:90%;
    margin:0 5%;
}

.webpart {
    width:90%;
    padding: 0 5%;
    
}

/*.one-col, .one-col.last, .two-col, .two-col.last, .three-col, .three-col.last, .four-col, .four-col.last, .five-col, .five-col.last, .six-col, .six-col.last,
.seven-col, .seven-col.last, .eight-col, .eight-col.last, .nine-col, .nine-col.last, .ten-col, .ten-col.last, .eleven-col, .eleven-col.last, .twelve-col {
    width:100%;
}*/

/* End content styling */

/* Web part */
.downloads {
    margin: 15px 0px;
}

.downloads h2,
.links h2 {
    color: #556976;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 1.9em;
}

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

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

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

.downloads div.hyperLinkContainer a,
.links div.hyperLinkContainer a  {
    display: block;
    padding: 10px 5px 10px 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;
}

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

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

.faqwebpart.accordion {
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

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

/* News (home page) styling */
.newsContainer .itemContainer {
    float:left;
    width:50%;
}
.newsContainer .itemContainer .item {
    padding:20px;
}
.newsContainer .itemContainer .item img{
    height:100px;
    width:100%;
    background-color:#eee;
}
.newsContainer .itemContainer .item {
}
.latestNewsContainer {
    background-color:#fff;
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px 0px;
}


.latestNewsControl {
    width: 90%;
    margin: 0 5%;
}

.latestNewsControl span.newsDate {
    display: none;
}

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

.latestNewsControl .left {
    padding: 10px 0px 0px;
}

.latestNewsControl .right {
    padding-bottom: 5px;
}

.latestNewsControl .left a.newsTitle {
    font-size: 2em;
    padding: 10px 0px;
    float: left;
}

.latestNewsControl .right .headOnlyNewsItem {
    font-size: 1.5em;
    padding: 10px 0px;
    border-top: 1px #eee solid;
}


.featuredArticleContainer {
    float: left;
    overflow: hidden;
    background-color: #eee;
    padding-bottom: 15px;
}

.featuredArticleContainer h2.tagline {
    padding: 15px 0px 10px;
    width: 90%;
    margin: 0 5%;
}

.featArticleContainer {
    width:90%;
    margin:0 5%;
}
.featArticleContainer img {
    width:100%;
}
.featArticleContainer .featArticleTitle {
    padding:10px 0;
    float:left;
}
.featArticleTitle a{
    font-size: 2em;
}
.twitterFeed {
    width:90%;
    margin:0 5%;
}
/* End News 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*/

/* Home Page */

#WWCHome.mainContent {
    width: 100%;
    padding: 0;
}

#WWCHome.mainContent h1.pageTitle,
#WWCHome.mainContent #WWCHomeContent {
    width: 90%;
    padding: 0 5%;
}

#RecruitmentHome img {
    width:100%;
}


/* Article Page */
.ArticleImage img,
.articleImage img {
    width: 100%;
}

/* Research Map */
#ResearchMapPage #loading {
    display: none;
}

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

#NewsPage {
    display: table-header-group;
}

#NewsPage .newsDate {
    font-size: 1.3em;
    margin-top: 15px;
}

.subNavigation.latestNewsSubNav {
    display:table-footer-group;
    float: none;
    background-color: #fff;
}

.subNavigation.latestNewsSubNav h2 {
    width: 90%;
    margin: 15px 5% 0px;
}

.subNavigation.latestNewsSubNav .latestNewsControl .right {
    padding-bottom: 15px;
}

/* Research Map */

#ResearchMapFilterContainer {
    width:100%;
    margin-bottom:30px;
}

#ResearchMapFilterContainer h2.tagline {
    margin: 0;
}

#LocationDropDownContainer,
#TopicCheckListContainer {
    width: 100%;
}

#LocationDropDownContainer div select {
    width: 100%;
}

#TopicCheckListContainer span {
    font-size: 1.3em;
    float: left;
    padding: 5px 0px;
    width: 100%;
}

#TopicCheckListContainer span input {
    float: left;
}

#TopicCheckListContainer span label {
    padding-left: 5px;
}

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

#RCTFilterContainer span {
    font-size:1.3em;
    display:block;
    float:left;
    margin-bottom:10px;
    width:100%;
}
#RCTFilterContainer span input {
    height:15px;
    width:15px;
    margin-top:5px;
    float:left;
}
#RCTFilterContainer span label {
    display:block;
    float:left;
    width:90%;
    margin: 5px 0 0 5px;
}

#ResearchMapFilterContainer select {
    width:100%;
    margin-bottom:10px;
    padding:5px;
}

#projectTypesDiv ul {
    clear: left;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#projectTypesDiv li {
    list-style-type: none;
}

#projectTypesDiv li input {
    float: left; 
    display: block;
    clear: left;
}

#projectTypesDiv li label {
    float: left; 
    display: block;
    width: 230px;
    padding-bottom: 5px;
}


#projectTypesDiv span {
    float: left;
}

#dropDownListsDiv select {
    width: 100%;
}

/* Research Project Page */
#ResearchProjectPage {
    margin-bottom: 20px;
}

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

/* News Summary & Event Summary */

.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 {
    padding-bottom: 10px;
}

.summaryImage {
    width: 100%;
}

.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;
    font-size: 1.3em;
}

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

/* Main Content Style */

h1 {
    font-size: 2.6em;
    line-height: 28px;
    padding: 15px 0px 10px;
}

h3 {
    font-size: 1.3em;
    line-height: 22px;
}

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

.mainContent li {
    padding: 5px 0px;
    margin-left: 25px;
    line-height: 1.5em;
    font-size: 1.3em;
}

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

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

.mainContent p.introParagraph {
    font-size: 1.5em;
    line-height: 20px;
    font-weight: 600;
    padding: 10px 0px;
}

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

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

.mainContent span.ms-rteElement-BlockQuote {
    padding: 15px 70px;
    font-size: 1.7em;
    line-height: 22px;
    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;
}

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

/* Footer styling */
#footer {
    clear:both;
    background-color:#140958;
    color:#fff;
    overflow:hidden;
}

#footer .constrainWidth {
    margin: 0 5%;
    width:90%;
}

#footer .rightColumn {
    float: left;
    overflow: hidden;
    width: 100%;
}

#footer ul {
    width:90%;
}
#footer li {
    width: 50%;
    margin: 10px 0px;
    padding: 3px 0px;
}

#footer li.separator {
    display: none;
}

#footer a, #footer a:visited {
    color: #fff;
}
#footer .socialMedia {
    float: right;
    width: 10%;
}
#footer .socialMedia .smItem {
    float: right;
    margin: 10px 0px 0px 10px;
}
#footer .leftColumn {
    float: left;
    width: 100%;
}

#footer .leftColumn .copyright {
    padding: 15px 0px;
    border-top: dotted 3px #6F6898;
}

#footer.wwcFooter #footerLogo {
    width: 100%;
}

#footer.wwcFooter .leftColumn .copyright {
    border-top-color: #fff;
}

/* 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:90%;
    overflow:hidden;
}
.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 */

#cookiemessage p {
    width:75%;
    padding:10px;
}
#cookiemessage a.closeButton {
    padding-right:10px;
}