div.mbpop-area {
	width: 100%;
	height: 100%;

	overflow: hidden;
	background-color: #eae9eb;
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #CCCCCC;
	box-shadow: 4px 4px 4px #d4d2d6;
	padding-left: 5px;
	padding-right: 5px;
	
	display: flex;
    flex-direction: column;
}


div.mbpop-tpbar {
	height: 60px;
	width: 100%;
	background-color: transparent; /*#*/;
}

div.mbpop-tlbar {
	height: 100%;
	width: 98%;
	background-color: transparent;
	display: inline-block;
	/*float: right;
	clear: both;*/
	vertical-align:top;
	color: red;
	text-align: left;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-left: 20px;
}


div.mbpop-close-div {
	height:22px;
	width: 22px;
	background: transparent;/* #d9ad61;*/
	display: inline-block;
	vertical-align:top;
	float: right;
	background-image: url(/htm/prac_htm_files/cross_24_white.png); 
	background-repeat: no-repeat; 
}
div.mbpop-close-div:hover {
	background-image: url(/htm/prac_htm_files/cross_24_orange.png);
}

div.mbpop-ftbar {
	margin-top: 10px;
	height: 45px;
	width: 98%;
	background-color: transparent; /*#008080*/; /*#9adfc2;*/ 
}

div.mbpop-main {
	flex-grow: 1;
	
	width: 95%;
	padding: 10px 10px 0px 20px;
	font-size: 16px;
	background-color: transparent;/*#f6fbfa;*/
	word-wrap: break-word; 
	text-align: left;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}

div.mbpop-btn-div {
	height:100%;
	width: 95%;
	background-color: transparent;
	padding-left: 30px;
	text-align: right; 
}

input.mbpop-button {
	min-width: 80px;
	height: 30px;
	background-color: #0076dc;/* #ff4300; #00A0A0;*/
	color: white;
	text-align: center;
	font-size: 14px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: transparent;
	border-radius: 3px 3px 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 12px 7px 12px;
	display: inline-block;
	vertical-align: top;	
	
	margin-left: 20px;
	margin-right: 20px;
}
input.mbpop-button:hover{
	background: #980d09;
	outline: none;	
	cursor: pointer;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
input.mbpop-button:focus{
	border: none;
	outline: none;
}

input.mbpop-cncl-btn {
	min-width: 80px;
	height: 30px;
	background-color: transparent; /*#00A0A0;*/
	color: #3d3e3f;
	text-align: center;
	font-size: 14px;	
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	border-style: none;
	display: inline-block;
	vertical-align: top;	
	text-decoration: underline;
	margin-right: 80px;
}
input.mbpop-cncl-btn:hover{
	cursor: pointer;
	font-style: italic;
}
input.mbpop-cncl-btn:focus{
	border: none;
	outline: none;
}

input.mbpop-sipt {
	font-family: Arial, Helvetica, sans-serif;
	width: 180px; 
	height: 28px; 
	font-size: 15px;
	background-color: #dcf7e8; 
	text-align: left;
	text-indent: 10px;
	border-style: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
input.mbpop-sipt:focus {
	outline: none;
	border: none; 
}
div.show-pd {
	display:inline-block;
	vertical-align: top;
	height:28px;
	width: 28px;
	margin-top: 20px;
	background-image: url(/htm/prac_htm_files/prac/eye_open_24blue.png); 
	background-repeat: no-repeat;
	background-position: right;
	opacity: 0.5;
}
div.show-pd:hover {
	opacity: 0.8;
}