/*
domains_2020 - use with bootstrap 4
*/

body { 
	display: flex;
  	flex-direction: column;
  	height: 100vh;
	background:#333; background:#333; 
}

.jumbotron {
	margin-bottom:0; padding:1rem; height:170px; vertical-align:middle;
	background:#333 url(/images/FilmStrip-2351x170.jpg) repeat-x;
	border-radius:0;
}
div.jumbotron-mm-logo { margin:0 auto; padding:20px; width:550px; height:140px; text-align:center; background:#fff; }

div.container {
	padding:15px; height:100%;
	background:#fff;
	}
div.container-fluid {
	padding:.5rem 2rem; /*height:calc(100%-1rem); */
	background:#fff;
	}

.navbar { padding:0 1rem .6rem 1rem; }
ul.navbar-nav { line-height: 1rem; }
ul.navbar-nav li.active { font-weight:bold; background:#fff; border-radius:0; }
ul.navbar-nav li:hover { background:#bfb; }
/*ul.navbar-nav li.active a.nav-link { color:#fff; !important; }*/
li.top-brand { font-size:1.4rem; font-weight:bold; letter-spacing:2px; }
div.dropdown-menu { margin:-.5rem 0 0 0; padding:0; background:#fea}
#page_crumbs { margin:-15px -15px 15px -15px; padding:.5rem 1rem; background:#ddd; border-radius:0; }



/* CF 122523 */
div#top_header {
	max-height:3rem;
}
div#search_bar {
	margin:0; padding: 1.5rem 2rem; 
	/*height:100%; min-height:3rem;*/
	color:#fff; font-size:2rem;
}
div#search_bar form#search_bar_form { width:100%; display:block; }

input.search-top {
	padding:0 10px 7px 10px;
	height: auto; width:25%; min-width:150px; max-width:400px;
	border:none;
	border-radius: 6px 0 0 6px;
}
input.submit-top {
	padding:0 10px 7px 10px;
	height: auto;
	color:#000;
	border:none;
	border-radius: 0 6px 6px 0;
}
input.submit-top:hover { color:#000; background:#090; cursor:pointer; }

div#main_content {
	display: flex;
  	flex-direction: column;
}

footer {
  margin-top: auto;
}




div.container#glass_pane_top {
	margin:15px auto;
	padding:0;
}
table.glass-pane-top {
	width:100%;
}
div.p51-page-banner table { width:100%; /*height:24rem;*/ height:360px; }
div.p51-page-banner table.glass-pane-top {
	background: url(/images/home.jpg) center -215px;
	background-size: cover;
}

table.glass-pane-top tr.main {

}
table.glass-pane-top td.main {
	width:100%; height:360px;
	/*height: 60vw);*/
	vertical-align:bottom;
	border:solid 10px #333;
}
table.glass-pane-top td.four {
	width:25%;
}
table.glass-pane-top td.five {
	width:20%;
}
table.glass-pane-top td.six {
	width:16.66%;
}
button.glass-pane {
	/*margin-top:80%;*/
	margin-bottom:10%;
	height:15%;
}

	img.mm-img-banner { margin:15px 3%; width:94%; }

	div#page_wrap {
		display:flex;
		flex-direction: column;
	}

div.mm-info-bar {
	margin:0; padding:0 2rem .25rem 2rem;
	min-height:2.5rem;
	color:#fff; font-size:1.5rem;
}


div.mm-top-info-bar {
	margin:0; padding:0 2rem .5rem 2rem; /*padding:0 0 .25rem 0;*/
	height:100%; min-height:3rem;
	color:#fff; font-size:2rem;
}

	
div.mm-info-bar-md {
	margin:0; padding:.25rem 1rem;
	color:#fff; font-size:1.1rem;
}
div.mm-info-bar-gry {
	margin:0; padding:.25rem 2rem;
	color:#000; font-size:1.2rem;
	background:#eee;
}
div.mm-info-bar-org {
	margin:0; padding:.25rem 2rem;
	color:#000; font-size:1.2rem;
	background:#ffc107 ;
}

div.mm-info-bar-col {
	margin:0; padding:.25rem 2rem;
	color:#fff;
	font-size:1.2rem;
	background:#56c;
}
div.mm-info-bar-col-grn { background:#080; }
div.mm-info-bar-col-org { background:#d70; }
div.mm-info-bar-col-brn { background:#830; }
div.mm-info-bar-col-red { background:#800; }
div.mm-info-bar-col-blk { background:#000; }
div.mm-info-bar-col-gry { background:#777; }

div.mm-info-bar-right {
	margin-top:.25rem; float:right; width:30%;
	color:#ffc107; font-size:1.3rem; text-align:right;
}
div.mm-info-bar-left {
	margin-top:.25rem; float:left; width:30%;
	color:#ffc107; font-size:1.3rem; text-align:left;
}
div.mm-top-info-bar-right {
	margin-top:.5rem; float:right; width:30%;
	color:#ffc107; font-size:1.5rem; text-align:right;
}
div.mm-top-info-bar-left {
	margin-top:.5rem; float:left; width:30%;
	color:#ffc107; font-size:1.5rem; text-align:left;
}

img.Pimg { margin:10px 1%; max-width:98%; }


div.mm-widget {
	margin:.5rem 0; padding:.5rem 0;
	}
	div.mm-widget-bar {
		margin:0; padding:.25rem 2rem;
		color:#fff;
		font-size:1.2rem;
		font-weight:bold;
		background:#56c;
	}
	div.mm-widget-bar-grn { background:#080; }
	div.mm-widget-bar-org { background:#d70; }
	div.mm-widget-bar-brn { background:#730; }
	div.mm-widget-bar-red { background:#800; }
	div.mm-widget-bar-blk { background:#000; }
	div.mm-widget-bar-gry { background:#777; }
	div.mm-widget-bar-blu { background:#008; }

	div.mm-widget div.mm-bg-ltgry { background:#eee; }

	div.mm-widget-body {
		margin:.5rem 0; padding:.5rem ;
		background:#fff;
		border:2px solid #000;
		border-radius:5px;
	}
	div.mm-widget-body-grn { border:2px solid #080; }
	div.mm-widget-body-org { border:2px solid #d70; }
	div.mm-widget-body-brn { border:2px solid #730; }
	div.mm-widget-body-red { border:2px solid #800; }
	div.mm-widget-body-gry { border:2px solid #777; }
	div.mm-widget-body-blu { border:2px solid #008; }

	div.mm-widget-body p { margin:0 .5rem; }

	div.mm-widget div.mm-left {
		float:left;
		margin:.5rem 2% .5rem 0;
		width:60%; max-width: calc(100% - 250px);
	}
	div.mm-widget div.mm-right {
		float:right;
		margin:.5rem;
	}
	div.mm-widget div.mm-full {
		clear:both; margin:1rem 0;
		text-align:left;
	}


footer { margin-bottom: 0; padding:10px; }

.bg-primary { background:#000; !important; }
/*.bg-mm { background:#016; }*/
div.bg-mm { background:#257; }
button.bg-mm { background:#257; border-color:#257;}



div.mm-news-card {
	margin:10px 0;
	border-color:#56c;
}
div.mm-news-card	div.card-header {
	padding:.25rem 1rem;
	font-size: .85rem;
	background:#ddd;
}
div.mm-news-card	div.card-body {
	padding:.25rem 1rem;
	font-size: .8rem;
}

	div.mm-p51-card {
		margin:15px auto; /*height:12rem;*/ height: calc(6rem + 110px);
		border:solid 1px #777; border-radius:4px;
	}
	div.mm-p51-card div.card-header {
		padding:.5rem 1rem;
		background:#e0e0e0;
	}
	div.mm-p51-card div.mm-card-subheading {
		float:right; color:#800;
	}
	div.mm-p51-card div.card-body {
		padding:.5rem 1rem;
		font-size:.95rem;
		}
		div.mm-p51-card div.card-body div.mm-p51-name { padding:0; height:1.6rem; font-size:1rem; font-weight:bold; }
		div.mm-p51-card div.card-body div.mm-p51-type { padding:0; font-size:.85rem; color:#000; }
		div.mm-p51-card div.card-body div.mm-p51-status { padding:0; font-size:.85rem; color:#070; font-weight:bold; }
		div.mm-p51-card div.card-body div.mm-p51-updated { padding:0; font-size:.7rem; color:#777; }


	div.mm-info-card {
		margin:15px auto; height: calc(6rem + 110px);
		border:solid 1px #777; border-radius:4px;
	}
	div.mm-info-card-100 {
		margin:15px auto; height: calc(6rem + 80px);
		border:solid 1px #777; border-radius:4px;
	}
	div.mm-info-card div.card-header { padding:.5rem 1rem; background:#e0e0e0; }
	div.mm-info-card div.mm-card-subheading { float:right; color:#800; }
	div.mm-info-card div.card-body { padding:.5rem 1rem; font-size:.95rem; }
	div.mm-info-card div.card-body div.mm-p51-name { padding:0; height:1.6rem; font-size:1rem; font-weight:bold; }
	div.mm-info-card div.card-body div.mm-card-text { padding:0; font-size:.9rem; text-align:left; font-weight:normal; }
	div.mm-info-card div.card-body img { padding:5px; width:150px; height:100px; }
	div.mm-info-card-100 div.card-body img { padding:5px; width:100px; height:67px; }
	div.mm-info-card div.card-body div.mm-p51-info { margin:.1rem .5rem; padding:0; font-size:.85rem; color:#000; }

	/* quick card has top bar with header, Card body w/ img-left and info text right */
	div.mm-quick-card {
		margin:.75rem 1%;
		min-width:330px; max-width:98% !important;
		min-height: calc(3.5rem + 110px);
		border:solid 1px #777; border-radius:4px;
	}
	div.mm-quick-card div.card-header { padding:.5rem 1rem; font-size:1.1rem; background:#ddd; }
	div.mm-quick-card div.mm-card-subheading { float:right; color:#800; }
	div.mm-quick-card div.card-body { padding:.5rem; min-height:125px; font-size:.95rem; vertical-align:top; text-align:left; font-weight:normal; word-wrap:normal; }
	div.mm-quick-card div.card-body div.mm-card-text { padding:0; font-size:.9rem; }
	div.mm-quick-card div.card-body img { margin:5px 15px 5px 5px; width:150px; height:100px; float:left; }

	div.mm-quick-card-100 {
		margin:.75rem 1%; min-height: calc(3rem + 80px);
		border:solid 1px #777; border-radius:4px;
	}
	div.mm-quick-card-100 div.card-body { padding:.5rem; min-height:105px; font-size:.95rem; vertical-align:top; text-align:left; font-weight:normal; word-wrap:normal; }
	div.mm-quick-card-100 div.card-body img { padding:5px; width:100px; height:67px; }


div.mm-col-5 { margin:5px; }
div.mm-col-10 { margin:10px; }
div.mm-col-15 { margin:15px; }
div.mm-col-20 { margin:20px; }



/* Shows/Stories */
div#mm_showpage {
	position:relative;  width:98%;  margin:1% auto;  padding:10px 2%;  text-align:left;  font-size:1em;
	border:solid 1px #080; border-radius:7px;
}

 div.mm-show-title-top { margin:0 1rem 1rem 0; float:left; font-size:1.5rem; font-weight:bold; color:#080; }
 div.mm-show-credits-top { margin:.5rem 1rem 0 1rem; font-size:.9rem; font-weight:normal; color:#630; vertical-align:botton; }

 img.mm-shows-topimg { margin:10px; float:right; width:450px; max-width: calc(100% - 150px); }

 div.mm-image-blockL { margin:20px 10px 20px 0;  float:left; text-align:center; }
 div.mm-image-blockL img { margin:5px auto; display:block; max-width:100px; }
 div.mm-image-blockR { margin:20px 0 20px 10px;  float:right; text-align:center; }
 div.mm-image-blockR img { margin:5px auto; display:block; max-width:100px; }
 div.mm-image-blockC { margin:20px 1rem; clear:both; }
 div.mm-image-blockC img { margin:5px; float:left; display:block; max-width:100px; }

 p.mm-show-top {  }
 p.mm-show-mid {  }
 p.mm-show-bot {  }



 .ta_vertnav1, .ta_vertnav2 {
		width:auto;   float:right;  padding:6px 6px 12px 6px;  z-index:50; margin-top:-21px;  right:10px; margin-left:10px;
		text-align:center;  color:#008;
		border:solid 1px #800; border-radius:4px;
	}
 .ta_vertnav2 { padding:6px 3px 12px 3px; }
 .ta_vertnav1:hover, .ta_vertnav2:hover { border:solid 1px #080;  background:#ddd; }

	.vertnavT2 { display:block;  padding:0px 5px;  font-size:1em;  line-height:1.8em;  vertical-align:top;  color:#700;  }
	.vertnav2  { display:block;  padding:0px 5px;  font-size:.9em;  line-height:1.4em;  }
	.vertnav3  { display:block;  padding:0px 5px;  font-size:.9em;  line-height:1.4em; color:#333;
		background:#ffc; border:1px solid #aaa; border-radius:2px; }
	.vertnavT  { font-size:1em;  line-height:2em;  vertical-align:top;  color:#700; }
	.vertnav1  { font-size:.9em;  line-height:1.5em;  }

	a.vertnav1, a.vertnav2, a.tnav, a.tnavBody
			{ color:#00a;  text-decoration:none;  }
	a.vertnav1:visited, a.vertnav2:visited, a.tnav:visited
			{ color:#008;  }
	a.vertnav1:hover, a.vertnav2:hover, a.tnav:hover, a.tnavMain:hover, a.tnavMain2:hover,  a.tnavBody:hover
			{ color:#080; text-decoration:underline;  background:#eee; }


 .point { cursor:pointer; }
 .ta_010 { margin:0 10px; }
 .ta_015 { margin:0 15px; }
 .ta_05 { margin:0 5px; }
 .ta_50 { margin:5px 0; }
 .ta_55 { margin:5px; }
 .ta_510 { margin:5px 10px; }
 .ta_515 { margin:5px 15px; }
 .ta_100 { margin:10px 0; }
 .ta_150 { margin:15px 0; }
 .ta_200 { margin:20px 0; }
 .ta_1010  { margin:10px; }
 .ta_1020  { margin:10px 20px; }
 .ta_1515  { margin:15px; }
 .ta_1520  { margin:15px 20px; }
 .ta_1525  { margin:15px 25px; }
 .ta_2020  { margin:20px; }
 .ta_2525  { margin:25px; }
 .ta_2520  { margin:25px 20px; }
 .ta_2515  { margin:25px 15px; }
 .ta_2510  { margin:25px 10px; }
 .ta_5a { margin:5px auto; }
 .ta_10a { margin:10px auto; }
 .ta_15a { margin:15px auto; }
 .ta_20a { margin:20px auto; }
 .ta_25a { margin:25px auto; }

 .ta-1p { margin:.5rem 1%; }
 .ta-2p { margin:.5rem 2%; }
 .ta-3p { margin:.75rem 3%; }
 .ta-4p { margin:1rem 4%; }
 .ta-5p { margin:1rem 5%; }
 .ta-10p { margin:1rem 10%; }
 .ta-15p { margin:1rem 15%; }

 .red { color:#c00; }
 .blu { color:#00c; }
 .grn { color:#0c0; }
 .blk { color:#000; }
 .gry { color:#777; }
 .org { color:#d70; }
 .ppl { color:#c0c; }
 .pnk { color:pink; }
 .cyn { color:cyan; }
 .ylw { color:#cc0; }
 .brn { color:#630; }

 .h1r { height:1rem; }
 .h1-1r { height:1.1rem; }
 .h1-2r { height:1.2rem; }
 .h1-3r { height:1.3rem; }
 .h1-4r { height:1.4rem; }
 .h1-5r { height:1.5rem; }
 .h1-6r { height:1.6rem; }
 .h1-7r { height:1.7rem; }
 .h1-8r { height:1.8rem; }
 .h1-9r { height:1.9rem; }
 .h2r { height:2rem; }


 .h10 { height:10px; }
 .h15 { height:15px; }
 .h20 { height:20px; }
 .h25 { height:25px; }
 .h30 { height:30px; }
 .h35 { height:35px; }
 .h40 { height:40px; }
 .h45 { height:45px; }
 .h50 { height:50px; }
 .h55 { height:55px; }
 .h60 { height:60px; }
 .h65 { height:65px; }
 .h70 { height:70px; }
 .h75 { height:75px; }
 .h80 { height:80px; }
 .h85 { height:85px; }
 .h90 { height:90px; }
 .h95 { height:95px; }
 .h100 { height:100px; }
 .h110 { height:110px; }
 .h120 { height:120px; }
 .h130 { height:130px; }
 .h140 { height:140px; }
 .h150 { height:150px; }
 .h160 { height:160px; }
 .h170 { height:170px; }
 .h180 { height:180px; }
 .h190 { height:190px; }
 .h200 { height:200px; }

 .w10 { width:10px; }
 .w15 { width:15px; }
 .w20 { width:20px; }
 .w25 { width:25px; }
 .w30 { width:30px; }
 .w35 { width:35px; }
 .w40 { width:40px; }
 .w45 { width:45px; }
 .w50 { width:50px; }
 .w55 { width:55px; }
 .w60 { width:60px; }
 .w65 { width:65px; }
 .w70 { width:70px; }
 .w75 { width:75px; }
 .w80 { width:80px; }
 .w85 { width:85px; }
 .w90 { width:90px; }
 .w95 { width:95px; }
 .w100 { width:100px; }
 .w110 { width:110px; }
 .w120 { width:120px; }
 .w130 { width:130px; }
 .w140 { width:140px; }
 .w150 { width:150px; }
 .w160 { width:160px; }
 .w170 { width:170px; }
 .w180 { width:180px; }
 .w190 { width:190px; }
 .w200 { width:200px; }
 .w200 { width:200px; }
 .w210 { width:210px; }
 .w220 { width:220px; }
 .w230 { width:230px; }
 .w240 { width:240px; }
 .w250 { width:250px; }
 .w260 { width:260px; }
 .w270 { width:270px; }
 .w280 { width:280px; }
 .w290 { width:290px; }
 .w300 { width:300px; }
 .w310 { width:310px; }
 .w320 { width:320px; }
 .w330 { width:330px; }
 .w340 { width:340px; }
 .w350 { width:350px; }
 .w360 { width:360px; }
 .w370 { width:370px; }
 .w380 { width:380px; }
 .w390 { width:390px; }
 .w400 { width:400px; }

 .w23p { width:23%; } .w24p { width:24%; } .w25p { width:25%; }
 .w30p { width:30%; } .w31p { width:31%; } .w32p { width:32%; } .w33p { width:33%; } .w35p { width:35%; }
 .w40p { width:40%; } .w45p { width:45%; } .w46p { width:46%; } .w47p { width:47%; } .w48p { width:48%; } .w49p { width:49%; } .w50p { width:50%; }

 .centertop { text-align:center;  vertical-align:top;  }
 .lefttop   { text-align:left;    vertical-align:top;  }
 .righttop  { text-align:right;   vertical-align:top;  }
 .tal { text-align:left !important; } .tac { text-align:center !important; } .tar { text-align:right !important; }
 .floatL { float:left; }
 .floatR { float:right; }
 .clearL { clear:left; }
 .clearR { clear:right; }
 .clearB { clear:both; }

 .bold { font-weight:bold; }

 .mm-bg-nav, .mm-bg-footer { background:#ffc107; }