@charset "utf-8";

/* ########################################################################################################################################## */
/* V12 VIDEO STYLES */
/* Document Version 12.502 */
/* minify with: https://cssminifier.com/
/* ########################################################################################################################################## */


.panel_range {
	clear: both;
	background: #f5f4f4;
	width:85%;
	margin:0 0 3rem 0;
	}
	@media only screen and (max-width: 900px) {	.panel_range {width:95%;} }
	@media only screen and (max-width: 700px) {	.panel_range {width:100%;} }

	.accordionWrap { 
		width: 100%;
		margin-top:0;
		padding-top:0;
		}
	.accordion { 
		list-style-type: none; 
		padding: 0; 
		margin: 0;
		border:none;
		}
	.accordion ul { 
		display: block; 
		float: left; 
		width: 100%; 
		padding: 0; 
		margin: 0; 
		}
	.accordion li { 
		cursor: pointer; 
		list-style-type: none; 
		padding: 0; 
		margin: 0; 
		float: left; 
		display: block; 
		width: 100%;
		}
	.accordion li > div { 
		background: #fbfbfb; 
		display: block; 
		clear: both; 
		float: left; 
		width: 100%;
		cursor:default;
		border-bottom: 1px dotted #333;
		}
	
		.accordion li div ul { 
			padding:20px 20px 20px 10px;
			width:90%;
			}
		.accordion li div p { /* added to account for FAQ section page where content is paragraphs rather than lists */
			padding:0 20px 20px 2%;
			width:90%;
			}
		.accordion li div img { 
			max-width:96% !important;
			padding-left:2%;
			margin-bottom:1em;
			}
			@media only screen and (max-width: 650px) {	.accordion li div img {max-width:100% !important; padding-left:0;} }
		
			/* give vimeo same whitespace */
			
		.accordion .vimeoWrapper { margin-left: 2%; margin-right: 2%; } 
		.accordion p.vimeo-warn { width: auto; margin:0 2% 50px 2% !important; } 

		.accordion li div ul span.title { 
			font-weight:bold;
			display:block;
			}
			
		.accordion li div li { 
			cursor:default;
			padding-bottom:13px;
			padding-left:25px;
			}
		.accordion li div li a { 
			background: none;
			display:inline;
			padding:0;
			margin:0;
			color:#1a589d !important;
			font-size:90%;
			}
			
		.accordion li div li a:hover { 
			background: none;
			display:inline;
			text-decoration:underline;
			}

		.accordion li div p {
			margin: 20px 45px 20px 0;
			}



	.accordion li.active>a { 
		background: #cbcbcb;
		}
	.accordion li.active>a:hover { 
		background: #cbcbcb;
		}
	.accordion li>a { 
		text-decoration: none; 
		font: bold 1.1em/1.4em Arial, sans-serif; 
		padding: 7px 10px; 
		display: block; 
		cursor: pointer; 
		height:	auto;
		background: #f5f4f4;
		color:#000000 !important;
		}
		
	.accordion li>a:hover {
		background: #cbcbcb;
		text-decoration:none;
		}
/*	.accordion a:active {
		background: #cbcbcb url("../../images/trim_bg_prodpanel_hvr.gif") top left repeat-x;
		text-decoration:none;
		}
*/	
.accordion a.acc-ctrl { 
		border-bottom: 1px dotted #333;
}