


#sj-search-container .sjs-inner {
padding: 0px 10px 0px 5px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}




/* ---------- left navigation column -------------- */


#sj-search-container .sj-memo-container {
float: left; 
}

#sj-search-container .sj-memo-left-panel {
width: 20%;
}


#sj-search-container .sjtextf-term-row {

line-height: 1.3em;
margin: 0px;
height: 21px;
font-size: 1.2em;
font-weight: 400;
}

#sj-search-container div.sjtextf-widget-title {
}

#sj-search-container .sjtextf-widget-title h3 {
font-weight: bold;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.2em;
color: #006990;
background-color: #f3f6f8;
padding-bottom: 3px;
padding-top: 3px;
line-height: 1.4em;
}

#sj-search-container label.sjtextf-label {
max-width: 200px;
margin: 0px;
line-height: 1.3em;
font-weight: 400;
}

#sj-search-container li.sjtextf-term-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin-left: 25px;
margin: 0px;
line-height: 1.0em;
font-weight: 400;
font-size: 1.2em;
}

#sj-search-container span.sjtextf-term-title {
padding-top: 2px;
height: 20px;
/*color: #00a4e4;*/
}

#sj-search-container span.sjtextf-check {
margin-top: 3px;
}

/* fix mobile display for left nav / filters */


/*
@media only screen and (max-width : 480px) {


#sj-search-container .sj-memo-left-panel, #sj-search-container .sj-memo-container div:first-child  {
display: block;
width: 100%;
flex: 60px !important;
}

#sj-search-container div.sj-memo-show-filters {
display: block;
font-size: 1.0em;
min-width: 120px; 
min-height: 21px;
padding: 0px;
margin: 0px;
}



#sj-search-container .sj-memo-filters h3 {
display: block;
width: 100%;
} 

#sj-search-container .sj-memo-filters span.sjtextf-term-row {
display: block; 
width: 100%;
}

}*/



/* -------------- search input styles -------------- */

#sj-search-container .sjsf-container {

}

/* search box wrapper */
#sj-search-container label.sjsf-input-wrapper {
height: 40px;
padding: 6px 12px;
padding-right: 80px;
border: 1px solid silver;
border-radius: 4px 4px 4px 4px;
outline-width: 4px;
outline-offset: 0px;
float: right;
}

/*clear x button*/

#sj-search-container .sj-searchInput-wrapper .sj-ac-clear, #sj-search-container .sj-searchInput-wrapper .sj-ac-clear svg {
bottom: 5px;
right: 80px;
}

/* total results and sorting row for all screens */
#sj-search-container .js-memo-justify>widget>div>dynamic-html>span 
{
font-size: 1.2em;
}

#sj-search-container .js-memo-justify .sj-st span {
font-size: 1.2em;
font-weight: normal;
}


@media only screen and (min-width : 320px and max-device-width : 568px) {

body {max-width: 100%;}

#sj-search-container .sj-memo-left-panel {width: 100%;}

/*#sj-search-container .js-memo-justify div {display: block; width: 100%;}*/

#sj-search-container div.js-memo-justify.sj-memo-container {flex-basis: auto;}

#sj-search-container div.sj-memo-left-panel {flex-basis: auto;}

#sj-search-container div.sj-memo-show-filters {flex-basis: auto; font-size: 12px; height: auto;}

#sj-search-container label.sjsf-input-wrapper {width: 100%;}

/* total results and sorting row */
#sj-search-container .js-memo-justify>widget>div>dynamic-html>span {margin-left: 0px;}

/* input dropdown */
#sj-search-container .sj-autocomplete-wrapper .sj-searchResults-wrapper {width: 100%;}

}

@media only screen and (max-width : 480px){

#sj-search-container .sj-memo-left-panel {width: 100%;}

#sj-search-container .sj-memo-container div:first-child {flex: 0px;}

#sj-search-container span.sj-category, #sj-search-container div.sj-date, #sj-search-container a.sj-title {
clear: both; 
float: left;
}

}


@media only screen and (min-width : 480px) {
#sj-search-container label.sjsf-input-wrapper {width: 100%;}

#sj-search-container .sj-memo-left-panel {width: 20%;}

/* filter dropdown for mobile */
#sj-search-container div.sj-memo-left-panel  {display: block; width: 100%; height: auto; flex: 0 0; }

/*#sj-search-container div.sj-memo-show-filters {display: block; width: 100%;font-size: 12px; height: auto;}*/

/* total results and sorting row */
#sj-search-container .js-memo-justify>widget>div>dynamic-html>span {margin-left: 0px;}

/* input dropdown */
#sj-search-container .sj-autocomplete-wrapper .sj-searchResults-wrapper {width: 100%;}
}

@media only screen and (min-width : 768px) {
#sj-search-container label.sjsf-input-wrapper
{width: 100%;}
/* total results and sorting row */

#sj-search-container .sj-memo-left-panel {width: 20%;}

#sj-search-container .js-memo-justify>widget>div>dynamic-html>span 
{margin-left: 0px;}

/* input dropdown */
#sj-search-container .sj-autocomplete-wrapper .sj-searchResults-wrapper 
{width: 100%;}
}

@media only screen and (min-width : 992px) {
#sj-search-container label.sjsf-input-wrapper
{width: 70%;}

/*#sj-search-container .sjsf-container {
  width: 70%; float: right;
}*/

#sj-search-container .sj-query-bar-suggestions-wrapper, #sj-search-container .sj-query-bar-suggestions-wrapper.sj-query-bar-suggestions-visible {
display: none;
}


#sj-search-container .sj-memo-left-panel {width: 20%;}

/* total results and sorting row */

#sj-search-container .js-memo-justify 
{float: right;width: 70%;}

#sj-search-container .js-memo-justify.sj-memo-container {
width: 100%;
}

/* total results */
#sj-search-container .js-memo-justify>widget {
width: 50%;
}

#sj-search-container .js-memo-justify>widget>div>dynamic-html>span.sj-totalresults 
{float: left; margin-left: 0px; margin-top: 3px;}

/* input dropdown */
#sj-search-container .sj-autocomplete-wrapper .sj-searchResults-wrapper {
width: 70%;
margin-left: 270px;
}
}

@media only screen and (min-width : 1200px) {
#sj-search-container label.sjsf-input-wrapper
{width: 75%;}

#sj-search-container .sj-memo-left-panel {width: 20%;}

/* total results and sorting row */
#sj-search-container .js-memo-justify
{float: right;width: 75%;}

#sj-search-container .js-memo-justify>widget>div>dynamic-html>span 
{margin-left: 270px;}

/* input dropdown */
#sj-search-container .sj-autocomplete-wrapper .sj-searchResults-wrapper {
width: 70%;
margin-left: 270px;
}
}

#sj-search-container label.sjsf-selected {
outline-width: 4px;
}

#sj-search-container textarea.sj-searchInput {
height: 21px;
}

#sj-search-container .sjsf-container .sjsf-input-wrapper textarea {
font-size: 1.3em;
font-weight: normal;
overflow: scroll;
background: white;
}


/* search button on results page */
#sj-search-container input.sjsf-submit {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 72px;
height: 41px;
border: 1px solid silver;
margin-top: -1px;
margin-right: -1px;
border-radius: 0px 4px 4px 0px;
background: url(/assets/images/ui/search_submit.PNG) no-repeat #00a4e4;
background-position: 26px;
}

#sj-search-container .sjsf-submit {

}



/* ------------ right column search results --------------*/

@media only screen and (max-device-width : 480px){

/* reduce spacing of results column for mobile */
#sj-search-container div.sj-rs {margin-left: 0px; padding-top: 0px;}

/* reduce item spacing for mobile */
#sj-search-container .sj-rs li.sj-rs-item {
padding: 0px 0px 0px 0px;
clear: both;
height: auto;
min-height: 30px;
background: none;
background-position: 0px 0px;
}

}


#sj-search-container div.sj-rs {
margin-left: 12px;
padding-top: 10px;
border-top: 1px solid silver;
width: 100%;
overflow: auto;
}

#sj-search-container .sj-memo-container > div:nth-child(2) {
/*background-color: silver;
border: 1px solid black;*/
width: 100%;
}

#sj-search-container div.sj-sub-filters {
overflow: auto;
}

#sj-search-container div.sj-sub-filters:after {
content:'';
clear:both;
display:block;
}

/* fix right column width for IE 10 and 11 */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
#sj-search-container div.sj-rs {margin-left: 270px; width: 70%; float: right;}
#sj-search-container li.sj-rs-item {}
}

@media screen and (max-width: 60em) and (-ms-high-contrast: none), 
screen and (max-width: 60em) and (-ms-high-contrast: active) {
#sj-search-container div.sj-rs {margin-left: 270px; width: 400px; float: left;}
}


@media screen and (max-width: 40em) and (-ms-high-contrast: none), 
screen and (max-width: 40em) and (-ms-high-contrast: active){
#sj-search-container div.sj-rs {margin-left: 240px; width: 20em;float: left;}
}

@media screen and (max-width: 30em) and (-ms-high-contrast: none), 
screen and (max-width: 30em) and (-ms-high-contrast: active) {
#sj-search-container div.sj-memo-container {height: 100%;}
#sj-search-container div.sj-rs {margin-left: 0px; clear: both; min-width: 20em; float: none; display: block; height: auto;}
.footer {clear: both;}
}

/* spacing between result items */
#sj-search-container .sj-rs li.sj-rs-item {
padding: 3px 5px 16px 22px;
clear: both;
height: auto;
min-height: 30px;
background: url(/assets/images/ui/publication.png) no-repeat;
background-position: 3px 5px;
}

#sj-search-container .sj-rs li.sj-rs-item:hover {
background-color: #f3f6f8;
}

/* item heading h3 */
#sj-search-container .sj-rs-item h3 {
font-size: 1.2em;
font-weight: normal;
line-height: 1.3em;
display: inline-block;
float: left;
}

/* fix width of the item title so the date always fits next to it */

@media only screen and (min-width : 480px){#sj-search-container .sj-rs-item h3 {width: 81%;} }
@media only screen and (min-width : 768px){#sj-search-container .sj-rs-item h3 {width: 81%;} }
@media only screen and (min-width : 992px){#sj-search-container .sj-rs-item h3 {width: 81%;} }
@media only screen and (min-width : 1200px){#sj-search-container .sj-rs-item h3 {width: 85%;} }


#sj-search-container .sj-title {
margin-right: 3px;
}

/* category label */
#sj-search-container span.sj-category {

display: inline-block; 
background-color: rgb(0, 55, 103); 
color: #fff; 
border-radius: 5px; 
margin-right: 3px;
padding:1px 7px;
font-size:80%;
}

#sj-search-container .sj-date {
display: inline;
float: right;
}


#sj-search-container .sj-rs .sj-rs-item dynamic-html div {
font-size: 1.2em;
line-height: 1.4em;
padding-bottom: 0px;
}

#sj-search-container div.sj-description {
clear: both;
margin-left: 0px;
padding-left: 0px;
padding-top: 4px;
}

/* highlight word hits */



#sj-search-container .sj-rs .sj-rs-item a.sj-title:hover
{
text-decoration: none;
}

#sj-search-container .sj-rs .sj-rs-item .sj-title em.hlt1 {
font-weight: normal;
background-color: transparent;
}



#sj-search-container .sj-rs .sj-rs-item .sj-description a:hover {
text-decoration: underline;
}

#sj-search-container .sj-rs .sj-rs-item .sj-description em {
background-color: transparent; /*rgba(255, 236, 179, 0.5);*/ /*#ffecb3*/
font-weight: bold;
}


/*
#sj-search-container .sj-rs .sj-rs-item em.tlh1 {
font-weight: normal;
}*/




