/* ############################################################################
   ##
   ##  PAGE ELEMENTS
   ##  Objects/structures that might appear on any page
   ##
   ######################################################################### */

/* ####################################
   Custom Elements - See below...
   ################################## */

/* 
	Custom elements should be placed at the bottom of the file so that overrides
	can be set if needed, and to make file comparisons during version upgrades easier.
*/

/* ####################################
   Trail Navigation
   ################################## */

#TrailNav,
.trailNav  {
    position: relative;
    padding: 0px;     /* Right padding width of PageFunctionsTop */
    font-size: 0.9rem;
    background:none;
	text-align: left;
	border-top: none;
	line-height: 1.5em;
}
* html #TrailNav,
* html .trailNav {
    /* IE6 Only */
    display: inline-block;   /* Fixes invisible attributes, e.g. border. */
}
#TrailNavInner,
.trailNavInner {
	text-align: left;
	margin: 0 auto;
	width: 1024px;
	padding: 10px 0%;
	box-sizing: border-box;
}
    
    #TrailNav a,
    .trailNav a  {
    }

    #TrailNav .youAreHere,
    .trailNav .youAreHere  {
    }

    #TrailNav .prefix:first-child,
    .trailNav .prefix:first-child  {
		display:none;
    }
    #TrailNav .prefix,
    .trailNav .prefix  {
    }
	
	#TrailNavInner .prefix .homeLink svg {
		width: 18px;
		vertical-align: text-top;
	}

    #TrailNav .suffix,
    .trailNav .suffix {
    }

    #TrailNav .separator,
    .trailNav .separator {
		display: inline;
    }
		#TrailNav .separator img, .trailnav .separator img{
			height: 10px;
			margin:0 8px;
		}
		#TrailNav .separator svg{
			vertical-align: text-top;
			margin: 0 3px;
		}
    #TrailNav .separator .separator,
    .trailNav .separator .separator {
        height: 10px;
		margin:0 8px;
	}
	#TrailNavInner .separator:last-child,
    .trailNavInner .separator:last-child {
	}
	#TrailNavInner a:last-child,
    .trailNavInner a:last-child {
		/*display: none;*/
	}
	#TrailNavInner a,
    .trailNavInner a {
		color: #757575;
		text-decoration: underline;
		display: inline-block;
	}

    #PrimaryInner .trailNav a  {
        color: #757575;
        display: inline-block;
    }

	#TrailNavInner a.no-link,
    .trailNavInner a.no-link {
		text-decoration: none;
		cursor: text;
	}

/* ####################################
   Page Functions
   ################################## */

#PageFunctions, #PageFunctionsTop, #PageFunctionsBottom {
}

    #PageFunctions ul, #PageFunctionsTop ul, #PageFunctionsBottom ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #PageFunctions ul li, #PageFunctionsTop ul li, #PageFunctionsBottom ul li {
        display: inline;
        vertical-align: middle;
    }
    
        #PageFunctions ul li:hover, #PageFunctionsTop ul li:hover, #PageFunctionsBottom ul li:hover {
        }
    
        #PageFunctions ul li.first, #PageFunctionsTop ul li.first, #PageFunctionsBottom ul li.first {
        }

        #PageFunctions ul li.last, #PageFunctionsTop ul li.last, #PageFunctionsBottom ul li.last {
            border-right: 0;
        }

        #PageFunctions ul li a, #PageFunctionsTop ul li a, #PageFunctionsBottom ul li a {
            display: inline-block;
            width: 16px;
            height: 16px;
            padding: 0 4px;
            overflow: hidden;
            text-indent: -10000em;
            text-transform: capitalize; /* Make text-indent work in IE7 */
            cursor: pointer;
        }
    
    #PageFunctions .pageFavorite a, #PageFunctionsTop .pageFavorite a, #PageFunctionsBottom .pageFavorite a {
        background: url('../../images/icons/favorites.gif') no-repeat;
    }
    
    #PageFunctions .pagePrint a, #PageFunctionsTop .pagePrint a, #PageFunctionsBottom .pagePrint a {
        background: url('../../images/icons/16x16_printer_2.gif') no-repeat;
    }
    
    #PageFunctions .pageEmail a, #PageFunctionsTop .pageEmail a, #PageFunctionsBottom .pageEmail a {
        background: url('/images/cms/icons/socialmedia/email_16.png') no-repeat;
    }
    
    #PageFunctions .pageFeedback a, #PageFunctionsTop .pageFeedback a, #PageFunctionsBottom .pageFeedback a {
        background: url('../../images/icons/13x13_question_bubble.gif') 2px 2px no-repeat;
    }
    
    #PageFunctions .pageTextSizeDecrease a, #PageFunctionsTop .pageTextSizeDecrease a, #PageFunctionsBottom .pageTextSizeDecrease a {
        background: url('../../images/icons/16x16_text_smaller.gif') no-repeat;
    }
    
    #PageFunctions .pageTextSizeDefault a, #PageFunctionsTop .pageTextSizeDefault a, #PageFunctionsBottom .pageTextSizeDefault a {
        background: url('../../images/icons/16x16_text_default.gif') no-repeat;
    }
    
    #PageFunctions .pageTextSizeIncrease a, #PageFunctionsTop .pageTextSizeIncrease a, #PageFunctionsBottom .pageTextSizeIncrease a {
        background: url('../../images/icons/16x16_text_larger.gif') no-repeat;
    }
    
    #PageFunctions .pagePdf a, #PageFunctionsTop .pagePdf a, #PageFunctionsBottom .pagePdf a {
        background: url('../../images/icons/16x16_pdf.gif') no-repeat;
    }
    
    #PageFunctions .pageShare.pageShareModule_acoracms a, #PageFunctionsTop .pageShare.pageShareModule_acoracms a, #PageFunctionsBottom .pageShare.pageShareModule_acoracms a {
    }
    
    #PageFunctions .pageShare.pageShareModule_sharethis a, #PageFunctionsTop .pageShare.pageShareModule_sharethis a, #PageFunctionsBottom .pageShare.pageShareModule_sharethis a {
    }

        .st_sharethis, .st_email, .st_facebook, .st_twitter, .st_linkedin, .st_googleplus, .st_youtube, .st_instagram, .st_pinterest, .st_rss, .st_myspace {
            display: inline-block;
            width: 16px;
            height: 16px;
            padding: 0 4px;
            overflow: hidden;
            text-indent: -10000em;
            text-transform: capitalize; /* Make text-indent work in IE7 */
            cursor: pointer;
        }

        .st_sharethis {
            background: url('/images/cms/icons/socialmedia/sharethis_16.png') no-repeat;
        }

        .st_email {
            background: url('/images/cms/icons/socialmedia/email_16.png') no-repeat;
        }

        .st_facebook {
            background: url('/images/cms/icons/socialmedia/facebook_16.png') no-repeat;
        }

        .st_twitter {
            background: url('/images/cms/icons/socialmedia/twitter_16.png') no-repeat;
        }

        .st_linkedin {
            background: url('/images/cms/icons/socialmedia/linkedin_16.png') no-repeat;
        }

        .st_googleplus {
            background: url('/images/cms/icons/socialmedia/googleplus_16.png') no-repeat;
        }

        .st_youtube {
            background: url('/images/cms/icons/socialmedia/youtube_16.png') no-repeat;
        }

        .st_instagram {
            background: url('/images/cms/icons/socialmedia/intsagram_16.png') no-repeat;
        }

        .st_pinterest {
            background: url('/images/cms/icons/socialmedia/pinterest_16.png') no-repeat;
        }

        .st_rss {
            background: url('/images/cms/icons/socialmedia/rss_16.png') no-repeat;
        }

        .st_myspace {
            background: url('/images/cms/icons/socialmedia/myspace_16.png') no-repeat;
        }

        /* Disable icons in the top or bottom page functions. */
        #PageFunctionsTop .pageShare.pageShareModule_sharethis .st_email {
            /* display: none */
        }

#PageFunctionsTop {
    /* Top and bottom page functions are used separately in some sites. */
    position: relative;
    float: right;
    margin-top: -2.25em;    /* Nudge it back inside the trail nav bar */
    z-index: 2; /* Placement above the page content ensures icons are clickable after using image replacement effects like text-indent, padding/width/overflow, etc. */
}

#PageFunctionsBottom {
    /* Top and bottom page functions are used separately in some sites. */
    clear: both;
}
    
    #PageFunctionsBottom .pageTopLink {
    }

        #PageFunctionsBottom .pageTopLink a {
            width: auto;
            padding-left: 12px;
            margin-right: 8px;
            font-size: 91.7%;
            color: #c0c0c0;
            text-indent: 0;
        }
        
    #PageFunctionsBottom ul li.first {
        background: none;
        padding-left: 0;
    }

/* ####################################
   Page Body Content
   ################################## */
   
#Primary {
}

    #PrimaryContent {
    }

        #PrimaryContent img {
            max-width: 100%;
            height: auto;
        }

        #PrimaryContent a:link {
        }

        #PrimaryContent #PageTitle {
        }

        #PrimaryContent #PublishInfo, .publishInfo {
            margin: 0.5em 0;
			font-size:80%;
        }

            #PrimaryContent #PublishInfo .date {
                display: inline;
            }

            #PrimaryContent #PublishInfo .author {
                display: inline;
            }

        #PrimaryContent #PageBody {
        }
			#PageBody .content-block{box-sizing:border-box;width:100%;padding:20px;margin:0 0 20px 0;background-color:#fff;}
			#PageBody .content-block > h2,#PageBody .content-block > h3{margin-top:0;}
			
            #PrimaryContent #PageBody ul {
            }

                #PrimaryContent #PageBody ul li {
                    margin: 0;
                }

            #PrimaryContent #PageBody ol {
            }

                #PrimaryContent #PageBody ol li {
                    margin: 0;
                }
		#PrimaryContentInner {
		}

#Secondary {
}

    #SecondaryContent {
    }
    
        #SecondaryContent img {
            max-width: 100%;
            height: auto;
        }
    
        #SecondaryContent a:link {
        }

    #Secondary ul {
        padding: 0;
    }

        #Secondary ul li {
        }
    
    #Secondary ol {
    }

        #Secondary ol li {
        }

/* Make sure spacing at the bottom of everything is consistent no matter what element finishes the page. */

#Primary > :last-child, #Secondary > :last-child {
    /* margin-bottom: 0 !important; */
}

/* ####################################
   Attachments (Table)
   ################################## */

#Attachments {
    margin: 1em 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}

    table.attachmentsContainer {
        width: 100%;
        background: #ffffff;
        border: 1px solid #f0f0f0;
        border-bottom: 0;
    }

    table.attachmentsContainer tr {
        display: table-row !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: none !important;
    }

        table.attachmentsContainer tr.sectionTitle {
        }

            table.attachmentsContainer tr.sectionTitle td.overview {
                width: 100%;
                background: #f8f8f8;
            }

                table.attachmentsContainer tr.sectionTitle td.overview .title {
                    font-weight: bold;
                }
    
                table.attachmentsContainer tr.sectionTitle td.overview .summary {
                    padding-left: 0;
                }

        table.attachmentsContainer tr th {
            padding: 6px;
            background: #f0f0f0;
        }

        table.attachmentsContainer tr td {
            padding: 6px;
            border: 1px solid #f0f0f0;
            vertical-align: top;
        }

            table.attachmentsContainer tr td.overview {
                width: 100%;
            }

                table.attachmentsContainer tr td.overview .title {
                }
    
                table.attachmentsContainer tr td.overview .summary {
                    padding-left: 24px;
                }
    
                table.attachmentsContainer tr td.overview .url {
                    /* Only appears for URL links */
                    padding-left: 24px;
                }

            table.attachmentsContainer tr td.format {
                white-space: nowrap;
            }

                table.attachmentsContainer tr td.format .extension {
                    text-transform: uppercase;
                }

                table.attachmentsContainer tr td.format .formatNote {
                }

            table.attachmentsContainer tr td.fileSize {
                white-space: nowrap;
                border-right: 0;
            }

                table.attachmentsContainer tr td.fileSize .fileSizeValue {
                }

                table.attachmentsContainer tr td.fileSize .fileSizeUnit {
                }
                
    ul.attachmentsContainer,
    ol.attachmentsContainer {
    }
    
        ul.attachmentsContainer li.sectionTitle,
        ol.attachmentsContainer li.sectionTitle  {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 1em;
        }

            ul.attachmentsContainer li.sectionTitle .overview,
            ol.attachmentsContainer li.sectionTitle .overview {
            }
                
                ul.attachmentsContainer li.sectionTitle .overview .title,
                ol.attachmentsContainer li.sectionTitle .overview .title {
                    font-weight: bold;
                }
    
                ul.attachmentsContainer li.sectionTitle .overview .summary,
                ol.attachmentsContainer li.sectionTitle .overview .summary {
                    padding-left: 0;
                }
    
        ul.attachmentsContainer li.attachment,
        ol.attachmentsContainer li.attachment  {
            margin-bottom: 1em;
        }

            ul.attachmentsContainer li.attachment .overview,
            ol.attachmentsContainer li.attachment .overview {
            }
                
                ul.attachmentsContainer li.attachment .overview .title,
                ol.attachmentsContainer li.attachment .overview .title {
                }
    
                ul.attachmentsContainer li.attachment .overview .summary,
                ol.attachmentsContainer li.attachment .overview .summary {
                    padding-left: 24px;
                }
    
                ul.attachmentsContainer li.attachment .overview .url,
                ol.attachmentsContainer li.attachment .overview .url {
                    padding-left: 24px;
                }
    
            ul.attachmentsContainer li.attachment .format,
            ol.attachmentsContainer li.attachment .format {
                display: inline;
                padding-left: 24px;
            }
    
                ul.attachmentsContainer li.attachment .format .extension,
                ol.attachmentsContainer li.attachment .format .extension {
                    text-transform: uppercase;
                }
    
                ul.attachmentsContainer li.attachment .format .formatNote,
                ol.attachmentsContainer li.attachment .format .formatNote {
                }
    
            ul.attachmentsContainer li.attachment .fileSize,
            ol.attachmentsContainer li.attachment .fileSize {
                display: inline;
                margin-left: -0.25em;
            }
    
                ul.attachmentsContainer li.attachment .fileSize:before,
                ol.attachmentsContainer li.attachment .fileSize:before {
                    content: ",";
                }
    
                ul.attachmentsContainer li.attachment .fileSize .fileSizeValue,
                ol.attachmentsContainer li.attachment .fileSize .fileSizeValue {
                }
    
                ul.attachmentsContainer li.attachment .fileSize .fileSizeUnit,
                ol.attachmentsContainer li.attachment .fileSize .fileSizeUnit {
                }

        ul.attachmentsContainer li.attachment.fileNone .format,
        ul.attachmentsContainer li.attachment.fileNone .fileSize,
        ol.attachmentsContainer li.attachment.fileNone .format,
        ol.attachmentsContainer li.attachment.fileNone .fileSize {
            display: none;
        }
    
    div.attachmentsContainer {
    }
    
        div.attachmentsContainer div.sectionTitle {
            margin-bottom: 1em;
        }
    
            div.attachmentsContainer div.sectionTitle .overview {
            }
                
                div.attachmentsContainer div.sectionTitle .overview .title {
                    font-weight: bold;
                }
    
                div.attachmentsContainer div.sectionTitle .overview .summary {
                    padding-left: 0;
                }

        div.attachmentsContainer div.attachment {
            margin-bottom: 1em;
        }
    
            div.attachmentsContainer div.attachment .overview {
            }
                
                div.attachmentsContainer div.attachment .overview .title {
                }
    
                div.attachmentsContainer div.attachment .overview .summary {
                    padding-left: 24px;
                }
    
                div.attachmentsContainer div.attachment .overview .url {
                    padding-left: 24px;
                }
    
            div.attachmentsContainer div.attachment .format {
                display: inline;
                padding-left: 24px;
            }
    
                div.attachmentsContainer div.attachment .format .extension {
                    text-transform: uppercase;
                }
    
                div.attachmentsContainer div.attachment .format .formatNote {
                }
    
            div.attachmentsContainer div.attachment .fileSize {
                display: inline;
                margin-left: -0.25em;
            }
    
                div.attachmentsContainer div.attachment .fileSize:before {
                    content: ",";
                }
    
                div.attachmentsContainer div.attachment .fileSize .fileSizeValue {
                }
    
                div.attachmentsContainer div.attachment .fileSize .fileSizeUnit {
                }

        div.attachmentsContainer div.attachment.fileNone .format,
        div.attachmentsContainer div.attachment.fileNone .fileSize {
            display: none;
        }

    /* Shared Styles and Overrides */

    .attachmentsContainer .title {
        margin-bottom: 0.25em;
    }

    .attachmentsContainer .title a {
        display: inline-block;
        padding-left: 24px;
        padding-top: 1px;
        min-height: 16px;
        background: url('../../images/icons/16x16_page_download.gif') no-repeat;
    }
    *:first-child+html .attachmentsContainer .title a {
        display: inline;
    }

    .attachmentsContainer .fileImage .title a {
        background: url('../../images/icons/16x16_image.gif') no-repeat !important;
    }

    .attachmentsContainer .filePdf .title a {
        background: url('../../images/icons/16x16_pdf.gif') no-repeat !important;
    }

    .attachmentsContainer .fileTxt .title a {
        background: url('../../images/icons/16x16_page_text.gif') no-repeat !important;
    }

    .attachmentsContainer .fileDoc .title a, .fileDocx .title a {
        background: url('../../images/icons/16x16_doc.gif') no-repeat !important;
    }

    .attachmentsContainer .filePpt .title a, .filePptx .title a {
        background: url('../../images/icons/16x16_ppt.gif') no-repeat !important;
    }

    .attachmentsContainer .fileXls .title a, .fileXlsx .title a, .fileCsv .title a {
        background: url('../../images/icons/16x16_xls.gif') no-repeat !important;
    }

    .attachmentsContainer .fileZip .title a, .file7z .title a, .fileTar .title, a.fileGz .title a {
        background: url('../../images/icons/16x16_compress.png') no-repeat !important;
    }

    .attachmentsContainer .fileWmv .title a, .fileMpg .title a, .fileMov .title a, .fileMkv .title a, .fileMp4 .title a, .fileFlv .title a, .fileAvi .title a {
        background: url('../../images/icons/16x16_mpg.gif') no-repeat !important;
    }

    .attachmentsContainer .fileMp3 .title a, .fileWav .title a, .fileAac .title a, .fileM4a .title a {
        background: url('../../images/icons/16x16_sound.png') no-repeat !important;
    }

    .attachmentsContainer .cmfr_links .title a {
        background: url('../../images/icons/16x16_link_2.gif') no-repeat !important;
    }

    *:first-child+html .attachmentsContainer .fileSize {
        margin-left: auto !important;
    }

/* ####################################
   Multi Page Navigation 
   < Previous . 1 . [2] . 3 . Next >
   ################################## */

#PagingTop, #PagingBottom, .paging {
    clear: both;
    margin: 1em 0;
    border: #f0f0f0 1px solid;
    padding: 8px;
}

    #PagingTop .summary, #PagingBottom .summary {
    }

    #PagingTop .totalpages, #PagingBottom .totalpages {
    }

    #PagingTop .pages, #PagingBottom .pages {
    }

    #PagingTop .pageslabel, #PagingBottom .pageslabel {
    }

    #PagingTop .pagelinks, #PagingBottom .pagelinks {
    }

    #PagingTop .previouspage, #PagingBottom .previouspage {
        margin: 0 0.25em;
    }

    #PagingTop .nextpage, #PagingBottom .nextpage {
        margin: 0 0 0 0.25em;
    }

/* ####################################
   Latest Updates Widget
   ################################## */
 
.latestUpdates {
}

    .latestUpdates .header {
    }

    .latestUpdates .header h2 {
    }

    .latestUpdates .content {
    }

        .latestUpdates .article {
        }

            .latestUpdates .article .thumbnail {
            }

            .latestUpdates .article .text {
            }

                .latestUpdates .article .text .title {
                }

                .latestUpdates .article .text .date {
                }

                .latestUpdates .article .text .summary {
                }

        .latestUpdates .article.odd {
        }

        .latestUpdates .article.even {
        }

    .latestUpdates .footer {
    }
   
/* ####################################
   User Login Components
   ################################## */

/* LoginStatusShort appears in the header in standard designs. */

#LoginStatusShort {
}

#LoginStatusShort.loggedIn {
}

#LoginStatusShort.loggedOut {
}

    #LoginStatusShort .loginStatusInfo {
        display: inline;
        margin-right: 1em;
    }

        #LoginStatusShort .loginStatusInfo .loginMessage {
        }

        #LoginStatusShort .loginStatusInfo .loginUser {
        }
            
    #LoginStatusShort .loginLinks {
        display: inline;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #LoginStatusShort .loginLinks li {
            display: inline;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #LoginStatusShort .loginLinks li a {
            padding: 0 1em;
            border-left: #c0c0c0 1px solid;
        }
        
        #LoginStatusShort .loginLinks .loginHomeLink {
        }

        #LoginStatusShort .loginLinks .logoutLink {
        }
        
        #LoginStatusShort .loginLinks .loginLink {
        }
        
        #LoginStatusShort .loginLinks .registerLink {
        }

/* LoginStatusLong appears within the page content area, but only on pages that have their own login form. */

#LoginStatusLong {
}

#LoginStatusLong.loggedIn {
}

#LoginStatusLong.loggedOut {
    /* The long version isn't shown when logged out in the standard white site. */
}

    #LoginStatusLong .legend {
    }
    
    #LoginStatusLong .loginStatusInfo {
        clear: left;
        margin-right: 4px;
        margin-left: 4px;
    }

        #LoginStatusLong .loginStatusInfo .loginMessage {
        }

        #LoginStatusLong .loginStatusInfo .loginUser {
        }

    #LoginStatusLong .loginLinks {
        margin: 1em 0;
        padding: 0;
        list-style: none;
    }
    
        #LoginStatusLong .loginLinks li {
            display: inline;
            margin: 0 0 1em;
            padding: 0;
            list-style: none;
        }

        #LoginStatusLong .loginLinks li a {
        }
            
        #LoginStatusLong .loginLinks .loginHomeLink {
        }

        #LoginStatusLong .loginLinks .logoutLink {
        }
        
        #LoginStatusLong .loginLinks .loginLink {
        }
        
        #LoginStatusLong .loginLinks .registerLink {
        }
        
        #LoginStatusLong .loginLinks .requestAccessLink {
        }

/* The login form that might be shown inside any page. */

#LoginForm {
}

    #LoginForm label {
    }

    #LoginForm input {
    }

    #LoginForm #RememberMeContainer {
    }

        #LoginForm #RememberMeContainer .fieldControls {
            float: none;
        }

    #LoginForm #LoginHelp {
        clear: left;
        margin: 1em 0 0;
		display:none;
    }
    
    #LoginForm #LoginHelp .loginLinks {
        margin: 0 0 1em;
        padding: 0;
        list-style: none;
    }

        #LoginForm #LoginHelp .loginLinks li {
            display: inline;
            margin: 0;
            list-style: none;
        }
        
            #LoginForm #LoginHelp .loginLinks li a {
                margin-right: 10px;
            }
        
        #LoginForm #LoginButtonContainer {
        }

            #LoginForm #LoginButtonContainer input {
            }
            
    #LoginForm #LoginHelp .forgottenPasswordLink {
    }
        
    #LoginStatusLong .loginLinks .registerLink {
    }

    #LoginForm #LoginHelp .requestAccessLink {
    }

/* LoginMessage is shown on a splash page when a login message such as "expiry pending" or "disabled account" is shown to the user. */

#LoginMessage {
}

    #LoginMessage #ContinueLinks {
    }
    
    #LoginMessage #ContinueLinks ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #LoginMessage #ContinueLinks ul li {
            margin: 0 0 1em;
            padding: 0;
            list-style: none;
        }

#TertiaryInner  #LoginInformation{
	padding:10px 0;
	border-top:1px solid #E6E6E6;
	background:#E6E6E6;
	font-size:120%;
}
	#TertiaryInner  #LoginInformation p{
		max-width: 100%;
		margin: 0;
	}
		#TertiaryInner  #LoginInformation p img{
			margin-right:10px;
		}
		#TertiaryInner  #LoginInformation .loginMessage,#TertiaryInner  #LoginInformation .logOut{
			font-weight:bold;
		}
/* The Member Profile widget usually only appears on the members login page but could be dropped anywhere. */

#MemberProfileSummary {
}

    #MemberProfileSummary #MemberProfile {
    }

        #MemberProfileSummary #MemberProfile #MemberDetails {
        }

            #MemberProfileSummary #MemberProfile ol {
            }

                #MemberProfileSummary #MemberProfile ol li {
                    margin: 0 0 0.25em;
                }

                    #MemberProfileSummary #MemberProfile ol li .fieldTitle {
                    }

                    #MemberProfileSummary #MemberProfile ol li .fieldText {
                    }

                #MemberProfileSummary #MemberProfile ol li#MemberAccountContainer {
                }

                    #MemberProfileSummary #MemberProfile ol li#MemberAccountContainer #MemberAccount {
                    }

                #MemberProfileSummary #MemberProfile ol li#MemberTypeContainer {
                }

                    #MemberProfileSummary #MemberProfile ol li#MemberTypeContainer #MemberType {
                    }

                        #MemberProfileSummary #MemberProfile ol li#MemberExpiryContainer #MemberExpiry a.arrowHighlight {
                            /* The "become a member" link, it doesn't have a nice ID */
                            margin-left: 1em;
                            padding-left: 14px;
                            background: url('/App_Sites/whitesite/Templates/Default/images/arrow_grey_right.gif') 2px 2px no-repeat;
                        }

                #MemberProfileSummary #MemberProfile ol li#MemberExpiryContainer {
                }

                    #MemberProfileSummary #MemberProfile ol li#MemberExpiryContainer #MemberExpiry {
                    }

                        #MemberProfileSummary #MemberProfile ol li#MemberExpiryContainer #MemberExpiry a.renewLink {
                            margin-left: 1em;
                            padding-left: 14px;
                            background: url('/App_Sites/whitesite/Templates/Default/images/arrow_grey_right.gif') 2px 2px no-repeat;
                        }

        /* If the user not a member of the organisation, the ID of the links panel refers to them as a user */

        #MemberProfileSummary #MemberProfile #MemberProfileLinks,
        #MemberProfileSummary #MemberProfile #UserProfileLinks {
            clear: both;
        }

            #MemberProfileSummary #MemberProfile #MemberProfileLinks ul,
            #MemberProfileSummary #MemberProfile #UserProfileLinks ul {
            }

                #MemberProfileSummary #MemberProfile #MemberProfileLinks ul li,
                #MemberProfileSummary #MemberProfile #UserProfileLinks ul li {

                }

                    #MemberProfileSummary #MemberProfile #MemberProfileLinks ul li a,
                    #MemberProfileSummary #MemberProfile #UserProfileLinks ul li a {
                    }

/* ####################################
   Comments
   ################################## */

#Comments {
    clear: left;
    margin: 2em 0 1em;
    padding-top: 1em;
    border-top: #e0e0e0 1px solid;
}

    #CommentsHeader {
        margin: 0 0 1em;
    }
    
        #CommentsHeader .title {
        }
    
        #CommentsHeader .summary {
        }
    
        #CommentsHeader .commentsCount {
        }

    #SubmittedComments {
        position: relative;
        float: left;
        width: 100%;
    }
    
        #SubmittedComments #NoComments {
            margin: 0 0 1em;
        }
    
            #SubmittedComments #NoComments .title {
            }
    
            #SubmittedComments #NoComments .summary {
            }

        #SubmittedComments .comment {
            position: relative;
            float: left;
            width: 98%;
            padding: 1em 1%;
            border-top: #e0e0e0 1px solid;
        }

            #SubmittedComments .comment.odd {
                background: #fcfcfc;
            }

            #SubmittedComments .comment.even {
                background: #f8f8f8;
            }

            #SubmittedComments .comment .avatar {
                position: absolute;
                right: 1%;
            }

                #SubmittedComments .comment .avatar img {
                    border: #e0e0e0 1px solid;
                }
            
            #SubmittedComments .comment .text {
                position: relative;
                padding-right: 110px;
            }

                #SubmittedComments .comment .text .title {
                    margin-top: 0;
                }

                #SubmittedComments .comment .text .publishInfo {
                }

                    #SubmittedComments .comment .text .publishInfo .date {
                        display: inline;
                    }

                    #SubmittedComments .comment .text .publishInfo .author {
                        display: inline;
                    }

                #SubmittedComments .comment .text .commentText {
                    margin-bottom: 1em;
                }

        #SubmittedComments .comment .commentFormLink {
            margin-bottom: 1em;
        }

    #CommentsClosed {
        clear: left;
        margin: 2em 0 1em;
        border-top: #e0e0e0 1px solid;
    }
    
        #CommentsClosed .title {
        }
    
        #CommentsClosed .summary {
        }

    #CommentFormHeader {
        clear: both;
        margin: 2em 0 1em;
        border-top: #e0e0e0 1px solid;
    }
    
        #CommentFormHeader .title {
        }
    
        #CommentFormHeader .summary {
        }
    
        #CommentFormHeader .commentsCount {
        }

    #CommentForm {
        /* CommentForm contains all the standard CMS form stuff - requiredFieldMarker, fieldset, ul.formFields, li form, .captchaFieldset, .submitButton, etc... */
    }
    
        #CommentForm #UserAvatar {
            position: absolute;
            right: 10px;
        }
    
        #CommentForm .fieldContainer {
        }
    
            #CommentForm .fieldContainer .fieldControls {
            }
        
        #CommentForm .textField {
        }

            #CommentForm .textField .fieldContent,
            #CommentForm .emailField .fieldContent {
            }
        
            #CommentForm .textField input {
            }
        
        #CommentForm .textareaField {
        }
        
            #CommentForm .textareaField textarea {
            }

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

    #CommentForm .textField .fieldContent,
    #CommentForm .emailField .fieldContent {
    }

}

/* ####################################
   Site Map
   ################################## */

.siteMapContainer {
}

    .siteMapContainer .parentContainer {
    }

    .siteMapContainer ul {
		width:100%;
		margin:0;
		padding:0;
    }

        .siteMapContainer ul li {
        }

    .siteMapContainer ul.level2,.siteMapContainer ul.level3,.siteMapContainer ul.level4{
		margin:10px 0 0 0;
		padding:10px 0 10px 15px;
    }
	
	#PrimaryContent #PageBody .siteMapContainer ul li a{
		text-decoration:none;
	}
		#PrimaryContent #PageBody .siteMapContainer ul li a:hover{
			text-decoration:none;
		}

/* ####################################
   Lightbox Grid Layout for Sub Articles and Sub Containers
   ################################## */

#SubContainers.lightboxGrid,
#SubArticles.lightboxGrid {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

    #SubContainers.lightboxGrid .article,
    #SubArticles.lightboxGrid .article {
        /* The default grid without hard coded columns will fit images in at their natural size. See further down for three, four, five fixed columns. */
        position: relative;
        float: left;
        min-width: 20%;
        margin-right: 20px;
    }

        #SubContainers.lightboxGrid .article .thumbnail,
        #SubArticles.lightboxGrid .article .thumbnail {
            display: block;
            padding: 0;
        }

            #SubContainers.lightboxGrid .article .thumbnail img,
            #SubArticles.lightboxGrid .article .thumbnail img {
                max-width: 100%;
                width: 100%;
                margin: 0;
            }

        #SubContainers.lightboxGrid .article .text,
        #SubArticles.lightboxGrid .article .text {
            display: block;
            padding: 0;
        }

            #SubContainers.lightboxGrid .article .text .title,
            #SubArticles.lightboxGrid .article .text .title {
                padding: 0;
                text-align: center;
            }

            #SubContainers.lightboxGrid .article .text .date,
            #SubArticles.lightboxGrid .article .text .date {
                display: none;
            }

            #SubContainers.lightboxGrid .article .text .summary,
            #SubArticles.lightboxGrid .article .text .summary {
                display: none;
            }

    #SubContainers.lightboxGrid.threeCols .article,
    #SubArticles.lightboxGrid.threeCols .article {
        width: 30%;
        margin-right: 5%; 
    }

        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(3), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(3),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(6), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(6),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(9), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(9),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(12), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(12),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(15), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(15),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(18), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(18),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(21), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(21),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(24), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(24),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(27), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(27),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(30), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(30),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(33), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(33),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(36), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(36),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(39), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(39),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(42), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(42),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(45), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(45),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(48), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(48),
        #SubArticles.lightboxGrid.threeCols .article:nth-of-type(51), #SubContainers.lightboxGrid.threeCols .article:nth-of-type(51) {
            margin-right: 0;
        }
        
    #SubContainers.lightboxGrid.fourCols .article,
    #SubArticles.lightboxGrid.fourCols .article {
        width: 22.75%;
        margin-right: 3%; 
    }

        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(4), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(4),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(8), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(8),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(12), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(12),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(16), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(16),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(20), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(20),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(24), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(24),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(28), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(28),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(32), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(32),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(36), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(36),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(40), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(40),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(44), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(44),
        #SubArticles.lightboxGrid.fourCols .article:nth-of-type(48), #SubContainers.lightboxGrid.fourCols .article:nth-of-type(48) {
            margin-right: 0;
        }
        
    #SubContainers.lightboxGrid.fiveCols .article,
    #SubArticles.lightboxGrid.fiveCols .article {
        width: 18%;
        margin-right: 2.5%; 
    }

        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(5), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(5),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(10), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(10),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(15), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(15),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(20), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(20),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(25), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(25),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(30), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(30),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(35), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(35),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(40), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(40),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(45), #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(45),
        #SubArticles.lightboxGrid.fiveCols .article:nth-of-type(50) #SubContainers.lightboxGrid.fiveCols .article:nth-of-type(50) {
            margin-right: 0;
        }

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

        #SubContainers.lightboxGrid,
        #SubArticles.lightboxGrid {
            font-size: 80%;
        }

    }
	
#CategoryFilter ul {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}
#CategoryFilterInner {
	border-bottom: 1px solid #cacaca;
}
#PrimaryContent #PageBody #CategoryFilter ul li {
	list-style: none;
	display: inline;
	margin: 0 18px;
	padding-bottom: 10px;
}
	#PrimaryContent #PageBody #CategoryFilter ul li.currentCategory {
		border-bottom: 3px solid #0f1e64;
	}
	#PrimaryContent #PageBody #CategoryFilter ul li:first-child {
		margin-left: 0;
		padding-left: 0;
	}
		#PrimaryContent #PageBody #CategoryFilter ul li.show {
			display: inline;
		}
#PrimaryContent #PageBody #CategoryFilter ul li a {
	text-decoration: none;
	font-size: 120%;
	font-family: "FocoCC", "FocoCCLight", "Foco", "FocoLight", Arial, Helvetica, Sans-Serif;
	color: #333333;
	padding-bottom: 8px;
	display: inline-block;
	padding-bottom: 11px;
}
#PrimaryContent #PageBody #CategoryFilter h2 {
	border-bottom: 3px solid #0f1e64;
	font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
	color: #0f1e64;
	display: none;
}
#PrimaryContent #PageBody #CategoryFilter h2:hover {
	cursor: pointer;
}

@media only screen and (max-width: 960px) {
	#PrimaryContent #PageBody #CategoryFilter ul {
		margin-top: 0px;
		padding-top: 0px;
	}
	#PrimaryContent #PageBody #CategoryFilter ul li {
		display: none;
		margin-left: 0;
		padding-left: 0px;
		padding-bottom: 0px;
	}
	#PrimaryContent #PageBody #CategoryFilter ul li.currentCategory {
		border-bottom: none;
	}
	#PrimaryContent #PageBody #CategoryFilter h2 {
		background-image: url('/App_Sites/ccv/Templates/Default/images/template/arrow_blue_down.gif');
		background-repeat:  no-repeat;
		background-position: right;
		margin-bottom: 0px;
		display: inline-block;
		padding: 0 40px 10px 20px;
		font-size: 130%;
	}
		#PrimaryContent #PageBody #CategoryFilter h2.clicked {
			background-image: url('/App_Sites/ccv/Templates/Default/images/template/arrow_blue_up.gif');
		}
		#PrimaryContent #PageBody #CategoryFilter ul li.show {
			display: block;
			background: rgba(243, 244, 247, 1);
			margin-right: 0;
		}
	#PrimaryContent #PageBody #CategoryFilter ul li a {
		padding: 8px 35px 8px 20px;
		display: block;
	}
	#PrimaryContent #PageBody #CategoryFilter ul li.currentCategory a {
		background: #ebecf0;
	}
		#PrimaryContent #PageBody #CategoryFilter ul li a:hover {
			background: #ebecf0;
		}
		#PrimaryContent #PageBody #CategoryFilter ul li.currentCategory a:hover {
			background: #e7e7ee;
		}
}

.lightboxPopup .article { /* Would be better to target something specifically to do with lightboxes */
}

    .lightboxPopup .article .thumbnail {
        float: left;
        max-width: 35%;
        margin-right: 10px;
    }

        .lightboxPopup .article .thumbnail img {
            max-width: 100%;
            border: 1px solid #e0e0e0;
        }

    .lightboxPopup .article .text {
    }

        .lightboxPopup .article .text .title {
            margin-top: 0;
        }

            .lightboxPopup .article .text .title a {
                font-size: 150%;
                color: #303030;
                text-decoration: none;
            }

        .lightboxPopup .article .text .date {
        }

        .lightboxPopup .article .text .summary {
        }

            .lightboxPopup .article .text .summary h2,
            .lightboxPopup .article .text .summary h3,
            .lightboxPopup .article .text .summary h4,
            .lightboxPopup .article .text .summary h5,
            .lightboxPopup .article .text .summary h6  {
                margin-top: 0;
            }

/* ####################################
   User Report File Widget
   ################################## */

.userReportFile {
}

    .userReportFile .formPanel {
    }

        .userReportFile .formPanel fieldset {
        }

            .userReportFile .formPanel fieldset legend {
            }

            .userReportFile .formPanel fieldset .formFields {
            }

                .userReportFile .formPanel fieldset .formFields .fieldContainer {
                }

                    .userReportFile .formPanel fieldset .formFields .fieldContainer .fieldTitle {
                    }

                    .userReportFile .formPanel fieldset .formFields .fieldContainer .fieldContent {
                    }

                .userReportFile .formPanel fieldset .formFields .fieldContainer.fileUpload {
                }

                    .userReportFile .formPanel fieldset .formFields .fieldContainer.fileUpload .fieldTitle {
                    }

                    .userReportFile .formPanel fieldset .formFields .fieldContainer.fileUpload .fieldContent {
                    }

                        .userReportFile .formPanel fieldset .formFields .fieldContainer.fileUpload .fieldContent .fieldControls {
                        }

                            .userReportFile .formPanel fieldset .formFields .fieldContainer.fileUpload .fieldContent .fieldControls .helpText {
                                display: block;
                            }

/* ####################################
   Shared Content - Follow Us
   ################################## */

#FollowUs {
}

    #FollowUs ul.links {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

        #FollowUs ul.links li {
            list-style: none;
            margin-left: 0;
            padding-left: 0;
        }

            #FollowUs ul.links li a {
                display: block;
                padding: 3px 0 0 24px;
                min-height: 20px;
                background-position: left top;
                background-repeat: no-repeat;
            }

                #FollowUs ul.links li a.linkBlogs {
                    background-image: url('../../images/icons/20x20_blog.gif');
                }

                #FollowUs ul.links li a.linkTwitter {
                    background-image: url('../../images/icons/20x20_twitter.gif');
                }

                #FollowUs ul.links li a.linkFacebook {
                    background-image: url('../../images/icons/20x20_facebook.gif');
                }

                #FollowUs ul.links li a.linkLinkedIn {
                    background-image: url('../../images/icons/20x20_linkedin.gif');
                }

                #FollowUs ul.links li a.linkRSS {
                    background-image: url('../../images/icons/20x20_rss.gif');
                }
/* ####################################
   Dynamic Form
   ################################## */	
#DynamicFormWrapper{    
	width: 95%;
    margin: 0 5% 0 0;
    display: inline-block;
}

/*SalesForce Form*/
#PrimaryContent .ff-form-main{padding:2%;background:#f1f5f8;color:#666666;font-size:110%;font-family:"FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;border-radius: 5px;}
#PrimaryContent #dvFastForms .ff-group-row{margin:0;background:none;}
#PrimaryContent #dvFastForms .ff-section-header {font-size:100%;font-weight:bold;color:#0F1E64;font-family:"FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;}
#PrimaryContent #dvFastForms .ff-field-col{display:inline-block;}
#PrimaryContent #dvFastForms .ff-label-col{padding:10px 0 0 0;}
#PrimaryContent #dvFastForms .ff-label{font-size:80%;font-weight:bold;color:#666666;font-family:"FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;}
	#PrimaryContent #dvFastForms .ff-checkbox-li label,#PrimaryContent #dvFastForms .select2-results .select2-result-label{font-family:"FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;}
	#PrimaryContent #dvFastForms .select2-container .select2-choice{height:40px;background: #fff;}
#PrimaryContent #dvFastForms .ff-type-text, #PrimaryContent #dvFastForms .ff-textarea, #PrimaryContent #dvFastForms select.ff-select-type, #PrimaryContent #dvFastForms .ff-fileupload-drop-area, #PrimaryContent #dvFastForms .select2-container .select2-choice, #PrimaryContent #dvFastForms .select2-container .select2-choices{box-sizing:border-box;border-radius: 3px;font-family:"FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;}
#PrimaryContent #dvFastForms .ff-required-mark{color:brown;padding:0 0 0 5px;}
#PrimaryContent #dvFastForms .ff-btn-submit{box-sizing: border-box;width: auto;padding: 10px 65px;margin:10px 0 0 10px;float: none;font-size: 115%;background: #ffd200;font-size:90%;color: #0f1e64;font-family: "FocoCCBlack","FocoBlack",Arial,Helvetica,Sans-Serif;}
#PrimaryContent #dvFastForms .ff-invalid-msg{font-family:"FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;padding:5px 0 0 0;color: #d7002d;text-transform: capitalize;}
#PrimaryContent #dvFastForms .ff-general-text-label{font-size: 60%;font-weight: normal;}

/* ####################################
   Call to action
   ################################## */
.CallsToAction {
	width:100%;
	margin:2% 0 0 0;
	padding:2% 0;
	border-top:1px dotted #4D90d7;
	display:inline-block;
	text-align:center;
}
	.Call {
		width:23%;
		margin:1%;
		padding: 0px;
		display:inline-block;
		float:left;
	}
	.Calls {
		margin: 0px;
		padding: 0px;
	}
	.CallContent{
		width:96%;
		padding:2%;
		display:inline-block;
		text-align:center;
	}
	.CallContent h1{padding:0;margin:0;}
	.CallContent p{padding:3px;margin:0;}
		.CTABGBlue{ background:#4D90d7;border-radius:5px;}
		.CTABGGrey{ background:#E9E9E9;border-radius:5px;}
		.CTABGYellow{ background:#ffd200;border-radius:5px;}
		.CTABGDarkBlue{ background:#0F1E64;border-radius:5px;}
		.CTAYellowText, .CTAYellowText a, .CTAYellowText a:link, .CTAYellowText a:visited, .CTAYellowText a:hover, .CTAYellowText h1, .CTAYellowText h2, .CTAYellowText h3 {color:#ffd200;text-decoration:none;display:block;}
		.CTABlueText, .CTABlueText a, .CTABlueText a:link, .CTABlueText a:visited, .CTABlueText a:hover, .CTABlueText h1, .CTABlueText h2, .CTABlueText h3 {color:#4D90d7;text-decoration:none;display:block;}
		.CTADarkBlueText, .CTADarkBlueText p, .CTADarkBlueText a, .CTADarkBlueText a:link, .CTADarkBlueText a:visited, .CTADarkBlueText a:hover, .CTADarkBlueText h1, .CTADarkBlueText h2, .CTADarkBlueText h3 {color:#0F1E64;text-decoration:none;display:block;}
		.CTAWhiteText, .CTAWhiteText a, .CTAWhiteText a:link, .CTAWhiteText a:visited, .CTAWhiteText a:hover, .CTAWhiteText h1, .CTAWhiteText h2, .CTAWhiteText h3 {color:#fff;text-decoration:none;display:block;}
		.CTAHelveticaText, .CTAHelveticaText a{font-family:"FocoCC", "Foco", Arial, Helvetica, Sans Serif;}
		.CTARoundedCorner{border-radius:5px;}
		.CTAYellowBorder{border:2px solid #ffd200;}
		#Primary .Call a{text-decoration:none;}
	.BlueBox {
		background: #0f1e64;
		color: #fff;
		padding: 15px 20px;
		border-radius: 15px;
		margin-bottom: 20px;
	}
	/*Custom CTA*/
	#CTAForgottenCancerProject{background:#4D90d7 url(/images/call_to_actions/forgotten-cancer-project.jpg) center center no-repeat; height: 90px; padding-top: 20px; padding-left: 8px; padding-right: 8px; width: 151px;border-top:2px solid #4D90D7;}
	.CTAHelpline{background:#ffd200 url(/images/call_to_actions/women-on-phone.png) bottom right no-repeat; height: 91px; width: 164px;padding:3px 0 0 5px;text-align:left;font-size:120%;}
	.CTAOTherLanguages{background:#4D90d7 url(/images/call_to_actions/chinese-women.png) bottom right no-repeat; height: 79px; width: 164px;padding:15px 0 0 5px;text-align:left;font-size:120%;}
	/*Youtube Video Lightbox*/
	.lightbox-overlay {
		width:100%;
		height:100%;
		top: 0;
		left: 0;
		background:url('/App_Sites/ccv/Templates/Default/images/template/black_t75.png');
		z-index: 8010;
		overflow: hidden;
		position: fixed;
		display: none;
	}
		/*.lightbox-loading {
			position: fixed;
			top: 50%;
			left: 50%;
			margin-top: -22px;
			margin-left: -22px;
			opacity: 0.8;
			cursor: pointer;
			z-index: 8060;
		}
		.lightbox-loading div {
			width: 44px;
			height: 44px;
			border-radius: 4px;
			background:#000000 url('/App_Sites/ccv/Templates/Default/images/template/loading-1.gif') center center no-repeat;
		}*/
		.lightbox-skin {
			width:50%;
			top: 50%;
			left: 50%;
			color: #444;
			background:url('/App_Sites/ccv/Templates/Default/images/template/loading-1.gif') center center no-repeat;
			position:absolute;
		}
		.lightbox-content{
		}
			.lightbox-content h2{
				margin:2% 0 0 0;
				text-align:center;
			}
		.lightbox-close {
			width: 15px;
			height: 15px;
			right: 0;
			top: -5px;
			z-index: 8040;
			position: absolute;
			cursor: pointer;
			background: url('/App_Sites/ccv/Templates/Default/images/template/close.png') center center no-repeat;
		}
		@media only screen and (max-width: 800px) {
			.lightbox-skin {
				width:90%;
			}
		}
/*Accordian*/
.accordian{}
	#Primary .accordian .latestArticles .article{
		width:100%;
		padding:0;
		margin:0;
		border:none;
		background:none;
	}
		#Primary .accordian .latestArticles .article:hover{box-shadow:none;}
	.accordian h3.accordianTitle,.accordian h3.title{
		box-sizing: border-box;
		width: 100%;
		margin:0;
		padding: 2% 30px 2% 0;
		box-sizing: border-box;
		background-image: url('/images/icons/svg/arrow-down-blue.svg');
		background-repeat: no-repeat;
		background-position: right center;
		cursor: pointer;
		border-bottom: 1px solid #e0e0e0;
		text-align:left;
		color:#0F1E64;
	}
		.accordian h3.accordianTitle.active,.accordian h3.title.active{
			background-image: url('/images/icons/svg/arrow-up-blue.svg');
		}
		.accordian h3.accordianTitle:first-child,#Primary .accordian .latestArticles .article:first-child h3.title{
			border-top: 1px solid var(--colour-grey-100);
		}
		#Primary .accordian .latestArticles .article h3{margin:0;}
		#Primary .accordian .latestArticles .article .text{
			box-sizing: border-box;
			width:100%;
			padding:0;
			display:inline-block;
		}
	.accordian .accordianContent,#Primary .accordian .latestArticles .article .summary{
		box-sizing: border-box;
		width:100%;
		padding: 10px;
		margin:0 0 10px 0;
		text-align:left;
		background: var(--colour-blue-light-50);
	}
	/* More generic accordion */
	.accordionTitle {
		font-size: 1.5rem;
		padding: 20px 25px 20px 0;
		margin: 0;
		border-top: 1px solid var(--colour-grey-100);
		cursor: pointer;
		background-image: url('/images/icons/svg/arrow-down-blue.svg');
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: center;
	}
	.accordionTitle.open {
		background-image: url('/images/icons/svg/arrow-up-blue.svg');
	}
	.accordionContent {box-sizing: border-box;width: 100%;padding: 10px;margin-bottom: 20px;border-radius: 10px;background: var(--colour-blue-light-50);}
/*Tooltip*/
a.tooltips {
  position: relative;
  display: inline;
  text-decoration:none;
  outline:none;
}
	a.tooltips img{
		width:15px;
		padding:0 0 0 5px;
		margin: -5px 0 0 0;
		vertical-align:middle;
	}
a.tooltips span {
  position: absolute;
  width:180px;
  padding:6px 8px;
  color:#000;
  background-color:#f2f2f2;
  border:1px solid #009bdc;
  height: auto;
  line-height:150%;
  text-align: left;
  visibility: hidden;
  border-radius:4px;
  font:12px/16px arial,helvetica,sans-serif;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 6px solid #009bdc;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
}
/* ####################################
   CMS Elements
   ################################## */

.cmHighlight, .cmhighlight {
    font-weight: bold;
}

/* ####################################
   CMS Developer Stuff
   ################################## */

.exampleWidget {
    border: #e0e0e0 1px solid; 
    background: #f0f0f0; 
    padding: 10px; 
    border-radius: 4px; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .exampleWidget h1,
    .exampleWidget h2,
    .exampleWidget h3,
    .exampleWidget h4,
    .exampleWidget h5,
    .exampleWidget h6,
    .exampleWidget p {
        margin: 0.5em 0;
    }

    .exampleWidget .title {
    }

    .exampleWidget .summary {
    }

#cmsDevMode {
    position: absolute; 
    width: 150px; 
    padding: 10px;
    margin: 10px;
    background: #f8f8f8;
    border: 1px #e0e0e0 solid;
    z-index: 1000000;
    top: 0; 
    right: 0; 
}

    #cmsDevMode .previewTitle {
        margin: 0;
        font-weight: bold;
    }

    #cmsDevMode .previewLinks {
    }

        #cmsDevMode .previewLinks ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #cmsDevMode .previewLinks ul li {
            }

#relatedlinks {
}
#relatedlinks .relatedLinkColumns {
	width:100%;
	margin: 0px;
	padding: 3px 0px 10px 0px;
	display:inline-block;
}
	.relatedLinkColumns .relatedLinkColOne{width:60%;margin-right:5%;float:left;}
	.relatedLinkColumns .relatedLinkColTwo{width:15%;margin-right:5%;float:left;}
	.relatedLinkColumns .relatedLinkColThree{width:14%;float:left;}
	
	
/* Feedback Survey */

#FeedbackWrapper {
	width: 100%;
	text-align: center;
	background: #fff;
	display: inline-block;
}
#Container_ccv_homepagec_content #FeedbackWrapper {
	display: none;
}
	#FeedbackWrapperInner {
		width: 1024px;
		max-width: 100%;
		margin: 20px auto;
		padding: 0;
		display: inline-block;
		box-sizing: border-box;
	}
		#FeedbackWrapper a {
			text-decoration: underline;
		}
		#FeedbackWrapper h3 {
			margin: 0 0 0.5em 0;
		}
		#FeedbackWrapper input[type=text] {
			box-sizing: border-box;
			width: 45%;
			padding: 1% 2%;
			margin: 10px 0;
			color: #888;
			border: 1px solid #000;
		}
		#FeedbackWrapper textarea {
			width: 50%;
			height: 100px;
			margin: 10px 0;
		}
		#FeedbackSurveyResponse,#IssuesFormResponse{
			font-weight:bold;
		}
		#FeedbackSurvey {
			float: left;
			text-align: left;
		}
		#FeedbackSurveyInner {}
			#FeedbackSurvey h2 {
				display: inline-block;
				font-size: 100%;
				margin: 0 18px 0.5em 0;
			}
			#FeedbackSurveyFormForm {
				clear: both;
				text-align: left;
			}
			#FeedbackSurveyComment {
				padding-top: 20px;
			}
		
		#IssuesFormWrapper {float: right;}
		#IssuesFormWrapperInner {}
		#IssuesFormForm {
			width: 100%;
			text-align: left;
			clear: both;
			padding-top: 20px;
		}
			#IssuesFormClose {
				float: right;
			}
		
		#FeedbackWrapper a#FeedbackSurveySubmit, #FeedbackWrapper a#IssuesFormSubmit {
			color: #0f1e64;
			background: rgba(255, 210, 0, 1);
			padding: 5px 18px 2px;
			border-radius: 8px;
			display: block;
			margin: 0;
			text-decoration: none;
			font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
			text-decoration: none;
			width: 25%;
			text-align: center;
			padding: 12px;
		}
		
@media screen and (max-width: 700px) {
	#FeedbackWrapper {
		width:95%;
	}
	#FeedbackSurvey, #IssuesFormWrapper {
		float: none;
		width: 100%;
		text-align: left;
	}
	#IssuesFormWrapper {
		margin: 10px 0 20px;
	}
	#IssuesFormForm {
		padding-top: 0;
	}
	#FeedbackWrapper textarea {
		width: 100%;
	}
	#FeedbackWrapper a#FeedbackSurveySubmit, #FeedbackWrapper a#IssuesFormSubmit {
		width: 50%;
	}
	
}

/* End Feedback Survey */
   
/* Image Gallery */
#Primary .imageGallery .imageGallery-inner, #Tertiary .imageGallery .imageGallery-inner{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
	#Primary .imageGallery .slickInner, #Tertiary  .imageGallery .slickInner{
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		text-align: center;
	}
		.imageGallery  .slickInner img{
			width:100%;
			height:auto;
			display:block;
		}
	#Primary .imageGallery .slick-list, #Tertiary .imageGallery .slick-list{
		margin:0;
	}
	#Primary .imageGallery.gridLayout,#Tertiary .imageGallery.gridLayout {
		width:100%;
		display:inline-block;
	}
		#Primary .imageGallery.gridLayout .slickInner,#Tertiary .imageGallery.gridLayout .slickInner{
			box-sizing:border-box;
			width:31.3%;
			margin:1% 1% 0 0;
			padding:0;
			float:left;
		}
			#Primary .imageGallery.gridLayout .slickInner img {
				height: 139px;
			}
@media screen and (max-width: 990px) {
  #Primary .imageGallery.gridLayout .slickInner img {
    height: 139px !important;
  }
}
@media screen and (max-width: 800px) {
	#Primary .imageGallery.gridLayout .slickInner,#Tertiary .imageGallery.gridLayout .slickInner{
		width:48%;
	}
		#Primary .imageGallery.gridLayout .slickInner img {
			width: 240px !important;
			height: 160px !important;
			max-height: 160px !important;
		}
	#Primary .imageGallery .slick-prev,#Primary .imageGallery .slick-next, #Tertiary .imageGallery .slick-prev, #Tertiary .imageGallery .slick-next{
		margin:0;
	}
}
@media screen and (max-width: 540px) {
	#Primary .imageGallery.gridLayout .slickInner img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
	}
	#Primary .imageGallery.gridLayout .slickInner {
		width: 100%;
	}
}
/* End Image Gallery */

/* ContextMenu */

.ContextMenu {}
	.ContextMenu h2 {
		display: inline-block;
		float: left;
		margin-right: 20px;
		font-size: 100%;
		font-family: "FocoCCLight", "FocoLight", Arial, Helvetica;
	}
	.ContextMenu ul {
		margin-top: 0.9em;
		display: inline-block;
	}
	.ContextMenu ul, .ContextMenu ul li {
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;
	}
	#PrimaryContent #PageBody .ContextMenu ul li, #PageContainer .ContextMenu ul li {
		margin: 0 0 0.75em;
	}
	.ContextMenu ul > li::before {
		content: "— ";
		padding-right: 5px;
	}
	#Primary #PageBody .ContextMenu ul li.current a, #PageContainer .ContextMenu ul li.current a {
		color: #737373;
		text-decoration: none;
	}

.page-anchor-menu {box-sizing:border-box;width:100%;padding:0;margin:0 0 2rem 0;}
	.page-anchor-menu h2 { margin: 1.2em 0 0.75em 0;font-size: 2rem;line-height: 1em;}
	.page-anchor-menu ul{margin:0;padding:0;list-style:none;}
	.page-anchor-menu ul li{border-right: 1.9px solid var(--colour-blue);padding:0 6px;display:inline-block;}
	.page-anchor-menu ul li:first-child{padding-left:0;}
	.page-anchor-menu ul li:last-child{border-right:none;padding-right:0;background:none;}

#Secondary .page-anchor-menu {margin:0;}
	#Secondary .page-anchor-menu.sticky{width:300px;position:fixed; top:135px;}
	#Secondary .page-anchor-menu h2 { margin:0.5em 0;font-size:1.5rem;}
	#Secondary .page-anchor-menu ul{margin:0;padding:0;list-style:none;}
	#Secondary .page-anchor-menu ul li{display:flex;border-right: none;padding:0;background: url(/images/icons/svg/blue-line.svg) top 30px left no-repeat;}
		#Secondary .page-anchor-menu ul li:last-child{background-position: top -30px left;}
		#Secondary .page-anchor-menu ul li svg rect{fill:#fff;}
		#Secondary .page-anchor-menu ul li:hover svg rect,#Secondary .page-anchor-menu ul li.current svg rect{fill:var(--colour-blue);}
	#Secondary .page-anchor-menu ul li a{flex: 1;display: block;margin:0 0 0 10px;padding:8px;border-radius:5px;font-size: 1.1rem;}
		#Secondary .page-anchor-menu ul li a:hover{text-decoration:none;background:var(--colour-grey-100);}
		#Secondary .page-anchor-menu ul li.current a{text-decoration:none;background:var(--colour-blue-light-100);}

@media screen and (max-width: 768px) {
	#Secondary .page-anchor-menu.sticky{position:relative!important; top:0;}
}

.MenuBox {}
	#SubHeader .MenuBox {
		padding: 10px 15px;
		background: #f1f5f8;
		border-radius: 5px;
		text-shadow: none;
		position: absolute;
		bottom: 30px;
		right: 0;
	}
	.MenuBox ul, .MenuBox ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
		.MenuBox a {
			margin: 0;
			padding: 10px 30px 10px 5px;
			color: #0F1E64;
			text-decoration: none;
			display: block;
			background: #f1f5f8 url('/App_Sites/ccv/Templates/Default/images/template/menu-arrow.png') center right no-repeat;
			line-height: 100%;
			font-family: "FocoCCBold","FocoCC","FocoBold","Foco",Arial,Helvetica,Sans-Serif;
			border-bottom: 1px solid #e5e2e0;
			font-size: 1.0rem;
		}
		.MenuBox a:hover {
			background-color: #d8d8d8;
		}
@media screen and (max-width: 800px) {
	#SubHeader .MenuBox {
		position: relative;
		bottom: 0px;
	}
}
.PageMenu {}
	.PageMenuInner {}
		ul.pageMenu {
			list-style: none;
			padding: 0;
		}
			ul.pageMenu li {
				list-style: none;
				list-style: none;
				display: inline-block;
				width: 31%;
				margin: 1% 3% 1% 0;
			}
			ul.pageMenu li:nth-child(3n) {
				margin: 0;
			}
				#PrimaryContent #PageBody ul.pageMenu li {
				    margin: 1% 3% 1% 0;
				}
				#PrimaryContent #PageBody ul.pageMenu li:nth-child(3n) {
					margin: 0;
				}
				ul.pageMenu li a {
					padding: 12px 30px 12px 12px;
					background: url('/images/templates/icons/arrow-blue-right.png') no-repeat;
					background-position-x: 96%;
					background-position-y: 50%;
					text-decoration: none;
					font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
					box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
					display: block;
					border-radius: 5px;
				}
				#PageBody .PageMenu a, #PrimaryInner .PageMenu a, #Tertiary .PageMenu a {
					color: #0F1E64;
				}
	@media screen and (max-width: 800px) {
		#PrimaryContent #PageBody ul.pageMenu li, ul.pageMenu li, #PrimaryContent #PageBody ul.pageMenu li:nth-child(3n), ul.pageMenu li:nth-child(3n) {
			width: 100%;
			margin: 1% 0;
		}
	}

/* End ContextMenu */
   
/* Previous / Next buttons */
.previousNext{box-sizing:border-box;width:100%;padding:0;margin:2rem 0;}
	.previousNext .previousNextInner{
		box-sizing:border-box;
		width:100%;
		padding:0;
		margin:0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		justify-content: space-between;
		align-items: flex-start;
	}
	.previousNext div.previous a,.previousNext div.next a{padding: 15px;display: flex;gap: 0.8rem;text-transform: uppercase;background: var(--colour-blue);color: #fff!important;border-radius: 8px;font-size: 80%;}
	.previousNext div.next a{justify-content: space-between;}
		.previousNext div.previous a:hover,.previousNext div.next a:hover{background: var(--colour-yellow);color: var(--colour-blue)!important}
	.previousNext div.previous a svg,.previousNext div.next a svg{width:40px;flex-shrink: 0;}
	.previousNext div.previous a .linkLabel,.previousNext div.next a .linkLabel{display:block;text-transform: capitalize;font-weight: 700;text-decoration: underline;font-size: 115%;}

    .previousNext div.previous {
        display: none;
    }
    .previousNext div.currentPage {
        display: none;
    }
    .previousNext div.next {
        display: block;
    }
    .previousNext div.after {
        display: none;
    }
	@media only screen and (max-width:768px){
		.previousNext .previousNextInner{grid-template-columns: 1fr;}
	}
/* Previous / Next buttons */

/*Widget - Fetch API Data*/
.widgetAPIResponse{display:none!important;}
/*API : Trials*/
.apiTrials p.apiTrialsItem{padding:0.75em;border-top:1px solid #dedede;font-size:90%;background:#fff;}
.apiTrials p.apiTrialsItem:last-child{background:none;}
.apiTrials p.apiTrialsItem a{text-decoration:none!important;}
.apiTrials p.apiTrialsItem a:hover{text-decoration:underline!important;}
.apiTrials p.apiTrialsItem a[target="_blank"]::after{display:none;}
.apiTrials p.apiTrialsItem span.textTitle{display:block}
.apiTrials p.apiTrialsItem span.textIds,.apiTrials p.apiTrialsItem span.textLocation{font-size:90%;background:url(/images/templates/icons/svg/link.svg) left center no-repeat;vertical-align:middle;padding:0 0 0 20px;background-size:15px;color:#000;display:inline-block;}
.apiTrials p.apiTrialsItem span.textLocation{background-image:url(/images/templates/icons/svg/location-pin.svg);margin-left:20px}
@media screen and (max-width: 425px) {
	.apiTrials p.apiTrialsItem span.textIds,.apiTrials p.apiTrialsItem span.textLocation{display:block;margin:0;}
}
/*End of API : Trials*/