/*
	_lib/75th/_css/events/conferences.css
	project: 75th anniversary
	purpose: css for the site's events/conferences page
*/

div#conferences{
	padding:150px 0 0 0;
	min-height:100px;
	height:auto!important;
	height:100px;
	background:no-repeat;
}

	div#conferences p {
		line-height:18px;	
	}
	
.conference_content{
	width:520px;
}

.conference_secondary_info{
	width:180px;
	padding:0 20px 0 0;
}

.dotted_box{
	margin:20px 0 0  0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #cdcdcd;
}	

.video_icon{
	padding:8px 0 0 60px;
	background:url(../../_images/icons/videos.gif) no-repeat;
}

ul#conference_videos{
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

	ul#conference_videos li{
		padding:10px 0 0;
	}

	ul#conference_videos li a{
	color:#656565;
	text-decoration:none;
	}
	
	ul#conference_videos li a:hover{
	color:#303030;
	}
	
	.subheader{
		margin:20px 0 10px;
		padding:0 0 10px;
		border-bottom:1px dotted #cdcdcd;
	}
	
	
	
	
/* inside pages */	

div#conference_bio_container {	
}


	div#conference_bio_container > ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
		div#conference_bio_container > ul > li {
			margin:20px 0 0 0;
			padding:20px 0 0 0;
			border-top:1px dotted #cfcfcf;
		}
		
		
/* -- "ready" state */
div#conference_bio_container.ready {
	position:relative;
	overflow:hidden;
}

div#conference_bio_container.ready > ul {
	position:absolute;
	top:0;
	left:0;	
}

	div#conference_bio_container.ready > ul > li {
		float:left;
		border:0;
	}


/* -- grid */		
div#conf_grid {
	display:none;
	position:relative;
	margin:20px 0 0 20px;
	padding:9px 9px 13px 10px;
	background:url(../../_images/events/conferences/bg-conferences-list.png) no-repeat;
}

	div#conf_grid,	
	div#conf_grid div.inner {
		width:490px;
		height:69px;
	}

	div#conf_grid.ready div.inner {
		position:relative;
		overflow:hidden;	
	}

	div#conf_grid ul.thumbnail_grid {
		position:absolute;
		margin:0;
		padding:0;
		list-style:none;		
	}
	
		div#conf_grid ul.thumbnail_grid li {
			float:left;
			margin:0 1px 0 0;
			width:69px;
			height:69px;
			cursor:pointer;
		}
		
		div#conf_grid ul.thumbnail_grid li span {
			display:none;
			position:absolute;
			top:10px;
			display:block;
			padding:10px;
			white-space:nowrap;
			background:#000;
			color:#fff;				
		}
	
	div#conf_grid div.prev,
	div#conf_grid div.next {
		display:block;
		position:absolute;
		top:25px;
		width:19px;
		height:35px;
		background:url(../../_images/btn_chevrons.png) no-repeat;
	}
	
	
	div#conf_grid div.prev {
		left:-19px;
	}
	
	div#conf_grid div.next {
		right:-18px;
		background-position:0 -35px;
	}
	
	div#conf_grid div.prev.active {
		cursor:pointer;
		background-position:-19px 0;
	}
	
	div#conf_grid div.next.active {
		cursor:pointer;
		background-position:-19px -35px;
	}
	
	
	div#conf_grid img.marker {
		position:absolute;
		top:0;
		left:0;
		margin:6px 0 0 6px;
	}
	
	
div#bio_title_pop {
	position:absolute;
	padding:10px;
	white-space:nowrap;
	background:#000;
	color:#fff;		
}
	



/* - shared (landing, inside) elements */
div#more_conferences {
	
}

	div#more_conferences ul {
		margin:0;
		padding:0;
		width:760px;
		overflow:hidden;
		list-style:none;
	}
	
		div#more_conferences ul li {
			float:left;
			margin:0 5px 0 0;
			width:185px;
			height:325px;
			overflow:hidden;
		}
		
			div#more_conferences ul li a {
				display:block;	
				padding:0 0 3px 0;
				height:95px;
			}
			
			div#more_conferences ul li.active a {
				padding:0;
				border-bottom:3px solid #333;	
			}
		
		div#more_conferences ul li h4 {
			padding:0 0 4px 0;
			line-height:14px;
			font-size:12px;
			font-weight:bold;	
		}
		
		div#more_conferences ul li h5 {
			font-size:12px;
			color:#505050;
			text-transform:uppercase;
		}
		
		div#more_conferences ul li p {
			padding-right:15px;
			color:#505050;
		}