html, body { height:100%; }

html {
    font-size: 16px;
    font-family: "Open Sans", "Trebuchet MS";
    -webkit-font-smoothing: antialiased;
}

body {
    padding: 0 15px;
    background-color: #666;
    margin-bottom:1em;
}

p,div,td,span,select,option,li {
    color: rgb(88, 88, 90);
}

.link , a , .ui-tabs-panel a{color:#336196;text-decoration:none;cursor:pointer;cursor:hand;}

#wrapper {width:960px;margin:0 auto 0 auto;background:#FFF;}

#header {background:#FFF;padding: 2em 0 20px 1.5em; height: 110px; }
#header img {float:left;}

#head-right {
    float:right;
    padding:0;
    margin-right: 20px;
    width: 400px;
}

#head-search:focus {
    outline:none;
}

#research-nav {
    background: rgb(34,30,31);
    width:100%;
    height: 32px;
    min-width: 940px;
}

#research-nav ul#main-nav {
    z-index:200;
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
}

#research-nav ul#main-nav > li {
    float:left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: static;
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
}

#research-nav ul#main-nav > li:last-child > a {
    border-right:none !important;
}
#research-nav ul#main-nav > li:first-child > a {
    margin-left: 10px;
}

#research-nav ul#main-nav > li > a, #research-nav ul#main-nav > li > span {
    color: #f5f5f5;
    display:block;
    padding: 0px 10px;
    margin: 7px 0 5px 0px;
    text-decoration: none;
    position: relative;
    border-right: 1px solid grey;
}

    #research-nav ul#main-nav > li > a.nav-right {
        color: rgb(166,168,181);
    }
    #research-nav ul#main-nav > li > span.nav-right {
        color: rgb(166,168,181);
        padding-left: 245px;
        border-right: none;
        padding-right: 0px;
    }

#big-home { 
    width: 961px; 
    height: 385px;
    margin: 0; 
    margin-bottom: 10px;
    padding: 0; 
    background: url('/images/fraser-home.jpg');
}
    #big-home #explore, #big-home #access, #big-home #learn{ 
        position: relative; 
        height: 129px;
        width: 961px; 
        cursor: pointer;
    }
    .hover-filter {
        background-color: rgba(66, 99, 132, 0.7);
        position: absolute;
        height: 129px;
        visibility: hidden;
    }
        #explore .hover-filter {
            left: 351px;
            width: 609px;
        }
        #access .hover-filter {
            width: 627px;
        }
        #learn .hover-filter {
            left: 490px;
            width: 471px;
            height: 127px;
        }
    #big-home .hover-text {
        position: relative;
        visibility: hidden; 
        color: #FFF;
        font-size: 1.9em;
        padding: 0.6em 1.3em;
        width: 609px;
        height: 129px; 
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #big-home #explore .hover-text {
        top: 0px;
        left: 351px;
    }
    #big-home #access .hover-text {
        top: 0px;
        width: 627px;
        font-size: 1.8em;
    }
    #big-home #learn .hover-text {
        top: 0px;
        left: 489px;
        width: 472px;
    }
    #big-home a {
        margin-top: 10px;
        font-weight: bold;
        background-color: rgb(164, 170, 183);
        opacity: 0.8;
        filter:alpha(opacity=80);
        border: none;
        color: #FFF;
    }

#fraser-homepage-tabs li {float:left;display:block;padding:.5em 1em;margin:0;margin-right:1em;background:#EEE;font-size:.8em;font-weight:bold;letter-spacing:1px;border:2px solid #ddd;border-bottom:none; letter-spacing: 0.2em;}
#fraser-homepage-tabs {margin:1em 0 0 1.5em;padding:0; clear: both;}
#fraser-homepage-tabs li a {color:#333 !important;}
#fraser-homepage-tabs li a:hover {text-decoration:none;}
#fraser-homepage-tabs li.active {background:#E1E9F0 !important}
#fraser-homepage-tabs-content {background:#E1E9F0; padding:4px; margin:0 1em 50px 1em;}
#fraser-homepage-tabs-content-inner {background:#FFF;padding:1em;min-height:200px;}
div#publication-tabs-content {background:#E1E9F0;padding:10px;padding-bottom: 10px;border-top:none; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
#publication-tabs-content-inner {background:#E1E9F0;}
.tabs-left {width:425px;float:left;padding-right:20px;}
.tabs-right {float:right;width:425px}
.tabs-item {margin:1em;border-bottom:1px solid #eee;padding-bottom:1.5em;clear:both;min-height:50px;}
    .tabs-item a { font-weight: bold; }
    .tabs-item p { overflow: hidden; }

.clear {clear:both;}

#footer {
    background: #eff0f0;
    padding: 1em;
    margin: 0;
}

#footer a,
#footer a:visited {
    color:#333;
}

#footer div {
    font-size: 11px;
    margin: 1em 0 1em 0;
    zoom:1;
}

#footer .footer-section-header {
    float:left;
    font-size:11px;
    color: rgb(34,30,31);
    letter-spacing: 0.05em;
}

    #footer div.withicons {
        width: 100%;
    }

    #footer .footerfollow li {
        border: none;
    }

#footer div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer div ul li {
    margin: 0;
    padding: 0 8px;
    float:left;
    border-right: 1px solid #333;
    white-space:nowrap;
    text-align: center;
}
#footer div ul li.last-item {
    border: none;
}

#footer-bottom, #footer-bottom div {
    padding: .3em;
    color: #FFF;
    font-size: 12px;
    background: rgb(71,106,154);
    text-align:center;
    letter-spacing: -0.04em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#footer-bottom div {
    width: auto !important;
}

#breadcrumbs {color: rgb(58,58,55);padding:1em 0 1em 1em; background-color: rgb(246, 248,235);margin:0; width: 957px;}
#breadcrumbs a { color: #000000; }

#details,#pages,#articles {display:none; overflow: auto;}

.item a {font-weight:normal;font-size:1.2em;}
.item span {font-weight:normal;font-size:1.2em; color: rgb(55,78,125);}
.item {border-bottom:1px solid #CCC;color:#333;}

#alert-bar {background:#e56e1f;color:#FFF;font-size:1.1em;position:relative;z-index:1000;margin:0;overflow:visible;padding:.5em;font-weight:bold;text-align:center;border-bottom:3px solid #FFF;box-shadow: 3px 3px 4px #666;-moz-box-shadow: 3px 3px 4px #666;  -webkit-box-shadow: 3px 3px 4px #666;}
#alert-bar a {color:#FFF;line-height:25px}
#alert-bar-close {height:25px;width:25px;line-height:20px;border:2px solid #FFF;display:block;float:right;position:absolute;top:6px;right:10px;color:#FFF;font-weight:bold;cursor:pointer;cursor:hand}

div.active {background:#69718D;color:#FFF;}
div.active a {color:#FFF;}
div.active ul li a,div.active ul li span{color:#FFF !important;}
div.active .meta {color:#FFF !important;}

#content {padding: 0;clear:both;}
    #content #about, #content #howto { margin: 0 20px 20px 20px; }
    #content #faq, #content #contact, #content #education { margin: 20px; }
.item-description {font-size:.9em;font-weight:normal;color:#666;font-style:italic;display:block;padding:1em 0 0 1em;}
ul {list-style-type:circle;list-style-position:inside;margin-left:5px;}
li {padding-bottom:.25em;padding-left:.25em;}

#collection-full-column {float:left;width:100%;border-right:1px solid #ccc;margin-right:2em;border-top:1px solid #ccc;}
.item { padding: 8px 0px 7px 15px; font-size: 0.85em; cursor: pointer; }
    .item:hover { background-color: rgb(237,244,247); }

#collection-left-column {float:left;width:500px;border-right:1px solid #ccc;margin-right:2em;border-top:1px solid #ccc;}
#collection-right-column {margin-left:2em; border-left: 10px solid rgb(233,238,245);}
#collection-all-tags {margin-left:500px}
#collection-left-column li a , #collection-all-tags a {color:#5d6b4c;list-style-type:square;cursor:pointer;cursor:hand;}
#collection-left-column li {float:left;padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:.9em;}
#collection-all-tags li {padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:1em;}

#issue-list li {list-style-type:none;padding:.5em 0;}
#year-list a {cursor:pointer;cursor:hand;}
#issue-list p {clear:both;padding-top:1em;}

#pages-left-column, #articles-left-column {background-color: white;float:left;width:525px;margin-right:1em;border-top:1px solid #ccc; height: 700px; overflow-y: auto; }
#pages-right-column, #articles-right-column { padding: 15px 20px 15px 20px; width: 402px;float: left; background-color: white;border-top:1px solid #ccc; overflow-y: auto; height: 700px;}
#pages-left-column li a , #pages-all-tags a, #articles-left-column li a , #articles-all-tags a  {color:#5d6b4c;list-style-type:square;cursor:pointer;cursor:hand;}
#pages-all-tags li, #articles-all-tags {padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:.9em;}
#pages-left-column li , #articles-left-column li {float:left;padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:.9em;}
#pages-left-column ul , #pages-all-tags ul, #articles-left-column ul , #articles-all-tags ul {margin:.5em 0 0 0;padding:0;color:#ccc;list-style-position:inside;}
#pages-all-tags, #articles-all-tags {margin-left:500px;padding-top:1em;}
#pages-intro, #articles-intro { padding: 10px 30px 10px 9px; font-size: 1.1em; background: #E1E9F0;}
    p#pages-intro, p#articles-intro { margin-bottom: 0; }
#archive-controls, #pages-controls, #articles-controls { border: 1px solid rgb(220, 221, 222); background: rgb(244,246,230); height: 55px; padding-top: 20px; padding-left: 20px;}
    #archive-controls form, #pages-controls form, #articles-controls form { margin: 0; }
    #pages_select, #articles_select { margin-top: 4px;}

#timeline-left-column {float:left;width:100%;border-right:1px solid #ccc}
#timeline-right-column {border-top:1px solid #ccc;}
#timeline-all-tags {margin-left:500px;padding-left:2em;}
#timeline-left-column li a , #timeline-all-tags a {color:#5d6b4c;list-style-type:square;cursor:pointer;cursor:hand;}
#timeline-left-column li {float:left;padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:.9em;}
#timeline-all-tags li {padding:0em 1em .5em 0;color:#CCC;list-style-type:square;font-size:1em;}


#info-content{display:none;position:absolute;margin-left:500px;width:435px;border:1px solid #ccc;background:#FFF;z-index:5;padding:1em;font-size:1em;box-shadow:2px 2px 2px #333333;}
.item-info {display:none;}
#visible-tags span {display:inline-block;background:#ddd;padding:3px;margin:0 0.5em;font-size:.9em;}
.close-tag {color:#374E85;cursor:pointer;cursor:hand;}
.meta {font-size:.9em;color:#666;}
.button {margin:2em 0;font-size:.9em;cursor:pointer;cursor:hand;}
.button {font-size:1.1em;padding:.5em 2em;background:#ddd;border:1px solid #999;color:#333;background:#D3D5D7;border-radius:5px;}
.small-button {font-size:.9em;padding:.25em 1em;background:#ddd;border:1px solid #999;color:#333;background-image: -moz-linear-gradient(top,#ddd,white);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,white));border-radius:3px;cursor:pointer;cursor:hand;}
.small-button:hover,.button:hover {border:1px solid #333;color:#FFF;background:#69718D;}
.fixed {position:fixed;top:0;}

label {width:125px;text-align:right;vertical-align:top;display:inline-block;padding:.5em;font-weight:bold;}
input {border:1px solid #999;outline:none;}
input.error {color:#333;}
textarea {padding:.5em;border:1px solid #999;outline:none;}
input:focus,textarea:focus {border:1px solid #B8C1AC;}
#question {width:400px;height:200px;}
#name,#email {width:250px;}
#honeypot {display:none;}
.error {color:#ff6600;width:auto;text-align:left;}
.required-label {color:#ff6600;width:auto;text-align:left;font-weight:bold;}
.description {font-size:1.2em;color:#666;font-style:italic;}
.large {font-size:1.2em;}

#chapters td , #chapters th {padding:.5em;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;}
.chzn-results li {line-height:100% !important;}

.author-title,.collection-title {cursor: pointer; clear: left; background:#FFF;border-top:1px solid #D3D5D7;font-size:1.0em;}
.collection-title li {margin-left: 25px; padding: 5px 0 5px 5px;}
.collection-title:hover { background-color: rgb(237,244,247); }

.browsebytheme .collection-title:hover, .browsebyauthor .collection-title:hover, .browsebysubject .collection-title:hover { background-color: rgb(237,244,247); }
.browsebytheme .category-selected, .browsebyauthor .category-selected > div, .browsebysubject .category-selected > div { background-color: rgb(237,244,247); }
.browsebytheme .category-item:hover, .browsebyauthor .category-item:hover, .browsebysubject .category-item:hover { background-color: rgb(219,232,239);  }
.collection-title a { color: #000000;}
.collection-title-first { clear: both;}
.subcollection { }

#browse-by-container-middle.archivalmiddle, #browse-by-container-header-middle.archivalmiddle { width: 435px; padding: 0 }
#browse-by-container-right.archivalright, #browse-by-container-header-right.archivalright { width: 500px; }
#browse-by-container-middle.browsebytitle { padding-left: 0px; padding-right: 0px; }

#archival-list .category-item:first-of-type { border-top: none; margin-top: 10px; }

.info-column ul {
    /* have to override styles set by hcolumns */
    list-style: circle outside none !important;
    margin: 0 0 10px 20px !important;
    padding: 0px !important;
    overflow-y: initial !important;
    width: auto !important;
    height: auto !important;
    padding-left: 0 !important;
}
.info-column li {
    /* have to override styles set by hcolumns */
    padding:0.25em !important;
    list-style-type: circle !important;
}
.issue-description {display:block;margin-top:.5em;color:#666;}

.ui-autocomplete {z-index:20000 !important;}

.alpha-active {font-weight:bold;color:#333}
.item-count {font-size:.7em;color: rgb(99, 110, 113); font-style: italic; }
.hide {display:none}

.filesize {font-size:.8em !important;color:#666;}

.wrapped {white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */}

.group-expand,.group-collapse {cursor:pointer;cursor:hand;}
.group-expand {background:url(/images/arrow_expand.png) bottom right no-repeat;padding-left:25px;float:left;position:relative;padding-top:.7em;margin-right:5px}
.group-expand + ul li {display:none}
.group-expand + ul li:first-child {display:block}
.group-collapse {background:url(/images/arrow_collapse.png) bottom right no-repeat;padding-left:25px;font-weight:bold;float:left;position:relative;padding-top:.7em;margin-right:5px}
.badge {
    padding:0 5px;
    width:auto;
    height:18px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    font-size:9px;
    line-height:18px;
    font-weight:bold;
    color:#fff;
    background:#c44246;
    background:rgba(188,35,40,0.85);
    text-shadow:0 -1px 0 #9d1217;
    text-indent:0
}
.box {
    border: 1px solid rgb(220,221,222);
    padding: 4px 6px;
    margin-right: 15px;
    font-size: 9px;
    font-weight: bold;
    float: left;
    display: block;
}

.shade, .shade-yellow{
    padding: .3em .4em 0 1em;
    margin:0;
    height: 23px;
    margin-right:1em;
    background:rgb(242,242,243);
    font-size:.8em;
    font-weight:bold;
    letter-spacing:1px;
    border:2px solid rgb(225,226,228);
    letter-spacing: 0.2em;
    cursor: pointer;
    margin-top: 10px;
}
.shade-expanded {
    background: rgb(233,239,246);
}
.shade-expanded-yellow {
    background: rgb(241, 244, 223);
}
.moreinfo {
    padding: 0 0 0 4px;
    margin-top: 10px;
}
    .moreinfo * {
        margin: 0;
    }
    .moreinfo > * {
        padding-bottom: 0px;
    }
    .moreinfo .item {
        padding-bottom: 7px;
    }
    .moreinfo ul {
        margin-left:1em;
    }
    .moreinfo .withicons ul {
        list-style-type: none;
    }
        .moreinfo .withicons ul li {
            float: left;
        }
        .moreinfo .withicons input {
            width: 300px;
        }
    #browse-by-container-right-info .moreinfo.toc {
        margin-top: 0px;
    }
    #browse-by-container-right-info .moreinfo.toc .item:hover {
        background-color: #FFF;
    }

.shade-right {
    margin-top: -1px;
    float: right;
    color: rgb(167,171,175);
    letter-spacing:0px;
}
    .shade-right .circle {
        border:1px solid rgb(167,171,175);
        padding: 0 2px;
        border-radius: 25px;
        font-size: 1em;
        font-family: "Courier New", Courier, monospace;
    }

/* R E D E S I G N */
/* The yellowish background header on many pages, with blue vertical box on the left. */
#content-header { 
    width: 960px;
    background-color: rgb(241,244,224);
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: auto;
}
    
    #content-header-box {
        margin-left: 20px;
        width: 10px;
        height: 5px;
        background-color: #5E7E95;
        float: left;
        overflow: auto;
    }
    #content-header-content {
        margin-left: 20px;
        width: 840px;
        float: left;
    }
        #content-header-content form {
            margin-top: 5px;
            margin-bottom: 0px;
        }

        #content-header-content .btn {
            border: 1px solid #CCC;
        }
    h1#content-header-label {
        padding: 0; margin: 4px 0 0 0;
        font-size: 0.8em;
        letter-spacing: 0.2em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #content-header-title, h1#content-header-title{
        padding:0;margin: 4px 0 0 0;
        font-size: 1.5em; 
        color: rgb(88,89,91);
        letter-spacing: 0.04em;
    }

    #content-header-title h1 {
        font-size: inherit;
        padding: 0;
        margin: 0;
        font-weight: bold;
    }
        #content-header-title.blue {
            color: rgb(55,78,113);
            font-weight: bold;
        }
    #content-header-subtitle { 
        font-size: 1.2em; 
        letter-spacing: 0.02em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #content-header-instructions { 
        padding-top: 8px;
        font-size: 1em; 
        display: block; }

/* The content container/nav used in the "Browse By" sections. */
#browse-by-container, .browse-by-container {
    margin: 0;
    height: 597px;
    /*width: 960px;*/
    background-color: rgb(230, 231, 232);
}

    #browse-by-container-header-left, #browse-by-container-header-middle, #browse-by-container-header-right, .browse-by-container-header-left, .browse-by-container-header-middle, .browse-by-container-header-right {
        margin: 10px 0 10px 10px;
        float: left;
        letter-spacing: 0.2em;
        font-size: .7em;
        /*font-weight: bold;*/
    }
    #browse-by-container-left, .browse-by-container-left {
        margin-left: 10px;
    }
        #bysection #browse-by-container-left, #bysection .browse-by-container-left {
            margin-left: 1px;
        }
    .browse-by-container-left-category:hover, .browse-letter:hover {
        background-color: rgb(237,244,247);
        cursor: pointer;
    }
    #browse-by-container-middle, #browse-by-container-right, .browse-by-container-middle, .browse-by-container-right {
        margin-left: 9px; 
        padding: 10px 5px 0 10px;
        float: left;
        height: 554px;
        background-color: #FFFFFF;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch !important;
        overflow-x: hidden;
    }
        #browse-by-container-middle.browsebytheme, #browse-by-container-middle.browsebyauthor, #browse-by-container-middle.browsebysubject {
            padding: 10px 0px 0 0px;
        }
            @-moz-document url-prefix() {
                .browsebytheme ul {
                    list-style: circle !important;
                }
            }

            .browsebytheme ul {
                margin-left: 0;
                list-style: circle !important;
            }
            #browse-by-container-middle ul {
                margin-left: 0px;
            }
            #browse-by-container-middle ul li {
                padding-left: 10px;
                padding-right: 0px;
            }
            #browse-by-container-middle ul#bydate-left li {
                padding-left: 0px;
                padding-right: 0px;
            }
            #browse-by-container-middle ul#bydate-left li {

            }
            #browse-by-container-middle ul li span {
                color: #000;
            }
            #browse-by-container-middle.browsebytheme ul li.collection-title div,
            #browse-by-container-middle.browsebyauthor ul .collection-title li,
            #browse-by-container-middle.browsebysubject ul .collection-title li {
                padding-left: 20px;
                margin-left: 0px;
            }
        #allitems #browse-by-container-middle, #allitems .browse-by-container-middle {
            margin-left: 1px;
        }
        #browse-by-container-middle > *, .browse-by-container-middle > * {
            margin-bottom: 0px;
        }
        .browse-by-container-left-category {
            padding: 5px 5px 0 10px;
            border-bottom: 1px solid rgb(167,169,172);
            border-top: 0px;
            cursor: pointer;
        }
            .selected-filter-symbol {
                float: right;
                padding-right: 10px;
            }
                #browse-by-container-left-container .selected-filter-symbol, .browse-by-container-left-container .selected-filter-symbol {
                    padding-right: 0px;
                }
        .browse-by-container-left-category-selected {
            padding: 5px 5px 0 10px;
            background-color: rgb(219,232,239);
            border-bottom: 1px solid rgb(167,169,172);
            color: #000000;
            cursor: pointer;
        }
        .last-category {
            padding: 5px 5px 0 10px;
            border-bottom: none;
        }
    #browse-by-container-header-left, #browse-by-container-left, .browse-by-container-header-left, .browse-by-container-left {
        width: 67px;
    }
        #browse-by-container-left-container, .browse-by-container-left-container {
            float: left;
            height: 554px;
            width: 67px;
            background-color: #FFFFFF;
            line-height: 17px;
        }
        .browse-letter {
            padding: 0 5px 0 10px;
            border-bottom: 1px dashed rgb(167,169,172);
        }
            .browse-letter:last-child {
                border-bottom: 1px solid rgb(167,169,172);
            }
            .browse-letter-selected {
                background-color: rgb(237,244,247);
            }
            .browse-letter-disabled, .browse-letter-disabled:hover {
                color: #CCC;
                cursor: auto;
            }
        .pub-issues-nav-decade {
            padding-top: 5px; padding-bottom: 5px;
        }
    #browse-by-container-header-middle, #browse-by-container-middle, .browse-by-container-header-middle, .browse-by-container-middle {
        width: 403px;
    }
    #browse-by-container-header-right, #browse-by-container-right, .browse-by-container-header-right, .browse-by-container-right {
        width: 460px;
    }
        #browse-by-container-right p, ul {
            margin-bottom: 5px;
        }
        #browse-by-container-right-instructions, .browse-by-container-right-instructions {
            position:relative;
            text-align: center;
            height: 645px;
            left: 25%;
        }
            #browse-by-container-right-instructions-text, .browse-by-container-right-instructions-text {
                width: 250px;
                height: 70px;
                background-color: #F1F4E0;
                position: relative; 
                top:250px;
                left: 50px;
                margin-top:-5em;
                text-align: left;
                font-size: 1.1em;
                color: rgb(109,111,113);
            }

                #browse-by-container-right-instructions-text div {
                    position: relative;
                }

            #browse-by-container-right-resource, .browse-by-container-right-resource {
                display: none;
                color: black;
            }
                #browse-by-container-right-resource-label, .browse-by-container-right-resource-label {
                    letter-spacing: 0.2em;
                    font-size: 0.7em;
                    font-weight: bold;
                    color: rgb(88, 88, 90);
                }

            #browse-by-container-right-info, .browse-by-container-right-info {
                /*display: none;*/
            }
                #browse-by-container-right-info > div, .browse-by-container-right-info > div {
                    margin-top: 10px;
                }
                #browse-by-container-right-title, .general-title, .browse-by-container-right-title {
                    font-size: 1.2em;
                    color: rgb(54, 77, 114);
                }
                #browse-by-container-right-title a.btn {
                    white-space: normal;
                    text-align: left;
                }
                #browse-by-container-right-description, .browse-by-container-right-description {
                    color: black;
                    font-size: 1em;
                    margin-top: 20px;
                }
                    #browse-by-container-right-description a, .browse-by-container-right-description a {
                        color: #417CBF;
                    }
            .arrow-left {
                width: 0; 
                height: 0;
                background-color: white;
                border-top: 35px solid transparent;
                border-bottom: 35px solid transparent; 
                border-right:35px solid #F1F4E0; 
            }
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 15px;
    height: 15px;
    background: rgb(219,232,239);
    border: 1px solid rgb(196,201,204);
    color: rgb(109,110,113);
    text-align: center;
    font: 10px Arial, sans-serif;
    margin-left: 10px;
}
#browse-by-container-middle .alphaLine, .browse-by-container-middle .alphaLine {
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 7px;
}
.category-selected, .browsebytitle .category-selected:hover {
    background-color: rgb(237,244,247);
}

.category-item {
    color: black; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    border-top: 1px dashed #D3D5D7;
}
    .category-item:hover {
        background-color: rgb(237,244,247);
        cursor: pointer;
    }
#topic-image, #author-image {
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
    max-width: 455px;
}
.header-text {
    letter-spacing: 0.2em;
    font-size: 0.8em;
    font-weight: bold;
    color: rgb(88, 88, 90);
    margin-bottom: 3px;
}
#share-box-doc, #share-box-page {
    display: block;
    width: 210px;
}

#share-box, #share-box-title, #share-box-collection {
    width: 400px;
    cursor: text;
    display: inline;
    padding-top: 0px;
}

.standard-margin {
    margin: 0 20px 0 20px;
}

.moreinfo div p {
    margin: 0 0 5px 0 !important;
}

#browse-by-container-middle.issue-list, .browse-by-container-middle.issue-list {
    padding: 0;
}
    .issue-list li {
        padding-top: 10px;
        list-style-type: none;
        cursor: pointer;
        border-bottom: 1px solid rgb(167,169,172);
        overflow: auto;
    }
    .issue-list li:hover {
        background-color: rgb(219,232,239);
    }
    .issue-list span {
        color: rgb(55,78,125);
    }
.issue-list-item-firstline {
    margin-bottom: 0px;
}
.issue-list-description {
    margin-left: 48px;
    padding-right: 10px;
    color: #000000;
    font-size: 0.8em;
}
#stats-page-input, #articles-page-input { text-align: center; }

.general-title {
    font-size: 1.3em;
    color: #336196;
}
#page-info-header {
    margin-bottom: 20px;
}
#issue-list li {
    list-style-type: circle;
    padding-left: 0px;
}

#document_content {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
#timeline {
    margin-bottom:10px;
}
#timeline-container {
    background-color: #E3E9F3;
    padding: 15px;
}
    #timeline-year {
        font-size: 22px;
        color: #000000;
    }
    #timeline .highcharts-tooltip span {
        height:auto;
        width:180px;
        overflow:auto;
        white-space:normal !important;
    }
    #timeline-controls {
        padding-bottom: 5px;
    }
    .zoomlink {
        margin-left: 5px;
        color: #58595B;
    }
    #timeline-start-input, #timeline-end-input {
        text-align: center;
    }
    #timeline-related {
        display: none;
        background-color: rgb(89,89,89);
        color: white;
    }
        #timeline-related-header {
            background-color: #000000;
            font-size: 13px;
            /*height: 50px;*/
            padding: 10px;
        }
            #timeline-related-header-date {
                color: rgb(209,211,212);
                font-size: 11px;
            }
            #timeline-related-header-title {
                float: left;
                color: #FFFFFF;
            }
            #timeline-related-header-close {
                float: right;
                color: rgb(209,211,212);
                cursor: pointer;
            }
        #timeline-related-content {
            padding: 10px;
            padding-bottom: 0;
        }
            #timeline-related-content a {
                font-size: 12px;
                color: #FFFFFF;
            }
            #timeline-related-content ul {
                list-style-type: circle;
                margin-bottom: 0;
            }
            #timeline-related-content li {
                color: #FFFFFF;
                padding-bottom: 0;
            }
                #timeline-related-header-close .timeline-shade-label {
                    color: rgb(209,211,212);
                    font-size: 9px;
                }
#histogram {
    margin-top: 2px;
}
.circled-letter
{
    width:10px;
    height:10px;
    border-radius:5px;
    border: 1px solid #FFFFFF;
    font-size:9px;
    color:#fff;
    line-height:10px;
    text-align:center;
    background-color: #000000;
    margin-left: 3px;
    margin-top: 2px;
    font-family: "Courier New", Courier, monospace;
}
#bydate-left {
    list-style-type: none;
    margin-left: 0px;
}
#bydate-left li {
    padding: 0;
}
#bydate-left .category-item {
    padding-left: 15px;
    padding-right: 5px;
}
#bydate-left li.category-item {
    padding: 5px 5px 5px 15px;
}

#content-header-title.tiny {
    font-size: 0.8em;
}

#content-shades {
    margin: 20px 25px 0px 25px;
}

#bysection, #allitems {
    padding: 0 -1px 0 1px;
}
    #bysection .browse-by-container-middle {
        margin-left: 1px;
        width: 949px;
        padding: 0;
    }
    #bysection .browse-by-container-right {
        width: 429px;
    }
    #bysection .info-column {
        width: 500px;
        white-space: normal;
        margin-left: 10px;
    }

.title, .title:hover, .title:active, .title:visited,
.author a, .author a:hover, .author a:active, .author a:visited,
.theme a, .theme a:hover, .theme a:active, .theme a:visited,
.subject a, .subject a:hover, .subject a:active, .subject a:visited,
.issue-list-item a, .issue-list-item a:hover, .issue-list-item a:active, .issue-list-item a:visited {
    color: inherit !important;
    text-decoration: none !important;
    outline: none !important;
}

#content .column-view-container {
    border: none;
    height: 554px;
    overflow-y: auto;
}

.nosidepadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.landing-page-info #share-box-title {
    padding-top: 0px;
}

#browse-by-container-right-info ul.nodot {
    margin-left: 16px;
    list-style-type: none;
}

#twitter-link-title img, #facebook-link-title img, #google-link-title img, #email-link-title img {
    margin-bottom: 3px;
    height: 33px;
    width: 33px;
}

.showmore {
    margin-left: 10px !important;
    color: #336196;
    cursor: pointer;
}

#browse-by-container-left-container .selected-filter-symbol {
    padding-top: 3px;
}

.citationUrl {
    word-wrap: break-word;
}