* {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: arial, verdana, courier;
}

a,
b {
    text-decoration: none;
    color: #000a69;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 26pt;
    display: inline;
}

h2 {
    font-size: 23pt;
    display: inline;
}

h3 {
    font-size: 20pt;
    display: inline;
}

ul {
    list-style-position: inside;
}








#header {
    position: relative;
    display: flex;
    width: 100%;
    background: linear-gradient(to right, #e7bc00, #e7bc00 220px, #fff 95%);
    margin: 0;
    padding: 6px 0 6px 0;
    border-bottom: 1px solid black;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.333), inset 1px 1px 3px rgba(0, 0, 0, 0.333);
}

#logo {
    float: left;
    vertical-align: top;
    text-align: center;
    margin: 0 0 0 8px;
    padding: 0;
    text-shadow:
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white;
}

#logo h1 {
    font-size: 27pt;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: 0.85em;
}

#logo span {
    font-size: 8.75pt;
    font-weight: 700;
    margin: 0;
    padding: 0;
    font-variant: small-caps;
}

#login {
    float: right;
    white-space: nowrap;
    font-variant: small-caps;
    margin: auto 10px auto auto;
}








#category_menu {
    position: relative;
    padding: 0;
    margin: auto;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

#category_menu img {
    margin: 2px 5px 2px 5px;
    padding: auto 0 auto 0;
    float: left;
}

#category_menu div a {
    font-variant-caps: small-caps;
    text-shadow: 0.0em 0.0em 0.01em black;
    font-size: 15pt;
    padding: 0;
}

#category_menu div a img {
    padding: 3px 0 3px 1px;
}

#category_menu div sup {
    font-size: 7.25pt;
    margin: 0 5px 0 20px;
}

#category_menu div sup a {
    font-size: 7.25pt;
}





#category_navigation {
    position: absolute;
    left: -1px;
    z-index: 65535;
    display: none;
    border: 1px solid black;
    background-color: rgb(255, 248, 227);
    border-radius: 0 0 0 9px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.333);
}

#category_navigation ul {
    list-style-type: disc;
    font-size: 9.25pt;
    list-style-position: inside;
}

#category_navigation ul li {
    padding: 1px 10px 1px 7px;
    margin: 0;
}

#category_navigation ul li * {
    font-size: 9.25pt;
}

#category_navigation ul li.selected {
    list-style-type: circle;
    background-color: rgb(255, 255, 255);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#category_navigation ul li.selected b {
    padding-left: 5px;
}













#search {
    position: relative;
    margin: 0;
    padding: 0;
    float: right;
    white-space: nowrap;
    margin: 0px auto 0px auto;
}

#search input[type="image"] {
    vertical-align: top;
    padding: 2px 7px 2px 7px;
    background-color: #efefef;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-radius: 0px 3px 3px 0px;
    box-shadow:
        1px 2px 4px rgba(0, 0, 0, 0.333),
        inset 2px 3px 5px rgba(236, 236, 236, 0.75);
}

#search textarea {
    vertical-align: middle;
    background-color: #efefef;
    border: 1px solid black;
    border-radius: 3px 0px 0px 3px;
    box-shadow:
        1px 2px 4px rgba(0, 0, 0, 0.333),
        inset 2px 3px 5px rgba(236, 236, 236, 0.75);
}
























#content {
    margin: auto;
    padding: auto;
    display: flex;
}












#navigation {
    display: block;
    width: 284px;
    min-width: 284px;
    max-width: 284px;
    padding: 5px 5px 5px 5px;
    margin: 0 0 auto 0;
    border-bottom: 1px solid black;
    border-radius: 0 0 9px 0;
    background-color: rgb(255, 248, 227);
    box-shadow:
        2px 3px 5px rgba(0, 0, 0, 0.333),
        inset 2px 3px 5px rgba(236, 236, 236, 0.75);
    z-index: 65535;
}

#navigation ul {
    font-variant: small-caps;
}





#publications {
    display: block;
    width: 334px;
    min-width: 334px;
    max-width: 334px;
    padding: 5px 5px 5px 5px;
    margin: 0 0 auto 0;
    border-bottom: 1px solid black;
    border-radius: 0 0 9px 0;
    background-color: rgb(255, 248, 227);
    box-shadow:
        2px 3px 5px rgba(0, 0, 0, 0.333),
        inset 2px 3px 5px rgba(236, 236, 236, 0.75);
    z-index: 65534;
}

#colspand {
    margin: 2px 7px 0px 0px;
    padding: 0;
    float: left;
}

#colspande {
    margin: 2px 7px 15px 0px;
    padding: 0;
    float: left;
}

#items_expand,
#items_refresh {
    margin: 0;
    white-space: nowrap;
    padding: 0px 0px 0px 5px;
}

#items_expand {
    display: none;
}

#items_refresh {
    display: block;
}

#publications div {
    font-size: 8.25pt;
}

#publications div sup {
    font-size: 7.25pt;
}




div.pubban {
    padding: 0px 0px 0px 5px;
}







.lineitems {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 8.5pt;
    flex-direction: row;
    flex-wrap: wrap;
}

div.linedelim {
    display: flex;
    padding: none;
    margin: 0 auto 5px 5px;
    font-size: 10.75pt;
    font-weight: 680;
    vertical-align: top;
    width: 100%;
    font-variant: small-caps;
}

div.linedelim img {
    padding: 0px 5px 0px 0px;
}
















div.lineitem-large {
    margin: 2px 6px 10px 6px;
    padding: 0 6px 0 6px;
    line-height: 1.5;
    text-indent: 0;
    width: 640px;
    min-width: 640px;
    border: 2px solid black;
    border-radius: 3px 11px 11px 11px;
    background-color: white;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 1);
    height: 210px;
    min-height: 210px;
    position: absolute;
    z-index: 65535;
    opacity: 0.94;
    top: 0px;
    left: 0px;
}

div.lineitem-large div {
    display: flex;
    margin: 0;
    padding: 0;
}

div.lineitem-large div img {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.333);
    max-width: 186px;
    max-height: 128px;
    float: left;
}

div.lineitem-large div span {
    font-size: 10.75pt;
    font-weight: 600;
    padding: 2px 8px 8px 8px;
}

div.lineitem-large span {
    font-size: 8.75pt;
}












div.lineitem {
    position: relative;
    margin: 1px 3px 5px 3px;
    padding: 0 3px 0 3px;
    line-height: 1.22;
    text-indent: 0;
    width: 312px;
    min-width: 312px;
    border: 1px solid black;
    border-radius: 3px 3px 3px 3px;
    background-color: white;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.333);
    min-height: 67px;
}

div.lineitem span {
    font-size: 7.50pt;
}

div.lineitem div {
    display: flex;
    margin: 0;
    padding: 0;
    margin:2px 2px 2px 2px;
}

div.lineitem div img {
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.333);
    max-width: 51px;
    max-height: 51px;
    float: left;
}

div.lineitem div span {
    font-size: 8.75pt;
    font-weight: 550;
    padding: 1px 5px 5px 5px;
}












#document {
    all: initial;
    font-size: 11.75pt;
    padding: 20px 20px 20px 20px;
    width: 97%;
}

#document div.banner {
    line-height: 0.87;
    white-space: nowrap;
}







#similars {
    width: 97%;
    float: left;
    position: relative;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 10px 10px 10px;
}

#advertisements {
    width: 97%;
    float: left;
    position: relative;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 10px 10px 10px;
}


#advertisementz {
    float: right;
    position: relative;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 1% 10px 10px;
}


#sources {
    width: 97%;
    float: left;
    position: relative;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 10px 10px 10px;
}





div.button_container {
    border: 1px solid black;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.333);
    margin: 5px 5px 5px 5px;
    padding: 2px 3px 2px 3px;
    border-radius: 16px 0 0 0;
    white-space: nowrap;
    display: inline-block;
    min-width: 200px;
}

div.button_container span {
    float: left;
    margin: 1px 5px 7px 0px;
}

div.button_container ul {
    list-style-type: none;
    white-space: nowrap;
    list-style-position: inside;
}

div.button_container ul li {
    font-size: 8.75pt;
}

div.trusted {
    background-color: #bcfcbc;
}

div.untrusted {
    background-color: #ffe1e1;
}





#source {
    width: 97%;
    float: left;
    position: relative;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px auto;
    overflow-x: hidden;
}





.container {
    position: relative;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    border: 1px solid black;
    border-radius: 0px 0px 9px 0px;
    background-color: rgba(255, 248, 227, 0.75);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.333);
    display: inline-block;
    width: auto;
}

.vcontainer {
    vertical-align: top;
    max-width: 320px;
}

.hcontainer {
    min-width: 97%;
    width: 97%;
    max-width: 97%;
}





#gallery_main {
    float: left;
    display: block;
    margin: 5px 10px 10px 5px;
}

figure {
    float: left;
    display: block;
    margin: 5px 10px 10px 5px;
}

#gallery_main figure {
    float: none;
    margin: 0;
}

figure img {
    margin: 0;
    padding: 0;
    box-shadow: 2px 2px 10px 5px #b8b8b8;
    border-radius: 7px;
    border: 1px solid black;
    object-fit: cover;
}

figure figcaption {
    margin: 0px 2px 0px 2px;
    font-size: 7.25pt;
}















@media print {

    .container,
    .vcontainer,
    .hcontaine,
    #publications,
    #similars,
    #advertisements,
    #advertisementz,
    #search {
        display: none;
        visibility: hidden;
    }

    #document {
        margin: 20px 20px 20px 20px;
    }
}

@media (max-width: 1250px) {
    #content {
        display: block;
    }

    #publications {
        width: 95%;
        min-width: 95%;
    }

    #lineitems {
        display: none;
    }

    #items_expand {
        display: block;
    }

    #items_refresh {
        display: none;
    }
}


@media (min-width: 2100px) {
    #publications {
        min-width: 667px;
        max-width: 724px;
    }
}

@media (min-width: 3000px) {
    #publications {
        min-width: 990px;
        max-width: 1100px;
    }
}























#footer {
    position: fixed;
    width: 100%;
    border-top: 1px solid #1f0e73;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.333);
    padding: 3px 0 3px 0;
    margin: 0;
    bottom: 0px;
    z-index: 65535;
    background-color: rgb(255, 248, 227);
    line-height: 0.85;
    font-size: 6.75pt;
    font-weight: 100;
}

#footer ul {
    vertical-align: top;
    margin: 0;
    padding: 0px 5px 5px 25px;
    float: left;
}

#footer ul li {
    display: inline;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

#footer span {
    vertical-align: top;
    margin: 0;
    padding: 0px 25px 5px 5px;
    float: right;
}