body {background:#ffffff;margin:0px;border:0px;padding:0px;font-family:"arial", "helvetica", "san serif";}
div#header {position:relative;top:-8px;left:0px;width:100%;margin:0px;border:0px;display:block;overflow:hidden;}
div#header div#site_banner {display:block;height:144px;width:100%;overflow:hidden;}
div#header div#site_banner img {float:right;}
div#header div#menu {
display:block;
background-color:#000000;
height:26px;
clear:right;
font-size:0.8em;
font-family:"Arial Black, Heavy", "arial bold", "arial", "helvetica", "san serif";
}

div#header div#menu ul {
display:block;
float:left;
margin-top:5px;
margin-left:-2em;
width:98%;
text-align:justify;
}

div#header div#menu ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}

div#header div#menu ul li a {color:#f8ac00;text-decoration: none;}
div#header div#menu ul li form {margin:0px;padding:0px;}
div#header div#menu ul li form input {margin:0px;padding:0px;margin-top:-2px;width:5em;}
div#header div#site_banner div#site_title {z-index:5;position:absolute;top:0px;left:0px;display:block;float:left;padding-left:0.9em;opacity: 1.0;filter: alpha(opacity=100);background-color:#000000;color:#ffffff;}
div#header div#site_banner div#site_title h1 {font-family:"Arial Black, Heavy", "arial bold", "arial", "helvetica", "san serif";color:#ffffff;font-size:2.8em;margin-top:19px;}
div#header div#site_banner div#site_title h2 {font-family:"arial bold", "arial", "helvetica", "san serif";font-size:1.1em;color:#f8ac00;margin-top:-22px;}
div#header div#site_banner ul {z-index:-1;position:relative;top:-17px;left:-41px;width:2300px;opacity: 0.7;filter: alpha(opacity=60);list-style:none;border:1px solid #000000;height:144px;overflow:hidden;}
div#header div#site_banner ul li {float:left;}
div#header div#site_banner ul li img {min-height:144px;}
div#header div#site_banner {border-bottom:4px solid #f8ac00;}

p, h1, h2, form {padding-left:20px;padding-right:20px;}
#correspondence_footer {font-size:.6em;padding:2.0em;clear:both;}
table#homepage_links {margin:auto;clear:both;float:left;}
table#homepage_links td {padding:30px;text-align:center;}
table.results tr:nth-child(even) {background: #CCC}
table.results tr:nth-child(odd) {background: #FFF}
table.results {width:70%;margin-left:30px;margin-right:20px;float:left;}
p img.srcimage {float:left;margin-right:20px;margin-bottom:1em;}
.infobox {display:block;width:20%;max-height:350px;padding:5px;font-size:.7em;overflow:auto;border:1px solid #cccccc;margin-bottom:1em;margin-right:3%;}
table.results td a {text-decoration: none;}
table.homepage_results {border:1px solid #000000;font-size:0.9em;background-color:#f8ac00;}
table.homepage_results tr:nth-child(even) {background: #EEE;}
table.homepage_results tr:nth-child(odd) {background: #FFF;}
table.homepage_results {width:80%;margin:auto;clear:both;}
table.homepage_results td a {text-decoration: none;color:#000000;}
table.homepage_results td a:hover {font-weight: bold;color:#f8ac00;}
table.homepage_results th {background-color:#f8ac00;}
table.homepage_results tr {border:1px solid #f8ac00;}

div#cookie_consent {
	width:100%;
	padding:1em;
	background-color:#f8ac00;
}


#graphics_block {display:block;width:400px;float:left;}
#graphs_block {display:block;width:400px;border:1px solid black;}
div#graphs_block_buttons_small {display:block;width:400px;}
div#graphs_block_buttons_small ul {display:block;margin:0px;margin-left:-40px;width:400px;}
div#graphs_block_buttons_small li {display:block;width:78px;border:1px solid black;background-color:#eeeeee;list-style:none;float:left;text-align:center;margin:0px;margin-left:0px;margin-right:0px;cursor:pointer;}
div#graphs_block_buttons_big {display:block;width:800px;}
div#graphs_block_buttons_big ul {display:block;margin:0px;margin-left:-40px;width:800px;}
div#graphs_block_buttons_big li {display:block;width:156px;border:1px solid black;background-color:#eeeeee;list-style:none;float:left;text-align:center;margin:0px;margin-left:0px;margin-right:0px;cursor:pointer;}
#blurb {display:block;width:calc(100% - 410px);float:left;}
table.results {border:1px solid #000000;font-size:0.9em;background-color:#f8ac00;width:70%;margin-left:15%;margin-right:13%;}
table.results th {background-color:#f8ac00;}
table.individual_results {font-size:0.9em;width:70%;float:left;margin-left:3%;}
table.individual_results tr:nth-child(even) {background: #CCC}
table.individual_results tr:nth-child(odd) {background: #FFF}
table.individual_results th {background-color:#f8ac00;}
#enlarge, #reduce {font-size:.9em;font-style:italic;text-align:center;cursor:pointer;}

#create_exhibit a {margin:auto;clear:both;display:block;width:70%;padding:0.8em;text-decoration:none;color:#ed001a;background-color:#eeeeee;border:1px solid black;font-size:1.1em;font-weight: bold;font-style:italic;text-align:center;cursor:pointer;}
#create_exhibit a:hover {color: #000000;background-color:#f8ac00;text-decoration:none;}
a img {text-decoration:none;}
ul#carousel {width:360px;margin:0px;padding:0px;}
ul#carousel li .rep_image {width:100%;text-align:center;}
ul#carousel li {list-style:none;margin:0px;padding:0px;display:block;}

ul#carousel li .rep_image_title {
font-size:.8em;
font-style:italic;
text-align:center;
display:block;
text-align:center;
width:300px;
margin:auto;
clear:both;
}

ul#carousel li .rep_image img {max-height:400px;}
#footer {font-size:0.6em;text-align:center;width:95%;display:block;margin-left:auto;margin-right:auto;clear:both;}

#block1 {display:block;height:600px;width:28%;float:left;min-width:360px;vertical-align:top;}
#block2 {display:block;width:38%;float:left;text-align:left;font-size:1em;vertical-align:top;}
#block3 {display:block;width:26%;float:right;text-align:right;vertical-align:top;margin-top:0px;padding-top:0px;}
p#menu-toggle {display:none;}
div#header div#menu ul li {display:inline-block;}
ul#carousel.dpla li .rep_image {height:230px;width:130px;text-align:center;font-size:.7em;display:inline-block;vertical-align:top;margin-top:1em;margin-right:1em;}
ul#carousel.dpla li .rep_image a {color:#0f0f0f;text-decoration:none;}
ul#carousel.dpla li .rep_image .rep_image_mask {
display:block;
height:170px;
overflow:hidden;
clear:both;
margin-bottom:0.5em;
border-top-left-radius: 23px;
border-top-right-radius: 23px;
border-bottom-left-radius: 23px;
border-bottom-right-radius: 23px;
}

ul#carousel.dpla li .rep_image .rep_image_mask img {
min-height:170px;
}

#ad_pane.infobox {height:265px;min-height:200px;overflow:hidden;float:right;border:2px solid #000000;padding:0px;}
#bio_pane.infobox, #time_pane.infobox {float:right;}
.sponsored {bottom:0px;border-bottom:1px solid #000000;vertical-align:bottom;display:block;width:100%;text-align:center;font-style:italic;font-size:0.7em;color:#a0a0a0;line-height:1.2em;}


.providers .provider_record h3 a {text-decoration: none;color:#000000;}
.providers .provider_record h3 a:hover {font-weight: bold;color:#f8ac00;}
.providers {background:#ffffff;}
.providers .dataProviders {border-color:#f8ac00;}
.providers {display:block;border:1px solid black;padding:5px;margin:15px;font-size:.9em;}
.provider_record {display:block;font-size:.9em;}
.dataProviders {display:none;border:2px dotted #dddddd;margin:20px;}
.dataProviders th {text-align:left;}
.country_list_block_area li {list-style:none;}
.country_list_block_area li a {list-style:none;background:#dddddd;display:block;width:180px;height:40px;text-align:center;border:1px solid #000000;text-decoration:none;padding-top:10px;}
.country_list_block_area li a:hover {font-weight: bold;background-color:#f8ac00;}
.country_list_block {display:block;width:150px;float:left;}
.country_list_block_area {display:block;max-width:900px;width:100%;margin:auto;clear:both;}
	
#imagewallpage #facets {display:block;min-width:100px;width:18%;height:740px;padding-left:1em;float:left;}
#imagewallpage #imagewall {display:block;min-width:600px;width:77%;height:740px;overflow:auto;border: 5px groove #eeeeee;margin-left:1em;}
#imagewallpage #details {}
#imagewallpage label {display:block;width:100px;clear:left;float:left;font-size:.7em;}
#imagewallpage select#providerid option {size:.6em;}

/* Second Adwords box */
#ad_pane_2 {display:none;}
#ad_pane_2.infobox {height:265px;min-height:200px;overflow:hidden;float:right;border:2px solid #000000;padding:0px;}

/* Exhibit */
.exhibitresults {display:block;width:79%;float:left;margin-left:1%;}
#sidebar1.sidecol {width:17%;display:block;float:left;margin-right:1.0em;}

	#title-area {
		padding:        1em 2em;
		background:     #BCB79E;
	}
	#content-area {
		padding:        2em;
	}

	span.exhibit-collectionView-group-count {
		color:       #ccc;
		font-weight: normal;
	}
	div.exhibit-facet-value-selected {
		background:  none;
		font-weight: bold;
	}

	.exhibit-ui-protection div.person-thumbnail {
		float:      left;
		width:      230px;
		height:     270px;
		min-height:    260px;
		border:     1px solid #BCB79E;
		background: #fefefe;
		padding:    1em;
		margin:     0.5em;
		overflow: auto;
		text-align: center;
		font-size: 0.8em;
	}

	.infoblock {
	display:block;
	position:absolute;
	bottom:5px;
	background-color:#f8ac00;
	width:85%;
	padding:3px;
	border:1px solid #000000;
	overflow:hidden;
	}

	div.person-thumbnail .author,
	div.person-thumbnail .date,
	div.person-thumbnail .data_provider {
	font-size: 0.8em;
	text-align:left;
	}

	div.person-thumbnail .name a {
	position:absolute;
	top:210px;
	display:block;
	width:90%;
	font-size: 0.8em;
	text-align:center;
	margin-right:5%;
	}

	div.person-thumbnail .name a,
	div.person-thumbnail .author a,
	div.person-thumbnail .date a,
	div.person-thumbnail .data_provider a {
	color:#0a0a0a;
	text-decoration:none;
	}

	div.person-thumbnail .name a:hover {
	font-weight: bold;color:#f8ac00;
	}

	div.person-thumbnail .author a:hover,
	div.person-thumbnail .date a:hover,
	div.person-thumbnail .data_provider a:hover {
	font-weight: bold;
	}

	div.person-thumbnail img {
		max-width:      150px;
		max-height:      190px;
		overflow: hidden;
	}

	div.exhibit-thumbnailView-itemContainer-IE {
	border:     none;
	background: none;
	width:      230px;
	height:     270px;
	padding:    1em;
	margin:     0.5em;
	text-align: center;
	}


	input:focus {
	outline: solid #ffffff;
	outline-width: thin;
	}


	input[type=text]:focus {
	outline: solid #ffffff;
	outline-width: medium;
	}
	.name {
		font-weight: bold;
	}

	.comdead {display:none;}
	.comlive {
	margin:auto;
	clear:both;
	width:1150px;
	z-index:10;
	display:block;
	border: 1px solid #BCB79E;
	background: #e3e9e2;
	padding:10px;
	}
	.comlive legend {
			font-weight:bold;
			font-weight:110%;
	}
	.comlive ul li {
					display:block;
					float:left;
					margin-right:10px;
					width:23%;
	}
	
/* Exhibit Ends */	


#time_pane.infobox, #bio_pane.infobox {width:19.5%;}

/*********************************************************************/
/*************************** Responsive Design ***********************/
/*********************************************************************/

/*Styles for screen 1024px and lower*/
@media only screen and (max-width : 1024px) {

div#block1 #rep_image_blockholder {
width:360px;
margin-right:auto;
margin-left:auto;
clear:both;
padding:0px;
}

div#block1 {
display:block;
width:99%;
clear:both;
margin-right:auto;
margin-left:auto;
}


#ad_pane.infobox, #time_pane.infobox, #bio_pane.infobox {display:block;width:43%;float:left;margin-left:2%;}



table.individual_results {width:90%;}
#block2 {height:600px;width:65%;min-width:514px;}
#block3 {height:600px;width:30%;float:right;}
#sidebar1.sidecol {min-width:195px;width:23%;}
.exhibitresults {max-width:814px;width:71%;}

}

/*Styles for screen 768px and lower*/
@media only screen and (max-width : 768px) {

div#header div#site_banner div#site_title h1 {
font-size:2em;
}

div#header div#site_banner {
border-bottom:none;
border:1x solid red;
height:169px;
}

div#header div#site_banner ul {height:169px;}
div#header div#site_banner ul li img {min-height:169px;}


div#header div#menu ul {
width:100%;
clear:both;
padding: 0px;
margin: 0px;
list-style-type: none;

}

div#header div#menu ul li {
display:none;
text-align:center;
background-color:#000000;
/* Firefox */
width: -moz-calc(100% - 2px);
/* WebKit */
width: -webkit-calc(100% - 2px);
/* Opera */
width: -o-calc(100% - 2px);
/* Standard */
width: calc(100% - 2px);

clear:both;
border:1px #f8ac00 solid;
line-height:1.9em;
}

p#menu-toggle {
text-align:center;
background-color:#000000;
display:block;
/* Firefox */
width: -moz-calc(100% - 2px);
/* WebKit */
width: -webkit-calc(100% - 2px);
/* Opera */
width: -o-calc(100% - 2px);
/* Standard */
width: calc(100% - 2px);

clear:both;
border:1px #f8ac00 solid;
color:#f8ac00;
cursor:pointer;
margin-right:0px;
padding-left: 0px;
padding-right: 0px;
line-height:1.9em;
font-size:0.8em;
position:relative;
top:-1.2em;
background-image: url("../images/toggle.png");
background-repeat: no-repeat;
background-position: 99% 5%;
}


div#header div#menu ul li a {
display:block;
width:100%;
height:100%;
}

#block1 {height:500px;overflow:hidden;}

#block2 {height:500px;float:left;}


div#block1, div#block2, div#block3 {
clear:both;
margin-right:auto;
margin-left:auto;
}

div#block1, div#block2, div#block3 {
width:90%;
display:block;
float:none;
min-width:90%;
text-align:justify;
padding:0px;
}

div#block3 div.content p {
display:block;
text-align:center;
width:90%;
padding-left:auto;
padding-right:auto;
margin-left:auto;
margin-right:auto;
clear:both;
}

#imagewallpage {width:100%;}
#imagewallpage #facets {display:block;min-width:200px;width:90%;height:100%;margin:auto;clear:both;float:none;margin-bottom:1em;}
#imagewallpage #facets label {display:block;clear:both;float:none;}
#imagewallpage #facets select {width:80%;}
#imagewallpage #imagewall {min-width:200px;width:90%;margin:auto;clear:both;padding:0px;min-height:520px;}
#imagewallpage #facets {text-align:center;}
#imagewallpage #facets select, #imagewallpage #facets label, #imagewallpage #facets input#search_term {clear:both;text-align:left;}


table.individual_results, #ad_pane.infobox, #time_pane.infobox, #bio_pane.infobox {display:block;width:90%;float:none;margin-left:auto;margin-right:auto;clear:both;}
table.results {width:90%;margin-left:auto;margin-right:auto;float:none;clear:both;}
#ad_pane.infobox {text-align:center;}


#create_exhibit a {width:90%;}
#sidebar1.sidecol {min-width:200px;width:33%;}
.exhibitresults {max-width:550px;width:50%;}

#footer {width:75%;}
}

/*Styles for screen 460px and lower*/
@media only screen and (max-width : 480px) {
.country_list_block_area li {width:90%;}
.country_list_block_area li a {width:100%;}
.country_list_block {width:90%;}
.country_list_block_area {display:block;max-width:460px;width:100%;margin:auto;clear:both;}

div#block1 #rep_image_blockholder {
margin-left:-20px;
}

table.homepage_results {width:90%;}

div#dpla_objects {display:block;width:270px;overflow:hidden;}

table.individual_results {max-width:360px;margin-left:0px;width:95%;}

img.srcimage {max-width:300px;clear:both;margin:auto;display:block;}

div#block1, div#block2, div#block3 {
width:90%;
clear:both;
display:block;
float:none;
min-width:90%;
text-align:left;
margin-right:auto;
margin-left:auto;
padding:0px;
}

#sidebar1.sidecol {max-width:360px;width:95%;margin-left:auto;margin-right:auto;clear:both;float:none;}
.exhibitresults {max-width:360px;width:95%;margin-left:auto;margin-right:auto;clear:both;float:none;padding:auto;text-align:center;}
.exhibitresults div.exhibit-thumbnailView-itemContainer, div.exhibit-thumbnailView-itemContainer div.person-thumbnail {float:none;}
.exhibitresults div.person-thumbnail {float:none;margin-left:auto;margin-right:auto;clear:both;}
#sidebar1.sidecol ul, #sidebar1.sidecol ul li {margin-left:0px;padding-left:0px;}

/* Second Adwords box */
#ad_pane_2 {display:block;}
#ad_pane_2.infobox {display:block;width:90%;float:none;margin-left:auto;margin-right:auto;clear:both;text-align:center;}
}