/*-----------------------------------------------------------------------------
Wisconsin Historical Society - Common Screen Stylesheet - Exhibits and Pages

version:   	1.0
revised:   	2013
author:     [Angie Truby]
website:   	[wisconsinhistory.org]

See more styles is css/common.css
-----------------------------------------------------------------------------*/



/***************************************************************************


                         Event Calendar Styles
                            --------------

  This section styles the new event calendar search result and detail pages.


****************************************************************************/
.calendar-header {
	background:url('https://www.wisconsinhistory.org/calendar/images/calendar-header.png') 100% 100% no-repeat;
	}
h2.search-results-header {
	font-size:1.7em;
	}
/* Left Side Nav
-------------------------------------------*/
#Filter_EndDate, #Filter_StartDate {
	width:75px;
	padding:3px 2px;
}
.search-by-date div {
	float:left;
	padding-right:5px;
}
.search-by-date label {
	color:#999;
	}
.date-search {
	margin-top:10px;
	padding:6px;
	}
#sideNav h4 {
	color:#999;
}
.search-by-program div, .search-by-series div {
	font-weight:bold;
	padding: 5px 0px 6px 10px;
	
	}

/* Individual Search Result List Items
-------------------------------------------*/
.search-results h2 {
	padding-bottom:3px !important;
	padding-top:0px !important;
	font-size:1.3em;
}
.search-results h4 {
	padding-bottom:3px !important;
	padding-top:10px !important;
	font-size:1.1em;
	text-transform:uppercase;
	color:#666666;
}
.search-results span.dates {
	font-weight:bold;
}
.search-results p {
	margin-bottom:3px !important;
}
.search-results p.description, .search-results p.meta-description {
	margin-bottom:1.6em !important;
}
.search-results p.registration-deadline {
	font-weight:bold;
}
span.paginationLeft	{
	font-size:1.6em;
}
a:hover {
	text-decoration: underline;
	}

div.record-description p {margin:0; padding:0; font-weight:bold;}
div.record-description {line-height: 1.3em}
div.record-description p span, div.record-description span p {color:#666; font-weight:normal;}
span div.record-description p {font-weight:normal; margin-bottom:1.8em;}
/* Turning Points styles 
--------------------------------*/

div.turning-points-link-list a {
	display:block;
	margin-bottom:0.6em !important;
	font-size:1.2em;
}
div.turning-points-link-list a:hover {
	text-decoration: underline;
}
#sideNav .ui-widget-content, #sideNav .ui-state-default, #sideNav .ui-state-default, #sideNav .ui-widget-header #sideNav .ui-state-default {
	background:none !important;
}
#sideNav .ui-corner-all, #sideNav .ui-corner-top, #sideNav .ui-corner-right, #sideNav .ui-corner-tr, #sideNav .ui-corner-all, #sideNav .ui-corner-bottom, #sideNav .ui-corner-right, #sideNav .ui-corner-br  {
	border:0 !important;
}
#sideNav .ui-accordion .ui-accordion-content {
	padding:0 0 0 30px !important; 
	overflow:hidden !important;
}
#sideNav #accordion h3 {
	margin:0px 0px 7px 10px !important;
	padding:0px !important;
}
#sideNav .ui-icon {
	background-image: url("https://www.wisconsinhistory.org/jqueryui/css/ui-lightness/images/ui-icons_0008c4_256x240.png") !important;
}
#sideNav #accordion li a, #sideNav .ui-state-default a, #sideNav .ui-state-default a:link, #sideNav .ui-state-default a:visited, #sideNav .ui-state-active a, #sideNav .ui-state-active a:link, #sideNav .ui-state-active a:visited {
	font-family:Verdana, Arial, sans-serif !important;
	color:#0033cc !important;
	font-size:11px !important;
	font-weight:normal !important;
	}
#sideNav .ui-state-default a:hover {
	text-decoration:underline !important;
}
#sideNav .ui-state-active a:hover {
	text-decoration:none!important;
	
}

/***************************************************************************


                             Common Styles
                            --------------

  This section styles common page elements used across exhibits and pages.


****************************************************************************/
li {
	padding-bottom:5px;
}
td {
	vertical-align:top;
}
a:link {
	color: #0033cc;
}
a:visited {
	color: #0033cc;
}
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
form {
	margin: 0;
	padding: 0;
}
.form-label {
	float:left;
	line-height:6em;
	padding-right:8px;
}
.form-field {
	float:left;
	}
fieldset {
	background-color:#ddd;
	padding: 60px 20px 20px 18px;
	margin-top:20px;
	position:relative;
	}

legend {
	font-weight:bold;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 15px -2px;
	padding:30px 0 0 0;
}
fieldset.small-search-box { /* As seen on Turning Points home page */
	padding:0 0 10px 20px !important;
	margin-right:20px;
}
fieldset input, fieldset select, fieldset option, fieldset textarea {
    background-color: #FCF7F9;
	border:solid 1px #ddd;
	padding:5px;
	color:#666;
	}
fieldset textarea {
	width:550px;
	}
fieldset input[type="text"]:focus {
    background-color: #ffffff;
    border: solid 1px #66CCFF;
}
#btnSubmit {
	font-size:14px;
	padding: 8px 19px 9px;
	margin:15px 0 5px !important;
	color:#fff !important;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:100px !important;
}
#btnSubmit200, #btnSubmitFeedback {
	font-size:14px;
	padding: 8px 19px 9px;
	margin:15px 0 5px !important;
	color:#fff !important;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:200px !important;
}

#btnSubmit:hover, #btnSubmit200:hover, #btnSubmitFeedback:hover {
	text-decoration: underline;
	cursor:pointer;
}
#btnCancel h2 {
	margin:0 !important;
	}
#btnCancel {
	text-align:center;
	}
#btnCancel:hover {
	text-decoration: underline;
	cursor:pointer;
}
#btnCancel {
	float:left;
	padding:8.5px 0 0 0;
	margin: 15px 10px 5px 0px !important;
	color: #fff !important;
	font-weight: bold;
	width: 100px !important;
	min-height:16px;
	height:23px;
}
#btnCancel h2 a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif !important;
}

hr {
	border:0;
	background-color:#ccc;
	text-align:left;
	height:1px;
	margin: 20px 0;
}
.clear {
	clear:both;
}
address {
	font-style:normal;
	padding:0;
	margin:0;
}
.printLogo{
	display:none;
}
.screenLogo{
	display:inline-block;
	float:left;
}
#banner-container {
    background-color:#797979;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
#banner-elements {
	width:935px;
	margin: 0 auto;
}
#banner-elements p {
    color: #FFFFFF;
	float:left;
	/*padding-top:0 !important;*/
}
#banner-site-dropdown {
	float:right;
	margin-top:4px;
}
#branding {
	margin-top:40px !important;
	}
#topRow {
	width:960px;
	margin:0 auto;
}
#header {
	width: 960px;
	min-height: 60px;
	margin: 0 0 60px 0;
	padding: 0px 15px 10px 20px;
	border-bottom:1px solid #ccc;
	position:relative;
	top:20px;
}
.grey-header {
	background-color:#ccc;
	top:0px !important;
	padding-top:12px !important;
	min-height:20px !important;
	height:20px;
	margin:0px !important;
	position:relative;
	}
.exhibits {
	min-height:60px !important;
}
.bottomBar  {
	clear:both;
	width:100%;
	padding: 5px;
	background-color: #132744;
}
.detail-record-wrapper {
	min-height: 410px;
}
.page-wrapper {
	text-align:center;
	width:960px;
	margin:0 auto;
}
#main {
	width: 960px;
	text-align:left;
}
.body {
	line-height: 14px;
	color: #333;
	margin: 0;
	padding: 20px 20px 20px 40px;
	float:left;
	width:600px;
	border-left: 1px solid #ccc;
	min-height:240px;
}
.holocaust-survivors-body {
	padding: 0px 20px 20px 40px; !important;
}
.exhibits-body {
	padding: 10px 20px 20px 40px; !important;
}

.whspress-body {
	min-height:980px;
	padding: 40px 20px 20px 40px;
}
.event-body {
	width:950px;
	float:none;
	line-height: 1;
	background: white;
	font: 70%/1.45 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;	
}

/***************************************************************************


                          Left Navigation Styles
                            --------------

  This section styles the left navigation on exhibits and pages.


****************************************************************************/
#sideNav {
	width: 240px;
	margin: 0;
	padding: 10px 0 0 40px;
	float:left;
}
.PressNav {
	min-height:820px;
	}
#rightSide {
	width: 150px;
}
td.formtitle {
	font-weight: bold;
	text-align: right;
}
#sideNav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#sideNav ul li {
	list-style: none;
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat scroll 5px 1px transparent;
    margin: 0;
    padding: 0 0 10px 48px !important;
	padding: 5px 5px 6px 35px;
	text-indent:-25px;
	list-style: none;
}
#sideNav ul a:hover {
	text-decoration: underline;
	list-style: none;
}
#sideNav p {
	margin-left:4px;
	margin-right:20px;
	}
#sideNav ul li.home-link {
	font-size:12px;
	font-weight:bold;
	background-position: 5px 11px;
    padding: 10px 0 10px 48px !important;
}
.sideNavActive {
}
/***************************************************************************


                             Exhibit Headers
                            --------------

  This section styles exhibit and other pages heading banners.


****************************************************************************/
.exhibit-header {
	height:90px;
	width:500px;
	position:absolute;
	right:34px;
	bottom:0;
}
.atomic {
	background:url('https://www.wisconsinhistory.org/museum/images/atomic-header.png') 100% 100% no-repeat;
	width:500px;
}
.braves {
	background:url('https://www.wisconsinhistory.org/museum/images/braves-header.png') 100% 100% no-repeat;
	width:500px;
}
.chip {
	background:url('https://www.wisconsinhistory.org/museum/images/chip-header.png') 100% 100% no-repeat;
}
.egg {
	background:url('https://www.wisconsinhistory.org/museum/images/egg-header.png') 100% 100% no-repeat;
}
.election {
	background:url('https://www.wisconsinhistory.org/museum/images/elections-header.png') 100% 100% no-repeat;
	width:500px;
}
.fan {
	background:url('https://www.wisconsinhistory.org/museum/images/fans-header.png') 100% 100% no-repeat;
	width:500px;
}
.framed {
	background:url('https://www.wisconsinhistory.org/museum/images/framed-header.png') 100% 100% no-repeat;
}
.holocaust {
	background:url('https://www.wisconsinhistory.org/HolocaustSurvivors/images/survivors-banner.jpg') 100% 100% no-repeat;
	}
.horlicks {
	background:url('https://www.wisconsinhistory.org/museum/images/horlicks-header.png') 100% 100% no-repeat;
}
.icon {
	background:url('https://www.wisconsinhistory.org/museum/images/icon-header.png') 100% 100% no-repeat;
}
.madison {
	background:url('https://www.wisconsinhistory.org/museum/images/madison-header.png') 100% 100% no-repeat;
}
.mural {
	background:url('https://www.wisconsinhistory.org/museum/images/mural-header.png') 100% 100% no-repeat;
}
.p2p {
	background:url('https://www.wisconsinhistory.org/museum/images/p2p-header.png') 100% 100% no-repeat;
}
.patterns {
	background:url('https://www.wisconsinhistory.org/museum/images/patterns-header.png') 100% 100% no-repeat;
}
.piece {
	background:url('https://www.wisconsinhistory.org/museum/images/piece-header.png') 100% 100% no-repeat;
}
.posters {
	background:url('https://www.wisconsinhistory.org/museum/images/poster-header.png') 100% 100% no-repeat;
	width:500px;
}
.pottery {
	background:url('https://www.wisconsinhistory.org/museum/images/pottery-header.png') 100% 100% no-repeat;
}
.skate {
	background:url('https://www.wisconsinhistory.org/museum/images/skate-header.png') 100% 100% no-repeat;
}
.toys {
	background:url('https://www.wisconsinhistory.org/museum/images/toys-header.png') 100% 100% no-repeat;
	width:500px;
}
.turning-points {
	background:url('https://www.wisconsinhistory.org/turningpoints/images/turning-points-header.png') 100% 100% no-repeat;
	width:500px;
}
/***************************************************************************


                            Exhibit Specific Styles
                            --------------

           This section holds styles for specific exhibits and pages.


****************************************************************************/
.three-column-wrapper {
	float:left;
	width:740px;
}
.three-column-wrapper div {
	float:left;
	width:190px;
	border:0 !important;
}
.three-column-wrapper h6 {
	text-align:center;
}

/* Toy Stories styles
----------------------------------------*/
.toy-stories .three-column-wrapper {
padding:35px 20px 5px 25px;
border:30px solid #4565c1;
border-radius:60px;
margin:0px;
width:590px;
}
.toy-stories .centeredimage h2 {
	font-size:14px;
}
.toy-stories p {
clear:both;
padding: 3px 20px 10px 20px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height: 24px;
}

/* Icon Wisconsin styles
------------------------------------------------- */
.iconhome {
	min-height:300px;
}
.iconhome p {
	padding:10px !important;
}
.iconhome h4 {
	padding:5px 0 0 10px !important;
	margin: 0px !important;
}
.iconhome div.button {
	width:165px;
	margin:0 0 20px 10px!important;
}
.iconhome div.button h2 {
	font-size:1em;
	padding:0 !important;
	margin:0 auto !important;
	text-align:center;
}
.icon-blue {
	background-color:#d2e3e3; 
}
.icon-tan {
	background-color:#cbbc8d;
}
.icon-green {
	background-color:#d1dfb2;
}
/* Cool Breezes styles
----------------------------------------*/
.coolbreezes {
padding: 20px 7px;
}
.coolbreezes2 {
padding: 7px;
text-align: left;
}
/* Random exhibit styles
--------------------------------*/
.line {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-top: #ABB0B1;
	border-width: 1px 0 0 0;
	border-style: dotted none none none;
}
.box {
float: right;
width: 185px;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
text-align:left;
background: #f0f0d1;
}

em, i {
font-style:italic;
font-size: 1em;
}
/***************************************************************************


                              Link styles
                            --------------

           This section styles common links and navigation elements.


****************************************************************************/
a {
	color:#0033cc;
	outline: none;
	text-decoration: none;
}

/***************************************************************************


                             Typography
                            --------------

  This section styles common lettering, fonts and type elements used across exhibits and pages.


****************************************************************************/
h1, h2, h3, h4, h5, h6, dt, .TitleText {
	font-family: Arial, Helvetica, sans-serif;
}

h2, h3 {
	padding-bottom:1.6em !important;
}
h4, h5 {
	padding-top:1.6em !important;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 24px;
	color:#333;
	font-weight:normal !important;
}
h2, .light .TitleText {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	font-weight:bold;
}
.grey-header h2 {
	font-size: 22px;
	color:#08449f;
	margin:0 !important;
	line-height:1em !important;
	padding-bottom:0 !important;
	border:none;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 20px 0 7px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

h4 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

h5 { /* seen on collection item detail record pages */
	font-size: 1.15em;
	font-weight: bold;	
	padding: .6em 0 .6em 0;
}

h6 {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight:bold;
	margin:30px 0 7px 0;
	color:#333;
}

/* UNDERLINED HEADINGS */
.underline {
	border-bottom: #80a6d3 solid 1px;
	width:100%;
	margin-bottom:20px;
	padding-bottom:2px;
}

.underline-indent {
	border-bottom: #80a6d3 solid 1px;
	width:95%;
	margin-bottom:5px;
}

h2.underline, h3.underline,  h4.underline,  h5.underline, h6.underline {
	padding: .6em 0 0.12em !important;
	margin: 2em 0 1em 0!important;
}

h2.underline {
		font-size: 1.8em;
		font-weight:normal;
}
.holocaust-survivors-body h2.underline {
	width:80%;
	margin-top:0px !important;
}

/* --------------- Definition Lists ------------------*/

dl {
	width:550px;
	margin:0 0 1.8em 0;
	margin-top: 10px;
	margin-left: 30px;
}
dt {
	font-weight:bold;
	color: #000;
    font-size: 12px;
    margin: 20px 0 3px;
	font-family:Arial, Helvetica, sans-serif;	
}
dd {
	margin:0;
	padding:0;
}
dt.indent, dd.indent {
	margin-left:30px;
}
dl.indent {
	margin-left:60px;
}
dl.double-indent {
	margin-left:90px;
}
dd ul {
	font-size:1em;
}
.isolate {
	margin-top:20px;
}
/* Other styles
-------------------------------*/
.red {
	color: #333;
}
#wide {
	width: 100%;
}

#logo, #topPhoto {
	float:left;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#navigation {
	background-image: url(https://www.wisconsinhistory.org/images/home/navigation.gif);
	font-size: 120%;
	border-left: 1px solid #132744;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #e4e9f3;
}

#navigation ul {
	color: #000000;
	padding: 30px 4px 0px 25px;
	margin: 0px;
}

#navigation li {
		
		line-height: 15px;
}

#navigation li a:link, #navigation li a:visited, #navigation li a, #navigation li a:target, #navigation li a:hover, #navigation li a:active {
		font-size:110%;
		text-decoration: none;
		color: #000000;
}

#navigation li a:hover {
		text-decoration: underline !important;
		color:#783034 !important;
}

.calendar {
	background-color: #f7f7e8;
	background-image: url(https://www.wisconsinhistory.org/images/home/calendar.gif);
	background-position: top;
	background-repeat: no-repeat;

}

calendar td {
	padding:8px;
}

.calendar td a:link, .calendar td a:visited {
	text-decoration: none;
} 

#calendarmap {
	background: url(https://www.wisconsinhistory.org/images/home/calendarmap.gif);
	background-position: center;
	background-repeat: no-repeat;
	width:170px;
	background-color: #f7f7e8;
}

#calendarmap ul {
	padding-top:7px;
	list-style-type: none;
	}

td.promo1 {
	background-color: #f7f7e8;
	background-image: url(https://www.wisconsinhistory.org/images/home/today.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:7px;
}	

td.promo2 {
	background-color: #f7f7e8;
	background-image: url(https://www.wisconsinhistory.org/images/home/cool.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:7px;
	border-left: 1px solid #3f3f00;
	border-right: 1px solid #3f3f00;
}
	
td.promo3 {
	background-color: #f7f7e8;
	background-image: url(https://www.wisconsinhistory.org/images/home/newsletter.gif);
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #3f3f00;
	padding:7px;
}
	
td.promo4 {
	background-color: #f7f7e8;
	background-image: url(https://www.wisconsinhistory.org/images/common/odd.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:7px;
}	


td.promo5 {
	background-color: #94a1b9;
	padding:7px;
	height:340px;
}		

.more {
	text-align:right;
	padding:3px 7px 3px 3px;
}

.more a:link, .more a:visited {
	text-decoration: none;
}

.more a:hover {
	color:#783034;
	text-decoration: underline;
}

.small {
	font-size: 80%;
}

td.bottomBar {
	padding: 1px 1px;
	background-color: #132744;
}

.bottomBar  {
	padding: 5px;
}

#copyright {
	font-size: 10px;
	color: #132744;
	background-color: #E4E9F3;
	padding: 18px 8px;
	text-align: center;
}

#copyright a {
	color: #132744;
}

.printOnly {
	display: none;
}


.body strong {
	font-weight: bold;
}

.body ul {
	padding: 4px 0px 1.8em 18px;
	margin: 0 0 0 30px;
	list-style-type:disc;
}
.body ol {
	list-style-type:decimal;
	margin: 0 0 0 30px;
}
.body li {
	padding-bottom: 1.1em;
}
.body ul a  {
	text-decoration: underline;
}

.body ul a:hover {
	text-decoration: underline;
}

.body p {
	padding:0;
	margin: 0 0 1.8em 0;
}

.body h4 {
	margin: 0;
	padding: 10px 0 10px 0;
}

ul.underline a {
text-decoration: underline;
}

ul.underlinelist a:link, ul.underlinelist a:visited {
text-decoration: underline;
}

/***************************************************************************


                             Image Styles
                            --------------

  This section styles images, slideshows, and more.


****************************************************************************/
img {
	border: 0;
}
.enlarg-image a img, .enlarg-image a:hover img {
	border: none;	
}
.enlarg-image a span {
	cursor: pointer;
} 
.enlarg-image span {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('https://www.wisconsinhistory.org/images/site/enlarge.gif') left no-repeat;
	left: 0;
	top: 0;
	text-indent: -2000em;
	z-index:1000;
}
.content-image-left, .content-image-right {	
	max-width: 260px;
	position:relative;
}
.content-image-left {
	float:left;
	border-right: solid 1px #ccc;
	margin: 15px 20px 30px 0px;
	padding: 0 10px 0 0;
}
.content-image-right {
	float:right;
	border-left: solid 1px #ccc;
	margin: 15px 0 30px 40px;
	padding: 0 0 0 10px;
}
.RecordContainer .dark {
	padding:0 !important;
}
.content-image-top {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0 !important;
	border-bottom: solid 1px #ccc;
	max-width: 640px;
	position:relative;
	clear:right;
}
.slideshow {
	width: 260px;
	height:0px;
	overflow:hidden;
}
.right {
	float: right !important;
	clear:none !important;
}
.left {
	float: left !important;
	clear:none !important;
}
.image-border {
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	margin: 0 5px 0 0;
}
.no-border {
	border:none !important;
	padding:0px 1px !important;
	margin-bottom:15px !important;
}
div.content-image-left p, .content-image-top p, div.content-image-right p, .centeredimage p {
	padding: 0 2px 0px 7px !important;
	margin-bottom:2px !important;
	font-size:0.95em !important;
	clear:both;
}
.content-image-left h2, .content-image-top h2, .content-image-right h2, .centeredimage h2 {
    font-size: 1.07em;
    font-weight: bold;
    padding: 10px 2px 2px 7px !important;
}
.content-image-left h2 a, .content-image-top h2, content-image-right h2 {
	font-size:1.07em;
}
div.gallery div
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  min-height:200px;
  }
div.gallery img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.gallery a:hover img
  {
  border:1px solid #0000ff;
  }
div.gallery p, div.gallery h2
  {
  text-align:center;
  max-width:120px;
  margin:2px;
  }

div.gallery h2 {
	font-size:1.2em;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.floatright {
margin: 8px 0 10px 10px;
border-left: 1px solid #ccc;
padding: 0 10px 10px 10px;
text-align:left;
font-size: 10px;
float: none;
/* IE/mac Hack \*/
float: right;
/* end hack */
position:relative;
}

.floatleft {
margin: 8px 10px 10px 0;
border-right: 1px solid #ccc;
padding: 0 10px 10px 10px;
text-align: left;
font-size: 10px;
float: none;
/* IE/mac Hack \*/
float: left;
/* end hack */
position:relative;
}

.floatleft p, .floatright p {
margin-top:5px;
font-size: 10px !important;
}

.float-260 {
width:260px;
margin-left:20px;
float:right;
}

.float-170 {
width:170px;
margin-left:20px;
float:right;
}

.centeredimage {
	padding: 2px 2px 20px 2px;
	text-align: center;
	font-size: 10px;
    display: block;
	margin: 0 auto !important;
	position:relative;
}

#image {
border: 1px solid #666;
padding: 2px;
text-align: center;
}

.bookbox {
	background-color: #f0f0d1;
	margin: 0;
	padding: 4px;
	border: 1px solid #666;
	width:150px;
	font-weight:800;
}

.bookboxprice {
float: right;
}

.image {
	border: 1px solid #666;
	font-size: 9px;
	color: #000000;
	margin: 0;
	padding: 3px;
	text-align:center;
	width: auto;
}

#appMain {
	background-color: #fff;
}

#imageSearch {
	font-size: 10px;
	color: #000000;
}

#imageSearch ul {
	line-height: 14px;
	color: #000000;
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	padding: 6px 6px 6px 0;
	margin: 0px;
}

#imageSearch li {
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	margin: 0px;
}

#imageSearch ul a {
	color: #000000;
	text-decoration: underline;
}

#imageSearch ul a:hover {
	color: #783034;
	text-decoration: underline;
}

#leftSide {
	background-color: #f0f0d1;
	line-height: 14px;
	color: #333333;
	padding: 0px;
}

#rightSide {
	width: 150px;
	background-color: #E4E9F3;
}
#rightSide ul {
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	color: #000000;
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	padding: 6px 6px 6px 20px;
	margin: 0px;
}
#rightSide ul a {
	color: #000000;
	text-decoration: none;
}
#rightSide ul a:hover {
	color: #783034;
	text-decoration: underline;
}
#rightSide ul li {
	padding: 0px 0px 4px 0px;
	line-height: 12px;
}

.bodyBorder {
	line-height: 14px;
	color: #000000;
	padding: 15px;
	border-right: #ABB0B1;
	border-width: 0 1px 0 0;
	border-style: none dotted none none;
}

.bodyBorder strong {
	font-weight: bold;
}

.bodyBorder ul {
	line-height: 14px;
	color: #333333;
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	padding: 4px 0px 0px 18px;
	margin: 0px;
}
.bodyBorder ul a {
	color: #000000;
	text-decoration:none;
}

.bodyBorder ul a:link, .bodyBorder ul a:visited {
	color: #000000;
   line-height: 13px;
}
.bodyBorder ul a:hover {
	color: #783034;
	text-decoration: underline;
}

.bodyBorder ul li  {
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	padding: 1px 0px 2px 0px;
}

.bodyBorder ul li a {
	color: #000000;
}

.breakout {
	line-height: 16px;
	color: #333333;
	background: #E4E9F3;
	border-width: 1px 0 0 0;
	border-style: dotted none none none;
	border-color: #ABB0B1;
}

.breakout td {
	padding: 15px 40px 15px 15px;
}

.breakout a {
	color: #A01714;
}

.imageBreakout {
	background: #707F9A;
	font-size: 9px;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0 0 3px 0;
}

.imageBreakout img {
	padding: 0 0 3px 0;
}

.questions {
	padding: 15px;
	line-height: 14px;
	color: #333333;
	border-top: #ABB0B1;
	border-width: 1px 0 0 0;
	border-style: dotted none none none;
}

.questions ul {
	list-style-image: url(https://www.wisconsinhistory.org/images/common/bullet.gif);
	padding: 4px 0px 0px 18px;
	margin: 0px;
}
.questions ul a {
	color: #783034;
	text-decoration: underline;
}

.queryLinks {
	font-weight: bold;
	color: #132744;
	background-color: #E4E9F3;
	padding: 8px 15px;
/*	width: 670px; */
	border-color: #ABB0B1;
	border-width: 1px 0 1px 0;
	border-style: dotted none dotted none;
}

.queryLinks a {
	color: #132744;
	text-decoration: underline;
}

#lightBody {
	padding: 5px;
	line-height: 14px;
	color: #000000;
}

#lightBody li {
	line-height: 15px;
	color: #000000;
	list-style-image: url(https://www.wisconsinhistory.org/images/common/bullet.gif);
	padding: 1px 0px 2px 0px;
	margin: 0px;	
}

#lightBody li a:link, #lightBody li a:visited {
	line-height: 15px;
	color: #000000;
	list-style-image: url(https://www.wisconsinhistory.org/images/common/arrow_red.gif);
	padding: 1px 0px 2px 0px;
	margin: 0px;
	text-decoration:none;	
}

#lightBody li a:hover {
text-decoration: underline;
color: #783034;
}

#lightBody strong em {
	font-weight: bold;
}

#lightBody strong {
	font-weight: bold;
}

#searchResults {
	color: #000000;
	padding: 8px 15px;
	width: 670px;
	border-color: #ABB0B1;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#searchResults a {
	color: #783034;
	text-decoration: none;
}

#searchResults a:hover {
	text-decoration: underline;
}

.results {
	margin: 15px 140px;
	width: 420px;
	line-height: 18px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #ADAD5C;
	border-width: 1px;
	border-style: solid;
}

.results th {
	font-weight: normal;
	background-color: #DEDE9B;
}

.results th strong {
	font-size: 12px;
	font-weight: bold;
}

.results a {
	color: #783034;
}

.bigger td {
font-size:12px;
}

#miniportal {
	font-size: 11px;
	width: 550px;
	background-image: url(https://www.wisconsinhistory.org/images/research/header_red.jpg);
	background-repeat: no-repeat;
	background-color: #F7F7E8;
}

#breadcrumbs {
	background-color: #F7F7E8;
	font-size: 10px;
	padding: 10px 15px;
	color: #333333;
	border-bottom: #ABB0B1;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#breadcrumbs a {
	color: #783034;
	text-decoration: none;
}

#eventsContent h1 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.bottomborder {
	border-bottom: #ABB0B1 1px solid;
}

.tableheader {
background-color: E4E9F3;
border-top: 1px solid #ccc;
padding:10px 10px 20px 10px;
}

.tableheaderMural {
background-color: #f0f0d1;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 7px;
width:auto;
}

#thisdayBox {
	width: 420px;
}
#thisdayContent {
	font-size: 10px;
	color: #000000;
	background-color: #F0F0D1;
	padding: 0px 5px 6px 12px;
}

#thisdayTitle {
	font-size: 10px;
	width: 408px;
	height: 15px;
	padding: 7px 7px 5px 5px;
	background-image: url(https://www.wisconsinhistory.org/images/home/thisday.gif);
	text-align:right;
}

#thisdayTitle a {
	color: #783034;
	text-decoration: none;
}
#thisdayTitle a:hover {
	color: #783034;
	text-decoration: underline;
}

#thisdayContent a {
	color: #783034;
	text-decoration: none;
}
#thisdayContent a:hover {
	color: #783034;
	text-decoration: underline;
}

.whstitle {
font-size: 11px;
color: #132744;
font-weight: 900;
}

.whsheader {
font-size:10px;
font-weight: 900;
}

.whstext {
font-size:10px;
margin-top:2px;
} 

#bigbutton {
font-size:18px;
font-weight:bold;
}
			
#bigbutton a {
color: #333333;
margin: 5px;
border: 1px solid #783034;
text-decoration: none;
padding: 6px 10px;
}

#bigbutton a:hover {
background: #707f9a;
color: #f7f7e8;
border: 1px solid #000000;
}

#bigbutton a:active {
background: #783034;
color: #f7f7e8;
border: 1px solid #000000;
}

.hrbox {
padding:4px;
margin: 10px 3px 4px 3px;
background-color:#3f4f6d;
color:#FFFFFF;
font-weight:bold;
}

.btn {  
background-color: transparent;
border: 0;
padding: 0;
}

/* --------------- INDENTS ------------------*/
.indent, p.indent {
	margin-left:30px !important;
}
.double-indent, p.double-indent {
	margin-left:60px !important;
}
.triple-indent, p.triple-indent {
	margin-left:90px !important;
}


/* new site promotion boxes */
.new-site-promo {
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
	margin:20px;
	width:175px;
	float:right;
	position:relative;
}
.new-site-promo h2 {
	font-size:1.6em;
	color:#333;
	text-transform:uppercase;
}
.new-site-promo p {
	font-size:1.2em;
	margin-top:8px;
	padding-top:0;
	margin-left:5px;
}
a.preview-button {
	background:url('https://www.wisconsinhistory.org/images/site/PREVIEW.png') no-repeat 0 0 transparent;
	display:block;
	width:68px;
	height:72px;
	margin-top:5px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	position:absolute;
	top:-25px;
	right:-25px;
}
a.preview-button:hover {
	background-position: 0 -72px;
	text-decoration:none;
}
a.preview-button span {
	position:absolute;
    left:-9999px;
}
a.new-collection-button {
	background:url('https://www.wisconsinhistory.org/images/site/new-collection-button.gif') no-repeat 0 0 transparent;
	display:block;
	width:142px;
	height:29px;
	padding:4px 0 0 12px;
	margin-top:5px;
	margin-left:18px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
}
a.new-collection-button:hover {
	background-position: 0 -33px;
	text-decoration:none;
}
a.new-collection-button span {
	position:absolute;
    left:-9999px;
}
.source {
	margin-top: 7px;
	color: #444444; 
	font-size: 0.90em !important;
}
.nav-header {
	font-size:1.3em;
	font-family:Arial, Verdana, sans-serif;
	text-indent:0 !important; 
	font-weight:bold; 
	color:#555; 
	margin:20px 0 2px -45px !important;
	background: none !important;
}
 /* Rounded box style and download arrow as seen on commission pages
-------------------------------------------------------------------------*/
.download-box {
	border: 1px solid #ccc;
	width:590px;
	margin-top:40px;
	margin-bottom:40px;
	padding-top:5px;
	min-height:20px;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */	
}
.button {
	border: 1px solid #ccc;
	margin-top:40px;
	margin-bottom:60px;
	padding-top:15px;
	min-height:30px;
	width:45%;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */	
}
.section-cartridge p {
	margin: 5px 10px 10px 20px;
	line-height:1.3em !important;
}
.section-cartridge h2, .light .TitleText, .smaller h2 {
	margin:10px 0 12px 20px !important;
	padding:0 !important;
	line-height:1.1em !important;
}
.section-cartridge .button {
	margin: 0 0 10px 20px !important;
	width:220px;
	box-shadow: 5px 5px 5px #000000;
}
.button h2 {
	margin-top: 0 !important;
	}
.all-caps {
	text-transform:uppercase;
}
.download-box h2, .button h2 {
	margin-left:10px;
}
.button h2 a:hover {
	text-decoration:underline;
}
.button h2 {
	margin-left:20px;
	padding-bottom:0 !important;
}
.light-blue p, .blue p, .dark-blue p, .wine p, .brown p, .green p, .yellow p, .orange p, .blue-background p, .cancel p,
.light-blue h2, .blue h2, .dark-blue h2, .wine h2, .brown h2, .green h2, .yellow h2, .orange h2, .blue-background h2, .cancel h2,
.light-blue h3, .blue h3, .dark-blue h3, .wine h3, .brown h3, .green h3, .yellow h3, .orange h3, .blue-background h3, .cancel h3,
.light-blue h4, .blue h4, .dark-blue h4, .wine h4, .brown h4, .green h4, .yellow h4, .orange h4, .blue-background h4, .cancel h4,
.light-blue h5, .blue h5, .dark-blue h5, .wine h5, .brown h5, .green h5, .yellow h5, .orange h5, .blue-background h5, .cancel h5,
.light-blue h2 a, .blue h2 a, .dark-blue h2 a, .wine h2 a, .brown h2 a, .green h2 a, .yellow h2 a, .orange h2 a, .blue-background h2 a, .cancel h2 a  {
	color:#fff;
}
.right-nav-box div.download-box {
	padding: 8px 0 0 0;
	margin: 10px 0 0px 0px;
	display: block;
	float: left;
	min-height:45px;
	width: 198px;
	box-shadow: none;
	-moz-box-shadow: none;
}
.download {
	background: #fff url('https://www.wisconsinhistory.org/images/site/download-arrow.gif') no-repeat;
	background-position: 10px 4px;
}
.rounded-box-related h3 {
	margin: 0 0 0px 40px;
	padding: 0;
}
.rounded-box-related p.text-download {
	padding: 0;
	margin: 0 0 5px 35px;
}
/*---------------------------------------------------------------------------


                            Custom Styles
                         ------------------------

  Styles developed after the main styles
    
				- side note sticky note styles


---------------------------------------------------------------------------*/
.sticky {
	float:right; 
	clear:right;
	position:relative;
	background-color:#fff;
	width:260px; 
	margin:0 0 20px 20px;
	min-height:10px; 
	border-left:1px solid #ccc; 
	z-index:0;
}
.detail-record {
	width:620px;
	float:left !important;
	margin-left:0 !important;
	border:1px solid #ccc;
	-moz-box-shadow: 0px 6px 6px #eee; 
	-webkit-box-shadow: 0px 8px 6px #eee; 
	box-shadow: 0px 6px 6px #eee; 
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
}
.left {
 	border:1px solid #ccc !important;
	-moz-box-shadow: 0px 6px 6px #eee; 
	-webkit-box-shadow: 0px 8px 6px #eee; 
	box-shadow: 0px 6px 6px #eee; 
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
}
.sticky-top {
	margin: 0 0 10px 0;
}
.alert, .yellow { background: #e0bd74 url('https://www.wisconsinhistory.org/images/site/box-yellow-gradient.gif') top repeat-x;}
.alert h4 { background: url('https://www.wisconsinhistory.org/images/site/icon-alert.png') 5px 2px no-repeat transparent;}

.info, .light-blue { background: #88b0d7 url('https://www.wisconsinhistory.org/images/site/box-light-blue-gradient.gif') top repeat-x;}
.info h4 { background: url('https://www.wisconsinhistory.org/images/site/icon-info.png') 5px 2px no-repeat transparent;}

.tips, .green { background: #98ab64 url('https://www.wisconsinhistory.org/images/site/box-green-gradient.gif') top repeat-x;}
.tips h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-tack.png') 5px 2px no-repeat transparent;}

.print, .orange { background: #ca6115 url('https://www.wisconsinhistory.org/images/site/box-orange-gradient.gif') top repeat-x;}
.print h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-print.png') 5px 2px no-repeat transparent;}

.help, .blue { background: #0062bd url('https://www.wisconsinhistory.org/images/site/box-blue-gradient.gif') top repeat-x;}
.help h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-help.png') 5px 2px no-repeat transparent;}

.person, .teal { background: #007b7d url('https://www.wisconsinhistory.org/images/site/box-teal-gradient.gif') top repeat-x;}
.person h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-person.png') 5px 2px no-repeat transparent;}

.cite, .brown { background: #8c5c2c url('https://www.wisconsinhistory.org/images/site/box-brown-gradient.gif') top repeat-x;}
.cite h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-cite.png') 5px 2px no-repeat transparent;}

.buy, .dark-blue { background: #003e7e url('https://www.wisconsinhistory.org/images/site/box-dark-blue-gradient.gif') top repeat-x;}
.buy h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-buy.png') 5px 2px no-repeat transparent;}

.grey {color:#666;}
.light-grey { background-color:#ddd !important;}
.cancel { background-color:#999 !important;}

.book, .wine { background: #7a3136 url('https://www.wisconsinhistory.org/images/site/box-wine-gradient.gif') top repeat-x;}
.book h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-book.png') 5px 2px no-repeat transparent;}

.sticky p, .sticky ul, .sticky ol, .sticky h2, .sticky h3, .sticky h4, .sticky h5, .sticky h6, .sticky ul.arrow-list {
	padding-right:10px !important;
	padding-left:10px !important;
}
.sticky-top h4, .light-blue h4 {
	padding:9px 0 9px 60px !important;
	color:#fff;
	font-size:1.6em !important;
	text-transform:none;	
}
.left p, .right p {
	margin-bottom:1.0em !important;
}
.left h2, .right h2 {
	margin-bottom:1.0em !important;
}
/* New Sidebar Ribbon Style
--------------------------------------------*/
.sidebar {
	float:right; 
	clear:right;
	position:relative;
	background-color:#fff;
	width:260px; 
	margin:0 0 20px 20px;
	min-height:10px; 
	border-left:1px solid #ccc; 
	z-index:0;
	padding-left:10px;
}
.sidebar p:first-child {
	margin-top:50px;
}
.ribbon {
   position:relative;
   width: 301px;
   font-size: 20px!important;
   background: #5c5c5c;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   left:-20px;
   margin-bottom:10px;
   }
.ribbon h4 {
   font-size: 16px!important;
   color:#fff;
   text-shadow: 0px 1px 2px #000;
   margin:0;
   padding: 15px 10px 15px 20px;
   }
.ribbon:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 10px solid #333;
  border-left: 10px solid transparent;
}
/* Inline Quotes and Blockquotes
----------------------------- */
q:before {
  content: '"';
}
q:after {
  content: '"';
}
blockquote, q {
	quotes: '"' '"' !important;
}
blockquote { 
	text-indent: -1ex; 
	margin: 20px;
	color:#333;
}
/* Large pullquote blockquotes
----------------------------- */
blockquote.big {
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: right;
	color: #666;
}
blockquote.big {
	quotes:'\201C' '\201D' !important;
}
blockquote:before {
	content: open-quote !important;
}
blockquote:after {
	content: close-quote !important;
}
blockquote.big:before, blockquote.big:after {
	font-family: Georgia, Serif;
	font-size:1.8em;
}
.figure {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 260px;
	border-left: 3px solid #ccc;
}
.figure p {
	text-align: right;
	padding-right:20px;
	color:#666;
	margin-top: 7px !important;
	font-size: 0.90em !important;
}
.figure p:before {
	content: "\2014\00a0";
}
/* Common formatting
----------------------------- */
strong {
    font-weight: bold;
}
.bottom-pad {
	margin-bottom:20px !important;
}
.top-pad {
	margin-top:20px !important;
}
.left-pad {
	margin-left:20px !important;
}
.left-pad-160 {
	margin:0 200px; 
	width:420px;
}
.left-pad-180 {
	margin:0 180px;
}
.right-pad {
	margin-right:20px !important;
}
.no-top-pad {
	padding-top:0 !important;
	margin-top:0 !important;
}
.no-bottom-pad {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
.half-bottom-pad {
	padding-bottom:0 !important;
	margin-bottom:10px !important;
}
.no-pad {
	padding:0 !important;
	margin:0 !important;
}
.extra-top-pad {
	padding-top:1.3em !important;
	margin-top:0 !important;
}
.extra-bottom-pad {
	padding-bottom:1.3em !important;
	margin-bottom:0 !important;
}
.no-border-cms {
	border:none !important;
}
.directory-detail-page h4 {
	padding:0 0 0 0 !important;
	margin:0 0 15px 0 !important;
	}
/* Arrow lists
--------------------------------------*/
.back-arrow {
	margin:7px 0 0px 20px;
	padding:0;
	}
.back-arrow li {
	list-style-type:none !important;
	list-style-image: url('https://www.wisconsinhistory.org/images/site/arrow-back.gif')!important;
	list-style-position: inside;
}
.arrow-list h3, .arrow-list-white h3, .arrow-list-description h3, .arrow-list-description-white h3,
.arrow-list h5, .arrow-list-white h5, .arrow-list-description h5, .arrow-list-description-white h5 {
	font-size: 1.1em;
	margin:0 !important;
	padding:8px 0 0 0 !important;
}
.arrow-list, .arrow-list-white, .arrow-list-indent  {
	margin:0;
	padding:0;
}
.body ul.arrow-list {
		list-style:none !important;
}
.body ul a {
		text-decoration:none;
}
.body ul a:hover {
		text-decoration:underline;
}
.arrow-list li, .arrow-list-indent li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 8px;
	padding: 0px 2px 0px 18px !important;
	margin: 0px 2px 0px 0px !important;
}
.arrow-list-white li {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 10px 25px;
	margin: 0px 10px 0px 20px;
	font-weight:bold;
}
.arrow-list-description, .arrow-list-description-white  {
	margin:0;
	padding:10px 0 20px 0px;
}
.arrow-list-description li, .section-cartridge .arrow-list li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 0.85em;
	padding: 0px 0px 4px 20px;
	margin: 0px 10px 0px 0px;
}
.arrow-link {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 18px !important;
	font-size:1.2em !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1em !important;
}
p.arrow-description {
	margin-left:18px;
	margin-top:-0.6em !important;
	line-height:1.4em !important;
}
/* Top search controls for Standard Search Results Cartridge
-----------------------------------------------------------------------------*/
span.SearchTerm {display:block; margin:5px 0 5px 10px; padding:0;}
div.search-page-row {border-top:1px solid #ccc; float:left; width:100%; margin:-1px 0 0 -1px;padding:0; min-height:10px; width:641px;}
div.search-controls h2 {margin:-5px 0 0 0; padding:0;}
div.search-controls {float:left; width:100%;}
div.ResultsSummary {padding:10px; float:left;}
div.ResultsSummary h1 {font-size:1.8em;}
div.records-display-inputs {width:608px; padding:0 10px; background-color:#ddd; float:left;}
div.dropdown-container-page {float:right; padding:6px 20px 0 0;}
div.dropdown-container-sort {float:left; padding:6px 0 0 20px;}
div.dropdown-container-page span.caption {}
select.drop-down-element {}
div.image-toggle {padding:10px; float:right;}
div.image-toggle span {display:block; padding-top:1px; float:left; color:#666;}
div.Pagination {font-size: 1em; min-height:10px; width:629px; }
div.RecordOffsetChoices {min-height:10px; padding:8px 10px 5px 10px; min-width:558px;}

div.pagination-exhibits {
	width:150px;
	padding: 2px 2px 20px 2px;
	text-align: center;
	font-size: 10px;
    display: block;
	margin: 0 auto !important;
}
div.pagination-exhibits span span {
    position:absolute;
    left:-9999px;	
	}
/* Hides aspects that are on the page for accessiblity reasons
------------------- */
.structural {
    position:absolute;
    left:-9999px;
}

/* css arrows
----------------------------*/
.arrow-up {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid blue;
		display:inline;
}
.arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid blue;
		display:inline;
}
span.NextPage a {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid blue;
		float:right;
}
span.PreviousPage a {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent; 
        border-right:7px solid blue;
		float:left;
}
span.PreviousPage a:hover {border-right:7px solid #3399FF;}
span.NextPage a:hover {border-left:7px solid #3399FF;}

span.PreviousPage {width:10px; height:20px; line-height:1em; margin:0 5px 0 3px; float:left; padding-top:4px; margin-left:15px;}
span.NextPage {width:10px; height:20px; line-height:1em; margin:0 3px; float:left; padding-top:4px; margin-right:15px;}

span.Page a {display:block; float:left; margin:2px 3px 0 0; padding:0px 6px 1px; border: 1px solid #ccc; text-align:center;}
span.Page:hover {}
span.CurrentPage {position:relative; top:-2px; float:left; margin: 0 5px 0 5px; font-weight:bold; padding:5px 5px 8px 5px; }

span.NextSet {float:left; padding: 3px 10px 0 0;}
span.PreviousSet {float:left;padding:3px 0 0 10px;}

/* --------------- TABLES ------------------*/
.pattern table {
	margin:0 0 1.8em 0;
	margin-right: 10px;
	margin-left: 21px;
	border-collapse: collapse;
	width: 590px; 
}
.pattern table td, .pattern table th {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.pattern table th, table th {
	font-weight:bold;
	color: #333;
    font-size: 100%;
    margin-bottom: 5px;	
}

.pattern table caption {
	padding: 0 0 .4em 0;
	margin: 0;
	font-size: 150%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.pattern table p {
	text-align:center !important;
}

/*---------------------------------------------------------------------------


                            Cartridge Styles
                         ------------------------
  Similar to main style sheet. (Dark, light, white section-cartridge styles)


---------------------------------------------------------------------------*/
/* GRID FRAMEWORK FOR SECTION PAGES 

-- Section 640 can hold one 640 box or two boxes (a 260 and a 360)
-- Section 260 can only have a 260 box
-- Section 360 is a float fix for short cartridges

-----------------*/
#section-640 {
	width:662px;
	float:left;
	margin-left:1px;
}
#section-260 {
	width:278px;
	float: left;
}
.section-260-float {
	float:left;
	width:280px;
}
.section-360-float {
	float:left;
	width:380px;
}
.section-640-float {
	float:left;
	clear:both;
}

.section-320-float {
	width:320px;
	max-width:320px !important;
}

/* Default cartridge style SECTION CARTRIDGES (find heading styles in type.css)
------------ */
.section-cartridge {
	width:260px; 
	padding:0;  /* Padding is assigned to individual elements to account for image bleeds. */
	margin:0 0 18px 18px;
	min-height:10px;
	float:left;
	border:1px solid #929496;
	background-color:#ddd;
}

/* SECTION CARTRIDGE ADD-ON: dark (creates a grey background with white text)
--------------- */
.dark, .related-categories {
	background-color:#5c5c5c;
	color:#fff;
}
.dark a, .dark a:link, .dark a:visited, .dark a:hover, .dark a:focus, .dark a:active,
.related-categories a, .related-categories a:link, .related-categories a:visited, .related-categories a:hover, .related-categories a:focus, .related-categories a:active {
	color: #fff !important;
	font-weight:bold;
}
.dark p, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark div.SeeAllLink a, .dark span,
.related-categories p, .related-categories h2, .related-categories h3, .related-categories h4,  .related-categories h5, .related-categories h6, .related-categories div.SeeAllLink a, .related-categories span {
	color: #fff !important;
}

/* ADD-ON: widths
--------------------------------------*/
.w920 {
	width:920px;
	max-width:920px !important;
}
.w640 {
	width:640px;
	/*max-width:640px !important; messes up video on About page...*/
}
.w580 {
	width:580px; /* To be used in combination with section-cartridge in applications with left navigation */
	padding:10px;
	margin-left:0;
}
.w360 {
	width:360px;
	max-width:360px !important;
}
.w260 {
	width:260px;
	max-width:260px !important;
}

.w310 {
	width:310px;
	max-width:310px !important;
}

/* CUSTOMIZATIONS for Framed! Exhibit
---------------------------------------- */
.framed-top-thumb {
	max-height:150px;
	overflow: hidden;
	z-index:1000;
}
.framed-bottom-thumb div {
	margin-top:-150px !important;
	overflow: hidden;
	z-index:1;
}
.framed-column {
	float:left;
}
.framed-top-4-thumb {
	max-height:120px;
	overflow: hidden;
	z-index:1000;
}
.framed-bottom-4-thumb div {
	margin-top:-120px !important;
	overflow: hidden;
	z-index:1;
}
.fix {
	max-width:360px !important; 
}


/* Social Media Buttons - Large Square (as seen on Press home page)
------------------------------------------------ */
.social-media-bottom-wrapper {
	clear:both;
	position: relative;
	width:180px;
	max-width:180px;
	margin-top:7px;
}
#sideNav div.social-media-bottom-wrapper ul {
	position:absolute;
	width:180px;
	max-width:180px;
	left:20px;
	list-style-type: none !important;
}
#sideNav div.social-media-bottom-wrapper ul li {
	float:left;
	padding:0 !important;
	margin: 0 !important;
	background:none !important;
	float:left;
	width:50px;
	height:50px;
}
.social-media-bottom-wrapper li a {
	background:url('https://www.wisconsinhistory.org/images/site/social-media-sprite2.png') !important;
	display:block !important;
	width:50px!important;
	height:50px !important;
	margin:0 0 2px 2px !important;
	padding:0 !important;
	float:left !important;
}
#sideNav div.social-media-bottom-wrapper li.left-pad {
	margin-left:30px !important;
	}
.social-media-bottom-wrapper li a span {
	position:absolute;
    left:-9999px;	
}
.social-media-bottom-wrapper li a.facebook {
	background-position: 0px 0px !important;
}
.social-media-bottom-wrapper li a.facebook:hover  {
	background-position: 0px 50px !important;
}
.social-media-bottom-wrapper li a.flickr {
	background-position: -50px 0px !important;
}
.social-media-bottom-wrapper li a.flickr:hover {
	background-position: -50px 50px !important;
}
.social-media-bottom-wrapper li a.rss {
	background-position: -100px 0px !important;
}
.social-media-bottom-wrapper li a.rss:hover {
	background-position: -100px 50px !important;
}
.social-media-bottom-wrapper li a.twitter {
	background-position: -150px 0px !important;
}
.social-media-bottom-wrapper li a.twitter:hover {
	background-position: -150px 50px !important;
}
.social-media-bottom-wrapper li a.e-newsletter {
	background-position: -200px 0px !important;
}
.social-media-bottom-wrapper li a.e-newsletter:hover {
	background-position: -200px 50px !important;
}
.social-media-bottom-wrapper li a.youtube {
	background-position: -250px 0px !important;
}
.social-media-bottom-wrapper li a.youtube:hover {
	background-position: -250px 50px !important;
}
.social-media-bottom-wrapper li a.tumblr {
	background-position: -300px 0px !important;
}
.social-media-bottom-wrapper li a.tumblr:hover {
	background-position: -300px 50px !important;
}
.social-media-bottom-wrapper li a.pinterest {
	background-position: -350px 0px !important;
}
.social-media-bottom-wrapper li a.pinterest:hover {
	background-position: -350px 50px !important;
}
.social-media-bottom-wrapper li a.instagram {
	background-position: -400px 0px !important;
}
.social-media-bottom-wrapper li a.instagram:hover {
	background-position: -400px 50px !important;
}
/*---------------------------------------------------------------------------


                            WHS Press Styles
                         ------------------------
               Styles elements on the Press pages.


---------------------------------------------------------------------------*/
.share-utility-box {
	margin-right:-20px;
	}
/* Application Breadcrumbs
----------------------*/
ol.breadcrumb {
  	background: #fff;
	margin:-25px 0 30px 0;
	height:20px;
	list-style-type:none !important;
}
ol.breadcrumb li {
  	padding: .1em 1em .1em 1em;
  	float: left;
  	position: relative;
}
ol.breadcrumb li:first-child {
	padding-left:0px;
}
ol.breadcrumb li::after, ol.breadcrumb li::before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
ol.breadcrumb li::after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 4px;
	margin-top: -4px;
}
ol.breadcrumb li::before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #666;
	border-width: 5px;
	margin-top: -5px;
}
ol.breadcrumb li:last-child::before, ol.breadcrumb li:last-child::after {
	border:none;
	}

#sideNav div.catalog-promo {
	margin:7px 0 20px 12px;
	float:left;
	width:200px;
}
#sideNav div.catalog-promo a {
	background-image: none !important;
}
#sideNav div.catalog-promo img {
	float:left;
	width:60px;
}
#sideNav div.catalog-promo a span {
	float:left;
	margin-left:5px;
	max-width:100px;
}
.grey-header div.book-search {
	position:absolute;
	right:0px;
	top:9px;
	width:300px; 
	background-color:#ccc; 
}
.grey-header div.book-search input[type="text"] {
	padding:3px;
	width:188px;
}
/* Press search page styles (combined with "search-result" styles from common.css)
------------------------------------------------ */
.press-search b, .press-search strong, .press-search span {
	font-weight:normal !important;
}
.press-search i, .press-search em {
	font-style:normal !important;
}
.press-search u {
	text-decoration:none !important;
}
.press-search h5 {
	margin:4px 0 10px !important;
	padding:0 !important;
}

/* Press catalog page styles
------------------------------------------------ */
.catalog-wrapper {
	margin-top:20px;
}	
.catalog-wrapper div {
	float:left;
	margin-right:10px;
}
.catalog-wrapper img {
	width:140px;
}
.catalog-wrapper p {
	font-weight:bold;
	text-align: center;
	margin-top:10px;
}
.book-category-list p.book-title {
	margin-bottom:6px;
}
.book-category-list a {
	font-size: 12px;
	font-weight:bold;
}
.book-category-list .light-blue {
	margin: 0 0 10px -10px;
}
.light-blue h4 {
	padding:9px 0 9px 10px !important;
	color:#fff;
	font-size:1.6em !important;
	text-shadow: 1px 1px 4px #666;
}
/* Press award page styles
------------------------------------------------ */
.award-winners-list .clear {
	border-bottom:1px solid #ccc;
	padding:20px 0;
	min-height: 150px; 
	}
.award-winners-list .floatleft {
	border:none !important;
	margin-right:2px !important;
	}
.award-info {
	margin:0 !important;
	padding:0 0 0 120px !important;	
}
.award-winners-list h4 {
	margin:0;
	padding:0.4em 0 !important;
}
.award-winners-list p {
	padding:0 !important;
	margin:0 0 1.2em 0 !important;
}
.award-winners-list h5 {
	margin:0.4em 0;
	padding:0 !important;
}
.award-winners-list ul {
	margin-left: 10px;
	padding-bottom:0 !important;
}
.award-winners-list li {
	margin:0 0 1.4em 0;
	padding:0;
	list-style-type:disc;
}
.award-winners-list li span {
	color:#777;
}
/* Press home page styles
------------------------------------------------ */
.press-home-page .home-link {
	display:none;
	}
.bookcover {
	float:right;
	border:1px solid #333333;
	clear:right;
	margin: 10px 0 0 10px;
}
#press-spotlight, #featured-books {
	margin: 0 -20px;
	}
#press-spotlight {
	border:1px solid #ccc;
	border-bottom:1px solid #dfdfdf !important;
	height:340px;
	position:relative;
	}
#press-spotlight .top-banner {
	height:35px;
	margin:0;
	border:1px solid #006cbd;
	border-top:0px;
	}
#press-spotlight .top-banner h4 {
	padding:8px 10px 0 10px ! important;
	margin:0;
	line-height:1em;
	font-size:1.8em;
	font-weight:normal;
	float:left;
}
#press-spotlight .press-rotator { 
	margin:0 !important;
}
.press-rotator #featured .ui-tabs-panel { 
	height: 270px !important;
}
#press-spotlight .press-rotator img {
	border:0 !important;
}
#press-spotlight .press-rotator ul.circle {
	top: 280px !important;
	left: 180px !important;
}
#press-spotlight div.press-events {
	position:absolute;
	top:40px;
	right:12px;
	text-align:right;
	width:175px;
	min-height:300px;
}
div.press-events li {
	margin-top:12px;
}
div.press-events strong {
	margin:1.3em 0 0 0 !important;
	padding: 0 !important;
}
div.press-events h2 {
	display:none;
}
div.press-events ul {
	padding-bottom:0.6em;
	list-style-type:none !important;
} 
div.press-events li:nth-child(n+4), div.press-events li:nth-child(n+5) {
    display: none;
}
#press-spotlight div.press-events p {
	margin:0;
	padding: 0;
}
#featured-books .book-promo {
	width:180px;
	float:left;
	margin-right:20px;
	min-height:260px;
	}
#featured-books .book-promo h4 {
	font-size:0.95em;
	font-family:Verdana, Arial, sans-serif;
	margin:7px 0 4px 0 !important;
	padding:0 !important;
	line-height:1.2em;
}
/* Press series page styles
------------------------------------------------ */
ul.series {
	float:left;
	max-width:400px;
	margin-top:10px;
	}
.series li {
	margin-bottom:0.8em !important;
}

.series li a {
	font-weight:bold;
}
/* Press speakers page styles
------------------------------------------------ */
.book-speakers img {
	float:left;
	width:80px;
	margin:0 20px 20px 0;
	border:1px solid #ccc;
}
.book-speakers p {
	margin-left:100px;
}

/* Press book page styles
------------------------------------------------ */
.book-pdf:after {
	content: " (PDF)"
}
a.book-pdf, .body a.external {
    background: url('https://www.wisconsinhistory.org/images/site/external.png') no-repeat scroll right center transparent;
    padding-right: 13px;
}
.press-tabs-wrapper div.gradientWrapper {
	width:580px !important;	
}
.press-tabs-wrapper div.gradientWrapper img {
	max-width:580px;
}
#class4 {
	margin-top:-20px !important;
}
#class4:first-child {
	margin-top:-1px !important;
}
.book-details {
	width:470px;
}
a.buy-button {
	background:url('https://www.wisconsinhistory.org/images/site/BUY-button.gif') no-repeat 0 0 transparent;
	display:block;
	width:116px;
	height:29px;
	padding:4px 0 0 12px;
	margin:10px 0 0 0px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
}
a.buy-button:hover {
	background-position: 0 -37px;
	text-decoration:none;
}
a.buy-button span {
	position:absolute;
    left:-9999px;
}
.add-items-to-cart {
	background:url('https://www.wisconsinhistory.org/images/site/microfilm-add-items-to-cart.png') no-repeat 0 0 transparent;
	display:block;
	width:150px;
	height:26px;
	padding:4px 0 0 12px;
	margin:10px 0 0 0px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000em;
}
.recalculate {
	background:url('https://www.wisconsinhistory.org/images/site/microfilm-recalculate.png') no-repeat 0 0 transparent;
	display:block;
	width:104px;
	height:26px;
	padding:4px 0 0 12px;
	margin: 0 0 0 0px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000em;
}
.empty-cart {
	background:url('https://www.wisconsinhistory.org/images/site/microfilm-empty-cart.png') no-repeat 0 0 transparent;
	display:block;
	width:104px;
	height:26px;
	padding:4px 0 0 12px;
	margin: 0 0 0 0px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000em;
}

/* HTML forms
----------------------------------- */

.body label {
	font-weight:bold;
	display:block;
}
.body label.error {
	color:#F00 !important;
	}
.body div.float-field {
	float:left;
	margin-right:6px;
} 
.body label span {
	font-weight:normal;
	font-size: 0.9em;
}
.body legend {
	font-weight:bold;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 -2px;
	padding:10px 0 1.2em 0;
	position:absolute;
	top:10px;
}
.body fieldset input[type="text"], .body fieldset input[type="phone"], .body fieldset input[type="email"], .body fieldset textarea {
    background-color: #FCF7F9;
	border:solid 1px #ddd;
	padding:5px;
	color:#666;
}
.body fieldset input[type="text"].error, .body fieldset input[type="phone"].error, .body fieldset input[type="email"].error, .body fieldset textarea.error {
    background-color:#FCC !important;
    border: solid 1px #F00 !important;
}
#btnSubmitFeedback {
	font-size:14px;
	padding: 8px 19px 9px;
	margin:0 !important;
	color:#fff !important;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#btnSubmitFeedback:hover {
	text-decoration: underline;
	cursor:pointer;
}
.staff-directory-name, .staff-directory-phone {
	font-family:Arial,Verdana, sans-serif;
	font-weight:bold;
	font-size:140%;
}
.staff-directory-phone {
	letter-spacing:0.06em;
}

.staff-directory-email {
	font-weight:bold;	
}
table.staff-directory-results td {
	padding:4px;
}
.blue-background {
	background: #003e7e;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003e7e', endColorstr='#0062bd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#003e7e), to(#0062bd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #003e7e,  #0062bd); /* for firefox 3.6+ */
}

/* New Planned Giving page left section-cartridge style 
------------------------*/
.section-cartridge-gift {
	width:310px; 
	padding:0;  /* Padding is assigned to individual elements to account for image bleeds. */
	margin:0 0 30px 18px;
	min-height:10px;
	float:left;
	border:1px solid #929496;
	background-color:#ddd;
}   
.h5-fix{	
	padding-top: 4px !important;
}



.photo-gallery {
	margin-top:12px !important;
	overflow:hidden;
}
.photo-gallery li {
	width:180px;
	min-height:117px;
	background:#333;
	margin-right:10px !important;
	float:left;
}
.photo-gallery li a span {
	color:#fff;
	display:block;
	padding-top:4px;
	text-align:center;
}
.photo-gallery li a span.image-wrapper {
	display:block;
	padding-top:0;
	height:90px;
	overflow:hidden;
}
.photo-gallery li:last-child {
	margin-right:0px !important;
}
.photo-gallery img {
	width:180px;
}