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


/*GLOBAL*/
*											{ margin:0; padding:0;}
html										{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366;}
body										{ width:750px; padding:0 0 0 0!important; margin:0 auto 0 auto!important; background:url(../images/background.jpg) top center no-repeat #B9B8B8; position:relative; display:block;}
.bg_top										{ width:750px; height:13px; margin:0; float:left; padding:0; background:url(../images/interface_bg_top.png) top center no-repeat;}
.bg_mid										{ width:608px; 
											height:auto; 
											display:block; 
											float:left; 
											padding:30px 40px!important; 
											margin:0 auto!important; 
											background:#FFF; 
											-moz-border-radius: 16px; 
											-webkit-border-radius: 16px;
											-khtml-border-radius: 16px; 
											border-radius: 16px;
											-moz-box-shadow: 0px 2px 4px #888; 
											-webkit-box-shadow: 0px 2px 4px #888; 
											box-shadow: 0px 2px 2px #888;
											position:relative;}
.bg_bot										{ width:688px; height:25px; margin:0; float:left; clear:both; padding:0;}
img											{ border:none;max-height:70px;max-width:220px;margin-bottom:5px}
a											{ border:none; outline:none;}
.pie										{ behavior: url('../scripts/PIE.htc'); z-index:1!important;}

.pp-logo- {
	max-width:200px;
	max-height:60px;
}

/*GLOBAL COLUMNS*/
.full										{ width:100%; height:auto; float:left;}
.one_third									{ width:31%; margin-right:3%; float:left;}
.one_third_last								{ width:31%; margin:0; float:left;}
.two_thirds_last							{ width:65.3%; margin:0; float:left; position:relative;}
.two_thirds									{ width:65.3%; margin-right:3%; float:left; position:relative;}
.one_half									{ width:47%; margin:0%!important; padding:0!important; float:left; display:block;}
.one_half_last								{ width:48%; margin:0%!important; padding:0!important; float:right!important; display:block;}
.one_quarter								{ width:22.45%; margin-right:3%!important; float:left;}
.one_quarter_last_last						{ width:22.45%; margin:0!important; float:left; }
.one_quarter_last							{ width:16%; margin:0!important; float:left; }
.one_quarter_postal							{ width:95%; margin-right:0%!important; float:left;}
.one_quarter_last_postal					{ width:95%; margin:0!important; float:left;}
.three_quarters_last						{ width:75%; margin-right:0%!important; float:left;}
.postal4									{ float:left; padding:5px 5px 5px 0;
}
.one_half_small								{ width:47%; margin-right:7%!important; float:left;}
.one_half_smalllast							{ width:47%; margin:0!important; float:left;}



/*GLOBAL FONTS*/
h1											{ font-size:16px; margin:0 0 10px 0; padding:0;}
h2											{ font-size:16px; margin:0 0 10px 0; padding:0;}
h3											{ font-size:16px; margin:0 0 10px 0; padding:0;}
h4											{ font-size:14px; margin:0 0 10px 0; padding:0;}
h5											{ font-size:14px; margin:0 0 10px 0; padding:0; color:#485969;}
h6											{ font-size:10px; margin:0 0 0px 0; padding:0; font-weight:100;}
p											{ font-size:12px; margin:0 0 10px 0; padding:0; line-height:1.25; text-align:left;}
h4.info_text								{ font-size:14px; margin:0 0 5px 0; padding:0; color:#1F5CBF; background:#f3f3f3; border:1px solid #dedede; padding:10px; border-radius:5px;}
.dark_bg									{ background: #666; border:1px solid #333; border-radius:3px; height:15px}

.siglines                                 { font-size:10px; margin:0 0 0px 0; padding:0; font-weight:100;}


/*GLOBAL EXTRAS*/
.clear										{ clear:both; width:100%;}
.left										{ float:left;}
.right										{ float:right;}
.text_left									{ text-align:left;}
.text_right									{ text-align:right;}
.text_center								{ text-align:center;}
.last 										{ margin:0!important; padding:0!important;}
.block 										{ display:block;}
.inline-block								{ display:inline-block;}
.caption									{ font-size:11px!important; font-style:italic; color:#71889E; line-height:1.1;}
.display_none								{ display:none!important;}
.screen_display_none					    {display:none !important;}
.print_display_none							{display:block !important;}
.errorColor									{ color: #B51212;}


/*GLOBAL LIST ITEMS*/
ul											{ margin:0 0 0 6%; padding:0; width:94%;}
ol											{ margin:0 0 0 6%; padding:0; width:94%;}
li											{ margin-bottom:15px;}

ol.align-margin								{ margin:0 0 0 3%; padding:0; width:94%;}

	
/*TIP BUBBLE*/
.tip_bubble_container						{ width:675px; height:auto; margin:30px 0 0 5px; position:relative; float:left; display:block;}
.tip_bubble_top								{ width:675px; height:11px; background: url(../images/tip_bubble_top.png) top center no-repeat; margin:0; padding:0; float:left;}
.tip_bubble_mid								{ width:635px; min-height:93px; background: url(../images/tip_bubble_mid.png) top center no-repeat #F7F6A1; margin:0; padding:0 20px 10px 20px; float:left;}
.tip_bubble_bot								{ width:675px; height:36px; background: url(../images/tip_bubble_bot.png) top center no-repeat; margin:0; padding:0; float:left;}
.instruction-title {
	padding-top: 10px;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	padding-top: 10px;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	font-weight: bold;
	text-align:center;
}
a.tip_example								{ position:absolute; top:15px; right:20px; color:#003366;}
.v 											{ background:url("../../../../../../../../../../../../../../../ChrisV/CHASE_FORM_LETTER_OF_AUTH/images/background2.jpg")}
.tip_bubble_mid li							{ margin-bottom:5px;}
.nomargin li								{ float: left; margin-bottom: 5px; width: 100%;}


/*INPUTS*/
.input_hidden 								{ border:none; width:auto; display:block; font-size:12px; font-weight:bold; color:#003366; margin:0; padding:0 0 0 10px; height:22px; background:none;}
.input_underline 							{ border-top:none!important; border-right:none!important; border-bottom:1px solid #333333!important; border-left:none!important; background:none; font-size:12px; font-weight:bold; color:#003366; margin:0 0 0px 0; padding:0; height:22px!important; text-indent:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important; -khtml-border-radius:0!important; border-radius:0!important;}
.input_underline_caption					{ font-size:10px;}
.input_underline_p							{ margin:-25px 0 30px 0; text-align:center;}
.input_underline_last 						{ border-top:none!important; border-right:none!important; border-bottom:1px solid #333333!important; border-left:none!important; background:none; font-size:12px; font-weight:bold; color:#003366!important; margin:0 0 5px 0; padding:0; height:22px!important; float:right!important; text-indent:0!important;	-moz-border-radius:0!important; -webkit-border-radius:0!important; -khtml-border-radius:0!important; border-radius:0!important;}
.input_box									{ font-family:Arial, Helvetica, sans-serifl;height:22px;  border:1px solid #B6C3CE; margin-bottom:5px!important; margin-right:0px; text-indent:5px; color:#003366; font-size:12px; font-weight:bold; line-height:22px!important;}
.input_box_last								{ font-family:Arial, Helvetica, sans-serifl;border-top:1px solid #003366; border-right:1px solid #B6C3CE; border-bottom:1px solid #B6C3CE; border-left:1px solid #003366; margin:0 0 5px 0!important; padding:0!important; height:22px; width:48%; text-indent:5px; color:#003366; font-size:12px; font-weight:bold; float:right; margin-bottom:5px!important;}
.input_box_inline							{ font-family:Arial, Helvetica, sans-serifl;height:22px!important;  border:1px solid #B6C3CE!important; margin-bottom:0px!important; margin-right:0px; text-indent:5px; color:#003366; font-size:12px; font-weight:bold; line-height:22px!important; display:inline-block;}
.input_box_last_inline						{ font-family:Arial, Helvetica, sans-serifl;border-top:1px solid #003366; 
											border-right:1px solid #B6C3CE; 
											border-bottom:1px solid #B6C3CE; 
											border-left:1px solid #003366; 
											margin:0 0 0px 0!important; 
											padding:0!important; 
											height:22px!important; 
											width:48%; 
											text-indent:5px; 
											color:#003366; 
											font-size:12px; 
											font-weight:bold; 
											float:right; 
											margin-bottom:5px!important;}
.input_full									{ width:99.25%;}
.input_p									{ line-height:22px!important; margin:0!important; padding:0!important;}
.input_nounderline							{ height:17px!important; margin:0!important; padding:0 0 0 0px!important; border:none!important; width:auto; display:inline-block;}	
.text_area									{ height:150px!important; background:url(../images/form_field_bg_text_area.png) top repeat-x!important; overflow:hidden!important; font-size:12px!important; color:#999999; font-weight:100; font-family:Arial, Helvetica, sans-serifl;}
.text_area:hover, .text_area:focus			{ height:150px!important; background:url(../images/form_field_bg_text_area.png) bottom repeat-x!important; overflow:hidden!important; }
textarea#dynamic_text_area					{ 
											width:96.5%; 
											color:#999999;
											font-family:Arial, Helvetica, sans-serif;
											font-size:12px; 
											padding:5px;
											line-height:1; 
											border:1px solid #9AA8B2; 
											border-radius:4px;
											background: #F2F3F3;
											background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F3F3), to(#FFFFFF));
											background: -webkit-linear-gradient(#F2F3F3, #FFFFFF);
											background: -moz-linear-gradient(#F2F3F3, #FFFFFF);
											background: -ms-linear-gradient(#F2F3F3, #FFFFFF);
											background: -o-linear-gradient(#F2F3F3, #FFFFFF);
											background: linear-gradient(#F2F3F3, #FFFFFF);
											-pie-background: linear-gradient(#F2F3F3, #FFFFFF);}
textarea#dynamic_text_area:focus			{ color:#003366; border-radius:4px;}
textarea#dynamic_text_area:hover			{
											background: #FFFFFF;
											background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F2F3F3));
											background: -webkit-linear-gradient(#FFFFFF, #F2F3F3);
											background: -moz-linear-gradient(#FFFFFF, #F2F3F3);
											background: -ms-linear-gradient(#FFFFFF, #F2F3F3);
											background: -o-linear-gradient(#FFFFFF, #F2F3F3);
											background: linear-gradient(#FFFFFF, #F2F3F3);}		
#dynamic_text_area_counter					{ color:#999; border:none; float:right; text-align:right; font-size:10px;}					
#dynamic_text_area_counter input			{ color:#999; border:none; font-weight:bold; float:right; text-align:right; font-size:10px;}


/*INPUT STATES*/
input[type=text][disabled]					{ background-image:none; background-color: transparent; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #C0C0C0;}
input[type=text][readonly]					{ background-image:none; background-color: transparent; border-bottom:1px solid #333;}
input[type=text][checkbox] .checkbox  		{ border-color:#84A0AF; -moz-box-box-shadow: 0 0 3px 1px #B3E0FF; -webkit-box-shadow: 0 0 3px 1px #B3E0FF; box-shadow: 0 0 3px 1px #B3E0FF; } 
.input-hint 								{ height:22px;  border:1px solid #9AA8B2; margin-bottom:5px; text-indent:5px; color:#737373; /*a11y change - #999; */ font-size:12px; font-weight:normal; line-height:22px;}
.input-hint:focus 							{ font-weight:bold; color:#84A0AF; font-size:12px; border-color:#84A0AF; -moz-box-box-shadow: 0 0 3px 1px #B3E0FF; -webkit-box-shadow: 0 0 3px 1px #B3E0FF; box-shadow: 0 0 3px 1px #B3E0FF; line-height:22px;}
.input-hint:hover							{ background-position:bottom!important;}
.input-hint-lighter							{ font-weight:normal; 
											color:#003366; 
											font-size:12px; 
											border-color:#84A0AF; 
											-moz-box-box-shadow: 0 0 3px 1px #B3E0FF; 
											-webkit-box-shadow: 0 0 3px 1px #B3E0FF; 
											box-shadow: 0 0 3px 1px #B3E0FF; 
											text-indent:5px; 
											line-height:22px;}
.input-text-key-press						{ border-color:#336699!important; 
											color:#003366!important;  
											border-color:#84A0AF!important; 
											-moz-box-box-shadow: 0 0 3px 1px #B3E0FF!important; 
											-webkit-box-shadow: 0 0 3px 1px #B3E0FF!important; 
											box-shadow: 0 0 3px 1px #B3E0FF!important; 
											font-weight:bold; 
											font-size:12px; 
											line-height:22px;}
.ic-input-error								{ border-color:#F49D9D; -moz-box-box-shadow: 0 0 8px 1px #CC0000; -webkit-box-shadow: 0 10px 8px 1px #CC0000; box-shadow: 0 0px 2px 1px #F7DADA; color:#B51212;}
.ic-input-error_text						{ color:#B51212!important;}




/*INPUT PARAGRAPHS*/
.form_line_spacing 							{line-height:2.7;}
.tight_text_spacing							{ line-height:1.2;}



/*LABEL*/
label 										{ 
											width: 96%; 
											height:98%; 
											display:block; 
											margin:0; 
											padding:1% 2%; 
											-moz-border-radius: 6px; 
											-webkit-border-radius: 6px; 
											-khtml-border-radius: 6px; 
											border-radius: 6px;  
											border: 1px solid transparent;
											float:left;}
label:hover 
{ 
	color:#003366!important; 
	cursor:pointer; 
	width:96%; 
	height:98%; 
	background:#f7f7f7; 
	display:block; 
	margin:0; 
	padding:1% 2%; 
	border-top: 1px solid #E2E2E2; 
	border-right: 1px solid #f2f2f2; 
	border-bottom: 1px solid #f2f2f2; 
	border-left: 1px solid #E2E2E2;
	float:left;
}

.multi-line_label {
	width: 95%;
	float: right;
	display: block;
	margin-top: -10px;
}											


.label 										{ width: 96%; height:98%; display:block; margin:0; padding:1% 2%; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;  border: 1px solid transparent;}
.label:hover 								{ color:#71889E!important; 
											cursor:pointer; 
											width:96%; 
											height:98%; 
											background:#f7f7f7; 
											display:block; 
											margin:0; 
											padding:1% 2%; 
											border-top: 1px solid #E2E2E2; 
											border-right: 1px solid #f2f2f2; 
											border-bottom: 1px solid #f2f2f2; 
											border-left: 1px solid #E2E2E2;}
table.standard_table						{
											width: 100%;
											border-collapse:collapse;
											margin-bottom:15px;}											
table.standard_table tr td					{
											padding:5px;
											border:1px solid #dedede;}

tr.even										{background: #f1f1f1;}											
tr.odd										{background: #fff;}											


/*RADIO AND PARAGRAPH ROW*/
ul.p-text_radio_box							{ width:100%; list-style:none; margin:0 0 0px 0; padding:0;}
ul.p-text_radio_box	li						{ width:100%; display:inline-block; margin:0; padding:0;}
ul.p-text_radio_box .radio_btn				{ margin:10px 15px 10px 0px; float:left;}
ul.p-text_radio_box .radio_btn_paragraph	{ width:94%; padding:6px 0px 6px 0px!important;	margin:0; float:right; line-height:16px;}



/*PRINT BTN*/
.printbttn 									
											{display:block; 
											text-align:left; 
											line-height:23px; 
											padding:2px 0 2px 15px; 
											color: #fff; 
											text-decoration:none; 
											cursor:pointer; 
											font-size:12px; 
											font-weight:bold; 
											background:url(../images/print_btn.png) no-repeat top center; 
											width:116px; 
											height:22px; 
											margin:10px 0;}
.printbttn:hover 							{ background-position:bottom;}
a.btn_bg 									{width:auto; 
											height:22px; 
											display:block; 
											text-align:left; 
											font-size:12px; 
											font-weight:bold; 
											line-height:23px; 
											color: #fff; 
											text-decoration:none; 
											text-indent:15px;	
											padding:2px 30px 2px 0px; 
											cursor:pointer; 
											background:url(../images/btn_bg.png) no-repeat top right; 
											margin:10px 0; 
											-moz-border-radius: 6px; 
											-webkit-border-radius: 6px; 
											-khtml-border-radius: 6px; 
											border-radius: 6px; 
											text-shadow: 0 -1px 0 #999;}
a.btn_bg:hover 								{ background-position:bottom right;}
											

.pbtn_bg 									{width:auto; 
											height:30px; 
											display:block; 
											text-align:left; 
											font-size:12px; 
											font-weight:bold; 
											line-height:23px; 
											color: #fff; 
											text-decoration:none; 
											text-indent:15px;	
											padding:2px 30px 2px 0px; 
											cursor:pointer; 
											background:url(../images/btn_bg.png) no-repeat top right; 
											margin:10px 0; 
											-moz-border-radius: 6px; 
											-webkit-border-radius: 6px; 
											-khtml-border-radius: 6px; 
											border-radius: 6px; 
											text-shadow: 0 -1px 0 #999;}
.pbtn_bg:hover 								{ background-position:bottom right;}





/*ERROR MESSAGE*/
.errorString 								{ background: url(../images/exclamation_watermark.png) center right no-repeat #FFF3F3; border: 1px solid #F49D9D; width:95%; padding:3% 2% 2%; margin-bottom:20px; color: #980f0f;}
.required_warning 							{ background: url(../images/exclamation_watermark_sm.png) center right no-repeat #FFF3F3; border: 1px solid #F49D9D; width:95%; padding:2%; margin-bottom:20px; color: #980f0f;}
ul#populate_warning 					 	{ padding-top: 10px; color:#CE3043;}							
ul#errorString-populate					{ margin-top:10px; display:block;}
#errorString-populate li					{ margin-bottom:5px;}

/*REQUIRED FIELDS*/
span.required								{ color:#B51212; font-size:15px; line-height:0px;}
span.required_small							{ color:#B51212; font-size:12px; line-height:0px;}
.asterisk_container							{ position:relative; display:block;}
.asterisk 									{ position:absolute; top:0px; right:-9px; color:#B51212; font-size:15px;}
.asterisk_ex 								{ position:absolute; top:0px; right:-8px; color:#B51212; font-size:15px;}
.asterisk_inline 							{ margin: 0px 0 0 3px; color:#B51212; font-size:15px;}
.asterisk_inline_text						{ display:inline-block; position:relative; margin-right:10px;}
.asterisk_inline_text .asterisk				{ line-height:1;}

/*PRINT INSTRUCTIONS*/
.print_instructions							{ display:none;}

.negative-margin-inputs						{ margin-top:-4px;}

/*ROUNDED CORNERS AND GRADIENTS*/
.round_gradient								{ background: url(../images/form_field_bg.png) top left repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; color:#003366;}
.round_gradient:focus						{ background-position:bottom;}
.required 									{ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } 



/*IMAGES*/
.image_frame img 							{ width:648px; padding:8px; border:1px solid #eee; background: #f2f2f2;}
.image_frame 								{ background: url(../images/img_frame_shadow-1.0.png) bottom center no-repeat; padding-bottom:12px;}



/*ROLLOVERS*/
.roll										{ width:654px; 
											height:848px; 
											border:10px solid #222; 
											position:absolute; 
											z-index:1000; 
											top:0; 
											left:0; 
											background:url(../images/hover_down_load.png) center no-repeat #555;  
											-moz-box-shadow:inset 0 0 20px #222; 
											-webkit-box-shadow:inset 0 0 20px #222; 
											box-shadow:inset 0 0 20px #222;}

/*SELECT STYLING*/


/* setting the width and height of the SELECT element to match the replacing graphics */
select.select_state{
    position:relative;
    z-index:11;
    width:129px !important;
    height:25px !important;
    line-height:26px!important;
	color: #003366!important;
    font-size: 12px!important;
    font-weight: normal!important;
	opacity:0;
	-khtml-appearance:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


span.select_state{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:129px;
    height:25px;
    line-height:26px!important;
	color: #003366;
    font-size: 12px!important;
    font-weight: normal!important;
    text-indent:10px;
	background:url(../images/select_bg.png) no-repeat 0 0;
	display:block;
    cursor:default;
    z-index:1;
	font-family:Arial, Helvetica, sans-serif!important;
	}

	

span.select_state_focus
{
	color:#003366;        
}	

span.ic-select-error{

    position:absolute;
    bottom:-6px!important;
    float:left!important;
    left:-7px!important;
    width:142px!important;
    height:36px!important;
    line-height:39px!important;
	color:#B51212!important;
    font-size: 12px!important;
    font-weight: normal!important;
    text-indent:15px!important;
	background:url(../images/select_bg_error.png) no-repeat center!important;
	display:block!important;
    cursor:pointer!important;
    z-index:1!important;
	}
	

.mid {margin:0 auto;}





/*INLINE ELEMENTS*/
.doubleline{
	line-height:2.2;
	}
	
.doubleline-hybrid{
	line-height:2.6;
	}	
	
.singleline{
	line-height:1.6;
	}	
div span.inline_caption {
	position:relative;
	display:inline-block;
	height:12px;
	margin:0 0 17px 0;
	padding:0;
	vertical-align:top;
	border-bottom:1px solid #333;
	}

div.doubleline span.inline_caption {
    border-bottom: 1px solid #333333;
    display: inline-block;
    height: 18px;
    margin: 0 0 6px;
    padding: 0;
    position: relative;
    vertical-align: top;
}	
	
p span.inline_caption {
	position:relative;
	display:inline-block;
	height:16px;
	margin:0 0 0px 0;
	padding:0;
	vertical-align:top;
	border-bottom:1px solid #333;
	}
			
h6.inline_caption{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:26px;
	line-height:0;
	margin-bottom:-10px;
	font-size:8px;}

/*PREPOP CSS*/
.prepop_indicator{
	font-weight:bold;}
	
/*FIELD SET*/	
fieldset {border:1px solid #dedede;  border-radius: 4px 4px 4px 4px; display: block; padding: 2% 3% 2% 2%!important; width: 93.8%; behavior:  z-index:1!important;} 
legend {padding:5px; margin-left:-5px;}

/*Footer*/
.footer-bottom-disc {margin-top:20px;}

/*PAGE BREAK*/

.page-break  { display:none; }

/*NO LIST STYLES*/
ul.no_list_style, ol.no_list_style {list-style:none!important; margin:0 0 5px 0!important;}
ul.no_list_style li, ol.no_list_style li {margin-bottom:0!important;}

.hr{ width: 100%; display:block; clear:both; height:1px; border-bottom:1px solid #999999; margin:10px 0;}
.ie_fix {float:right; width:100%; display:block;}
.logoCenter { text-align:center; }

/* Deque - A11Y changes - Start */
.FillTitle
{
	font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
}

.FillSubTitle
{
	font-size: 16px;
    margin: 0;
    padding: 0;
    text-align:center;
}

.FillSubDescrption
{
	color: #485969;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
    }


 a:focus  {
	outline: 2px dotted navy;
}

.btn:focus, .btn.btn1:focus, .tab:focus, input.Newbutton:focus, .Newbutton:focus, .option:focus, input[type="checkbox"]:focus, img:focus, input[type="radio"]:focus {
	outline: 2px dotted navy;
}

button:focus{
	outline: 2px dotted navy;
}

.chaseImage
{
	display:block;
	width:auto;
	float:right;	
}

input[type="text"][readonly]:focus {
	/*389190 - ICC Platform - 29195 - All - Remove Dotted Box Format from Form Fields on ICC - 10/21/19*/
	/*outline: 2px dotted navy;	*/
	outline:none;
}

#anchorprintbutton2
{
	color:black;
}

#anchorprintbutton
{
	color:black;
}

/* Deque - A11Y changes - end */

input.question {
	
	margin: 10px;
	padding: 5px;
	
}

/* Question */

input.question {
	font-weight: 300;
	border-radius: 2px;
	margin: 0;
	border: none;
	width: 80%;
	background: rgba(0, 0, 0, 0);
	transition: padding-top 0.2s ease, margin-top 0.2s ease;
	overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
}
	/* Underline and Placeholder */

	input.question + label {
		display: block;
		position: relative;
		white-space: nowrap;
		padding: 0;
		margin: 0;
		top: -20px;
		-webkit-transition: width 0.4s ease;
		transition: width 0.4s ease;
		height: 0px;
	}

	input.question:focus + label {
		width: 80%;
	}


		input.question:focus + label > span,
		input.question:valid + label > span {
			top: -20px;
			font-size: .8em;
		}


	input.question + label > span {
		font-weight: 300;
		margin: 0;
		position: absolute;
		color: #8F8F8F;
		z-index: -1;
		-webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
		transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
	}

	input.question:valid ~ input[type="submit"] {
		-webkit-animation: appear 1s forwards;
		animation: appear 1s forwards;
	}



@-webkit-keyframes appear {
	100% {
		opacity: 1;
	}
}

@keyframes appear {
	100% {
		opacity: 1;
	}
}

#one-half-left:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}

#one-half-right:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}