/* logo dark green color: #718039 */

.cpanel {
	color:#718039; 
	font-weight: bold; 
	margin-left: 155px; 
	margin-top:50px;
	font-family:'Verdana', Geneva, sans-serif;	
	font-size: 22px;


/* added/changed 7/24/12 for spanish version*/

	line-height: 22px;
	width: 610px;
	text-align: center;


/*	color:#346a49; 
	font: 24px Arial, hevetica, sans-serif; 
*/
}

.employer {
	padding: 15px;
}
.employer2 {
	padding: 15px;
	font-style: italic;
}

.qblock {
	/* height is specified in html */
	width: 580px;
	font: 16px 'Verdana', Geneva, sans-serif;
	margin-left: 150px; 
	margin-top:20px;
	padding: 5px 5px 5px 5px; 
/*	background: #FFFFCC; */
	border: solid 2px #718039;
	clear: both;
/*	text-align: left; */
	float: left;
}
.qblock p {
    margin-top: 10px;
}


.qblock_cp {	/* for inner sliding panels (no extra padding
	/* height is specified in html */
	width: 580px;
	font: 16px 'Verdana', Geneva, sans-serif;
/*	margin-left: 150px; */
/*	margin-top:20px; */
	padding: 5px 5px 5px 10px;  
	margin-left: -12px;	/* adjust for border width */
/*	padding-bottom: 10px; */
	margin-bottom: 20px;
	margin-top: 20px;
/*	background: white; */
	float: left;
	clear: both;
}
.qblock_cp p {
    margin-top: 10px;
}

/* for I9 questions - start here block just no border */
/* similar to qblock except no border, and white background. */
.qblock_noborder {
	/* height is specified in html */
	width: 580px;
	font: 16px 'Verdana', Geneva, sans-serif;
	margin-left: 150px; 
	margin-top:20px;
	padding: 5px 5px 5px 5px; 
	background: #FFFFFF;
	clear: both;
/*	text-align: left; */
	float: left;
}


/* for text blocks inside existing qblocks */
.block_noborder {
	/* height is specified in html */
	width: 95%;
	font: 16px 'Verdana', Geneva, sans-serif;
/*	margin-left: 150px;  */
	margin:20px 0 0 10px;
	padding: 5px 5px 5px 5px; 
	background: #FFFFFF;
	clear: both;
/*	text-align: left; */
	float: left;
}




.qblockslide {
	width: 100%;
/*	padding: 5px 0px 5px 5px;  */
	padding: 5px 0px 5px 0; 
	clear: both;
	display: none;		/* hide */
}

.qblockopen {
	width: 100%;
/*	padding: 5px 0px 5px 5px;  */
	padding: 5px 0px 5px 0; 
	clear: both;
}

/* mainly for questions that have large blocks of text ('none' qustions attached to questions) */
.qblockwidetext {
	width: 100%;
/*	padding: 5px 0px 5px 5px;  */
	padding: 5px 0px 5px 0; 
	clear: both;
}

/* for slide down part */
.qtextext {
	float: left;	
/*	width: 370px; */
	width: 300px; 
/*	padding: 5px 5px 0px 5px; */
	padding: 15px 5px 0px 5px;
	text-align: right;


	margin: 5px 0 0 70px;
	
}
.qtextdivider {
    float: left;
    width: 550px;
    padding: 5px 5px 0px 5px;
    background-color: #DDDDDD;
	margin: 10px 0 10px 0;
	font-size: 12px;
}

/* box the answers in slide down go in */
.qdataext {
	float: left;	
	width: 180px;
/*	padding: 5px 5px 0px 5px; */
	padding: 15px 5px 0px 5px;
	margin-left: 10px; 
}

/* alternate question divs for doc type pulldowns (don't fit in normal qdataext) may be only I9/W4 */
.qtextext_pd {
    text-align: right;
    float: left;

/* original qtextext_pd 
    width: 300px;   
    padding: 5px 5px 0px 5px;
	height:28px;
background-color: green;
*/

/* was hardcoded in code */
	width: 375px; 
	padding-top: 10px; 

}

.qdataext_pd {
    float: right;

/* up till 8/10/17 ...
    float: left;
    width: 240px;   
    margin-left: 10px;
background-color: blue;
*/
    padding: 10px 6px 0px 0px;
    width: 195px;  
    text-align: right;
}

/* textareas */
.qdataext_ta {
	float: left;	
	width: 170px;
/*
	padding: 15px 5px 0px 5px;
	margin-left: 10px; 
*/
}


/* box the text of questions is in */
.qtext {
	float: left;	
	width: 370px;
	padding: 5px 5px 0px 5px;
/*	height:100%;XXX	*//* set with style= on tag */
}

/* box the answers go in */
.qdata {
	float: left;	
	width: 150px;
	padding: 5px 5px 0px 5px;
/*	height:100%;	XXX */     /* set with style= on qblock tag */
	margin-left: 10px; 
}
/* text boxes in parent questions */
.qdata input {
	width: 170px;
}
/* box the answers go in Yes/No radio button areas*/
.qdataradio {
	float: left;	
	/*width: 50px; */
	width: 70px;
	padding: 5px 5px 0px 5px;
/*	height:100%;	XXX */     /* set with style= on qblock tag */
	margin-left: 10px; 
}
.qdatatext {
	width: 155px;
}

/* used for 2-digit fields (months, days, years usually) */
.qdatasmallnum2 {
	width: 32px;
background-color:white;
}
.qdatasmallnum4 {
background-color:white;
	width: 50px;
}


/* general text inputs */
.qdatatinput {
/*	width: 170px; */
	width: 168px;
}

/* for personal info part */
.datarow {
	float: left;	
}


.ptext {
	float: left;	
	width: 250px;
	padding: 5px 5px 0px 5px;
	text-align: right;
/*	background: #8888CC; */
	clear:both;
	margin-top:5px;
}
/* box the answers go in */
.pdata {
	float: left;	
	width: 290px;
	padding: 5px 5px 0px 5px;
	margin-left: 10px; 
	margin-top: 3px; 
	text-align: left;
}
.pdata input {
	height: 16px;
}
#startmm {
	width: 25px;
}
#startdd {
	width: 25px;
}
#startyy {
	width: 40px;
}
#dobmm {
	width: 25px;
}
#dobdd {
	width: 25px;
}
#dobyy {
	width: 40px;
}


/* Added 7/21/17 - I9 List A */
#la2_wrap {
	background-color: #ABC8E8;
	float: left;
	padding: 10px 0 10px 0;
	margin-top: 10px;
}
#la3_wrap {
	float: left;
	padding: 10px 0 10px 0;
}



.secttitle {
	/* dividers for things like address 1, address 2,..*/
	float:left; 
	width: 552px; 
	background-color:#D2DCAD; 
	padding: 5px 10px 5px 10px;
	margin-top: 20px;
}

/* surrounding div that will get error messages */
.valmsg {
	display: inline;
/*	background:grey; */
}

/* style used for validation errors in DOM (defined in formval.js) */
.valwarn {
	display: inline;
}

/* style used for validation errors in DOM (defined in formval.js) */
.valerror {
	color: red;
/*	display: inline;        removed 10/19/16 - interfering with nested questions*/
	font-size: 14px;


/* added 10/19/16 */ 
text-align: right;				
margin-right: 15px;
float:right;

}
.valerrorradio {
	color: red;
	display: block;
	padding-top: 8px;
	font-size: 14px;
float: right;
padding-right: 20px;
}


/* styles for view/esign list of documents */

/* ---- Some may not be used anymore */
.dl_row {
	/* for multi-form list */
	/* attributes common to both row styles */
	clear:both;
	line-height: 28px;
/*	padding-left: 05px; */
	padding: 5px 0 5px 05px; 
	margin: 10px 0 0 10px;
	float:left;
}
.dl_row_8850 {
	/* for 8850_only 'view/viewed' row
	/* attributes common to both row styles */
	clear:both;
	line-height: 28px;
	padding-left: 05px;
}
.dl_row_0 {
	background-color: #ccffcc;
	clear:both;
	line-height: 28px;
	padding-left: 05px;
	
}
.dl_row_1 {
	clear:both;
	line-height: 28px;
	padding-left: 05px;
}
.dl_doc {
	/* document title */
	width: 500px;
	float: left;
	padding-left: 5px;
	line-height: 18px;
}
.dl_doc8850 {
	/* document title */
	width: 400px;
	float: left;
	padding-left: 5px;
}
.dl_docsteps {
	/* view/sign steps enclosed for margin mostly*/
/*
	padding-left: 50px;
	float: left;
	border: 1px solid black;
	width: 100%;
*/
}
.dl_view {
	padding-left: 50px;
	float: left;
	clear:both;
}
.dl_view8850 {
	width: 100px;
	float: left;
}
.dl_sign {
	/*width: 50px; */
	padding-left: 50px;
	float: left;
	clear:both;
}
/*

could be error to start class names with number
.8850sign {
	padding: 10px;
}
*/
.signblocktext {
	padding-left: 20px;
	margin: 10px 10px 10px 20px;

}
.signsectblock {
	margin: 10px; 
	background-color: green;

}
.signsteps {
	
/* logo dark green color: #718039 */
/*	background-color: #C2BE87; */
	background-color: #E8E4B1;
	padding: 3px;
	width: 300px;
	margin-top: 20px;
	
}

/* styles for document preview windows */

/* see  http://www.webmasterworld.com/css/3667045.htm */
/*    has fixes for IE 6 */

#pvfooter {
	padding-left: 30px;
	border-top:1px double #001100;	/* double bar divider */
	border-width: 5px;
	background-color: #E8E4B1;		/* yellow controls bg */

	height: 90px;

	font: 16px 'Verdana', Geneva, sans-serif;
	padding-top: 10px;
	width: 100%;
	position:fixed; left:0px; bottom:0px;
/*	text-align: center; */
/*	color: #888888;		/* disabled look */
/*	float: left; 	*/
} 
#pvfooter1 {
	color: #888888;		/* disabled look */
/*
	color: #E8E4B1;
*/
	float: left;
	padding-left: 10px;
}
#pvfooter2 {
	color: #000000;		/* non- disabled look */
	font-size:12px;
	float: left;
	padding-left: 20px;
}
#pvfooter_tmp_active {
	color: #000000;		/* non- disabled look */
	font-size:12px;
	float: left;
	padding-left: 10px;
position: relative;
font-size: 16px;
}
.pvfooter_jurat {

	/* original */
	padding: 10px; 
	margin: 5px; 
	border:1px 
	solid red; 
/* 	width: 600px; */
	width: 380px;


/*	12/31/13 */
	font-size:16px;
	float: left;
	background: #FFFFCC; 
}
.pvfooter_actions {
	float: left;
	width: 100px;
	margin: 5px; 
	padding: 20px 0 0 20px;
}
#pvfooter3 {
	color: #000000;		/* non- disabled look */
	font-size:12px;
	float: left;
	padding-left: 150px;
	width: 100px;


/*
	background: #FFFFCC; 
*/
}

/* document preview area */
#docdiv {
/*	height: 1000px; 		/* height of scroll window */
	overflow: auto;
/*	margin: 0 0 80px 40px; */
	margin: 0 0 150px 40px;
	min-height: 1000px;
}
.buttontable {
	float: left;
	top: -20px;
	left: 800px;
	padding: 0; 
	border-spacing: 0;
/*	

	background-color: #32D39F;
*/
	border-collapse: collapse;
}
.buttoncell {
	width: 40px;
	font-size: 9px;
/*
	border: 1px solid black;
*/
	text-align: center;
	vertical-align: top;
}
a.buttonlink:link {
    text-decoration: none;
}
a.buttonlink:visited {
    text-decoration: none;
}
.pvswapsection {
	/* style for area that is switched out (view/jurat/esign */
/*	
	background-color: #02D39F;
*/
	float: left;
	width: 500px;
	height: 80px; 
}
/* only one of these three should be active at any one time */
#pv_swap_preview {
	float: left;
}

#pv_swap_esign {
	float: left;
}
#pv_swap_done {
	float: left;
}



.pvswapjurat {
	float: left;
	width: 380px;
}
.pvswapesbutton {
	float: left;
	width: 80px;
	padding: 17px 0 0 20px;
}

.docbackground {
	/* background text overwritten by document when loaded */
	float: left;
	z-index: -1;
	position: absolute;
	top: 300px;
	left: 200px;
	padding: 30px;
	
    border: 2px solid #808000;
	font-size: 18px;
}



/* box the answers go in Yes/No radio button areas*/
.qdataradio_horiz {
	float: left;	
	/*width: 50px; */
	width: 180px;
	padding: 5px 5px 0px 5px;
/*	height:100%;	XXX */     /* set with style= on qblock tag */
	margin-left: 10px; 
/*	background-color: #02D39F; */
}

.qdataradio_horiz_child {
	float: left;	
	/*width: 50px; */
	width: 180px;
	padding: 0px 5px 0px 0px;
	margin-top: -10px; 
/*	background-color: #02D39F; */
}

.qdataradioyes {
	background-color: #B2D39F;
	width: 80px;
	float: left;	
	padding: 4px 4px 4px 4px;
	
	
	margin: 15px 1px 1px 1px;
}
.qdataradiono {
	
	width: 80px;
	background-color:  #D7A2AE;
	float: left;	
	padding: 4px;
	margin: 15px 1px 1px 1px;
}

.qdataradioam {
	width: 55px;
	float: left;	
	background-color: #E0C4B0;
	padding: 0 4px 9px 10px;
	margin: 1px 1px 1px 10px; 
	height: 10px;
vertical-align: top;

}
.qdataradio_ampm {
	float: left; 
	width:70px; 
	height: 40px;

}
.qdataradiopm {
	width: 55px;
	float: left;	
	background-color:  #9EA1C2;
	padding: 0 4px 9px 10px;
	margin: 1px 1px 1px 10px; 
	height: 10px;
}
.ampmadjust {
	position: relative;
	vertical-align: 10%; 
}



/* I-9 specific (move to new css file) */

/* for I9 specific pulldowns like uscis, counties, states,  */
.stdselect {
	width: 178px;
}