/* video player */

.multiMod {width:100%; margin:10px 0 0 0px; overflow:hidden;}
.multiMod .mMStage  {width:100%; margin-bottom:1rem;}
.multiMod .mMStage .mMPlayer {float:left; width:60%;}
.multiMod .mMStage .mMPlaying {float:left; width:40%; padding-left:2rem;}
.multiMod .mMStage .mMPlaying h2 {text-transform:none;}
.multiMod .mMStage .mMPlaying p.mMDateline {}
.multiMod .mMMenuBar {position:relative; width:100%; height:35px; color:#fff; background-color:#1b429a; z-index:10;}
.multiMod .mMSearch {float:right; margin-right:10px;}
.multiMod .mMSearch .mMLabel {float:left; font-size:14px; margin:7px 6px 0 0;}
.multiMod .mMSearch .mMSrchInpt {float:left; width:140px; border:1px solid #809cb8; margin:4px 2px 0 0; padding:2px;}
.multiMod .mMSearch .mMSrchImgBtn {float:left; width:30px; height:30px; margin:2px 0 0 0;}
.multiMod .mMCats {float:left; margin:2px 0 0 10px;}
.multiMod .mMCats .mMLabel {float:left; font-size:14px; margin:5px 6px 0 0;}
.multiMod .mMBrdcrmb {width:100%; background-color:#eaeaea; border-bottom:1px solid #809cb8; padding:5px 0}
.multiMod .mMBrdcrmbInner {font-size:14px; color:#1b429a; margin:0 10px;}
.multiMod .mMBrdcrmbInner span {font-weight:bold;}
.multiMod .mMIndex  {width:100%;  }
.multiMod .mMIndex ul {
	list-style-type:none; 
	margin:1.5rem 0 1rem 0; 
	padding:0;
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
}
.multiMod .mMIndex ul li {
	margin:0; 
	padding:0;
	width:11.5%;
	margin:0 0.5% 20px 0.5%;
	position:relative;
	cursor:pointer;
}

.multiMod .mMIndex .mMThumb {
	height:101px;
	background:#000;
	position:relative;
	overflow:hidden;
}
.multiMod .mMIndex .mMThumb img {
	position:absolute;
	min-height:100%;
	width:100%;
}
.multiMod .mMThumb a {display:block;}
.multiMod .mMIndex .mMThumbOverlay {
	position:absolute;
	top:35px;left:20px;
	text-transform:uppercase;
	text-align:center;
	background:#1b429a;
	color:#fff;
	padding:5px 10px;
}
.multiMod .mMIndex .mMCaption {}
.multiMod .mMPagerBar {height:35px; color:#fff; background-color:#1b429a; border-top:1px solid #809cb8;}
.multiMod .mMPagerStatus {float:left; margin:5px 0 0 10px;}
.multiMod .mMPagerBar .mMPager {float:right; font-size:12px; margin:7px 10px 0 0;}
.multiMod .mMPagerBar .mMPager ul {list-style-type:none; margin:0; padding:0;}
.multiMod .mMPagerBar .mMPager ul li {float:left; display:inline; cursor:pointer;}
.multiMod .mMPagerBar .mMPager ul li.page-number {margin-right:2px; padding:2px;}
.multiMod .mMPagerBar .mMPager ul li.page-number:hover, .multiMod .mMPagerBar .mMPager ul li.pgCurrent {text-decoration:underline;}
.multiMod .mMPagerBar .mMPager li.pgFirst, .multiMod .mMPagerBar .mMPager li.pgLast, .multiMod .mMPagerBar .mMPager li.pgPrev, .multiMod .mMPagerBar .mMPager li.pgNext {width:46px; height:23px; background-image:url(/cms/images/multimod/pager_sprite.gif); background-repeat:no-repeat; margin:0; padding:0; text-indent:-9999em;}
.multiMod .mMPagerBar .mMPager li.pgFirst {background-position:0 0; margin:0; }
.multiMod .mMPagerBar .mMPager li.pgFirst:hover {background-position:0 -23px;}
.multiMod .mMPagerBar .mMPager li.pgLast {background-position:-46px 0;}
.multiMod .mMPagerBar .mMPager li.pgLast:hover {background-position:-46px -23px;}
.multiMod .mMPagerBar .mMPager li.pgPrev {background-position:0 -46px; margin-right:4px;}
.multiMod .mMPagerBar .mMPager li.pgPrev:hover {background-position:0 -69px;}
.multiMod .mMPagerBar .mMPager li.pgNext {background-position:-46px -46px; margin-left:4px;}
.multiMod .mMPagerBar .mMPager li.pgNext:hover {background-position:-46px -69px;}
.multiMod .mMPagerBar .mMPager li.pgEmpty {display:none;}


@media only screen and (max-width:980px){
	.multiMod .mMIndex ul li {
		width:24%;
	}
}

@media only screen and (max-width:47.99em){
	
	.multiMod .mMStage .mMPlayer,
	.multiMod .mMStage .mMPlaying {
		width:100%;
		float:none;
		padding:0;
	}
	
	.multiMod .mMStage .mMPlayer {
		margin-bottom:20px;
	}	 
	
	.multiMod .mMCats .mMLabel,
	.multiMod .mMSearch .mMLabel	{
		display:none;
	}
}

@media only screen and (max-width:480px){
	.multiMod .mMIndex ul li {
		width:49%;
	}	
	
}

#divVideoPlayer span {
	display:block;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

#divVideoPlayer span iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.sf-menu li ul {
	position: absolute;
	top: 0;
	display: none;
	padding:3px;
	visibility: hidden;
	top: 2.3em; /*top = top nav bar height*/
	width: 10em;
	left: 0;
	background:#fff;
	border:1px solid #ccc;
}

.mMCats .sf-menu {float:left; margin:4px 0 0 8px; padding:0; list-style-type:none; position:relative;}
.mMCats .sf-menu a.mMCatBtn,
.mMCats .sf-menu a.mMCatBtn:link,
.mMCats .sf-menu a.mMCatBtn:visited {width:99px; color:#1b429a; padding:3px 10px; background:#fff;  }
.mMCats .sf-menu a,
.mMCats .sf-menu a:link,
.mMCats .sf-menu a:visited {height:26px; text-decoration:none; text-indent:-9999em;padding:0px;}
.mMCats .sf-menu a,
.mMCats .sf-menu a:visited {color:#1b429a;}
.mMCats .sf-menu li {}
.mMCats .sf-menu li ul {width:200px; background-color:#fff; border:1px solid #1b429a; margin:-3px 0 0 1px; padding:4px 10px 8px 10px;  list-style-type:none;}
.mMCats .sf-menu li li {background:url(/cms/images/multimod/cat_menu_li_bg.gif) repeat-x 0 bottom;}
.mMCats .sf-menu li li ul {margin-left:15px;}
.mMCats .sf-menu li li li {}
.mMCats .sf-menu li li a,
.mMCats .sf-menu li li a:link,
.mMCats .sf-menu li li a:visited {display:block; height:auto; padding:6px 0; text-indent:0;}
.mMCats .sf-menu li a:hover {background-position:0 -26px;}
.mMCats .sf-menu li.sfHover a {background-position:0 -26px;}
.mMCats .sf-menu li li a:hover,
.mMCats .sf-menu li li a:active {color:#900;}
.mMCats .sf-menu li:hover,
.mMCats .sf-menu li.sfHover,
.mMCats .sf-menu a:focus,
.mMCats .sf-menu a:hover,
.mMCats .sf-menu a:active {color:#900; outline:0;}
.mMCats .sf-menu a.sf-with-ul ul {padding-right:2.25em; min-width:1px;}
.mMCats .sf-sub-indicator {position:absolute; display:block; right:0; top:0; width:8px; height:8px; text-indent:-999em; overflow:hidden; background:url(/cms/images/multimod/cat_menu_arrow.gif) no-repeat -10px -100px;}
.mMCats a > .sf-sub-indicator {top:.8em; background-position:0 -100px;}
.mMCats a:focus > .sf-sub-indicator,
.mMCats a:hover > .sf-sub-indicator,
.mMCats a:active > .sf-sub-indicator,
.mMCats li:hover > a > .sf-sub-indicator,
.mMCats li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
.mMCats .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.mMCats .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.mMCats .sf-menu ul a:focus > .sf-sub-indicator,
.mMCats .sf-menu ul a:hover > .sf-sub-indicator,
.mMCats .sf-menu ul a:active > .sf-sub-indicator,
.mMCats .sf-menu ul li:hover > a > .sf-sub-indicator,
.mMCats .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
.mMCats	ul.sf-menu li li:hover ul,.mMCats ul.sf-menu li li.sfHover ul {left:115px; /* match ul width */top:0;}

