div.dilpContainer
{
	font-family: 'ABBvoice', 'ABBVoice', Verdana, Arial, Helvetica;
	
	/*
	background-color: #f0f0f0;
	background-color: #fafafa;
	*/
	/* white background preferred */
	background-color: #fff;
	background-color: unset;
	/*
	border: 1px solid #f6f6f6;
	*/
	
}
div.dilpContainer, div.dilpContainer *, div.dilpContainer *:before, div.dilpContainer *:after
 {
	/* fix JD largeur close with padding */
	appearance: none;
	-webkit-box-sizing: border-box;
 }


div.dilpContainer input,
div.dilpContainer select,
div.dilpContainer textarea
{
	background-color: #fff;
	border: 1px solid #d2d2d2;
	color: #262626;
	/* fix */
	border: 1px solid #626262;
	/* color: #d2d2d2; */
	/* fix 2 */
	border: 1px solid #d2d2d2;
	/* color: #f9f9f9; */
	
	outline: 0;
	
	margin: 0;
	padding: 0.4em;
	
	font-family: 'ABBvoice', 'ABBVoice', Verdana, Arial, Helvetica;
	text-align: left;
	font-size: 100%;
	
	/* line-height: 100%; */
	
	font-weight: normal;
	
	width: 100%;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	
}
::-webkit-input-placeholder { /* Edge */
	color: #d2d2d2;
	font-weight: normal;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #d2d2d2;
	font-weight: normal;
}

::placeholder {
	color: #d2d2d2;
	font-weight: normal;
}

div.dilpContainer table.thumbtable
{
	height: 200px;
	width: 100%;
	background-image: url('https://www.tnbmobile.ca/dilp/images/dilp_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div.dilpContainer table.thumbtable td
{
	text-align: center;
	vertical-align: middle;
}
div.dilpContainer div.dilpFormContainer
{
	text-align: left;
	margin: 0px;
	padding: 20px 20px;
	/* fix spacing over title with padding already there */
	padding: 10px 20px 20px 20px;
}
div.dilpContainer div.dilpFormContainer p.dilpTitle
{
	font-size: 140%;
	margin: 0px;
	color: #000;
	/* font-weight: bold; */
}
div.dilpContainer div.dilpFormContainer p.dilpTitle::before {
	content: "— \a";
	content: "\2014";
	color: #ff000f;
	display: block;
}
div.dilpContainer div.dilpFormContainer p.dilpSubTitle
{
	margin: 0px;
	margin-top: 5px;
	color: #262626;
	
	/* font-weight: bold; */
}
div.dilpContainer div.dilpFormContainer input
{
	margin-top: 10px;
	padding: 5px;
	width: 100%;
	/*
	font-family: 'ABBvoice', 'ABBVoice', Verdana, Arial, Helvetica;
	*/
}
div.dilpContainer div.dilpFormContainer input:focus
{
	outline: none;
}
div.dilpContainer div.dilpFormContainer input[type="button"]
{
	background-color: #ff0000;
	color: #fff;
	padding: 10px 25px;
	padding: 5px;
	padding: 5px 10px;
	text-align: center;
	font-size: 100%;
	font-weight: regular;
	border: 0px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: background-color .3s, color .3s;
	-moz-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	transition-timing-function: ease-in;
	
	/* FIX TNB CA */
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 1px;
}
div.dilpContainer div.dilpFormContainer input[type="button"]:hover
{
	background-color: #a70000;
	color: #fff;
	cursor: pointer;
}

div.dilpContainer div.dilpPromptContainer
{
	display: none;
}
div.dilpContainer div.dilpPromptContainer div.dilpPromptBG
{
	background-color: rgba(0,0,0, 0.7);
	position: fixed;
	/*
	z-index: 10;
	*/
	z-index: 1350;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
div.dilpContainer div.dilpPromptContainer div.dilpPromptClose
{
	background-color: red;
	background-color: rgba(0,0,0, 0.5);
	
	color: #fff;
	padding: 10px;
	text-align: right;
	position: fixed;
	/*
	z-index: 12;
	*/
	z-index: 1352;
	
	/*
	width: 600px;
	left: calc( 50% - 300px );
	bottom:  calc( 50% + 40% );
	*/
	
	cursor: pointer;
}
div.dilpContainer div.dilpPromptContainer iframe.dilpPromptFrame
{
	background-color: #fff;
	position: fixed;
	/*
	z-index: 11;
	*/
	z-index: 1351;
	
	/*
	width: 600px;
	height: 80%;
	left: calc( 50% - 300px );
	top:  calc( 50% - 40% );
	*/
	
	box-shadow: 0px 1.5px 4px rgba( 0,0,0,0.24 ), 0px 1.5px 6px rgba( 0,0,0,0.12 );
	box-shadow: 0px 3px 4px rgba( 0,0,0,0.24 ), 0px 3px 6px rgba( 0,0,0,0.12 );
}


/* mobile */
@media all and (max-width: 425px)
{
	
	div.dilpContainer div.dilpPromptContainer div.dilpPromptClose
	{
		width: 90%;
		left: calc( 50% - 45% );
		bottom:  calc( 50% + 40% );
	}
	
	div.dilpContainer div.dilpPromptContainer iframe.dilpPromptFrame
	{
		width: 90%;
		height: 80%;
		left: calc( 50% - 45% ); /* half 90% width */
		top:  calc( 50% - 40% ); /* half 80% height */
	}

}

/* tablet - mobile (landscape) */
@media all and (min-width: 426px) and (max-width: 1023px)
{
	
	div.dilpContainer div.dilpPromptContainer div.dilpPromptClose
	{
		width: 90%;
		left: calc( 50% - 45% );
		bottom:  calc( 50% + 40% );
	}
	
	div.dilpContainer div.dilpPromptContainer iframe.dilpPromptFrame
	{
		width: 90%;
		height: 80%;
		left: calc( 50% - 45% ); /* half 90% width */
		top:  calc( 50% - 40% ); /* half 80% height */
	}

}

/* monitor - tablet (lanscape) */
@media all and (min-width: 1024px)
{
	
	div.dilpContainer div.dilpPromptContainer div.dilpPromptClose
	{
		width: 600px;
		left: calc( 50% - 300px );
		bottom:  calc( 50% + 40% );
	}
	
	div.dilpContainer div.dilpPromptContainer iframe.dilpPromptFrame
	{
		width: 600px;
		height: 80%;
		left: calc( 50% - 300px ); /* half the width */
		top:  calc( 50% - 40% ); /* half the height */
	}

}