/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
    display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers 
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        text-decoration: none;
        color: #7B798F;
    }

    a img {
        border: none;
        outline: 0;
    }

    ul {
        padding-bottom: 10px;
    }
    li {
        padding: 4px;
    }

button, input, optgroup, select, textarea, label {
    color: #000;
}

#content {
    margin: 0 60px;
}

/* used for compliance skip to content */
#skip a {
    position: absolute;
    left: -10000px;
    top: #auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    #skip a:focus {
        position: static;
        width: auto;
        height: auto;
    }

/*nav styles*/
#redNav {
    width: auto;
    margin: 0;
    margin-bottom: 1em;
    background: white;
    overflow: hidden
}

    #redNav li {
        margin: 0;
        float: none;
        position: relative;
    }

    #redNav h2 {
        display: none;
    }

    #redNav span.indicator {
        position: absolute;
        right: 1em;
    }

    #redNav ul {
        list-style: none;
    }

    #redNav li {
        float: left;
    }

    #redNav a {
        display: block;
        border: none;
    }

        #redNav a:current {
            cursor: default;
        }

    #redNav .menuToggle {
        display: block;
        background: rgb(76, 67, 65);
        width: 8em;
        margin-bottom: .2em;
        position: relative;
    }

    #redNav a {
        text-align: center;
        padding: 0;
    }


#navbots {
    float: left;
    width: 60%;
}

    .helpicon {
        padding:10px;

    }

/*used on help page */
.faqul  {
    list-style: none;
}
.faqquest {
    font-weight: bold;

}
.faqans {
    padding-left:  24px;
    padding-bottom: 12px;
}

/*used on image zoom page */
#redImage img {
    width: 100%;
}

.redbutt, .redbutts {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #333;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    margin: 4px;
}

    .redbutt:hover, .redbutts:hover, .redbutts:focus {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .redbutt:active, .redbutts:active {
        position: relative;
        top: 1px;
    }

.cfields {
    display: block;
    padding: 1em 0;
}

.asl input {
    width: 95%;
}

/*find text page*/
#searchText {
    padding: 15px;
    background: #ddd;
    position: fixed;
    right: 5px;
}

/* search box */
#redasearch {
    float: right;
    width: 40%;
}

redasearchimg {
    border: 0;
}

/*filter styles*/
#redfilterbox {
    clear: both;
}

.redfilt {
    width: auto;
    margin: 0;
    margin-bottom: 1em;
    background: white;
    overflow: hidden
}

    .redfilt li {
        margin: 0;
        float: none;
        position: relative;
    }


    .redfilt span.indicator {
        position: absolute;
        right: 1em;
    }

    .redfilt ul {
        list-style: none;
    }

    .redfilt li {
        float: left;
    }

.filtToggle {
    display: block;
    background: rgb(76, 67, 65);
    width: 8em;
    margin-bottom: .2em;
    position: relative;
}

    .filtToggle a {
        display: block;
        border: none;
        text-align: center;
        text-transform: uppercase;
        color: white;
    }

/*home page table*/
#redbox1a {
    clear: both;
    float: left;
    padding: 1em;
    width: 45%;
}

    #redbox1a img {
        padding: 1em;
        width: 90%;
    }

#redbox2H {
    width: 50%;
    float: left;
    padding: 1em 0;
}

#redboxHOt {
    float: left;
}


.redCHList {
    margin-bottom: 1em;
}

    .redCHList ul {
        list-style: none;
    }

    .redCHList li {
        padding-right: .5em;
        float: left;
    }

    .redCHList .resfull {
        width: 225px;
        height: 225px;
        overflow: hidden;
    }

        .redCHList .resfull img {
            width: 98%;
        }

    .redCHList a {
        display: block;
    }

    .redCHList .resfull:hover img {
        width: 210px;
    }

    .redCHList .restext {
        width: 95%;
        height: 91px;
        overflow: hidden;
    }


/* used for object results table on coll and highlights pages*/
.redoresults {
    background-color: #ececec;
    vertical-align: top;
    width: 150px;
    height: 191px;
    padding: 10px;
    text-align: center;
}

    .redoresults img {
        width: 110px;
        z-index: 20;
    }

    .redoresults .restext {
        height: 61px;
        overflow: hidden;
    }

/*search page*/
#redbox1, #redbox2 {
    float: left;
    width: 95%;
    padding: 1em 4em;
}

/*Library archives item highlight items*/
/*home page table*/
#redhomeIL {
    clear: both;
    float: left;
    padding: 1em;
    width: 55%;
}

    #redhomeIL img {
        padding: 1em;
        width: 95%;
    }

#redhome2 {
    padding: 1em;
    float: left;
}

#redbox1, #redhome2L {
    float: left;
    padding: 1em 4em;
}

#redboxA1 {
    clear: both;
    float: left;
    padding: 1em 4em;
}

#redboxAGBanner {
    clear: both;
    float: left;
    padding: 12px;
}

.homelist {
    margin: 10px;
}

    .homelist ul {
        list-style: none;
    }

    .homelist li {
        padding: .5em;
        float: left;
        width: 200px;
    }


    .homelist .restext {
        width: 190px;
        height: 91px;
        overflow: hidden;
    }

    .homelist img {
        width: 95%;
    }

    .homelist .resfull {
        height: 200px;
        overflow: hidden;
    }

        .homelist .resfull:hover {
            width: 98%;
        }


.redCHList .restext {
    width: 220px;
    height: 91px;
    overflow: hidden;
}


#redbox2d {
    float: left;
    padding: 4px;
    width: 40%;
}

#redobjTable {
    padding: 4px;
}


.flabel {
    width: 30%;
    vertical-align: top;
    text-align: left;
}

.ffield {
    width: 60%;
    vertical-align: top;
    text-align: left;
}

.alevel {font-weight: bold; }

#relArtists {
    padding: 1em 0;
}

/* browse page */
#redboxU {
    float: left;
    padding: 1em;
    width: 70%;
}

#ufields {
    padding: 12px;
    list-style: none;
}

#redtableU caption {
    text-align: left;
    width: 50%;
}

#redtableU th {
    text-align: left;
    font-weight: bold;
}

#redtableU td {
    padding: 10px;
    vertical-align: top;
}
/*subjects & browse terms */
dl {
    width: 90%;
    padding: 0.5em;
}

dt {
    float: left;
    clear: left;
    width: 80%;
}

dd {
    padding: 0 0 0.5em 0;
}

#browseControls  
{
    border: 0px;
}
#filtNo {
    width: 3em;
}

/*My List*/
#redbox5 {
    clear: both;
    float: left;
    padding: 12px;
    width: 20%;
}

    #redbox5 .browsebox .bhelp {
        padding-top: 1em;
        display: inline-block;
    }

.browsebox {
    clear: both;
}



/*exhibits*/

#redboxEX {
    float: left;
    width: 50%;
    padding-left: 2em;
}

    #redboxEX img {
        width: 95%;
        padding: 1em;
    }

#redboxEx {
    float: left;
    width: 50%;
    padding-left: 2em;
}

    #redboxEx img {
        width: 95%;
        padding: 1em;
    }

#redbox2ex {
    padding: 1em;
}


#redsearchterm { padding: 0 1em; }

#rexname {
    font-weight: bold;
}

#exsort {
    float: left;
}

#redbox4 {
    clear: both;
    width: 95%;
    padding: 1em;
}

#redbox2Res {
    float: left;
    width: 70%;
    padding: 1em;
}

/*exhibit results layout*/
#exoptions {
    padding-bottom: 1em;
}

.exlist {
    clear: both;
    margin-bottom: 2rem;
    overflow: hidden;
}

.exlist .exfull {
    float: left;
    width: 40%;
    padding: 0 2em 4em 0;
}

    .exlist .exfull img {
        width: 300px;
    }

.exlist .extitle {
    padding: 0;
    font-weight: bold;
    font-size: 1.6em;
}

.exlist .extext {
    line-height: 1.7;
    width: 42%;
    float: left;
}

    .exlist .exlink {
        line-height: 1.5em;
        float: left;
        font-weight: bold;
    }

/*  site page  */
.sitelist {
    clear: both;
}
    .sitelist .sitefull {
        float: left;
        width: 40%;
        padding: 0 2em 2em 0;
    }

        .sitelist .sitefull img {
            width: 100%;
        }

.sitetitle {
    padding: 0;
    font-weight: bold;
    font-size: 1.6em;
}
.sitefield {
    line-height: 1.5em;
}
.sitefield a {
    text-decoration: underline;
}
.sitetext {
    line-height: 1.5em;
    padding-bottom: 2em;
}

/*  table used for site map  */
.redtableRobj {
    padding-left: 2em;
    color: #444;
    border-spacing: 0.5em;
    border: 0;
    width: 98%;
}

    .redtableRobj th {
        text-align: left;
        padding: 4px;
    }

    .redtableRobj td {
        vertical-align: top;
    }


/*  table used to show objects from collection highlight  also archives browse  */
#redtableRobj, #redtableAR {
    padding-left: 1em;
    color: #333;
    border-spacing: 0.75em;
    border: 0;
    width: 90%;
}

    #redtableRobj, #redtableAR td {
        vertical-align: top;
        padding: 4px;
    }

    #redtableRobj .resthumb {
        background-color: #ececec;
        height: 110px;
        overflow: hidden;
    }

        #redtableRobj .resthumb:hover {
            width: 104%;
        }

    #redtableRobj.redlblobj {
        text-align: left;
    }

/* table used for coll high results*/
#redtableHR {
    width: 100%;
    margin-left: 1emx;
    border-spacing: 0;
    border: 0;
}

    #redtableHR tr {
        vertical-align: top;
    }

        #redtableHR tr td {
            vertical-align: top;
            padding: 4px;
        }

            #redtableHR tr td .breaker {
                height: 1em;
            }

        #redtableHR tr .rplain {
        }

        #redtableHR tr .rgrey {
        }

    #redtableHR th {
        background-color: #54524e;
        color: #f8f4e8;
        text-align: left;
        height: 1em;
        vertical-align: middle;
        padding: 4px;
    }

    #redtableHR .resthumb {
        background-color: #ececec;
        height: 110px;
        overflow: hidden;
    }

/* table used for object results list view*/
#redtableORL {
    width: 95%;
    border-spacing: 0;
    border: 0;
    color: #333;
    background-color: #ececec;
}

    #redtableORL th {
        background-color: #54524e;
        color: #f8f4e8;
        text-align: left;
        height: 2em;
        vertical-align: middle;
        padding: 4px;
    }
    }
    
    #redtableORL tr {
        vertical-align: top;
    }
    #redtableORL tr:nth-child(even) {
        background: #ececec;
    }
    #redtableORL tr:nth-child(odd) {
    background: #FFF;
    }

#redtableORL td {
    vertical-align: top;
    padding: 6px;
}

/* table used for archives results list view*/
#redtableARL {
    width: 95%;
    border-spacing: 0;
    border: 0;
    color: #333;
}

    #redtableARL th {
        background-color: #333;
        color: #f8f4e8;
        text-align: left;
        padding: 4px;
    }

    #redtableARL tr {
        vertical-align: top;
    }

#redtableARL tr:nth-child(even) {
    background: #ececec;
}

#redtableARL tr:nth-child(odd) {
    background: #fff;
}
    #redtableARL td {
        padding: 6px;
    }
/*Archive hot fieldset display */
#aHot a {
    text-decoration: underline;
}


/*  table used to show objects from collection highlight   */
#redtableHObj {
    width: 90%;
    margin: 0 auto;
    color: #333;
    border-spacing: 16px;
    border: 0;
}

    #redtableHObj td {
        vertical-align: top;
        width: 50%;
    }

    #redtableHObj .resthumb {
        background-color: #ececec;
        height: 110px;
        overflow: hidden;
    }

        #redtableHObj .resthumb:hover {
            width: 104%;
        }

    #redtableHObj .restext {
        height: 61px;
        overflow: hidden;
    }

/*results pages*/

#redpagetot {
    float: left;
    padding-top: 10px;
}

#redpagenav {
    float: left;
    padding-top: 10px;
}

.nextprev {
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 2px;
    background-color: #222;
    color: white;
    float: left;
    font-weight: bold;
}

#redpageCount {
    font-weight:bold;
    float: right;
    padding: 12px;
}

#redpageCountb {
    float: right;
    padding: 12px;
}

/*detail page*/
#redbox1d {
    clear: both;
    float: left;
    width: 45%;
    padding: 1em;
}

#redobjImage #mainimg {
    width: 95%
}

    #redobjImage a:focus {
        border:solid;
        border-color: white;
    }


#setreturn {
    display: block;
}

    #setreturn a {
        border-bottom: 0px;
    }

#redfavor {
    float: right;
    padding-right: 2em;
}
    #redfavor a:focus {
        background-color: yellow;
    }
    #redfavor a:hover {
        background-color: yellow;
    }

.hotlink:hover {
    color: red;
}
hotlink:focus {
    color: red;
}


/*use on image detail pages for archive library item*/
#redmax {
    padding: 2em;
    width: 95%;
}

    #redmax img {
        width: 90%;
    }

/*Archive Detail */
#redboxFA {
    clear: both;
    padding: 24px;
}



.redarchtext {
    padding-left: 24px;
    padding-bottom: 12px;
}

#aGroupMedia {
    float: right;
    width: 260px;
    padding: 10px;
    margin: 10px;
    background-color: #dedede;
    border: 1px solid grey
}

    #aGroupMedia input[type=text] {
        width: 80%;
        background-image: url("../Images/searchicon.png");
        background-position: 10px 10px;
        background-repeat: no-repeat;
        padding: 8px 4px 8px 32px;
    }

#aParent {
    padding-bottom: 13px;
}

#redArchChildTableS {
    border-collapse: collapse;
}

    #redArchChildTableS td {
        background-color: #e5fbfc;
        padding: 3px 14px;
        vertical-align: top;
        text-align: left;
    }

    #redArchChildTableS .ser {
        width: 18px;
    }


#redArchChildTableF {
    border-collapse: collapse;
    margin-left: 12px;
}

    #redArchChildTableF td {
        background-color: #deebed;
        vertical-align: top;
        padding: 3px 14px;
        text-align: left;
    }

    #redArchChildTableF .fu {
        width: 18px;
    }

    #redArchChildTableF .nbr {
        width: 24px;
    }

#redArchChildTableB {
    border-collapse: collapse;
    margin-left: 12px;
}

    #redArchChildTableB td {
        background-color: #eee;
        padding: 3px 14px;
        vertical-align: top;
        text-align: left;
    }

    #redArchChildTableB .bib {
        width: 18px;
    }

    #redArchChildTableB td .nbr {
        width: 24px;
    }

#redboxAD #redtitle {
    padding: 1em 0;
    font-weight: bold;
}

/*archives restrictions*/
#aRest {
    color: #f3021c;
    padding-bottom: 12px;
}

#redLibTable {
    border-collapse: collapse;
    width: 100%;
    margin-left: 4px;
}

    #redLibTable td {
        background-color: #eee;
        padding: 3px 4px;
        vertical-align: top;
        text-align: left;
    }

        #redLibTable td .flabel {
            width: 12px;
            padding: 0 4px;
        }

#ShowMARC {
    margin: 1em;
    ;
}

#redLibTableMarc {
    border-collapse: collapse;
    width: 95%;
    background-color: #fefefe;
}

    #redLibTableMarc th {
        font-weight: bold;
        border: 1px solid black;
        padding: 4px 4px;
    }

    #redLibTableMarc td {
        border: 1px solid black;
        padding: 4px 4px;
        vertical-align: top;
        text-align: left;
    }

        #redLibTableMarc td .tag .ind {
            width: 12px;
        }


#tableSupp {
    border-collapse: collapse;
    width: 100%;
}

    #tableSupp th {
        text-align: left;
        font-weight: bold;
    }
#tableSupp caption {
    color: #000;
    padding: 4px;
}
    #tableSupp td {
        padding: 4px;
        vertical-align: top;
        color: #000;
    }

/*Archive Display */
.hiercontrol {
    width: 24px;
}

.hierSeries {
    padding-left: 12px;
}

hierFileUnit {
    padding-left: 24px;
}

hierItem {
    padding-left: 36px;
}

/*Library Item Detail*/
/*boxes for archives detail pages ARH and AD*/
#redboxARH {
    clear: both;
    background-color: #ececec;
    border: solid 1px lightgrey;
    float: left;
    width: 30%;
    padding: 1em;
    margin: 0 1em;
}

#redboxAD {
    float: left;
    padding: 0.5em;
    width: 50%;
}

    #redboxAD #redtitle {
        padding-top: 0.5em;
    }

.redarchtext {
    padding-left: 24px;
    padding-bottom: 12px;
}

/* subjects */
.authlist li {
    list-style: none;
    padding: 0.5em;
}
/*my list*/
#redbox3C {
    padding: 10px;
    float: left;
    width: 70%;
}

/* ABout */
#redbox1A {
    clear: both;
    float: left;
    width: 50%;
    padding: 1em;
}

/* ABout */
#redbox2A {
    float: left;
    width: 40%;
    padding: 1em;
}

    #redbox2A img {
        width: 90%;
        padding: 1em;
    }

/*Global page*/
/*home page table*/
#redbox1a {
    clear: both;
    padding: 1em;
    width: 45%;
}

#redbox1g {
    padding: 1em;
    width: 45%;
    float: left;
}

#redbox1g img {
    width: 95%;
}

#redbox2g {
    clear: both;
    width: 45%;
    padding: 1em;
    background-color: #ececec;
    margin-top: 0.5em;
    float: left;
}

    #redbox2g ul {
        list-style: none;
    }

#redbox2ha {
    float: left;
    width: 35%;
    padding: 1em;
    background-color: #ececec;
    margin-top: 0.5em;
}

    #redbox2ha #dirlist {
        padding: 2em;
    }

    #redbox2ha #archsearchtext {
        padding-top: 1em;
        font-size: 0.9em;
        color: #000;
    }

#redGSearchTerms {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 6px;
}

.redtitleG {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 6px;
}

/* table used for object results list view*/
.redtableG {
    width: 100%;
    border-spacing: 0;
    border: 0;
    color: #333;
    margin-bottom: 20px;
}

    .redtableG th {
        background-color: #54524e;
        color: #f8f4e8;
        text-align: left;
        height: 30px;
        vertical-align: middle;
        padding: 4px;
    }

    .redtableG tr {
        vertical-align: top;
    }

        .redtableG tr:nth-child(even) {
            background: #ececec;
        }

        .redtableG tr:nth-child(odd) {
            background: #fff;
        }

    .redtableG td {
        padding: 4px;
    }

fieldset {
    list-style: none;
}

.redGCheckOnly {
    padding: 4px;
    float: right;
}

.redGlobalRes {
    padding: 4px;
}

.redGlobalRes .show {
    font-weight: bold;
}

/*
   ********************* 
    mobile styles 
   ********************* 
   
*/

@media only screen and (max-width:570px) {
    body {
        /*width: 90%;*/
        margin: 0 auto;
        min-width: 320px;
        max-width: 570px;
    }

    #content {
        margin: 0 1em;
    }

    #redHeader #oSearch {
        width: 9em;
    }


    #relObjs, #relExhibit {
        padding: 0 1em;
    }

        #relObjs, #relExhibit a {
            text-decoration: none;
            font-size: 1.1em;
            text-align: left;
            display: block;
            line-height: 2em;
            margin-bottom: 1px;
            padding-left: 1em;
        }

    /*nav styles*/
    #redNav {
        width: auto;
        margin: 0;
        margin-bottom: 1em;
        background: white;
        overflow: hidden
    }

        #redNav li {
            margin: 0;
            float: none;
            position: relative;
        }

    .topMenu {
        max-height: 0;
        visibility: hidden;
    }

        .topMenu.expand {
            max-height: 900em;
            visibility: visible;
        }

    #redNav a {
        font-size: 1.2em;
        text-align: left;
        color: white;
        display: block;
        margin-bottom: 1px;
        background: rgb(76, 67, 65);
        padding-left: 1em;
        line-height: 2em;
        text-transform: uppercase;
        cursor: pointer;
    }

        #redNav a:hover {
            color: white;
        }

        #redNav a.current {
            color: rgb(237, 228, 214);
        }

    #redNav span.indicator {
        position: absolute;
        right: 1em;
    }

    #redfilterbox {
        float: none;
        display: block;
    }

    /*home archives */

    /*Library archives item highlight items*/
    /*home page table*/
    #redhomeIL {
        clear: both;
        padding: 1em;
        width: 90%;
    }

        #redhomeIL img {
            padding: 1em;
            width: 95%;
        }

    #redhome2 {
        padding: 1em;
        width: 95%;
    }


    #redbox2ha {
        float: left;
        padding: 1em;
        background-color: #ececec;
        width: 95%;
    }



    .redfilt {
        max-height: 0;
        visibility: hidden;
    }

        .redfilt li {
            font-size: 1.2em;
            text-align: left;
            color: white;
            display: block;
            background: rgb(76, 67, 65);
            padding-left: 1em;
            line-height: 2em;
            text-transform: uppercase;
            width: 100%;
            cursor: pointer;
        }

        .redfilt.expand {
            float: none;
            max-height: 990em;
            visibility: visible;
        }

            .redfilt.expand #redoviews {
                max-height: 0;
                visibility: hidden;
            }

            .redfilt.expand #resprint {
                max-height: 0;
                visibility: hidden;
            }

        .redfilt span.indicator {
            position: absolute;
            right: 1em;
        }

    .redbutt {
        margin: 1em;
    }

    #redtableHObj {
        border-spacing: 2px;
        width: 100%;
    }

        #redtableHObj .resthumb:hover {
            width: 98%;
            padding: 4px;
        }


    /* used for object results table on coll and highlights pages*/
    .redoresults {
        padding: 4px 4px;
    }

        .redoresults img {
            width: 110px;
        }

        .redoresults .restext {
            height: 61px;
            overflow: hidden;
        }

    /*browse*/
    #ufields {
        line-height: 2em;
    }


    /*on the mylist page*/

    /*My List*/
    #redbox5 {
        width: 95%;
        display: block;
    }

        #redbox5 #bhelp {
            display: inline-block;
        }

    .browsebox {
        clear: both;
    }

    #redbox3C {
        width: 95%;
        padding: 1em;
    }

    #PrintList {
        max-height: 0;
        visibility: hidden;
        display: none;
    }

    #SaveList {
        max-height: 0;
        visibility: hidden;
        display: none;
    }

    /*About */
    #redbox1A {
        clear: both;
        width: 95%;
        padding: 2em;
    }

    /* ABout */
    #redbox2A {
        width: 95%;
        padding: 2em;
    }

        #redbox2A img {
            width: 90%;
            padding: 1em;
        }
    /*other mobile screens*/

    /*display: none; remove thumbnails for mobile - note item library archives ONLY shows  thumbnails
    #redobjThumb {
        height: 0px;
        visibility: hidden;
        display: none;
    }
       */

    #redbox2d {
        float: none;
        width: 100%;
        padding: 4px;
    }

    /*exhibits*/

    #redboxEX {
        width: 95%;
    }

        #redboxEX img {
            width: 95%;
        }

    .redExtext {
        padding-top: 0.4em;
        padding-bottom: 1em;
    }

    #redbox2R {
        float: none;
        width: 95%;
        padding: 2em;
    }

    #redboxHEx {
        width: 90%;
        margin: 0 auto;
    }

        #redboxHEx img {
            width: 95%;
            padding: 6px;
        }

    #redboxHOt {
        margin: 0 auto;
    }

    /*results pages*/
    #redpageCount {
        float: none;
        padding: 12px;
    }

    #redpageCountb {
        float: none;
        padding: 12px;
    }

    #redExRes {
        display: block;
        width: 95%
    }

    /*detail page*/
    #redbox1d {
        clear: both;
        width: 95%;
        padding: 1em;
    }

    #redobjImage img {
        width: 95%
    }


    #setreturn .redback {
        display: block;
        width: 90%;
        text-transform: uppercase;
        font-size: 1.4em;
        margin: 0 auto;
        background-color: grey;
        padding: 1em;
        color: white;
    }

    #setreturn img {
        width: 40px;
        height: 40px;
    }

    #redbox2g {
        float: left;
        width: 95%;
        padding: 1em;
        background-color: #ececec;
        margin-top: 0.5em;
    }

        #redbox2g #dirlist {
            padding: 2em;
        }

    /*archive detail*/

    #aGroupMedia {
        clear: both;
        display: block;
        ;
        width: 95%;
        padding: 0.5em;
        background-color: #dedede;
    }

    /*Global pag me*/
    #redbox1a {
        clear: both;
        padding: 1em;
        width: 95%;
    }

    /*Library Item Detail*/
    /*boxes for archives detail pages ARH and AD*/
    #redboxARH {
        clear: both;
        background-color: #ececec;
        border: solid 1px lightgrey;
        width: 90%;
        padding: 1em;
    }

    #redboxAD {
        padding: 1em;
        width: 95%;
    }

    /* table used for global results list view*/

    #redbox2g {
        width: 90%;
    }

    #redbox1g {
        width: 90%;
    }

    #redbox2Res {
        width: 95%;
        padding: 0.5em;
    }

    .redtableG {
        width: 95%;
        border-spacing: 0;
        border: 0;
        color: #333;
        margin-bottom: 1em;
    }

        .redtableG th {
            background-color: #54524e;
            color: #f8f4e8;
            text-align: left;
            height: 2em;
            vertical-align: middle;
            padding: 4px;
        }

        .redtableG tr {
            vertical-align: top;
        }

            .redtableG tr:nth-child(even) {
                background: #ececec;
            }

            .redtableG tr:nth-child(odd) {
                background: #fff;
            }

        .redtableG td {
            padding: 0.5em;
        }

}

/*
    ****************
    tablet styles 

    *****************

*/
@media only screen and (min-width:571px) and (max-width:768px) {
    body {
        width: 94%;
        margin: 0 auto;
        min-width: 570px;
        max-width: 768px;
    }

    #content {
        margin: 0 2em;
    }


    #redNav {
        padding-left: 3%;
        margin-bottom: 1em;
    }

        #redNav h2 {
            display: none;
        }

        #redNav li {
            margin-right: 3%;
        }

        #redNav a {
            font-size: 1.1em;
            text-align: center;
            color: black;
            display: block;
            margin-bottom: 1px;
            line-height: 1.5em;
            text-transform: uppercase;
            cursor: pointer;
        }

            #redNav a:hover {
                color: red;
            }

            #redNav a.current {
                color: cornflowerblue;
            }

    #redfilterbox {
        float: none;
        display: block;
    }


    .redfilt {
        max-height: 0;
        visibility: hidden;
    }

        .redfilt li {
            font-size: 1.2em;
            text-align: left;
            color: white;
            display: block;
            background: rgb(76, 67, 65);
            padding-left: 1em;
            line-height: 2em;
            text-transform: uppercase;
            width: 30%;
            cursor: pointer;
        }

        .redfilt.expand {
            float: none;
            max-height: 990em;
            visibility: visible;
        }

            .redfilt.expand #redoviews {
                max-height: 0;
                visibility: hidden;
            }

            .redfilt.expand #resprint {
                max-height: 0;
                visibility: hidden;
            }

        .redfilt span.indicator {
            position: absolute;
            right: 1em;
        }

    .redbutt {
        padding: 10px;
        margin: .4em;
    }
    /*browse*/
    #ufields {
        line-height: 2em;
    }

    /*My List*/
    #redbox5 {
        width: 30%;
        display: block;
    }

    #redbox3C {
        width: 60%;
    }

    /*exhibits*/

    #redbox2ex {
        width: 96%;
    }

    #exsort {
        width: 95%;
        padding: 2em;
    }

    #redbox4 {
        width: 95%;
    }

    #redbox2R {
        float: none;
        width: 95%;
    }


    /*detail page*/

    #redbox2d {
        float: none;
        padding: 12px;
        width: 95%;
    }

    #setreturn .redback {
        display: block;
        width: 90%;
        text-transform: uppercase;
        font-size: 1.4em;
        margin: 0 auto;
        background-color: grey;
        padding: 1em;
        color: white;
    }

    #setreturn img {
        width: 40px;
        height: 40px;
    }
}


/*desktop styles*/
@media only screen and (min-width:769px) {

    #content {
        margin: 0 60px;
    }

    .redbutt {
        padding: 10px;
        margin: .4em;
    }

    #redNav {
        padding-left: 5%;
        margin-bottom: 1em;
    }

        #redNav h2 {
            display: none;
            color: red;
            font-size: 3em;
        }

        #redNav li {
            margin-right: 1.5em;
        }

        #redNav a {
            font-size: 1.2em;
            text-align: center;
            color: black;
            display: block;
            margin-bottom: 1px;
            line-height: 2em;
            text-transform: uppercase;
            cursor: pointer;
        }

            #redNav a:hover {
                color: red;
            }

            #redNav a.current {
                color: cornflowerblue;
            }

    #redfilterbox {
        float: left;
        background-color: #EEE;
        width: 155px;
        margin: 50px 10px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
    }

        #redfilterbox .fbelements {
            padding: 5px;
        }


    #redboxHOt {
        float: left;
    }

    #redbox2R {
        float: left;
        width: 70%;
        padding: 1em;
    }
}

input[type=text] {
    width: 65%;
    background-image: url("../Images/searchicon.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 8px 8px 8px 40px;
}

    input[type=text]:focus {
        border-color: blue;
    }
 
select {
    padding: 2px;
    margin: 2px;
}

    #language .lang {
        padding: 0 24px;
        float: right;
    }
    #language img {
        padding: 0 8px;
        float: right;
        height: 32px;
    }

#redPrivacy {
    width: 100%;
    color: #000;
    background-color: #fff;
    font-size: 0.9em;
    padding: 1em
}
#redPrivacy p {
    font-size: 0.9em;
    text-align: center;
}