/* BASIC */
/* This rule is only here to fix an odd bug/problem in Safari. NOTE THAT THIS RULL MUST BE PLACED BEFORE OTHER LINK COLOUR RULES.*/
a, a:visited, #object_area_inner a, #object_area_inner a:visited, td.first_line a, td.first_line a:visited {
	text-decoration: none;
}
a:hover, span a:hover, a:hover .link_direction, a:hover .link_title, a:hover .link_page, a:hover .link_image, #object_area_inner a:hover, td.first_line a:hover, .item a:hover {
	text-decoration: none;
}
#selections_so_far a.delete_button, #selections_so_far a.delete_button:visited, #mktree a.delete_button, #mktree a.delete_button:visited, #object_area_inner .facet .selection_item a, #object_area_inner .facet .selection_item a:visited {
	border-width: 1px;
	border-style: solid;
}
h1, h2, h3, h4 {
	margin: 1em 0;
}

h1, * html #object_area_outer #spare1 {
	font-size: 125%;
}

h2 {
	font-size: 115%;
}

h3 {
	font-size: 105%;
}

h4 {
	font-size: 100%;
}

p {
	margin: 1em 0;
}
img {
	border: none;
}
ul {
	list-style-type: square;	
}

/* GENERAL TABLE STYLES. */
table {
	padding: 0; 
	margin: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}
table caption {
	margin-bottom: 0.2em
}
table.centered {
	margin: 0.5em auto 1em auto;
}
table.full_width {
	width: 100%;
}
table.flow_left {
	float: left;
	margin-right: 2em;
}
table.flow_right {
	float: right;
	margin-left: 2em;
}
table.flow_right caption {
	margin-left: 2em;
}
table.flow_left caption {
	margin-right: 2em;
}
caption {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}
table.centered caption {
	text-align: center;
}
th, td {
	margin: 0;
	padding: 2px 12px 2px 12px;
	text-align: left;
	vertical-align: top;
	border-width: 1px;
	font-size: 100%;
}
th {
	font-weight: bold;
}
td {
	font-weight: normal;
}
.spacer,
.return_to_top {
	border: none;
	height: 3em;
	vertical-align: top;
}

/* GENERAL FORM STYLES. */
form {
	margin: 0;
	padding: 0;
	line-height: normal;
}
form table, 
form table th, 
form table td {
	border: none;
}
form table th, 
form table td {
	font-weight: normal;
	margin: 0;
	padding: 0 0.4em 0.6em 0;
}
fieldset {
	clear: both;
	display: block;
	margin: 1em 0;
	padding: 0;
	border: none;
}
fieldset.no_legend {
	border-top-width: 0.5em;
	border-top-style: solid;
}
fieldset.hidden_fields {
	margin: 0;
	padding: 0;
	display: none;
}
fieldset div.form_field, 
fieldset div.form_field_alternate_row {
	clear: both;
	margin: 0;
	padding: 0.3em 0.7em;
}
fieldset div.form_field {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
fieldset div.form_field_alternate_row {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
label {
	float: left;
	width: 13%;
	font-weight: bolder;
	padding: 0;
}
label.wide_field_layout {
	display: block;
	float: none;
	width: auto;
	padding-bottom: 1em;
}
fieldset p {
	float: right;
	width: 86%;
	margin: 0;
	padding: 0;
}
fieldset p.submit_buttons2 {
	float: none;
	width: 85%;
	margin: 0;
	padding: 0 0 0 14%;
	text-align: left;
}
.submit_button {
	font-weight: bolder;
}
#digital_order_button .submit_button {
	width: 100%;
}
fieldset p.note {
	float: none;
	clear: both;
	font-size: 90%;
	padding: 0 0 0 14%;
	margin: 0;
}
fieldset p.note_fieldset {
	float: none;
	width: auto;
	font-size: 90%;
	padding: 0.3em 0.7em;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
fieldset p.wide_field_layout_note {
	display: block;
	margin: 0;
	padding-top: 1em;
	float: none;
	clear: both;
	font-size: 90%;
	margin: 0;
	padding: 1em 0 0 0;
}
fieldset p.note_empty {
	float: none;
	clear: both;
	font-size: 1px;
	height: 1px;
}
fieldset h3, legend {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}
fieldset h3 {
	padding: 0 0 0.1em 1em;
}
legend {
	padding: 0.2em 0.8em;
}
fieldset fieldset,
fieldset fieldset legend {
	margin: 0;
	padding: 0;
}
fieldset fieldset legend {
	display: block;
	float: left;
	width: 13%;
	font-weight: bolder;
	padding: 0;
}
fieldset fieldset div.inner_form_field {
	float: right;
	width: 86%;
}
fieldset fieldset label {
	font-weight: normal;
}
.form_validation_error_highlight {
	padding-left: 2px;
	font-style: italic;
	font-weight: bold;
}
div.spacer {
	display: block;
	height: 0px;
	padding: 0;
	margin: 0;
}
#formAndGenre_toggle, #place_toggle, #who_toggle, #event_toggle, #years_toggle {
	display: block;
}
.hide {
	display: none;
}
/* FORM VALIDATION ERROR MESSAGE */
#form_validation_error {
	border-top: 1px;
	border-bottom: solid;
	padding: 1em;
	font-style: italic;
	margin-top: 1em;
}
#form_validation_error h3 {
	margin-top: 0;
}

/* CONTENT LAYOUT */
#content {
	margin: 15px;
	border-width: 1px;
	border-style: solid;
}
#pageturner_wrapper, #results_wrapper {
	margin: 0;
	border-left-style: solid;
}
#title_area {
	margin: 0;
	padding: 0;
	text-align: right;
}
#grouping_title {
	margin: 0;
	padding: 3px 12px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
#file_title {
	margin: 0;
	padding: 3px 12px;
}
#prev_next_area, #facets_area {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
}
#prev_next_area .prev,
#prev_next_area .next {
	padding: 10px 20px;
	margin: 0;
	font-weight: bolder;
}
#prev_next_area .prev {
	text-align: left;
}
#prev_next_area .next {
	text-align: right;
}
.link_direction, .link_page {
	display: block;
}
.link_page {
	font-weight: normal;
}
/* Fixes a problem in IE where if you have test and an image in an anchor 
tag you get a coloured line underneeth the image when the link is hovered. */
#prev_next_area img, #prev_next_area a {
	margin-bottom: -3px;
}
#derivatives {
	margin: 0;
	padding: 20px;
}
#derivatives ul {
	margin: 0;
	padding: 0 0 1em 1em;
	list-style: square;
}
#derivatives h4,#derivatives p {
	margin: 0;
	padding: 0;
}
#search_within, #digital_order_button {
	text-align: center;
	padding: 3px 4px;
	margin: 15px;
	border-width: 1px;
	border-style: solid;
}
#search_within p {
	padding: 1px 0;
	margin: 0;
}
#search_within form {
	text-align: left;
}
#search_within form label {
	float: none;
}
#search_within form input.search_term, #search_within form select, #search_within form input.submit_button {
	float: none;
}
#digital_order_button form {
	text-align: center;
}

/* IMAGE AREA (on pageturner.cfm) */
#image_area {
	margin: 0;
	padding: 20px;
	text-align: center;
}
#child_groups {
	text-align: left
}

/* Page and chapter selectors */
#page_selector,
#chapter_selector {
	margin: 0;
	padding: 0;
}
#page_selector label,
#chapter_selector label
{
	float: none;
	width: auto;
}

/* Transcriptions */
img#main_image, #transcription {
	padding: 1em 0 0 0; 
}
#transcription {
	padding: 20px 0 0 60px;
}
#transcription pre {
	font: medium "Arial Unicode MS";
	padding-bottom: 1em;
}
#transcription_text, #transcription_text_xml {
	float: left;
	text-align: left;
}
#transcription_text_xml {
	margin-bottom: 1em;
}
#transcription_image {
	float: left;
	padding: 0 20px 20px 0;
}
#transcription_image img#main_image {
	padding: 0;
	width:  250px;
	height: auto;
}
#transcription_text p {
	margin-bottom: 1em;
}
#transcription_text_xml p {
	margin-bottom: 0;
}
p#rightAccessStatement {
	padding: 1em;
}

/* Metadata tables on pageturner.cfm */
.metadata {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
.metadata caption {
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.metadata th {
	margin: 0;
	padding: 2px 10px;
	font-weight: bolder;
	text-align: left;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
}
.metadata td {
	margin: 0;
	padding: 2px 10px;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
}
.metadata ul {
	margin: 0 auto 0 1em;
	padding: 0;
}
.metadata ul li {
	margin: 0;
	padding: 0;
}

.metadata th.first_line,
.metadata td.first_line {
	border: none;
}

/* Thumbnail gallery styles */
#image_area .page_navigator {
	padding-left: 15px;
}
#thumbnail_gallery_images {
	text-align: left;
	padding: 15px;
}
#thumbnail_gallery_images {
	text-align: left;
	padding: 15px;
	margin: 0;
}
.thumbnail_gallery_link, .thumbnail_gallery_link_highlight {
	display: inline-block;
	padding: 10px;
	margin: 0;
}
.thumbnail_gallery_link {
	background-color: transparent;
}
.thumbnail_gallery_to_link {
	margin: 0;
}
/*#thumbnail_gallery_to_link, #main_image_links, #copyright_message {
	clear: both;
} */
p#copyright_message {
	margin-top: 1.5em;
}

/* RESULTS AREA (on pageturner.cfm) */
#results_area {
	
}
#results {
	padding: 20px;
}

/* Facets area on index.cfm and other templates */
#results_wrapper ul.mktree {
	padding: 0;
}
#facets_area ul {
	margin: 0 0 1px 0; 
	padding: 0;
}
#facets_area ul {
	margin: 0;
	padding: 0;
}
#facets_area ul ul{
	margin-top: 4px;
}
#facets_area li li {
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0;
	font-weight: normal;
	list-style-type: square;
	font-size: 90%;
}
#facets_area p {
	padding: 3px; 
	margin: 0; 
}
#facets_area li {
	padding: 1px 1px 1px 4px;
	font-weight: bolder;
}
.no_of_records {
	font-size: smaller;
	font-style: italic;
}
.selection_item {
	white-space: nowrap;
}
#facets_area ul ul li.facet {
	border-bottom: none;
	margin-left: -3px;
}
#facets_area ul ul li.facet ul {
	font-size: 111%;
}
#facets_area li li.facet_search_form, #facets_area li li.pop_up_link {
	list-style-type: none;
	margin-left: 0;
}
#facets_area li li.pop_up_link {
	font-weight: bolder;
}
#facets_area li li.facet_search_form form,
#facets_area li li.facet_search_form form label, 
#facets_area li li.facet_search_form form input {
	float: none;
	width: auto;
	font-weight: normal;
}
#facets_area li li.facet_search_form form label {
	display: block;
}



/* PAGE NAVIGATION DEVICE */
.page_navigator
{
	font-style: italic;
	font-weight: bolder;
	text-align: left;
	line-height: 140%;
}
#child_groups .page_navigator
{
	padding: 1em 0;
}
.page_navigator a {
	text-decoration: none;
}
.page_navigator .prev_next,
.page_navigator .page_number,
.page_navigator .page_number_current
{
	padding: 0.1em 0.3em;
	margin: 0;
	font-style: normal;
	border-width: 1px;
	border-style: solid;
}
.page_navigator .prev_next,
.page_navigator .page_number
{
	font-weight: normal;
}
.page_navigator .prev_next {
	font-weight: bolder;
}
.page_navigator .page_number_current {
	font-weight: bolder;
}

/* SEARCH */
#selections_so_far, #quick_search, #adv_search_details, .facet {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#selections_so_far, #quick_search, #adv_search_details {
	padding: 3px 4px;
	margin: 0;
}
#selections_so_far h3, #adv_search_details h3 {
	padding: 0; 
	margin: 0; 
}
#selections_so_far p, #adv_search_details p {
	padding: 0; 
	margin: 0;
}
#selections_so_far a,  .facet .selection_item a, a.delete_button {
	display: inline-block;
	padding: 0 4px;
	margin: 1px 14px 1px -1px;
	font-weight: bolder;
	font-size: 90%
}
#selections_so_far .selection_item {
	display: inline-block;
}
#selections_so_far #aquabrowser {
	position: absolute;
	top: 1px;
	right: 1px;
	padding-top: 2.25em;
}
.facet .selection_item {
	margin-left: -13px;
}
#quick_search_form {
	padding: 0;
	margin: 0;
}

/* Search results table */
#search_results {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	margin-bottom: 1em;
}
#search_results caption {
	margin: 0;
	padding: 4px 8px;
	border-top-width: 1px;
	border-top-style: solid;
}
#search_results tr {
	vertical-align: top;
}
#search_results td {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#search_results .title {
	padding: 0.5em;
}
#search_results .title p {
	padding: 0;
	margin: 0;
}
#search_results .title .file {
	font-weight: bolder;
}
#search_results .title .file .dod_id {
	font-size: 85%;
}
#search_results .title .bib_text {
	font-size: 85%;
}
#search_results .image {
	width: 70px;
	margin: 0;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
}
#search_results .image img,
#search_results .image p {
	margin: 0;
	padding: 0;
	width: 70px;
	font-size: 90%;
	font-weight: bolder;
	text-align: center;
	border: none;
}
#search_results .image img a,
#search_results .image p a {
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#search_results .image p {
	padding: 5px;
	width: 65px;
}
/* Pop up search results */
.place_name {
	font-weight: bolder;
}

/* BLOCKS WITH FLOATED CONTENT FIX */
/* These declarations make sure that the containers that contain nothing 
but floated elements expand to contain those floated elements */
#content:after,
#pageturner_wrapper:after,
#results_wrapper:after,
#search_details:after,
#transcription:after,
.form_field:after,
.form_field_alternate_row:after,
.inner_form_field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #content,
* html #pageturner_wrapper,
* html #results_wrapper,
* html #search_details,
* html #transcription,
* html .form_field,
* html .form_field_alternate_row,
* html .inner_form_field {
	height: 1%;
}

#results_wrapper span.ie7clearfix {
	clear: both;
	border: none;
}

