#results {
    width:740px;
    float:left;
    margin-right:15px;
}

#column-b {
    width:375px;

}
#column-a {
    width:550px;
    margin-right:15px;
}
h1 {
    font-size:2.2em;
    height:80px;
    line-height:80px;
    width:940px !important;
    background: url(images/butterfly-header.jpg) right top no-repeat;
}
h2 {
    /* float:left; */
    font-size:1.6em;
}

.what-is {
    background: url(/styles/research-curation/images/help-bg.jpg) no-repeat right top !important;
}
.database-button {
    width:216px;
    height:46px;
    display:block;
    background: url(images/button-bg.jpg) 0 0 no-repeat !important;
    color:#fff;
    text-align:center;
    margin:10px 0 0;
    font-weight:bold;
    border-width:0;
    line-height: 2em;
    padding-bottom: 10px;
}
.database-button:hover {
    background: url(images/button-bg.jpg) 0 -46px no-repeat !important;
    cursor:pointer;
    cursor:hand;
    text-decoration:underline;
}
a {
    font-weight:bold;
}

/*-------------------------------------------
    Main Navigation
-------------------------------------------*/
#wallace-navmain {
    background: #74746e;
    margin: 5px 15px 40px 0;
    padding: 3px 0 0;
    list-style: none outside none;
    overflow:hidden;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
#wallace-navmain li {
    _display: inline;
    float: left;
    margin: 0 0 0 11px;
    padding: 0;
}
#wallace-navmain a:link, #wallace-navmain a:visited {
    display: block;
    margin: 0;
    padding: 3px 5px 6px;
    font-size: 13px;
    Xfont-weight:bold;
    text-decoration: none;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
#wallace-navmain a:hover, #wallace-navmain a:active, #wallace-navmain a.active {
    color: #74746e;
    background-color: #fff;
    border-bottom:0;
}
/*-------------------------------------------
    Bookmarking and sharing
-------------------------------------------*/
#share-this{
    width: 270px;
    margin: 0;
    position: absolute;
    right: 15px;
    top:145px;
    z-index: 10;
    background: #f4f4f4;
    padding: 6px 9px;
    line-height: 1.5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
#share-this .sharing-links { display: block; float: right; }
#share-this .sharing-links a { margin: 0 0 0 10px; padding: 0; }
#share-this .sharing-links img { display: inline; margin: 0; }
#share-this-home{
    width: 270px;
    margin: 0;
    position: absolute;
    right: 15px;
    top:305px;
    z-index: 10;
    background: #f4f4f4;
    padding: 6px 9px;
    line-height: 1.5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
#share-this-home .sharing-links { display: block; float: right; }
#share-this-home .sharing-links a { margin: 0 0 0 10px; padding: 0; }
#share-this-home .sharing-links img { display: inline; margin: 0; }

/*-------------------------------------------
   Tables
-------------------------------------------*/
table, .tab-panel table {
    border:1px dotted #999;
    margin:0 0 30px;
    width:100%;
    border-bottom:3px solid #015b28;
    border-top:1px solid #015b28;
    background-color:#fff;

}
.tab-panel table {
    margin:0 15px 30px;
    width:95%
}


th {
    border:0px solid #ccc;
    border-right:1px dotted #ccc;
    border-bottom:3px solid #015b28;
    padding:10px 5px 10px;
    color:#015b28;
    font-weight:normal;
    font-size:1.1em;
    vertical-align:bottom;
    text-align:center;
}
th a {
    font-weight:bold;
    text-decoration:underline;
    color:#015b28;
}

td {
    border:0px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px dotted #ddd;
    padding: 10px 5px;
    text-align:center;
}


td:last-child,  th:last-child  {
    border-right:0px solid #ccc;
}

.odd {
    background-color: #f2f2f2;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 1%, #f8f8f8 70%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f2f2), color-stop(70%,#f8f8f8), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 1%,#f8f8f8 70%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 1%,#f8f8f8 70%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 1%,#f8f8f8 70%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(top,  #f2f2f2 1%,#f8f8f8 70%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
td a {
    font-weight:bold;
}
caption {
    padding:10px 9px;
    margin:0;
    text-transform:uppercase;
    background-color:#a73333;
    color:#fff;
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
}

/*-------------------------------------------
        Pagination
--------------------------------------------*/
ul.recordset-nav-pages {
    margin: 2px 0 20px;
    text-align: center;
}
ul.recordset-nav-pages li {
    background-image: none !important;
    display: inline;
    margin: 0;
    padding: 0 2px;
}
ul.recordset-nav-pages a {
    background-color: #fff;
    padding: 1px 4px;
    border: 1px solid #015b28;
    color: #015b28;
}
ul.recordset-nav-pages a.current, ul.recordset-nav-pages a:hover {
    color: #fff;
    background-color: #015b28;
}

ul.recordset-nav-pages a.current:hover {
    text-decoration: none !important;
}
.recordset-jump-to-page {
    text-align: center;
    width: 2em;
}
ul.recordset-nav-pages a.disabled, ul.recordset-nav-pages a.disabled:hover {
    background-color: #fff;
    background-image: none !important;
    color: #ccc;
    border: 1px solid #ccc;
    text-decoration:none;
}
ul.recordset-nav-pages a.disabled:hover, ul.recordset-nav-pages a.current:hover {
    cursor: default;
}
/*-------------------------------------------
        SEARCH / FILTERS / FORMS
--------------------------------------------*/
.search-database {
    width:160px;
    float:left;
    margin-right:15px;
    background-color:#f2f2f2;
    padding:5px 10px;
    margin-bottom:15px;
}
.search-database h4 {
    margin:5px 0 5px;
}
fieldset {
    border:0;
}
legend {
    color:#015B28;
    font-weight:bold;
    font-size:1.1em;
    padding:10px 0 3px 0;
    width:100%;
}
/*a h4, legend {
    background: url(images/arrow-down.png) right center no-repeat;
}*/
.search-database  label {
    font-weight:bold;
    margin:0 ;
}
.search-database  label.normal {
    font-weight:normal;
}

.search-database input, .search-database select {
    margin:2px 0;
    width:150px;
}
.search-database input.submitButton
{
    float:right;
    margin: 2px 7px 15px 0;
    width:80px;
}

.search-database  label span {
    font-weight:normal;
}

.check-list {
    padding:3px 0;
}
.check-list input {
    margin:0 5px 5px 10px;
    vertical-align: middle;
    width:auto;
}
.check-list label {
    display:block;
    margin:0 0 5px 0;
    font-weight:normal;
}
.check-list#item-types label {
    text-transform: capitalize;
    display:block;
    margin:0 0 5px 0;
    font-weight:normal;
}

/*
.search-database  input {
    border:1px solid #ccc;
    padding:2px;

}
.search-database  input:focus {
    border: 1px solid #015b28;
}


.buttons input {
        display:inline;
}
*/

input#keyWord
{
    margin-right: 5px;
}
fieldset.radio input
{
    margin-right: 3px;
}

.current-search {
    margin:0 0 10px;
    padding:5px 10px;
    border:1px solid #015b28;
}
.current-search  dl {
    margin: 0;
}
.current-search  dt {
    font-weight:normal;
    Xfloat:left;
    Xpadding-right:10px;
}
.current-search  dd {
    font-weight:bold;
}
.containing-selection legend {
    padding-top:0;
}
.containing-selection select {
    width:110px;
    margin:0 10px 0 0;
}



.type-check-list {
    padding:3px 0;
}
.type-check-list input {
    float:left;
    margin:0 5px 5px 10px;
    XXvertical-align: middle;
    width:auto;
}
.type-check-list label {
    display:block;
    height:16px;
    vertical-align: middle;
    margin:0 0 5px 30px;
    padding-left:20px;
    font-weight:normal;
}




.trans-scan-column {
    width:75px;
}

.add-to-my-list-column {
    width:55px;
}

h2.details-header {
    float:left;
    font-size: 1.6em;
}


.addOrRemoveToListDetails {
    float:right;
    margin: 10px 15px 0 0;
}



/*--- BACKGROUNDS   --*/
.letter { background:url(images/letter.png) center left no-repeat;}
.publication { background:url(images/publication.png) center left no-repeat;}
.enclosure { background:url(images/enclosure.png) center left no-repeat;}
.notebook { background:url(images/notebook.png) center left no-repeat;}
.transcript { background:url(images/transcript.png) center left no-repeat;}
.scan { background:url(images/scan.png) center left no-repeat;}
.envelope { background:url(images/envelope.png) center left no-repeat;}



.wlo-button
{
    cursor:pointer;
    cursor:hand;
    padding: 3px 5px;
    border-width: 0;
    /*
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    */
    border-radius: 2px;
}
.wlo-button:hover
{
    text-decoration: underline;
}

.wlo-button-1
{
    background-color:#015b28;
    border:1px solid #015b28;
    color: #fff;
    font-weight: bold;
}
.wlo-button-2
{
    background-color: #fff;
    border:1px solid #ccc;
    color: #000;
}
.wlo-button-2:hover
{
    background-color:#015b28;
    color: #fff;
}


#submitButton
{
    margin:10px 10px 10px 0;
    width:80px;
}
#resetButton
{
    margin: 10px 10px 10px 0;
    width:50px;
}

#wcpButton
{
    margin-bottom: 15px;
}
/*
#resetButton {
margin:0;
padding:5px;
padding-left: 4px;
background-color:#fff;
color:#000;
border:1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width:50px;
}
/*
.viewButton {
margin: 0 0 0 5px;
width: 80px;
padding: 1px;
background-color: #015B28;
color: white;
border: 0;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float: left;
}

#resetButton {
margin:0;
padding:5px;
padding-left: 4px;
background-color:#fff;
color:#000;
border:1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width:50px;
}
*/

/*
#submitButton:hover, #resetButton:hover {
    cursor:pointer;

}
*/

#results h3 {
    float:left;
}
#results h4 {
    float:right;
}

.hero-image {
    background: transparent url(images/wallace-butterfly.jpg) left top no-repeat;
    height: 220px;
    margin: 5px 0 15px;
    width: 940px;
}

.panel .partners li{
    background-image:none;
    display:inline;
    padding-left:0;
}

/*-------------------------------------------
        DETAILS PAGE
--------------------------------------------*/

#column-c {
    width:940px;
}

#transcript-container, #scan-container {
    margin:0 auto 30px auto;
}


#transcript-scan-container #transcript-container, #transcript-scan-container #scan-container {
    width:470px;
    Xmargin:0 auto 30px auto;
    float:left;
}
#transcript-scan-container #transcript {
    width:438px;
}
#transcript-scan-container .viewer {
    width:468px;
}







#transcript {
    line-height:1.8em;
    border:1px solid #747474;
    width:550px;
    clear:both;
    padding:15px;
    margin:0 auto 30px auto;
    height: 770px;
    overflow: auto;
    font-size:1.1em;
    background-color:#fff;
    font-family: Arial, Sans-Serif;
}

#transcript p {
    font-size: 1em;
}

#transcript span {
    font-size: 1em;
}

.view-options {
    border-top:1px solid #fff;
    padding:0 10px 10px 0;
    clear:both;
    background-color: #e4e4e4;
}
div.panel-content.view-options form {
    margin:0 0 0 10px;
}

.radio-list {
    float:left;
    width:550px;
}
.radio-list label {
    display: inline;
    padding:0 10px 0 0;
}
.radio-list legend {
    float:left;
    padding:0 10px 0 0;
}
.print-options {
    float:right;
    width:355px;
}
.print-options ul {
    margin:0;
}
.print-options ul li {
    background-image:none;
    padding:0 10px 0 0;
    display:inline;
}
.print-options img {
    padding-right:5px;
}


abbr {
    cursor:help;
    border:0;
}
.panel-a {
    width:550px;
    float:left;
}
.panel-b {
    width:375px;
    float:right;
}
div.panel div.panel-content:last-child, .panel-a .panel-content, .panel-b .panel-content {
    background-image:none !important;
}
.panel-a .panel-content {
    border:0;
}

div.panel-b div.panel-content:last-child {
    border-bottom:0;
}

a h4, legend  {
    background: url(images/arrow-down.png) right center no-repeat;
}
h3.letter {
    margin: 0 10px 10px;
    padding: 3px 0 3px 20px;
}
.add-to-list {
    float:right;
    margin:10px 15px 0 0;
}

/*** added to fix transcript and scans view **/
ul#pagination li.current a {
    background-color:#015B28;
    color:white
}

ul#pagination li a {
    padding: 1px 4px;
    border: 1px solid #015B28;
    color: #015B28;
}


ul#pagination li.current a, ul#pagination li a:hover {
    color: #fff;
    background-color: #015b28;
}

.highlight { background-color: yellow }

#viewer-error {
    position:relative;
    top:50%;
    font-size: 1.2em;
    text-align: center;
}

/*
        RECORD CONTAINS
        VIEW RECORD
*/
.record-view-selection + .record-view-selection {
    float:left;
    margin-left: 30px;
}
#record-contains h4, .record-view-selection h4 {
    clear:left;
    display:inline;
    float:left;
    margin-top:3px;
}
#record-contains ul, .record-view-selection form  {
    margin:0;
    padding:0;
    list-style: none outside none;
    Xborder-bottom: 1px solid #ddd;
    float: left;
}
#record-contains  li {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    background:none;
}
.viewButton {
    margin:0 0 0 5px;
    width:80px;
    padding:1px;
    background-color:#015b28;
    color:#fff;
    border:0;
    font-weight:bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float:left;
}
.viewButton:hover {
    cursor:pointer;
    cursor:hand;
    text-decoration:underline;
}
.record-view-selection select, .record-view-selection fieldset {
    float:left;
}
.record-view-selection  label {
    margin:0 10px 0 0;
}
#transcript-highlight {
    padding-top:4px;
    font-weight: normal ! important;
}


dl, div#scan-container
{
    position: relative;
}
.british-library-logo
{
    position: absolute;
    right: 0;
    top: 0;
}

/*
table, tr, td
{
    position: relative;
}

div#recaptcha_widget_div
{
    position: absolute;
    top: 0px;
    left: 0px;
}


div#recaptcha_image img
{
    margin-left: 0 ! important;
}
*/


/** end **/

/* temp fix for excessive scans links */
#column-c ul.recordset-nav-pages
{
    max-width: 95% ! important;
    border: 0px solid red;
    margin: auto;
    margin-top: 55px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
#column-c ul.recordset-nav-pages li
{
    display: inline-block;
    margin-bottom: 10px;
}

#jtf-logo{
    margin:0 10px 10px 36px;
}