@charset "utf-8";
/* CSS Document */
/*
================================================================================
Records pages.
Author: Drummond Pearson
Created: September 2009
================================================================================
/*
--------------------------------------------------------------------------------
Headers and sub-navigation
--------------------------------------------------------------------------------
*/
.records{border-bottom: #6D3678 solid .3333em;}
.records #sub-menu{width:960px!important;}
.records #sub-menu .no-border {padding:0 19px 0 18px!important;}
/*Level 1 header*/
.level1 #wrapper #primary-content #banner{ width:639px; float:left; }
.level1 #wrapper #primary-content #banner h1 {background:#6d3678; float:left;color:#FFFFFF;padding:12px 12px 12px 12px;margin:-110px 0 0 20px;overflow:hidden; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-size:1.5em; font-weight:500;}
.records-purple-banner{background-color:#6D3678; border-bottom: 4px solid #45224C; color:#ffffff; width:280px;}
.level1 #wrapper #primary-content #banner h1 .sub-text {width:300px; font-size:0.65em; display:block; font-weight:bold; line-height:150%; padding:6px 0 0 0;}
/*Level 3 header*/
.level3 #wrapper #main-content #banner{ background-color:#6d3678;}
/*Level 4,5,6 header*/
#wrapper #banner h1{border-bottom:#6d3678 2px solid; color:#6d3678;}
#wrapper #main-content #left-nav-content .holder {float:left;}
#wrapper #main-content #left-nav-content .holder .name {font-size:0.85em;}
#wrapper #main-content #left-nav-content h2{ border-color:#666}
#wrapper #main-content #left-nav-content img, #wrapper #main-content #full-width-content .img-wrapper img{border:1px solid #666;}
#wrapper #primary-content #carousel h2 { background:none; padding:.555555em .694444em .555555em 1.38888em!important;}
#wrapper #primary-content ul li {background: url(/images/global/grad-bg.jpg) top left repeat-x; width:319px; padding-bottom:20px!important; }
#wrapper #primary-content ul .left{border-right:#666 dotted 1px;}
#wrapper #primary-content ul li h2 {background:none; padding:8px 10px 8px 20px!important; border-top:#666 dotted 1px;}
#wrapper #primary-content .nav-first li h2 {border-top:0;}
#wrapper #primary-content .nav-last li {border-bottom:#666 dotted .08333em;}
#wrapper #primary-content ul li li{background:none;border-top:none;}
/*
/*
----------------------------------------------------------------------------------
Level 3,4,5 styles with a lefthand navigation
--------------------------------------------------------------------------------
*/
#wrapper #main-content #left-nav .selected-page a {background-color:#6d3678!important;}
#wrapper #main-content #left-nav .selected .selected-page a {background-color:#6d3678!important;}
#wrapper #main-content #left-nav .selected-page ul {background-image: url(/images/global/records-nav-arrow-bg-1st.gif)!important;}
#wrapper #main-content #left-nav-content form{width: 500px; margin: 10px 0 10px 0;}
#wrapper #main-content #left-nav-content input{float:left; margin: 10px 0 10px 0;}
/*
--------------------------------------------------------------------------------
Research Signposts landing page styles
--------------------------------------------------------------------------------
*/
/*
--------------------------------------------------------------------------------
intro with oversized image
--------------------------------------------------------------------------------
*/
.signposts-landing #wrapper #primary-content {width:960px;border-right:0 solid white;margin:0;}
.signposts-landing #wrapper #primary-content #banner {width:624px;height:90px;border:0 solid #6d3678; background:url('/images/records/signposts-left-header.jpg') #6d3678 top right no-repeat !important;}
.signposts-landing #wrapper #primary-content #signposts-img {float:right;}
.signposts-landing #wrapper #primary-content #signposts-img img {margin:0;margin-top:0px;padding:0;border:0 white solid;width:336px;height:239px;}
.signposts-landing #wrapper #primary-content #intro {float:left;width:580px;}
.records-intro-border{border-bottom: 4px solid #6d3678;}
/*
-------------------------------------------------------------------------------
Three column layout
-------------------------------------------------------------------------------
*/
#three-col-lists ul {float:left; width:100%;}
#three-col-lists li {float:left; width:319px;}
* html #three-col-lists li {width:299px;}
#three-col-lists .centre{float:left; width:318px; border-right:#BFBFBF dotted 1px; border-left:#BFBFBF dotted 1px;}
* html #three-col-lists .centre{width:296px;}
/*
-------------------------------------------------------------------------------
Three column full width non sign post pages
-------------------------------------------------------------------------------
*/
#wrapper #three-col-lists ul li h2 {padding:12px 20px 6px 20px;font-weight:700; }
#wrapper #three-col-lists ul li p {padding:6px 20px 6px 20px;}
#wrapper #three-col-lists ul li p .right {margin:6px 0 6px 20px;float:right; border:#ccc solid 1px;}
#wrapper #three-col-lists ul li p .left {margin:6px 20px 6px 0;float:left; border:#ccc solid 1px;}
#wrapper #three-col-lists ul li .vat-charge {font-size:0.9em;}
#wrapper #three-col-lists ul li .divider {border-bottom:none;padding:0; margin:6px 20px 6px 20px; font-size:0.9em;}
* html #wrapper #three-col-lists ul li .divider {border-bottom:none;padding:0; margin:6px 0px 6px 10px; font-size:0.9em;}
#wrapper #three-col-lists ul li .divider .level-two-news {border-bottom:#BFBFBF dotted 1px; padding:5px 0 5px 0;width:279px; display:inline-block}
#wrapper #three-col-lists ul li .divider .level-two-news a {color:#000; text-decoration:none; font-weight:bold;}
#wrapper #three-col-lists ul li .divider .level-two-news a:hover {color:#000; text-decoration:underline;}
#wrapper #three-col-lists ul li .divider .level-two-news p {padding:0 0 0 0; margin:0 0 5px 0;}
* html #three-col-lists ul li ul li {width:280px;padding:0 0 7px 0;margin:0 0 11px 0;}
*+html #three-col-lists ul li ul {padding:0 0 12px 0;}
*+html #three-col-lists ul li ul li {padding:0 0 10px 0;}
/*
-------------------------------------------------------------------------------
List of Research Signposts
-------------------------------------------------------------------------------
*/
#three-col-lists .signposts-list {margin:0 0 0 20px;}
* html #three-col-lists .signposts-list {margin:0 0 0 10px;}
#three-col-lists .signposts-list li {margin:12px 0 0 0;}
#three-col-lists .signposts-list li h2{padding: 0 !important; font-weight:700;padding-bottom:10px !important;max-width:296px;}
#three-col-lists .signposts-list li ul li a {color:#000;text-decoration:none;}
#three-col-lists .signposts-list li ul li a:hover{text-decoration:underline;}
#three-col-lists .signposts-list li {font-size:12px;}
#three-col-lists .signposts-list li ul {padding:0; margin:0; font-size:0.9em;width:279px;border-bottom:#BFBFBF dotted 1px; }
#three-col-lists .signposts-list li ul li {margin:0 0 5px 0;padding:0 0 4px 0;width:284px;}
#three-col-lists .signposts-list li ul.divider li {border-bottom:#BFBFBF dotted 1px; margin-top: 5px;}
* html #three-col-lists .signposts-list li ul li {width:280px;padding:0 0 7px 0;margin:0 0 11px 0;}
*+html #three-col-lists .signposts-list li ul {padding:0 0 12px 0;}
*+html #three-col-lists .signposts-list li ul li {padding:0 0 10px 0;}
#wrapper #three-col-lists ul {background: url(/images/global/grad-bg.jpg) top left repeat-x;}
#wrapper #three-col-lists ul.short-grey {background: url(/images/records/records-signposts-bg.jpg) top left repeat-x;}
#wrapper #three-col-lists ul ul { background:none;}
.signposts-landing #wrapper {background-color:#ffffff;}
/*
------------------------------------------------------------------------------
watermark images
------------------------------------------------------------------------------
*/
.watermark-person #wrapper {background:#ffffff /*url(/images/records/person-bg.jpg) bottom right no-repeat!important; padding-bottom:80px;*/}
.watermark-catalogue #wrapper {background:#ffffff url(/images/records/catalogue-bg.jpg) bottom right no-repeat!important; padding-bottom:80px;}
.watermark-place #wrapper {background:#ffffff; }
.watermark-subject #wrapper {background:#ffffff;}
/*
------------------------------------------------------------------------------
main landing images
------------------------------------------------------------------------------
*/
.signposts-landing #wrapper #primary-content #signposts-img img.person {margin-top:-10px;height:292px;}
.signposts-landing #wrapper #primary-content #signposts-img img.place {margin-top:-10px;height:292px;}
.signposts-landing #wrapper #primary-content #signposts-img img.subject {margin-top:-10px;height:292px;}
/*
------------------------------------------------------------------------------
GLOSSARY ITEMS FOR RESEARCH SIGNPOSTS
------------------------------------------------------------------------------
*/
a.records {position: relative;text-decoration:none;border-bottom:1px dashed #000;color:#000;}
a.records:hover {z-index:25;text-decoration:none;border-bottom:1px dashed #000;color:#000;}
a.records span.records-tooltip {position:relative;text-decoration: none;border:0px solid #000;display:none;}
/*
------------------------------------------------------------------------------
acts as a 'trigger' for IE6
------------------------------------------------------------------------------
*/
a.records:hover, a.records:focus { visibility: visible; z-index: 10; }
a.records:hover span, a.records:focus span { left: 0; top: 0; }
a.records:hover span.records-tooltip {position: absolute; z-indez:25;top: 16px; left: 6px;display: block;width: 195px;font-weight:normal;}
a.records:hover span.records-tooltip span.records-tooltip-top {padding:0;margin:0;display:block;height:14px;background: url(/images/records/bg-tooltip-top.gif) top right no-repeat;z-index:1000;font-weight:normal;}
a.records:hover span.records-tooltip span.records-tooltip-body {padding:0;margin:0;display:block;border-left:2px solid #6d3678;border-top: none;background: url(/images/records/bg-tooltip-rhs.gif) #eeeeee right repeat-y;color: #000;padding: 5px 5px 5px 12px;z-index:1000;font-weight:normal;}
a.records:hover span.records-tooltip span.records-tooltip-bottom {padding:0;margin:0;display:block;height:14px;background: url(/images/records/bg-tooltip-bottom.gif) bottom right no-repeat;z-index:1000;font-weight:normal;}
a.records {z-index:1;}
span.glossary {border-bottom:1px dashed #000;}
span.glossary:hover {cursor:pointer;}
/*
------------------------------------------------------------------------------
END OF GLOSSARY INFO
------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------
Research Signpost Styles
------------------------------------------------------------------------------
General
------------------------------------------------------------------------------
*/
#primary-content strong {font-weight:700;}
#primary-content em {font-style:italic;}
#secondary-content strong {font-weight:700;}
#secondary-content em {font-style:italic;}
#records-wrapper #wrapper {margin-bottom:0px!important;}
#records-wrapper #wrapper #primary-content .holder {margin:0px 20px 0 20px; float:left; /*border-top:#C8C6C6 dotted 1px;*/padding:0 0 0 0; width:599px; }
/*
-----------------------------------------------------------------------------
Signposts page styles
-----------------------------------------------------------------------------
*/
#records-wrapper #wrapper #primary-content .holder .signpost-sections{float:left; width:566px; padding:12px 18px 14px 16px!important; border:#adaaaa dotted 1px; margin:12px 0 12px 0!important; background:url(/images/records/records-signposts-bg.jpg) top repeat-x;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections ul{ padding:0 0 0 5px; margin:10px 0 0 0;list-style-type:none!important;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li {width:100%; float:none; display:list-item; vertical-align:text-top; line-height:160%!important; padding:0 0 0 0!important; background-color:transparent; background-image:none;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li.signpost-stripes {padding:8px 0 8px 0;margin-top:10px;width:566px; border-top: 1px dotted #999;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li.signpost-warning {background-color:#eddede;border:1px #adaaaa dotted;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li.signpost-warning p {padding:10px 12px 5px 12px!important;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li ul{list-style-type:none!important; border-bottom:none; margin:12px 0 0 0; padding:0 0 0 0;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections li li{list-style-type:none!important; border-bottom:none; vertical-align:middle; display:list-item; padding-top:0px; padding-bottom:6px;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections ul ul li {padding:0 0 0 5px!important; margin:0 0 5px 16px!important;list-style:disc outside!important;width:545px}
#records-wrapper #wrapper #primary-content .holder .signpost-sections ul li p {padding:6px 0 0 0!important;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections p {}
#records-wrapper #wrapper #primary-content .holder .signpost-sections h2{font:1.3em Verdana, Arial, Helvetica, sans-serif; font-weight:800;padding:0!important;margin:0;background:none;border:none;}
#records-wrapper #wrapper #primary-content .holder .signpost-sections h3 {margin:12px 0 5px 0; float:left; width:559px; font:1.2em Verdana, Arial, Helvetica, sans-serif;}
#records-wrapper #wrapper #primary-content .holder p {padding:6px 0 6px 0;}
#records-wrapper #wrapper #primary-content .holder .center {margin-left: auto; margin-right: auto; width:100%; text-align: center;}
#records-wrapper #wrapper #primary-content .holder .signpost-footer{float:left; width:566px; padding:12px 18px 14px 16px; border:#adaaaa dotted 1px; margin:12px 0 12px 0; background:#eddede;font-weight:800;}
#records-wrapper #wrapper #primary-content .holder .signpost-footer li{width:100%;background-color:transparent;padding:0;margin:0;}
#records-wrapper #wrapper #primary-content .holder .signpost-footer li p{padding:0;font-weight:800;}
/*
-----------------------------------------------------------------------------
Secondary column styles
-----------------------------------------------------------------------------
*/
#records-wrapper #wrapper #secondary-content ul.signpost-sections ul ul {line-height: normal; margin-left:40px; margin-top:10px; width:560px;}
#records-wrapper #wrapper #secondary-content ul.signpost-sections ul ul li {float: none;margin-bottom:5px; list-style: disc inside !important; vertical-align: top;line-height: 1.3;background:none;}
.did-you-know ul {margin-left:30px; margin-top:10px;}
.did-you-know ul li {list-style: disc outside !important; border:none !important;line-height:1.3; padding:3px 0px !important; }
/*facts and figures panel*/
#records-wrapper #wrapper #secondary-content .holder #facts-figures .fact-title {font-size:2.083em; padding:0 0 5px 0; color:#6d3678;}
#records-wrapper #wrapper #secondary-content .holder #facts-figures .fact-description{color:#666666;}
/*
------------------------------------------------------------------------------
form details
------------------------------------------------------------------------------
*/
#records-wrapper #wrapper #primary-content form {padding:20px 0 8px 0;}
#records-wrapper #wrapper #primary-content form label {font-weight:800;display:inline-block;width:80px;}
#records-wrapper #wrapper #primary-content form label.label-small {width:auto;}
#records-wrapper #wrapper #primary-content form input {padding:3px 0px 4px 8px;font:1.15em Verdana, Arial, Helvetica, sans-serif;color:#333333;border:1px #CCCCCC solid;margin-left:10px;margin-right:4px;}
#records-wrapper #wrapper #primary-content form input.submit {border:0px solid white;margin:9px 0 -12px 0;height:26px;}
/*
------------------------------------------------------------------------------
IE6 & IE7 hacks - for width & padding issues
------------------------------------------------------------------------------
*/
* html #records-wrapper #wrapper #primary-content .holder {margin:0 0 0 10px;}
*+html #records-wrapper #wrapper #primary-content .holder {padding-bottom:12px;}
* html #records-wrapper #wrapper #primary-content .holder .signpost-sections ul ul {width:540px;}
*+html #records-wrapper #wrapper #primary-content .holder .signpost-sections ul ul {width:540px;}
* html #records-wrapper #wrapper #primary-content .holder .signpost-sections li.signpost-warning{width:565px;margin-bottom:4px;}
*+html #records-wrapper #wrapper #primary-content .holder .signpost-sections li.signpost-warning{width:565px;margin-bottom:4px;}
/*
------------------------------------------------------------------------------
IE6 & IE7 hacks - for form buttons
------------------------------------------------------------------------------
*/
* html #records-wrapper #wrapper #primary-content form input {position:relative;top:5px;padding:3px 0 4px 8px;}
*+html #records-wrapper #wrapper #primary-content form input {position:relative;top:5px;padding:3px 0 4px 8px;}
* html #records-wrapper #wrapper #primary-content form input.submit {position:relative;top:12px;margin-top:1px;padding-left:2px;}
*+html #records-wrapper #wrapper #primary-content form input.submit {position:relative;top:12px;margin-top:1px;padding-left:2px;}
/*
------------------------------------------------------------------------------
Online Wizards page styles
------------------------------------------------------------------------------
*/
#records-wrapper #wrapper #primary-content .holder .wizard{float:left; width:600px; padding:0 0 0 0; border:#adaaaa dotted 1px; margin:0 0 20px 0; background:#ffffff;background-attachment:fixed;}
* html #records-wrapper #wrapper #primary-content .holder .wizard {margin-top:8px;}
*+html #records-wrapper #wrapper #primary-content .holder .wizard {margin-top:8px;}
#records-wrapper #wrapper #primary-content .holder .wizard li {width:100%; float:none; display:list-item; vertical-align:text-top; line-height:160%!important; padding:0 0 0 0 !important; background-color:transparent;}
#records-wrapper #wrapper #primary-content .holder .wizard h2{font:1.3em Verdana, Arial, Helvetica, sans-serif; font-weight:800;padding:12px 18px 0 16px;margin:0;background:#e9e9e9;}
/*
------------------------------------------------------------------------------
Understand the archives
------------------------------------------------------------------------------
*/
#records-wrapper #wrapper .records-level-2 {background:#FFF; float:left; border-bottom:4px solid #45224c;}
#records-wrapper #wrapper .records-level-2 img{float:right;}
#records-wrapper #wrapper .records-level-2 h1 {width:604px; height:71px; padding:17px 0 0 20px; margin:0 0 0 0; color:#FFFFFF; font-size:3em; background: url(/images/records/signposts-left-header.jpg) #6d3678 no-repeat right top; border-bottom:none;}
/*#records-wrapper #wrapper .records-level-2 #intro p {padding:6px 0 6px 0;}*/
#records-wrapper #wrapper .records-level-2 #intro {padding:12px 20px 12px 20px;}
/*
------------------------------------------------------------------------------
Quick animated guides styles
------------------------------------------------------------------------------
*/
#records-wrapper #wrapper #primary-content .small-main-list #player {padding:0; border: solid 1px #999;}
#records-wrapper #wrapper #primary-content .small-main-list {padding:0 20px;width:279px;}
#records-wrapper #wrapper #primary-content .small-main-list li {border-top:1px dotted #bfbfbf;width:279px;padding-top:12px !important;padding-bottom:12px !important;}
#records-wrapper #wrapper #primary-content .small-main-list li.first {border:none;}
#records-wrapper #wrapper #primary-content .small-main-list li p {padding:0;}
#records-wrapper #wrapper #primary-content .small-main-list li h3 {font-size:1em;font-weight:700;padding:;margin:10px 0;}
#records-wrapper #wrapper #primary-content #your-archives-feed {margin-top:12px;}
/* for IE - last p tags on level 1 (top margin too big) */
* html #records-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;}
* =+html #records-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;}
#records-wrapper #wrapper #primary-content #video-holder #player, #records-wrapper #wrapper #primary-content #holder #player {margin:12px 17px 12px 20px; border:#666 solid 1px!important; width:600px;}
#records-wrapper #wrapper #primary-content #video-holder h2, #records-wrapper #wrapper #primary-content #holder h2 {background:none; font:1.5em/150% Verdana, Arial, Helvetica, sans-serif normal; padding:0 0 0 0; margin:12px 0 0 20px; float:left;border:0 solid #fff;}
* html #records-wrapper #wrapper #primary-content #video-holder h2, #records-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 10px;}
*+html #records-wrapper #wrapper #primary-content #video-holder h2, #records-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 20px;}
#records-wrapper #wrapper #primary-content #video-holder .transcript, #records-wrapper #wrapper #primary-content #holder .transcript {float:right; margin:12px 20px 0 0; padding:0 0 0 0; }
#records-wrapper #wrapper #primary-content #video-holder .transcript a, #records-wrapper #wrapper #primary-content #holder .transcript a{color:#000; text-decoration:none;}
#records-wrapper #wrapper #primary-content #video-holder .transcript a:hover, #records-wrapper #wrapper #primary-content #holder .transcript a:hover{color:#000; text-decoration:underline;}
#records-wrapper #wrapper #secondary-content .holder .more-videos li {width:278px; display:inline-block; }
#records-wrapper #wrapper #secondary-content .holder .more-videos li a {font-weight:bold;}
#records-wrapper #wrapper #secondary-content .holder .more-videos li p {padding-top:0; padding:0 0 0 108px; }
#records-wrapper #wrapper #secondary-content .holder .more-videos li img{margin:0 12px 0 0; float:left;}
#records-wrapper #wrapper #primary-content .gradient-box {margin:20px;border:#adaaaa dotted 1px; background:url(/images/records/records-signposts-bg.jpg) top repeat-x; padding:12px 10px 12px 10px}
#records-wrapper #wrapper #primary-content .gradient-box h3 {padding:0 0 12px 0;}
#records-wrapper #wrapper #primary-content .gradient-box p {padding:6px 0 6px 0;}
/*
------------------------------------------------------------------------------
Independent research
------------------------------------------------------------------------------
*/
table.border-bottom {border-bottom:1px dotted #bfbfbf; margin: 0 0 15px 0;}
#wrapper #main-content #left-nav-content form {clear: both; background: #eeeeee; padding: 10px 0 10px 10px; width:690px; min-height: 25px;}
#wrapper #main-content #left-nav-content input {float:right; margin: 0 40px 0 -40px;}
#wrapper #main-content #left-nav-content select {float:left;}
h3.redbold { color: #C41D28; font-weight: 700; }
/*
------------------------------------------------------------------------------
Census table
------------------------------------------------------------------------------
*/
#records-wrapper #wrapper #main-content #left-nav-content #census {padding:12px 0 12px 0; border:#bfbfbf dotted 1px; width:100%; margin:12px 0 12px 0; }
#records-wrapper #wrapper #main-content #left-nav-content #census tr td {padding:12px 10px 12px 10px;}
#records-wrapper #wrapper #main-content #left-nav-content #census tr th { vertical-align:middle; padding:12px 10px 12px 10px; font-weight:800!important; font-size:1.2em }
#records-wrapper #wrapper #main-content #left-nav-content #census tr {border:none; margin:none;}
#records-wrapper #wrapper #main-content #left-nav-content #census .grey {background-color:#EEEEEE;}
/*
------------------------------------------------------------------------------
What you can find online page
------------------------------------------------------------------------------
*/
img.what-find-online {border:0px solid white;margin-bottom:10px;}
div#what-find-online .holder h2 {margin-bottom:0!important;padding-bottom:0!important;margin-top:0!important;}
div#what-find-online .holder p {margin-bottom:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:12px!important;}
div#what-find-online .holder li {margin-bottom:0!important;margin-top:0!important;}
div#what-find-online .holder ul {padding-top:0!important;}
div#what-find-online .holder ul li {padding-bottom:0!important;}
div#what-find-online .holder ul li p {padding-bottom:0!important;}
div#what-find-online .holder ul h3 {margin-bottom:0!important;padding-top:0px!important;padding-bottom:0px!important;}
div#what-find-online .holder ul h4 {margin-bottom:0!important;margin-top:0!important;padding-top:0px!important;padding-bottom:0px!important;}
div#what-find-online .holder ul p {margin-bottom:6px!important;padding-top:0px!important;}
div#what-find-online .holder ul ul {list-style-type:circle !important;}
div#what-find-online .holder ul ul li {list-style-type:circle !important;padding-bottom:6px!important;}
div#what-find-online .holder ul ul p h4 {display:inline;}
/*
--------------------------------------------------------------------------------
Research guide styles
--------------------------------------------------------------------------------
*/
/* Index page */
#wrapper.white-wrapper {background:#fff; margin-bottom:20px;}
.level3 #wrapper #full-content {clear:both;margin:16px 20px 20px 20px;display:block;}
.research-guides #wrapper #full-content h2 {font:2.5em Verdana, Arial, Helvetica, sans-serif; padding:8px 0; border-bottom:1px dotted #6d3678; color:#6d3678;}
.research-guides #wrapper #full-content ul.az li {list-style-type:none; background:none; margin:0; padding-bottom:0!important; line-height:1.8em; margin-left:3px; }
.research-guides #wrapper #full-content ul.az li a {color:#000; text-decoration:none;}
.research-guides #wrapper #full-content ul.az li a:hover {text-decoration:underline;}
.research-guides #wrapper #full-content ul.az li a:visited, a:focus, a:active {color:#660000;}
.research-guides .top {clear:both; display:inline-block;}
.research-guides #wrapper #full-content .top a, .research-guides #wrapper #primary-content .top a {float:right; font:0.9em/100% Verdana, Arial, Helvetica, sans-serif; padding:10px; color:#000; clear:both;}
/* Search box */
.research-guides #wrapper #full-content #search-box {border: 1px dotted #b1b1b1; width:50%; padding:10px; margin:10px 10px 10px 0;}
.research-guides #wrapper #full-content #search-box h2 {font:1em Verdana, Arial, Helvetica, sans-serif; padding:0; font-weight:bold; color:#000; border:none;}
.research-guides #wrapper #full-content #search-box #sQuery {border: 1px solid #999;text-align: left; height:17px; padding:3px 3px 3px 3px; width:250px;}
.research-guides #wrapper #full-content #search-box #search-btn {border:none; height:25px; position:absolute; width:101px; padding: 2px;}
#guidanceSearch { margin:-35px 8px 0 0; float: right; }
#guidanceSearch label { display:none; }
#guidanceSearch form { padding:3px 0 3px 2px; background-color: #fff; width: 250px; border: 1px solid #000;}
#guidanceSearch #sQuery {border: 1px solid #fff; color:#666; font-family:Verdana, Geneva, sans-serif; width: 218px; margin: 1px 0 0 2px; }
#guidanceSearch #search-btn {border:none; position:absolute; }
/* Records A-Z Speeddial */
.level3 #wrapper #speeddial { height: 300px;}
.level3 #wrapper #a-z-menu-speeddial {margin:14px 20px 0 20px;height:27px;list-style:none;padding:0;}
.level3 #wrapper #a-z-menu-speeddial ul {display:block; clear: both;}
.level3 #wrapper #a-z-menu-speeddial li {border:1px solid #6d3678;width:75px;height:75px;color:#000;padding:5px;margin:5px;float:left;display:block; -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75); }
.level3 #wrapper #a-z-menu-speeddial li:hover {border:1px solid #6d3678; background: #E9DEEB; text-decoration: underline;}
.level3 #wrapper #a-z-menu-speeddial li a {color:#000; text-decoration:none;padding:9px 0px 50px 9px;margin:0;display:block !important; font-size: 2.5em;}
.level3 #wrapper #a-z-menu-speeddial span.no-link {color:#b1b1b1; font-size: 2.5em; margin: 9px; display: block;}
.level3 #wrapper #a-z-menu-speeddial li.no-link {float:left;display:block; border:1px solid #bfbfbf!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.level3 #wrapper #a-z-menu-speeddial li.no-link:hover {color:#b1b1b1;text-decoration:none; background: #fff;}
/*MOVE TO BASE ?? */
.level3 #wrapper #a-z-menu {margin:14px 20px 0 20px;height:27px;list-style:none;padding:0;}
.level3 #wrapper #a-z-menu li {border:1px solid #bfbfbf;width:25px;height:20px;color:#000;text-align:center;padding:3px 0 2px 0;margin:0 0 0 7px;float:left;display:block;}
/* IE6 */
.level3 #wrapper #a-z-menu li {_height:25px;_padding:3px 0 2px 0;}
/* IE7 */
.level3 #wrapper #a-z-menu li {*height:23px;*padding:2px 0 0 0;}
.level3 #wrapper #a-z-menu li:hover {border:1px solid #6d3678;text-decoration:underline;}
.level3 #wrapper #a-z-menu li a {width:27px;height:23px;color:#000; text-decoration:none;padding:4px 0 0 0;margin:-4px 0 0 -1px;display:block !important;}
/* IE6 */
.level3 #wrapper #a-z-menu li a {_width:27px;_padding:4px 0 0 0;_margin:-4px 0 0 -1px;}
/* IE7 */
.level3 #wrapper #a-z-menu li a {*width:23px;*padding:0 0 0 0;*margin:0;}
.level3 #wrapper #a-z-menu li a:hover {color:#000; text-decoration:underline;}
.level3 #wrapper #a-z-menu li.selected {border:1px solid #000;color:#fff;background:#6d3678;width:27px;_width:28px;margin:0 2px 0 9px;}
.level3 #wrapper #a-z-menu li.selected:hover {border:1px solid #6d3678;text-decoration:underline; color:#fff;}
.level3 #wrapper #a-z-menu li.selected a {color:#fff; text-decoration:none;font-weight:bold;width:28px;}
.level3 #wrapper #a-z-menu li.selected a:hover {color:#fff; text-decoration:underline;}
.level3 #wrapper #a-z-menu li.no-link {border:1px solid #bfbfbf;color:#b1b1b1;}
.level3 #wrapper #a-z-menu li.no-link:hover {border:1px solid #b1b1b1;color:#b1b1b1;text-decoration:none;}
.level3 #wrapper #a-z-menu li.first {margin:0 0 0 0;}
.research-guides #wrapper #primary-content{width:739px;}
*html .research-guides #wrapper #primary-content{width:732px;}
.research-guides #wrapper #primary-content #intro {float:right; width:278px; border:#FFF solid 20px; padding:0 0 0 0; margin:0 0 0 0; clear:none; display:inline}
.research-guides #wrapper #primary-content #intro h2 {font:1.8em/125% Verdana, Arial, Helvetica, sans-serif; padding-top:8px;}
.research-guides #wrapper #primary-content #intro img {border: solid 1px #8f8b8b;}
.research-guides #wrapper #primary-content #intro h3 {font:1.3em/100% Verdana, Arial, Helvetica, sans-serif; padding:10px 0;}
/* Content jump links */
.research-guides #primary-content #intro #contents {margin:0 0 0 0; width:278px; border: solid 1px #666; padding:0px; float:right; background-color:#FFF;}
.research-guides #primary-content #intro #contents h2 {font:1.7em/125% Verdana, Arial, Helvetica, sans-serif!important; line-height:125%; color: #666; padding:5px 0; margin:5px 10px; border-bottom: dotted 1px #6d3678; background:none; border-top:none;}
.research-guides #wrapper #primary-content ul, .research-guides #wrapper #primary-content ol { padding:10px 20px 10px 20px;}
.research-guides #wrapper #primary-content li {background-image:none; padding:8px 0 4px 0!important;}
.research-guides #primary-content #intro #contents ul.guidelink {font: 1em Verdana, Arial, Helvetica, sans-serif; margin:10px 20px!important; padding:0!important; }
.research-guides #primary-content #intro #contents ul.guidelink li {float:left;/*this is needed to stop the disc list styles from wrapping*/ margin-left:20px; margin-top:1px; list-style-type: decimal!important; display:list-ite ; padding:0 0 0 0!important; border:none; background-image:none; color:#666; }
.research-guides #primary-content #intro #contents ul.guidelink li a {color:#666; text-decoration:none; margin:5px 0!important; display:block; padding:4px;}
.research-guides #primary-content #intro #contents ul.guidelink li a:hover {background-color:#6d3679; color:#fff; text-decoration:none;}
.research-guides #primary-content #intro #contents ul.guidelinks li a:visited {background-color:#6d3679; text-decoration:none; display:block; color:#fff;}
.research-guides #wrapper #primary-content h2 { clear:none!important;background:none; font:1.8em/100% Verdana, Arial, Helvetica, sans-serif bold; padding:15px 0 10px 0; margin:10px 0px 0 20px; border-top:1px dotted #6d3679; }
.research-guides #wrapper #primary-content h2.first { clear:none!important;background:none; font:1.8em/100% Verdana, Arial, Helvetica, sans-serif bold; padding:15px 0 10px 0; margin:10px 0px 0 20px; border:none;}
.research-guides #wrapper #primary-content .container h3 {font:1.3em/100% Verdana, Arial, Helvetica, sans-serif; padding:10px 0; margin:20px 20px 0 20px; /*border-top: dotted 1px #8f8b8b;*/}
.research-guides #wrapper #primary-content .container h4 {font:1.2em/100% Verdana, Arial, Helvetica, sans-serif; padding:10px 0; margin:20px 20px 0 20px;}
/* Main content area */
.research-guides #wrapper #primary-content .container {margin-right:20px; clear:none;width:auto;}
.research-guides #wrapper #primary-content .container h2 {line-height:130%!important;}
.research-guides #wrapper #primary-content .container ul, .research-guides #wrapper #primary-content .container ol {font: 1em Verdana, Arial, Helvetica, sans-serif; margin:10px 20px 0px 40px; width:auto;}
.research-guides #wrapper #primary-content .container ul li, .research-guides #wrapper #primary-content .container ol li { float:none; list-style-type:disc; background:none; line-height:1.5em; width:auto;}
.research-guides #wrapper #primary-content .container table {margin: 0 20px; padding:5px;}
.research-guides #wrapper #primary-content .container table th {font-weight:bold; margin-top:10px;}
.research-guides #wrapper #main-content #primary-content .container .img-popup { margin:0px; padding:0px; margin-left:0px;clear:both;}
.research-guides #wrapper #main-content #primary-content .container .img-popup img{ float:right; margin-top:10px; padding:0px;}
.research-guides #wrapper #primary-content table {margin:12px 20px 12px 20px!important;}
.research-guides #wrapper #primary-content table td {border:#CCC solid 1px; padding:5px; font-size:0.9em;}
/*DocumentsOnline Guidance pages*/
#wrapper #main-content #left-nav-content table.dolGuidance {margin: 0; padding:5px;}
#wrapper #main-content #left-nav-content table.dolGuidance th {font-weight:bold; margin-top:10px;}
#wrapper #main-content #left-nav-content table.dolGuidance td {border:#CCC solid 1px; padding:5px; font-size:0.9em;}
#wrapper #main-content #left-nav-content table.dolGuidance th {border:#CCC solid 1px; padding:5px; font-weight:bold; vertical-align:top}
#wrapper #main-content #left-nav-content table.dolGuidance tr.titleRow th {background-color: #666; color: #fff;}
#wrapper #main-content #left-nav-content table.dolGuidance th a{color:#FFF;}
#wrapper #main-content #left-nav-content table.dolGuidance th a:hover {text-decoration:none;}
#wrapper #main-content #left-nav-content table.dolGuidance td ul {margin:8px 0 0 0; padding: 0 0 0 0;}
#wrapper #main-content #left-nav-content table.dolGuidance td ul li {margin:6px 0 6px 0!important; padding: 0 0 0 0!important; list-style:none; color:#666;}
/*#records-wrapper #wrapper #primary-content table .shade {background-color:#EEE}*/
.research-guides #wrapper #primary-content table th {border:#CCC solid 1px; padding:5px; font-weight:bold; vertical-align:top}
.research-guides #wrapper #primary-content table tr.titleRow th {background-color: #666; color: #fff;}
.research-guides #wrapper #primary-content table th a{color:#FFF;}
.research-guides #wrapper #primary-content table th a:hover {text-decoration:none;}
.research-guides #primary-content #intro img {clear:both!important; float:none!important;}
.research-guides #wrapper #primary-content .container table td ul {margin:8px 0 0 0; padding: 0 0 0 0;}
.research-guides #wrapper #primary-content .container table td ul li {margin:6px 0 6px 0!important; padding: 0 0 0 0!important; list-style:none; color:#666;}
.printOnly { display: none; }
/* Research guides - secondary content */
.research-guides #secondary-content {width:220px;}
.research-guides #secondary-content .holder h2.header-no-link, .research-guides #secondary-content .holder h2 {padding:8px 2px; display:block; background:none; border-bottom: dotted 1px #bfbfbf; margin: 0 10px; font:1.3em/100% Verdana, Arial, Helvetica, sans-serif;}
.research-guides #secondary-content li{ display:inline-block; clear:both; width:178px;}
.research-guides #guide-ftr {text-align:center; padding:10px; clear:both;margin:40px 20px 20px 20px!important;background-color: #F4F4F4; border: #CCC 1px solid; font-size:0.9em;}
#secondary-content .holder .printDownload img {padding:0 0 0 0!important; margin:0 0 0 0!important;}
#secondary-content .holder .printDownload {font-size:0.9em;}
/* Records Guidance A to Z */
.level3 #wrapper #full-content {clear:both;margin:16px 20px 20px 20px;display:block;}
.level3 #wrapper #full-content #keywords-holder {border:dotted 1px #6D3678; background:#f8f5f8 url(/images/records/keywords-bg.png) repeat-x top left; display:block;float:left;padding:10px 12px 0 12px;width:200px;margin-bottom:20px;}
.level3 #wrapper #full-content #keywords-holder h2 {font-size:2em;}
.level3 #wrapper #full-content #keywords-holder ul {list-style:none;padding:0;margin:0;}
.level3 #wrapper #full-content #keywords-holder li {margin:0 0 12px 0;}
.level3 #wrapper #full-content #keywords-holder li a {color:#000;text-decoration:none;}
.level3 #wrapper #full-content #keywords-holder li a.selected {color:#fff;text-decoration:none;font-weight:bold;background:#6D3678;padding:3px 8px 3px 6px;margin:-3px -8px -3px -6px;}
/* IE6+7 */
.level3 #wrapper #full-content #keywords-holder li a.selected {_margin:0;*margin:0;}
.level3 #wrapper #full-content #keywords-holder li a:hover {text-decoration:underline;}
.level3 #wrapper #full-content #a-z-intro {border-top:1px dotted #00529b;display:block;float:left;width:674px;margin:0 0 10px 20px;padding:10px 0 0 0;}
.level3 #wrapper #full-content #a-z-file-list {margin:0 0 10px 20px;padding:12px 0 0 0;display:block;float:left;border-top:1px dotted #bfbfbf;width:674px;}
.level3 #wrapper #full-content #a-z-file-list h3 {font-size:1.5em;}
.level3 #wrapper #full-content #a-z-file-list p {float:left;margin:10px 0;}
.level3 #wrapper #full-content #a-z-file-list p.pagination {float:right;margin:10px 0;}
.level3 #wrapper #full-content #a-z-file-list ul {/*border-top:1px dotted #bfbfbf;*/display:block;clear:both;}
.level3 #wrapper #full-content #a-z-file-list li {border-bottom:1px dotted #bfbfbf;padding:12px 0;}
/* IE8 */
.level3 #wrapper #full-content #a-z-file-list li:hover {background:#E9DEEB;margin:0 -5px;border-top:0px solid #fff;border-left:5px solid #E9DEEB;border-right:5px solid #E9DEEB;}
/* Non IE */
body:last-child .level3 #wrapper #full-content #a-z-file-list li:hover {margin:-1px -5px 0 -5px;border-top:1px dotted #bfbfbf;}
.level3 #wrapper #full-content #a-z-file-list li a {font-size:1.2em;}
.level3 #wrapper #full-content #a-z-file-list .file-size {font-size:0.9em;color:#716b6b;}
#iconBox {border: dotted 1px #bfbfbf; margin: 20px 0px; display: block; }
#iconBox p {margin: 10px 0px 10px 0px;}
#instructions { background-color: #fbf7aa; padding: 10px; border: 3px solid #f9e98e; width: 630px; font-size: 1.25em; }
#instructions-bg { background: url(/images/records/instructions-bg.png) no-repeat; padding-top: 17px; padding-left: 17px; margin-bottom: 20px;}
/*Imageflow banner*/
.imageflow h1 {font: 2.4em/130% Verdana, Arial, Helvetica,sans-serif; color:#fff!important; margin:20px;}
.imageflow p {color:#fff!important; padding:0 20px;}
.imageflow {overflow:hidden;position:relative; text-align:left; visibility:hidden;width:100%;height:270px!important; }
.imageflow img {cursor:pointer!important; position:absolute;top:0px;visibility:hidden; border:solid 1px #eee; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */}
.imageflow .loading {border:1px solid white;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative; visibility:visible; width:200px;}
.imageflow .loading-bar {background:#fff;height:15px;visibility:visible;width:1%;}
.imageflow .navigation{ margin-top:-10px;}
.imageflow .caption {font: 1.2em/120% Verdana, Arial, Helvetica,sans-serif; font-weight:normal; padding:0!important;position:relative; text-align:center;z-index:10001;color:#000; margin-top:70px; }
.imageflow .scrollbar { border-bottom:1px solid #b3b3b3;position:relative; visibility:hidden;z-index:10002; height:1px; padding:5px 0 0 0!important;}
.imageflow .slider {background:url(/images/imageflow/slider-black.png) no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px; z-index:10003;}
.imageflow .slideshow { cursor:pointer; height:14px;margin:20px 0 0 20px;position:absolute; width:14px; z-index:10003;}
.imageflow .slideshow.pause {background:url(/images/imageflow/pause-black.png) no-repeat;}
.imageflow .slideshow.play {background:url(/images/imageflow/play-black.png) no-repeat;}
.imageflow .images {overflow:hidden;white-space:nowrap;}
.imageflow .button {cursor:pointer; height:17px;position:relative; width:17px;}
.imageflow .previous {background: url(/images/imageflow/left-black.png) top left no-repeat;float:left;margin: -7px 0 0 -30px; border:0;}
.imageflow .next {background: url(/images/imageflow/right-black.png) top left no-repeat;float:right; margin:-7px -30px 0 30px;}
#carousel { clear: both; background: url("/images/global/grad-bg.jpg") repeat-x scroll left top #fff!important; }
/* Rotating feature banners */
#secondary-content .holder ul#banners {position: relative; height: 140px; background:#FFF; overflow:hidden; padding: 0 !important; margin-left: 0px !important;}
#secondary-content .holder ul#banners li{border: 0px !important; }
#secondary-content .holder ul#banners li a {color: #fff!important; text-decoration: none !important; }
#secondary-content .holder ul#banners li a:hover {text-decoration:underline !important;}
#banners img { border: 0px !important; height: 105px !important; float: right !important; margin-right: 0px !important; }
noscript h2 { margin: 10px 0 10px 20px; }
/* Selected Online Records (formerly DocsOnline) guidance pages */
#wrapper #main-content #left-nav-content #onlineRecords ul { margin: 15px 0 0 0!important; padding: 0!important; }
#wrapper #main-content #left-nav-content #onlineRecords li { width: 683px; height: 130px; list-style:none!important; padding: 15px 15px 15px 0; margin: 15px 0 0 0; border-bottom: 1px dotted #999999; border-top: 1px dotted #fff; border-right: 1px dotted #fff; border-left: 1px dotted #fff; }
#wrapper #main-content #left-nav-content #onlineRecords li.last { border-bottom: none; }
#wrapper #main-content #left-nav-content #onlineRecords li:hover { background: #E9DEEB; border: 1px dotted #999999; }
#wrapper #main-content #left-nav-content #onlineRecords li:hover h2 { text-decoration: underline; cursor: pointer;}
#wrapper #main-content #left-nav-content #onlineRecords h2 { border-top: none; float: left; padding: 0; margin: 0 0 15px 0; width: 75%;}
#wrapper #main-content #left-nav-content #onlineRecords img { float: left; margin: 0 15px 0 15px; }
#wrapper #main-content #left-nav-content #onlineRecords p { float: none; margin: 0; padding: 0; }
#wrapper #main-content #left-nav-content #onlineRecords a { text-decoration: none; color: #000; width: 100%; height: 100%;}
#wrapper #main-content #left-nav-content #onlineRecords a h2:hover { text-decoration: underline; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid ul { clear: both; display: block; margin: 10px 0 0 20px!important; width: 600px; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid ul li { width: 130px; height: 175px; float: left; margin: 0 25px 10px 0; background: #fff; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid ul li.end { margin-right: 0; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid img { margin: 0 0 5px 0; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid h2 { clear: left; border-top: 1px dotted #bfbfbf; margin: 0 0 0 20px; width: 590px; padding: 12px 0!important; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid a { color: #000; text-decoration: none; }
#records-wrapper #wrapper #primary-content #onlineRecordsGrid a:hover { text-decoration: underline; }
/* Inline search for online records pages */
#inlineSearch { width:100%; display:inline-block; clear:both; margin:10px 0; }
#inlineSearch form#dolSearch { background: #ffffff!important; width: 100%!important; padding: 0!important; clear:both; }
#inlineSearch form#dolSearch label { margin: 5px 5px 0 5px!important; padding: 3px 0px; width: 200px; display: inline-block; float: left!important; }
#inlineSearch form#dolSearch label.date { margin: 5px!important; padding: 3px 0px; width: 105px; display: inline-block; }
#inlineSearch form#dolSearch label.toDate { width: 20px; display: inline-block; }
#inlineSearch form#dolSearch input.inlineSearch { margin: 5px!important; padding: 3px 0px; width: 210px; display: inline-block; float: left!important; }
#inlineSearch form#dolSearch input.inlineSearchDate { margin: 5px!important; padding: 3px 0px; width: 100px; display: inline-block; }
#wrapper #main-content #left-nav-content #inlineSearch form#dolSearch input.submit { float: left; margin: 5px 0 5px 215px!important; display:inline-block; }
#inlineSearch form#dolSearch #wordOrPhrase { width: 500px; clear:both; }
#inlineSearch form#dolSearch #dateRange{ width: 500px; margin-top: 20px; }
#inlineSearch form#dolSearch #dateRange p { margin-left: 5px; }
/* Duplication of inline search styles for form on research guides */
#records-wrapper #wrapper #primary-content #inlineSearch form#dolSearch {*height: 90px;}
#records-wrapper #wrapper #primary-content #inlineSearch form#dolSearch input.submit { float: left; margin: 5px 0px 5px 221px!important; padding: 0; display:inline-block; }
#records-wrapper #wrapper #primary-content #inlineSearch form#dolSearch input { margin: 0!important; }
#records-wrapper #wrapper #primary-content #inlineSearch form#dolSearch label { margin: 5px 0px 0 0px!important; padding: 3px 0px 3px 20px; width: 200px; display: inline-block; float: left!important; font-weight: normal; }
/* highlight content box */
span.highlightcontent {
display:block;
background: url("/images/records/animated-guides-bg.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
border: 1px dotted #6d3678;
margin: 0;
padding: 12px 20px;
}
/* Inline video subtitle styles */
#videoHolder_caption div {opacity: 0.75; top: 0px;}
#videoHolder_caption div span {padding: 0 5px;}