@charset "utf-8";
/* CSS Document */
/* instant screen horizontal 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.01 sb Ticket #417219, CE5 - Rebuild the Slideshow plugin so it's completely responsive and include transition options */
/* @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;
	padding-bottom: 1px;
	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(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(btLang_en.png) no-repeat;}
#instantscreenwrapper div.translatelink.btLang-es {background:url(btLang_es.png) no-repeat;}
#instantscreenwrapper span.translatelink {float:right;}

/* right/left point information  (was a table) */
#points_table {
	clear:both;
	float:left;
	width:70%;
	background-color:#ffffff;
}
#left_table_points {
	border:0;
	padding:0;
	margin:0 0 0 3%;
	width:31%;  
	float:left;
}

#left_table_points img {
	width:25px;
	height:26px;
}

#middle_table_points {
	border:0;
	padding:0;
	margin:0 0 0 10px;
	width:31%; 
	float:left;	
}

#middle_table_points img {
	width:25px;
	height:26px;
}

#right_table_points {
	border:0;
	padding:0;
	margin:0 0 0 10px;
	width:31%; 
	float:left;	
}

#right_table_points img {
	width:25px;
	height:26px;
}

.ssfs {
	font-size:22px;
}

#isapp_video
{
	width: 25%;
	margin-top:15px;
	margin-right:2%;
	margin-left:1%;
	float: right;
}

#isapp_video iframe {
	width: 100%;
	max-width: 250px;
	height: 194px;
	border: 2px solid grey;
	border-radius: 5px;
}

.points_line {
	width:100%;
	margin:0;
	height:33px;
	clear:both;
}
.checkMark {
	float:left;
}
.checkText {
	font-size: 13px;
	color: grey;
	padding-left: 5px;
	width:80%;
	padding-bottom: 25px;
	float:left;
}

#instantscreenwrapper .isapp_form_wrapper  {
	clear:both;
	width: 100%;
	padding-top: 10px;
}

#preamble {
	text-align: center;
	margin-bottom: -20px;
	color: grey;
	font-size: 16px;
}


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

#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:72%;
	height:28px;
	margin:0;
	padding:0;
}
.lang_es #isapp_form_container form input,
.lang_es #isapp_form_container form select{
	width:275px;
}

#isapp_form_container .form_privacy_section {
	text-align: center;
	width: 100%;
	padding: 5px 0 10px 0;
	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: 45%;
	margin-left: 5px;
	margin-top: 0px;
}

#instantscreenwrapper.lang_es #isapp_form_container form label {width: 105px;}

/* verification */
#isapp_verify_top {
	width:100%;
	margin:5px; 
	font-size:20px;
	text-align:center;
}

#isapp_verify_ssn {
	display:block;
	width:90%;
	margin:10px auto;
	text-align:center;
	font-size:14px;
}

#isapp_verify_ssn input {
	width: 55px;
	font-size: 18px;
}

#isapp_verify_button {
	width:155px;
	height:25px;
	border:none;
	cursor:pointer;
	display:block;
	margin: 10px auto 0 auto;
	padding:0;
}
#ssnlastfour-label {
	font-weight:bold;
}

#isapp_verify_footer {
	font-size:11px;
	font-style:italic;
	padding-top:10px;
}

@media screen and (max-width:768px)
{
	#is_progress {
		margin-left: 5px;
	}
	/*form*/
	#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{
		margin-left: 0;
		width: 100%;
	}
	#right_table_points,
	#middle_table_points{
		margin-left: 0;
		width: 100%;
		float:none;
	}
	.checkText {
		padding-bottom: 0;
	}
	.points_line {
		width: 70%;
		margin-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	#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;
	}
	#is_progress {
		height: 0;
	}
	#is_progress .step {
		visibility:hidden;
		height: 0;
	}
	#instantscreenwrapper h1#is_header
	{
		margin-top: -15px;
	}
	#is_content {
		margin: 0;
		border: none;
	}
	.points_line {
		margin-bottom: 5px;
		margin-left: 5px;
		width: 100%;
	}
	
}

@media screen and (min-width:1100px) {
	#instantscreenwrapper h1#is_header {
		font-size: 2.2vw;
		margin-bottom: 2%;
	}
	.checkText {
		font-size: 1.2vw;
	}
	#isapp_video iframe {
		height: 16vw;
	}
}