@charset "UTF-8";

/* taxonomy.css */

main>h1{margin:0px;}	
main>section{margin:10px;}
	
#fossilFilters{
	margin:0px;
	padding:5px;	
	background-color:#C0C0C0;
	background-image:linear-gradient(180deg, #F0F0F0, #FFFFFF, #F0F0F0);
	text-align:center;
	}	

#fossilFilters>a{
	display:inline-block;
	float:left;
	}
	
#fossilFilters>label{
	display:inline-block;
	margin:0px;
	margin-left:10px;
	padding:5px;	
	}
	
#fossilFilters>label:first-child{
	margin-left:0px;
	}
	

#fossilFilters>input{
	margin:0px;
	padding:5px;	
	}

#fossilFilters>select{
	margin:0px;
	padding:5px;
	}	

#mpkNo{width:50px;}



img.layoutIcon{
	margin:0px 1px;
	padding:2px;
	width:24px;
	height:24px;
	float:right;
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	border-radius:3px;
	cursor:pointer;
	opacity:0.5;
	}

img.active{
	background-color:#FFEEDD;
	border:1px solid #C00000;
	opacity:1.0;
	}

img.layoutIcon:hover{
	border:1px solid #FFFFFF;
	opacity:1.0;
	}

/* =============================================================== */
	
#fossils{
	margin:0px;
	padding:0px;
	width:100%;
	/* height:800px;
	overflow-y:scroll; */
	background-color:#D0D0D0;
	border-top:2px solid #808080;
	border-bottom:2px solid #808080;
	text-align:center;
	}
	
#fossils>article{
	border:1px solid #F6F6F5;
	background-color:#F6F6F5;
	background-image:linear-gradient(180deg, #FFFFFF, #FFFFFF, #F0F0F0);
	border-radius:3px;
	margin:4px;
	padding:0px;
	/* float:left; */
	display:inline-block;
	overflow:hidden;
	}

#fossils>article:hover{
	border:1px solid #CEC4A9;
	background-image:linear-gradient(180deg, #F6F6F5, #CEC4A9);
	}

#fossils>article>p.description{}
#fossils>article>p.comment{}
#fossils>article>p.ref{}
#fossils>article>p.country{}
#fossils>article>p.dimension{}
#fossils>article>p.ref{}
#fossils>article>p.time{}

#fossils>article>figure{border:1px solid #C0C0C0;width:160px;margin:5px;padding:0px;background-color:#FFFFFF;}
#fossils>article>figure>figcaption{display:block;padding:5px;font-size:90%;}
#fossils>article>figure>figcaption>strong{font-size:80%;}
#fossils>article>figure>figcaption>strong>em{display:inline-block;font-weight:normal;}
#fossils>article>figure>img{width:160px;border-bottom:1px solid #C0C0C0;}

#fossils.grid>article>figure>figcaption>span{display:none;}
#fossils.list>article>figure>figcaption>span{display:none;}
#fossils.full>article>figure>figcaption>span{display:none;}	

#fossils.grid>article.spores{
	width:360px;
	height:240px;	
	text-align:center;
	}
#fossils.grid>article.spores>figure{
	display:inline-block;
	}


#fossils.list>article.spores, #fossils.full>article.spores{
	display:block;
	width:auto;
	height:auto;
	min-height:200px;
	float:none;
	text-align:left;
	}
#fossils.list>article.spores>h2, #fossils.list>article.spores>p, #fossils.full>article.spores>h2, #fossils.full>article.spores>p{
	float:left;
	width:calc(100% - 240px);
	margin-left:220px;
	}
#fossils.list>article.spores>figure, #fossils.full>article.spores>figure{
	position:absolute;
	}	



#fossils.grid>article.reduvia{
	width:230px;
	height:250px;	
	text-align:center;
	}
#fossils.grid>article.reduvia>figure{
	display:block;
	margin:0px auto;
	}


	
#fossils.list>article.reduvia, #fossils.full>article.reduvia{
	display:block;
	width:auto;
	height:auto;
	min-height:200px;
	float:none;
	text-align:left;
	}
#fossils.list>article.reduvia>h2, #fossils.list>article.reduvia>p, #fossils.full>article.reduvia>h2, #fossils.full>article.reduvia>p{
	float:left;
	width:calc(100% - 220px);
	margin-left:220px;
	}
#fossils.list>article.reduvia>figure, #fossils.full>article.reduvia>figure{
	position:absolute;
	}	
	


#fossils>article>*{margin:0px;padding:5px;font-size:90%;}

#fossils>article>h2:first-line{color:#AD9C70;}
#fossils>article>h2>em{color:#AD9C70;display:block;}

#fossils>article>h2>label{color:#808080;display:none;}
#fossils>article>p>label{color:#808080;display:block;}

#fossils.grid>article>p, #fossils.list>article>p{display:none;}
#fossils.list>article>p.description{display:block;}
#fossils.full>article>p{display:block;}



/* ===================================================== */

#fossilDetail{
	position:absolute;
	display:block;
	top:130px;
	left:20px;
	right:20px;
	/* height:700px; */
	background-color:#FFFFFF;
	border:1px solid #C0C0C0;
	border-top:1px solid #808080;
	box-shadow: 2px 2px 4px #404040;
	margin:0px;
	padding:5px;	
	font-size:90%;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	}
	
#fossilDetail>h2{margin:0px;padding:2px;font-size:120%;background-color:#FFFFFF;color:hsl(197, 100%, 13%);padding:5px;}
#fossilDetail>h2>label{color:#808080;display:none;}
#fossilDetail>h2>em{color:hsl(43, 27%, 56%);display:block;padding:5px 0px;}
#fossilDetail>p{margin:10px;padding:2px;background-color:#FFFFFF;}
#fossilDetail>p>label{color:#808080;display:block;}

#fossilDetail>figure{display: inline-table;border:1px solid #C0C0C0;margin:5px;padding:0px;background-color:#FFFFFF;}
#fossilDetail>figure>figcaption{display:block;padding:5px;height:240px;margin-left:305px;}

/* #fossilDetail>figure>figcaption{height:260px;}
 */


#fossilDetail>figure>figcaption>strong{display:block;}
#fossilDetail>figure>figcaption>strong>em{display:inline-block;float:right;font-weight:normal;font-size:80%;}
#fossilDetail>figure>img{width:300px;border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0;float:left;}




/* ======================================================================= */

img.closeDetailIcon{
	margin:5px;
	padding:0px;	
	opacity:0.5;
	cursor:pointer;
	}
img.closeDetailIcon:hover{
	opacity:1.0;
	}
	
img.prevDetailIcon, img.nextDetailIcon, img.nullIcon{
	margin:5px;
	padding:7px;
	background-color:#CCCCCC;
	opacity:0.5;
	cursor:pointer;
	border-radius:50%;
	border:1px solid #808080;
	width:16px;
	height:16px;
	}	

img.nullIcon{
	background-color:#EEEEEE;
	border:1px solid #C0C0C0;
	cursor:not-allowed;
	}
	
img.prevDetailIcon:hover, img.nextDetailIcon:hover{
	opacity:1.0;
	}	
	
img.prevDetailIcon{}
img.nextDetailIcon{}