/* #########################################################################
   ##
   ##  Search Module - Default.aspx (Advanced Search & Search Results)
   ##
   ######################################################################### */

#Primary {
}

    #PrimaryContent {
        margin-bottom: 1.5em;
    }

#SearchResults {
    min-height: 400px; /* Enough room for the search form on large screens. */
    margin-right: 320px;
}

    #SearchResults .searchResult {
        float: none;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        padding: 0 0 2.5em;
        margin-block: 2.5em;
        border: 0;
        border-bottom: #0aa9a1 3px solid;
    }

        #SearchResults .searchResult .thumbnail {
            max-width: 150px;
            flex-shrink: 0; /* Don't get smaller. */
        }

        #SearchResults .searchResult .text {
            width: 100%;
            flex-grow: 0; /* Don't grow and push the image around. */
        }

            #SearchResults .searchResult .text .title {
                margin: 0 0 0.5em;
                padding-right: 210px;
            }

                #SearchResults .searchResult .text .title a {
                }

                #SearchResults .searchResult .text .title .fileSize {
                    display: inline-block;
                    margin-left: 10px;
                }

                    #SearchResults .searchResult .text .title .fileSize:before {
                        content: "[";
                    }

                    #SearchResults .searchResult .text .title .fileSize:after {
                        content: "]";
                    }

                #SearchResults .searchResult .text .title .fileSizeValue {
                }

                #SearchResults .searchResult .text .title .fileSizeUnit {
                }

            #SearchResults .searchResult .text .relevance {
                position: absolute;
                top: 0;
                right: 0;
                width: 200px;
                max-width: 40%;
                background: #04423f;
            }

                #SearchResults .searchResult .text .relevance .resultRelevance {
                }

                #SearchResults .searchResult .text .relevance .resultRank {
                    position: relative;
                    display: inline-block;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 4px 10px;
                    color: #fff;
                    font-weight: bold;
                    background: #0aa9a1;
                    text-shadow: 1px 1px 1px #000;
                }

                #SearchResults .searchResult .text .relevance.rank100 .resultRank { width: 100%; }
                #SearchResults .searchResult .text .relevance.rank99 .resultRank { width: 99%; }
                #SearchResults .searchResult .text .relevance.rank98 .resultRank { width: 98%; }
                #SearchResults .searchResult .text .relevance.rank97 .resultRank { width: 97%; }
                #SearchResults .searchResult .text .relevance.rank96 .resultRank { width: 96%; }
                #SearchResults .searchResult .text .relevance.rank95 .resultRank { width: 95%; }
                #SearchResults .searchResult .text .relevance.rank94 .resultRank { width: 94%; }
                #SearchResults .searchResult .text .relevance.rank93 .resultRank { width: 93%; }
                #SearchResults .searchResult .text .relevance.rank92 .resultRank { width: 92%; }
                #SearchResults .searchResult .text .relevance.rank91 .resultRank { width: 91%; }
                #SearchResults .searchResult .text .relevance.rank90 .resultRank { width: 90%; }
                #SearchResults .searchResult .text .relevance.rank89 .resultRank { width: 89%; }
                #SearchResults .searchResult .text .relevance.rank88 .resultRank { width: 88%; }
                #SearchResults .searchResult .text .relevance.rank87 .resultRank { width: 87%; }
                #SearchResults .searchResult .text .relevance.rank86 .resultRank { width: 86%; }
                #SearchResults .searchResult .text .relevance.rank85 .resultRank { width: 85%; }
                #SearchResults .searchResult .text .relevance.rank84 .resultRank { width: 84%; }
                #SearchResults .searchResult .text .relevance.rank83 .resultRank { width: 83%; }
                #SearchResults .searchResult .text .relevance.rank82 .resultRank { width: 82%; }
                #SearchResults .searchResult .text .relevance.rank81 .resultRank { width: 81%; }
                #SearchResults .searchResult .text .relevance.rank80 .resultRank { width: 80%; }
                #SearchResults .searchResult .text .relevance.rank79 .resultRank { width: 79%; }
                #SearchResults .searchResult .text .relevance.rank78 .resultRank { width: 78%; }
                #SearchResults .searchResult .text .relevance.rank77 .resultRank { width: 77%; }
                #SearchResults .searchResult .text .relevance.rank76 .resultRank { width: 76%; }
                #SearchResults .searchResult .text .relevance.rank75 .resultRank { width: 75%; }
                #SearchResults .searchResult .text .relevance.rank74 .resultRank { width: 74%; }
                #SearchResults .searchResult .text .relevance.rank73 .resultRank { width: 73%; }
                #SearchResults .searchResult .text .relevance.rank72 .resultRank { width: 72%; }
                #SearchResults .searchResult .text .relevance.rank71 .resultRank { width: 71%; }
                #SearchResults .searchResult .text .relevance.rank70 .resultRank { width: 70%; }
                #SearchResults .searchResult .text .relevance.rank69 .resultRank { width: 69%; }
                #SearchResults .searchResult .text .relevance.rank68 .resultRank { width: 68%; }
                #SearchResults .searchResult .text .relevance.rank67 .resultRank { width: 67%; }
                #SearchResults .searchResult .text .relevance.rank66 .resultRank { width: 66%; }
                #SearchResults .searchResult .text .relevance.rank65 .resultRank { width: 65%; }
                #SearchResults .searchResult .text .relevance.rank64 .resultRank { width: 64%; }
                #SearchResults .searchResult .text .relevance.rank63 .resultRank { width: 63%; }
                #SearchResults .searchResult .text .relevance.rank62 .resultRank { width: 62%; }
                #SearchResults .searchResult .text .relevance.rank61 .resultRank { width: 61%; }
                #SearchResults .searchResult .text .relevance.rank60 .resultRank { width: 60%; }
                #SearchResults .searchResult .text .relevance.rank59 .resultRank { width: 59%; }
                #SearchResults .searchResult .text .relevance.rank58 .resultRank { width: 58%; }
                #SearchResults .searchResult .text .relevance.rank57 .resultRank { width: 57%; }
                #SearchResults .searchResult .text .relevance.rank56 .resultRank { width: 56%; }
                #SearchResults .searchResult .text .relevance.rank55 .resultRank { width: 55%; }
                #SearchResults .searchResult .text .relevance.rank54 .resultRank { width: 54%; }
                #SearchResults .searchResult .text .relevance.rank53 .resultRank { width: 53%; }
                #SearchResults .searchResult .text .relevance.rank52 .resultRank { width: 52%; }
                #SearchResults .searchResult .text .relevance.rank51 .resultRank { width: 51%; }
                #SearchResults .searchResult .text .relevance.rank50 .resultRank { width: 50%; }
                #SearchResults .searchResult .text .relevance.rank49 .resultRank { width: 49%; }
                #SearchResults .searchResult .text .relevance.rank48 .resultRank { width: 48%; }
                #SearchResults .searchResult .text .relevance.rank47 .resultRank { width: 47%; }
                #SearchResults .searchResult .text .relevance.rank46 .resultRank { width: 46%; }
                #SearchResults .searchResult .text .relevance.rank45 .resultRank { width: 45%; }
                #SearchResults .searchResult .text .relevance.rank44 .resultRank { width: 44%; }
                #SearchResults .searchResult .text .relevance.rank43 .resultRank { width: 43%; }
                #SearchResults .searchResult .text .relevance.rank42 .resultRank { width: 42%; }
                #SearchResults .searchResult .text .relevance.rank41 .resultRank { width: 41%; }
                #SearchResults .searchResult .text .relevance.rank40 .resultRank { width: 40%; }
                #SearchResults .searchResult .text .relevance.rank39 .resultRank { width: 39%; }
                #SearchResults .searchResult .text .relevance.rank38 .resultRank { width: 38%; }
                #SearchResults .searchResult .text .relevance.rank37 .resultRank { width: 37%; }
                #SearchResults .searchResult .text .relevance.rank36 .resultRank { width: 36%; }
                #SearchResults .searchResult .text .relevance.rank35 .resultRank { width: 35%; }
                #SearchResults .searchResult .text .relevance.rank34 .resultRank { width: 34%; }
                #SearchResults .searchResult .text .relevance.rank33 .resultRank { width: 33%; }
                #SearchResults .searchResult .text .relevance.rank32 .resultRank { width: 32%; }
                #SearchResults .searchResult .text .relevance.rank31 .resultRank { width: 31%; }
                #SearchResults .searchResult .text .relevance.rank30 .resultRank { width: 30%; }
                #SearchResults .searchResult .text .relevance.rank29 .resultRank { width: 29%; }
                #SearchResults .searchResult .text .relevance.rank28 .resultRank { width: 28%; }
                #SearchResults .searchResult .text .relevance.rank27 .resultRank { width: 27%; }
                #SearchResults .searchResult .text .relevance.rank26 .resultRank { width: 26%; }
                #SearchResults .searchResult .text .relevance.rank25 .resultRank { width: 25%; }
                #SearchResults .searchResult .text .relevance.rank24 .resultRank { width: 24%; }
                #SearchResults .searchResult .text .relevance.rank23 .resultRank { width: 23%; }
                #SearchResults .searchResult .text .relevance.rank22 .resultRank { width: 22%; }
                #SearchResults .searchResult .text .relevance.rank21 .resultRank { width: 21%; }
                #SearchResults .searchResult .text .relevance.rank20 .resultRank { width: 20%; }
                #SearchResults .searchResult .text .relevance.rank19 .resultRank { width: 19%; }
                #SearchResults .searchResult .text .relevance.rank18 .resultRank { width: 18%; }
                #SearchResults .searchResult .text .relevance.rank17 .resultRank { width: 17%; }
                #SearchResults .searchResult .text .relevance.rank16 .resultRank { width: 16%; }
                #SearchResults .searchResult .text .relevance.rank15 .resultRank { width: 15%; }
                #SearchResults .searchResult .text .relevance.rank14 .resultRank { width: 14%; }
                #SearchResults .searchResult .text .relevance.rank13 .resultRank { width: 13%; }
                #SearchResults .searchResult .text .relevance.rank12 .resultRank { width: 12%; }
                #SearchResults .searchResult .text .relevance.rank11 .resultRank { width: 11%; }
                #SearchResults .searchResult .text .relevance.rank10 .resultRank { width: 10%; }
                #SearchResults .searchResult .text .relevance.rank9 .resultRank { width: 9%; }
                #SearchResults .searchResult .text .relevance.rank8 .resultRank { width: 8%; }
                #SearchResults .searchResult .text .relevance.rank7 .resultRank { width: 7%; }
                #SearchResults .searchResult .text .relevance.rank6 .resultRank { width: 6%; }
                #SearchResults .searchResult .text .relevance.rank5 .resultRank { width: 5%; }
                #SearchResults .searchResult .text .relevance.rank4 .resultRank { width: 4%; }
                #SearchResults .searchResult .text .relevance.rank3 .resultRank { width: 3%; }
                #SearchResults .searchResult .text .relevance.rank2 .resultRank { width: 2%; }
                #SearchResults .searchResult .text .relevance.rank1 .resultRank { width: 1%; }
                #SearchResults .searchResult .text .relevance.rank0 .resultRank { width: 0%; }

                #SearchResults .searchResult .text .relevance .percent {
                }

            #SearchResults .searchResult .text .trailnav {
                margin-bottom: 0.5em;
                font-size: 91.7%;
            }

            #SearchResults .searchResult .text .date {
                margin-bottom: 0.5em;
            }

            #SearchResults .searchResult .text .summary {
                margin-bottom: 0;
            }

        #SearchResults .searchResult.odd {
        }

        #SearchResults .searchResult.even {
        }

        /* Specific content types */

        #SearchResults .searchResult .title a:before {
            /* Default icon layout */
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 5px;
            background-repeat: no-repeat;
        }

        #SearchResults .searchResult.content_type_web_page {
        }

        #SearchResults .searchResult.content_type_web_page_feature_images .title a:before {
            content: "";
            background-image: url('/images/cms/icons/famfamfam/silk/page_white_picture.png');
        }

        #SearchResults .searchResult.content_type_page_fragment {
        }

        #SearchResults .searchResult.content_type_shopct_product .title a:before {
            content: "";
            background-image: url('/images/cms/icons/famfamfam/silk/cart.png');
        }

        #SearchResults .searchResult.content_type_calendarct_event .title a:before {
            content: "";
            background-image: url('/images/cms/icons/famfamfam/silk/calendar_view_day.png');
        }

        #SearchResults .searchResult.content_type_file .title a:before {
            content: "";
            background-image: url('/images/cms/icons/famfamfam/silk/page_white_put.png');
        }

        #SearchResults .searchResult.content_type_file .title {
            /* Wrap text to handled very long file names. */
            overflow-wrap: break-word; /* v- These are technically the same, but use both */
            word-wrap: break-word; /* ^- These are technically the same, but use both */
            -ms-word-break: break-all;
            word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */
            word-break: break-word; /* Instead use this non-standard one: */
        }

/* Form on the search results page */

#AdvancedSearch {
    position: absolute;
    right: 10px;
    width: 290px;
    padding-bottom: 20px;
    /*background: rgba(255,255,255,0.1);*/
    /*background: rgba(205,255,255,0.1);*/
}

    #AdvancedSearch fieldset#AdvancedSearchForm {
        margin: 0;
    }

        #AdvancedSearch fieldset#AdvancedSearchForm legend {
            padding-left: 20px;
        }

        #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields {
        }

            #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li {
            }

                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
                    width: 100% !important;
                }

                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
                    width: 100%;
                    max-width: 100%;
                }

        #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer {
        }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldTitle {
            }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldContent {
            }

        #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer {
        }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldTitle {
            }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent {
            }

    #AdvancedSearch .submitButton {
        margin-top: 10px;
        width: 100%;
    }

   /* Search Form in the Secondary Content Area */
   
   #Secondary #AdvancedSearch {
   }
   
   #Secondary fieldset#AdvancedSearchForm {
       width: 92%;
       min-width: 92%;
       padding: 2.25em 4% 0;
       margin: -1em 0 1em;
   }
   
       #Secondary fieldset#AdvancedSearchForm legend {
       }
   
   #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer {
   }
   
       #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldTitle {
           display: none;
       }
   
       #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldContent {
           width: 94%;
           padding: 0 2%;
           max-width: 100%;
       }
   
   #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer {
   }
   
       #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldTitle {
           display: none;
       }
   
       #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent {
       }
   
   #Secondary #AdvancedSearch .submitButton {
   }

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

    #SearchResults {
        min-height: 0;
        margin-right: 0;
    }

    #AdvancedSearch {
        position: relative;
        right: auto;
        width: 100%;
        margin-bottom: 1.5em;
    }

        #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
        #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
            width: inherit !important;
        }

        #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
            width: inherit;
            max-width: inherit;
        }

}

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

    #SearchResults .searchResult .thumbnail {
        max-width: 25%;
    }

    #SearchResults .searchResult .text .title {
        padding-right: 0;
    }

    #SearchResults .searchResult .text .relevance {
        position: relative;
        top: auto;
        right: auto;
        max-width: 100px;
        margin: 0 0 0.5em;
    }

        #SearchResults .searchResult .text .relevance .resultRank {
            font-size: 91.7%;
            padding: 6px 6px 2px;
        }

    #AdvancedSearch input.submitButton {
        margin-top: -1em;
        width: 100%;
    }

}