body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#qbrick_container{
	overflow: hidden;
    position: relative;
    width: 100%;
			
}



#qbrick_player{
   float:left;
    width: 70%;
}

#divPlayerContainer{
	overflow: hidden;
	position: relative;
	width:100%;
	margin:auto;
	text-align: center;
	
}

#divPlayerContainer::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

#divPlayerContainer iframe, #divPlayerContainer object, #divPlayerContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#divPlayerContainer > div:first-of-type {
    height: 100% !important;
    position: absolute !important;
    width: 100% !important;
}



#qbrick_toc{
	float:right;
	width: 30%;
    height: 100%;
	background-color: white;
	position: absolute;
	right: 0;
	top: 0;
}


#qbrick_meetinginfo{
	padding:5px 0px 10px 20px;
}
#qbrick_meetinginfo_title{
	font-size:12px;
}



.clearer{
	clear:both;
}


.qbrick_tab_container{
    overflow-x: hidden;
    overflow-y:auto;
    
    
    height: Calc(100% - 1px);
	
}
.qbrick_tab_container.current{
    display: block;
}

#qbrick_archivecontainer{
	display:none;
	border-left:1px #e1e1e1 solid;
	border-right:1px #e1e1e1 solid;
	border-bottom:1px #e1e1e1 solid;
    width: 100%;
	background-color:white;
}
#qbrick_archivecontrolscontainer{
	background-color:#f5f2ed;
	border-bottom:1px #e1e1e1 solid;
	height:40px;
	padding-top:15px;
}
#qbrick_archivegridcontainer{
	min-height:200px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	text-align:center;
	padding-left:20px;
	padding-top:30px;
}

.qbrick_tocitem{
    margin-bottom: 5px;
	margin-left	: 5px;
    padding: 5px;
	color:rgb(255,255,255);
    background: rgb(102,117,126);
    background: -moz-linear-gradient(top, rgba(102,117,126,1) 0%, rgba(102,117,126,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,117,126,1)), color-stop(100%,rgba(102,117,126,0.8)));
    background: -webkit-linear-gradient(top, rgba(102,117,126,1) 0%,rgba(102,117,126,0.8) 100%);
    background: -o-linear-gradient(top, rgba(102,117,126,1) 0%,rgba(102,117,126,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(102,117,126,1) 0%,rgba(102,117,126,0.8) 100%);
    background: linear-gradient(to bottom, rgba(102,117,126,1) 0%,rgba(102,117,126,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 );
    border: 1px solid rgb(160,180,192);
    border-radius: 3px;
    opacity:1;
}


.qbrick_tocitem:hover{
    opacity:0.8;
}
.chaptertime{
	text-align: center;
	font-size: 11px;
	
}

.chaptertime{
    opacity: 1;
}



.qbrick_tocitem_active{
    color: rgb(255,255,255) !important;
    background: rgb(134, 161, 11) !important;
    border: 1px solid rgba(134, 161, 11,0.8) !important;
    box-shadow: 1px 1px rgb(64,140,139) inset !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006564', endColorstr='#006564',GradientType=0 ) !important;
}



.qbrick_item_title{
	text-align:center;
	font-size:12px;
	width: 100%;
	background: none;
	color: white;
	border: none;
	cursor: pointer;
}
.gridbtn{
	background: none;
	color: black;
	border: none;
	cursor: pointer;
}

.qbrick_item_time{
	text-align:center;
	font-size:11px;
	
}

.qbrick_item_title_tocspeaker{
	padding:3px;
	font-size:11pt;
	font-weight:400;
}


/**/
#year{
	max-width: 897px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	line-height: 35px;
}

#year h2{
	float: left;
	margin: 0;
}

#year select{
	float:right;
	width: 150px;
	padding: 8px;
	margin-left: 5px;
	height: 35px;
}

 #yeartext{
	float:right;
	width: 150px;
}

#grid-container{
	max-width: 898px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid-item{
	width: 250px;
	height: 215px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 30px;
	position: relative;
	background-color: white;
}

.grid-item-image-container{
	display: block;
	width: 100%;
	height: 140px;
	background-size: cover;
}

.grid-item-text{
	width: 100%;
	height: 75px;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	border-top: none;
	padding-top: 15px;
	padding-left: 10px;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background-color:transparent;
	opacity: 0.75;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
}

.play-overlay{
	position: absolute;
	top: 37px;
	left: 50%;
	margin-left: -32px;
}

.playing-overlay{
	position: absolute;
	top: 37px;
	left: 50%;
	margin-left: -32px;
	display: none;
}

.grid-item:hover .overlay{
	display: block;
	background-color: rgba(102,117,126,0.7);;
	opacity: 1;
}

.grid-item.playing .overlay{
	display:block;
	background-color: rgba(102,117,126,0.7);;
	opacity:1;
}

.grid-item.playing .play-overlay{
	display:none;
}

.grid-item.playing .playing-overlay{
	display:block;
}
#pauseContainer{
	
	background-color:grey;
	text-align: center;
	width:100%;
	margin: auto;
	display:none;
}

#pauseContainer img{
	width:100%;
}