
HTML {
    overflow-y: scroll;
    overflow-x: hidden;
}

BODY {
    margin: 0px;
    font-family: 'Noto Sans','lucida sans unicode','lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 10pt;
    background-color: #ddd;
}

VIDEO
{
    max-width: 100%;
    max-height:  100vh;
}

TEXTAREA, INPUT
{
    font-family: 'Noto Sans','lucida sans unicode','lucida grande', tahoma, verdana, arial, sans-serif;
}

GLOSSARY
{
    text-decoration: underline;
    text-decoration-color: #29af90;
    text-decoration-style: dashed;
    color: #0a382e;
    cursor: help;
}
BODY.darkbody
{
    background-color: #666;
}

.hideduringedit
{
    display: none;

}

.unionjack
{
    cursor: pointer;
}
#ADwrap
{
    text-align: left;
}

#therockshow A
{
    display: block;
    text-align: center;
    background: linear-gradient(to bottom, #202020 0%,#404040 41%,#575757 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#therockshow IMG
{
    height: 80px;
}

.dmca
{
    cursor: pointer;
}
.dmca:hover {
    text-decoration: underline;
    color: #FF3399;
}
#ADcol
{
    display: none;
    position: absolute;
    left: 8px;
    margin-top: -8px;

    min-height: 600px;
    max-height: 100vh;

    background-color: #fff;
    overflow: hidden;

}

#ADcol .SBadrow
{
    padding: 0px 0 12px 20px;
    background-color: #eee;
}

.SBadrowfirst
{
    padding-top: 12px !important;
}

#ADcol.AD400 .SBadrow IMG
{

    margin-right: 30px;
    a
}

#SRwhy, .editcite
{
    color: #085eb0;
}
#SRwhy:hover, .editcite:hover
{
    color: #FF3399;
    cursor: pointer;
}

.SRfiledivtext, #SRprogress, #SRprogressdone {
    padding: 4px;
}


#ADcol .SBadrow IMG
{
    border: 1px solid #444;
    opacity: 0.6;
}

#ADcol .SBadrow IMG:hover
{
    opacity: 1;
}

.SRstructured
{
    display: none;
}
#SRunstructured
{
    background-color: #ff8;
    padding: 8px;
    margin-left: -4px;
    margin-right: -4px;
}
#SRunstructured LI
{
    counter-increment: difref;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-left: -18px;
}
#SRunstructured LI:before
{
    content: counter(difref) ". ";
    font-weight: bold;
    margin-left: -22px;
    position: absolute;
}

#SRosmdirect
{
    position: absolute;
    margin-top: -38px;
    left: 770px;
    padding: 6px 8px;
    border: 1px solid #888;
    border-radius: 6px;
}

#ADcol h2
{
    padding: 0;
    margin: 0 0 44px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12pt;
    padding-left: 4px;
    width: 198px
    pointer-events: none;

}

#ADcol.AD400 h2
{
    width: 398px;
}

.SRlselected
{
    background-color: #c8f3fa !Important;
}


.quizcorrect
{
    background-color: #c8f3fa !Important;
    margin-left: -11px !important;
    margin-right: -12px !important;
    padding-top: 13px !Important;
    padding-bottom: 14px !important;
    font-size: 14pt;
    font-weight: bold;
    padding-left: 8px;
    margin-bottom: 2em;
    border-top: 4px solid #00c;
    border-bottom: 4px solid #00c;
}

.sharesuc
{
    background-color: #f9dbe0 !Important;
    margin-left: -11px !important;
    margin-right: -12px !important;
    padding-top: 3px !Important;
    padding-bottom: 4px !important;

    font-weight: bold;
    padding-left: 8px;
    margin-bottom: 1em;
    margin-top: 2em;

}

.diduenjoy
{
    background-color: #c8f3fa !Important;
    margin-left: -11px !important;
    margin-right: -12px !important;
    padding-top: 3px !Important;
    padding-bottom: 4px !important;

    font-weight: bold;
    padding-left: 8px;
    margin-bottom: 1em;
    margin-top: 2em;

}


MQX
{

    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;

}

.minrefs {
    background-color: #fff;
}
.quizsubmit
{

    font-size: 12pt;
    display: block;
    margin: auto;
    margin-top: 2em;
    background-color: #29af90;
    color: #fff;
    padding: 6px 18px;
    border: 0px;
    border-radius: 4px;
}
.quizsubmit:hover
{
    background-color: #87dac8;
    color: #000;
}

.quizcp {
    border: 1px solid #888;
    background-color: #f8f8f8;
    padding: 16px;
    font-size: 12pt;
    margin-top: 1em;
}

mqx IMG
{
    max-width: 100% !important;
}

MQX H1
{
    background-color: #c8f3fa !Important;
    margin-left: -11px !important;
    margin-right: -12px !important;
    padding-top: 3px !Important;
    padding-bottom: 4px !important;
}


.minqcorrect
{
    background-color: #0c0 !important;
}


.minqwrong
{
    background-color: #c00 !important;
    color: #fff !important;
}

MQX .mqxphoto
{

    display: inline-block;
    vertical-align: top;
    float: left;
}

mqxd
{
    display: inline-block;
    float: left;
    width: 510px;
}


.collapse
{
    padding: 4px;
    display: none;
}

.panel
{
    border: 1px solid #ccc;
    margin-bottom: 4px;
}

.panel A
{
    display: block;
    background-color: #c8f3fa;
    color: #000 !important;
    padding: 4px;
    margin-top: 0 !important;
    font-weight: bold;
}



.stylishbutton
{
    background-color: #fee !important;
    width: fit-content !important;
    border: 0 !important;
    color: #000 !important;
    padding: 1px 6px !important;
    text-align: left !important;
    font-weight: normal !important;
    border-radius: 4px;
    border: 1px solid #ccc !important;
}

.ADtest
{
    width: 398px;
    border: 1px solid #f0f;
    height: 200px;
    margin-bottom: 5px;
}


.absghost
{
    position: absolute;
    padding: 0;
    margin: 0;
}

.refciteadd
{
    border: 1px solid #888;
    background-color: #bfe9ee;
    padding: 4px 8px;
    display: inline-block;
}
.refpersadd
{
    border: 1px solid #888;
    background-color: #fff;
    padding: 4px 8px;
    margin-left: 4px;
    display: inline-block;
}
.refciteadd:hover, .refpersadd:hover
{
    background-color: #29af90;
    color: #fff;
    cursor: pointer;
}
.refeditbox
{
    max-height: 400px;
    min-height: 50px;
    overflow-y: scroll;
    overflow-wrap: anywhere;
    border: 1px solid #ccc;
}

.refeditbox .plainref
{
    font-family: 'Courier Prime', courier, monospace;
}
.reflincom
{
    margin-left: 1em;
    color: #a00;
    font-size: 90%;
}

.reflinebox
{
    font-size: 11pt;
    padding: 4px 4px 4px 35px;
    line-height: 1.3em;
    margin-bottom: 0.7em;
    border: 1px solid #fff;
    cursor: pointer;
}
.chosen-choices
{
    border: 1px solid #666 !important;
    border-radius: 2px;
}
.refcitesingle
{
    background-color: #fff;
    padding-left: 4px;
    border: 1px solid #888;
}
.SCsortorder {
    border: 1px solid #888;
    padding: 2px 4px 2px 4px;
    cursor: pointer;
    font-size: 9pt;
    background-color: #fff;
    width: 80px;
    color: #000;
    font-size: 11px;
    text-align: left;
    margin-right: 3px;
    position: relative; /* set the position context for absolutely positioned children */
    height: 25px; /* adjust as needed */
    line-height: 21px; /* should match height for vertical centering */
    /* other styles as needed */
}
.SCsortorder:hover
{
    background-color: #ffc !important;
}
.SCsortarrow {
    position: absolute; /* take the element out of the document flow so it doesn't affect the layout of the parent */
    right: 5px; /* adjust as needed */
    top: 50%; /* center vertically */
    transform: translateY(-50%); /* adjust for the element's own height */
    color: #fe0000;
    font-weight: bold;
}
.referencelink
{
    color: #004b58 !important;
}
.reflineitem
{
    font-size: 10pt;
    padding: 8px 4px 0px 0px;
    line-height: 1.3em;
    margin-bottom: 0.7em;
    word-break: break-word !important;
}
.mindatam2 .reflineitem
{
    padding-left: 0;
    padding-right: 0;
}

.mindatam2 .reflineitem:first-of-type
{
    padding-top: 1px;
}

.plainref a
{
    font-family: 'Courier Prime', Courier, 'Courier New', monospace;
}
.locentryrefsmall .reflineitem
{
    padding-left: 0px;
    font-size: 8pt;
    padding-top: 0px;
}
.locdetailedlocbox .reflineitem
{
    font-size: 10pt;
    padding-top: 1px;
}

.smallerreflist .reflineitem
{
    font-size: 9pt;
    line-height: 1.1em;
    padding: 4px;
}
.reflinecom
{
    color: #f00;
    padding-left: 1em;
}

.refpdflink
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/images/adobe.png');
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -5px;
    padding: 3px;
}

.refpdflink:hover
{
    background-color: #f00;
    border-radius: 4px;
}


.reflinebox:hover
{
    background-color: #ffc;
    border: 1px solid #fc0;
}

.reflinebox B, .reflineitem B
{
    font-weight: normal;
}

.reflinebox .rlcn, .reflineitem .rlcn
{
    display: inline-block;
    width: 32px;
    float: left;
    margin-left: -32px;
}
.smallerreflist .rlcn
{
    display: none;
}
.refcontain
{
    padding-left: 4px;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}
.pdf_search_result
{
    font-size: 10pt;
    line-height: 1.4em;
    font-weight: bold;
}

#addrefbutton
{
    width: 100%;
    padding: 6px;
    cursor: pointer;
    background-color: #def7f7;
    border: 1px solid #ccc;
    font-size: 12pt;
}

#addrefbutton:hover
{
    background-color: #a4a0fd;
    color: #fff;
}

#ADtitle
{
    display: block;
    user-select: none;
    padding: 4px;
    background-color: #ccc;
}

.SBad200 IMG
{
    width: 200px;

}


.SBad400, .SBad200
{
    margin-bottom: 4px;
    opacity: 0.7;
}

.SBad400:hover, .SBad200:hover
{
    opacity: 1;
}


#ADarticles, #ADdealer {
    padding: 0;
    font-size: 9pt;
    margin-top: 30px;
    overflow: hidden;
    z-index: 40;
}


#ADdealer li
{
    margin-top: 0;
    height: 42px;
}


#ADarticles li {
    clear: both;
    list-style-type: none;
    border: 0px;
    margin: 0px;
    line-height: 1em;
    width: auto;
    height:22px;



    overflow: hidden;
}


#ADarticles li.prom
{

    background-color: #cfd;
}

#ADarticles li img, #ADdealer li img
{
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 0;
    padding-right: 0.5em;
}




#ADarticles li a, #ADdealer li a {

    margin-bottom: 0px;

    position: absolute;
    display: block;
    width: 396px;
    height: 36px;

    vertical-align: middle;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    padding-top: 4px;
    padding-left: 4px;
}

.ADartsmall li a
{
    font-size: 8pt;
    width: 196px;
}

#ADarticles li b, #ADarticles li span,
#ADdealer li b, #ADdealer li span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
}

.ADartsmall li b
{
    font-size: 9pt;
}

#ADarticles li p,  #ADdealer li p {
    font-size: 9pt;
    padding: 0.5em;
    margin: 0px;
}


#ADarticles li a:hover, #ADdealer li a:hover {
    background-color: #29af90;
    text-decoration: none;
    color: #fff;
}

#ADarticles li b, #ADdealer li b {
    display: block;
    margin-bottom: 2px;
}




.AD400
{
    width: 400px;

}

.AD200
{
    width: 200px;

}



#ADclose
{
    float:right;
    color: #eee;

}

#ADclose:hover
{
    color: #fff;
    cursor: pointer;
}


#gpopup IMG
{
    max-width: 270px;
    height: auto;
}
#gpopup
{
    overflow: hidden;
}
.ui-dialog
{
    z-index: 5000 !important;
}
.ui-dialog-titlebar-close
{
    top: 4px !important;
}
.glospopbut
{
    margin-top: 16px;
}
.ui-dialog-titlebar
{
    background-color: #008398 !important;
    color: #fff !important;
    border-radius: 0;
    margin: -4px -4px 0px -4px;
}
.glospopbut A
{
    border-radius: 5px;
    padding: 3px 8px;
    background-color: #008398;
    color: #fff !important;
}
.glospopbut A:hover
{
    background-color: #29af90;
    text-decoration: none;
}
#SRmain
{
    position: fixed;
    top: 0;
    /* margin: calc((100vw - 1000px)/2); */
    margin-left: calc((100vw - 1000px)/2);
    margin-top: 10vh;
    background-color: #ffffff;
    height: 80vh;
    width: 1000px;
    border-radius: 5px;
}

#RCeditor {
    position: fixed;
    top: 0;
    /* margin: calc((100vw - 1000px)/2); */

    max-height: 100%;
    overflow-y: auto;

    background-color: #ffffff;

    width: 600px;
    max-width: 100%;
    border-radius: 5px;
}

#Reditor {
    position: fixed;
    top: 0;
    max-height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    width: 700px;
    max-width: 100%;
    border-radius: 5px;
    z-index: 2000 !important;
}

#RCeditor H1, #Reditor H1
{
    background-color: #29af90;
    margin-top: 0;
    margin-bottom: 0;
    border-top-left-radius: 5px;
    padding: 4px 8px;
    border-top-right-radius: 5px;
    color: #fff;
}

#SRconvert
{
    float: right;
    font-size: 8pt;
    padding: 1px 3px;
}

#SRconvertto
{
    float: right;
    font-size: 8pt;
    padding: 1px 3px;
    margin-left: 1em;
}

.selectableselectedtablecell {
    background-color: #ff0;
}
#SCcitationbox {
    display: none;
}
#SCmergeinfo
{
    font-size: 9pt;
    padding: 8px 4px;
}

.SCmergedatarow
{
    border: 1px solid #888;
    margin-bottom: -1px;
    padding: 4px;
}
.SCmergeremove
{
    float: right;
    padding: 0px 3px;
    background-color: #c00;
    color: #fff;
    border: 0;
    margin-top: -2px;
    cursor: pointer;
    margin-right: -2px;
}
.SCmergeremove:hover
{
    background-color: #c80;
}
.SCmergedatarow P
{
    border: 0 !important;
    background-color: #f0f8f8 !important;
    margin-bottom: -4px;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 4px;
    padding: 4px;
}

.Rbox
{
    border: 1px solid #888;
    margin: 4px;
    padding: 4px;
    background-color: #f0f8f8;
}

#SRunstructuredbox
{
    background-color: #ecf8ec;
}

#SRimportbox
{
    background-color: #f8f0f0;
}

#SRsimilarref
{
    max-height: 30vh;
    overflow-y: scroll;
    border: 1px solid #ccc;
    background-color: #fff;
}

#SRsimilarref table
{
    border-collapse: collapse;
    width: 100%;
}

#SRsimilarref TH
{
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f7ffff;
    font-size: 8pt;
    padding: 2px;
}

#SRsimilarref TD
{
    font-size: 10pt;
    padding: 6px;
    line-height: 15pt;
    vertical-align: top;
    border-bottom:1px solid #ccc;
    border-right: 1px solid #ccc;
}

.moremoremore
{
    float: right;
    user-select: none;
    color: #f5948f;
    font-size: 15pt;
}

.Rbox B
{
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    margin-bottom: 1em;
}
.elastichighlight em
{
    color: #ff0000;
    font-weight: bold;
}

.Rbox P
{
    font-size: 12pt;
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fff;
}

#SCeditref
{
    margin-top: -10px;
    float: right;
}

#SCcode, .SCcode
{
    width: 3em;
    margin-right: 1em;
}

#SCfrom, #SCto,#SRfrom, #SRto, .SCfrom, .SCto
{
    width: 2.2em;
}

#SCto, .SCto
{
    margin-right: 1em;
}

#SCcomments, .SCcomments
{
    width: 280px;
}

#SCdotype
{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: middle;
}
#SCdotype input
{
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}
#SCissue, #SCvol, #SCseries {
    width: 2em;
}

.pgm_filter_button
{
    display: inline-block;
    width: 2em;
    border: 1px solid #666;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
}

.pgm_filter_inactive {
    background-color: #eee;
}

.pgm_filter_active {
    background-color: #1ff231;
}

.pgm_filter_negative {
    background-color: #000000;
    color: #fff;
}

#pgm_mineral_table
{
    max-width: 750px;
}

#pgm_mineral_block
{
    float: left;

}

#pgm_element_block
{
    float: right;
}

.thickgreybar
{
    border: 0 !important;
    height: 16px !important;
    background-color: #ddd !important;
    margin-left: -11px !important;
    margin-right: -12px !important;
    border-bottom: 4px solid #008398 !important;
}
#journaliconview
{
    display: none;
}
.bookyref {
    margin-left: 6px;
    margin-right: 6px;
    text-align: left;
}
.journaliconbox
{
    display: inline-block;
    width: 24%;
    vertical-align: top;
    text-align: center;
    border: 1px solid #888;
    height: 295px;
    padding-top: 10px;
    margin-left: -1px;
    margin-bottom: -1px;
    overflow: hidden;
}
.journaliconbox a:first-child
{
    display: block;
    height: 200px;
    width: 150px;
    position: relative;
    margin: auto;
}
.journaliconbox.jib_dl, TD.jib_dl
{
    background-color: #fff;
}

#paypal-button-container {

    display: block;
    max-width: 600px !important;
    margin: auto !important;

}

#digidown, #digidown H2
{
    text-align: center !important;
}

.jib_nodl
{
    background: radial-gradient(ellipse at center, #fff 0%,#ddd 100%) !important;
}
.journaliconbox IMG
{
    filter: drop-shadow(3px 3px 3px #555);
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#gotogallery
{
    font-weight: normal;
    font-size: 10pt;
    margin-right: 1em;
    padding-top: 5px;
    float: right;
    color: #085eb0;
}
#gotogallery:hover
{
    color: #ff3399;
    text-decoration: underline;
    cursor: pointer;
}
.journaliconbox P
{
    font-size: 9pt;
}


#SRcrossreftable
{
    border-collapse: collapse;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

#SRcrossreftable TD
{
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    background-color: #fff;
    padding: 4px;
    font-size: 9pt;
    cursor: pointer;
}

#SRcrossreftable TD:hover
{
    background-color: #fc0;
}

.refmenubar
{
    margin-left: -11px !important;
    margin-right: -11px !important;
}
.refmenuexpand
{
    margin-left: -11px !important;
    margin-right: -11px !important;
    padding-bottom: 1px;
}
#refsearchbar
{
    background-color: #29af8f;
    color: #fff;
    margin-left: -11px;
    margin-right: -11px;
    padding: 11px;
    max-width: 979px;
}
#refsearchprimary
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#refsearchadvanced {
    display: flex;
    flex-wrap: wrap;
    max-width: 970px;
    justify-content: space-between;
}
#refsearch_yearfrom,
#refsearch_yearto,
#refsearch_ddc,
#refsearch_lcc,
#refsearch_pub,
#refsearch_auth {
    width: auto;
    box-sizing: border-box;
}
#refsearch_yearfrom,
#refsearch_yearto {
    max-width: 80px;
}
#refsearch_ddc,
#refsearch_lcc {
    max-width: 60px;
    margin-left: 8px;
}
#refsearch_pub,
#refsearch_auth
{
    margin-left: 8px;
}
#refsearch_ddc,
#refsearch_lcc,
#refsearch_pub,
#refsearch_auth {
    flex: 0 0 auto;
    box-sizing: border-box;
}
#refsearch
#refsearchbar input[type=checkbox] {
    transform: scale(1.5);
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.refsearchadvanced
{
    padding-top: 8px;
    line-height: 35px;
}
.refsearchsubmit
{
    background-color: #fc0;
    border: 0;
    border-radius: 3px;
    padding: 4px 12px;
}
.refsearchsubmit:hover
{
    cursor: pointer;
    background-color: #ffe88c;
}
#refsearchbar select
{
    width: 140px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-color: #888;
}
#refsearchadvancedbutton
{
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}
#refsearch_text
{
    width: 620px;

}
#refsearch_yearfrom,
#refsearch_yearto
{
    width: 60px;
}
.REFcover {
    float: right;
    width: 200px;
    margin-left: 8px;
    margin-top: 4px;
    filter: drop-shadow(3px 3px 3px #555)
}
.REFitemcover
{
    max-width:40px;
    filter: drop-shadow(2px 2px 3px #555)
}
.REFforce200 {
    height: 200px !important;
}
#SCsave
{
    float: right;
}
#SCsaveall {
    float: right;
    display: none;
    margin-right: 8px;
}
.hidebeforeref {
    display: none;
}
#SRgclicker IMG
{
    width: 16px;
    border: 1px solid #ccc;
    padding: 2px;
    margin-top: 4px;
    cursor: pointer;
}

#SRgsclicker IMG
{
    width: 16px;
    border: 1px solid #ccc;
    padding: 2px;
    margin-top: 4px;
    margin-left: 2px;

    cursor: pointer;
}


#SRcrclicker
{
    padding: 0;
    margin: 0;
    border: 0;
}

#SRcrclicker IMG
{
    width: 16px;
    border: 1px solid #ccc;
    padding: 2px;
    margin-top: 4px;
    margin-left: 2px;

    cursor: pointer;
}

#SRsave, #SCsave
{
    float: right;
    background-color: #0f0;
    border-radius: 2px;
    border: 1px solid #888;
    padding: 3px 8px;
}

#SRsave:hover, #SCsave:hover
{
    cursor: pointer;
    background-color: #FF0;
}

#SCcitform
{
    padding-bottom: 1em;
}

.SRresultsbig
{
    height: calc(80vh - 190px) !important;
}

#SRcoverpage
{
    width: 64px;
    display: none;
}
#SRmain TH
{
    font-size: 12pt;

    padding-top: 6px;
}

#SCopenrefurl
{
    float: right;
}

#SRauthpaste
{
    background-color: #008dff75;
    margin-top: -8px;
    padding-top: 8px;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    padding-right: 4px;
    margin-bottom: 4px;
}
#SRisbn {
    width: 140px;
}
.SRline2, .SRline, #SRddcrow, #SRisbnrow, #SRtitleErow, #SRjournalErow, #SRfilecommentrow, #SRauthors, #SRreftyperow, #SRtitlerow, #SRissuetitlerow, #SRjournalrow, #SRurlrow, #SRdoirow, #SRyearpagesrow, #SRfulltextrow, #SRpublisherrow, #SRfilesrow, #SRsupitemrow, #SRalturlrow
{
    padding-bottom: 0.6em;
}
#SRqs_open, #SRulpushopen
{
    background-color: #acffac;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 8pt;
    margin-right: 6px;
}
#SRqs_open:hover, #SRulpushopen:hover
{
    background-color: #0f0;
    cursor: pointer;
}
#SRqs_closed, #SRulpushclosed
{
    background-color: #ce5555;
    color: #fff;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 8pt;
    margin-right: 6px;
}
#SRqs_closed:hover, #SRulpushclosed:hover
{
    background-color: #f00;
    cursor: pointer;
}
#SRulpushclosed, #SRulpushopen
{
    float: right;
    font-size: 13px
}
#SRqs_cover
{
    background-color: #f2e856;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 8pt;
    margin-right: 6px;
}
#SRqs_cover:hover
{
    background-color: #ff0;
    cursor: pointer;
}
.h1logo
{
    float: right;
}
.h1logo img
{
    max-height: 60px;
}
#SRbookseriesrow
{
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 8px;
    max-height: 10vh;
    overflow-y: scroll;
    background-color: #59a3eb24;
    margin-left: -4px;
    padding-left: 4px;
}
#SRclassify
{
    padding-top:8px;
    margin-top: -4px;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    background-color: #fcf !important;
}
#SRclassifysel
{
    width: 520px;
    padding: 2px;
    margin-right: 4px;
}
#titlecase
{
    float: right;
    margin-right: 6px;
}
#fixspaces
{
    float: right;
    margin-right: 6px;
}
#SRtitleErow, #SRjournalErow {
    display: none;
}
#reflivesearch {
    width: calc(100% - 8px);
    font-size: 12pt;
    padding: 4px;
    margin-bottom: 12px;
}

.SRline2 headleft {
    font-size: 8pt;
}
#SPsource
{
    padding: 3px 2px 2px 2px;
    width: 130px;
}
#SPinsti {
    display: none;
}
#SPsourcenotes
{
    width: 210px;
}
#SPminid
{
    width: 80px;
}
#SRfilenamerow
{
    padding-bottom: 0.3em;
}
#SRauthors
{
    padding-top: 8px;
    margin-bottom: 8px;
    max-height: 10vh;
    overflow-y: scroll;
    background-color: #0081ff24;
    margin-left: -4px;
    padding-left: 4px;
}
.selectablerefidtd:hover
{
    background-color: #fc0;
    cursor: pointer;
}

#SRopenurl, #SRopenfileurl, #SRarchiveurl
{
    display: inline-block;
    cursor: pointer;
    padding: 3px 3px 3px 3px;
    margin: 0;
    margin-left: 4px;
    position: relative;
    top: 3px;
    width: 24px;
    height: 24px;
    border: 1px solid #aaa;
}

#SRopenurl IMG, #SRopenfileurl IMG, #SRarchiveurl IMG
{
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
}
#SRstructplus, #SRabsplus {
    float: right;
    display: none;
    font-size: 8pt;
}
.srfloatbut, #SRfilehide, #SRabsminus, #SCsearchrefgo, #SRstructminus, #SRhidemerge, #SRimport, #SRimportgo,#SRhideimport,#SRlinkparent,#SRuploadme {
    float: right;
    font-size: 8pt;
}
#SRuploadme
{
    margin-top: 4px;
}

#SCsearchref
{
    float: right;
    font-size: 8pt;
    padding: 0 2px 0 2px;
    margin-right: 2px;
    width: 40%;
}

#SRabstract
{
    width: calc(100% - 10px);
    height: 60px;
    padding: 4px;
    font-size: 9pt;
}
#SRimportupload {
    font-size: 8pt;
}
#SRmergesel
{
    float: right;
    margin-top: 4px;
    background-color: #dd0;
    border-radius: 2px;
    border: 1px solid #888;
    padding: 3px 8px;
}
#SRmergesel:hover
{
    background-color: #ff0;
}
.SCms2
{
    background-color: #0ff !important;
}


.SRsupitemlabel {
    width: 130px;
    margin-top: 4px;
    position: absolute;
}

.SRsupiteminput {
    margin-left: 210px;
    width: calc(100% - 224px);
}

#SRfilecomment, #SRfileuploadname,#SRfulltext, #SRimporter {
    width: calc(100% - 7em);
}


#SPname
{
    width: 250px;
}
#SPyear
{
    width: 30px;
}
#SRjournal, #SRurl, #SRfileurl, #SRjournalE, #SRtitle, #SRtitleE, #SRbookseries
{
    width: 320px;
}
#SRbookseries
{
    background-color: #eee;
    border: 1px solid #888;
    padding: 2px 3px;
}

#SRdoi
{
    width: 200px;
}
.SRsmalltext
{
    font-size: 8pt;
}
.SRsmalltext2
{
    font-size: 8pt;
    margin-top: -8px;
    margin-bottom: 8px;
}
#SRedition
{
    width: 25px;
    margin-left: 1em;
}
#SCyear
{
    width: 2.5em;
}
#SRlangs
{
    width: 300px;
}
#SCday
{
    width: 2em;
}

.refauthorname
{
    width: 250px;
    font-size: 10pt;
}

.refauthortype
{
    padding: 3px 2px 2px 2px;
    margin-left: 4px;
    font-size: 10pt;
}

#referencetype, #authpastego,  #SCmonth, #SRother, #SRaccessstatus, #SRuploadtype, #SRfilepermission, #SRulpush
{
    padding: 3px 2px 2px 2px;

    font-size: 10pt;
}
#SRuploadtype
{
    width: 130px;
}
#SRfilepermission
{
    width: 175px;
}
#SRfileuploadcover
{
    width: 2em;
}

headleft
{
    position: absolute;
    margin-top: 3px;
}

.headleftright
{
    padding-left: 55px;
    margin-top: 1px;
}
.SRauthorrow
{
    margin-bottom: 4px;
    margin-left: 80px;
}

.padleft120 {
    margin-left: 105px;
}
.padleft80 {
    margin-left: 80px;
}
#authpastein
{
    width: 300px;
    margin-right: 4px;
}
.padright40 {
    margin-right: 40px;
}

#SRpublisher, #SRplace
{
    width: calc((100% - 148px)/2);
}
.SPmun {
    font-weight: normal;
    float: right;
}
.SPmethodA
{
    padding: 0px 2px;
    width: 70px;
}
.SPmethodI
{
    padding: 0px 2px;
    width: 135px;
}
.SPmethodO
{
    padding: 0px 2px;
    width: calc(100% - 394px);
}
.SPmethodT
{
    padding: 0px 2px;
    width: calc(100% - 118px);
}

.SRauthorrow NEW
{
    float: right;
    cursor: pointer;
    color: #00c;
    font-size: 8pt;
    margin-top: 8px;
    user-select: none;
}

#SRfilesrow NEWFILE
{
    float: right;
    cursor: pointer;
    color: #000;
    font-size: 8pt;
    margin-top: 5px;
    user-select: none;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 2px 4px;
    background-color: #eee;
}

.SRauthorrow NEW:hover, #SRfilesrow NEWFILE:hover,
#rc_clearauthors:hover
{
    cursor: pointer;
    background-color: #0f0;
}

#rc_clearauthors
{
    cursor: pointer;
    color: #00c;
    font-size: 8pt;
    margin-top: 14px;
    display: block;
    user-select: none;
}


#SRlangsave
{
    position: fixed;
    bottom: calc(10vh + 2px);
    font-size: 14pt;
    background-color: #f00;
    border-radius: 6px;
    color: #fff;
    right: calc(50vw - 490px);
}

#SCnames
{
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 0.9em;
}

#SRlangautosave
{
    position: fixed;
    bottom: calc(10vh + 2px);
    font-size: 14pt;
    background-color: #f00;
    border-radius: 6px;
    color: #fff;

    right: calc(50vw - 300px);
}

#SRlangauto
{
    position: fixed;
    bottom: calc(10vh + 2px);
    font-size: 14pt;
    background-color: #29af90;
    border-radius: 6px;
    color: #fff;

    right: 50vw;
}

#SRregion, #SRwikipedia
{
    font-size: 11pt;
}

#SRSearchButton
{
    font-size: 12pt;
    background-color: #29AF8F;
    border-radius: 6px;
    color: #fff;
}

#SRSearchButton:hover
{
    background-color: #fc0;
    color: #000;
    cursor: pointer;
}


#SRheading
{
    position: absolute;
    font-size: 12pt;
    left: 6px;
    top: 2px;
    width: 950px;
    overflow: hidden;
    user-select: none;
    font-weight: bold;

}

#SRmap
{
    width: 100%;
    height: 30vh;
    margin-top: 28px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#SRBottom p
{
    padding: 4px;
    font-size: 8pt;

    margin: 0;

}



.SRmaphide
{
    margin-bottom: 16px;
    padding: 0;
    border: 0 !important;
    height: 0 !important;
}



#SRblock
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    z-index: 2000;

}

#lselector
{
    max-width: 500px;
}



@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */

    .SRiframewrap
    {
        width: 995px !important;
        height: calc(100% - 4px);
        -webkit-overflow-scrolling: touch !important;
        overflow-y: scroll;
        overflow-x: hidden !important;

    }


    .SRiframewrap iframe
    {
        height: 100%;
        width: 100%;

    }

}

@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */

    .SRiframewrap
    {
        width: 995px !important;
        height: calc(100% - 4px);
        -webkit-overflow-scrolling: touch !important;
        overflow-y: hidden;
        overflow-x: hidden !important;

    }


    .SRiframewrap iframe
    {
        height: 100%;
        width: 100%;

    }





}








#SRzoomall
{
    border: 1px solid #888;
    display: inline-block;
    position: absolute;
    padding: 3px 4px;
    margin: 1px;
    font-size: 9pt;
    color: #fff;
    border-radius: 5px;
    left: calc(100% - 94px);
    user-select: none;
    font-weight:  bold;
    background-color: #22f;
}

#SRzoomreg
{
    border: 1px solid #888;
    display: inline-block;
    position: absolute;
    padding: 3px 4px;
    margin: 1px;
    font-size: 9pt;
    color: #fff;
    border-radius: 5px;
    left: calc(100% - 55px);
    user-select: none;
    font-weight:  bold;
    background-color: #22f;
}


#SRselect
{
    position: absolute;
    right: 10px;
    margin-top: -36px;
    font-size: 12pt;
    background-color: #eee;
    border-radius: 6px;
    padding: 4px 8px;
    user-select: none;
    color: #fff;

}


.fakelink
{
    cursor: pointer;
    color: #085eb0;
}

.fakelink:hover {
    text-decoration: underline;
    color: #FF3399;
}


#SRselectwiki
{

    font-size: 12pt;
    background-color: #eee;
    border-radius: 6px;

    user-select: none;
    color: #fff;

}

.SRresultactive
{

    background-color: #ff3355 !important;
}

.SRresultactive:hover
{
    background-color: #fc0 !important;
    color: #400 !important;
    cursor: pointer;
}



.SRviewbutton
{
    user-select: none;
    background-color: #29af8f;
    color:#fff;
    padding: 2px 4px;
    white-space: nowrap;
    border-radius: 4px;
    cursor: pointer;
}

#SRglobe
{
    position: absolute;
    margin-top: -38px;
    left: 720px;
    padding: 4px 8px;
    border: 1px solid #888;
    border-radius: 6px;
}

#SRclose
{
    border: 1px solid #888;
    display: inline-block;
    position: absolute;
    padding: 3px 4px;
    margin: 1px;
    font-size: 9pt;
    color: #fff;
    border-radius: 5px;
    left: calc(100% - 24px);
    user-select: none;
    font-weight:  bold;
    background-color: #f22;
}

#RCclose, #Rclose
{
    border: 1px solid #888;
    display: inline-block;
    position: absolute;
    padding: 3px 4px;
    margin: 2px;
    font-size: 12pt;
    color: #000;
    border-radius: 5px;
    left: calc(100% - 30px);
    user-select: none;
    font-weight:  bold;
    background-color: #fff;
}

#RCclose:hover
{
    background-color: #f22;
    color: #fff;
    cursor: pointer;
}

#SRclose:hover, #SRzoomall:hover, #SRzoomreg:hover, .SRviewbutton:hover, #SRglobe:hover
{
    background-color: #fc0;
    color: #000;
    cursor: pointer;
}

#SRresults
{

    height: calc(50vh - 190px);

    overflow-y: scroll;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#SRresults table
{

    width: 980px;
    margin-top: 0px !important;

}


#SRlanguages  THEAD TH
{
    position: sticky;
    top: 0;
    z-index: 10;


}

.SRtypecol
{
    white-space: nowrap;
}

.SRviewcol
{
    text-align: center !important;
}

.SRrow TD
{

    font-size: 10pt !important;
}



#browserbad
{
    background-color: #fc0;
    font-size: 12pt;
    text-align: center;
    padding: 1em;
}

A {
    word-wrap: break-word;
}

A:link, A:visited {
    color: #085eb0;
    text-decoration: none
}

A:hover {
    color: #FF3399;
    text-decoration: underline
}


.submit
{
    font-size: 11pt;
    border-radius: 5px;

    cursor: pointer;
    background-color: #29af90;
    color: #fff;
}

#xrd_search_submit
{
    display: inline-block;
    margin-top: 1em;
    width: 120px;
    padding: 4px;
}

#xrd_clear_btn
{

    font-size: 11pt;
    border-radius: 5px;
    display: inline-block;
    margin-top: 1em;
    width: 120px;
    padding: 4px;
    cursor: pointer;
    background-color: #dddddd;
    color: #000;
}

#xrd_clear_btn:hover
{
    background-color: #b1d0ff;
}


.submit:hover
{

    background-color: #b1d0ff;
    color: #000;

}


.nosubmit
{
    font-size: 11pt;
    border-radius: 5px;
    font-weight: normal;

    cursor: pointer;
    background-color: #add;
    color: #000;
}

.nosubmit:hover
{

    background-color: #92baf9;
    color: #000;

}

#test3d {

}

#catabanner A
{
    display: block;
    color: #fff;

}

#catabanner A:hover
{
    text-decoration: none;

}

#catabanner
{
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: -3px;
    margin-top: 1px;
    font-size: 14pt;
    vertical-align: middle;
    background: linear-gradient(to bottom, #00adef 0%,#a2c8e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#catabanner span
{
    display: inline-block;
    padding-left: 1em;


}

#catabanner IMG
{
    margin-top: -14px;
    margin-bottom: -16px;
}

.bookshelfothers
{
    margin-top: 20px !important;
    margin-left: -1px !important;
}

.flatp P
{
    margin-block-start: 0;
}


.hpboxes1
{
    display: flex;
    flex-flow: row wrap;

    justify-content: space-between;
    width: 1000px;
    margin: 40px auto 0 auto;

}

.mutton
{
    border-radius: 3px;
    background-color: #29af90;
    color: #fff !Important;
    padding: 4px 8px;
    cursor: pointer;
    user-select: none;
    margin-right: 1em;
}
.mutton:hover
{
    background-color: #b1d0ff;
    color: #00c !important;
    text-decoration: none;
}


.hpthinbox
{
    background-color: #fff;
    width: 100%;
    text-align: left;
    padding: 10px;
}

.thinlocrowimportant
{
    background-color: #ffc;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px !important;
}


#spreadsheet {
    border: 1px solid #ccc;
    background-color: #eee;
    height: 400px;
}

.shiftup
{
    margin-bottom: -40px !important;
}

.locinfotable
{

    margin: 0 !important;

}

.hascorprow
{
    width: 49%;
}

.hascorprow .LFtb
{
    overflow: initial !important;
}

.floatymcright
{
    float: right;
    display: block;
    font-weight: normal;
    font-size: 9pt;
    margin-right: 1em;
}
.youtubeiframe {
    width: 860px;
    height: 480px;
}


#languagetable
{
    max-height: 228px;
    width: 49%;
    float: right;
    overflow-y: auto;

    margin-left: 1em;
    margin-bottom: 2em;
    padding: 0 !important;
    border-bottom: 1px solid #ccc

}

#languagetable .locinfotable
{
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px; !important;
}
.locinforight
{
    float: right;
    margin-top: 0px !Important;
}

#mindatlogo
{
    display: block;
    width: 190px;
    height: 62px;
    background-image: url('/design2018/logo-dark.png');
    background-size: 190px 62px;
    float: left;
    margin-top: 5px !important;
}

.wtHolder {
    margin: -1px !important;
}

@font-face {
    font-family: 'FGDCGeoAge';
    src: url('/fonts/fgdcgeoage.eot');
    src: url('/fonts/fgdcgeoage.eot?#iefix') format('embedded-opentype'), url('/fonts/fgdcgeoage.woff') format('woff'), url('/fonts/fgdcgeoage.ttf') format('truetype'), url('/fonts/fgdcgeoage.svg#FGDCGeoAge') format('svg');
}

table.sortable thead {
    cursor: ns-resize;
}

.helpus {

    padding: 6px;


    background: linear-gradient(to bottom, #770700 0%,#e82412 50%,#ffa463 100%);
    color: #fff;
    font-size: 12pt;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

#hpmap
{
    width: auto;
    height: 330px;
    margin: -10px;
}

.llist_country
{
    border-bottom: 1px solid #ccc;
}

.llist_1
{
    margin-left:15px;
}

.llist_2
{
    margin-left:30px;
}

.llist_3
{
    margin-left:45px;
}

.llist_4
{
    margin-left:60px;
}

.llist_5
{
    margin-left:75px;
}

.llist_6
{
    margin-left:90px;
}

.llist_7
{
    margin-left:105px;
}

.llist_8
{
    margin-left:120px;
}

.llist_9
{
    margin-left:135px;
}

.llist_10
{
    margin-left:150px;
}

.llist_11
{
    margin-left:165px;
}

.llist_12
{
    margin-left:180px;
}

.llist_13
{
    margin-left:195px;
}

.llist_14
{
    margin-left:210px;
}

.llist_15
{
    margin-left:225px;
}


#pleasewait
{

    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
    transform: translate(-50%,-50%);
    background-color: #ff0;
    padding: 10px;
    border: 6px solid #f30;
    color: #000;
    font-size: 14pt;
    padding: 0.5em 3em;
    display: none;


}

#notifications
{
    position:relative;
    top: 1px;
    margin: 0.5em;
}

.urmcount2
{
    user-select: none;
    color: #fff;
    background-color: #D9594C;
    position: relative;
    padding: 1px 4px 2px 4px;
    text-align: center;
    border-radius: 8px;
    margin-left: -6px;
    border: 1px solid #f80;
}

#unreadmessages
{
    position:relative;
    top: 1px;
    margin: 0.5em;
}

.urmcount
{
    user-select: none;
    color: #fff;
    background-color: #29AF90;
    position: relative;

    padding: 1px 4px 2px 4px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #0cf;
    margin-left: -6px;
}



.newfpbox
{

    width: 296px;
    height: 350px;
    background-color: #fff;
    padding: 10px;
    font-size: 11.5pt;
    margin-top: 20px;
    line-height: 1.5em;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
}

.newfpbox .next
{
    position: absolute;
    top: 62px;
    right: 0;
    color: #fff;
    text-shadow: 2px 2px 10px #000;
    float: right;
    font-size: 40pt;
    opacity: 0.6;
    cursor: pointer;
    user-select: none;

    font-weight: bold;
}

.lownext .next
{
    top: 6px;
    font-size: 25pt;
    right: 4px;
}

.lownext .prev
{
    display: none;
}

.newfpbox .prev
{
    position: absolute;
    top: 62px;
    left: 0;
    color: #fff;
    text-shadow: 2px 2px 10px #000;
    float: right;
    font-size: 40pt;
    opacity: 0.6;
    cursor: pointer;
    user-select: none;

    font-weight: bold;
}

.newfpbox .next:hover, .newfpbox .prev:hover
{
    opacity: 1;
}

.newfpboxgroup
{
    display: block;
    padding: 0;
    margin: 0;
    width: 316px;


}

.newfpboxgroup .newfpbox
{
    position: absolute;
    margin-left: -158px;
    z-index: 0;
}

.newfpboxgroup .newfpbox:first-of-type
{
    z-index: 100;
}

.fpclist A
{
    display: inline-block;
    min-width: 50%;
    margin-top: 0.1em;
    height: 1.4em;
    overflow: hidden;
}


.newfpboxw
{
    width: 638px;
}


.newfpbox A
{

    color: #085eb0;
}


.newfpbox A:hover
{

    color: #ff3399;
}



.newfpbox H2, .newfpbox2 H2
{
    margin-top:0;
}


.newfpbox ul {
    padding: 0;
    font-size: 10pt;
    margin: -10px !important;
    overflow: hidden;


}


.newfpbox li {
    clear: both;
    list-style-type: none;
    border: 0px;
    margin: 0px;
    line-height: 1em;
    padding: 0 10px;


    overflow: hidden;
}


.newfpbox li.prom
{

    background-color: #cfd;
}

.newfpbox li img
{
    float: left;
    border: 0;
    padding-right: 0.5em;
}




.newfpbox li a {
    margin: 0px -1em;
    margin-bottom: 0px;

    display: block;
    width: auto;
    height: 48px;
    padding: 8px 12px 0 14px;
    vertical-align: middle;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
}

.newfpbox li b, .newfpbox li span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newfpbox li p {
    font-size: 9pt;
    padding: 0.5em;
    margin: 0px;
}


.newfpbox li a:hover {
    background-color: #29af90;
    text-decoration: none;
    color: #fff;
}

.newfpbox li b {
    display: block;
    margin-bottom: 2px;
}


.newfpbox ul {
    margin: 0px;
    padding: 0px;
}








.newfpboxhead
{
    width: 316px;
    height: 150px;
    object-fit: cover;
    margin: -10px -10px 10px -10px;
}






.newfpbox H1
{
    background-color: #aaa;

    margin: -10px -10px 10px -10px;
    padding: 8px 10px 6px 10px;
}

.newfpbox H1.h1trans
{
    position: absolute;
    width: 296px;
    background-color: #fff;
    color: #000;
    opacity: 0.5;
    font-size: 13pt;
    height: 15pt;
}

.fulllink A
{display: block;width: 100%;height: 100%;margin: -10px;padding: 10px;color: #000 !important;

    overflow: hidden;
}

.fulllink A:hover
{
    text-decoration:none;
    color: #fff !important;
    background-color: #29af90;

}

.fulllink h2
{
    display: block;
    height: 50px;
}


#potdinfo
{
    background-color: #888;
    width: 100vw;
    margin-left: -10px;

    font-size: 11px;
    padd
}

#potdinfo A
{
    color: #ddd;
    display: block;
    width: auto;
    padding: 6px 0;
}

#potdinfo A:hover
{
    text-decoration: none;
    color: #fff;

    background-color: #29af90;
}


.fivelines
{
    padding-top: 5px;
    position: relative;
}

.fivelines:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 3.4em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.fulllink A:hover .fivelines:after
{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #29af90 50%);
}

.newfpboxdate
{
    display: block;
    font-size: 10pt;
    margin-top: -18px;
    margin-bottom: 10px;
}


#topspot
{
    margin: auto;
    text-align: center;
    background-color: #888;
    padding-top: 6px;
}

#topspot IMG
{
    max-width: 100%;
}

#liveupdate {


    margin: auto;
    text-align: left;
    height: 855px;
    overflow-y: scroll;
    background-color: #fff;
}

#bgsnote
{
    top: 345px;
    z-index: 120 !important;
    font-size: 15px;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    color: #000;
    background-color: #fff;
    position: relative;
    width: 190px;
    margin: auto;
    padding: 3px;
    border-radius: 15px;
    user-select: none;
}

#bgsearch:hover #bgsnote
{
    opacity: 0.6;
    transition: opacity 0.5s ease-in-out;
}

#bgsearch
{

    width: auto;


    height: 400px;
    margin: -35px -0.5em 0px -0.5em;
    position: relative;
}

.bgslide
{
    position: absolute;
    object-fit: cover;
    width: 100vw;
    height: 400px;
    left: 0;
    cursor: pointer;
    background-color: #444;
}

#statsbar
{

    display: flex;
    background-color:  #008398;
    margin: 0px -8px;
    margin-bottom: -36px;
    border-top: 4px solid #444;
    padding: 0;
}

#statsbar LI
{

    flex: auto;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 0;

    font-size: 11pt;
    user-select: none;
}


#statsbar LI A
{

    display: block;
    padding: 4px 10px;
    margin: 0;
    width: auto;
    color: #fff;
}

#statsbar LI A:hover
{
    text-decoration: none;
    background-color: #29af90;
}

#statsbar LI:first-of-type
{


}

#statsbar LI B
{
    font-size: 10pt;
    display: block;
}



#bgsbuttons
{
    margin: 0;
    opacity: 1;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#searchboxpop
{

    position: relative;
    background: #ccffff;
    border-radius: 12px;
    width: auto;
    margin-left: 10px;
    padding:5px 18px;
    text-align: left;
    top: -4px;
    left: 5px;
    opacity: 0;

}

#searchboxpop:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border: 15px solid transparent;
    border-top-color: #ccffff;
    border-bottom: 0;
    border-left: 0;
    margin-left: -11.5px;
    margin-bottom: -15px;
}
}


#bgsbuttons:hover
{
    opacity: 1;
}

#searchboxhp
{font-size: 14pt;padding: 12px;width: 400px;border: 0;
    color: #000 !important;background-color: rgba(255,255,255,0.8);padding-left: 30px;}

.magnify
{
    position: relative;
    left: 24px;
    bottom: 2px;
}

#searchboxhp:hover, #searchboxhp:focus
{
    background-color: #fff;
}

.mqblock
{
    margin-bottom: 2em;
}

.mqblockm
{
    display: none;
}

.mqblock INPUT
{
    margin-right: 1em;
}
mqh
{
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#searchboxhpsub
{
    font-family: 'Noto Sans';
    font-size: 14pt;
    padding: 12px 8px 12px 8px;
    border: 0;
    cursor: pointer;

    background-color: #29af90;
    color: #fff;

}


#searchboxhpsub:hover {
    background-color: #b1d0ff;
    color: #fff;


}


#otd_fp, #hpeople
{
    text-align: left;
    background-color: #ecfcff;
    padding: 10px;
    width: 980px;
    margin: 40px auto -20px auto;
    text-align: left;
}
#otd_fp h3, #hpeople h3
{
    padding: 10px;
    margin: -10px -10px 10px -10px;
    background-color: #008398;
    color: #fff;
}
#hpeople img
{
    float: left;
    max-width: 300px;
    margin-right: 10px;
    border: 1px solid #000;
}
#hpeopleinfo
{
    font-style: italic;
    font-size: 9pt;
    margin-bottom: 2em;
}
.potd
{
    width: 316px;
    margin: -10px -10px 1em -10px;
}

#diamondlevel
{
    background-color: #999;
    text-align: left;
    width: 964px;
    padding: 17px 17px 0 10px;
    margin: 40px auto -20px auto;
}

#advertisewithus
{
    position: absolute;
    margin-top: -28px;

    width: 250px;
    left: calc(50% - 131px);
    background-color: #aaa;
    padding: 3px 6px;
    text-align: center;
    color: #008;

    border-radius: 12px;
}

#advertisewithus:hover
{
    background-color: #00f;
    color: #fff;
    text-decoration: none;
}

#diamondlevel img
{
    height: 118px;
    width: 176px;
    margin-bottom: 17px;
    margin-left: 7px;

    border: 1px solid #888;
}

#diamondlevel .dwidth
{
    width: 374px;
}

.colorpalette {
    border: 1px solid #000;
    margin: 4px;
    display: inline-block !important;
    width: 70px;
    height: 30px;
}
#potdholder
{
    background-color: #666;
    padding: 0.5em 0em;
    text-align: left;
    color: #fff;
    width: 950px;
    padding: 17px;
    margin: 2em auto 0 auto;
}

#potdholder h1
{
    margin: -17px -17px 17px -17px;
    width: auto;
    background-color: #444;
    color: #fff;
    padding: 8px;

}

#potdholder h1 span
{
    float: right;
    font-size: 10pt;
    font-weight: normal;
    padding-top: 8px;

}


#potdholder IMG
{
    margin-left: -17px;
    margin-top: -17px;
    margin-bottom: -17px;
    margin-right: 17px;
    width: 450px;
    max-height: 600px;
    object-fit: cover;
    float: left;
}



.helpus div{
    margin: auto;
    width: 990px;
}

.helpus A, .helpus A:visited {
    color: #ff0 !important;
    font-weight: bold;


}

.helpus A:first-of-type
{
    font-size: 17pt;
}



.tsubhead {
    background-color: #f2e4fb !important;
    color: #444;
    font-weight: normal !important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#begging {
    background-color: #ffc;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: justify;
    font-size: 9pt;
    line-height: 1.4em;
}

.backdropad {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -5;
    opacity: 0.15;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

div.tree
{
    column-count: 2;
}

div.tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.tree ul ul {
    background: url(img/vline.png) repeat-y;
}

div.tree ul {
    margin-left: 10px;
    margin-bottom: 1em;

}

div.tree ul li {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    font-weight: normal;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;

}

div.tree>ul>li {
    font-weight: bold;


}

div.tree>ul>li>a, div.tree span {
    border: 1px solid #aaa;
    padding: 2px 6px;
    border-radius: 3px;

    display: inline-block;
}

div.tree ul ul li {
    background: url(img/node.png) no-repeat;
}

div.tree ul ul li.lasttree {
    background: #fff url(img/lastnode.png) no-repeat;
}

div.tree .realid {
    color: #a00;
}

.ags {
    display: block;
    margin: -3px 0 -3px 0;
    padding: 6px 3px;
}

.ags span {
    display: inline-block;
    width: 10px;
    margin: -6px 3px -6px -3px;
    padding: 6px ;
}

.companyleft {
    margin-bottom: 2em;
}

.companyleft TABLE TD {
    margin-left: 0em !important;
    margin-top: 0em !important;
    width: 440px;
    font-size: 12px !Important;
}

.companyleft TABLE TD A {
    font-weight: bold !important;
}

.companyleft TABLE TH:first-of-type {
    width: 160px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #29af90 !important;
    background: #29af90 !important;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #29af90 !important;
    background-color: #ffffff;
}


#comsearchform {
    padding-top: 8px;
    padding-bottom: 8px;
}

#comsearchsub {
    font-size: 12pt;
    border: 1px solid #ccc;
    border-radius: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -1px;
    background-color: #cff;
}

#comsearchsub:hover {
    cursor: pointer;
    background-color: #00f;
    color: #cff;
}

#comsearch {
    width: 320px;
    font-size: 12pt;
    padding: 4px 8px;
}

.companyinfo {
    padding-top: 1em;
}

.companyright {
    width: 410px;
    float: right;
}

.companyright DIV {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-bottom: 5px;
    padding: 5px;
    margin-top: 4px !important;
    text-align: center;
    margin-left: 1em;
}

.companyright p {
    text-align: left;
    line-height: 1.4em;
}

.companyright h1 {
    border-bottom: 1px solid #ccc;
    padding: 6px 4px 5px 4px !Important;
    background-color: #ddd;
    margin-top: -5px !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
    text-align: center !important;
    text-shadow: 1px 1px #fff;
    font-size: 14pt !important;
}

.companyright h2 {
    margin: 0;
    font-size: 13pt;
    padding: 5px !important;
}

.companyright h3 {
    margin: 0 !important;
    font-size: 11pt;
    padding-bottom: 9px;
}

#geotimeslist {
    float: right;
    width: 30%;
    margin-left: 1em;
}

#geotimeslist .ags {
    font-size: 7pt;
    margin: -3px 0 3px 0;
}

#geotimestable {
    min-width: 640px;
}

.blacken:hover {
    color: #000 !important;
}

#geotimesdesc {
    margin-top: 1em;
    padding: 4px;
}

#geotimesinfo {
    float: left;
}

.backdroptext {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -4;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.locctrl600 {
    width: 600px;
}

#backdropfade {
    background-color: #ccc;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -3;
    display: none;
}

#backdropvid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -4;
    image-fit: fill;
    display: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.museumlocrow {
    line-height: 1.7em;

}

.museumsbycountry {
    width: 320px;
}

.slightlybiggerctrls th {
    background-color: #fcfcfc !important;
}

.slightlybiggerctrls hr {
    color: #ccc !important;
    background-color: #ccc !important;
    height: 3px !important;
    border-radius: 3px;
}

.slightlybiggerctrls input {
    width: 100%;
    font-size: 13pt;
    padding: 2px;
}

.slightlybiggerctrls textarea {
    width: auto;
    font-size: 12pt;
    line-height: 1.6em;
    padding: 0.5em;
}

.slightlybiggerctrls input[type='checkbox'] {
    width: auto !important;
}

.slightlybiggerctrls select {
    font-size: 13pt !important;
    padding: 4px;
    border-color: #ccc;
}

#minreflist {
    margin-top: 1.5em;
}

.loceditminlist {
    font-size: 11px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    OVERFLOW: auto;
    WIDTH: 100%;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 0px;
    POSITION: relative;
    margin-bottom: 1em;
    margin-top: 0.5em;
    BACKGROUND-COLOR: white;
}

.loceditminlist a, .loceditminlist label {
    line-height: 1.6em;
}

.mindatul{margin:0;padding:0;list-style:none}

.mindatul li{
    margin: 0px -10px !important;
    padding: 4px 0px 0px 0px !important;
    border-bottom:1px solid #e6ecea;
    transition:background-color .15s ease-in-out;
}

.mindatul li:first-of-type
{
    margin-top: -8px !important;
}

/* Put the background on the <li> so it covers icon + text edge-to-edge */
.mindatul li:hover,
.mindatul li:focus-within{
    background-color:#dbebe6; /* Mindat soft green hover tone */
}

/* The link is a flex row: [icon]  [text] */
.mindatul a{
    display:flex;
    align-items:center;

    padding:14px 16px;        /* ⟵ comfy tap target, reaches both edges */
    text-decoration:none;
    color:inherit;
    font-size:1.08rem;
    line-height:1.35;
    width:100%;
}

/* Icon as a flex item so it aligns perfectly */
.mindatul a::before{
    content:var(--icon,"›");
    display:inline-block;
    width:1.4em;
    text-align:center;
    font-size:1.15rem;
    line-height:1;
    color:#29af90;
    margin-right:14px;   /* ⟵ add this */
}

/* Remove any default top/bottom gaps around the list */
.mindatul:first-of-type{margin-top:0}
.mindatul:last-of-type{margin-bottom:0}


.canonfg {
    background: url('/fpads/canon3.png') no-repeat center center fixed;
}

.rocktr {
    background: url('/fpads/rock.jpg') no-repeat center center fixed;
}

.rocktr2 {
    background: url('/fpads/rocktoilet.jpeg') no-repeat center center fixed;
}

.rocktrfg {
    background: url('/fpads/rock.jpg') no-repeat center center fixed;
}

.mdad {
    background-color: #000;
    background: url('/fpads/mdbig.jpg') no-repeat center center fixed;
}

.mdtopmain {
    background: url('/fpads/mdbar.jpg') no-repeat center center;
}

.rocktrmain {
    background: url('/fpads/rocktrtop2.jpg') no-repeat center center;
}

@media screen and (max-width: 678px) {
    .canonad {
        background: url('/fpads/canon_m.jpg') no-repeat center center fixed;
    }

    .canonfg {
        background: url('/fpads/canon3_m.png') no-repeat center center fixed;
    }
}

.canontopmain {
    background: url('/fpads/canon2.jpg') no-repeat center center;
}

.collectorad {
    background: url('/fpads/yournamehere2.jpg') no-repeat center center fixed;
}

.collectorfg {
    background: url('/fpads/yournameheretext2.jpg') no-repeat center center fixed;
}

.collectortopmain {
    background: url('/fpads/yournamehere.gif') no-repeat center center;
}

#element_smallprint {
    margin-top: 1em;
    font-size: 8pt;
}

.eleh2 {
    text-align: center !important;
    padding: 8px !important;
    font-size: 1.1em !important;
    background-color: #dcdce4 !important;
}

.eleh3 {
    text-align: center !important;
    padding: 8px !important;
    font-size: 1.3em !important;
    background-color: #dcdce4 !important;
}

.chemtablebig {
    border-collapse: collapse;
}

.chemtablesmall {
    border-collapse: collapse !important;
}

#show_event_map_canvas {
    width: 45%;
    float: right;
    height: 260px;
}

#show_event_table {
    width: 50%;
    float: left;
}

#show_event_table table {
    width: 100%;
    margin-bottom: 1em;
    margin-left: -4px;
}

.ele50 {
    width: 480px;
    break-inside: avoid-column;
    column-break-inside: avoid;
}

.th2 TH {
    width: 45%;
}

.elephotostrip .newpicbox {
    margin: -1px;
    padding: 0;
}

.moreless {
    width: 3em;
    height: 1.7em;
    margin: auto;
    background-repeat: no-repeat;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 0.3em;
    cursor: pointer;
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21--%20Created%20with%20Inkscape%20%28http%3A%2F%2Fwww.inkscape.org%2F%29%20--%3E%0A%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22100%25%22%0A%20%20%20height%3D%22100%25%22%0A%20%20%20viewBox%3D%220%200%2030%2016%22%0A%20%20%20id%3D%22Layer_1%22%0A%20%20%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%0A%20%20%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%0A%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%0A%20%20%20id%3D%22defs7%22%20%2F%3E%0A%3Cpath%0A%20%20%20d%3D%22m%2024.5%2C12.2%20c%20-0.2%2C0%20-0.4%2C0%20-0.5%2C-0.1%20L%2015%2C6.9%206%2C12.1%20C%205.8%2C12.2%205.7%2C12.2%205.5%2C12.2%205.1%2C12.2%204.8%2C12%204.6%2C11.7%20L%204.2%2C11%20C%204%2C10.8%204%2C10.5%204.1%2C10.2%204.2%2C9.9%204.3%2C9.7%204.6%2C9.6%20l%2010.1%2C-5.8%200.4%2C0%200.1%2C0%20h%200.2%20l%200.2%2C0.1%209.9%2C5.7%20c%200.2%2C0.1%200.4%2C0.4%200.5%2C0.6%200.1%2C0.3%200%2C0.5%20-0.1%2C0.8%20l%20-0.4%2C0.7%20c%20-0.3%2C0.3%20-0.6%2C0.5%20-1%2C0.5%20z%22%0A%20%20%20id%3D%22path3%22%0A%20%20%20style%3D%22fill%3A%23555555%22%20%2F%3E%0A%3C%2Fsvg%3E);
    z-index: 25;
    opacity: 0.15;
}

.moreless:hover {
    background-color: rgba(255,255,255,0.9) !important;
}

.down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-color: rgba(255,255,255,0.4) !important;
}

.right {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: fixed;
    right: 1em;
    top: calc(50% - 1em);
    background-color: rgba(255,255,255,0.4) !important;
}

.left {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: fixed;
    left: 1em;
    top: calc(50% - 1em);
    background-color: rgba(255,255,255,0.4) !important;
}

.articlesponsortext {
    padding: 0.5em 5px 0.5em 5px;
    border: 1px solid #ccc;
    width: 888px;
    margin: auto;
    margin-top: -10px;
}

#locpagemap {
    float: right;
    width: 280px;
    min-height: 220px;
    margin-left: 1em;
}

#loc-map-canvas {
    width: 280px;
    height: 200px;
}

#locpagemap b {
    font-size: 7pt;
    color: #ccc;
    display: block;
    text-align: right;
    padding-top: 0.5em;
    font-weight: normal;
}

#locexplain
{
    display: none;
    margin-top: 0.8em;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
    border-bottom: 0;
    border-collapse: collapse;
}

#locexplain TD, #locexplain TH
{
    border-bottom: 1px solid #ccc !important;
    padding: 3px;
    font-size: 9pt;
}

#locexplain B
{
    font-size: 9pt;
    padding-right: 1em !important;
}

#locexplain TD
{

    font-weight: normal;
}


#topmainbanner {
    width: 100%;
    cursor: pointer;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 1em;
}

.topmainbanner {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 1em;
    height: 45px;
    cursor: pointer;
}

#thekey
{
    position: absolute;
    z-index: 2000;
    border: 1px solid #000;
    left: 50%;
    margin-top: 5px;
    transform: translate(-50%, 0%);
    display: none;

}

#showkey
{
    position: absolute;

    margin-top: 259px;
    margin-left: 0px;
    border: 2px solid #bbb;
    border-radius: 4px;
    background-color: #fff;
    font-size: 8pt;
    color: #000;
    font-weight: bold;
    padding: 8px 4px;
    z-index: 2000 !important;
    width:30px;
    text-align: center;
}

#showhidemap2 {
    position: absolute;
    z-index: 100;
    margin-top: 279px;
    margin-left: 56px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 8pt;
    color: #000;
    font-weight: bold;
    padding: 8px;
    z-index: 100 !important;
}

#showhidemap2.fixedy, #showkey.fixedy {
    top: auto;
}

#showhidemap2:hover, #showkey:hover {
    background-color: #eee;
}

.bodytext {

    font-size: 12px
}

.pagetitle {

    font-size: 18px;
    font-weight: bold
}

.locedittitle {

    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #008
}

.fineprint {

    font-size: 9px
}

.sp {

    font-size: 9px
}

.minlink {

    font-size: 13px
}

.boldheading {

    font-size: 13px;
    font-weight: bold
}

.daterow {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    background-color: #DAF5F5;
}

.tdright TD {
    text-align: right;
}

.messageboard_full_width
{
    width: auto !important;
}


.labelnum {
    color: white;
    background-color: red;

    font-size: 11px;
    text-align: center;
    width: 11px;
    white-space: nowrap;
}

.h1rl
{
    float: right;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    margin-top: 7px;
}

#mainwrap {
    max-width: 1000px;
    margin: auto;
    min-height: 100%;
}

#mainwrap2 {
    /* max-width: 1000px; */
    /* margin: auto; */
    min-height: 100%;
}

#promobanner
{
    margin-top: 2em;
    margin-bottom: -1em;
}
#mainwrap2>h1
{

    background-color: #aaa;
    padding: 0.5em 10px;
    width: 980px;
    margin: 40px auto -20px auto;
    text-align: left;

}

#mainwrap2>h1>span
{
    float: right;
    font-size: 12pt;
    margin-top: 5px;
}

#mainwrap2>h1>span>a
{
    color: #cff;
    font-weight: normal;
}


.mainwraptrans {
    background-color: rgba(128,128,128,0.3);
}

#elegmap, #elegmap2 {
    width: 470px;
    height: 350px;
    float: left;
}

#legmap {
    width: 100%;
    height: 350px;
}

#map_legend
{
    z-index: 2000;
    position: Absolute;
    background-color: #fff;
    border: 1px solid #000;
    padding: 4px;
    margin: auto;
    overflow-y: scroll
}
#map_legend h3
{
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
}
#map_legend_radius
{
    width: 35px;
    margin-bottom: 4px;
    position: relative;
    margin-top: -7px;
    margin-right: 0px;
}
#map_legend_cluster
{
    width: 25px;
    position: relative;
    margin-bottom: 7px;
    margin-top: -3px;
    margin-right: 2px;
}
.map_legend_text
{
    font-size: 10pt;
    text-align: justify;
    vertical-align: top;
    margin-top: 8px;
}
.map_legend_text_line
{
    margin-bottom: 4px;
}
.map_legend_text img
{
    vertical-align: top;
    width: 15px;
    margin-right: 12px;
}
.map_legend_item
{
    display: inline-block;
    width: 85px;
    text-align: center;
    vertical-align: top;
}
.map_legend_item img
{
    width: 24px;
    margin-right: 4px;
    margin-left: 8px;
}
.map_legend_item span
{
    font-size: 8pt;
    margin-top: -10px;
    text-align: center;
    display: block;
    line-height: 12px;
    margin-bottom: 8px;
}
.legmaplabel {
    color: #fff;
    background-color: #ab55fc;
    padding: 2px 4px 0px 4px;
    border-radius: 5px;
    margin-top: 1px;
    display: block;

    font-size: 12px;
    display: inline-block;
    width: 8px;
}

.sigdepitems, #diffminlocs {
    width: 490px;
    max-height: 350px;
    float: right;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

.sigdepitems li {
    margin: 0px;
    padding: 4px 8px 4px 28px;
    display: block;
    width: auto;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-height: 65px;
}

.sigdepitems li:first-of-type {
    border-top: 1px solid #ddd;
}

.sigdepitems li a {
    display: block;
    margin-bottom: 0.5em;
}

.sigdepitems li b {
    position: absolute;
    margin-left: -24px;
    color: #fff;
    background-color: #fc6354;
    padding: 4px 6px 2px 6px;
    border-radius: 5px;
}



#diffminlocs th, #sigdeps th {
    vertical-align: center;
    background-color: #fff !important;
}

.dallassymp
{
    background-color: #16BEEF !important;
    background: linear-gradient(to bottom, #16beef 0%,#1397c6 100%);
    color: #004;
}
.rockshowbanner
{
    background-color: #FFFFFF !important;
    background: linear-gradient(to bottom, #FFFFFF 0%,#DDDDDD 100%);
    color: #004;
}
.l_marker_custom {
    color: #fff;
    background-color: #ab55fc;
    padding: 2px 4px 0px 4px;
    border-radius: 5px;
    margin-top: 1px;
    display: block;
    border: 0;
    width: 10px;
    text-align: center;
    font-size: 12px;
    margin-left: -3px;
    margin-top: -3px;
}

#sigdeps b, #diffminlocs b {
    color: #fff;
    background-color: #ab55fc;
    padding: 4px 6px 2px 6px;
    border-radius: 5px;
    margin-top: 1px;
    display: block;

    font-size: 12px;
}

.tthumb {
    width: 62px;
    height: 62px;
    border: 1px solid #ccc;
}

.bignwide {
    text-align: center !important;
    font-size: 18pt !important;
}

.linkrow {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    background-color: #DAF5F5;
}

.testhead {
    padding: 8px;
    background-color: #f00;
    color: #fff;
    font-size: 14px;
}

.testhead A, .testhead A:visited {
    color: #ff0;
}

.testhead2
{
    background-color: #00f;
    font-size: 18px;
    padding: 14px;
    background: #0004ff;
    background: linear-gradient(to bottom, #008398 1%,#338b98 50%,#29af90 100%);
}
.tabledatawrap {
    background-color: #eee;
    border: 1px solid #888;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 5px;
}

.tabledatawrap P {
    margin: 0px;
    padding-bottom: 6px;
    font-size: 8pt;
}

.tabledata, .tabledata2 {
    background-color: #fff;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-collapse: collapse;
}

.tabledata TD {
    margin: 0px;
    padding: 3px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    text-align: right;
}

.tabledata2 TD {
    margin: 0px;
    padding: 3px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    text-align: left;
}

.tabledata TH, .tabledata2 TH {
    margin: 0px;
    padding: 3px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    font-weight: bold;
    background-color: #dde;
}

TD {
    line-height: 1.4em;
}

SPAN.smallgrey
{
    color: #aaa;
    font-size: 6pt !important;

}

.im
{
    cursor: pointer;
}

h1 {


    font-size: 21px;

}

.mainh1 {
    font-size: 18px;
    text-align: left;
}

h2 {

    font-size: 19px;
}

#minedit_cform h2
{
    background-color: #29af90;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
}
.small {
    font-size: 12px
}

.icap {
    font-size: 10pt;
    font-style: italic
}

div.float {
    float: left;
}

.photow {
    min-width: 600px;
}

.tiny {

    font-size: 10pt
}

.r {

    font-size: 8pt
}

.smallerlinks {

    font-size: 10pt
}

.minerals {
    color: #0000c0;
    cursor: pointer;
    text-align: center;
    background-color: #DAF5F5;

    font-size: 9pt;
    padding: 1px;
}

.minerals3 {
    border-color: #fff;
    border-style: solid;
}

.minerals2 {
    color: #0000c0;
    cursor: pointer;
    text-align: left;
    background-color: #EFFBFF;
    border-color: #add;
    border-style: solid;

    font-size: 10px;
    padding: 1px;
}

.minidbox {
    margin-left: 9px;
    margin-bottom: 7px;
}

#drawaline
{
    background-color: #b9e5d8;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px;
    margin-bottom: 6px;
    font-weight: bold;
}

#typefill
{
    font-size: 12pt;

}

#drawlinedone
{
    background-color: #ffc;

}

/* picker class */

BUTTON.picker
{
    border: 1px solid #888;
    border-radius: 3px;
    background-color: #f4f7f7;
    padding: 4px 8px;
    width: 200px;
    height: 26px;
    overflow: hidden;
    line-height: 1.5em;
    font-weight: bold;
    text-align: left;
    word-break:break-all;
}

.pminselect
{
    color: #f00;
}

#pickerphoto BUTTON.picker
{
    margin-right: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 11pt;
    height: 32px;
}

BUTTON.picker:hover
{
    cursor: pointer;
    background-color: #b8e5d8;
    border: 1px solid #000;
}

#picker_wrap
{
    position: fixed;
    z-index: 5000;
    background-color: #000;
    opacity: 0.5;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
}


#picker_main
{
    display: flex;
    position: fixed;
    width: 900px;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    max-height: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: 1px solid #000;
    background-color: #ccc;
    z-index: 5001;
}



#picker_rows
{

    width: 900px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 463px;
    left: calc(50vw - 450px);
    background-color: #cdd;

}




#picker_defaults
{
    column-count: 3;
    padding-top: 6px;
}

.picker_default_opt
{
    width: auto;
    display: block;
    background-color: #fff;
    padding: 4px 8px;
    border: 1px solid #000;
    margin: 0px 6px 6px 6px;
    font-size: 11pt;
    user-select: none;
    cursor: pointer;
    break-inside:avoid
}

.picker_default_remove
{
    background-color: #c44;
    color: #ff6;
    font-weight: bold;
}

.picker_default_opt:hover
{
    background-color: #DAF5F5;
}


#picker_text
{
    font-size: 12pt;
    border: 0;
    width: 470px;
    padding: 7px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    position: sticky;
    top: 0px;


}

#picker_be_gone
{
    float: right;
    border-left: 1px solid #000;
    display: inline-block;
    padding: 9px;
    margin-top: -9px;
    margin-bottom: -9px;
    margin-right: -8px;
    background-color: #ddd;
    color: #555;
}

#picker_be_gone:hover
{
    cursor: pointer;
    background-color: #f40;
    color: #ff8;
}

#picker_buttons
{
    float: right;
    width: 399px;
    display: block;
    background-color: #b8e5d8;

    padding: 9px 8px;
    border-bottom: 1px solid #000;
    user-select: none;
}

#picker_buttons input
{
    margin-right: 1em;
}

.photodatatable
{
    border-collapse: collapse;
    margin: 1em -11px 0 -11px;
    width: calc(100% + 22px);
}

.photodatatable TH
{
    height: 20px;
    font-size: 14px;
    padding: 6px 11px;

    background-color: #b8e5d8;
}

.photodatatable TD
{
    padding: 1em 11px;
    line-height: 1.5em;
}

.pulabel
{
    display: inline-block;
    width: 130px;
}

.puminid
{
    font-size: 12pt;
}

.picker_row
{
    background-color: #ffc;
    border-bottom: 1px solid #000;
    padding: 4px 4px 4px 64px;
    height: 48px;
    border-right: 1px solid #000;
    overflow: hidden;
}

.picker_row:hover
{
    background: none !important;
    background-color: #b8e5d8 !important;
    cursor: pointer;
}


#fakeupload
{
    font-size: 12pt;
    padding: 4px 12px;
    user-select: none;
    border: 1px solid #888;
    margin-right: -4px;
    cursor: pointer;
    outline: 0;
    background-color: #b8e5d8

}

input[value='Upload']
{
    background-color: #b8e5d8;
}

.newphototype
{
    font-size: 12pt;
    padding: 4px 12px;
    user-select: none;
    border: 1px solid #888;
    margin-right: -4px;
    cursor: pointer;
    outline: 0;

}

.locctrl600
{
    width: 600px;
    font-size: 12pt;
}

#locbutton
{
    font-size: 10pt;
    background-color: #ffd;
}

.newphototype:hover
{
    background-color: #b8e5d8;
}
.hideandshow
{
    background-color: #d0e7eb;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    display: none;
}

.hideandshowbutton
{
    margin-right: 6px;
    padding: 8px 20px;
    font-size: 11pt;
    background-color: #008398;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    border: 0;
}
.hideandshowbutton:hover
{
    cursor: pointer;
    background-color: #29af90;

}

.phototypeselector
{
    font-size: 12pt;
    width: 400px
}

.nptselected
{
    background-color: #fc0 !important;
    cursor: default;
    border: 1px solid #444;
}

.typeunselected
{
    border: 2px solid #f00;
    background-color: #fee;
}


.picker_type_rock
{
    background-color: #ddd;
}
.picker_type_variety, .picker_type_unapproved
{
    background-color: #eec;
}

.picker_type_group
{
    background-color: #ffd;
}

.picker_type_fossil
{
    background-color: #bdb;
}

.picker_type_life
{
    background-color: #bdb;
}


.picker_fossil_kingdom
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #ffcccc 100%);
}


.picker_fossil_phylum
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #eeffff 100%);
}

.picker_fossil_class
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #ffeeff 100%);
}


.picker_fossil_order
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #fff0f0 100%);
}


.picker_fossil_family
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #f0fff0 100%);
}

.picker_fossil_genus
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #ffffee 100%);
}

.picker_fossil_species
{
    background: linear-gradient(to right, #cec 0%, #cec 50%, #f0f0ff 100%);
}




.picker_type_mineral.unlisted, .picker_type_group.unlisted
{
    background-color: #ffa4b6;
}

.picker_type_variety.unlisted, .picker_type_unapproved.unlisted
{
    background-color: #ff94a6;
}


.picker_formula,.picker_csystem
{
    margin-top: 6px;
}

.picker_taxon
{
    margin-top: 3px;
    font-size: 8pt;
}

.picker_thumb
{
    float: left;
    width: 56px;
    height: 56px;
    margin-top: -4px;
    margin-left: -64px;

}

.picker_name
{
    font-weight: bold;
    margin-right: 1em;
}

.picker_first
{
    height: auto;
    background-color: #fff;
    padding-left: 4px !important;
}


.picker_type
{
    float: right;
    text-align: right;

}

.picker_sciname
{
    font-weight: normal;
}
.picker_sciname I
{
    font-weight: bold;
    margin-right: 1em;
}

/* phone */
@media screen and (max-width: 678px)
{


    div.tree {
        column-count: 1 !important;
    }


    #picker_main
    {
        display: block;
        width: 320px;
        height: 100vh !important;
        max-height: 100vh;
        top: 0;
        position: fixed !important;
    }

    #picker_main2
    {
        height: 100vh !important;
        top: 0;
        max-height: 100vh;
    }

    #picker_rows
    {
        width: 320px;
        height: calc(100vh - 74px) !important;
        max-height: 100vh;

    }

    #picker_text
    {
        width: 100%;
    }

    #picker_buttons
    {
        width: 300px;
    }
    #picker_defaults
    {
        column-count: 1;
    }

    .picker_type
    {
        font-size: 7pt;
    }

    .picker_name
    {
        font-size: 9pt;
    }

    .picker_formula
    {
        font-size: 7pt;
    }
}

/* tablet */
@media screen and (min-width: 679px) and (max-width: 1011px) {

    #picker_defaults
    {
        column-count: 2 ;
    }

    #pgm_element_block
    {
        float: none;
    }

    #picker_main
    {
        display: flex;
        position: fixed;
        width: 640px;
        overflow-y: hidden;
        overflow-x: hidden;
        height: 100%;
        max-height: 500px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        border: 1px solid #000;
        background-color: #ccc;
        z-index: 5001;

    }




    #picker_rows
    {

        width: 640px;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 463px;
        left: calc(50vw - 450px);
        background-color: #ddd;

    }

    #picker_text
    {
        font-size: 12pt;
        border: 0;
        width: 340px;
        padding: 7px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        position: sticky;
        top: 0px;
    }

    #picker_buttons
    {
        float: right;
        width: 269px;
        display: block;
        background-color: #f2f2f2;
        padding: 9px 8px;
        border-bottom: 1px solid #000;
        user-select: none;
    }


}


#thisreference
{
    font-size: 11pt;
    max-width: 358px;
    margin-top: 4px;
    display: block;
    padding: 2px;
}


.mineralogy {
    color: #0000c0;
    cursor: pointer;

    font-size: 8pt;
}

.wavy {
    opacity: 0.5;
}

.database {

    font-size: 10pt;
    text-align: left;
}

.slk A {


    padding: 2px 5px;
    text-decoration: none;
}

.slk {

    padding: 2px 5px;
}

A.ttd {
    color: #003399;
    font-size: 10pt;

    height: 100%;
    width: 100%;
    padding: 2px;
    text-decoration: none;
}

.ttd {
    color: #000000;
    font-size: 10pt;
    background-color: #DAF5F5;
    border: thin groove #88CCCC;
    text-align: center;

    font-size: 12px;
    height: 100%;
    width: 100%;
}

a.ttd:hover {

    background-color: #d4d0fd;
}

a.nl {
    text-decoration: none;
}

a.nl:hover {
    text-decoration: none;
}

.tte {
    border: thin solid #fff;
    margin: 0px;
    padding: 1px;
    height: 100%;
    width: 100%;
}

.articleauction {
    margin-left: -12px;
    margin-right: -12px;
    padding: 4px;
}

.m {
    vertical-align: top;
    font-size: 9pt;
    padding-right: 8px;
}

.mb {
    background-color: #fafafa;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
}

.hb {
    background-color: #d6d6d6;
    font-size: 13pt;
    font-weight: bold;
    text-align: left;
}

.hb2 {
    font-size: 13pt;
    font-weight: bold;
    text-align: left;
}

#sponsor_suggest
{
    text-align: left;
    border: 3px solid #ff0c0c;
    background-color: #ffc;
    margin: -6px -6px 20px  -6px;
    padding: 8px;
    box-shadow: 0 11px 0 0 #dddddd; /* 3px border + 8px grey below */
}

.processbutton
{
    display: none;
}


.o {
    text-decoration: overline;
}

.pre {
    font-family: monospace;
}

.hrow {
    background-color: #aacaca;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

.row1 {
    background-color: #eafafa;
    font-size: 10pt;
    text-align: left;
}

.row2 {
    background-color: #e2f2f2;
    font-size: 10pt;
    text-align: left;
}

.grow1 {
    background-color: #eafafa;
    font-size: 10pt;
    text-align: left;
}

.grow2 {
    background-color: #e2f2f2;
    font-size: 10pt;
    text-align: left;
}

.brow1 {
    background-color: #aafafa;
    font-size: 10pt;
    text-align: left;
}

.brow2 {
    background-color: #a2f2f2;
    font-size: 10pt;
    text-align: left;
}

.quartz {

    font-size: 12px;
}

.auctiontitle {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.linktext {
    font-weight: bold;
    font-size: 11px;
}

.linktextuc {
    font-size: 11px;
}

.linksmall {
    font-size: 9px;
}

.fpinput {

    font-size: 10px;
    width: 174px;
    background-color: #fcFfFf;
}

.linksub {

    font-size: 10px;
    width: 174px;
}

.mineralgap {
    background-color: #fff;
    font-size: 2px;
    height: 2px;
}

.code {
    font-family: "Courier New", Courier, mono;
    font-size: 12px;
}

.money {
    background-color: #f5f7f7;
    border: thin solid #43a2a2;
}

.moneytext {
    font-size: 12px;
}

.adsmaller {
    font-size: 13px;
}

.gallery {
    font-size: 12px;
}

.gallery TD {
    border-top: 1px solid #DEF7F7;
}

.loctablecol {
    margin-left: 3px;
}

.p8items {
    max-height: 415px;
    overflow-y: scroll !important;
}

#im_modal
{

    position: fixed; /* Stay in place */
    z-index: 2001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

#im_main
{
    position:fixed;


    min-width: 320px;
    max-width: 800px;
    height:50vh;
    width: 50vw;


    background-color: #eee;
    border: 1px solid #444;
    padding: 4px;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}

#im_main span
{
    float: right;
    cursor: pointer;
}

#im_main h1
{
    margin: 0;
    font-size: 13pt;
    line-height: 1.2em;
    height: 2em;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

#im_main textarea
{
    width: calc(100% - 12px);
    height: calc(100% - 122px);
    font-size: 11pt;
    padding: 5px;
    border-color: #888;
    border-style: solid

}


#im_main input
{
    width: calc(100% - 14px);
    font-size: 14pt;
    padding: 5px;
    margin-bottom: 4px;
    border-color: #888;
    border-style: solid


}

#im_main button
{
    float: right;
    background-color: #00ccff;
    color: #fff;

    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer;

}



#editlangdiv
{
    width: 100%;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.country {
    padding-top: 20px;
    padding-left: 3px;
    font-size: 15px;
    margin-left: -5px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    border-left: 0px;


}

.country DIV
{

}

.countryminref {
    padding-top: 20px;

    font-size: 10px;
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.tl {
    font-size: 12px;
    font-weight: bold;
}

.inset1 {
    padding-left: 30px;
    font-size: 12px;
    font-weight: bold;
}

.inset2 {
    padding-left: 40px;
    font-size: 12px;
}

.inset3 {
    padding-left: 50px;
    font-size: 12px;
}

.inset4 {
    padding-left: 60px;
    font-size: 12px;
}

.inset5 {
    padding-left: 70px;
    font-size: 12px;
}

.inset6 {
    padding-left: 80px;
    font-size: 12px;
}

.inset7 {
    padding-left: 90px;
    font-size: 12px;
}

.inset8 {
    padding-left: 100px;
    font-size: 12px;
}

.inset9 {
    padding-left: 110px;
    font-size: 12px;
}

.inset10 {
    padding-left: 120px;
    font-size: 12px;
}

.inset11 {
    padding-left: 130px;
    font-size: 12px;
}

.inset12 {
    padding-left: 80px;
    font-size: 12px;
}

.inset13 {
    padding-left: 80px;
    font-size: 12px;
}

.inset14 {
    padding-left: 80px;
    font-size: 12px;
}

ul {
    margin: 0px;
    padding: 0px 0px 0px 25px;

    font-size: 12px;
}

ul.maplist
{
    padding: 0;
}

.sponsorp
{
    padding: 0 !important;
    column-count: 2;
}

.sponsorpl
{
    padding: 0 !important;
}

.sponsorp li a, .sponsorpl li a
{
    display: block;
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 4px;
}

.sponsorp li b, .sponsorpl li b
{
    display: block;

}


.maplist li
{
    padding-bottom: 5px;
}

.refshortlink
{
    font-style: italic;
}
.refshortlinkother
{
    font-style: normal;
}
.loclisttable td
{
    vertical-align: top;
    text-align: left;
}
.loclistrefs A
{
    vertical-align: top;
    font-size: 8pt;
}
.newdealernewsbox
{
    max-width: 400px;
    min-width: 300px;
    width: 50%;
    border: 1px solid #aaa;
    height: 64px;
    display: inline-block;
    margin: 0px 4px 4px 0px;
    padding: 4px 4px 4px 36px;
    overflow: hidden;
}
.newdealernewsbox:hover
{
    color: #fff;
    background-color: #008398;
    text-decoration: none;
}
.ndndate
{
    float: right;
}
.newdealernewsbox B
{
    display: block;
    margin-top: 0px;
    font-size: 10pt;
    margin-bottom: 8px;
}
.newdealernewsbox IMG
{
    width: 64px;
    height: 64px;
    float: left;
    margin-left: -32px;
    margin-right: 8px;
}
#ADdealer ul
{
    padding: 0;
    margin: 0;
}

.minref {

    font-size: 10px;
    vertical-align: bottom;
    text-align: left;
    word-wrap: break-word;
}

.museumclosed td {
    background-color: #f5f5f5 !important;
}

#museumsearchbar {
    background-color: #29af90;
    width: auto;
    padding: 0.5em;
    text-align: center;
    margin-bottom: 1em;
    margin-left: -11px;
    margin-right: -11px;
}

#museumsearchbar .mstxt {
    font-size: 14pt;
    border: 1px solid #888;
    padding: 5px;
    width: 70%
}

#museumsearchbar .mssub {
    background-color: #aaa;
    font-size: 12pt;
    border: 1px solid #555;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-left: 4px;
    padding: 6px 24px 7px 24px;
    color: #fff;
    cursor: pointer;
}

#museumsearchbar .mssub2 {
    background-color: #aaa;
    font-size: 12pt;
    border: 1px solid #555;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-left: 0px;
    padding: 6px 3px 7px 3px;
    color: #fff;
    cursor: pointer;
}

#museumsearchbar .mssub:hover,#museumsearchbar .mssub2:hover {
    background-color: #cff;
    color: #008;
}

.videofull {
    width: 999px;
}

.fullwidth {
    margin-left: -12px;
    width: 999px;
}

.subtable {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.subtable td {
    padding: 0 1em 0 0 !important;
    margin: 0;
}

#photouploadadmin {
    background-color: #ffffef;
    display: none;
}

.displaynone {
    display: none ;
}

LI {
    list-style-type: none;
}

.smallerh1:first-of-type {
    margin-top: 0.5em;
}

.smallerh1 {
    font-size: 0.9em;
    opacity: 0.8;
}

.newtextbox {

    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 740px;
}

.formerror {
    color: red;
}

.rformerror {
    color: red;
    text-align: right;
}

.rformlabel {
    text-align: right;
    vertical-align: top;
}

.smaller {
    font-size: 8pt;
}

.mindattable .smaller
{
    font-size: 9px;
}

.photocopyright {
    font-size: 8pt;
    margin-bottom: 6px;
}

.photolocality {
}

.photocomments {
    padding-top: 6px;
    text-align: left;
    font-size: 10pt;
}

.otherviews {
    margin-bottom: 0;
    padding-bottom: 0;
    text-decoration: underline;
}

.loceditlabel
{
    width: 100px;
    display: inline-block;
}
.topbutton {
    border: 1px solid #fff;
    padding: 0px;
}

.topbutton a {
    width: 100%;
    display: block;
    text-align: center;
    color: #008;
    background: #DAF5F5;
    font-size: 9pt;
    border: 1px solid #888;
    padding: 1px;
}

.topbutton a:hover {
    background: #a4a0fd;
    text-decoration: none;
    color: #fff;
}

.ibutton {
    border: 1px solid #fff;
    margin-top: 1px;
}

.ibutton a {

    width: auto;

    text-align: left;
    color: #008;

    font-size: 10pt;


}


.addedit_column .ibutton a {

    width: auto;
    display: block;
    text-align: left;
    color: #008;

    font-size: 12pt;
    padding: 2px;


}

.copy-btn {
    margin-left: 1em;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 0px 3px 1px 3px;
    transition: background-color 1s ease;
    font-size: 11px;
}

.copy-btn:hover
{
    background: #29af90;
    text-decoration: none;
    border: 1px solid #29af90;
    color: #fff;
}


.copy-btn.highlighted {
    background-color: yellow !important;
}


.ibutton a:hover {
    background: #29af90;
    text-decoration: none;

    color: #fff;
}

#yourbid {
    font-size: 12pt;
    width: 200px;
    padding: 4px 8px;
}

.title {
    text-align: left;
    font-size: 15px;
}

.fpbutton {
    display: block;
    width: 200px;
    margin: auto;
    text-align: center;
    border: 1px solid #add;
}

.fpbutton:hover {
    background: #a4a0fd;
    text-decoration: none;
    color: #fff;
}

.fpflash {
    width: 320px;
    margin: auto;
    padding: 5px;
}

.bm+.xq, .bc+.xq {
    margin-left: 0px;
}

.fpbox50 {
    display: inline-block;
    text-align: left;
    float: left;
    position: relative;
    margin: 0px 5px 9px 5px;
    width: 305px;
    background-color: #fff;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    /* border-bottom: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
}

.introtext {

    line-height: 1.4em;
    font-size: 10pt;
    background-color: #fff !important;
}

.introtext A, .introtext a:visited {
    font-weight: bold;
    color: #00d !important;
}

.introtext h1, .introtext h2 {

    background-color: rgba(0, 131, 152, 1);
    margin: -4px -8px 4px -8px !important;
    padding: 5px 8px 5px 8px !important;
    font-size: 11pt;

    border-bottom: 1px solid #eee;
    color: #fff !Important;
}

.introtext h2 {
    color: #444;
}

.barlinks {
    position: absolute;
    bottom: 0;
    left: 1px;
}

.alot {
    margin: 0px 5px 9px 5px;
    width: 320px;
    height: 104px;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

#directory_categories {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.fpboxblack {
    background-color: #000;
    padding-left: 6px !important;
    margin-left: 3px;
    margin-right: -6px;
    padding-right: 6px;
    margin-top: -3px;
    padding-top: 3px;
}

.fpboxblack h1 {
    color: #fff !important;
}

.fslt {
    display: inline-block;
    float: left;
    text-align: left;
    width: 320px;
    border: 0;
    height: 104px;
}

.fslt IMG {
    border: 0;
}

.fakeinfowindow {
    z-index: 101;
    background-color: #f0f;
}

.gtooltip {
    position: absolute;
    width: 145px;
    padding: 5px;
    border: 1px solid gray;
    font-size: 9pt;
    background-color: #fff;
    color: #000;
}

.fpbox100pct {
    text-align: left;
    border: 1px solid #add;
    margin-bottom: 0.5em;
    width: 93%;
    margin: auto;
}

#auctionright {
    float: right;
    width: 550px;
    margin-bottom: 1em;
}

.fpbox720, .fpbox720nl {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
}


.ugly_rocks
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fcc;
    margin-bottom: 1em;
}

.betatest
{
    margin-bottom: 20px;
    background-color: #f40;
    color: #ffc;
    padding: 10px;
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -20px;

}

.feedback-concern
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fff8ee;
    margin-bottom: 1px;
}
.feedback-warning
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fffeee;
    margin-bottom: 1px;
}

.feedback-serious
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fee;
    margin-bottom: 1px;
}

.feedback-review
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #eff;
    margin-bottom: 1px;

}

.feedback-positive
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #efe;
    margin-bottom: 1px;
}

.feedback-review-notes
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #ffffff;

}

.synrdbox
{
    border: 5px solid #29af90;
    font-size: 11pt;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -14px;
    margin-bottom: 8px;
}
.synrdbox p
{
    margin: 4px;
}
#refsearchprevnext
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#refsearchprev, #refsearchnext
{
    background-color: #008398;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 4px 8px 3px 8px;
    cursor: pointer;
}
#refsearchprev:hover, #refsearchnext:hover
{
    background-color: #29af90;
}
#refsearchprev {
    float: left;
}
#refsearchnext {
    float: right;
}

#paleosponsor
{
    text-align: right;
    padding-bottom: 2px;
}

.fpbox720p {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: auto;
    margin-right: auto;
}

#refpurchase, #refdownload, #refviewonline
{
    float: right;
    clear: both;
    margin-top: 4px;
    cursor: pointer;
}

#refpurchaseinfo
{
    margin-top: 4px;
    text-align: justify;
    font-size: 8pt;
    width: 192px;
    clear: both;
    float: right;
    border: 1px solid #ccc;
    padding: 4px;
}

.clubrow
{
    vertical-align: top;
    display: table-row;
    font-size: 9pt;
    width: 100%;
}
.clubrow A:link, .clubrow A:visited {
    color: #085eb0;
    text-decoration: none
}
.clubrow A:hover {
    color: #FF3399;
    text-decoration: underline
}
.clubdesc
{
    font-style: italic;
}
.clubtable
{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.clubrow div
{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 4px;
}
.clublogo
{
    width: 68px !important;
    display: table-cell;
    text-align: center;
    min-width: 68px;
}
.clubname
{
    vertical-align: top;
    display: table-cell;
    width: 100%;
}
.paragentable
{
    border-collapse: collapse;
    margin: auto;
}
.paragentable td
{
    padding: 0;
}
.paragentable tr
{
    border-bottom: 1px solid #eee;
}
#paleoimagecap
{
    width: 1000px;
    height: 60vw;
    background-color: #888;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;
}

.fpbox728p {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: auto;
    margin-right: auto;
}

.whitebg {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0.5em !important;
    width: 972px !Important;
    margin-left: 4px;
}

.fpbox990p {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    max-width: 980px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4px;
}

.fpbox990p H2, .fpbox720p H2 {
    text-align: left;
    font-size: 13pt;
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.fpbox990 hr, .fpbox720p hr, .fpbox728p hr, .fpbox975 hr {
    background-color: #eee;
    color: #eee;
    height: 1px;
    border: 0;
    margin-left: -4px;
    margin-right: -4px;
}

#corpsponsormin
{
    padding: 5px;
    text-align: right;
    font-size: 13px;
    float: right;
    margin-top: -65px;
}

.fpbox990nl {
    display: block;
    text-align: left;
    /* overflow: hidden; */
    margin-bottom: 0.5em;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.sigimage {
    width: 100px;
    margin-top: 15px;
}

.fpbox990nl p {
    padding-left: 4px;
    padding-right: 4px;
}

.fpbox990nl hr {
    background-color: #add;
    color: #add;
    height: 1px;
    border: 0;
}

.fpbox728nl {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
}

.fpbox720 ol li {
    padding: 3px;
}

.fphoto {
    float: left;
    text-align: left;
    border: 1px solid #a4a0fd;
    margin: 0px 2px 9px 9px;
    background-color: #D8D6FD;
    color: #000;
    max-width: 807px;
}

.comodlink {
    column-count: 3;
    padding-top: 1em;
}

.comodlink a {
    display: block;
    font-size: 10pt;
    padding-bottom: 9px;
}

.fphoto img {
    float: left;
    border: 0;
    padding: 4px;
    padding-right: 8px;
}

.fphoto a {
    width: 100%;
    height: 250px;
    color: #006;
}

.fphoto a:hover {
    text-decoration: none;
    color: #00c;
}

.fphoto div {
    height: 250px;
    font-size: 10pt;
    color: #000;
}

.fphoto h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #a4a0fd;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #000;
}

.potddate {
    float: right;
    font-size: 9pt;
    color: #777;
    margin-top: 2px;
}

.fpbox h1, .fpbox50 h1, .fpbox720 h1, .fpbox720nl h1, .fpbox100pct h1, .fpbox728nl h1, .fpbox990nl h1, #sponsorthanks h1 {

    text-align: left;
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-right: 0px;
    padding-left: 0px;
    color: #000;
}

.mineralheading {
    font-size: 21pt !Important;
}

#jsmoltarget
{
    border: 1px solid #aaa;
}

.fpbox720p h1, .fpbox990p h1, .fpbox728p h1 {
    text-align: left;

    font-size: 15pt;
    font-weight: bold;
    margin: 0;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 4px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #000;
}

.fpbox990 {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    max-width: 980px;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

.fpbox990 h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;

}

.fpbox975 {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    max-width: 975px;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

.fpbox975 h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #DEF7F7;
    margin-top: -4px;
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #000;
}

.fpbox50 h1 img {
    border: 0px;
    margin-top: 2px;
    float: right;
    display: none;
}

.fpbox li img, .fpbox50 li img, .fpbox720 li img, .clist li img {
    float: left;
    border: 0;
    padding-right: 0.5em;
}

.fpbox li:first-of-type a, .fpbox50 li:first-of-type a, .fpbox720 li:first-of-type a, .clist li:first-of-type a {

}

.fpbox li a, .fpbox50 li a, .fpbox720 li a {
    margin: 0px -1em;
    margin-bottom: 0px;
    padding: 8px 1em;
    display: block;
    width: auto;
    height: 32px;
    vertical-align: middle;

    white-space: nowrap;
    overflow: hidden;
}

.clist li a {
    margin: 0px -1em;
    margin-bottom: 0px;
    padding: 8px 1em;
    display: block;
    width: auto;
    height: 32px;
    vertical-align: middle;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.bigli a {
    height: 82px !important;
    text-overflow: elipsis !important;
}

.bigli .newssummary {
    display: block;
    padding-top: 1em;
    white-space: initial;
    height: 38px;
    font-size: 11px;
    line-height: 1.25em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.addedit_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    justify-content: center;
}
.addedit_column {
    flex: 1 1 300px; /* Grow, shrink, and set a base width */
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.addedit_column h2 {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
}
.addedit_button {
    display: block;
    margin: 5px 0;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
}
.addedit_button:hover {
    background-color: #0056b3;
}
.addedit_importanttodo {
    display: block;
    margin: 10px 0;
    padding: 10px;
    background-color: #ffcc00;
    color: #333;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
}
.addedit_importanttodo:hover {
    background-color: #e6b800;
}


.fpbox50 ul {
    padding: 0;
}

.fpbox li a:hover, .fpbox50 li a:hover, .fpbox720 li a:hover, .clist li a:hover {
    background-color: #29af90;
    text-decoration: none;
    color: #fff;
}

.fpbox b, .fpbox50 b, .fpbox720 li b {
    display: block;
    margin-bottom: 2px;
}

.fpbox b, .fphoto b {
}

.fpbox ul, .fpbox50 ul, ul.clist {
    margin: 0px;
    padding: 0px;
}

.fpbox720 ul, .ul.clist {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -6px;
}

.fpbox p, .fpbox50 p, .fpbox720 p {
    font-size: 9pt;
    padding: 0.5em;
    margin: 0px;
}

.fpbox li, .fpbox50 li, .clist li {
    clear: both;
    list-style-type: none;
    border: 0px;
    margin: 0px;
}

.fpbox720 li {
    clear: both;
    list-style-type: none;
    margin-left: -8px;
}

#qslist A
{
    font-size: 10pt;
    display: block;
    color: #069;
    padding-top: 0.2em;
    cursor: pointer;
}


.banners {
    width: auto;
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1.5em;
}

.banners A {
    margin-left: 4px;
}

.banner158 {
    width: 158px;
    height: 104px;
}

.banner158:hover {
    opacity: 1;
}

.titlebar {
    margin: 0px;
    padding: 0px 5px 0px 5px;
    border-collapse: collapse;
    width: 100%;

    height: 80px;
    background-color: #fff;
    background-image: url('images/topbar.gif');
    background-repeat: repeat-x;
}

.titlebar A {
    padding: 0px;
    margin: 0px;
}

.titlebar IMG {
    border: 0;
    margin: 0 0 0 6px;
    padding: 0;
}

.logocell {
    padding: 0px;
    margin: 0px;
    width: 130px;
}

.mainmenu {

    width: 100%;
}

.uploadblock {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.uploadblockw {
    display: block;
    width: auto;
    vertical-align: top;
}

.uploadpreview {
    text-align: center;
    vertical-align: top;
    margin-top: 2em;
}

.uploadpreview TABLE {
    margin: auto;
}

#photouploader H1 {
    margin-top: 1em;
}

#photouploader INPUT, #photouploader SELECT {
    font-size: 12pt;
}

#widemap {
    width: 100%;
    height: 280px;
}

#mainleftcol {
    text-align: left;
    clear: both;
    width: 180px;
    float: right;
}

#mainleftcol A {
    display: inline-block;
    margin-bottom: 1em;
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#mainleftcol A:hover {
    opacity: 1;
}

.minchanger {
    width: 300px;
}

.cameratable {
    width: 50%;
    float: left;
}

.cameraimage {
    width: 45%;
    float: right;
}

.mineralshd {
    color: #000000;
    text-align: left;

    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    width: auto;
}

#maintopbar {
    text-align: left;
    margin: 0.5em 0px 1.89em 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    height: 36px;
    padding-left: 10px;
    padding-right: 22px;
}

#minsearcher {
    float: left;
    font-size: 8pt;
}

#moresearch {
    float: right;
    padding-top: 4px;
}

#locsearcher {
    float: right;
}

#minsearcher form, #locsearcher form {
    margin: 0px;
    padding: 0px;
}

.split {
    padding: 0px;
    clear: both;
}

.title {

    padding: 0px;
    margin: 0px;
}

.date {
    float: right;
    margin-top: 0px;
    margin-right: 8px;
    font-size: 11px;

}

.flash {
    color: #800;
    font-size: 11px;

    font-weight: bold;
}

.showexplain
{
    display: inline-block;
    text-align: center;
    margin-left: 1em;
    background-color: #ccc;
    color: #fff !important;
    border-radius: 30px;
    width: 1.2em;
    font-size: 13pt;
    font-family: serif;
    user-select: none;

}

.showexplain:hover
{
    text-decoration: none;
    background-color: #008398;
}

#hidden_dead_things
{
    display: none;
}

#show_the_dead_things
{
    color: #085eb0;
    font-weight: bold;
    cursor: pointer;
}

#show_the_dead_things:hover
{
    text-decoration: underline;
    color: #f8c;
}

#filterthedead
{
    position: absolute;
    font-size: 7pt !important;
    margin-top: -2px;
    margin-left: 4em;
    width: 160px;

}

#bottomstrip {
    clear: both;
    background-color: #def7f7;
    text-align: center;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 8px 0px;
}




#footertext {background-color: #666;font-size: 9pt;line-height: 2.5em;margin: 0em;width: 990px;color: #fff;margin: 0 -100vw;padding: 0 100vw;}

#footertext2 {


    width: 990px;
    margin-left: 50vw;
    transform: translate(-50%, 0%);
}

#socialmedia { background-color: #29af90;
    color: #000 !important;font-size: 9pt;line-height: 2.5em;margin: 0em;width: 990px;color: #fff;margin: 0 -100vw;padding: 0 100vw;}
#socialmedia2 {

    font-size: 10pt;
    width: 990px;
    text-align: center;
    margin-left: 50vw;
    transform: translate(-50vw, 0%);
}

#socialmedia2 A
{
    color: #008
}
#socialmedia2 IMG
{
    height: 32px;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;

}

#footertext2.fp
{

}

#footertext A
{
    color: #cff;
}


.nosplitme {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    word-break: normal !important;
}

.flatform {
    display: inline;
    margin-right: -28px;
}

.gform {
    clear: both;
}

.padder {
    padding: 2px;
}

.padder4 {
    padding: 4px;
}

.centerer {
    margin: auto;
    text-align: center;

}

.centerer2 {
    margin: auto;
    text-align: center;
}


.srban
{
    width: 988px;
    background-color: #D9594C;
    margin-top: -20px;
    margin-left: -6px;
    padding: 6px;
    color: #fff;
    margin-bottom: 20px;
}

.srban A
{
    color: #ff0;
    font-weight: bold;
}

.add-peak-button {
    font-weight: bold;
    font-size: 16px;
    padding: 2px 6px;
    float: right;
}
.glossaryrefs
{
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 12px;
    margin-bottom: -2em;
}

.greycenterer {
    background-color: #ccc !important;
    text-align: center !important;
}



.whitecenterer {
    padding: 6px 6px 0px 6px;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
    min-height: 600px;
    background-color: #fff;
    /* border-bottom: 1px solid #ccc; */
    margin-top: 1em;
    /* overflow: hidden; */
    margin-bottom: 2em;
    padding-bottom: 2em;
    text-align: left;
    min-height: calc(100vh - 372px);
}

.autonav
{
    position: fixed;
    right: 4px;
    top: 139px;
    background-color: #fff;
    width: 190px;
    padding: 4px;
    display: none;

}

.autonav400
{
    width: 390px;
}



.autonav A{
    display: block;
    padding: 4px;
    margin: 4px -4px -4px -4px;


}

.autonav A:hover
{
    background-color: #cff;
    text-decoration: none;
    color: #000;

}

.autosubmit
{
    font-weight: bold;
    border: 1px solid #ccc;
    margin: -1px !Important;
    margin-top: 9px !important;
    padding 2px !important;
    text-align: center;
    background-color: #def7f7;
    user-select: none;

}
.autosubmit:hover
{
    background-color: #a4a0fd !important;
    color: #fff !important;
}

.autonav B
{
    display: block;
    margin: -4px;
    padding: 4px;
    background-color: #ccc;
}



#ltdetailed, #ltstrunz, #ltdana,#ltchem, #ltgallery
{
    display: none;

}

#ltswitch
{

    margin-bottom: -2.5em;
    display: block;

}



.lefter {
    text-align: left;
}

.newminsearchresults {
    padding: 0px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.newminsearchresults A {
    display: block;
    padding: 6px 3px;
    font-size: 12px;
    width: auto;
}

.irandpic {
    background-color: #d7fefe;
    padding-bottom: 7px;
    margin: 0px;
}

.lccsubgrid
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 4px 16px;
}


#ref_history option
{
    font-size:9pt;
    padding-top: 3px;
    padding-bottom: 3px;
}


.minsearchresults A:hover {
}

.hscroll1 {
    overflow-x: auto;
}

.tablescroll
{

    width: 100%; /* or any specific width you need */
    overflow-x: auto;
    overflow-y: hidden; /* optional, hides vertical scrollbar */
    white-space: nowrap; /* prevents wrapping of table content */

}

.hidecollapse {
    float: right;
    font-size: 8pt;
    color: #fff !important;
}

.irandpic P {
    padding: 3px;
    margin: 0px;
}

.irandpic A:hover {
    text-decoration: none;
}

.irandpic IMG {
    padding: 0px;
    margin: 0px;
    width: 180px;
    height: 180px;
    border: 0;
}

.refline {
    margin-top: 1em;
    font-size: 10pt;
}

.chemtablebig {
    border-collapse: collapse;
    margin: auto;
}

.chemtablebig .elem, .chemtablebig .elemx {
    padding: 0;
}

.eleselected, .eleselected:hover {
    background-color: #f80 !important;
    color: #fff !important;
    cursor: default !important;
}

.elem B, .elemx B {
    display: block;
    text-align: center;
}

.elem A {
    font-size: 12px;
    display: block;
    color: #000000;
    width: 25px;
    padding: 1px;
    background-color: #f8f8f8;
}

.chemtablebig .elem A {
    height: 57px;
    /*!important; */
}

.chemtable2 .elem A {
    background-color: #fcfcfc;
}

.chemtable2 .elemx A {
    background-color: #eee;
    cursor: pointer;
}

.elemx A {
    font-size: 12px;
    display: block;
    color: #000000;
    width: 25px;
    height: 57px !important;
    padding: 1px;
    background-color: #e4e4e4;
}

.elemx A:hover {
    text-decoration: none;
    cursor: default;
}

.chemtable2 .elemx A:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #fdd;
}

.ptkey {
    height: 130px;
    overflow: hidden;
}

.ptkey H2, #chemtdesc H2 {
    margin-bottom: 4px;
    font-size: 10pt;
}


.twitter-timeline
{
    border: 1px solid #ccc !important;
    float: right;
}

.keyentry {
    width: 155px;
    float: left;
    padding-top: 5px;
}

.keyentry span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    float: left;
    margin-right: 1em;
}

.ptbuttons {
    margin-bottom: 4px;
    line-height: 2.4em;
}

.ptbuttons span {
    padding: 3px;
    margin: 2px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #eee;
    white-space: nowrap;
}

.ptbuttons span:hover {
    background-color: #fdd;
}

#chemtdesc {
    height: 100px;
    margin-top: -7px;
    overflow: hidden;
}

.chemtablesmall TD {
    padding: 0 !important;
}

.chemtablebig TD A {
    width: 40px;
    height: 50px;
    font-size: 10px;
    margin-left: -1px !important;
    margin-top: -1px !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.chemtablesmall TD A {
    width: 23px;
    height: 30px;
    font-size: 8px;
    margin-left: -1px !important;
    margin-top: -1px !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.chemtablebig TD B {
    margin-top: 4px;
    font-size: 17px;
}

.chemtablebig .elemw A
{
    padding-top: 6px;
    width: 78px;
    height: 32px;
}

#mynetwork {
    width: 100%;
    text-align: center;
    height: 900px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

.network-legend {
    position: absolute;
    /* top: 10px; */
    /* right: 10px; */
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    padding: 10px;
    border-bottom-right-radius: 5px;
    background-color: rgba(255, 255, 255, 0.77);

    z-index:100;
}

.network-legend h3 {
    position: relative;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.legend-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.network-legend ul {
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 500px; /* Adjust based on your content's typical size */
}

.network-legend ul li {
    margin-bottom: 5px;
    align-items: center;
}

.legend-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.elemw sup, .elemw sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
.elemw sub {
    top: 0.4em;
}

.elemw sup
{
    top: -0.7em;
    color: #c00;
    font-size: 8pt;
}

.elemw>a>span
{
    position: absolute;
    margin-left: 65px;
    margin-top: -8px;
    text-align: right;
    width: 12px;
}


.chemtablesmall TD B {
    font-size: 11px;
}

.elem A:hover {
    text-decoration: none;
    background-color: #fdd !important;
    cursor: pointer !important;
}

@media screen and (min-width: 679px) and (max-width: 1011px) {
    .chemtablebig TD A {
        width: 33px;
        height: 45px;
        font-size: 10px;
    }

    .chemsearchbutton, .chemsearchbutton2 {
        font-size: 1.2em !important;
        padding: 3px 6px !important;
    }
}

.chemsearchbutton {
    background-color: #04c;
    color: #fff;
    padding: 6px 12px;
    font-size: 1.6em;
    border: 1px solid #aaa;
    cursor: pointer;
    border-radius: 4px;
}

.chemsearchbutton:hover {
    background-color: #28f;
}

.chemsearchbutton2 {
    background-color: #c40;
    color: #fff;
    padding: 6px 12px;
    font-size: 1.6em;
    border: 1px solid #aaa;
    cursor: pointer;
    border-radius: 4px;
}

.chemsearchbutton2:hover {
    background-color: #f82;
}

.galleryrow {
    display: block;
    width: 100%;
}

.galleryrow H2 {
    clear: both;
    display: block;
    background-color: #DEF7F7;
    width: 100%;
    font-size: 13pt;
    border-top: 1px solid #add;
    text-align: left;
    padding-left: 4px;
}

.galleryrow IMG {
    border: 0px;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.galleryrow B {
    float: left;
    width: 8em;
}

.clearer {
    clear: both;
}

.azlink {
    clear: both;
    display: block;
    width: 100%;
    padding-left: 1em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.azlink:hover {
    background-color: #ccffff;
    text-decoration: none;
    color: #000;
}

.azlink B {
    display: block;
    float: left;
    width: 2em;
}

.lineandahalf {
    line-height: 1.5em;
}

.gemdatbox
{
    height: 22px;
    border:1px solid #888;
    padding: 8px;
    font-size: 12pt;
    background: linear-gradient(to right, rgba(32,124,202,0) 50%,rgba(37,155,167,0) 70%,#dedef7 100%);
}
.gemdatbox img
{
    width: 120px;
    float: left;
    margin-right: 24px;
}
.nbigphoto {
    text-align: center;
    display: block;
    float: left;
    width: 208px;
    text-align: center;
    display: block;
    float: left;
    width: 208px;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-right: 5px;
    padding-top: 3px;
    border: 1px solid #add;
    background-image: linear-gradient(top, #f4ffff, #fff);
    background-image: -moz-linear-gradient(top, #f4ffff, #fff);
}

.nbigphoto P {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 7.5pt;
    text-align: center;
}

.nbigphoto img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.buttonrow {
    padding: 5px;
}

.buttonrow A {
    float: left;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    margin-left: 1px;
    margin-right: 0px;
    padding: 3px;
    background-color: #eeffff;
    font-size: 8pt;
    margin-bottom: 0.6em;
}

.buttonrow A:hover {
    text-decoration: none;
    color: #fff;
    background-color: #a4a0fd;
}

.mindatatable {
    clear: both;
    border-collapse: collapse;
    width: 100%;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
}

#SCsorter
{
    padding-bottom: 7px;
}

#biref-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
    max-width: 1000px;
    margin: auto;
    padding: 1em;
}

#biref-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end; /* Align child items to the bottom */
    gap: 2em;
    max-width: 1000px;
    margin: auto;
    padding: 0em;
}

.biref-left,
.biref-right {
    flex: 1 1 300px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* REMOVE justify-content: flex-end here */
}

.biref-controls {
    padding-top: 1em;
    margin-top: auto; /* Push controls to bottom of their column */
}

#angleSlider
{
    width: 220px;
}

.biref-right{}

.biref-left {
    max-width: 500px;
}

#colorBar, #rotSim {
    display: block;
    margin: auto;
}

#rotSim {
    border-radius: 50%;
    background: #000;
}

@media (max-width: 600px) {
    #biref-container {
        padding: 0.5em;
    }

    .biref-left,
    .biref-right {
        flex: 1 1 100%;
        max-width: 100%;
    }

    #colorBar {
        width: 100%;
        height: 50px;
    }

    #rotSim {
        width: 250px;
        height: 250px;
    }

    .biref-text {
        margin-bottom: 1em;
    }

    .biref-controls {
        padding: 0 0.5em;
    }

    #thicknessSlider,
    #angleSlider {
        width: 100%;
    }

    #playButton {
        margin-top: 0.5em;
    }
}

.mindatam2 {
    max-width: 860px;
    display: inline-block;
    font-size: 10pt;
    padding: 8px 4px;
    word-wrap: break-word;
    vertical-align: top;
    width: 100%;
}

.mindatam2 SUP, #introdata SUP {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}

.mindatadivh2 {

    clear: both;
    vertical-align: baseline;
    margin: 0px;
    margin-top: 2.5em;
    text-align: left !important;
    padding: 8px 8px 8px 10px !important;
    font-size: 13pt !important;
    background-color: #29af90;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 8px;
    font-weight: normal;
    /*
    width: 100vw;
    margin-left: -50vw;
    padding-left: 50vw !important;
*/
}

.padder4 .mindatadivh2
{
    margin-left: -14px;
    margin-right: -14px;
}

#jsmolinfo DIV
{
    float: left;
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ipop
{
    font-weight: bold;
    cursor: pointer;
}

.ipop:hover
{
    color: #c00;
}

.ipoptxt
{
    display: none;
}

.fpbox720p .mindatadivh2
{
    margin-left: -11px;
    margin-right: -11px;

}

.paleoimages
{
    background-color: #888;
    margin-left: -11px;
    margin-top: -8px;
    margin-right: -11px;
}

.paleoimages IMG
{   margin-left: 2.7px;
    margin-top: 3px;
    border: 1px solid #000;
    width: 95px;
    height: 95px;
}

.mindatadivh2 A
{
    color: #cff;
}


.rock_class {
    margin-bottom: 4em;
    margin-left: -3px;
}

.rock_class a {
    padding: 1px 6px 1px 3px;
    display: inline-block;
    margin-top: 4px;
}

.rock_class b {
    padding: 3px 6px;
    display: inline-block;
    margin-top: 4px;
}

.rock_class TABLE {
    border-collapse: collapse;
}

.rock_class TD {
    padding: 0;
    vertical-align: top;
}

.rock_class TD P {
    margin-top: 0;
    margin-bottom: 0;
}

#paragensub {
    margin-top: 1em;
    border: 1px solid #ccc;
    line-height: 1.5em;
}

#paragensub div {
    margin: 0.5em 0 0.5em 0.5em;
}

.pgnotknown {
    color: #bbb;
}

.mindatath {
    display: inline-block;
    width: 104px;
    /* text-align: right; */
    vertical-align: top;
    font-weight: bold;
    font-size: 10pt;
    padding: 8px 0px;
}

.mindatath2 {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 10pt;
    padding: 8px 4px 4px 0px;
}

.mindatatd2 {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    font-size: 10pt;
    padding: 8px 4px 4px 4px;
}

.minboxmm {
    margin-left: -12px;
    margin-right: -12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f6f6f6;
}

.minboxmm h2 {
    font-size: 30px !important;
    margin-bottom: 0.5em !important;
}

.minboxmm .properties {
    float: right;
    margin-top: 1em;
    font-size: 10pt;
    text-align: right;
    padding-right: 1em;
    line-height: 1.5em;
}

.minboxmm p {
    margin-left: 8px;
    font-size: 12pt;
}

.blogcomment .minboxmm {
    margin-left: -20px;
    margin-right: -20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: scale(0.96,0.96);
}

.mindatasimple {
    font-size: 9pt;
}


#bestofheader
{

    margin: -21px -7px 0 -7px;
    padding: 4px 6px 1px 6px;
    background-color: #00839829;

}

.galphotodavidsstuff
{
    padding-left: 4px;
    padding-bottom: 6px;
    font-size: 11px;
}

#bestofheader h1
{
    margin: 0 0 10px 0;
}

#bestofheader a
{


}

#bestofheader #ndminmenu
{

    text-align: left;color: #fff;
    margin-left: -6px;margin-right: -6px;



}


.bestoftext
{
    font-family: 'Dancing Script';

    font-weight: normal;
    font-size: 24px;

}

.bestofformula
{
    font-size: 11pt;

}

.bestofxtl
{
    float: right;

    font-size: 11pt;
}


#blueh1
{
    background-color: #008398;
    color: #fff;
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -20px;
    padding: 8px 10px 8px 14px;
    margin-bottom: 1em;
}

#fpblogbox #blueh1
{
    margin-left: -6px;
    margin-right: -6px;
    padding-left: 7px;
}

#blueh1 A
{
    color: #cff;
}

.rad_fieldblock
{
    padding-bottom: 1em;
}

#rad_warnings, #rad_usps_recommendation
{
    width: 100%;
    clear: both;
}

.rad_warning_box, .rad_usps_box {
    background: #fff8e1;
    border: 1px solid #ffe082;
    padding: 10px 12px;
    margin: 10px 0;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
}

.rad_usps_notice {
    background: #e8f5e9;
    border-color: #81c784;
}

.rad_usps_warning {
    background: #fff8e1;
    border-color: #ffe082;
}

.rad_warning_box ul {
    margin: 0;
    padding-left: 20px;
}

.rad_warning_box li {
    margin-bottom: 4px;
}

.rad_container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.rad_controls {
    padding-right: 1rem;
}

.rad_diagram_container {
    display: flex;
    align-items: center;
    justify-content: center;
}


.rad_alert_row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px;
}

.rad_alert_icon {
    flex: 0 0 28px;          /* Fixed width for alignment */
    font-size: 1.2em;
    line-height: 1;
    align-self: center;      /* Aligns icon vertically with first line of text */
    margin-top: -2px;        /* Optional: fine-tune up by a few pixels */
}

.rad_alert_text {
    flex: 1;
    margin-left: 4px;
}


.rad_button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0.5rem;
}

.rad_button_group button {
    font-size: 0.875rem;
    padding: 4px 8px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.rad_button_group button.active {
    background: #007bff;
    color: white;
    border-color: #0056b3;
}

.rad_note {
    font-size: 0.875rem;
    color: #555;
    margin-bottom: 1rem;
    background: #fffce0;
    border-left: 4px solid #f0ad4e;
    padding: 8px 12px;
    border-radius: 4px;
}

#rad_diagram {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 8px;
}

#fossilh1
{
    /* background-color: #008398; */
    /* color: #fff; */
    margin-left: -10px;
    margin-right: -11px;
    margin-top: -20px;
    padding: 8px 10px 8px 14px;
    margin-bottom: 1em;
}

#fossilh1 IMG
{
    height: 38px;
    /* filter: invert(1); */
    float: right;
    margin-top: -5px;
    margin-right: -5px;
}

.mdstd {
    font-size: 9pt;
}

.mindatasimple TH {
    padding-left: 10px;
    padding-right: 5px;
    font-size: 9pt;
    text-align: right;
}

.neatlist LI {
    list-style-type: disc;
}

.grouplist {
    width: 100%;
}

.grouplist TD {
    vertical-align: top;
}

.mw6em {
    width: 6em;
    font-size: 10pt;
}

.mw12em {
    width: 12em;
    font-size: 10pt;
}

.loclisttable {
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

.minref
{
    vertical-align: bottom !important;
}
.loclisttable TR:hover {
    background-color: #f0fcff;
}
.loclisttable TD {
    width: 50%;
    padding-left: 5px;
}

.loclisttable HR {
    padding: 0px;
    margin: 0px;
}

.loclisttable td.td2 {
    width: 50%;
    padding-left: 5px;
    vertical-align: bottom;

    font-size: 10px;
    text-align: left;
}

.loclisttable td.td3 {
    width: 50%;
    padding-left: 5px;
    vertical-align: bottom;

    font-size: 10px;
    text-align: left;
    margin-left: -5px;
    border-bottom: 1px solid #888;
}

.loclisttable td.tdt {
    vertical-align: top;
}

.loclisttable tr.trh:hover {
    background-color: #eee;
}

.loclisttable .i0 {
    padding-top: 20px;
    padding-left: 3px;
    font-size: 15px;
    margin-left: -5px;
    font-weight: bold;
    border-bottom: 1px solid #888;
    border-left: 0px;
}

.loclisttable .i1 {
    font-size: 12px;
    margin-left: 20px;
    font-weight: bold;
}

.loclisttable .i2 {
    font-size: 12px;
    margin-left: 40px;
}

.loclisttable .i3 {
    font-size: 12px;
    margin-left: 60px;
}

.loclisttable .i4 {
    font-size: 12px;
    margin-left: 80px;
}

.loclisttable .i5 {
    font-size: 12px;
    margin-left: 100px;
}

.loclisttable .i6 {
    font-size: 12px;
    margin-left: 120px;
}

.loclisttable .i7 {
    font-size: 12px;
    margin-left: 140px;
}

.loclisttable .i8 {
    font-size: 12px;
    margin-left: 160px;
}

.loclisttable .i9 {
    font-size: 12px;
    margin-left: 180px;
}

.loclisttable .i10 {
    font-size: 12px;
    margin-left: 200px;
}

.loclisttable .i11 {
    font-size: 12px;
    margin-left: 220px;
}

.loclisttable .i12 {
    font-size: 12px;
    margin-left: 240px;
}

.loclisttable .i13 {
    font-size: 12px;
    margin-left: 260px;
}

.loclisttable .i14 {
    font-size: 12px;
    margin-left: 280px;
}

.loclisttable .i15 {
    font-size: 12px;
    margin-left: 300px;
}

.loclistsplit {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #def7f7;
}

#geoevent {
    padding: 2px;
    margin: 1em 0 1em 0;
}

.gttd {
    font-size: 9pt;
    border-top: 1px solid #def7f7;
    vertical-align: top;
    padding: 5px;
}

.gallerytable IMG {
    border: 1px solid #000;
    width: 200px;
    height: 200px;
    padding: 0px;
    margin: 2px;
}

.formula3 {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size: 11pt;
    vertical-align: middle;
}

.formulasup3 {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
    text-align: left;
}

.formulasup3 TD, .formulasup3 TR {
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}

.formula2 {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
    vertical-align: middle;
}

.formula2 TD, .formula2 TR {
    font-size: 9pt;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.formulasup2 {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.formulasup2 TD {
    margin: 0px;
    padding: 0px;
    font-size: 7pt;
}

.disclaimer {
    font-size: 7pt;
}

#xtlbox {
    float: left;
    max-width: 350px;
    height: 350px;
    text-align: center;
    overflow: hidden;
}

#xtlboximage {
    max-width: 350px;
    height: 300px;
    margin-top: 50px;
    display: none;
}

#xtlbox3d {
    max-width: 350px;
    height: 350px;
}

#xtlinfo {
    clear: both;
    float: left;
    width: 350px;
    text-align: left;
    z-index: 50;
}

#xtlabout {
    max-width: 450px;
    float: left;
    overflow: auto;
}

#xtlabout h2 {
    text-align: left;
    font-size: 12pt;
}

#xtlabout td {
    vertical-align: top;
    font-size: 8pt;
}

.xtlbox2 {
    width: 235px;
    height: 250px;
    text-align: center;
    float: left;
}

.xtlbox2 IMG {
    height: 230px;
}

.xtlscroll {
    height: 350px;
    width: 450px;
    float: left;
    border: 1px solid #ddd;
    overflow: auto;
    padding: 0.5em;
    margin-bottom: 1em;
}

.xtlscroll IMG {
    border: 0px;
}

.floatyleft {
    padding-left: 5em;
    float: left;
}

.floatyright {
    padding-right: 5em;
    float: right;
}

.waitmsg {
    text-align: center;
    position: absolute;
    visibility: visible;
    background-color: #c44;
    border: 1px solid black;
    font-size: 12pt;
    color: white;
    max-width: 790px;
}

.minvisiondiv {
    width: 100%;
    height: 220px;
}

.minvisiondivsmall {
    font-size: 50%;
    color: #888;
}

.xtlscrollline {
    clear: both;
}

.xtlscroll2d {
    width: 22px;
    height: 22px;
    padding: 2px;
    float: left;
}

.xtlscroll3d {
    width: 22px;
    height: 22px;
    padding: 2px;
    float: left;
}

.xtlscroll2d A {
    width: 22px;
    height: 22px;
}

.xtlname {
    display: block;
    margin-top: 5px;
    padding-top: 2px;
}

#waitxtl {
    text-align: center;
    position: absolute;
    visibility: visible;
    background-color: #c44;
    border: 1px solid black;
    font-size: 12pt;
    color: white;
    max-width: 348px;
}

.map_legend_button
{
    font-size: 22pt;
    margin-left: -3px;
    display: inline-block;
    margin-top: -1px;
    color: #666;
}
.map_legend_button:hover
{
    color: #000;
}
/* New Styles RHC Library */
.bookshelf
{
    display: block;
    width: auto;
    border: 1px solid #444;
    padding: 4px 8px;
    margin-top: 8px;
    font-size: 12pt;
}
.bookshelf:hover
{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.bs0
{
    background-color: #E4E1E1;
}
.bs0:hover
{
    background-color: #503634;
}
.bs1
{
    background-color: #ECDAE5;
}
.bs1:hover
{
    background-color: #9E005C;
}
.bs2
{
    background-color: #EFE2E2;
}
.bs2:hover
{
    background-color: #A83434;
}
.bs3
{
    background-color: #F3E8DE;
}
.bs3:hover
{
    background-color: #C56007;
}
.bs4
{
    background-color: #EFEEDF;
}
.bs4:hover
{
    background-color: #9B8F08;
}
.bs5
{
    background-color: #E3E9DC;
}
.bs5:hover
{
    background-color: #3B7500;
}
.bs6
{
    background-color: #DEEEEC;
}
.bs6:hover
{
    background-color: #08967E;
}
.bs7
{
    background-color: #DCE8EE;
}
.bs7:hover
{
    background-color: #00699E;
}
.bs8
{
    background-color: #DFDFEE;
}
.bs8:hover
{
    background-color: #2A2AA7;
}
.bs9
{
    background-color: #E6DAEC;
}
.bs9:hover
{
    background-color: #69009E;
}
/* Mindat Books Styles */
.book_title {
    font-weight: bold;
    font-size: 14px;
}

.bookbox {
    /*	border:1px solid #999999; */
    width: 233px;
    min-height: 123px;
    float: left;
    margin: 2px;
}

* html .bookbox {
    height: 123px;
}

.featured_box {
    /*border:1px solid #999999; */
    background-color: #f6f6f6;
    width: 100%;
    margin: auto;
}

.book_image {
    padding: 3px;
    float: left;
    margin: 5px;
}

.book_pic {
    border: 1px solid #999999;
}

.book_detail {
    width: 130px;
    padding: 3px;
    margin-top: 5px;
    float: left;
    font-size: 11px;
}

.book_detail_featured {
    /*	border:1px solid red;  */
    width: 328px;
    margin-top: 5px;
    padding: 3px;
    float: left;
    font-size: 11px;
}

.book_detail_featured2 {
    max-width: 800px;
    margin-top: 5px;
    padding: 3px;
    float: left;
    font-size: 11pt;
    line-height: 1.4em;
}

.book_heading_line {
    font-weight: bold;
}

.howtouse_box {
    border: 1px solid #888;
    padding: 4px;
    float: right;
    width: 198px;
    font-size: 11px;
    background-color: #fff;
    margin: 5px;
    min-height: 198px;
}

.howtouse_box H1 {
    font-size: 12pt;
    text-align: left;
    background: none;
    padding-bottom: 3px;
}

#book_jump_menu {
    width: 100%;
    color: #333;
    background-color: #ddd;
}

#book_jump_menu select {
    font-size: 11px;
}

#book_jump_menu td {
    font-size: 11px;
    color: #fff;
}

#book_jump_menu form {
    margin: 0px;
}

.book_paging_menu {
    width: 100%;
    color: #333;
    background-color: #ddd;
    padding-top: 4px;
    padding-bottom: 4px;
}

.book_paging_menu A, .book_paging_menu A:visited {
    color: #333;
}

.book_prev {
    width: 200px;
    float: left;
    padding-left: 8px;
}

.book_center {
    max-width: 562px;
    float: left;
    text-align: center;
}

.book_next {
    display: block;
    width: 200px;
    float: right;
    padding-right: 8px;
    text-align: right;
}

.books_sponsor {
    padding: 4px;
    font-size: 8pt;
}

/* End Mindat Books Styles */
/* mindat live article styles */
.live_immediate {
    color: #c50;
    font-weight: bold;
    text-align: right;
    margin-top: 0.5em;
}

.live_recent {
    color: #c00;
    text-align: right;
    margin-top: 0.5em;
}

.live_normal {
    color: #000;
    text-align: right;
}

/* end mindat live article styles */
/* Start Mindat Directory styles */
#dirmain {
    max-width: 777px;
    margin: auto;
}

#dircol1 {
    padding: 0px;
    max-width: 550px;
    float: left;
    text-align: left;
}

#dircol1 H2 {
    text-align: left;
    font-size: 11pt;
    margin-top: 0px;
    padding-bottom: 8px;
}

#texttop {
    float: right;
    max-width: 351px;
    height: 91px;
}

#dirtoppart {
    display: block;
    max-width: 546px;
    font-size: 10pt;
}

#dsearchformarea {
    margin-top: 6px;
}

#dsearchformarea2 {
    max-width: 546px;
    float: right;
}

#dtopphoto {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 1px;
    width: 186px;
    float: left;
}

#dircol1 FORM {
    text-align: left;
    padding: 0px;
    margin: 0px;
}

#dfindbutton {
    width: 67px;
    height: 24px;
    float: right;
    margin-top: 1px;
}

#dfindbox {
    width: 281px;
    height: 22px;
    padding: 0;
    margin-top: 1px;
    margin-right: 1px;
    margin-left: 0px;
    margin-bottom: 0px;
    float: left;
    border: 1px solid #0ff;
}

#dfindbox2 {
    width: 470px;
    height: 22px;
    padding: 0;
    margin-top: 1px;
    margin-right: 1px;
    margin-left: 0px;
    margin-bottom: 0px;
    float: left;
    border: 1px solid #0ff;
}

#dircol2 {
    background-color: #CFECEB;
    padding: 2px;
    width: 222px;
    float: right;
}

#toptitle {
    float: right;
    vertical-align: bottom;
    margin-right: 3em;
}

.fpquiz
{
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    line-height: 2em;
    padding: 6px;
}


#fpresults
{
    background-color: #b1d0ff;
    padding: 1em;
    font-size: 14pt;
}

.fpquestion
{
    font-weight: bold;
    margin-bottom: 0.5em;
}

.fplabelbold
{
    font-weight: bold;
    opacity: 1 !important;
}


.fpquestionunanswered
{
    background-color: #fff0c0;
}

.fpquestionincorrect
{
    background-color: #ffa0a0;
}

.fpquestioncorrect
{
    background-color: #60f060;
}


.fpquestionincorrect label, .fpquestioncorrect label
{
    opacity: 0.5;
}


.fpanswer INPUT
{
    margin-right: 1em;
}

#testscore
{
    font-size: 12pt;
    border-radius: 3px;
    background-color: #29af90;
    color: #fff;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
}

#testscore:hover
{
    background-color: #b1d0ff;
    color: #00c;
}


#toptitle H1 {
    margin-bottom: 0em;
}

#dfeatured {
    height: 84px;
    margin-bottom: 1px;
}

#dfeatured IMG {
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 3px;
    margin-bottom: 2px;
}

#dsearchcategory {
}

#dsearchcategory UL {
    margin-top: 20px;
    float: left;
    width: 44%;
    padding-left: 4px;
}

#dsearchcategory UL A {
    width: 95%;
    padding-left: 0px;
    height: 15px;
    text-decoration: none;
}

#dsearchcategory UL A:hover {
    background-color: #46c;
    color: #fff;
}

#asearchcategory {
    clear: both;
}

#asearchcategory UL {
    float: left;
    width: 50%;
    padding: 0px;
}

#acatbar {
    clear: both;
    background-color: #46c;
    font-weight: bold;
    font-size: 10pt;
    padding: 4px;
    color: #fff;
    border-top: 1px solid #add;
    border-bottom: 1px solid #add;
    margin-left: -1px;
    margin-right: -1px;
}

#asearchcategory UL B {
    display: block;
    padding-left: 4px;
    padding-top: 8px;
}

#asearchcategory UL A {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 14px;
    text-decoration: none;
    border: 0px;
}

#asearchcategory UL A:hover {
    background-color: #46c;
    color: #fff;
}

#dsearchcountry {
}

#dsearchcountry UL {
    float: left;
    width: 44%;
    padding-left: 4px;
}

#dsearchcountry UL A {
    display: block;
    width: 95%;
    padding-left: 4px;
    text-decoration: none;
}

#dsearchcountry UL A:hover {
    background-color: #46c;
    color: #fff;
}

#dsearchlistings {
}

#dsearchlistings H2, .dsearchH2 {
    width: 544px;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-left: 2px;
    margin-bottom: 2px;
    background-color: #40ceca;
    color: #fff;
}

#dirsearchbyregion {
    border: 1px solid #40CECA;
    width: 215px;
    background-color: #DAF8F7;
    margin-bottom: 1px;
}

#dirsearchbyregion UL {
    width: 98px;
    padding-left: 5px;
    float: left;
    text-align: left;
}

#dirsearchbyregion LI {
    padding-top: 1px;
    padding-bottom: 1px;
}

#dirsearchbyregion A {
    display: block;
    width: 94px;
    padding-left: 4px;
    text-decoration: none;
}

#dirsearchbyregion A:hover {
    background-color: #46c;
    color: #ffF;
}

#dirhowtoadvertise {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.dsmall {
    font-size: 8pt;
}

.diredittable {
    width: 100%;
    margin: 8px;
}

.diredittable TD {
    font-size: 9pt;
}

.dirpremium {
    padding: 0px;
    margin: 0px;
}

.dirpremium LI {
    padding-top: 4px;
    margin: 0px;
    display: inline-block;
}

.dirpremium A {
    display: block;
    width: 313px;
    height: 104px;
    padding: 3px;
    padding-left: 170px;
    overflow: hidden;
    margin: 0px;
    border: 1px solid #ccc;
}

.dirpremium IMG {
    position: absolute;
    width: 158px;
    height: 104px;
    margin-left: -166px;
}

.dirpremium I {
    display: block;
    font-style: normal;
    padding-left: 1px;
    padding-top: 4px;
    font-size: 8pt;
}

.dirpremium A:hover {
    text-decoration: none;
    background: #29af90;
    color: #fff;
}

#apikey {
    margin-top: 3em;
    background-color: #eee;
    border: 2px solid #ccc;
    padding: 3px;
}

#apikey h2 {
    font-size: 11pt;
}

#apikey .apikey {
    background-color: #fff;
    padding: 4px;
    font-size: 14pt;
    font-family: 'Courier Prime', courier;
}

.dirpremium B {
    display: block;
    font-size: 11pt;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.dirstandard {
    padding: 0px;
    margin: 0px;
}

.dirstandard LI {
    margin: 0px;
}

.dirstandard A {
    display: block;
    width: 540px;
    padding: 3px;
    margin: 0px;
    border-bottom: 1px solid #8af;
}

.dirstandard A:hover {
    text-decoration: none;
    background: #8af;
    color: #fff;
}

.dirstripe1 {
    clear: both;
    width: 212px;
    text-align: left;
    padding-left: 5px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 1px;
}

.dirstripelonglink, .dirstripelonglink:visited {
    display: block;
    width: 210px;
    padding-left: 5px;
    text-align: left;
    font-size: 9pt;
    color: #006;
    text-decoration: none;
    background-color: #DAF8F7;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #40CECA;
    margin-bottom: 1px;
    margin-top: 0px;
}

.dirstripelonglink:hover {
    background-color: #46c;
    color: #ffF;
    text-decoration: none;
    border: 1px solid #40CECA;
    margin-bottom: 1px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.csrbox
{
    text-align: left !important;

}

.csrbox P
{
    line-height: 1.5em;
}


#dirnews {
    border: 1px solid #40CECA;
    width: 215px;
    background-color: #DAF8F7;
    margin-bottom: 1px;
}



#dirnews A {
    display: block;
    width: 211px;
    text-align: left;
    padding-left: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
    text-decoration: none;
}

#dirnews A:hover {
    background-color: #46c;
    color: #ffF;
}

#direvents {
    border: 1px solid #40CECA;
    width: 215px;
    background-color: #DAF8F7;
    margin-bottom: 1px;
}

#direvents A {
    display: block;
    width: 211px;
    text-align: left;
    padding-left: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
    text-decoration: none;
}

#direvents A:hover {
    background-color: #46c;
    color: #ffF;
}

.dirnewsdate {
    text-align: left;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 4px;
}

.dirclicktable {
    padding: 0px;
    clear: both;
    margin-top: 10px;
    border-collapse: collapse;
}

.dirclicktable TD {
    font-size: 10pt;
    padding-right: 4px;
    padding-bottom: 6px;
}

.dirupdatetable {
    font-size: 8pt;
    border: 1px solid #888;
    border-collapse: collapse;
}

.dirupdatetable TH {
    width: 20%;
    vertical-align: top;
    background-color: #ddd;
    padding: 4px;
}

.dirupdatetable TD {
    text-align: center;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    font-size: 10pt;
}

.dirupdatetable TD B {
    color: #c00;
}

.content_banner_s,
.content_banner_m,
.content_banner_l
{
    margin-top: 16px;
    text-align: center;
}
.oldschool {
    list-style-type: circle;
}

.smallprint {
    font-size: 7pt;
}

#where_the_dead_things_are
{
    display: none;
}

.whendeadthing A
{
    color: #888;
    float: right;
}


.taxon_kingdom
{
    background-color: #ffcccc !important;
}

.taxon_subkingdom
{
    background: linear-gradient(to right, #ffcccc 0%,#eeffff 100%);
}

.taxon_superphylum
{
    background: linear-gradient(to right, #eeffff 0%,#ffcccc 100%);
}


.taxon_phylum
{
    background-color: #eeffff !important;
}

.taxon_subphylum
{
    background: linear-gradient(to right, #eeffff 0%,#ffeeff 100%);
}


.taxon_class
{
    background-color: #ffeeff !important;
}

.taxon_subclass,.taxon_infraclass
{
    background: linear-gradient(to right, #ffeeff 0%,#fff0f0 100%);
}


.taxon_superorder
{
    background: linear-gradient(to right, #fff0f0 0%,#ffeeff 100%);
}



.taxon_order
{
    background-color: #fff0f0 !important;
}

.taxon_suborder
{
    background: linear-gradient(to right, #fff0f0 0%,#f0fff0 100%);
}


.taxon_superfamily
{
    background: linear-gradient(to right, #f0fff0 0%,#fff0f0 100%);
}

.taxon_family
{
    background-color: #f0fff0 !important;
}

.taxon_subfamily
{
    background: linear-gradient(to right, #f0fff0 0%,#ffffee 100%);
}

.taxon_genus
{
    background-color: #ffffee !important;
}
.taxon_species
{
    background-color: #f0f0ff !important;
}
.taxon_subspecies
{
    background: linear-gradient(to right, #f0f0ff 0%,#ffffff 100%);
}
.taxon_none, .taxon_unraked, .taxon_unranked_clade
{
    background-color: #f0f0f0 !important;
}

.taxakey
{
    font-weight: normal;
    text-align: center;
    /*  width: 200px; */
    margin: 8px 4px;
    border: 1px solid #ccc;
    padding: 3px 0px;

}

.verydead
{
    background-color: #ff8080 !important;
    color: #fff;
}

.verynew
{
    background-color: #50ff60 !important;
}

.verydeadverynew
{
    background: linear-gradient(to right, #50ff60 0%,#ff8080 100%);
    color: #000;
}


.veryprior
{
    background: repeating-linear-gradient(
            45deg,
            #50ff60,
            #50ff60 10px,
            #ffffff 10px,
            #ffffff 20px
    );
}

.dnphotoblock {
    background-color: #eee;
    margin-left: -6px;
    margin-right: -7px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dnewsphotobox {
    display: block;
    float: left;
    width: 142px;
    height: 170px;
    border: 1px solid #888;
    text-align: center;
    margin: 6px;
    padding: 5px;
    background-color: #fff;
    border-radius: 0.5em;
    font-size: 0.9em;

    overflow: hidden;
}

.dnewsphotobox IMG {
}

.dclicknews {
    padding: 0px;
    margin: 0px;
    width: 546px;
}

.dclicknews LI {
    border-bottom: 1px solid #40CECA;
}

.dclicknews A {
    display: block;
    width: 546px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.dclicknews A:hover {
    text-decoration: none;
    background: #8af;
    color: #fff;
}

.dclicknews IMG {
    float: left;
    padding-right: 8px;
    border: 0px;
}

#diraz {
    border: 1px solid #40CECA;
    width: 215px;
    background-color: #DAF8F7;
    margin-bottom: 1px;
}

#diraz A {
    display: block;
    float: left;
    width: 30px;
    text-align: left;
    padding-left: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
    text-decoration: none;
}

#diraz A:hover {
    background-color: #46c;
    color: #ffF;
}

/* End Mindat Directory styles */
.otherpic {
    display: inline;
    width: 100px;
}

.palebluebg {
    background-color: #fbfbfb;
}

.palebluebg2 {
    background-color: #f9f9f9;
}

.nopadp P {
    padding: 0 !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.otherpic IMG:hover {
    background-color: #ff0;
}

.otherpic IMG {
    border: 1px solid #000;
    padding: 2px;
    margin: 5px;
}

/* auction styles */
.auctiona {
    width: 100%;
}

.auctionb {
    background-color: #6aaaff;
    color: #fff;
    height: 27px;
    padding: 0px;
    width: 100%;
    clear: both;
}

.auctionbbig {
    background-color: #6aaaff;
    color: #fff;
    height: 27px;
    padding: 0px;
    width: 100%;
    clear: both;
}

.auctionc {
    width: 100%;
    clear: both;
}

.auctionb UL,.auctionbbig UL {
    display: block;
    height: 24px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.auctionb LI, .auctionbbig LI {
    display: block;
    float: left;
    margin-left: 1px;
    margin-top: 6px;
}

.auctionb INPUT, .auctionbbig INPUT {
    margin: 0px;
    padding: 0px;
    height: 16px;
    margin-top: -4px;
    width: 120px;
    margin-left: 30px;
}

.auctionb B, .auctionbbig B {
    padding-left: 4px;
}

.auctionb LI A, .auctionbbig LI A {
    height: 22px;
    background-color: #6aaaff;
    color: #fff;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #bbb;
}

.auctionb LI A:hover, .auctionbbig LI A:hover {
    height: 22px;
    background-color: #EEE;
    color: #000;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #444;
}

/* end auction styles */
.fourcol {
    column-count: 4;
}

.mindatdirtext {
}

.mdpic {
    border: 1px solid #444;
    margin-right: 4px;
}

.ft3 {

    border-collapse: collapse;
    font-size: 10pt;
    display: inline;
}

.ft3 TD {
    padding: 0px;
    white-space: nowrap;
}

.ftsub3 {
    font-size: 7pt;
}

.ftsup3 {
    font-size: 7pt;
}

.ft2 {

    border-collapse: collapse;
    font-size: 9pt;
    display: inline;
}

.ft2 TD {
    white-space: nowrap;
    padding: 0px;
}

.ftsub2 {
    font-size: 7pt;
}

.ftsup2 {
    font-size: 7pt;
}

.formpos {
    position: relative;
    top: 8px;
}

.phototype {
    width: 100%;
    background-color: #eeeeee;
    border-bottom: 1px solid #888;
    padding: 4px;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    margin-bottom: 1em;
}

.phototabs {
    border-collapse: collapse;
    width: 100%;
}

.phototabs TH {
    border-bottom: 1px solid #888;
    padding: 3px;
}

.phototabitem {
    padding: 3px;
    background-color: #fff;
    width: 150px;
    border-bottom: 1px solid #888888;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: blue;
    text-align: center;
    text-decoration: underline;
}

.phototabitem:hover {
    background-color: #8cf;
    width: 150px;
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    cursor: pointer;
}

.phototabitemsel {
    width: 150px;
    text-align: center;
    padding: 3px;
    background-color: #eeeeee;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
}

.top1em {
    margin-top: 1em;
}

.tophalfem {
    margin-top: 0.5em;
}

.bottom1em {
    margin-bottom: 1em;
}

.bottomhalfem {
    margin-bottom: 0.5em;
}

.banner158 {
    width: 158px;
    height: 104px;
}

.mb_b1, .mb_b2 {
    float: left;
}

.mb_b2 {
    margin-left: 4px;
}

#artbackground {
    position: fixed;
    top: -50%;
    left: -50%;
    margin: 0;
    padding: 0;
    width: 200%;
    height: 200%;
    background-size: 50%;
    background-position: 50% 50%;
    overflow: hidden;
    z-index: -1;
}

.ele50 .newformula {
    display: inline-block;
    margin-top: -6px;
}

#artbackground img, #artbackground video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    z-index: -13;
}

#artbackground img.active {
    z-index: -11;
}

#playbackbody A {
    cursor: pointer;
}

.otherrow {
    display: none;
}

.normalrow {
    overflow: hidden;
}

.gmap {
    text-align: left;
    width: 400px;
}
#showmorelatestdownloads
{
    background-color: #008398;
    color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    width: 80px;
    margin: auto;
    margin-top: 4px;
    text-align: center;
    margin-left: calc(50% - 58px);
    cursor: pointer;
}
#showmorelatestdownloads:hover
{
    background-color: #29af90;
}

.smalltxt {
    font-size: 8pt;
}

.smalltxt .stb {
    display: inline-block;
    width: 400px;
    margin-right: 1em;
    padding-bottom: 0.7em;
    vertical-align: top;
}

.gmt {
    border: 0px;
    border-collapse: collapse;
}

.gmt TH {
    vertical-align: top;
    background-color: #fff;
}

.gmt IMG {
    margin-right: 5px;
}

.gmt TD {
    vertical-align: top;
    font-size: 8pt;
}

.cpop TD {
    vertical-align: top;
    font-size: 8pt;
}

#smallmap {
    border: 1px solid #add;
    width: 208px;
    height: 150px;
    overflow: hidden;
    margin-top: 5px;
}

.padfour {
    padding: 4px;
    text-align: justified;
}

.nearloctable {
    width: 980px;
    border-collapse: collapse;
}

.nearloctable TD {
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    padding-bottom: 3px;
    padding-top: 3px;
}

.nowrap {
    white-space: nowrap;
}

.otherimages {
    width: 100%;
    border-collapse: collapse;
}

.otherimages TH {
    padding: 4px;
    border-bottom: 1px solid #def7f7;
}

.otherimages TD {
    padding: 4px;
    border-bottom: 1px solid #def7f7;
}

.userarea {
    display: block;
}

.userarea H2 {
    text-align: left;
}

#usercatalogue li {
    list-style: circle outside;
    line-height: 2;
}

.dashing {
    padding-left: 2em;
    padding-right: 2em;
}

.unbold {
    font-weight: normal !important;
}

.msgop
{
    background-color: #ffffb1;
    color: #f00;
    font-weight: normal;

    padding-left: 0.3em;
    padding-right: 0.3em;
}

#userhead {
    margin-right: 1em;
    width: 186px;
    float: left;
    padding: 5px;
    overflow: hidden;
    font-size: 10px;
}

#userhead B {
    font-size: 11px;
}

#userhead IMG {
    margin-bottom: 1em;
    border: 0px;
}

.otherloc TD {
    background-color: #f3f3f3 !important;
    opacity: 0.7;
}

.userhbox {
    text-align: left;
}

.userhbox H1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 1em;
    padding-right: 5px;
    padding-left: 5px;
}

.userhbox H2 {
    margin-top: 0px;
}

.usertabs {
    width: 100%;
    margin-top: 4px;
}

.usertabs TH {
    border-bottom: 1px solid #888;
    padding: 3px;
}

.usertabitem {
    padding: 3px;
    background-color: #fff;
    border-bottom: 1px solid #888888;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #003399;
    text-align: center;
}

.usertabitem:hover {
    background-color: #8cf;
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    cursor: pointer;
}

.usertabitemsel {
    text-align: center;
    padding: 3px;
    background-color: #eff;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #eff;
    font-weight: bold;
}

.galbuttable {
    width: 100%;
    height: 18px;
    background-color: #eff;
    color: #444;
}

.galbuttable TH {
    width: 100px;
}

.galbuttable TD {
    text-align: center;
}

.galbut {
    display: block;
    background-color: #eff;
    width: 100px;
    height: 20px;
    text-align: center;
    color: #444;
    padding-top: 4px;
    font-weight: bold;
}

.galbut:hover {
    background-color: #cee;
    color: #000;
    cursor: pointer;
}

.galpage {
    text-align: center;
    color: #444;
    font-weight: bold;
}

.galpage:hover {
    background-color: #ccc;
    color: #fff;
    cursor: pointer;
}

#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 24px;
    margin-left: -82px;
    margin-top: -14px;
    background-color: #b78861;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #888;
    color: #fff;
    visibility: hidden;
}

#loading IMG {
    float: left;
    margin-left: 4px;
}

#loading B {
    display: block;
    padding-top: 3px;
}

.userpicture A, .userbigpicture A, .userhead A {
    display: block;
}

.userpicture {
    min-height: 215px;
    margin-right: 8px;
    width: 180px;
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
    font-size: 10px;
    margin-top: 6px;
}

.userthumbpicture {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 4px;
    background-color: #fff;
    padding: 4px;
    overflow: hidden;
    font-size: 10px;
    margin-top: 0px;
    margin-right: 4px;
    min-height: 180px;
    text-align: center;
}

.userpicture B, .userbigpicture B {
    font-size: 11px;
}

.userthumbpicture IMG {
    border: 0px;
}

.userpicture IMG {
    border: 0px;
    padding-bottom: 3px;
}

#calltoaction, #calltoaction2 {
    width: 985px;
    margin-left: 6px;
    margin-bottom: 9px;
    margin-top: -8px;
}

#calltoaction A {
    display: block;
    background-color: #ff8;
    color: #000;
    padding: 6px 10px;
    border: 2px solid #ff8;
}

#calltoaction A:hover {
    background-color: #fc0;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #f00;
}

#calltoaction2 A {
    display: block;
    background-color: #f32;
    color: #fff;
    padding: 6px 10px;
    border: 2px solid #f32;
}

#calltoaction2 A:hover {
    background-color: #f85;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #f00;
}

#calltoaction P,#calltoaction2 P {
    margin: 0.5em 0 0.2em 0em;
}

#calltoaction h1, #calltoaction2 h1 {
    padding: 0;
    margin: 0;
    text-align: left;
}

.article {
}

.article H1 {
    background-color: #7475CF;
    margin-top: 16px;
    margin-bottom: 0px;
}

.article H2, .article H3, .article H4 {
    margin-top: 4px;
    margin-bottom: 0px;
}

.galrow {
    border-bottom: 1px solid #ccc;
    padding-top: 1em;
    padding-bottom: 1em;
}


.formulahide
{
    color: #666;
    font-weight: normal;

}
.galrowminid {
    float: right;
    font-size: 0.7em;
    margin-top: 0.4em;
    margin-left: 0.5em;
}

.galrow:first-of-type {
    border-top: 1px solid #ccc;
}

.galrow H2 {
    margin: 0;
    font-size: 11pt;
    padding-bottom: 5px;
}

.minminecraft H1 {
    display: none;
}

.minminecraft IMG {
    width: 998px;
}

.minminecraft .plainuserpicture {
    padding: 0;
    width: 998px !important;
    min-width: 998px !Important;
    margin-left: -12px !important;
    margin-right: -8px !important;
}

.bigart {
    font-size: 1.3em;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.6em;
    margin-top: -8px;
}

.flame {
    background-color: #E4752E;
    padding: 1em 21px;
    margin-left: -21px;
    margin-right: -22px;
}

.mantis {
    background-color: #75c75c;
    padding: 1em 21px;
    margin-left: -21px;
    margin-right: -22px;
}

.tiffany {
    background-color: #17BEBB;
    padding: 1em 21px;
    margin-left: -21px;
    margin-right: -22px;
}

.selective {
    background-color: #f3b700;
    padding: 1em 21px;
    margin-left: -21px;
    margin-right: -22px;
}

.gonegrey {
    background-color: #cccccc;
    padding: 1em 21px;
    margin-left: -21px;
    margin-right: -22px;
}

.grey {
    background-color: #e5e5e5;
    padding: 1em 0.5em;
}

.bigart .newpicbox {
    margin-left: -7px;
    margin-right: -8px;
}

.userbigpicture {
    font-size: 11px;
    margin-left: 1px;
}

.userbigpicture:first-of-type {
    margin-left: 0;
}

.userbigpicturecomment {
    padding: 4px 6px 12px 6px;
    line-height: 1.3em;
    max-width: calc(100vw - 40px);
}

.userbigpicturecomment B A {
    display: inline;
}

.userbigpicture IMG {
    border: 1px solid #ddd;
    padding: 2px;
    max-width: 968px;
    height: auto !important;
}

.userbigpicture.noborder IMG {
    padding: 0;
    border: 0;
}

.plainuserpicture {
    padding: 8px;
    overflow: hidden;
}

#articlemessages .plainuserpicture
{
    overflow: initial;
}

.plainuserpicture IMG {
    border: 0px;
    display: block;
    margin: auto;
    max-width: 960px;
}


#articlemod
{
    background-color: #29af90;
    color: #fff;
    margin-left: -8px;
    margin-right: -8px;
    padding: 0px 8px 8px 8px;
    margin-top: 1em;
}

#articlemod input
{
    font-size: 12pt;
}

.deathdagger
{

    font-family: "Times New Roman", Times, serif;
}


#articlemod h2
{
    display: inline-block;
}

#articlemod form
{
    display: inline-block;
    margin-left: 40px;
}


.blogitem {
    border: 1px solid #000099;
    padding: 0px;
    background-color: #fff;
}

.blogitem H1 {
    font-size: 15px;
}

.blogitem P {
    padding: 4px;
}

.blogbuttons {
    margin-top: 40px;
    text-align: right;

}

.blogbuttons A {

    margin-right: 6px;
    padding: 8px 20px;
    font-size: 11pt;
    background-color: #008398;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.blogbuttons A:hover {
    background-color: #29af90;
    color: #fff;
    text-decoration: none;
}

#lcclist
{
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #000;
}
#lcclist DIV
{
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 4px;
    border-bottom: 1px solid #eee;
}
.lcclistlevel0
{
    font-weight: bold;
}
#fpblogbox {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
}

#articlemessages
{
    background-color: #ddd;
    margin-bottom: -34px;
    margin-left: -7px;
    margin-right: -7px;
    padding-top: 8px;
    padding-bottom: 16px;
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden;
    display: block;
}


.fpdonate A {
    display: inline-block;

    margin-right: 1em !important;
    width: 347px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    background-color: #f44;

    font-weight: bold;
    color: #ff0 !important;
    display: none;
}

.fpdonate A:hover {
    text-decoration: none;
    color: #f44 !important;
    background-color: #ff0;
}

.auctionpictitle {
    margin-top: -1em;
}

.auctionpicloc {
    margin-bottom: 0.5em;
}

.blogpara {
    padding: 5px;
    line-height: 150%;
}

.ytvideoplayer {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.ytvideoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quoteblock IMG
{
    max-width: 780px !important;
    height: auto;
}

.blogpara IMG, .blogpara VIDEO {
    max-width: 100%;
}

.manualh1 {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-top: 0.5em;
    line-height: 1em;
}

.manualh2 {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 0.5em line-height: 1em;
}

.manexample {
    font-size: 1.2em;
    text-align: center;

    font-weight: 300;
    color: #666;
    letter-spacing: 1px;
}

.blogcomment {
    border: 1px solid #888;
    background-color: #fff;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0.5em;
    line-height: 1.5em;
}

.articletable {
    background-color: #fff;
    border: 1px solid #888;
    width: 100%;
}

.articletable TD, .articletable TH {
    vertical-align: top;
    padding: 0.3em;
}

.gallerytable H2 {
    background-color: #eff;
    color: #000;
    text-align: left;
    font-size: 11pt;
    padding: 3px;
    padding-left: 4px;
    margin-top: 8px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.gallerytable H3 {
    background-color: #eff;
    color: #000;
    text-align: left;
    font-size: 11pt;
    padding: 3px;
    padding-left: 4px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.tbl {
    border-left: 1px solid #eff;
}

.tbr {
    border-right: 1px solid #eff;
}

.tbbl {
    background-color: #eff;
    font-size: 7pt;
    border-left: 1px solid #eff;
    border-bottom: 1px solid #eff;
}

.tbbr {
    background-color: #eff;
    border-bottom: 1px solid #eff;
    border-right: 1px solid #eff;
    font-size: 9pt;
}

.bigplus {
    color: #66cc66;
    font-size: 36px;
    font-weight: bold;
    float: left;
    padding: 2px;
    padding-right: 10px;
    margin: 0px;
}

.additional {
    display: block;
    padding-left: 4px;
    padding-top: 6px;
}

.tbblr {
    border-left: 1px solid #eff;
    border-right: 1px solid #eff;
    border-bottom: 1px solid #eff;
}

.gallerytable {
    width: 974px;
    margin: 3px;
}

.inlineimg {
    vertical-align: middle;
    display: inline-block;
    border: 0px;
    padding-bottom: 4px;
}

.photobox {
    text-align: left;
    background: #fff;
    margin-bottom: 0.5em;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.photobox H1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #DEF7F7;
    margin: 0;
    padding-top: 2px;
    margin-bottom: 12px;
    padding-right: 5px;
    padding-left: 5px;
    color: #000;
    border: 0px;
}

.photobox H1 A {
    color: #005;
}

.photobox IMG {
    border: 3px double #888;
}

.hidrow
{
    display: none;


}

.titlebardark {
    margin: 0px;
    padding: 0px 5px 0px 5px;
    border-collapse: collapse;
    width: 100%;
    background-color: #000;

    height: 80px;
    background-image: url('images/topbardark.gif');
    background-repeat: repeat-x;
}

.titlebardark A {
    padding: 0px;
    margin: 0px;
}

.titlebardark IMG {
    border: 0;
    margin: 0 0 0 6px;
    padding: 0;
}

#footertextdark {
    background-color: #000;
    color: #fff;
    text-align: center;
    width: auto;
    font-size: 9pt;
    padding: 4px;
}

#footertextdark A {
    color: #ccf;
}

#fpblogbox .blogpara H1 {
    text-align: left;
    color: #000;
    border-bottom: 1px solid #eee;
}

#fpblogbox>H1 {
    text-align: left;
    font-size: 18pt;
    font-weight: bold;
    padding: 4px;
}

#fpblogbox H2 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding-top: 8px;
}

#fpblogbox H3 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-top: 8px;
}

#fpblogbox H4 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-top: 8px;
}

#formtoc {
    border: 1px solid #888;
    background-color: #fff;
    width: 700px;
    margin: auto;
}

#formtoc H3 {
    border-bottom: 1px solid #888;
    padding-top: 0px;
    margin-top: 0px;
}

#formtoc UL {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 2px;
}

#formtoc LI {
    font-size: 11pt;
    padding: 3px;
}

.loclistembed
{
    height: 200px;
    overflow-y: auto;''
}

#locexpregionname
{
    display: inline-block;
    margin-left: 1em;
    font-weight: normal;
}


.infothing
{
    width: 2em;
    display: inline-block;
}

.loclistembed table
{
    border-collapse: collapse;
}

.loclistembed td
{
    padding: 1px !important;

}

#favmins, #favusers, #favlocs {
    width: 32%;
    border: 1px solid #aaa;
    height: 220px;
    float: left;
    margin-left: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
}

#favmins H2, #favusers H2, #favlocs H2 {
    background-color: #aaa;
    color: #fff;
    font-size: 10pt;
    padding: 3px;
    margin: 0px;
}

.favlist {
    padding: 0.2em;
    margin: 0px;
    overflow: auto;
    height: 177px
}

.favlist P {
    padding: 3px;
    margin-top: 0px;
}

.favlist A {
    display: block;
    padding: 3px;
    font-weight: bold;
}

.favlist A:hover {
    background-color: #88ccff;
    color: #000;
    text-decoration: none;
}

.floatybuttons {
    float: right;
    margin-right: -8px;
}

.floatybuttons A, .floatybuttons span {
    background-color: #29AF90;

    padding: 3px 6px;
    margin-bottom: 3px;
    border-radius: 3px;
    user-select: none;
    display: block;
    color: #fff;

}

.floatybuttons A:hover, .floatybuttons span:hover {
    background-color: #88ccff;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

#bottomstripdark {
    color: #fff;
    /* border-top: 1px solid #444; */
    clear: both;
    text-align: center;
    padding: 8px 3px;
}

#bottomstripdark INPUT {
    background: #333;
    color: #fff;
    border: 1px solid #ccc;
}

.buttonstrip, .buttonstripdark {
    border-collapse: collapse;
    margin: 4px;
}

.buttonstrip TD, .buttonstripdark TD {
    vertical-align: middle;
    padding-left: 1px;
    padding-right: 0px;
}

.buttonstrip td {
    background-color: #008398;
    border: 1px solid #888;
    font-size: 11px;
    text-align: center;
    padding: 5px;
    margin: 0px;
    cursor: pointer;
}

.buttonstrip td.bbarrow
{
    background-color: #23b5cd;
}

.buttonstrip td:hover {
    background-color: #29af90;
    color: #fff;
}

.buttonstrip td A {
    color: #fff;
    cursor: pointer;
}

.buttonstrip td:hover A {
    color: #fff;
}

.buttonstrip td A:hover, .buttonstripdark td A:hover {
    text-decoration: none;
}

.buttonstripdark td {
    background-color: #888888;
    color: #ccc;
    border: 1px solid #000;
    font-size: 11px;
    text-align: center;
    padding: 5px;
    margin: 0px;
    cursor: pointer;
}

.buttonstripdark td:hover {
    background-color: #A4A0FD;
}

.buttonstripdark td A {
    color: #ddd;
}

.buttonstripdark td:hover A {
    color: #000;
}

.buttonlink {
    border: 1px solid #ccc;
    padding: 3px;
}

.buttonlink:hover {
    background-color: #29af90;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.articleindextable {
    width: 100%;
    border-collapse: collapse;
}

.articleindextable TH {
    padding: 5px;
    border-bottom: 1px solid #000;
}

.articleindextable TD {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    vertical-align: top;
}

.importantbutton {
    padding: 0px;
    margin: 0px;
    background-color: #ececff;
}

.importantbutton A {
    background-color: #ffc;
    color: #f00;
    border: 1px solid #500;
    font-weight: bold;
}

.importantbutton A:hover {
    background-color: #c00;
    color: #fff;
}

.clicky {
    cursor: pointer;
    color: #006699;
}

.clicky:hover {
    color: #ff3399;
}

.banner5 {
    width: 980px;
}

.banner5 img {
    margin: 6px;
    padding: 1px;
    border: 1px solid #000;
}

#theindexpage {
}

.picbox2 {
    display: block;
    width: 416px;
    height: 256px;
    background-color: #dddddd;
    padding-left: 15px;
    margin: auto;
    border: 1px solid #888888;
    clear: both;
}

.picbox3 {
    display: block;
    width: 625px;
    height: 256px;
    background-color: #dddddd;
    padding-left: 15px;
    margin: auto;
    border: 1px solid #888888;
    clear: both;
}

.picbox4 {
    display: block;
    width: 831px;
    height: 256px;
    background-color: #dddddd;
    padding-left: 15px;
    margin: auto;
    border: 1px solid #888888;
    clear: both;
}

.quoteblock {
    clear: both;
    margin: auto;
    display: block;
    width: 785px;
    padding: 15px;
    border: 1px solid #888888;
    background-color: #f8f8f8;
}

.importanttodo {
    display: block;
    Font-family: 'Noto Sans';
    background-color: #ff0;
    font-size: 1.3em;
    padding: 0.4em;
    border-left: 1px solid #f80;
    border-right: 1px solid #f80;
    border-bottom: 1px solid #f80;
}

.importanttodo:first-of-type {
    border-top: 1px solid #f80;
}

.importanttodo:hover {
    background-color: #f80;
    color: #fff;
    text-decoration: none;
}

.nobr {
    white-space: nowrap;
}

.sponsor {
    background-color: #22a;
    font-size: 11pt;
    color: #fff;
    font-weight: bold;
    padding: 4px;
}

.sponsor A {
    color: #88f;
    text-decoration: none;
}

.sponsor A:hover {
    text-decoration: underline;
    color: #eff;
}

.sponsorloc {
    background-color: #66f;
    font-size: 10pt;
    color: #fff;
    font-weight: bold;
    padding: 4px;
}

.sponsorloc A {
    color: #ccf;
    text-decoration: none;
}

.sponsorloc A:hover {
    text-decoration: underline;
    color: #eef;
}

.sponsorlocmsg {
    margin-top: 8px;
    background-color: #eef;
    padding: 5px;
    font-weight: bold;
    margin-left: -4px;
    margin-right: -4px;
}

#searchmain {
    width: 999px;
    margin: auto;
    height: calc(100vh - 160px);
}

#searchoptions {
    height: calc(100vh - 160px);
    width: 350px;

    background-color: #eee;
    border: 1px solid #ccc;
    float: left;
    text-align: left;
    overflow-y: scroll;
}

.bibut
{
    /* width: 32px; */
    user-select: none;
    font-size: 7pt;
    overflow: hidden;
}

#searchoptions table
{
    border-collapse: collapse;
    width: 100%;
}

#searchoptions TD {
    padding: 4px;
}

.astrigger
{
    float: right;
    user-select: none;
    border: 1px solid #ccc;
    padding: 0;
    width: 12px;
    text-align: center;
    cursor: pointer;
    font-family: 'Courier Prime', Courier;
}

.astrigger:hover
{
    background-color: #fff;
}

#unsearchbutton
{
    float: right;

}



#bicanvas
{
    width: 300px;
    height: 30px;
    width: calc(100% - 8px);
    margin-top: -8px;
    margin-bottom: -8px;
    background-color: #fff;
    border: 1px solid #888;
}

#bicanvas2
{
    display: none;

}

#searchdata {
    float: left;
    width: 640px;
    height: calc(100vh - 160px);
    overflow: auto;
    text-align: left;

    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.searchheading {
    font-weight: bold;

    background-color:#29AF90;
    color: #fff;
}

.searchdesc {
    font-size: 8.5pt;
}

.searchsmt {
    font-size: 8pt;
}

.asrw {
    height: 65px;
    padding-left: 2px;
    padding-top: 1px;
    border-bottom: 1px solid #888;
}

.asrw A {
    display: block;
    width: 100%;
    height: 64px;
    overflow: hidden;
}

.noimg64
{
    display: inline-block;
    width: 64px;
    background-color: hsla(0, 0%, 80%, 1);
    height: 64px;
    float: left;
    margin-right: 6px;
}

.asrw A:hover {
    text-decoration: none;
    background-color: #b1d0ff;
    color: #008;
}

.asrw IMG {
    width: 64px;
    height: 64px;
    float: left;
    border: 0px;
    margin-right: 6px;
}

.redtext {
    color: #c00;
}

.searchmatch {
    float: right;
    font-weight: bold;
}

.spag {
    text-align: center;
    border-bottom: 1px solid #888;
}

.spag TABLE {
    width: 615px;
    margin-bottom: 1px;
}

.spag TD {
    text-align: center;
}

.spag TH {
    width: 64px;
}

.spag A {
    padding: 3px;
}

.spag A:hover {
    text-decoration: none;
    background-color: #fc0;
    color: #000;
}

.searchmessage {
    padding: 4px;
}

#searchpopup {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 450px;
    width: 350px;
    overflow: hidden;
    border: 1px solid #000;
    background-color: #d8f0f0;
}

#spopmin {
    font-size: 12pt;
    font-weight: bold;
    padding-top: 4px;
}

#searchpopup IMG {
    border: 1px solid #000;
}

#spoptext {
    text-align: left;
    margin: 4px;
}

.aucred {
    color: #800;
}

.aucgrn {
    color: green;
}

.auctionaddmsg {
    padding: 4px;
    background-color: #f2FfFf;
    font-size: 9pt;
}

.auctionaddmsg TEXTAREA {
    width: 708px;
    height: 50px;
}

.acbox {
    background-color: #def7f7;
    border-bottom: 1px solid #888;
    padding: 4px;
    font-size: 9pt;
}

.acboxvendor {
    background-color: #f7f7ae;
    border-bottom: 1px solid #888;
    padding: 4px;
    font-size: 9pt;
}

.acintro {
    padding: 4px;
    font-size: 9pt;
    border-bottom: 1px solid #888;
}

.acdate {
    float: right;
}

.acmsg {
    display: block;
    clear: both;
    background-color: #f8f8f8;
    border: 1px solid #888;
    margin: 0px;
    padding: 4px;
    margin-top: 4px;
}

.acbuttons UL {
    margin: 0px;
    padding: 0px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.acbuttons li {
    display: inline;
}

.acbuttons A {
    border: 1px solid #888;
    padding: 2px;
    background-color: #eef8ff;
    color: #000;
    font-weight: bold;
}

.acbuttons A:hover {
    background-color: #0cf;
    color: #fff;
    text-decoration: none;
}

.macrostat {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
}

.macrostat td {
    padding: 6px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.macrosmall {
    font-size: 11px;
    margin-top: 0.6em;
}

.macrostat P {
    padding: 0;
}

.links00 A {
    color: #000 !important;
}

.linksff A {
    color: #fff !important;
}

.filters, #filters {
    border: 1px solid #ccc;
    padding: 4px;
    margin-top: 1em;
    background-color: #eee;
    display: none;
}

.filters h2, #filters h2 {
    padding: 0;
    margin: 0 0 0.5em 0;
    font-size: 10pt;
}

.filters span, #filters span {
    border: 1px solid #888;
    padding: 2px 4px;
    cursor: pointer;
    font-size: 9pt;
    background-color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    line-height: 2em;
    display: inline-block;
    margin-top: 0.5em;
}

.filters p, #filters p {
    float: right;
    color: #039;
    padding: 0;
    margin: 0;
}

.filters p:hover, #filters p:hover {
    cursor: pointer;
    color: #f88;
    text-decoration: underline;
}

.filters span:hover, #filters span:hover {
    background-color: #ffc;
}

.filters .on, #filters .on {
    background-color: #f00;
    color: #fff;
}

.filters .on:hover, #filters .on:hover {
    background-color: #f55;
    color: #ffc;
}
.filters .off, #filters .off {
    background-color: #000;
    color: #fff;
}
.filters .off:hover, #filters .off:hover {
    background-color: #444;
    color: #fff;
}

#regtable {
    width: 100%;
    background-color: #eef8ff;
}

.scrollyboxy {
    max-height: 180px;
    overflow-y: scroll;
    border: 1px solid #f0f0f0;
    padding: 0px;
}

.scrollyboxy>table {
    margin: -1px;
}

#liveupdate {

    border: 1px solid #ccc;



}

.hpboxes1 #liveupdate
{
    overflow: hidden;
}

#liveupdate .luouter {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

#liveupdate .luinner {
    padding: 3px 3px 1px 3px;
    margin-left: 70px;
}

#liveupdate span {
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    max-width: 80%;
}

#liveupdate img {
    position: relative;
    width: 64px !important;
    height: 64px !important;
    margin-left: -68px;
    margin-right: 4px;
}

#liveupdate .ludate {
    float: right;
    font-weight: bold;
    color: #444;
}

.olangtab {
    margin: -2px;
    width: 100%;
}

.olangtab TR {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
}

.olangtab TH {
    vertical-align: top;
    text-align: right;
    padding: 2px;
    width: 30%;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
}

.olangtab TD {
    padding: 2px;
    width: 70%;
    vertical-align: top;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
}

.clickyp {
    font-size: 16px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.clickyp:hover {
    text-decoration: none;
    background-color: #00c;
    color: #fff;
}

.lemlpseudoth {
    margin: 0;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 10px;
}

.diagrambox {
    border: 1px solid #ccc;
    margin: auto;
    display: inline-block;
    padding: 3px;
    text-align: center;
    width: min-content;
    margin-bottom: 2em;
    margin-right: 4px;
    vertical-align: top;
}

.diagrambox P {
    background-color: #eee;
    margin: 4px -3px -3px -3px;
    padding: 4px;
    font-size: 8pt;
    border-top: 1px solid #ccc;
    text-align: left;
    min-height: 2.5em;
}

.grouptable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.grouptable>tbody>tr>td {
    padding: 4px;
    border: 1px solid #d3d3d3;
    word-wrap: break-word;
    vertical-align: middle;
}

.grouptable3 {
    width: 100%;
    border-collapse: collapse;
}

.grouptable3>tbody>tr>td {
    padding: 4px;
}

.grouptable2 {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

.grouptable2 TD {
    padding: 0;
    vertical-align: top;
}

.gtm {
    padding: 0 4px 4px 0;
}

.MDbuttons {
    color: black;
    background-color: white;
    font-size: 12px;
    border: 1px solid black;
    padding: 1px;
    margin-bottom: 4px;
    text-align: center;
    cursor: pointer;
}

.auction {
    padding-left: 6px;
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.auctionbold {
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    background-color: #b5b7b9;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    margin-top: 0.5em;
}

.auctiondesc {
    margin-top: 0.5em;
}

.auctiondiv {
    border: solid 1px #a2f2f2;
}

.auctionrow, .auctionrow2 {
    background-color: #fcfcfc;
}

.auctionrow TH, .auctionrow2 TD {
    border-bottom: 1px solid #CCC;
}

.auctionrow TH IMG, .auctionrowb TH IMG {
    border: 1px solid #add;
}

.auctionrowb,.auctionrow2b {
    background-color: #f8f8f8;
}

.auctionrowb TH, .auctionrow2b TD {
    border-bottom: 1px solid #add;
}

.auctionplain, .auctionplain:VISITED {
    font-size: 13px;
    color: #00f;
}

.auctionpic {
    display: block;
    float: left;
    width: 400px;
    padding: 0px;
    padding-right: 2em;
    margin-right: 0em;
    margin-top: 1em;
    background-color: #fff;
}

.auctionpic IMG {
    border: 0px;
    margin-top: 22px;
}

.auc_title {
    font-size: 18px;
    font-weight: bold;
    padding-top: 1em;
    margin-bottom: 2em;
    padding-bottom: 16px;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    color: #fff;
    background-color: #008398
}

.auctionbigpic {
    padding: 0px;
    margin: 0px;
}

.auctionsmallpics {
    width: 100%;
    display: block;
}

.auctionsmallpics A {
    display: block;
    width: 69px;
    height: 69px;
    margin-right: 1px;
    float: left;
}

.auctionsmallpics IMG {
    position: absolute;
    width: 69px;
    height: 69px;
    border: 0;
    opacity: 0.8;
    margin-top: 0px;
}

.auctionsmallpics IMG:hover {
    background-color: #004;
    position: absolute;
    width: 84px;
    height: 84px;
    margin-left: -9px;
    margin-top: -9px;
    margin-right: -9px;
    margin-bottom: -9px;
    padding: 1px;
    z-index: 100;
    opacity: 1;
}

.boxme
{
    display: inline-block;
    border: 1px solid #000;
    padding: 0px 4px 0px 4px;
    text-align: center;
    border-radius: 0.2em;
    background-color: #444;
    color: #fff;
}

.boxme IMG
{
    width: 1em;
    height: 1em;
    border: 0;
    top: 1px;
    position: relative;
}

.keyme
{
    border: 1px solid #ccc;
    padding: 0px 4px 0px 4px;
    text-align: center;
    border-radius: 0.2em;
    font-weight: bold;
    color: #000;
    background-color: #ffd

}


.button {
    border: 1px solid #000;
    background-color: #def7f7;
    padding: 4px;
}

.button:hover {
    background-color: #a4a0fd;
    color: #fff;
    text-decoration: none;
}

.mindatadiv .newpicbox {
    margin-left: 3px;
}

.padder4 .newpicbox {
    margin-left: -0px !important;
}

.photosearchmsg {
    padding: 15px;
}

.placebid {
    background-color: #6aaaff;
    border: 1px solid #888;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    margin-left: 1px;
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.placebid:hover {
    background-color: #00f;
    color: #fff;
}

#auctiontable {
    border: 1px solid #c9f2ff;
    padding: 0px;
    margin: 0px;
}

#searchtext {
    width: 168px;
}

#auctiontable TABLE {
    margin: 0px;
    border-collapse: collapse;
    border-top: 1px solid #c9f2ff;
    border-left: 1px solid #c9f2ff;
}

#auctiontable TH {
    background-color: #e9f7ff;
    padding: 4px;
    border-bottom: 1px solid #e9f7ff;
    border-right: 1px solid #e9f7ff;
    font-weight: normal;
}

#auctiontable TD {
    background-color: #F8FDFF;
    padding: 4px;
    border-bottom: 1px solid #e9f7ff;
    border-right: 1px solid #e9f7ff;
}

#auctiontable H3 {
    background-color: #c9f2ff;
    padding: 4px;
    margin: -4px;
    margin-bottom: 6px;
}

#bidarea {
    display: block;
    background-color: #ddd;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 1em;
}

#bidprice {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0.5em;
}

#bidprice span {
    font-size: 10pt;
    font-weight: normal;
    padding-left: 10pt;
    color: #050;
}

#newindex {
    width: 980px;
    margin: auto;
}

#newindexleft {
    float: left;
    width: 182px;
    margin-right: 4px;
    margin-top: -1px;
}

#newindexright {
    float: right;
    width: 182px;
    margin-left: 4px;
    margin-top: -1px;
}

#bid #newindexcent {
}

.newcentrebox {
    width: 610px;
    border: 1px solid #add;
    padding: 4px;
    margin-left: 0px;
    text-align: left;
    font-size: 12px;
    min-height: 183px;
    margin-bottom: 3px;
}

.newcentrebox H1 {
    background-color: #DAF8F7;
    margin-top: -4px;
    margin-left: -4px;
    margin-right: -4px;
    border-bottom: 1px solid #add;
    text-align: left;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
}

.fpbanner {
    margin-top: 1px;
    border: 1px solid #add;
}

#fpsearchbox {
    background-color: #EFFBFF;
}

#fpsearchsubmit {
    border: 1px solid #add;
    background-color: #DAF8F7;
    font-size: 10pt;
    cursor: pointer;
}

#fpsearchsubmit:hover {
    background: #26f;
    color: #fff;
}

.registerctrls {
    width: 400px;
    font-size: 11pt;
}

.registersub {
    width: 350px;
    font-size: 12pt;
    background-color: #cff;
    padding: 6px;
}

.registersub:hover {
    background-color: #008;
    color: #cff;
    cursor: pointer;
}

.regihide {
    display: none;
}

.regdiv {
    padding: 12px 1px;
}

.registerctrls[type='radio'], .registerctrls[type='checkbox'] {
    width: auto;
}

TEXTAREA.registerctrls {
    width: 400px;
    height: 180px;
}

#locinfodiv

{display: inline-block;column-count: 2;}

.hascorprow
{
    column-count: 1 !important;
}

.LFtb
{
    break-inside: avoid;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: -1px;


}

.LFtr
{   margin: 4px;
    border: 1px solid #ccc;
    display: table-row;
    width: 420px;


}

.LFth
{
    display: table-cell;
    width: 180px;
    background-color: #f0f0f0 !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding: 4px;
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: -1px;
    margin-right: -1px;
}

.LFthd
{
    display: table-cell;
    width: 288px;
    background-color: #f0f0f0 !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding: 4px;
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: -1px;
    margin-right: -1px;
}
.LFtd
{
    width: 288px;
    background-color: #fff !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    display: table-cell;
    padding: 4px;
    font-size: 9pt;
    margin-bottom: -1px;
    margin-right: -1px;
}

.LFsmall
{
    margin-top: 5px;
    font-size: 7pt;
}


.LPminorlang
{
    display: none;
}


.LFtdh
{
    width: 180px;
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    display: table-cell;
    padding: 4px;
    font-size: 9pt;
    margin-bottom: -1px;
    margin-right: -1px;
}

.csdselected TD
{
    background-color: #ffc !important;
}

.pdfviewbutton
{
    user-select: none;
    background-color: #f80;
    color: #fff !important;
    padding: 1px 4px;
    border-radius: 4px;
    font-weight: bold;
    border: 1px solid #f80;
    white-space: nowrap;
}
.pdfviewbutton:hover
{
    background-color: #ff0;
    color: #000 !important;
    text-decoration: none;
}
#jmolitems
{
    min-width: 800px;
    margin: 0;
}

#yesplease
{
    font-size: 8pt;
    padding: 1px 2px;
    margin-bottom: 8px;
}
#amcsdlink
{
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 4px;
}

#jmolitemswrap
{
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 300px;
    border: 1px solid #ccc;
    padding: 0;
}


#cifviewer
{
    display: none;
}

#cifviewer textarea
{
    width: 100%;
    height: 200px;
}
#cifviewer B
{
    width: 100%;

    display: block;
    margin-top: 8px;
}

table.mindattable {
    margin: 4px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;

}



.reflect_highlight TD, .xrd_highlighted-row TD
{
    background-color: #ffd !important;
}

#xrdplot {



    min-height: 300px;
}

#xrdplot p {
    color: #666;
}

.xrdtable {
    max-height: 400px;
    /* overflow-y: auto; */
    border-bottom: 1px solid #ccc;
    display: block;
}

.xrdtable thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.xrdtable tbody {
    display: block;
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
}

.xrdtable th, .xrdtable td {
    padding: 0.5em;
    text-align: left;
    width: 25%;
    box-sizing: border-box;
}

#peak_inputs input {
    width: 80px;
}


.xrd_radio_group {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin: 0;
}

.xrd_radio_group label {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.xrd_radio_group input[type="radio"] {
    margin: 0 !important;
    padding: 0 !important;
    width: 16px !important;
    height: 16px;
    accent-color: #007bff;
    vertical-align: middle;
}


#messageyears
{
    width: 642px;
    margin-left: -17px;
    margin-top: -1px;
    margin-bottom: -16px;

}

#corpsponsormin img
{
    max-height: 100px;
}

table.mindattabledark {
    margin: 4px;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-collapse: collapse;

}

table.mindattable.embedded
{
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;

}

table.mindattable.embedded th
{
    background-color: #f0f0f0 !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}

table.mindattable.embeddedsmall
{
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-top: -5px;
    margin-right: -5px;
    margin-bottom: -5px;
}
.loclistembed table.mindattable.embeddedsmall
{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

#xrd_d_spacing
{
    column-count: 5;
}
table.mindattable thead
{
    break-inside: avoid;
}
table.mindattable.embeddedsmall td, table.mindattable.embeddedsmall th
{
    font-size: 10px !important;
}

table.mindattable.embedded td
{

    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    font-size: 10pt;
}

table.mindattable.embedded select, table.mindattable.embedded input
{
    font-size: 12px !Important;
}
/* bugs */

.bugrowp_fixed TD
{
    background-color: #7dff0042 !important;
}

.bugrowp_10 TD
{
    background-color: #ffb90024 !important;
}


.bugrowp_20 TD
{
    background-color: #ff380033 !important;
}

.bugrowp_30 TD
{
    background-color: #ff00003b !important;
}

.bugrowp_99 TD
{
    background-color: #e20000 !important;
    color: #ffc;
}

.bugrowp_99 TD A
{
    color: #ff8;
}

.bugrowp_40 TD
{
    background-color: #ff003e63 !important;

}

.bugrowp_40 TD A, .bugrowp_0 TD A, .bugrowp_10 TD A, .bugrowp_20 TD A, .bugrowp_30 TD A
{
    color: #008;
}




/* for those multicoloured tables */
.unicornvomit A
{
    color: #0000dd;
}
.unicornvomit A:hover
{
    color: #ff00dd;
}


.hoveryrow:hover TD
{
    background-color: #ffc !important;
    cursor: pointer;
    user-select: none;
}

.mindattable TD
{
    text-align: left;
    word-break: break-word;
}

.ref_merge_auto
{
    cursor: pointer;
}
.ref_merge_auto:hover
{
    background-color: #cff;
}
.nowordbreak
{
    word-break: normal !Important;
    white-space: nowrap;
}

.mincompany {
    width: 100%;
    margin-left: 0px !important;
}

.mincompany DIV {
    line-height: 2em;
    font-size: 9pt;
    column-count: 2;
}

.mincompany DIV P {
    margin: 0;
}

.minpageadjust {
    margin-left: 0px !important;
}

table.mindattable TR {
}

table.mindattable th {
    margin: 0;
    background-color: #f0f0f0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}


table.mindattabledark th {
    margin: 0;
    background-color: #ccc;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}


.mindattable th SPAN {
    color: #000;
    font-weight: normal;
}

#norefsadded
{
    padding: 8px 0px 0px 8px;
}
#macrostratdata td
{
    border: 1px solid #888 !important;
}

.buttonassubmit
{
    padding-top:4px;
    padding-bottom: 3px;
    background-color: #ffc;
    border: 1px solid #888;
    border-radius: 2px;
    cursor: pointer;
}
.buttonassubmit:hover
{
    background-color: #ff8;
}

#macrostratdata th
{
    word-break: normal;
    background-color: #eee !important;
    border: 1px solid #888 !important;
}

table.mindattable td {
    background-color: #fcfcfc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    font-size: 11px;
    vertical-align: top;
}

table.mindattabledark td {
    background-color: #fcfcfc;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    background-color: #eee;
    padding: 4px;
    font-size: 11px;
    vertical-align: top;
}

.leaflet-control-layers-selector
{
    width: initial !important;
}


table.mindattable table td, table.mindattable table th {
    border: 0;
}

table.mindattable table.mindattable2 th {
    background-color: #f0f0f0;
    color: #000;
}

table.mindattable table.mindattable2 {
    border-left: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

table.mindattable table.mindattable2 td, table.mindattable table.mindattable2 th {
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
}

.mgrey {
    background-color: #f0f0f0 !important;
    padding: 0 !important;
}

table.mindattable2 {
    margin: 4px;
    border-collapse: collapse;
    border-left: 1px solid #cfe7ff;
    border-bottom: 1px solid #cfe7ff;
}

table.mindattable2 th {
    background-color: #CFE7FF;
    border-right: 1px solid #cfe7ff;
    border-top: 1px solid #cfe7ff;
    color: #0063CE;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

.mindattable2 th SPAN {
    color: #000;
    font-weight: normal;
}

table.mindattable2 td {
    background-color: #fff;
    border-right: 1px solid #cfe7ff;
    border-top: 1px solid #cfe7ff;
    padding: 4px;
    font-size: 11px;
    vertical-align: top;
}

table.mindattable3 {
    margin: 4px;
    border-collapse: collapse;
    border-left: 1px solid #aadddd;
    border-bottom: 1px solid #aadddd;
}

.mindattable3>tbody>tr>th {
    background-color: #def7f7;
    border-right: 1px solid #aadddd;
    border-top: 1px solid #aadddd;
    color: #0063CE;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

.mindattable3>tbody>tr>th SPAN {
    color: #000;
    font-weight: normal;
}

.mindattable3>tbody>tr>td {
    background-color: #fff;
    border-right: 1px solid #aadddd;
    border-top: 1px solid #aadddd;
    padding: 4px;
    font-size: 11px;
    vertical-align: top;
}

.geochronth {
    border: 0 !important;
    font-weight: normal !important;
}

.geotimetear td {
    position: relative;
    height: 12px;
    border: 0 !important;
    background-color: #f0f0f0;
    background-image: url(/img/toptear2.png);
    background-size: 20px 27px;
    background-repeat: repeat-x;
    font-size: 4px;
    line-height: 0;
}

.geotimetear2 td {
    position: relative;
    height: 12px;
    padding: 0;
    border: 0 !important;
    background-color: #f0f0f0;
    background-image: url(/img/toptear3.png);
    background-size: 20px 16px;
    background-repeat: repeat-x;
    line-height: 0;
}

.timetable {
    width: 100%;
}

.geocmin {
    width: 200px;
}

.geocage {
    text-align: right;
    width: 100px;
}

.catshowtable {
    width: 972px;
    border: 1px solid #000;
    background-color: #f2f6ff;
    margin: 4px;
}

.catshowtable TD {
    vertical-align: top;
}

#auctionstatus {
    display: block;
    background-color: #f8ffff;
    width: auto;
    margin-left: -1px;
    margin-top: 1em;
    padding: 4px;
    color: #000;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

#auctionstatus H1 {
    background: none;
    padding: 0px;
    font-size: 12pt;
    color: #f20;
    text-decoration: underline;
    padding-bottom: 8px;
}

.auctiontest {
    background: #f00;
    color: #ff0;
    font-weight: bold;
    padding: 5px;
    font-size: 11pt;
}

.fivemsgbox {
    height: 123px;
    overflow: hidden;
}

#topstats {
    font-size: 11px;
    color: #444;
    padding: 0px;
}

#topannounce {
    padding: 0px;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 12px;
    color: #800;
}

#logintable {
    margin: auto;
    width: 70%;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 12px;
}

#locminlist {
    clear: both;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 990px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 4px;
    border-collapse: collapse;
}

#locminlist TD {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 25%;
    vertical-align: top;
    padding: 6px;
    line-height: 1.5em;
}

#locminlist A {
    display: block;
    float: left;
}

.lli2 {
    float: right;
    margin-left: 0.5em;
}

.lli2:hover, .lli:hover {
    text-decoration: none;
}

#newlocminlist P, #newlocrocklist P, #newloccomlist P, #newlocfosslist P {
    padding: 0;
    padding-left: 3em;
    margin: 0;
}

@-moz-document url-prefix() {
    #newlocminlist P, #newlocrocklist P, #newloccomlist P, #newlocfosslist P {
        display: table;
    }
}

.bigsubmitbutton {
    background-color: #4050ff;
    color: #fff;
    margin-top: 1em;
    padding: 5px 15px;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 11pt;
}
.bigsubmitbuttondisabled {
    background-color: #ccc;
    color: #fff;
    margin-top: 1em;
    padding: 5px 15px;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 11pt;
}

.bigsubmitbutton:hover {
    cursor: pointer;

    text-decoration: none;

    background-color: #a4a0fd !important;
    color: #fff !important;
}

.submitcolour
{
    background-color: #4050ff;
    color: #fff !important;
}

A.bigsubmitbutton {
    color: #fff;
}

.le {
    background-image: url("images/info.gif");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: relative;
    margin-left: -2.8em;
    float: left;
    display: block;
}

.gold
{
    color: #ea0 !important;
    font-size: 12pt !important;
    margin-top: -1px;

}

.silver
{
    color: #aaa !important;
    font-size: 12pt !important;
    margin-top: -1px;

}

.le2 {
    border-radius: 50%;
    background-repeat: no-repeat;
    margin-left: -34px;
    position: relative;
    float: left;
    font-weight: bold;
    display: block;
    position: relative;
    float: left;
    font-size: 9pt;
}

.le2:hover {
    opacity: 1;
    text-decoration: none;
}

.ls {
    background-image: url("images/silver_star.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    margin-right: 5px;
    position: relative;
    margin-left: -2.5em;
    float: left;
    display: block;
}

.lg {
    background-image: url("images/gold_star.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    margin-right: 5px;
    position: relative;
    margin-left: -2.5em;
    float: left;
    display: block;
}

.cm {
    background-image: url("images/camera.gif");
    background-repeat: no-repeat;
    width: 12px;
    height: 9px;
    margin-top: 7px;
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    display: block;
    position: relative;
    margin-left: -1.2em;
}

.mt {
    background-image: url("images/m-t2x.png");
    background-repeat: no-repeat;
    background-size: 8px 13px;
    width: 8px;
    margin-left: -15px;
    height: 13px;
    margin-top: 1px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}

.fot {
    background-image: url("images/f-t2x.png");
    background-repeat: no-repeat;
    background-size: 8px 13px;
    width: 8px;
    margin-left: -15px;
    height: 13px;
    margin-top: 1px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}
.mtm {
    background-image: url("images/m-t2x.png");
    background-repeat: no-repeat;
    background-size: 8px 13px;
    width: 8px;
    height: 13px;
    margin-top: 1px;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}

.mt2 {
    background-image: url("images/m-t2x.png");
    background-repeat: no-repeat;
    background-size: 8px 13px;
    width: 8px;
    margin-left: -29px;
    height: 13px;
    margin-top: 1px;
    margin-right: -16px;
    display: block;
    float: left;
    clear: left;
}

.meteor {
    background-image: url("images/met-t2x.png") !important;
}

.bc {
    background-image: url("images/cbox.gif");
    background-repeat: no-repeat;
    width: 11px;
    margin-left: -16px;
    height: 11px;
    margin-top: 2px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}

.bc2 {
    background-image: url("images/cbox.gif");
    background-repeat: no-repeat;
    width: 11px;
    margin-left: -16px;
    height: 11px;
    margin-top: -11px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}

.bm {
    background-image: url("images/mbox.gif");
    background-repeat: no-repeat;
    width: 11px;
    margin-left: -16px;
    height: 11px;
    margin-top: 2px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}

.bm2 {
    background-image: url("images/mbox.gif");
    background-repeat: no-repeat;
    width: 11px;
    margin-left: -16px;
    height: 11px;
    margin-top: -11px;
    margin-right: 5px;
    display: block;
    float: left;
    clear: left;
}

#tagimg {
    height: 400px;
}

#adiv1 {
    display: absolute;
}

#arrowtable TD {
    vertical-align: top;
}

.breadcrumb {
    display: block;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    width: auto;
    margin-bottom: 4px;
    margin-top: -4px;
    margin-left: -4px;
    margin-right: -4px;
}

.museumpic {
    padding: 4px;
    border: 0;
}

.unformat TABLE TD {
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0;
}

#auctioncounts {
    margin-top: 8px;
}

.picpreviewbox {
    border: 1px solid #888;
    background-color: #eee;
    float: left;
    font-size: 10px;
    padding-top: 4px;
    width: 210px;
    margin: 12px;
    text-align: center;
}

.picpreviewbox B {
    display: block;
    height: 50px;
    overflow: hidden;
}

.calendar {
    margin: 0;
    padding: 0;

    font-size: 1em;
}

.calendar caption {
    margin: 0;
    padding: .3em 0;
    background: #DAF5F5;
}

.calendar th {
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    background: #fff;
}

.calendar td {
    border: 1px solid #fff;
    padding: .1em .3em ;
    width: 1.5em;
    text-align: center;
}

.calendar a {
    color: #000;
    text-decoration: none;
}

.calendar td.today {
    background: #ffc;
}

.calendar td.selected {
    border: 1px dotted #ff7800;
}

.calendar td.highlighted {
    background: #fc9;
}

.calendar td:hover, .calendar td.today:hover, .calendar td.selected:hover, .calendar td.highlighted:hover {
    background: #cff;
    border: 1px solid #09f;
}

table.calendar td.pad {
    color: #999;
    background: #fff;
}

table.calendar td.pad:hover {
    background: none;
    border: 0;
}

.sunday, .saturday {
    background: #f0f0f0;
}

#year {
    padding: 0;
    width: 500px;
    list-style: none;
}

#year:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#year li {
    float: left;
    padding: 0 .5em .5em 0;
    height: 150px;
}

.rssimg {
    width: 21px;
    height: 21px;
}

.siteimg {
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.listcompanylogo
{
    width: 48px;
    height: 32px;
    object-fit: contain;
}

.bigli .siteimg {
    width: 80px !important;
    height: 80px !important;
}

ul.ddmenu, ul.ddmenu li, ul.ddmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #def7f7;
}

ul.ddmenu {
    margin-bottom: 4px;
}

ul.ddmenu li A, ul.ddmenu li span, ul.ddmenu li B {
    display: block;
    width: auto;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -4px;
    margin-bottom: -4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

ul.ddmenu li A:hover {
    text-decoration: none;
    color: #fff;
    background-color: #a4a0fd
}

ul.ddmenu {
    position: relative;
    z-index: 597;
    float: left;
}

ul.ddmenu li {
    float: left;
    font-size: 9pt;
    vertical-align: middle;
    zoom: 1; padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-right: 1px;
}

ul.ddmenu li.hover, ul.ddmenu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

ul.ddmenu ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 598;
    width: 180px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}

ul.ddmenu ul.photomenu {
    width: 240px;
}

ul.ddmenu ul li {
    float: none;
    border-top: 0px;
    border-bottom: 0px;
}

ul.ddmenu li:hover > ul {
    visibility: visible;
}

ul.ddmenu span {
    color: #003399;
}

ul.ddmenu li:hover > a ul.ddmenu span:hover, ul.ddmenu li:hover li, ul.ddmenu li:hover span {
    text-decoration: none;
    color: #fff;
    background-color: #a4a0fd
}

ul.ddmenu li li A {
    background-color: #f8ffff;
}

ul.ddmenu B {
    background-color: #c4c0ff
}

#locrightbarpad {
    margin: 0px;
    padding: 5px;
    margin-right: -4px;
    margin-top: -4px;
    background-color: #fff;
    float: right;
}

#locrightbar {
    float: right;
    margin: 0px;
    padding: 5px;
    padding-top: 0px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.lrbox {
    width: 200px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 4px;
    margin: auto;
    margin-top: 5px;
    font-size: 8pt;
}

.lrbox IMG {
    border: 0;
}

.locdetailed {
    width: 100%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
}

.locdetailed TD {
    vertical-align: top;
    padding: 4px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.locdetailed TD>div {
    margin-bottom: 0.3em;
    display: table-row;
    vertical-align: top;
}

.locdetailed .refshowbox {
    display: block;
    margin-left: -36px;
}

.locdetailedlocbox .refshowbox {
    display: block;
    margin-left: 0px;
}

.locdetailed TD > div > b {
    min-width: 90px;
    display: table-cell;
    vertical-align: top;

}



.locdetailedlocbox {
    display: inline-block;
    vertical-align: top;
}

.detailedlistpic {
    float: right;
    text-align: left;
    padding-right: 0.5em;
}

.detailedlisthead {
    font-size: 1.3em;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0.5em !important;
    margin-top: 0.4em;
}

.ltop {
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    height: 1em;
    font-size: 12pt;
}

.ltop A {
}

TD.phcredits {
    font-size: 8pt;
    vertical-align: bottom;
}

.lphup {
    width: 210px;
    text-align: center;
}

#sublocaz {
    margin: 0px;
    padding: 0px;
}

#sublocaz LI {
    margin: 0px;
    padding-top: 4px;
}

.bigphoto {
    width: 202px;
    background-color: #def7f7;
    border: 1px solid #aadddd;
    padding: 4px;
    font-size: 11px;
}

.bigphoto IMG {
    border: 0;
    width: 200px;
    height: 200px;
    border: 1px solid #aadddd;
}

.bigphoto A {
    display: block;
    padding-bottom: 3px;
}

.unptable {
}

.unptable TD {
    padding: 5px;
    border: 1px solid #aaa;
}

.unprocdiv {
    height: 15px;
    padding: 0px;
    margin: 0px;
    width: 100px;
}

.unpexpand {
    background-image: url("images/expand.gif");
    width: 13px;
    height: 13px;
    display: block;
    float: left;
}

.unpdelete {
    background-image: url("images/delete.gif");
    width: 13px;
    height: 13px;
    display: block;
    float: right;
}

.unpcomplete {
    background-image: url("images/complete.gif");
    width: 100px;
    height: 13px;
    display: block;
}

.sponsoredpages {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.sponsoredpages TD {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
}

#minfindsales {
    width: 100%;
    padding: 0px;
    background-color: #446;
    height: 106px;
    overflow: hidden;
}

.minfindbox {
    float: left;
    padding: 4px;
    padding-right: 0px;
}

.minfindbox IMG {
    background-color: #000;
    width: 90px;
    height: 90px;
    border: 1px solid #fff;
    padding: 3px;
}

.articlebook {
    float: left;
    margin-right: 11px;
    margin-bottom: 10px;
    border: 1px solid #000;
    width: 303px;
    height: 109px;
    padding: 5px;
    padding-top: 0px;
    background-color: #fff;
    line-height: 1em;
}

.articlebook IMG {
    float: left;
    border: 1px solid #888;
    padding: 1px;
    margin-top: 5px;
    margin-right: 20px;
}

#conferencebox h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #032800;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #ffba00;
    width: 100%;
    background-image: none;
}

#conferencebox div {
    background-image: url("/images/conferencebg.png");
    height: 208px;
    color: #fff;
    padding-left: 136px;
    padding-right: 5px;
    padding-top: 8px;
}

#conferencebox UL {
    margin-top: 10px;
    margin-bottom: 15px;
    height: 110px;
}

#conferencebox LI {
    padding-bottom: 6px;
}

#conferencebox A {
    display: block;
    width: auto;
    text-decoration: underline;
    color: #acf;
    margin-left: -110px;
    font-size: 18px;
    text-align: center;
}

#conferencebox A:hover {
    color: #cef;
}

.timeline {
    overflow-y: scroll;

}

.fdrow {
    padding: 3px;
    font-size: 11px;
    height: 32px;
    border-bottom: 1px dotted #ccc;
}

.fddate {
    padding: 3px;
    font-size: 11px;
    border-bottom: 1px dotted #ccc;
}

.fdrow IMG {
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    margin-right: 5px;
}

.fdrow SPAN {
    display: block;
    color: #999;
}

.fdrow SPAN A {
    color: #999;
    text-decoration: underline;
}

.fdrow SPAN A:hover {
    color: #ff3399;
}

.fddate {
    padding-top: 8px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 11px;
}

#donatebox h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #f4cabd;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #af2000;
    width: 100%;
    background-image: none;
}

#donatebox div {
    background-image: url("/images/donatebg.png");
    height: 208px;
    color: #333;
    padding-left: 116px;
    padding-right: 5px;
    padding-top: 8px;
    text-align: justify;
}

#donatebox UL {
    margin-top: 10px;
    margin-bottom: 15px;
    height: 110px;
}

#donatebox LI {
    padding-bottom: 6px;
}

#donatebox A {
    display: inline;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
    color: #33c;
    height: auto;
    vertical-align: top;
    background-color: #fdfdfc;
}

#donatebox SPAN {
    font-size: 10.5px;
    height: 153px;
    display: block;
}

#donatebox I {
    display: block;
    width: auto;
    text-align: center;
    font-size: 10.5px;
    margin-left: -110px;
    padding-top: 10px;
}

#donatebox A:hover {
    color: #66f;
    background-color: #fdfdfc;
}

#sponsorship {

    padding: 5px;
    text-align: right;
    font-size: 13px;

}

#sponsorship A {
    font-weight: bold;
}

.chemaltable {
    border-collapse: collapse;
}

.chemaltable td {
    border: 1px solid #aaa;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
}

#mindattb {
    height: 21px;
    position: fixed;
    text-align: right;
    bottom: 0px;
    width: auto;
    left: 15px;
    right: 15px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    z-index: 96;
    font-size: 0.8em;
    background-color: #66a;
    color: #fff;
    border-radius: 12px 12px 0px 0px;
    padding: 4px;
    background-image: -moz-linear-gradient(#2F2727, #66a);
    background-image: -webkit-linear-gradient(#2F2727, #66a);
    background-image: linear-gradient(#2F2727, #66a);
}

#mindattb IMG {
    border: 0;
}

#leftside {
    float: left;
}

#mdtblogo {
    float: left;
    margin-left: 5px;
    margin-top: -3px;
    margin-right: 0px;
}

#mdtbhome {
    margin-top: -2px;
}

#mdtbsearch, #mdtblbox {
    display: block;
    height: 25px;
}

.mdtbbuttonleft {
    display: block;
    float: left;
    margin-left: 2px;
    margin-right: -3px;
    padding-top: 3px;
    padding-bottom: 0px;
    margin-top: -3px;
    margin-bottom: -3px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
    height: 25px;
}

A.mdtbbuttonleft, A.mdtbbuttonright {
    color: #fff;
}

#mdtbontw, #mdtbonfb {
    float: left;
    margin-top: -1px;
}

A.mdtbbuttonleft:hover, A.mdtbbuttonright:hover, #mdtbshare:hover, #mdtbshare>A:hover {
    background-color: #88c;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.mdtbbuttonright {
    display: block;
    float: right;
    margin-left: 2px;
    margin-right: -3px;
    padding-top: 3px;
    padding-bottom: 0px;
    margin-top: -3px;
    margin-bottom: -3px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
    height: 25px;
}

#mdtbfblike {
    padding-left: 3px;
    float: right;
    height: 24px;
}

#mdtbfblike IFRAME {
    height: 24px;
}

#mdtbplusone {
    padding-left: 3px;
    float: right;
}

.mdpuinput {
    background-color: #ddd;
}

#climateright {
    float: right;
    width: 300px;
    background-color: #eee;
    font-size: 0.9em;
    padding: 1em;
    margin-bottom: 1em;
    line-height: 1.5em;
    text-align: justify;
    border: 1px solid #ccc;
}

#modalwrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

#modal {
    width: 50%: height: 50%;
    background-color: #eee;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    padding: 1.5em 2em;
    text-align: center;
    border: 2px solid #000;
}

#multifeature {
    width: 70%;
}

.tdright
{
    text-align: right !important;
}

#mdpusearch TH {
    text-align: right;
}

.xq {
    padding-right: 0.3em;
    font-weight: bold;
    color: #0a0;
    font-stretch: 0.5;
    display: inline-block;
    transform: scale(1.3,1);
    margin-left: -14px;
    width: 11px;
}

.xqr {
    padding-right: 0.3em;
    font-weight: bold;
    color: #a00;
    font-stretch: 0.5;
    display: inline-block;
    transform: scale(1.3,1);
    margin-left: -14px;
    width: 11px;
}

.xqr2 {
    padding-right: 0.3em;
    font-weight: bold;
    color: #66aa66;
    font-stretch: 0.5;
    display: inline-block;
    transform: scale(1.3,1);
    margin-left: -14px;
    width: 11px;
}


.hue {
    filter: hue-rotate(-150deg) opacity(0.5);
    -webkit-filter: hue-rotate(-150deg) opacity(0.5);
}

.mdputitle {
    display: block;
    width: auto;
    height: 30px;
    text-align: center;
    font-size: 12pt;
    padding: 0px;
    margin-top: -15px;
    font-weight: bold;
    padding-bottom: 4px;
}

.mdpuinput {
    width: 300px;
}

.mdpuclosebut {
    cursor: pointer;
}

.koppentable {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    margin-top: -4px;
}

#mdtbclosebutton {
    display: block;
    float: right;
}

#mdtbconference {
    width: 102px;
    background-image: url('/tb/conference.png');
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffc;
}

#mdtbshare {
    width: 60px;
    color: #ffc;
}

#mdtbshare>A>IMG {
    float: left;
    margin-top: -1px;
}

#mdtbshare>A>DIV {
    font-size: 12px;
    margin-top: 3px;
}

#mdtbconference>DIV {
    height: 28px;
    text-align: right;
    margin-top: -2px;
}

#mdpushare {
    display: none;
    position: absolute;
    text-align: right;
    bottom: 16px;
    width: 140px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    z-index: 100;
    font-size: 0.8em;
    background-color: #444;
    color: #fff;
    border-radius: 8px;
    padding: 4px;
    background-image: -moz-linear-gradient(#666, #222);
    background-image: -webkit-linear-gradient(#666, #222);
    background-image: linear-gradient(#666, #222);
}

#mdpusharetitle {
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
}

A.mdpushareitem {
    clear: both;
    display: block;
    vertical-align: middle;
    color: #222;
    background-color: #ddd;
    border: 1px solid #444;
    border-radius: 4px;
    height: 28px;
}

.corpsponsor {
    float: right;
    text-align: center;
    margin-right: 0.5em;
}

.corpsponsor div {
    font-size: 10px;
    margin-bottom: 0.5em;
}

.corpdata {
    float: right;
    padding: 4px;
    border: 1px solid #ccc;
    width: 480px;
    /* margin-top: 4px; */
}

#corpdatahead {
    position: absolute;
    margin-top: -19px;
    font-size: 10px;
    width: 480px;

    text-align: center;
}

.mdpushareitem:hover {
    background-color: #fff;
}

.mdpushareitem DIV {
    float: left;
    padding-top: 8px;
}

.mdpushareitem IMG {
    float: left;
    padding: 2px;
}

#mdslideshow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 110;
    background-color: #000;
    cursor: none;
}

#mdslideshow A {
    cursor: none;
    text-decoration: none;
}

#mdslideshow A DIV {
    background-color: rgba(64,64,64,0.5);
    color: #fff;
    display: none;
    position: fixed;
    text-align: right;
    bottom: 0px;
    width: auto;
    left: 0px;
    right: 0px;
    padding: 4px;
    padding-right: 12px;
    font-size: 11px;
    text-decoration: none;
    cursor: none;

}

#mdpusearch {
    display: none;
    height: 119px;
    position: fixed;
    text-align: right;
    bottom: 16px;
    width: 400px;
    left: 135px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    z-index: 100;
    font-size: 0.8em;
    background-color: #222;
    color: #f4f4f4;
    border-radius: 12px;
    padding: 4px;
    background-image: -moz-linear-gradient(#666, #222);
    background-image: -webkit-linear-gradient(#666, #222);
    background-image: linear-gradient(#666, #222);
}

#mdpuprefs {
    display: none;
    height: 134px;
    position: fixed;
    text-align: right;
    bottom: 16px;
    width: 400px;
    left: 165px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    z-index: 100;
    font-size: 0.8em;
    background-color: #222;
    color: #f4f4f4;
    border-radius: 12px;
    padding: 4px;
    background-image: -moz-linear-gradient(#666, #222);
    background-image: -webkit-linear-gradient(#666, #222);
    background-image: linear-gradient(#666, #222);
}

#mdpuprefs TABLE TD {
    text-align: left;
}

#ssdelay {
    width: 20px;
}

#lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #000;
    display: none;
}

#lbheading {
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.approverow {
    clear: both;
    border-bottom: 1px solid #aaa;
}

.approverow:first-of-type {
    border-top: 1px solid #aaa;
}

.approveimg {
    float: left;
    padding: 15px;
    width: 200px;
    height: 200px;
}

.approvedata {
    float: left;
    font-size: 11px;
    text-decoration: none;
    cursor: none;

}

.approvetitle {
    font-size: 16px;
}

.approveblue, .approveblue:hover {
    text-decoration: none;
    color: blue;
    font-size: 25px;

    font-weight: bold;
    cursor: pointer;
}

#commercialphoto {
    border: 1px solid #ccc;
    background-color: #555;
    padding: 6px;
}

#copyrightbig {
    float: left;
    font-size: 50px;
    padding-right: 8px;
    margin-top: -6px;
    color: #888;
    font-weight: bold;
}

#mdtbnotify {
    float: left;
    background-color: #fff;
    margin-left: 10px;
    margin-top: -2px;
    border: 1px solid #888;
    overflow: hidden;
}

#mdtbnotify IMG {
    height: 22px;
    width: 22px;
    margin-top: 2px;
}

#mdtbnotify .fdrow {
    margin-top: -4px;
    height: 22px;
    width: 100%;
    text-align: left;
    border-bottom: 0px;
}

#mdtbnotify .fdrow>A {
    display: block;
    height: 15px;
    overflow-x: hidden;
}

#mdtbnotify .fdrow span {
    display: block;
    overflow: hidden;
    margin-top: -3px;
    height: 14px;
}

#mdtbnotify .fdrow span A {
    text-decoration: none;
    color: #003399;
}

#mdtbplusone {
    margin-left: 5px;
    margin-top: -1px;
    margin-right: -20px;
}

#supportbox {
    background-color: #f8f6ff;
}

#supportbox h1, #storebox h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #d8d6fd;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #000;
    width: 100%;
    background-image: none;
}

#supportbox div {
    height: 208px;
    color: #333;
    padding-left: 8px;
    padding-right: 5px;
    padding-top: 8px;
    text-align: justify;
}

#supportbox UL {
    margin-top: 10px;
    margin-bottom: 15px;
    height: 110px;
}

#supportbox LI {
    padding-bottom: 6px;
}

#supportbox A {
    display: inline;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
    color: #33c;
    height: auto;
    vertical-align: top;
    font-weight: bold;
}

#supportbox SPAN {
    font-size: 10.5px;
    height: 153px;
    display: block;
}

#supportbox I {
    display: block;
    width: auto;
    text-align: center;
    font-size: 10.5px;
    margin-left: -110px;
    padding-top: 10px;
}

#supportbox A:hover {
    color: #66f;
    background-color: #fdfdfc;
}

#storebox A {
    background-image: url('/images/clickhere.jpg');
    display: block;
    width: 100%;
    height: 216px;
}

#storebox2 A {
    background-image: url('/images/clickhere2.jpg');
    display: block;
    width: 100%;
    height: 216px;
}

#conference2012box h1 {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    background-color: #cc8800;
    margin: 0;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    color: #fff;
    width: 100%;
    background-image: none;
}

#conference2012box div {
    background-image: url("/images/conference2012bg.jpg");
    height: 208px;
    color: #000;
    padding-left: 16px;
    padding-right: 5px;
    padding-top: 8px;
}

#conference2012box IMG {
    float: right;
    height: 100px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #000;
}

#conference2012box IMG:hover {
    border: 1px solid #fff;
    cursor: pointer;
}

#conference2012text {
    line-height: 1.5;
}

#conference2012box UL {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 110px;
}

#conference2012box LI {
    padding-bottom: 6px;
}

#conference2012box A {
    display: block;
    width: auto;
    text-decoration: underline;
    color: #fff;
    font-size: 18px;
}

#conference2012box A:hover {
    color: #cef;
}

#tucson2012 {
    background-color: #2B5733;
}

#typelocs {
    padding: 0px;
    margin-left: -6px;
    margin-right: -6px;
}

#typelocs TH {
    padding: 5px;
    border-top: 1px solid #aadddd;
}

#typelocs TD {
    padding: 5px;
}

#typelocs LI A {
    margin-top: 5px;
}

#typelocs SPAN {
    color: #555;
    font-size: 7pt;
}

#glossary LI A {
    font-size: 12pt;
    font-weight: bold;
}

#glossary LI A DIV {
    margin-top: 5px;
    color: #000;
    font-weight: normal;
    font-size: 9pt;
    margin-bottom: 5px;
}

#glossary LI A {
    height: auto;
}

.fpbox720 h2 {
    text-align: left;
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 5px;
    padding-left: 5px;
    color: #333;
}

#glossarysearch {
    padding: 6px;
}

.glossarysubmit {
}

#photominsatloc {
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 220px;
    overflow-y: scroll;
    border: 1px solid #666;
    background-color: #f8f8f8
}

#photominsatloc table {
    width: 100%;
}

#photominsatloc td {
    vertical-align: top;
}

#photominsatloc span {
    display: block;
    border: 1px solid #666;
    color: #008;
    background-color: #eee;
    padding: 2px;
    font-size: 11px;
    margin-bottom: 3px;
}

#photominsatloc span:hover {
    background-color: #0cf;
    cursor: pointer;
}

#photominsatloc H1 {
    background-color: #f8f8f8;
    font-size: 12pt;
    padding-top: 3px;
    padding-bottom: 3px;
}

#photominsatlocfooter {
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
}

#toolbarreopen {
    float: right;
    width: 80px;
    font-size: 10px;
    background: #66a;
    background-image: -moz-linear-gradient(#2F2727, #66a);
    background-image: -webkit-linear-gradient(#2F2727, #66a);
    background-image: linear-gradient(#2F2727, #66a);
    cursor: pointer;
    padding: 2px;
    color: #fff;
    margin-top: -28px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#toolbarreopen:hover {
    background-image: -moz-linear-gradient(#66a, #ccf);
    background-image: -webkit-linear-gradient(#66a, #ccf);
    background-image: linear-gradient(#66a, #ccf);
}

.autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0px;
    margin: 0px;
    box-shadow: 2px 2px 5px #ccc;
    overflow: hidden;
}

.autocomplete DIV {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #003399;
    padding-left: 9px;
}

.autocomplete DIV:hover {
    background-color: #dedef7;
    cursor: pointer;
}

#gemdatsearchtext {
    padding: 6px;
}

#gemdatlogo {
    margin-top: 4px;
    margin-left: 2px;
}

#gemdatsearchlabel {
    padding: 6px;
    display: inline-block;
    font-weight: bold;
}

#gemdatphotos A {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px;
    margin: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #ddd;
}

#gemdatphotos A:hover {
    border: 1px solid #555;
}

#gemdatphotos IMG {
    border: 0;
}

.hashtag {
    background-color: #777;
    padding: 0px 4px;
    border: 1px solid #999;
    border-radius: 4px;
    color: #eee!important;
}

.hashtag:hover {
    text-decoration: none;
    background-color: #999;
    border: 1px solid #aaa;
    color: #fff !important;
}

#photoscroll {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 3px !important;
}

.psimage {
    display: inline-block;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
    margin-right: -3px !important;
    margin-top: -2px !important;
}

.psimage IMG {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.psimage:hover {
}

.psimage .psimagetitle {
    position: absolute;
    width: 189px;
    height: auto;
    padding: 3px !important;
    overflow: hidden;
    color: #fff;
    display: none;
    margin: 0 !important;
    line-height: 1em;
}

.psimage .psimageloc {
    position: absolute;
    width: 189px;
    padding: 3px !important;
    height: auto;
    bottom: 0;
    overflow: hidden;
    color: #fff;
    display: none;
    margin: 0 !important;
    line-height: 1em;
}

.psimage:hover .psimagetitle {
    display: block;
    font-size: 11px;

    line-height: 1.3em;
    padding-top: 150px;
    background-color: #000;
    opacity: 0.8;
}

.psimage:hover .psimageloc {
    display: block;
    font-size: 9px;

    line-height: 1.3em;
    padding-top: 150px;
    background-color: #000;
    opacity: 0.8;
}

#pscrollform {
    width: auto;
    padding: 4px;
}

#pscrollform input[type='text'] {
    width: 850px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #444;
    padding: 5px;
    margin-right: 10px;
}

#pscrollform input[type='submit'] {
    font-size: 16px;
    border: 1px solid #444;
    padding: 5px 19px;
    border-radius: 6px;
    font-weight: bold;
    color: #fff;
    background-color: #29af90;
    width: 90px;
    cursor: pointer;
}

#pscrollform input[type='submit']:hover {
    background-color: #b1d0ff;
    color: #000;

}

#photoscrolldesc {
    padding: 5px;
    color: #444;
}

#pscrollinfo {
    padding: 5px;
}

#photoscrolldesc A {
    color: #003399;
}

#languageselector {
    display: inline-block;

    color: #fff;
}

#languageselector label
{
    display: none;
}

#languageselector SELECT {
    width: 70px;
    margin-right: 0px;
    margin-left: 10px;
    background-color: #888;
    border: 0;
    color: #fff;
}

.darkbody #languageselector SELECT
{
    background-color: #555;
}

#pscrollfinished {
    font-weight: bold;
    padding: 12px;
    text-align: center;
}

.otherreigontxt {
    margin-bottom: 25px;
    margin-top: 8px;
}

.otherreigontxt div {
    margin-top: 2px;
    font-size: 8pt;
}

#fundraiser {
    background-color: #eff;
    color: #444;
    margin-bottom: 0.5em;
}

#fundraiser h1, #fundraiser h2 {
    padding: 0;
    margin: 0;

    font-weight: normal;
    text-align: left;
    float: left;
}

#fundraiser h1 {
    margin: 4px;
    font-size: 26px;
}

#fundraiser h2 {
    font-style: italic;
    padding: 12px 8px;
}

#fundraiser span {
    float: right;
    color: #444;
    padding: 18px 0px 0px 0px;
}

#fundraiser a {
    display: block;
    width: 990px;
    height: 92px;
    margin: auto;
    color: #444;
}

#fundraiser img {
    float: left;
    width: 80px;
    height: 80px;
    margin: 6px 6px 0px 0px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px #000
}

.donateform, .whereitgoes {
}

.donateform h3, .whereitgoes h3 {
    margin-left: 0.2em;
    color: #f00;
    font-size: 1.8em;
    margin-top: 2em;
}

.donateform form {
    background-color: #fff;
    border: 2px solid #ccc;
    width: 32em;
}

.campaignright {
    float: right;
    width: 255px;
    margin-left: 20px;
    border-left: 1px solid #bdd;
    padding: 8px;
}

.jolyontext {
    font-size: 12pt;
    line-height: 1.4em;
    text-align: justify;
}

.jolyontext p {
    clear: left;
}

.jolyonsig {
    font-style: italic;
    height: 95px;
    width: 700px;
    padding: 0;
    background-color: #cef;
    line-height: 2em;
    margin-top: 0;
}

.jolyonsig span {
    float: left;
    position: relative;
    top: 10px;
    left: 10px;
}

.jolyonsig IMG {
    float: left;
    padding: 1px;
    margin-left: 18px;
    margin-top: 5px;
    border: 1px solid #aaa;
    background-color: #fff;
}

.mindat2001 img {
    padding: 2px;
    border: 1px solid #ccc;
}

.mindat2001 {
    text-align: center;
    margin-bottom: 8px;
}

.mindat2001 span {
    display: block;
    margin-bottom: 8px;
}

.benefitsmall {
    font-size: 8pt;
}

.fundsraised {
    height: 140px;
}

.thermo {
    position: absolute;
    width: 680px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 70px 0px 0px 15px;
    overflow: hidden;
}

#mindatfundfp .thermo {
    width: 368px;
    margin-top: 40px;
}

.tred {
    background-color: #f00;
    display: inline-block;
    height: 15px;
}

.fundsraised h1, .donateform h1, .whereitgoes h1 {
    width: 698px;
    font-weight: normal;
    border-bottom: 1px solid #bdd;
    border-top: 1px solid #bdd;
}

.ftarget {
    float: right;
    padding-right: 0px !important;
    margin-right: -10px;
}

.fraised {
    float: left;
}

.ftarget, .fraised {
    padding: 15px;
    font-size: 32px;
}

#mindatfundfp .ftarget, #mindatfundfp .fraised {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    top: -25px;
    position: relative;
}

#mindatfundfp .thermo {
    top: -35px;
    position: relative;
}

#poorkitty {
    float: left;
    padding: 3px;
    margin-right: 5px;
}

#fundsraised {
    clear: both;
    position: relative;
    top: -8px;
}

.benefit {
    background-color: #f0f3f8;
    padding: 8px;
    margin: 0 0 5px 0;
    border: 1px solid #ccc;
}

.ftask {
    background-color: #f0f3f8;
    padding: 8px;
    margin: 0 0 5px 0;
    border: 1px solid #ccc;
}

.campaignright h2 {
    text-align: left;
    font-size: 15pt;
    font-weight: normal;
    background-color: #DEF7F7;
    margin: 0 -8px 0 -8px;
    padding: 0 8px 0 8px;
    color: #000;
    border-top: 1px solid #bdd;
    border-bottom: 1px solid #bdd;
}

.donatetable {
    margin: auto;
}

.donatetable TH, .donatetable TD {
    padding: 5px;
    font-size: 12pt;
    font-weight: normal;
}

.fakeradio {
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}

.fakeradio:hover {
    border: 1px solid #444;
}

.fakesel {
    background: #444;
}

.catphotos {
    background-color: #000;
    border: 1px solid #888;
    width: 220px;
    height: 200px;
    overflow-y: scroll;
}

.catphotos A {
    float: left;
}

A.cleanbutton {
    border: 1px solid #add;
    padding: 4px 8px;
    color: #000;
    font-weight: bold;
    border-radius: 3px;
    background-color: #EFFBFF;
    margin-right: 12px;
}

A.cleanbutton:hover {
    text-decoration: none;
    background: #a4a0fd;
    text-decoration: none;
    color: #fff;
}

#fpblogbox UL {
    line-height: 1.8em;
}

#galpageedit {
    width: 950px;
    height: 588px;
    border: 1px solid #aaa;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #f6f6f6;
    text-align: left;
    box-shadow: 4px 4px 15px #444;
    display: none;
}

#galpageedit h1 {
    margin: 0;
    padding: 3px;
    text-align: left;
    background-color: #def7f7;
}

#galpageedit b {
    margin: 0;
    padding: 3px;
}

#galpageedittextarea {
    width: 938px;
    margin: 3px;
    height: 45px;
    resize: none;

}

#galpageedittitle {
    width: 938px;
    margin: 3px;
    padding: 3px;
}

#galpageeditselectphoto {
    width: 934px;
    margin: 3px;
    padding: 4px;
}

#galsearchterm {
    width: 600px;
    margin: 3px;
    padding: 3px;
}

#galpagesearchbutton {
    width: 60px;
    height: 28px;
}

#galpagecancel {
    width: 200px;
    height: 28px;
    margin-left: 3px;
    float: left;
}

#galpagesave {
    width: 200px;
    height: 28px;
    margin-left: 3px;
    float: right;
}

.galformbutton {
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #e2e2e2;
    cursor: pointer;
}

.galformbutton:hover {
    background-color: #f9f9f9;
}

.galpageitem {
    padding: 3px;
    width: 970px;
    border: 1px solid #ccc;
    margin: 1px;
    background-color: #f6f6f6;
    cursor: pointer;
    font-weight: bold;
}

.galpageitem:hover {
    background-color: #fcfcfc;
}

#galpageshadow {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.8;
    background-color: #000;
}

#galpagelist {
    padding: 0;
}

#galpageeditpics, #galpageeditpicsearch {
    width: 940px;
    margin: 3px;
    border: 1px solid #ccc;
    height: 180px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 0;
}

.draggable {
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #222;
    padding: 0;
    margin: 0;
    float: left;
    margin: 4px;
    padding: 0;
}

#galsearchfilter {
    height: 26px;
}

.draggable IMG {
    width: 120px;
    height: 120px;
    border: 0;
}

.minid_photo_page {
    float: right;
    font-size: 10pt;
}

#catlistminid {
    width: 200px;
    border: 1px solid #ccc;
    float: right;
    padding: 5px;
    margin: 10px;
    background-color: #f2f6ff;
}

#catlistminid h4 {
    background-color: #ace;
    color: #fff;
    padding: 5px 10px;
    margin: -5px;
}

#catedittable {
    width: 972px;
    border: 1px solid #ccc;
    background-color: #f2f6ff;
    margin: 4px;
}

#catedittable B
{
    margin-bottom: 0.5em;
    display: inline-block;
}

#catedittable TD
{
    padding-bottom: 0.5em;
}

.banner809x100 {
    margin-left: 9px;
    margin-bottom: 6px;
}

#introdata {
    margin-bottom: 1em;
    width: 100%;
    margin-right: 175px;
}

#introdata>div {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    margin-top: 0.7em;
}

#introdata>div>span {
    display: inline-block;
    min-width: 10em;
    /* text-align: right; */
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

#introdata>div>div {
    padding-left: 1em;
    display: inline-block;
    width: 48em;
}

#introdata .twocol {
    width: 48em;
    text-align: justify;
    line-height: 1.5em;
    margin-top: -0.1em;
}

#introdata .newformula {
    display: inline-block;
    margin-top: -0.6em
}

A.refanchor {
    font-size: 0.8em;
    vertical-align: super;
    margin-left: 0.2em;
    color: #f00;
}

A.refanchor:hover {
    text-decoration: none;
    background-color: #48c;
    color: #fff;
}

A.refanchort {
    color: #c00;
    margin-right: 0.5em;
}

A.refanchort:hover {
    text-decoration: none;
}

#ndtitlebar {
    padding: 0px;
    margin: 0px;
    max-width: 993px;

    height: auto;
    margin: auto;
}

#ndtitlebar A, #ndtitlebardark A {
    padding: 0px;
    margin: 0px;
}

#ndtitlebar IMG, #ndtitlebardark IMG {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    margin-left: 12px;
    margin-top: 6px;
    height: 60px;
}

#ndtitlebardark {
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color: #000;

    height: 80px;
    background-image: url('/images/topbardark.gif');
    background-repeat: repeat-x;
    border-bottom: 5px solid #000;
}

#ndtitlebar TABLE, #gdtitlebardark TABLE {
    width: 600px;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
}

#ndusermenu {
    float: right;

    padding-right: 6px;
    padding-top: 8px;
    font-size: 9pt;
}

#ndusermenu A {



    padding: 3px 7px 4px 7px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: 5px;


    color: #fff;
}



#ndmainmenu {
    margin: 18px 0 -2px 15px;
    clear: right;
    float: right;
    overflow: hidden;
    width: auto;
    /* background-color: #f8ffff; */
    /* border-top: 1px solid #ccc; */
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    /* border-bottom: 2px solid #ccc; */
    /* border-top-left-radius: 3px; */
    /* border-top-right-radius: 3px; */
}

#ndmainmenu A {

    /* border-left: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    /* border-right: 1px solid #ddd; */
    padding: 3px 7px 4px 7px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: 0;
    display: inline-block;
    /* background-color: #eff; */
    color: #fff;
    user-select: none;

}

#ndusermenu A:hover, #ndmainmenu A:hover, .expandmenu A:hover, .expandmenu2 A:hover {
    color: #fff;
    text-decoration: none;
    background-color: #29af90;
}

#ndmainmenu FORM {
    display: inline-block;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 734px) {
    #ndmainmenu FORM {
        padding-top: 1px;
    }
}

#ndmainmenu select {
    font-size: 8pt;
    width: 145px;


    padding-left: 6px;
    height: 18px;
}

#ndmainmenu input[type="submit"], .filtsearch {
    font-size: 8pt;
    height: 20px;
    border: 0;

    position: relative;
    top: -2px;
    background-color: #29af90;
    color: #fff;

}

#ndmainmenu input[type="text"]:hover, #ndmainmenu input[type="submit"]:hover, .filtsearch:hover {
    cursor: pointer;
    box-shadow: 0px 0px 3px #aaa;
}

#ndmainmenu input[type="submit"]:hover, .filtsearch:hover {
    background-color: #b1d0ff;
    color: #00c;
}

#ndsearchmin {
    cursor: text !important;
    width: 140px;
    border: 0;
    font-size: 13px;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: -4px;
    background-color: #888;
    color: #fff;
}

.darkbody #ndsearchmin
{
    background-color: #555;
}


#ndsearchmin::placeholder
{
    color: #ddd;
}


.vbar {
    margin-right: 3px;
    margin-left: 0px;
    display: none;

}

.expandmenu2 {

    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #81CBD7;
    text-align: left;

    display: none;

}

#map2wrap .expandmenu2
{
    margin-right: -1px;
}




.expandmenu {
    text-align: center;
    padding: 0px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);

    display: none;
    margin-top: -1px;
    margin-bottom: 5px;
    background-color: #ddd;
}

.darkbody .expandmenu
{
    background-color: #444;

}

.expandmenu A {
    display: inline-block;

    padding: 5px 12px 4px 7px;
    margin: 0;
    margin-top: 1px;
    user-select: none;

}

.expandmenu A:first-of-type {

}

.darkbody #startmenu
{
    padding-top: 0px;
    color: #ccc;
}

.darkbody
#startmenu A
{

    padding-top: 2px;
    color: #fff;
    margin-left: 1px;
}
.darkbody #startmenu A:hover
{
    background-color: #888;
}
.darkbody .expandmenu A
{
    color: #fff;
}


.expandmenu2 A {
    display: inline-block;

    padding: 5px 7px 4px 7px;
    margin: 0;
    margin-top: 1px;
    margin-right: -1px;
    color: #000;

}

.expandselect, .expandselect2 {
    cursor: default;
    color: #fff !important;
    background-color: #29af90 !important;
}

#searchmenuform {


    padding-top: 10px;
    margin-top: 3px;

    background-color: #eee;
    text-align: center;

}

.searchmenuformfp
{
    position: absolute;
    z-index: 100;
    width: 100vw;
    background-color: rgba(0,0,0,0) !important;
    color: #fff;
    font-size: 14pt;
    display: block;
    margin-top: 70px !important;
}

.smfblock {
    width: 800px;
    text-align: left;
    display: block;
    padding: 3px;
    margin: auto;

}

.smfblock b {
    display: inline-block;
    width: 160px;

    font-weight: normal;
    padding-bottom: 9px;
    text-align: right;
    padding-right: 10px;

    user-select: none;
}

#searchmenu {

}

.smftxt {
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 350px;
}

.smfsel {
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 350px;
    background-color: #fff;
}

.smfsubmit {
    border: 1px solid #ccc;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    background-color: #29af90;
    text-decoration: none;
    color: #fff;
}

.smfsubmit:hover {
    text-decoration: none;
    background-color: #eff;
    color: #444;
}

.ph2html {
    font-size: 14pt;
    line-height: 1.6em;
}

#ndminmenu {/*width: 100vw;
 margin-left: -50vw;
    //padding-left: 50vw;
    margin-right: -50vw;

    */background-color: #008398;
    clear: both;
    text-align: left;color: #fff;margin-left: -10px;margin-right: -10px;}

#map2wrap #ndminmenu
{
    margin-right: -1px;
}

.whitebg #ndminmenu {
    width: 985px !Important;
    margin-left: -7px !important;
}

#ndminmenu A {

    display: inline-block;
    padding: 9px 9px 10px 9px;
    margin: 0px;
    margin-top: 1px;
    margin-bottom: 1px;

    text-align: left;
    color: #fff;
}

#ndminmenu A:hover, .expandmenu A:hover {
    color: #fff;
    text-decoration: none;
    background-color: #29af90;
}

#mineralindex {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

#newlocminlist, #newlocrocklist, #newloccomlist, #newlocfosslist {
    margin-top: 1em;
    border: 1px solid #ccc;
    line-height: 1.8em;
    column-count: 2;
    column-rule: 1px dotted #ddd;
}

#newloccomlist {
    column-count: 4;
}

#newlocminlist div, #newlocrocklist div, #newloccomlist div, #newlocfosslist div  {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    display: inline;
}

#minmenuexpander {
    height: 14px;
}

#expanderarea2 {
    height: 0px;
    margin-top: -1px;
}

.minpagephotobox {
    margin-left: -10px;
    margin-right: -10px;
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    overflow: hidden;
}

.picrowpicarea {
    width: 250px;
    float: left;
    margin-right: 20px;
    font-size: 7pt;
}

#polyheads {
    width: 153px;
    float: left;
    font-weight: bold;
    font-size: 9pt;
    text-align: right;
    padding-top: 3px;
}

#polyheads div {
    padding-top: 5px;
}

#polytablediv {
    overflow-x: auto;
    max-width: 806px;
    margin-left: 10px;
    float: left;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#polytablediv table {
    border-collapse: collapse;
}

#polytablediv th {
    white-space: nowrap;
    text-align: left;
    padding: 6px;
    border-left: 1px solid #ddd;
}

#polytablediv td {
    padding: 3px 6px;
    white-space: nowrap;
    vertical-align: top;
    line-height: 1.8em;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#polytablediv td:first-of-type, #polytablediv th:first-of-type {
    border-left: 0;
}

.newpicbox {
    overflow: hidden;

}

.minlisttable>tbody>tr>TD, .minlisttable>tbody>td>TH {
    padding: 0;
    padding-bottom: 6px;
    vertical-align: top;
}

.xrdpd {
    margin-top: -10px;
}

.xrdpd td {
    text-align: right;
}

.mindatatable > tbody > tr > .m2 >.ft2 {
    margin-top: -5px;
    display: inline-block;
}

.thinminrow {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 2px;
    margin-top: 10px;
    min-height: 84px;
}

.thinminrow img {
    float: left;
    margin-right: 1em;
}

.thinminrow h2, .tmrh2 {
    font-size: 11pt;
    margin-top: 10px;
}

.tmrh1
{
    font-weight: bold !important;
    font-size: 12pt;
}


.thinlocrow {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 2px;
    margin-top: -1px;
}

.thinlocrow:first-of-type {
    margin-top: 10px;
}

.thinlocrow img {
    float: left;
    margin-right: 1em;
}

.thinlocrow h1 {
    font-size: 11pt;
    margin-top: 10px;
    text-align: left;
}

.thinnopic {
    float: left;
    margin-right: 1em;
    width: 80px;
    height: 80px;
    background-color: #eee;
}

.thinlocrow h2 {
    font-size: 9pt;
    margin-top: 6px;
}

.mgmtrow {
    border-bottom: 1px solid #ddd;
    padding: 6px;
}

.mgmtrow:first-of-type {
    border-top: 1px solid #ddd;
}

.mgmtavatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.articlelist td {
    padding: 4px 24px 4px 0px;
}

.ktg {
    display: inline-block;
}

.gallerysearchform {
    line-height: 2em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
    margin-left: -7px;
    margin-right: -7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 5px;
}

.gallerysearchform label {
    display: inline-block;
    width: 130px;
    margin: 0;
    text-align: right;
    margin-right: 10px;
}

.gallerysearchform select {
    width: 154px;
    margin: 0;
    margin-right: 10px;
}

.gallerysearchform input[type="text"] {
    width: 148px;
    margin: 0;
    margin-right: 10px;
}

.multiphotoicon {
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    width: 16px;
    border: 0;
    height: 16px;
}

.photoiconsblock {
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    border: 0;
    height: 16px;
}

.photoicon {
    display:inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    border: 0;
}

.photoiconsblock {
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    border: 0;
    height: 16px;
}

.photoicon {
    display:inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    border: 0;
}

.quickapprove {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 4px;
    width: auto;
}

.quickapprove>div>label {
    width: 56px;
    display: inline-block;
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
}

.cform_checkbutton {
    padding: 0;
    display: inline;
    margin: 2px;
}

.cform_checkbutton LABEL {
    border: 1px solid #ccc;
    padding: 3px 28px 3px 8px;
    font-size: 8pt;
    background-color: #fff;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-right: 4px;

}

.cform_checkbutton:hover label {
    background-color: #aaa !important;
    color: #fff;
}
.problems_green LABEL
{
    border: 2px solid #03bf03;
    white-space: nowrap;
}
.problems_orange LABEL
{
    border: 2px solid orange;
    white-space: nowrap;

}
.problems_red LABEL
{
    border: 2px solid red;
    white-space: nowrap;
}
.problems_cyan LABEL
{
    border: 2px solid cyan;
    white-space: nowrap;
}
.problems_yellow LABEL
{
    border: 2px solid yellow;
    white-space: nowrap;
}

.gallery_flags_div
{
    line-height: 1.8em;
}



.cform_checkbutton INPUT {
    margin-left: -28px;
    cursor: pointer;
    margin-right: 8px;
}

.photoinfobar {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 8pt;
}

.appstatradio {
    display: inline-block;
}

.ui-button
{
    margin-top: 0px !important;
}

.ui-button-text {
    font-size: 9pt;
    padding: 0px 0px !important;

}

.quickapprove>div {
    margin-bottom: 0.5em;
}

.appstatradio label {
    margin-top: -4px;
}

.mainrowspace {
    clear: both;
    margin-bottom: 2em;
}

#sponsorthanks {background-color: #f8f8f8;margin: auto;text-align: left;width: 966px;/* padding: 10px; */}

#sponsorthanks h1 {
    font-size: 20pt;
    float: right;
    font-weight: normal;
    padding: 0;
    margin: 0.2em 1em 0em 0em;
}

#seeother
{
    padding: 10px;
}

#sponsorthanks p
{
    padding: 10px;
    user-select: none;
}

#sponsorthanks h2 {

    font-size: 14pt;
    color: #333;
    padding: 4px 10px;
    user-select: none;
    border-top: 1px solid #eee;
    padding-top: 1em;
}

.namelist {
    white-space: pre-line;
    -webkit-column-count: 6;
    /* Chrome, Safari, Opera */
    -moz-column-count: 6;
    /* Firefox */
    /* column-count: 6; */
    font-size: 7.5pt;
    line-height: 1.6em;

    padding: 8px 8px 4px 10px;
    /* border-radius: 4px; */
    /* border: 1px solid #ccc; */
    user-select: none;
}

.major {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 2 !Important;
    width: 100%;
    column-count: 2;
    font-weight: normal;
    font-size: 11pt;

    padding: 8px 8px 4px 8px;
}

.principal {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */

    font-weight: bold;
    font-size: 10pt;
    background-color: #fff;
    padding: 8px 8px 4px 8px;
}

.newgrouptable3 div {
    clear: both;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
    padding-bottom: 1em;
}

.newgrouptable3 b {
    display: block;
    float: left;
    width: 120px;
}

.newgrouptable3 span {
    display: block;
    float: right;
    width: 150px;
}

#elephotoblock {
    width: 470px;
    height: 313px;
    background-color: #000;
}

#elephotoblock IMG {
    position: absolute;
    display: none;
}

.hpicbutton {
    width: 18px;
    padding: 0;
}

#elephotodesc {
    overflow: hidden;
    height: 18px;
}

.hpicbutton span {
    text-align: center;
    margin: -4px;
    width: 26px;
    height: 21px;
    display: block;
    background-color: #cdf;
    color: #000;
    font-size: 16px;
    padding-top: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hpicbutton span:hover {
    cursor: pointer;
    background-color: #33f;
    color: #fff;
}

#othervalued {
    display: none;
}

#seeother a {
    display: block;
    margin-top: 1.5em;
    font-weight: bold;
}


#ndtitlearea {
    background-color: #999;
    text-align: center;
    padding-bottom: 0.5em;
}

.darkbody #ndtitlearea
{
    background-color: #282828;
}

.


.mindatsub {
    border: 1px solid #ddd;
    padding-left: 20px;
    padding-right: 20px;
    margin: 3px;
    padding: 2px 20px;
    font-size: 10pt;
    color: #003399;
    background-color: #eeffff;
    cursor: pointer;
}

.mindatsub:hover {
    background-color: #29af90;
    color: #fff;
    text-decoration: none;
}

#birefnote {
    width: auto;
    float: right;
    margin-left: 2em;
}

.newformsup {
    vertical-align: 7px;
    font-size: 0.8em;
    padding-left: 1px;
    padding-right: 1px;
    margin-top: -2px;
}

.newformsub {
    vertical-align: -5px;
    font-size: 0.8em;
    padding-left: 1px;
    padding-right: 1px;
}

.newformabs {
    position: absolute;
    margin-top: 12px;
}

.newformsupabs {
    position: absolute;
}

.newformsubabs {
    position: absolute;
    margin-top: 6px !important;
}

.mindattable .newformsubabs
{
    margin-top: 12px !important;
}

.newgrouptable2 {
    width: 868px;
    -webkit-column-count: 5;
    /* Chrome, Safari, Opera */
    -moz-column-count: 5;
    /* Firefox */
    column-count: 5;
}

.newgrouptable2 p {
    padding: 0 4px 6px 0;
    margin: 0;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
}

.namedforpic {
    float: right;
    margin-right: -4px;
    padding-left: 10px;
}

#minregion div {
    clear: both;
    margin-top: 1em;
}

.minregionv {
    float: right;
}

#bformblock {
    text-align: center;

    background-color: #008398;
    color: #fff;

    font-size: 12pt;
    line-height: 2.5em;
    /* margin: 1em auto 0em auto; */
    /* border: 1px solid #ccc; */
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}





#bformblock input {
    width: 20% !important;

    font-size: 12pt;
    padding: 2px 10px;
}

#bformblock input[type="submit"] {
    font-size: 12pt;
    height: 30px;
    top: 0px;
    border-radius: 3px;
    border: 1px solid #aaa;
    width: auto !important;
    background-color: #888;
    color: #fff;
    position: relative;
    cursor: pointer;

}

#bformblock input[type="submit"]:hover {
    cursor: pointer;
    box-shadow: 0px 0px 3px #aaa;
    background-color: #29af90;
    border: 1px solid #29af90;
    color: #fff;
}

.phorumpic {
    margin: auto;
}

.phorumpictable {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.phorumpictable TD {
    border: 1px solid #ccc;
    padding: 2px 4px;
    font-size: 10pt;
}

.mgmtnotes_edit {
    float: right;
    width: 892px;
    height: 70px;
}

.pnblock {
    clear: both;
    margin-top: 1em;
    width: 100%;
    text-align: center;
}

.pnctop {
}

.pncbottom {
    clear: both;
    margin-top: 0.5em;
}

.pnnext {
    width: 20%;
    display: inline-block;
}

.pnpagecount {
    display: inline-block;
    margin-left: 10px;
}

.pnprev {
    width: 20%;
    display: inline-block;
}

.elementloc {
    width: 70px;
    height: 90px;
    border: 1px solid #555;
    vertical-align: top;
    text-align: center;
    font-size: 32pt;
    line-height: 45px;
    padding-top: 12px;
    color: inherit;
    display: block;
}

.elementloc span {
    font-size: 8pt;
    display: block;
}

.elementloc:hover {
    font-weight: bold;
    text-decoration: none;
}

.locelementtable {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.locelementtable>tbody>tr>TD {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
    padding: 3px;
}


























/* for phone */
@media screen and (max-width: 678px) {



    .update_sel
    {
        max-width: 80px;
    }
    .update_del
    {
        max-width: 60px;
    }

    #startmenu SPAN
    {
        display: none;
    }
    #startmenu A
    {
        margin: 0px 0px 1px 1px !important;
    }
    .chemtablebig {
        width: 100%;
    }

    .chemtablebig TD {
        width: 5%;
    }


    #pgm_element_block, #pgm_mineral_block
    {
        float: none;
    }

    MQX
    {

        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 1em;

    }

    mqx>div
    {
        float: none !important;
        margin-left: -19px;

        margin-right: -19px;
    }

    .quizresults
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .quizresults
    {
        margin-left: 0 !important;
    }

    mqxd
    {
        margin-left: -8px;
        width: calc(100% + 12px);
    }

    mqxd .lm
    {
        padding-left: 6px;
    }

    #diamondlevel
    {
        width: 320px;

        padding: 10px 0 5px 0;


    }

    #diamondlevel img
    {
        width: 158px;
        height: auto;
        margin: 0px;
        padding: 0;
    }

    .banner158
    {
        margin: 0;

    }




    #messageyears
    {
        width: calc(100% + 34px);
        margin-left: -17px;
        margin-top: -1px;
        margin-bottom: -16px;

    }

    .slightlybiggerctrls
    {
        margin-left: -4px;
    }

    .slightlybiggerctrls input
    {
        max-width: 282px;

        border: 1px solid #ccc;

    }

    #bgsearch, .bgslide
    {
        height: 200px;
    }

    .hascorprow
    {
        width: auto;
        column-count: 1 !important;
    }

    #searchmain
    {
        height: auto;
        width: auto;

    }

    #searchoptions
    {
        float: none;
        height: auto;
        width: auto;
    }

    #searchdata
    {
        display: none;
        float: none;
        height: auto;
        width: auto;
        border: 0;
    }

    .spag TABLE
    {

        width: 90vw;

    }



    .LFth, .LFtdh
    {
        width: 110px;
    }

    .LFtd, .LFthd
    {
        width: 196px;
    }

    .LFtr
    {
        width: 306px;
    }



    #bgsnote
    {
        display: none !important;
    }
    #bformblock
    {
        font-size: 10pt;
    }

    #bformblock Input
    {
        font-size: 10pt;
        width: 17% !important;
    }

    .locinfotable
    {
        width: auto;
    }

    .locinforight
    {
        display: none;
    }


    #searchboxhp
    {

        font-size: 11pt;

        width: 200px;
        border: 0;
    }

    #searchboxhpsub
    {

        font-size: 11pt;
        padding: 0.3em 0.4em;
        border: 0;
        cursor: pointer;

        background-color: #29af90;
        color: #fff;

    }

    .corpsponsor {
        float: none;
    }

    .corpdata {
        float: none;
        width: 310px;
        margin-left: -8px;
        max-width: unset;
        margin-bottom: 10px;
    }

    #corpdatahead {
        width: 320px;
    }

    .videofull {
        width: 342px;
    }

    #introdata .twocol {
        width: 100%;
        text-align: justify;
        line-height: 1.5em;
    }

    #introdata div div {
        padding-left: 0;
        padding-bottom: 0.5em;
    }

    #introdata div span {
        text-align: left;
    }

    .pncbottom {
        margin-top: 0.7em;
        font-size: 0.8em;
    }

    .pnpagecount {
        width: 40%;
        font-size: 0.7em;
    }

    .pnprev A, .pnnext A {
        font-size: 0.6em;
        top: -0.5em;
        position: relative;
    }

    #mineralindex {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .locdetailed {
        border-left: 0px solid #c4c0ff;
        border-right: 0px solid #c4c0ff;
    }

    .principal {
        -webkit-column-count: 2 !important;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2 !important;
        /* Firefox */
        column-count: 2 !important;
    }

    .mgmtnotes_edit {
        width: 288px;
    }

    #userhead {
        display: none;
    }

    #favmins, #favusers, #favlocs {
        width: 292px;
    }

    .namelist {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }

    .fpbox li a, .fpbox50 li a, .fpbox720 li a, .clist li a {
        height: auto;
        /* white-space: normal; */
        /* overflow: auto; */
    }

    .namedforpic {
        display: none;
    }

    .hidephone {
        display: none !important;
    }

    #ndtitlebar {
        width: 320px;
    }

    .centerer, .centerer2 {

        overflow: hidden;
    }

    .expandmenu  {

        margin: auto;
    }

    #ndmainmenu A {
        margin-top: 2px;

        margin-bottom: 1px;
    }

    .expandmenu2 {
        margin-left: -8px !important;
        width: auto;
        margin-right: -12px !important;
        border: 0;
        padding-bottom: 1px;
    }

    .expandmenu A, .expandmenu2 a {
        margin: 1px 0 1px 1px;
        /* border-top: 1px solid #ccc; */
        /* border-bottom: 1px solid #ccc; */
    }

    #searchmenuform {

        padding: 4px;
        display: block;

    }

    .smfblock {
        display: block;
        padding: 3px;
    }

    .smfblock b {
        display: block;
        font-weight: normal;
        padding-bottom: 10px;
        text-align: left;
    }

    #searchmenu {
        height: auto;
    }

    .smftxt {
        font-size: 15px;
        border-radius: 6px;
        border: 1px solid #ccc;
        width: 300px;
    }

    .smfsel {
        font-size: 15px;
        border-radius: 6px;
        border: 1px solid #ccc;
        width: 300px;
        background-color: #fff;
    }



    #ndminmenu A {
        margin-right: 0px;
    }

    #bformblock {
        /* width: 312px; */
    }

    #footertext,#socialmedia {
        width: auto;
        margin: auto;
        padding: 1em;

    }

    .newpicbox {
        width: auto;
        margin-left: 2px;
    }

    #cv {
        width: 306px;
        height: 306px;
    }

    .xtlscroll, #xtlinfo, #xtlabout {
        width: 306px;
        height: 200px;
    }

    #xtlinfo, #xtlabout {
        width: 306px;
        height: auto;
    }

    .mindatath {
        clear: both;
        width: 320px;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 0.5em;
    }

    #xrd {
        width: 320px;
    }

    #xrdfile {
        max-width: 200px;
    }

    #birefnote {
        float: none;
        margin-left: 0;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }

    #ndtitlebar IMG {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .mw12em {
        width: 90px !important;
        word-break: normal !important;
    }

    .grouptable td {
        font-size: 8pt;
    }

    .newgrouptable2 {
        width: 320px;
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }

    #map, #map2 {
        width: calc(100% + 17px);
        margin-left: -8px;
        height: 240px;
    }

    #miningmap {
        width: 305px;
        height: 200px;
    }

    .loclisttable {
        width: 310px !important;
    }

    .minref {
        display: none;
    }

    .userbigpicture, .plainuserpicture {
        width: 100vw !important;

    }

    .galrow .userbigpicture
    {
        margin: 0 !important;
        text-align: left;

    }

    #fpblogbox .userbigpicture
    {
        /* margin-left: -10px !important; */
        border: 0 !Important;

    }

    .mindatadiv .newpicbox {
        /*   margin-left: 12px; */
    }

    #phorum .userbigpicture IMG {
        margin-left: -13px !important;
        max-width: 290px !important;
    }

    .userbigpicture IMG, .plainuserpicture IMG, .normalvideo {
        width: calc(100vw - 40px);
        height: auto !important;

        padding: 0;
    }

    .quoteblock, #formtoc {
        width: 280px;
    }

    #newlocminlist, #newlocrocklist, #newloccomlist, #newlocfosslist {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    #polytablediv {
        max-width: 220px;
        font-size: 8pt;
    }

    #polyheads {
        max-width: 70px;
        font-size: 6pt;
    }

    .mindatam2 {
        max-width: 300px;
    }

    .phorumpictable IMG {
        max-width: 268px;
    }

    .phorumpictable TD {
        padding: 2px;
        font-sizE: 8pt;
    }

    .phorumpictable {
        margin-bottom: 1em;
    }

    .newminsearchresults {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .picrowpicarea {

        display: block;
        float: none;
        margin-left: -8px;
    }

    #pscrollform input[type='text'] {
        width: 285px;
    }

    #pscrollform input[type='submit'] {
        width: 297px;
        margin-top: 7px;
    }

    .psimage IMG {
        width: 150px;
        height: 150px;
    }

    #donateimg {
        max-width: 100%;
    }

    .donatecss, .donatesubcss {
        width: 90%;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        border: 1px solid #ccc;
        font-size: 14pt;
    }

    .banners {
        margin-left: -11px;
        margin-right: -35px;
    }

    .banners A {
        margin-left: 1px;
    }

    .fpbox720 .banners {
        margin-left: -7px;
    }

    .expandmenu {
        text-align: left;
    }

    #startmenu
    {
        text-align: center;
    }
    .centerer>.banners {
        margin-left: -7px;
    }

    .dnewsphotobox {
        width: 134px;
    }

    #directory_categories {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .dirpremium A {
        width: 296px;
        margin: 0px;
        padding-left: 4px;
    }

    .dirpremium IMG {
        display: none;
    }

    .principal {
        -webkit-column-count: 1 !important;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1 !important;
        /* Firefox */
        column-count: 1 !important;
    }

    .donateform form {
        border: 0;
        width: auto;
    }

    #mindatcatindex, #mindatcatindex THEAD, #mindatcatindex TBODY, #mindatcatindex THEAD, #mindatcatindex TH, #mindatcatindex TD, #mindatcatindex TR, #mindatcatfilter, #mindatcatfilter THEAD, #mindatcatfilter TBODY, #mindatcatfilter THEAD, #mindatcatfilter TH, #mindatcatfilter TD, #mindatcatfilter TR {
        display: block;
        border: 0;
        margin: 0 0 0 0;
        padding: 0;
    }

    #mindatcatfilter {
        margin-bottom: 1em;
        margin-top: 1em;
        border-bottom: 2px solid #ccc;
    }

    #mindatcatindex th, #mindatcatfilter th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #mindatcatindex tr, #mindatcatfilter tr {
        border: 1px solid #ccc;
    }

    #mindatcatindex td, #mindatcatfilter td {
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 42%;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #mindatcatindex td:before, #mindatcatfilter td:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #mindatcatindex td:nth-of-type(1):before {
        content: "Your ID"
    }

    #mindatcatindex td:nth-of-type(2):before {
        content: "minID"
    }

    #mindatcatindex td:nth-of-type(3):before {
        content: "Photo"
    }

    #mindatcatindex td:nth-of-type(4):before {
        content: "Specimen & Locality"
    }

    #mindatcatindex td:nth-of-type(5):before {
        content: "Storage Location"
    }

    #mindatcatindex td:nth-of-type(6):before {
        content: "Photos"
    }

    #mindatcatfilter td:nth-of-type(1):before {
        content: "Text/ID/minID"
    }

    #mindatcatfilter td:nth-of-type(2):before {
        content: "Locality"
    }

    #mindatcatfilter td:nth-of-type(3):before {
        content: "Status"
    }

    #mindatcatfilter td:nth-of-type(4):before {
        content: "Collected"
    }

    #mindatcatfilter td:nth-of-type(5):before {
        content: "Order by"
    }

    #mindatcatfilter td:nth-of-type(6):before {
        content: "No. per page"
    }

    .catshowtable, .catshowtable THEAD, .catshowtable TBODY, .catshowtable THEAD, .catshowtable TH, .catshowtable TD, .catshowtable TR {
        display: block;
        border: 0;
        margin: 0 0 0 0;
        padding: 0;
    }

    .catshowtable {
        width: 300px;
    }

    .catshowtable th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .catshowtable tr {
        border: 1px solid #ccc;
    }

    .catshowtable td {
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #mindatcatindex td:before, #mindatcatfilter td:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #calltoaction, #calltoaction2 {
        width: 328px;
    }

    .whitebg {
        width: 308px !important;
        margin-left: 4px;
    }

    .whitebg #ndminmenu {
        width: 321px !Important;
        margin-left: -8px !important;
    }

    #locpagemap {
        float: none;
    }

    .chemtablesmall {
        margin-left: 0px;
    }

    .ele50 {
        width: 312px !important;
    }

    td {
        word-wrap: break-word !important;
    }

    .chemtablesmall TD A, .chemtablebig TD A {
        width: 16px;
        height: 20px !important;
        font-size: 0px;
        line-height: 7px;
        margin-left: -1px !important;
        margin-top: -1px !important;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 0;
    }

    .chemtablesmall TD B,.chemtablebig TD B {
        font-size: 7px;
    }

    #diffminlocs {
        width: auto;
        height: auto;
        float: none;
        overflow-y: visible;
        margin: 0;
        padding: 0;
    }

    #elegmap, #elegmap2 {
        width: auto;
        height: 350px;
        float: none;
    }

    .locctrl600 {
        width: 225px;
        font-size: 10pt;
    }

    .newphototype
    {
        font-size: 11pt;
    }

    .phototypeselector
    {
        width: 285px;
    }

    .uploadblock {
        width: auto;
        display: block;
    }

    .minchanger {
        width: 220px;
    }

    #geotimeslist {
        display: none;
    }

    #geotimestable {
        min-width: 100%;
    }

    #geotimestable th {
        max-width: 30%;
    }

    #geotimestable .geolsep {
        display: none;
    }

    .smalltxt .stb {
        width: auto;
        display: block;
    }

    .geocmin {
        width: 100px;
    }

    .articlesponsortext {
        width: 288px;
    }

    .minminecraft H1 {
        border-bottom: 0 !Important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        color: #fff !important;
        font-size: 2em;
        margin-bottom: -1.3em !important;
        margin-left: 0.5em !important;
        text-shadow: 2px 2px #000;
        margin-top: 0.5em !important;
    }

    .registerctrls {
        width: 190px;
        font-size: 9pt;
    }

    .registersub {
        width: 190px;
        font-size: 9pt;
        background-color: #cff;
        padding: 4px 2px;
    }

    .regth {
        width: 80px;
    }

    .registerctrls[type='radio'] {
        width: auto;
    }

    TEXTAREA.registerctrls {
        width: 190px;
        height: 220px;
    }

    .auctionpic IMG {
        border: 0px;
        width: 320px;
    }

    .auctionsmallpics IMG {
        width: 69px;
    }

    .auctionpic {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        padding: 0px;
        padding-right: 2em;
        margin-right: 0em;
        margin-top: 1em;
        background-color: #fff;
    }

    #auctionright {
        width: 100%;
        margin-bottom: 1em;
    }

    .book_detail_featured2 {
        width: 320px;
    }

    .minminecraft IMG {
        margin-left: 12px !important;
        width: 318px !important;
        max-width: 600px !important;
    }

    .fourcol {
        column-count: 1;
    }


    #footertext2,#socialmedia2 {
        width: auto;
        margin-left: 0;
        transform: none;


    }

    #mindatlogo
    {
        display: block;
        width: 95px;
        height: 31px;
        background-image: url('/design2018/logo-dark.png');
        background-size: 95px 31px;
        float: left;
        margin-top: 5px !important;
    }

    #ndmainmenu {
        margin: 12px 0 -2px 15px;
    }

    #ndusermenu {
        float: right;

        padding-right: 6px;
        padding-top: 16px;
        font-size: 9pt;
    }

    #mainwrap2>h1
    {
        width: 296px;
    }

    .searchmenuformfp
    {
        position: initial;
        z-index: 100;

        background-color: rgba(0,0,0,0) !important;
        color: #000;
        font-size: 12pt;
        display: block;
        margin-top: 0px !important;
        line-height: 1em;
    }

    .hpboxes1
    {
        width: 320px;
    }


    #ndminmenu
    {
        width: 100vw;
        margin-left: -8px !important;
    }






    #showkey
    {
        display: none;
    }

    #showhidemap2
    {
        display: none;
    }


    #catabanner span
    {
        display: block;
        padding-left: 0em;
        margin-top: 10px;

    }

    .youtubeiframe {
        width: 250px;
        height: 188px;
    }

    .journaliconbox
    {
        width: 49%;
    }


    #xrd_d_spacing
    {
        column-count: 2;
    }
    .gemdatbox
    {
        height: auto;
    }
    .gemdatbox IMG
    {
        display: none;
    }
    #locinfodiv
    {
        display: inline-block;
        column-count: 1;
    }
    .REFcover
    {
        width: 80px;
        float: none;
        position: relative;
        left: calc(50% - 40px);
        margin-top: 20px;
    }
}






/* end for phone */
/* for tablet */













@media screen and (min-width: 679px) and (max-width: 1011px) {
    #corpdatahead {
        width: 340px;
        float: none;
    }
    #xrd_d_spacing
    {
        column-count: 3;
    }


    #catabanner span
    {
        display: block;
        padding-left: 0em;
        margin-top: 10px;

    }


    #ndminmenu
    {
        width: 100vw;
    }


    #liveupdate {

        width: 644px;
        margin: auto;
        text-align: left;

    }


    #mainwrap2>h1
    {
        width: 620px;
    }

    #diamondlevel
    {
        width: 614px;

    }

    #potdholder
    {


        width: 614px;

    }

    #potdholder IMG
    {
        width: 320px !Important;
    }

    #footertext2,#socialmedia2 {

        width: 90vw;
        margin-left: 48vw;
        transform: translate(-50%, 0%);
    }

    #ndmainmenu {
        margin: 2px 0 -2px 15px;
    }

    #mindatlogo
    {
        display: block;
        width: 95px;
        height: 31px;
        background-image: url('/design2018/logo-dark.png');
        background-size: 95px 31px;
        float: left;
        margin-top: 5px !important;
    }


    #searchboxhp
    {

        font-size: 13pt;

        border: 0;
    }



    #searchboxhpsub
    {

        font-size: 13pt;
        padding: 0.3em 0.4em;
        border: 0;
        cursor: pointer;

        background-color: #29af90;
        color: #fff;

    }


    .fourcol {
        column-count: 3;
    }

    .auctionpic {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        padding: 0px;
        padding-right: 2em;
        margin-right: 0em;
        margin-top: 1em;
        background-color: #fff;
    }

    #auctionright {
        width: 100%;
        margin-bottom: 1em;
    }

    .articlesponsortext {
        width: 588px;
    }

    .minminecraft {
        margin-left: 0.8em !important;
    }

    .videofull {
        width: 677px;
    }

    #geotimestable .geolsep {
        display: none;
    }

    #geotimestable {
        min-width: 440px;
        max-width: 440px;
    }

    .minchanger {
        width: 240px;
    }

    #diffminlocs {
        width: auto;
        height: auto;
        float: none;
        overflow-y: visible;
        margin: 0;
        padding: 0;
    }

    #elegmap, #elegmap2 {
        width: auto;
        height: 350px;
        float: none;
    }

    .chemtablesmall {
        margin-left: 90px;
    }

    .ele50 {
        width: 648px !important;
    }

    #calltoaction, #calltoaction2 {
        width: 653px;
    }

    #introdata .twocol {
        width: 24em !important;
    }

    .mindatadiv .newpicbox {
        margin-left: 5px;
    }

    .catshowtable {
        width: 650px;
    }

    #mindatcatfilter, #mindatcatfilter THEAD, #mindatcatfilter TBODY, #mindatcatfilter THEAD, #mindatcatfilter TH, #mindatcatfilter TD, #mindatcatfilter TR {
        display: block;
        border: 0;
        margin: 0 0 0 0;
        padding: 0;
    }

    #mindatcatfilter {
        margin-bottom: 1em;
        margin-top: 1em;
        border-bottom: 2px solid #ccc;
    }

    #mindatcatfilter th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #mindatcatfilter tr {
        border: 1px solid #ccc;
    }

    #mindatcatfilter td {
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 42%;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #mindatcatfilter td:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #mindatcatfilter td:nth-of-type(1):before {
        content: "Text/ID/minID"
    }

    #mindatcatfilter td:nth-of-type(2):before {
        content: "Locality"
    }

    #mindatcatfilter td:nth-of-type(3):before {
        content: "Status"
    }

    #mindatcatfilter td:nth-of-type(4):before {
        content: "Collected"
    }

    #mindatcatfilter td:nth-of-type(5):before {
        content: "Order by"
    }

    #mindatcatfilter td:nth-of-type(6):before {
        content: "No. per page"
    }

    #introdata .twocol {
        width: 37em;
        text-align: justify;
        line-height: 1.5em;
        vertical-align: top;
        margin-top: -0.1em;
    }

    #introdata .newformula {
        display: inline-block;
        margin-top: -0.6em
    }

    #bformblock {
        /* width: 670px; */
    }

    #mineralindex {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .expandmenu {
        text-align: left;
    }

    #startmenu
    {
        text-align: center;
    }
    .banners A {
        margin-left: 5px;
    }

    #pscrollform input[type='text'] {
        width: 540px;
    }

    .psimage IMG {
        width: 163px;
        height: 163px;
    }

    .phorumpictable IMG {
        max-width: 626px;
    }

    .mgmtnotes_edit {
        width: 568px;
    }

    #ndmainmenu A {
        margin-top: 2px;

        margin-bottom: 1px;
    }

    .loclistblock {
        width: 50%;
        float: left;
        line-height: 1.2em;
    }

    .quoteblock, #formtoc {
        width: 600px;
    }

    .namedforpic {
        margin-right: -1px;
    }

    .hidetablet {
        display: none !important;
    }

    .newgrouptable2 {
        width: 548px;
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }

    #sponsorthanks {
        width: 648px;
    }

    #ndtitlebar {
        width: 622px;
    }

    #ndminmenu {
        margin-left: -8px;
        width: 100vw;
    }

    #ndminmenu A {
        margin-right: 0px;
    }

    .centerer {

    }



    .expandmenu2 {
        width: 672px;
        margin-left: -7px;
        border: 0;
        padding-bottom: 1px;
    }

    .expandmenu A {
        margin: 1px 1px 0 0;
        /* border-top: 1px solid #ccc; */
    }

    .expandmenu A, .expandmenu2 a {
        margin: 1px 0 1px 1px;
        /* border-top: 1px solid #ccc; */
        /* border-bottom: 1px solid #ccc; */
        /* border-left: 1px solid #ccc; */
    }

    .newpicbox {
        margin-left: 2px;
    }

    #searchmenuform {
        padding: 0;
        margin-left: -3px;
        margin-bottom: 1em;
    }

    #searchmenu {
        height: auto;
    }

    #footertext,#socialmedia {
        width: auto;
        margin: auto;
        padding: 1em;


    }

    .loclisttable {
        width: 662px !important;
        table-layout: fixed;
    }

    .mindatam2 {
        max-width: 540px !important;
    }

    #cv {
        width: 250px;
        height: 250px;
    }

    .xtlscroll {
        width: 250px;
        height: 250px;
    }

    #xtlinfo, #xtlabout {
        width: 250px;
        height: 200px;
    }

    #jsmoltarget {
        float: left;
    }

    #jsmolinfo {
        float: left;
        width: 220px;
    }

    #xrd {
        width: 550px;
    }

    #birefnote {
        width: 210px;
    }

    .newgrouptable3 {
        width: 550px;
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }

    .newgrouptable3 b {
        display: block;
        float: left;
        width: 120px;
    }

    .newgrouptable3 span {
        display: block;
        float: right;
        width: 140px;
    }

    #map, #map2 {
        width: calc(100% + 17px);
        height: 340px;
        margin-left: -10px;
    }

    #miningmap {
        width: 662px;
        height: 330px;
    }

    .userbigpicture, .plainuserpicture {
        max-width: 600px;
    }

    .userbigpicture IMG, .plainuserpicture IMG, .normalvideo {
        max-width: 600px;
        height: auto !important;
    }

    #polytablediv {
        max-width: 495px;
    }

    #directory_categories {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .dirpremium A {
        width: 488px;
    }

    #phorum {
        font-size: 12pt !important;
    }

    #phorum .newpicbox {
        transform: scale(0.93);
        margin-left: -29px !Important;
        margin-right: -40px !important;
    }

    .whitebg {
        width: 650px !important;
        margin-left: -1px;
    }

    .whitebg #ndminmenu {
        width: 663px !Important;
        margin-left: -8px !important;
    }

    .chemtable2 TD B {
        font-size: 14px;
    }

    .minminecraft IMG {
        margin-left: 1px !important;
        max-width: 654px !important;
    }

    #bgsearch, .bgslide
    {
        height: 300px;
    }

    .hpboxes1
    {
        width: 640px;
    }
    #otd_fp, #hpeople
    {
        width: 620px;
    }
    .youtubeiframe {
        width: 400px;
        height: 300px;
    }
}

/* end for tablet */
/* for PC */


@media screen and (min-width: 1012px) and (max-width: 1359px) {
    .hidepclo {
        display: none !important;
    }

}

@media screen and (min-width: 1012px) {
    .newgrouptable3 {
        width: 866px;
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }

    .loclistblock {
        width: 50%;
        float: left;
        line-height: 1.2em;
    }

    .hidepc {
        display: none !important;
    }


    #sponsorthanks {
        width: 1000px;
    }

    #cv {
        width: 350px;
        height: 350px;
    }

    .geolsep {
        display: inline-block;
        width: 2em;
        padding: 4px;
        margin: -4px 4px -4px -4px;
    }

    #jsmoltarget {
        float: left;
    }

    #jsmolinfo DIV {
        float: left;
        width: 300px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #map {
        width: 980px;
        height: 340px;
    }

    .fixedy {
        position: fixed !important;
        top: 0;
        z-index: 99;

        max-width: 989px;
    }

    #map2wrap {
    }

    #map2 {
        padding: 0;
        width: 1000px;
        margin-left: -10px;
        height: 340px;
    }

    #map2outer
    {
        padding-bototm: 16px;
        height: 356px;
    }

    #map2inside {
        background-color: #fff;
        padding-top: 18px;
        margin-left: -9px;
        margin-right: -9px;
        padding-left: 9px;
    }

    #miningmap {
        width: 983px;
        height: 340px;
        margin-left: 5px;
        border: 1px solid #aaa;
        margin-bottom: -1px;
    }



    UL.clist {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;

        margin-left: -11px;
        margin-right: -11px;
    }

    .fpbox720>ul {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;

        margin-left: -31px;
        margin-right: -7px;
    }

    #glossary li A
    {
        margin-left: -10px;
        margin-right: -0px;
        user-select: none;
    }


    .fpbox720>ul>li, UL.clist>li {
        /* overflow: hidden; */
        /* fix for Firefox */
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        padding-left: 10px;
    }

    #commodityintro {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .fpbox li, .fpbox50 li, .fpbox720 li, .clist li {
        clear: both;
        list-style-type: none;
        border: 0px;
        margin: 0px;
    }

    .fpbox720 li:first-of-type a {
        border-top: 0;
    }

    #phorum .newpicbox {
        transform: scale(0.97);
        margin-right: -24px;
        margin-left: -20px;
    }

    #elementdataarea {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }



}

/* end for PC */

@media screen and (min-width: 1360px) and (max-width: 1689px) {


    .hpboxes1
    {
        width: 1340px;

    }

    #otd_fp, #hpeople
    {
        width: 1320px;
    }
    .hidepcmed {
        display: none !important;
    }

    #diamondlevel
    {
        width: 1304px;
    }

    #mainwrap2>h1
    {
        width: 1320px;
    }

    #potdwrap
    {
        width: 1314px !important;
        margin: auto;

        text-align: left;
    }

    #potdholder
    {
        display: inline-block;



    }

    #potdwrap .newfpbox
    {

        margin: 27px 0 0 14px;

    }

    #potdwrap .newfpbox H1
    {
        padding: 0.5em;
    }

    #sponsorthanks
    {
        width: 1340px;
    }

    .namelist
    {
        column-count: 7
    }



    .fptitlearea #ndtitlebar
    {
        max-width: 1270px;
    }


    #footertext2 {


        width: 1350px;
    }


}
/* end for 1360     330 diff to next */

@media screen and (min-width: 1690px) {
    .hpboxes1
    {
        width: 1676px;

    }

    #otd_fp, #hpeople
    {
        width: 1656px;
    }
    .fptitlearea #ndtitlebar
    {
        max-width: 1600px;
    }


    .hidepchi {
        display: none !important;
    }

    #diamondlevel
    {
        width: 1648px;
        /* margin-top: 0; */
    }

    #mainwrap2>h1
    {
        width: 1657px;

    }


    #potdwrap
    {
        width: 1644px !important;
        margin: auto;
        text-align: left;
    }

    #potdholder
    {
        display: inline-block;
    }

    #potdwrap .newfpbox
    {
        width: 626px;
        margin: 27px 0 0 14px;

    }

    #potdwrap .newfpbox H1
    {
        padding: 0.5em;
    }
    #sponsorthanks
    {
        width: 1678px;
        margin-top: -20px;
    }

    .namelist
    {
        column-count: 8
    }

    #footertext2 {


        width: 1680px;
    }


}
/* end for 1690 */

@media (min-width: 470px) {
    #refsearchprimary {
        flex-wrap: nowrap; /* Disables wrapping for screens narrower than 470px */
    }
}
