﻿.ess-quickSearchForm {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    padding: 1em;
    border: 1px solid gray;}

.ess-advancedSearchForm {
    display: block;
    width: 97%;
    padding: 1em;
    border: 1px solid gray;}

.ess-quickSearchForm input {font-size: 1em;}

.ess-advancedSearchForm input {font-size: 1.3em;}

.ess-advancedSearchForm .ess-searchbox {width: 25em;}

.ess-quickSearchForm .ess-searchbox {width: 18em;}

.ess-searchForm {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1em;
    background-color: white;}

.ess-searchForm input.ess-searchbox {
    font-size: 1em;
    background-color: #cccccc;
    border: medium none;
    height: 40px;
    width: 85%;
    padding-left: 10px;}

.ess-searchForm input.ess-searchbutton {
    font-size: 1em;
    background-color: #232323;
    color: white;
    border: medium none;
    height: 40px;
    width: 10%;
    margin: 0px 0px 0px 20px;
    padding-left: 10px;}

.ess-filteringOptions {display: block;}

    .ess-filteringOptions span {
        font-size: 1em;
        color: white;}

.ess-filtering h1 {display: none;}

.ess-filtering legend {
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    margin: 0;}

.ess-filtering input {float: none;}

.ess-filtering fieldset div.menu, /* XHTML */
.ess-filtering fieldset menu /* HTML5 */ {
    /*-moz-column-width: 15em;*/
    column-width: 15em;}

.ess-filtering label {display: inline;}

#ess-editFilter:before {
    /*content: "«välj facetter»";*/
    font-size: 1em;
    color: white;}

#ess-editFilter:hover .ess-filtering {
    display: inline;
    margin-left: -3em;}

#ess-editFilter {display: inline;}

#ess-editFilter .ess-filtering {
    display: none;
    position: absolute;
    z-index: 1;
    padding: 1em;
    width: 50em;
    border: 1px solid gray;}

.ess-filtering fieldset div.menu li label:hover, /* XHTML */
.ess-filtering fieldset menu li label:hover /* HTML5 */ {color: white;}

.ess-filtering div.menu, /* XHTML */
.ess-filtering menu /* HTML5 */ {
    position: relative;
    margin: 0;
    padding: 0;}

.ess-filtering li:before {content: "";}

.ess-filtering menu * {display: block;color: black;}

.ess-filtering div.menu li *, /* XHTML */
.ess-filtering menu li * /* HTML5 */ {display: inline;}

.ess-filtering div.menu:before, /* XHTML */
.ess-filtering menu:before /* HTML5 */ {content: "";}

.ess-bestBet {box-shadow: none !important;}

.ess-bestBet a {
    display: block;
    padding: 1px 10px 1px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    float: left;
    background-color: white;
    background-image: url("/images/arrows/newsArrow.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;}

#tabfacetheader ul {
    list-style: none;
    padding: 0px;
    margin: 0;}

#tabfacetheader li {
    margin: 5px;
    position: initial;
    float: left;}

#tabfacetheader li:first-child {
    margin-left: 0;
}

#tabfacetheader li:last-child {
    margin-right: 0;
}

#tabfacetheader a {
    border: none;
    background-color: white;
    color: #1974C2;
    text-decoration: none;
    display: block;
    padding: 0.7em 1em;
    text-align: center;}

#tabfacetheader #selected a {color: white;}
#tabfacetheader #selected:nth-child(1) a {background-color: #232323;}
#tabfacetheader #selected:nth-child(2) a {background-color: #0d8298;}
#tabfacetheader #selected:nth-child(3) a {background-color: #b2438c;}
#tabfacetheader #selected:nth-child(4) a {background-color: #00528c;}
#tabfacetheader #selected:nth-child(5) a {background-color: #702e78;}
#tabfacetheader #selected:nth-child(6) a {background-color: #b2438c;}
#tabfacetheader #selected:nth-child(7) a {background-color: #5f58da;}
#tabfacetheader #selected:nth-child(8) a {background-color: #56bf75;}
#tabfacetheader #selected:nth-child(9) a {background-color: #cc7c3a;}

#tabfacetcontent {
    background: none;
    border: none;
    margin: 0px;
    padding: 0px;
    clear: both;}

    #tabfacetcontent ol {
        list-style: none outside none;
        margin: 0;
        padding: 0px;    }

    #tabfacetcontent li {
        background-color: white;
        margin-bottom: 10px;    }

    #tabfacetcontent div.ess-facets, /* XHTML */
    #tabfacetcontent aside.ess-facets /* HTML5 */ {
        padding: 1em 0 1em 1em;
        float: right;
        position: inherit;
        left: 0;
        top: 0;
        max-width: 20%;    }

.ess-spellingSuggestion h2 {padding-left: 10px;}

.ess-spellingSuggestion ul {padding: 5px;}

.ess-spellingSuggestion li {
    list-style: none outside none;
    margin-left: 0;
    padding: 10px;}

#tabfacetcontent .ess-searchResult article footer,
#tabfacetcontent .ess-searchResult div.article div.footer {clear: none;}

    .ess-searchResult p strong, .ess-hitTitleHeader strong {
        font-weight: normal;
        background-color: yellow;}

.ess-searchResult {margin-bottom: 10px;}

    .ess-searchResult .article {
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;}

    .ess-searchResult .footer dt, .ess-searchResult .footer dd {
        float: left;
        padding-right: 5px;}

    .ess-searchResult .footer dd {padding-right: 15px;}

    .ess-searchResult .footer:after {
        clear: both !important;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;}

.ess-documentInformation {display: none;}

.ess-relatedPages {
    padding-left: 20px;
    border-left: 2px solid #cccccc;}

    .ess-relatedPages .ess-hitTitleHeader {font-size: 1em;}

.ess-hitTitleHeader {
    background-image: url(/images/arrows/newsArrow.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;}

    .ess-hitTitleHeader strong {font-weight: normal;}

.ess-box {box-shadow: .2em .2em .5em #ccc;}

.outer-pagination {text-align: center;}

.ess-pagination {
    clear: left;
    margin-bottom: 20px;
    height: 30px;
    display: inline-block;}

.ess-pagination ol {
    list-style: none outside none;
    margin: 0;
    padding: 0px;
    float: left;    }

.ess-pagination li {
    float: left;
    border-right: 1px solid #cccccc;
    color: white;
    background-color: #232323;
    padding: 10px 15px 10px 15px;}

    .ess-pagination li:last-child, .ess-pagination .ess-active {
        padding: 10px 15px 10px 15px;}

    .ess-pagination a {
        background-color: #232323;
        color: white;
        font-weight: bold;}

    .ess-pagination .ess-active {
        color: #232323;
        background-color: white;}

    .ess-pagination > a:last-child, .ess-pagination > a:first-child {
        float: left;
        height: 40px;}

.ess-relativeNavigation img {
    margin: 10px 0px 10px 0px;
    width: auto;}

.ess-previous {
    padding-left: 13px !important;
    padding-right: 5px;
    border-right: 1px solid #cccccc;}

.ess-next {
    padding-right: 13px !important;
    padding-left: 5px;}

.ess-previous img {
    transform: rotate(180deg);
    width: auto;}

.ess-bodyHeader {display: none;}

.ess-popularQueries {margin-left: 25em;}

#tabfacetcontent .ess-searchResult .menu, .ess-markedUrl, .ess-externalDocument, .ess-externalDocument { /* Hidden for sake of design */
    display: none;}
