@charset "utf-8";
/* CSS Document */
/* instant screen vertical1 template style sheets */
/* @version 2018.07.10 sb Ticket #417242, CE5 - Add (3) new template layout design options for the IACA-TU service */
/* @version 2017.07.31 sb Ticket #473385, [CE5] - (3) New IACA layouts using wrong grey color */
/* @version 2018.07.31 sb Ticket #473389 - change default font used */
/* @version 2018.07.31 sb Ticket #473425 thin light stroke frame missing around all pages */
/* @version 2018.08.21 sb Ticket #476551 - Adjust (3) new IACA-TU template layout design options to be 100% responsive */

#instantscreenwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFF 0px 0px;
	font-size: 12px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

#is_content {
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	border: 1px solid lightgrey;
	border-top: none;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
/* Progress indicator */
#is_progress {
	height:75px;
	width:100%;
}

/* header */
#instantscreenwrapper h1#is_header {
	width:100%;
	font-size: 25px;
	font-weight: bold;
	color: #4052A6;
	text-align: center;
	margin: 0 auto 4px auto;
	line-height: 38px;
	margin-bottom: 10px;
}

#instantscreenwrapper.lang_es h1#is_header {
	font-size: 23px;
}

#instantscreenwrapper.lang_es #is_header_linebreak {display:none;}

/* Footer */
#isapp_footer {
	clear:both;
	width: 950px;
	margin: 0 auto;
	height: 25px;
	background-image: url(../../../cssLib/InstantScreen/footerBack.jpg);
	background-repeat: repeat-x;
	color: #666;
}

/******************/
/*  Initial Page  */
/******************/
/* translate */
#instantscreenwrapper div.translatelink {
	border:none;
	cursor:pointer;
	display:block;
	width:131px;
	height:35px;
	padding:0;
}
#instantscreenwrapper div.translatelink.btLang-en {background:url(../../../cssLib/InstantScreen/btLang_en.png) no-repeat;}
#instantscreenwrapper div.translatelink.btLang-es {background:url(../../../cssLib/InstantScreen/btLang_es.png) no-repeat;}
#instantscreenwrapper span.translatelink {float:right;}

/* right/left point information  (was a table) */
#points_table {
	clear:both;
	float:left;
	width:55%;
}
#left_table_points {
	border:0;
	padding:0;
	padding-left:10%;
	padding-right:6%;
	width:40%;  
	float:left;
}

#left_table_points img {
	width:27px;
	height:28px;
}

#right_table_points {
	border:0;
	padding:0;
	width:40%; 
	float:left;	
}

#right_table_points img {
	width:27px;
	height:28px;
}

.ssfs {
	font-size:22px;
}

#isapp_video
{
	margin-top:25px;
	margin-bottom: 25px;
	clear: both;
	text-align: center;
}

#isapp_video iframe {
	width: 50%;
	min-width: 280px;
	max-width: 375px;
	height: 20vw;
	min-height: 210px;
	max-height:280px;
	border: 2px solid grey;
	border-radius: 5px;
}

.points_line {
	width:100%;
	margin:0;
	margin-bottom: 10%;
	height:33px;
	clear:both;
}

.checkMark {
	float:left;
}

.checkText {
	font-size: 14px;
	color: grey;
	padding-left: 5px;
	width:80%;
	padding-bottom: 22px;
	float:left;
}

#instantscreenwrapper .isapp_form_wrapper  {
	width: 45%;
	float: right;
}

#preamble {
	text-align: center;
	color: #4052A6;
	font-size: 16px;
}


/* INSTANT SCREEN FORM STYLES */
#instantscreenwrapper #PreQual {
	display:block;
	background: #f0f0f0;
	width: 96%; 
	margin:0px auto 15px auto;
	border-style: solid;
   	border-width: 1px;
	border-color: #7c7c7c;
	border-radius: 13px;
	clear:both;
}

#isapp_form_container {
	padding-top: 15px;
}

#isapp_form_container form ul {
		list-style:none;
		margin:0;
		padding:0;
}

#isapp_form_container form li {
	padding:3px;
	margin-bottom:3px;
	line-height:28px;	 /* This will make the labels vertically centered with the inputs */
}

#isapp_form_container form li#send {
	background:none;
	margin-top:6px;
}

#isapp_form_container form label {
	float:left;
	width:80px;
	text-align:right;
	margin-right:7px;
	color:#000;
}

#isapp_form_container form input,#isapp_form_container form select{
	font:18px arial,Arial,"Nimbus Sans L", Helvetica, sans-serif;
	border:1px solid #666;
	width: 65%;
	height:25px;
	margin:0;
	padding:0;
}
.lang_es #isapp_form_container form input,
.lang_es #isapp_form_container form select{
	width:225px;
}

#isapp_form_container .form_privacy_section {
	text-align: center;
	width: 100%;
	padding: 5px 0 10px 0;
	margin-left: 10px;
	margin-right: 10px;
	margin: 0 auto;
}

#isapp_form_container .privacyAgree {
	display:inline;
	width:12px;
	margin-right: 10px;
	border:0;
}

#isapp_form_container form input:focus {
	border:1px solid #666;
	background:#e3f1f1;
}

#isapp_form_container form #submit_button_is {
	width:195px;
	height:30px;
	border:1px solid grey;
	border-radius: 5px;
	background-color: #57D900;
	color: white;
	font-weight: bold;
	cursor:pointer;
	display:block;
	margin: 0 auto 12px auto;
	padding:0;
}

#isapp_form_container form #submit_button_is.lang_es {
	width:264px;
	height:44px;
}

/* form columns */
#isapp_form_container form ul.col1,
#isapp_form_container form ul.col2   {
	float: left;
	width: 100%;
	margin-left: 5px;
	margin-top: 0px;
}

/* Spanish adjustments */
#instantscreenwrapper.lang_es #isapp_form_container form ul.col1 {
	width: 345px;
	margin-left: 2px;
}
#instantscreenwrapper.lang_es #isapp_form_container form ul.col2 {
	width: 345px;
	margin-left: 0;
}
#instantscreenwrapper.lang_es #isapp_form_container form label {width: 105px;}


@media screen and (max-width:768px)
{
	/*form*/
	#is_progress {
		margin-left: 5px;
	}
	#is_progress .step {
		width: 195px;
	}
	#is_progress .laststep {
		width: 200px;
		float: left;
	}
	.laststep .progresssubtext {
		visibility: hidden;
	}
	#instantscreenwrapper h1#is_header {
		margin-bottom:10px;
		border-bottom: none;
	}
	#is_content {
		width: 95%;
		margin: 0;
		margin-left: 7px;
		margin-bottom: 10px;
	}
	#points_table{
		width: 100%;
	}
	#left_table_points{
		width: 100%;
		padding-left: 8%;
	}
	#right_table_points{
		width: 100%;
		float:none;
		padding-left: 8%;
	}
	.checkText {
		padding-bottom: 0;
	}
	.points_line {
		margin-bottom: 5px;
		margin-left: 5px;
	}
	#preamble{
		padding: 0;
		font-size: 16px;
	}
	#instantscreenwrapper .isapp_form_wrapper{
		width: 100%;
		margin: 0;
	}
	#isapp_form_container form ul.col1{
		width: 100%;
	}
	#isapp_form_container form ul.col2 {
		float:none;
		width: 100%;
	}
	#isapp_form_container form input, #isapp_form_container form select{
		width:60%;
	}
}

@media screen and (max-width:480px)
{
	.points_line {
		min-width: 340px;
	}
	#left_table_points,
	#right_table_points {
		padding: 0;
	}
	#is_progress {
		height: 0;
	}
	#is_progress .step {
		visibility:hidden;
		height: 0;
	}
	#is_content {
		margin: 0;
		border: none;
	}
	.points_line {
		margin-bottom: 5px;
		margin-left: 5px;
	}
}

@media screen and (min-width:1100px) {
	#instantscreenwrapper h1#is_header {
		font-size: 2.1vw;
	}
	.checkText {
		font-size: 1.2vw;
	}
}