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


div#mint_main {
	background:no-repeat;
	padding:310px 0 0 0;
}


	div#mint_left {
		float:left;
		width:520px;
	}
	
		div#mint_left p {
			line-height:18px;	
		}
	
	
	div#mint_right {
		float:right;
		padding:60px 20px 0 0;
		width:180px;
	}
	
	
		div#mint_right div.dotted_box {
			margin:20px 0 0  0;
			padding:0 0 20px 0;
			border-bottom:1px dotted #cdcdcd;
		}

		div#mint_right div.mint_media {
			padding-left:60px;
			min-height:40px;
			height:auto!important;
			height:40px;
			background:no-repeat;
		}
		
			div#mint_right div.mint_media h3 {
				padding:8px 0 0 0;
			}
			
		div#mint_right div#mint_videos {
			background-image:url(../../_images/icons/videos.gif);
		}
		
		div#mint_right div#mint_photos {
			background-image:url(../../_images/icons/photos.gif);
		}
		
			div#mint_right div#mint_photos ul.grid {
				position:realtive;
				margin:10px 0 0 -60px;
				padding:10px 8px 10px 9px;
				width:164px;
				list-style:none;
				overflow:hidden;
				/*background:url(../../_images/events/mint/thumbnail-base.png) no-repeat;*/
			}
			
			
				div#mint_right div#mint_photos ul.grid li {
					float:left;
					margin:0 1px 1px 0;
					overflow:hidden;	
				}
			
				div#mint_right div#mint_photos ul.grid li,
					div#mint_right div#mint_photos ul.grid li img {
						width:40px;
						height:40px;	
					}
		
	
	
	
	
/* 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;		
}




/* - media player */
div#media_player {
	display:none;
	position:fixed;
	top:50%; /* for now */
	left:50%; /* for now */
	z-index:1001;
	margin:15px 0 0 0;
	width:688px;
	min-height:50px;
	height:auto!important;
	height:50px;
	border:1px solid #e1e1e1;
	background:#f6f4f1;
	box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
	-moz-box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
	text-align:center;
}

	a#mp_close {
		position:absolute;
		z-index:2;
		top:-14px;
		right:-14px;
		display:block;
		width:28px;
		height:28px;
		cursor:pointer;
		background:url(../../_images/btn-close.png) no-repeat;
	}
	
	
	a#mp_close:hover {
		background-position:-28px 0;	
	}

	div#media_player div.title {
		padding:0 0 0 26px;
		height:28px;
		line-height:28px;
		font-size:12px;
		font-weight:bold;
		border-bottom:1px solid #e1e1e1;
		color:#505050;
	}
	
	div#mp_video_player,
	div#mp_audio_player,
	div#mp_image_player {
		display:none;	
	}
	
	div#mp_video_player {
		margin:25px auto;
		width:550px;
	}
	
	
		div#mp_audio_player .audiojs {
			width:588px;
			height:22px;
			background:none;i
		}
	
			div#mp_audio_player .audiojs .play-pause {
				border-right:1px solid #c8c7c4;
			}
			
			div#mp_audio_player .audiojs .play-pause,
			div#mp_audio_player .audiojs .play,
			div#mp_audio_player .audiojs .pause {
				margin:0;
				padding:0;
				width:41px;
				height:22px;
			}
			
			div#mp_audio_player .audiojs .play,
			div#mp_audio_player .audiojs .pause {
				background:url("../../_images/memory-bank/player-graphics.png") no-repeat;
			}
			
			
			div#mp_audio_player .audiojs .play {				
			}
			
			div#mp_audio_player .audiojs .pause {
				background-position:-41px 0;
			}
			
			div#mp_audio_player .audiojs p { width:25px; height:20px; margin:-3px 0px 0px -1px; }
			div#mp_audio_player .audiojs .scrubber {
				margin:7px 8px 5px 8px;
				width:424px;
				height:10px;
				border:0;
				background:#999;
			}
			
			div#mp_audio_player .audiojs .progress {
				width:0;
				height:10px;
				background:#ffb319;
			}
			
			div#mp_audio_player .audiojs .loaded {
				height:10px;
				background:#757575;
				background-image: -webkit-gradient(
				 linear,
				 left top,
				 left bottom,
				 color-stop(0.5, rgb(156,156,156)),
				 color-stop(0.5, rgb(117,117,117))
				);
				background-image: -moz-linear-gradient(
				 center top,
				 rgb(156,156,156) 50%,
				 rgb(117,117,117) 50%
				);
			}
			
			div#mp_audio_player .audiojs .time {
				float:left;
				height:22px;
				line-height:22px;
				color:#656565;
				font-family:Arial, Helvetica, sans-serif;
				text-shadow:none;
				border-left:1px solid #c8c7c4;
			}
			
				div#mp_audio_player .audiojs .time em {
					color:#656556;	
				}
	

	
	div#mp_image_player {
		padding:20px;
	}
	
	div#mp_image_player.inactive {
		min-height:200px;
		height:auto!important;
		height:200px;
		background:url(../../../_images/loaders/bars/1.gif) no-repeat center center;
	}
	
		div#mp_image_player img {
			margin:0 auto;
		}
	



/* - 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;
		}