@charset "utf-8";

.contentpage div.searchcontent {
    float: left;
    width: 78%;
    margin-left: 2%;
}

div.searchcontent.searchNoResult {
    width: 100% !important;
    margin-left: 0 !important;
}

    div.searchcontent.searchNoResult * {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

div.searchcontent p {
    clear: both !important;
}

div.sectionNav.navNoResult {
    display: none;
}

div.sort-by {
    float: right;
    margin: 10px 20px 0 0;
}

.searchResults {
    margin-top: 0 !important;
}

.resultsTotal {
    float: right;
    font-weight: 400;
}

div.search-panel {
    overflow: hidden;
    border: 0 solid #ababab;
    padding: 10px;
}

p.firstsearch-row {
    clear: both;
    padding-top: 16px;
}

div.search-panel div.searchQuery {
    font-size: 18px;
    margin: 2px 0 0 !important;
    float: left;
}

div.searchAgain {
    width: 100% !important;
    float: right;
    padding: 10px;
}

div.search-panel form select {
    width: 80px;
}

div.search-panel form p.firstsearch-row {
    padding-left: 85px;
}

#expert-search-form p {
    margin-bottom: 0;
    padding-top: 10px;
}

    #expert-search-form p .error {
        border: 1px solid red;
    }

strong.larger {
    font-size: larger;
}

.sectionNav ul {
    overflow: hidden;
    margin-bottom: 0;
    border: 0;
}

.sectionNav .section-title-filtered > li, .sectionNav .section-title > li {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.sectionNav .section-title-filtered > .clearfix, .sectionNav .section-title > .clearfix {
    border-bottom: 0;
}

.sectionNav .section-title .clearfix h3, .sectionNav .section-title li h3, .sectionNav .section-title-filtered .clearfix h3, .sectionNav .section-title-filtered li h3 {
    background: #5595C5;
    margin: 0;
    padding: 5px;
    color: #fff;
    font-size: 18px;
}

.sectionNav .section-title li ul, .sectionNav .section-title-filtered li ul {
    background: #DEE8F1;
}

    .sectionNav .section-title li ul li, .sectionNav .section-title-filtered li ul li {
        border-bottom: 1px solid #ccc;
    }

.sectionNav > ul > li a {
    background: 0 0;
    color: #00539F;
}

.sectionNav .section-title li ul li:hover, .sectionNav .section-title-filteredli ul li:hover {
    background-color: #ebedf6;
}

    .sectionNav .section-title li ul li:hover a, .sectionNav .section-title-filtered li ul li:hover a {
        color: #000;
    }

.sectionNav .section-title li ul li a, .sectionNav .section-title-filtered li ul li a {
    padding: 5px 2%;
    width: 85%;
}

.sectionNav .section-title-filtered img {
    padding: 3px 5px;
}

div.search-result {
    padding: 15px;
    border: 1px solid #e5e5e5;
    margin: 0 0 12px;
    position: relative;
    width: 100%;
}

div.imageWrapper {
    width: 100%;
}

p.image-result {
    width: 70%;
    max-width: 495px;
    margin-bottom: 0px;
}

div.search-result a.search-result-thumbnail {
    position: absolute;
    bottom: 40px;
    right: 35px;
    background-image: none !important;
    width: 25%;
    min-width: 190px;
    max-width: 190px;
}

img.play {
    display: none;
}

div.search-result a.search-result-thumbnail[href*="video-player.asp"] img.play {
    display: block;
    border: none;
    top: 20px;
    left: 85px;
    position: absolute;
    width: 64px;
    height: 46px;
}



.search-result.topic {
    border: 1px dashed #454545;
    background-color: #FDFDF4;
}

div.content .image-content {
    width: 65%;
}

div.search-result-item-count {
    float: left;
    width: 100%;
}

    div.search-result-item-count h3 {
        float: right;
    }

.pagination {
    width: 50% !important;
    float: left;
    margin: 0 auto;
}

.search-result-item-count {
    width: 50% !important;
    float: right;
    margin: 0 auto;
    font-size: 10px !important;
}

label.no-results {
    font-weight: 700;
    width: 400px;
    margin-left: 10px !important;
}

span.highlighted {
    color: #303030 !important;
    font-weight: 700;
}

div.search-result a[href*="http:"], div.search-result a[href*="SCOpush.aspx?url=*"] {
    margin-right: 0px;
    padding-right: 0;
}

div.search-result a[href$=".pdf"] {
    background: url(http://www.scie.org.uk/assets/img/icons/pdf.gif) 0 no-repeat !important;
    padding-left: 20px;
    padding-right: 20px;
}

div.search-result a[href$=".doc"], div.search-result a[href$=".docx"] {
    background: url(http://www.scie.org.uk/assets/img/icons/doc.gif) 0 no-repeat !important;
    padding-left: 20px;
    padding-right: 0;
}

div.search-result a[href$=".xls"], div.search-result a[href$=".xlsx"] {
    background: url(http://www.scie.org.uk/assets/img/icons/xls.gif) 0 no-repeat !important;
    padding-left: 20px;
    padding-right: 0;
}

div.search-result a[href$=".ppt"], div.search-result a[href$=".pptx"] {
    background: url(http://www.scie.org.uk/assets/img/icons/ppt.gif) 0 no-repeat !important;
    padding-left: 20px;
    padding-right: 0;
}

div.search-result a[href*="video-player.asp"] {
    background: url(http://www.scie.org.uk/assets/img/icons/video.gif) 0 no-repeat !important;
    padding-left: 20px;
    padding-right: 0;
}

div.search-result a.no-background {
    background: 0 0 !important;
}

.ui-autocomplete-input {
    border: 2px solid #ccc;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.ui-autocomplete-loading {
    border: 1px solid #00f;
}

.ui-autocomplete-input .ui-autocomplete-loading {
    border: 1px solid green;
}

.ui-corner-top {
    border: 1px solid #000;
}

div.small-result {
    padding-left: 30px;
}

    div.small-result h5 {
        font-size: small;
    }

h3.search-group-header {
    margin-top: 0;
    padding-top: 0;
}

@media only screen and (max-width:940px) {
    p.image-result {
        width: 60%;
        max-width: 495px;
    }
}

@media only screen and (max-width:850px) {
    div.search-result a.search-result-thumbnail {
        bottom: 65px;
    }

    p.image-result {
        width: 50%;
        max-width: 495px;
    }

    .contentpage div.searchcontent {
        width: 73%;
        margin: 0 0 0 2%;
    }

    div.content .title {
        width: 100% !important;
    }

     div.content .image-content {
        width: 55%;
    }
}

@media only screen and (max-width:740px) {
    div.search-result a.search-result-thumbnail {
        bottom: 70px;
    }

    div.content .image-content {
        width: 100%;
    }
}

@media only screen and (max-width:580px) {
    div.search-panel {
        padding: 10px 0;
    }

    p.image-result {
        width: 100%;
        max-width: 495px;
    }

    div.search-result a.search-result-thumbnail {
        position: relative;
        bottom: 0;
        right: 0;
        padding: 0 !important;
    }

        div.search-result a.search-result-thumbnail[href*="video-player.asp"] img.play {
            top: -65px;
            left: 60px;
        }

    .contentpage div.searchcontent {
        width: 100%;
        margin: 0 0 10px;
    }

    .resultsTotal {
        float: none;
        display: block;
        clear: both;
    }

    .pagination, .search-result-item-count, div.search-result-item-count h3 {
        width: 100% !important;
        float: none !important;
    }
}