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

#Primary {
    display: flex !important;
    flex-direction: column !important;
}

#Primary #PrimaryContent {
    order: 1;
}

#SearchResults {
    order: 2;
}

    #SearchResults .searchResult {
        position: relative;
        clear: both;
        background-image: url('/images/cms/icons/famfamfam/silk/page_white_text.png');
        background-position: 0 10px;
        background-repeat: no-repeat;
        padding: 10px 0;
        border-bottom: #ebebeb 2px solid;
    }

        #SearchResults .searchResult .text {
            padding-left: 24px;
        }

            #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%;
                font-size: 15px;
                background: #e0e0e0;
            }

                #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;
                    background: #339933;
                }

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

    #SearchResults .searchResult.odd {
    }

    #SearchResults .searchResult.even {
    }

    /* Specific content types */

    #SearchResults .searchResult.content_type_web_page {
    }

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

    #SearchResults .searchResult.content_type_page_fragment {
    }

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

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

    #SearchResults .searchResult.content_type_file {
        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 {
    order: 3;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    background: #ffffff;
    border: 1px solid #EEE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    #AdvancedSearch fieldset#AdvancedSearchForm {
    }

        #AdvancedSearch fieldset#AdvancedSearchForm legend {
        }

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

                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
                }

            #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 fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent table {
                        margin-top: 0.5em;
                    }

                        #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent table td {
                            white-space: nowrap;
                        }

    #AdvancedSearch .submitButton {
    }

    /* 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 fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent table {
                            margin: 0;
                        }

                            #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent table td {
                                float: left;
                                clear: left;
                                padding: 2px 0px;
                                white-space: nowrap;
                            }

    #Secondary #AdvancedSearch .submitButton {
    }