/* Style sheet for responsive layout of meeting agendas -- imported into cgsic/meetings/style.css, advisory/meetings/style.css */

h2 {
	text-align: center;
	}

#agendatitle {
	margin-top: 1.5em;
	}

#agenda-index,
#agenda-index-new {
	margin: 1em auto;
	}
	#agenda-index a {
		display: inline;
		}
@media all and (min-width: 481px) {
#agenda-index {
	width: 20em;
	}
#agenda-index-new {
	width: 90%;
	text-align: center;
	}
	#agenda-index-new ul,
	#agenda-index-new li {
		list-style: none;
		margin-left: 0;
		}
	#agenda-index-new li,
	#agenda-index-new a {
		display: inline-block;
		}
	#agenda-index-new li.jump:after {
		content: " |"
		}
}

.day {
	margin-top: 1.5em;
	text-align: center;
	text-transform: uppercase;
	font-size: 100%;
	background: #998 url(/parts/gradients/th-10x200.jpg) center repeat-x;
	color: #fff;
	border-top: solid 1px #ddd;				/* for print-outs */
	border-bottom: solid 1px #ddd;
	}

.session {
	margin: 1em 0;
	border-radius: 10px;
	overflow: hidden;						/* protects rounded corners */
	}
	.manila {
		background: #ffc;
		}
	.manila div.item:nth-child(even) {
		background: #eeb;
		}
	.mint {
		background: #cfc;
		}
	.mint div.item:nth-child(even) {
		background: #beb;
		}
.session li a {
	display: inline;
	}
.session em {
	font-size: 93%;
	color: #776;
	}

.item {
	width: 98%;
	padding: 0.5em 1%;						/* needed here so stripes stretch to edges */
	overflow: hidden;
	}

.col-a,
.col-b,
.col-c,
.col-bc {
	overflow: hidden;	/* inline-block to prevent word wrap */
	float: left;
	}

.col-a {
	width: 14%
	}
	.noactionbar .col-a {
		width: 12%;
		}
.col-b {
	margin-left: 2%;
	width: 48%;
	}
.col-c {
	margin-left: 2%;
	width: 33%;			/* adding up to 100% breaks IE7 */
	}
	.noactionbar .col-c {
		width: 35%;
		}
.col-bc {
	margin-left: 2%;
	width: 83%;
	}
	.noactionbar .col-bc {
		width: 85%;
		}

@media screen and (max-width: 480px) {
.col-a {
	width: 18% !important;
	}
.col-b,
.col-c,
.col-bc {
	width: 80% !important;
	}
.col-c {
	margin-left: 20% !important;
	padding-top: 0.5em;
	}
}

.livestream {
	margin: auto; 
	min-height: 32px;
	}
	.livestream img {
		vertical-align: middle;
		}
	.livestream span {
		display: inline-block; 
		vertical-align: middle;
		text-align: left;
		}
@media not screen and (max-width: 480px) {
.livestream {
	width: 18em; 
	}
}