/* CSS for textbook home page */

	#maincol {
		width: 52em;
	}
	#rightcol {
		margin-left: 54em;
	}
	#collections div {
		width: 24em;
	}


	
	.play-video {
		width: 100%; 
		height: auto; 
		border: none;
	}


/*	ERAS 
	_________________________________________________________________________________ */

	#alleras-container {
		margin-top: 2em;
	}
	#alleras {
		margin-top: 1em;
	}
	.era {
		float: left;
		width: 12.9em;
		margin: 0.5em 18px 0.5em 0;
		padding: 0;
		background: #fff url(images/corner_topleft.gif) no-repeat top left;
	}
	.era h3, #page .era h3 {
		font-size: 1.2em;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.25em; /* 1.25 x 1.2 = 1.5 base em or 15 px by default */
		margin: 0 -13px 0 13px;
		padding: 13px 13px 0.2em 0;
		background: transparent url(images/corner_topright.gif) no-repeat top right;
	}
	.era .datespan, .era img {
		margin-right: 13px;
	}
	.era p.datespan {
		line-height: 1.364em; /* 1.364 x 1.1 = 1.5 base em */
		margin-top: 0;
		margin-bottom: 1.5em;
	}
	.era img {
		width: 11em !important;
		height: 11em !important;
		border: solid 0.1em #999;
	}
	.era div {
		margin: 0 13px 0 13px;
		padding: 0 13px 13px 0;
		width: 11.6em;
		background: #fff url(images/corner_bottomright.gif) no-repeat bottom right;		
	}
	.era .bottom-corner {
		margin: 0 0 -13px -13px;
		padding: 1em 0 13px 13px;
		width: 100%;
		background: transparent url(images/corner_bottomleft.gif) no-repeat bottom left;					
	}
	.era a.thumbnail {
		border: none;
	}


	


/*	SEARCH 
	_________________________________________________________________________________ */


	form.histsearch {
		position: relative;
	}
	.histsearch fieldset {
		position: relative;
		float: none;
		margin: 0 0 2em 0;
		border: none;
		padding-left: 22px;
	}
	.histsearch fieldset p {
		font-size: 1.1em !important;
	}
	.histsearch label {
		font-weight: normal;
	}
	.histsearch * + label {
		margin-left: 1em;
	}

	/* COLLAPSIBLE SECTIONS */
	
	
	.open h3, .closed h3 {
		padding-left: 22px;
		background-position: left;
		background-repeat: no-repeat;
		cursor: pointer;
		color: #195fb4 !important;
	}
	.open h3 {
		background-image: url(images/twisty-open.png);
		margin-bottom: 0;
	}
	.closed h3 {
		background-image: url(images/twisty.png);
		margin-bottom: 2em;
	}
	.closed fieldset {
		display: none;
	}