/*
    Subsections on content item Add and Edit pages.
*/
.OF_Help {
    cursor: pointer;
}

.recordDetailStandardSectionlabel {
    color: #0e5ca2;
    font-weight: bold;
}

table.ip_section {
    background-color: #f0f0f0;
    border: dotted 1px #808080;
}

    table.ip_section td {
        padding: 2px 2px 2px 2px;
    }

span.ip_section_prompt {
    display: inline;
    font-size: 110%;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
}

.bottom-bordered {
    border-bottom: dotted 1px #000000;
    padding: 2px 2px 2px 2px;
}

/*
    Help Popups
*/
.help_popup {
    background-color: Transparent;
}

    .help_popup .title, .help_popup .content {
        padding: 5px 5px 5px 5px;
    }

    .help_popup .title {
        font-size: 14px;
        font-weight: bold;
        display: block;
    }

        .help_popup .title img {
            float: right;
            cursor: pointer;
        }

    .help_popup .content {
        border-width: 0.5px 2px 2px 1px;
        border-style: solid;
        border-color: #0c8041;
        height: 80%;
        background-color: #ffffff;
    }

/* Also used on help popups */
.fg-control-button {
    float: right;
}

/* Tweak header for our background, logo, etc */
#header {
    height: 174px;
    background-size: cover;
    background-position: left center;
}

/* Styling for the carousel of sector images */
#sectorCarouselWrapper {
    height: 130px;
    width: 250px;
    margin: 4px;
    border: 4px solid white;
}
#headerCarouselWrapper {
    height: 130px;
    width: 250px;
    margin: 0 auto;
    border: none;
}

/* Borrowed from BootStrap to hide carousel on phones */
@media all and (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

/* Increase text size in Twitcker bar */
#twitcker-bar a {
	font-size: 16px !important;
	line-height: 16px !important;
}

/*
    Migrated from Record Layouts
*/

.ff-rl-container {
    margin-right: 400px;
}

.ff-rl-field {
    width: 100%;
}

.ff-rl-label {
	display: inline-block;
    width: 33%;
    font-weight: bold;
    margin-right: 3px;
	vertical-align: top;
}

.ff-rl-value {
	display: inline-block;
}

.ff-rl-field-spacer {
    clear: both;
    height: 2px;
}

.ff-rl-title {
    font-size: 150%;
}

div.ff-rl-rightcolumn {
    float: right;
    width: 400px;
}

div.ff-rl-file-thumbnail table.tblFileDisplay td.fileLayoutCell {
    height: 400px !important;
    width: 400px !important;
}

    div.ff-rl-file-thumbnail table.tblFileDisplay td.fileLayoutCell div.thumbnail {
        height: 400px !important;
    }

        div.ff-rl-file-thumbnail table.tblFileDisplay td.fileLayoutCell div.thumbnail a {
            width: 400px !important;
        }

            div.ff-rl-file-thumbnail table.tblFileDisplay td.fileLayoutCell div.thumbnail a img {
                height: 400px !important;
            }

.ff-rl-orginfo {
    margin-top: 32px;
    text-align: center;
}

.ff-rl-orgtitle {
    font-weight: bold;
    font-size: 150%;
}

/*
    TODO:
    Email Presto support to see if there's a way to get the image without the table layout.
    Could use jquery to remove the table layout surrounding the image.
    Thumbnail size might be part of the getdoc call - try messing with old style
    control as the Presto UI lets us supply the size somehow.
*/
div.ff-rl-orglogo table.tblFileDisplay {
    margin: 0 auto;
}

    div.ff-rl-orglogo table.tblFileDisplay td.fileLayoutCell {
        height: unset !important;
        width: unset !important;
    }

        div.ff-rl-orglogo table.tblFileDisplay td.fileLayoutCell div.thumbnail {
            height: unset !important;
        }

            div.ff-rl-orglogo table.tblFileDisplay td.fileLayoutCell div.thumbnail a {
                width: unset !important;
            }

                div.ff-rl-orglogo table.tblFileDisplay td.fileLayoutCell div.thumbnail a img {
                    width: 200px !important;
                }

/*
    Featured content banners on home page
*/
.ff-feature-banner {
    width: 95%;
    height: 30px;
    color: white;
    background-size: cover;
    background-position: center center;
    padding: 2px;
}

#ff-feature-banner-tbi {
    background-image: url('/Library/images/homepage/tbi1.png');
}

#ff-feature-banner-rpa {
    background-image: url('/Library/images/homepage/research1.png');
}

#ff-feature-banner-olm {
    background-image: url('/Library/images/homepage/learning1.png');
}

/* Hacks to remove unwanted white space from between home page featured content sections */
#advScreenControlId_13265-title-text,
#advScreenControlId_13267-title-text,
#advScreenControlId_13260 > :nth-child(4),
#advScreenControlId_13265 > :nth-child(4) {
    display: none;
}

/* Sector image slider */
/* Added to header in place of the carousel */
#sector-slider {
	margin-right: 10px;
}
/* The slider's js adds an inline style which sets the height too short, so override it here */
#sector-slider .bx-viewport {
	height: 120px !important;
}