@charset "utf-8";
/* CSS Document */

.overlay
{
	position:fixed;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	filter: alpha(opacity=80);
	opacity:0.8;
	z-index:99998;
	cursor:pointer;
}

.modal-container
{
	position:fixed;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:none;
	z-index:99999;
	cursor:pointer;
}


/*** basic modal without any parameters ***/
.base-modal
{
	position:relative;
	display:none;
	margin:8% auto;
	width:65%;
	/*height:60%;*/
	/*min-height:65%;
	min-width:75%;*/
  	overflow: hidden;
	background-color:#FFFFFF;
	border-radius:0.5em;
	z-index:100000;
}

.base-modal-header
{
	position:relative;
	/* display:block; */
	display: none;
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	background-color:#73B6D6;
	box-shadow: 0px 4px 2px #C6C6C6;

}

.base-modal-headerText
{
	display:block;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 0 15px;
	color:white;
}

.base-modal-header-none
{
	background-color:white;
	box-shadow:none;
	border-radius:0px;
	color:black;
	display:none;
}

.base-popupDisplayPane
{
	/*height:100%;*/
	padding:25px 20px 0px 20px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.base-noPadding  {
	padding:0;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.base-closeIcon
{
	position:absolute;
	display:block;
	right:25px;
	top:25x;
	background:url(/dms-inline/images/hplans/popupClose.png) no-repeat 0 0;
	width:34px;
	height:34px;
	cursor:pointer;
	border:none;
	z-index:100000;
}

/*** default modal sizes ***/
.base-medium-modal
{
	/*height: 40%;*/
    	width: 45%;
	border-radius:0px;
}

/*** default close icon styles ***/

.base-closeIcon
{
	position:absolute;
	display:block;
	right:40px;
	top:40px;
	background:url(/dms-inline/images/hplans/popupClose.png) no-repeat 0 0;
	width:34px;
	height:34px;
	cursor:pointer;
	border:none;
	z-index:100000;
}

.base-closeIcon-large
{
	position:absolute;
	display:block;
	right:40px;
	top:40px;
	background:url(/dms-inline/images/hplans/popupClose.png) no-repeat -166px 0 transparent;
	width:65px;
	height:65px;
	cursor:pointer;
	border:none;
	z-index:100000;
}




/*** default full viewport ***/
.full-Viewport-Modal
{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#FFF;
	border-radius:0px;
	filter: alpha(opacity=100);
	opacity:1.0;
}

/*** default video modal with blue top bar - vsp.com style ***/

.base-video-Modal
{
	margin:8% auto;
	/*width:65%;
	height:60%;*/
	width:720px;
	height:525px;
	min-height:0;
	min-width:0;
	border-radius: 0.5em;
	background-color:#999;
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
}

.base-video-Header
{
	box-shadow:0 4px 2px #555;
}

.base-videoHeight
{
	height:96%;
}

.videoIframe
{
	position:relative;
}


/*** video modal with no blue top bar ***/
.base-video-Modal-no-header
{
	margin:8% auto;
	/*width:65%;
	height:60%;*/
	width:720px;
	height:480px;
	min-height:0;
	min-width:0;
	border-radius:0em;
	background-color:black;
}

.base-video-Modal-header-none
{
	background-color:black;
	box-shadow:none;
	border-radius:0px;
	color:black;
}

.base-video-no-header
{
	border-radius:none;
	width:720px;
	height:480px;
	background-color:black;
}


/*** Flexon css ***/
.base-modal-Flexon
{
	margin:6% auto;
	background-color:#313F49;
	border-radius:0px;
	width:810px;
	height:600px;
	min-width:inherit;
	min-height:inherit;
}

.base-modal-Flexon-Header
{
	background-color:#313F49;
	border:none;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	box-shadow:none;
	color:white;
}

.base-closeIcon-Flexon
{
	position:absolute;
	display:block;
	right:9px;
	top:8px;
	background:url(../../images/popupClose.png) no-repeat -34px 0px;
	width:34px;
	height:34px;
	cursor:pointer;
	border:none;
}


.pageContainer-Flexon
{
	position:relative;
	margin:-15px auto 0 auto;
	padding:15px;
	width:93%;
	height:490px;
	background-color:#313F49;
	border:2px solid white;
	overflow:hidden;
	color:white;
}


/*** default full width for global redesign ***/
.full-Viewport-Global
{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#FFF;
	border-radius:0px;
	filter: alpha(opacity=100);
	opacity:1.0;
	z-index:100000000;
}


/*** other default styles ***/
.base-small-popup
{
	margin:6% auto;
	width:35%;
	height:30%;
}

.base-large-Positioned
{
    position:absolute;
    margin:16% auto;
    height: 541px;
    width: 940px;
    left: 643px;
}

/*** simplest way to edit ***/
.simple-Change
{
	margin:12% auto;
	width:85%;
	height:74%;
}