/* SEE mcm.css for color notes, palett links, etc */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0; 
	padding: 0; 
}

td {
        padding: 3px;
}

h1 {
	font-size: 20px;

}

a:link {
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}



.headerphotos {
	background-image: url(images/horiz_collage_2000_150.jpg);
	background-repeat: no-repeat;
	background-position: center;

}
.blackbar {
	background-color: #0D4637;
	text-align: right;

}
.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;

}
a.topmenu:link, a.topmenu:visited, a.topmenu.active  {
	text-decoration: none;
}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #009865;
	text-align: center;
}

a.topmenu:hover, a.topmenu:visited:hover {
	text-decoration: underline;
}
.whitedivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;

}
.header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009865;
	line-height: 22px;
}
.formbg {
	background-color: #E4E4E4;
}

.footerbg {
	background-color: #0D4637;
	text-align: center;

}
.footernav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 20px;


}
a.footernav:link, a.footernav:visited, a.footernav.active  {
	text-decoration: none;
}
a.footernav:hover, a.footernav:visited:hover {
	text-decoration: underline;
}
.footerline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	padding-right: 3px;
	padding-left: 3px;

}
.whitebg {
	background-color: #FFFFFF;
}
.bluebg {
	background-color: #0884A6;
}
.greenbg {
	background-color: #009865;
}
.graybg {
	background-color: #8B918F;
}
.maincontent {
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.quotebox {
	background-repeat: no-repeat;
	vertical-align: top;
	padding-left: 20px;
	background-color: #FFFFFF;




}
.quotestart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 50px;
	color: #8F9FB8;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(images/quotestart.gif);
	background-repeat: no-repeat;
	background-position:top left;
}
.quoteend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 50px;
	color: #8F9FB8;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(images/quoteend.gif);
	background-repeat: no-repeat;
	background-position:110px 0px;
}
.divider {
	width: 1px;
	background-image: url(images/dividerline.gif);
	background-repeat: repeat;

}
.quotetext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 60px;
	color: #8F9FB8;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
}
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D4637;
	line-height: 16px;
	text-align: right;
}
.formfieldequired {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	line-height: 16px;
	text-align: right;
}
.bodyrightalign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D4637;
	line-height: 18px;
	text-align: right;
}
.bodycentered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D4637;
	line-height: 18px;
	text-align: center;
}
.formfieldequiredleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	line-height: 16px;
	text-align: left;
}

#title {
	line-height: 38px;
}


/* Web header colors: 
 
gold text: c8b782
green background: 346a49
light behind black text b2c5b8

*/
/* */
/* */

#loginscreenbar {
	background-color: green; 
	height: 150px; width:800px;
}
#loginwelcome {
	margin: 5px;
	padding: 5px;
	width: 500px;
	background-color: white;
	float: left;
}
#loginwelcometitle {
	font-size: 20px;
}

/* for 'login incorrect' */
#lmes {
	font-size: 17px;
	color: red;
	margin: 10px;
	height: 15px;
}
#loginbox {
	margin-top: 50px;
	margin-left: 20px;
	padding: 5px 5px 25px 5px;
	text-align: right;
	/*background-color: #b2c5b8;*/
	background: #96BA81;
/*	width: 210px;*/
	width: 230px;
	float: right;
}
/* page content including login box */
#lcontent {
	margin: 20px;
	padding: 20px;
	border: 1px solid;
	width: 850px;
	height: 400px;
}
#ltextblock {
	/*width: 550px; */
	width: 530px;
	padding: 30px;
	float: left;
}

#controlpanel ul {
	margin: 10px 0 10px 40px;
}

/* member home */
#homeblock {
	margin-top: 80px;
	margin-left: 100px;
	/* background-color: #b2c5b8; */
	background: #96BA81;
	width: 700px;
	height: 200px;
	padding: 20px; 
}
#homeblock a:link {
    text-decoration: underline;
	font-size: 18px;
}
#homeblock a:visited {
    text-decoration: underline;
	font-size: 18px;
}
#mgrblock {
	margin-left: 100px; 
	margin-top: 10px; 
	width: 710px;
	padding: 15px;
	background-color: #C7D88A;
	line-height: 18px;
/*
	background-color: #D4DDB3;
	background-color: #C9DECB;
*/
}

#mgrblkintro {
	padding: 0 0 20px 20px;
	font-size: 14px;
}
.mgrtabtitle {
	font-size: 25px;
	line-height: 30px;
	clear: both;
}
.mgrtabblocks {
	/* just to indent sections to group what will be tabbed sections */
	float:left;
	margin-left: 30px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.mgrblkrow {
	float:left;
	margin-top: 3px; 
	margin-left: 00px;
/*	height: 25px; */
/*	border: 1px solid green;	/* ZZZ */
/*	height: 50px;		/* ZZZ */
	clear: both;		/* ZZZ */
}

.mgrblklabel {
	float:left;
	width: 120px;
}
.mgrblkdesc {
	float:left;
/*	outline: 1px solid black;	/* ZZZ */
	display: inline-block; 
	width: 500px;
/*	 XXX **/
/*
	height: 100%;
	word-wrap: normal;
	word-break: normal;

*/

}
/***********************/
#corpadminblock {
	margin-left: 100px; 
	margin-top: 10px; 
	width: 710px;
	height: 100px;
	padding: 15px;
	background-color: #D4DDB3;
	line-height: 18px;
/*
	background-color: #CFDF92;
	background-color: #DAE2BC;
	background-color: #F2F4B3;
*/
}
#sysadminblock {
	margin-left: 100px; 
	margin-top: 10px; 
	width: 710px;
	height: 100px;
	padding: 15px;
	background-color: #ECF2D8;
	line-height: 18px;
/*
	background-color: #e2c5b8;
*/
}
#mcmadminblock {
	margin-left: 100px; 
	margin-top: 10px; 
	width: 710px;
	padding: 15px;
	background-color: #E3EAC9;
	line-height: 18px;
/*
	height: 800px;		# in source
	background-color: #e2c5b8;
*/
}
.titlebar {
	font-size: 16px;
	margin-left: 10px; 
}

#manageloginsblock {
	margin-left: 100px; 
	margin-top: 10px; 
	background-color: #b2c5b8; 
	width: 700px;
	padding: 15px;
	float: left;
	height: 300px;
}
#manageloginslistblock {
/*
	margin-left: 80px; 
	margin-top: 10px; 
*/
	width: 700px;
	padding: 15px;
	float: left;
}
#m_corppulldown {
	line-height: 18px;
}
#m_copulldown {
	line-height: 18px;
	width: 330px;
}
#m_logincont {
	float: left;
	padding: 20px;
/*
	background-color: #e2c5b8; 
*/
}
.m_login {
	background-color: white; 
	padding: 5px;
	float: left;
	width: 300px;
	margin: 1px;
	
}
#editblock {
	clear: both;
	background-color: tan; 
	height: 100px;
	width: 650px;
	padding: 5px;
	margin-top: 10px;
	display: table;
}
.editrow {
	display: table-row;
}
.editcell {
	display: table-cell;
}
.editnotification {
	background-color: #CCCCCC;
}
/********************************************************************************/
/*   CSS for original scripts to have new public CSS and style
/********************************************************************************/

/* general purpose - for replacing tables in setup-forms */
.contentpanel {
	margin-left: 80px;
	margin-top: 80px;
	padding: 20px;
	width:80%;
	height:200px;
	background-color: #DDFFEE;
	text-align:center;

}

.panelleft {
	text-align:right;
	float: left;
	padding: 20px;
	width:30%;
}
.panelright {
	float:left;
	padding: 20px;
}


/* for server-side user entry errors */
.errorbox {
/*	background: #FFFFCC; pale yellow background */
	background: #FFCCCC; 
	width: 610px;
/*	font: 16px arial, hevetica, sans-serif;*/
	font: 16px 'Verdana', Geneva, sans-serif;
	margin:20px 20px 20px 150px;
	padding: 5px 5px 50px 5px; 
	border: solid 2px;
}

.errtitle {
	color:#346a49; 
/*	font: 24px Arial, hevetica, sans-serif;  */
	font: 24px 'Verdana', Geneva, sans-serif;
	font-weight: bold; 
	margin-left: 155px; 
	margin-top: 50px;
}
.errintro {
	border: solid 5px red;
	padding: 8px 15px 8px 15px;
}

/* <ul> class */
.errlist {
	margin: 50px 50px 50px 50px;
}


/* internal error page -style.errorpage()*/
.errorblock {
	background: #FFCCCC; 
	width: 610px;
/*	font: 16px arial, hevetica, sans-serif;*/
	font: 16px 'Verdana', Geneva, sans-serif;
	margin:20px 20px 20px 150px;
	padding: 5px 5px 50px 5px; 
	border: solid 2px;
}
/* for managers choosing forms to print */
/* each list of forms is one cell */
#formlistblock {
	display: table;
	clear: both;
/*	height: 100px; 
	padding: 5px;
	margin-top: 10px;
*/
}
.formlistrow {
	display: table-row;
}
.formlistcellradio {
	display: table-cell;
	padding-left: 10px;
	border-bottom: 1px solid;
}
.formlistcell {
	display: table-cell;
	padding-left: 20px;
}

/* text and link to print PDF forms  - larger */
.pdflinkarea {
	font-size: 20px;
	font-weight: bold;
	margin:100px 100px 10px 100px; 
	padding:10px; 
	background:#DDDDDD;
}



/* questiosn management */

#limtable {
	display: table;
/*	margin-left: 100px; 
	background-color:blue; */
}
.limrow {
/*
	height: 80px;
*/
	display: table-row;
}
.limcell {
	display: table-cell;
	padding-left: 10px;
	padding-bottom: 3px;
	width: 500px;
}


#qtable {
	display: table;
}
.qrow {
/*
	height: 80px;
*/
	display: table-row;
}
.qcell {
	display: table-cell;
	padding-left: 10px;
	padding-bottom: 10px;

}




/* Buttons */
.mainproc {
	/* main process buttons - large */
/*	height: 30px; 
	width: 100px;	*/
	height: 45px; 
/*	width: 120px;	/* eSign buttons too small for 'Firma Electr&#243;nica' */

	font-size: 18px;
}
.mainproc_sm {
	/* secondary process buttons - small - like for 'exit' buttons */
/*	height: 30px; 
	width: 100px;	*/
	height: 25px; 

/*	width: 80px;		/* eSign buttons too small for 'Firma Electr&#243;nica' */


	font-size: 14px;
}


/* diagnostic bar  - public side pages */
.diagbar {
	border: 1px solid green;
	width: 100%; 
height: 22px;
	/* 
	width: 800px;
*/

/*	background: #96BA81; */
	background: #EBF7E3;
}
.diagtitle {
	background: #455313;
	color: white;
	padding-left: 3px;
	padding-right: 5px;
	float: left;
}
.diaginfoleft {
	padding-left: 10px;
	float: left;
}
.diaginforight {
	float: right;
	padding-right: 30px;
}
.diaginforight a {
    color: #455313;
}

.databox {
    float:left; 
	margin-right: 7px;
}
.datalabel {
    background: #758343;    /* same as 'DIAG' */
    color: white; 
    float: left; 
    width: 100%; 
    height: 1.2em; 
    line-height: 1.2em; 
    padding-left: 5px;
}
.datadata {
/*    color: black;  */
color: #455313;
    float: left; 
    width: 100%;
    height: 1.2em; 
    line-height: 1.2em; 
    padding-left: 5px;
	text-align: center;
}
.datadata a {
    color: #455313;
}





/* view peep details  */
#attribblock {
	background-color: #CCFFCC; 
	margin-left: 150px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	width: 600px;
/*	width: 790px; */
}
#attribtable {
	display: table;
/*
	overflow: hidden;
	margin-top: 10px;
	border-spacing: 1px;
*/
}
.attribrow {
	display: table-row;
	font-family: Arial, Helvetica, sans-serif;
	height:10px;
}
.attribrowA {
	display: table-row;
	font-family: Arial, Helvetica, sans-serif;
	height:10px;
	background-color: #F8FFF8; 
}
.attribrowB {
	display: table-row;
	font-family: Arial, Helvetica, sans-serif;
	height:10px;
}


.attribtag {
	display: table-cell;
	padding: 3px;
/*	background-color: #DDFFDD; */
	font-weight:bold;
/*
	font-size:26px;
	background-color: white;
*/
}
.attribdesc {
	display: table-cell;
	padding-left: 10px;
	width: 500px;
	padding: 6px 20px 6px 10px;
}
.attribdescA {
	display: table-cell;
	padding-left: 10px;
	width: 500px;
	padding: 6px 0 6px 10px;
/*
	background-color: white;
*/
}
.attribdescB {
	/*background-color: #DDFFDD; */
	background-color: #F8FFF8; 
	display: table-cell;
/*	padding-left: 10px; */
	padding: 6px 0 6px 10px;
	width: 500px;
/*
	background-color: white;
*/
}
.attribval {
	display: table-cell;
/*	background-color: white;*/
	width: 150px;
}





/* management sections - activitylist */

#larea {
	width: 800px;
	padding: 20px;
margin-bottom: 20px;
}
.lrow {
	clear:both;
	border: 1px solid #CCCCCC;
	margin-top: 00px;
	padding: 15px;
	font-size: 16px;

	float: left;
	width: 100%;
/*	height: 50px; */
}
.coarea {
	float:left; 
	width: 350px; 
/*
	background:#FF00FF;
*/
}
.lcorp {
	float:left;
/*	width: 250px; */
	width: 100%;
/* removed 1/16/14
	background-color: #ebf7e3;
*/
}
.lco {
	float:left;
/*	width: 250px; */
	width: 100%;
}
.llogin {
	float:left;
	/*width: 90px;*/
	width: 100%;
/*	font-size: 24px; */
	font-size: 12px;
	padding-left: 20px;
	height: 20px;
}
.lname {
	float:left;
	width: 100%;
	font-size: 16px;
	padding-left: 20px;
}
.ldetail {
	float:left;
/*
	width: 90px;
	background-color: #ebf7e3;
*/
	font-size: 12px;
	padding-left: 20px;
	height: 20px;
}
.lhide {
	float: left;
	height: 100%;
/*	background-color: #9bf7e3; */
	width: 12px;
}
.lhide2 {
/*	background-color: #9bf7e3; */
	width: 12px;
	position: relative;
	top: 0;
	left: 0;
}
.lhideimg_img {
	padding-top: 30px;
}
.lerror {
	float:left;
/*	width: 250px; */
	color: red;
	border: red 1px solid;
	padding: 5px;
	width: 280px;		/* match div coded in script that wraps corp, company */
}

.userarea {
	float: left; 
	width:350px; 
/*	
	background:blue;
*/
}
/* activity area - rows of event activity under each login header */
.aarea {

	width: 100%;
	/* padding: 20px; */
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 10px 0 10px 0;
}
.actionarea {
	background-color: #2DDDDD;
	width: 100px;
}
.arow {
	clear:both;
	margin-top: 00px;
	padding: 10px;
	height: 15px;
	font-size: 16px;
}
.apeid {
	float:left;
	width: 50px;
	font-size: 9px;
}
.ats {
	float:left;
	width: 110px;
	font-size: 12px;
}
.aip {
	float:left;
	width: 90px;
	font-size: 10px;
}
.aevent {
	float:left;
	width: 120px;
}
.aform {
	float:left;
	width: 90px;
}
.genblock {
	float:left;
	background-color: #DDDDDD;
	padding: 3px 10px 3px 10px;
	margin: 2px 5px 2px 5px;
	width: 230px;

}
.evtblk {
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
}

/* language options on login page */
.langoptwrap {
	/* wrapper around all language links */
	padding-top: 50px;
	font-size: 16px;
	color: blue; 
}
a.langopt:link {
    text-decoration: none;
	padding-right: 5px;
/*	color: #319c00;		/* actual Mexico flag color */
	color: #216500;		/* dark version of Mexico flag color */

}
a.langopt:visited {
    text-decoration: none;
	padding-right: 5px;
/*	color: #319c00;		/* actual Mexico flag color */
	color: #216500;		/* dark version of Mexico flag color */
}
a.langopt:hover {
    text-decoration: underline;
	padding-right: 5px;
	color: #319c00;		/* actual Mexico flag color */
}
.leftwrapper {
	float: left;
	width: 550px;
/*
	background-color: #32c5b8;
*/
}
.rightwrapper {
	float: left;
	width: 210px;
/*
	background-color: #32c508;
*/
	background-color: #B3C085;
	padding: 10px 10px 10px 30px;
}
.querycontrols {
	border: 2px solid #B3C085;		/* color match rightwrapper */
	padding: 5px 5px 5px 5px; 
	margin-right: 10px;
height: 50px;
}
.querycontrols2 {
		/* for activitylist2 */
    border: 2px solid #B3C085;      /* color match rightwrapper */
    padding: 5px 5px 5px 5px;
    margin-right: 10px;
	height: 95px;
}

.querycontrols2 input[type="checkbox"] {
	/* fix vertical alignment of checkboxes/text */
    vertical-align: top;
    width: 10px;
}
.sectiontitle {
	clear:both; 
/*	padding-left: 10px; */
	padding: 10px 0 0 10px;

}
.responsearea {
	display: none;
	padding-left: 10px;
	background: #BD8391;
}
.reqlink {
	text-decoration: underline;
}
.viewlink {
	/* href class */
	border: 1px solid #718039;		/* logo green */
	background-color: #b2c5b8;
	font-size: 8px;
	padding: 1px 3px 1px 3px;
}


#inviteblock {
	width: 700px; 
	margin: 80px 100px 100px 100px;
	padding-bottom: 50px;
	border: 1px solid #777777;
	float:left;
}

.invitetext H1 {
	line-height: 30px;
}
.invitetext {
	padding: 20px;
	line-height: 20px;
	font-size: 14px;
	clear:both;
}
#invitedcertchk {
	float:left;
	height: 50px;
	width: 20px;
}

.invitedata {
	width: 500px;
	padding-left: 100px;
	/*height: 200px;*/
/*    background-color:#FFFFCC;*/

/*

	height: 300px;
*/
}
.invitedfield {
	float:left;
	display: block;
/*	font-family: courier, sans-serif;   - for Forms pulldown (experimental)*/
	padding-top: 10px;
	font-size: 18px;
}
/* invite forms */
#inviteforms {
/*	height: 20px;*/
	width: 330px;
}
.invitesubmit {
	float:left;
	width: 100%;
	padding-top: 30px;
/*	padding-left: 250px; 
	width: 300px; */
	text-align:center;
}
.invitesubmitinstr {
	float:left;
	width: 620px;
	padding: 30px 20px 0 40px;
}
#invitesubmitbtn {
	height: 45px; 
	font-size: 18px;
}

/* added 5/6/17 */
.reinvitesubmit {
	float:left;
	padding: 00px 10px 0 10px;
	margin-left: 20px;
	text-align:center;
}

.bigbuttons {
	height: 45px; 
	font-size: 18px;
}

.invitelabel {
	width: 120px;
	height: 25px;
	display: block;
	float:left;
	padding: 12px 10px 0 10px;
	clear:both;
	font-size: 18px;
}
.invitelabel2 {
	background-color: green;
	font-size: 24px;
/*
	float:right;
display: inline;
	margin-left: -15px;
	margin-top: 12px;
*/
	width: 15px;
}
.invitelogintext {
	float: left;
	width: 600px;
}
.invitelogininfo {
	margin: 30px 0 30px 0;
	padding-left: 80px;
	width: 500px;
	float: left;

}
.inviteemailpreview {

	border: 1px solid #777777;
	margin: 0 20px 0 20px;
	padding: 20px;
float: left;
/*
	height: 300px;
*/
}

.inviteemailpreviewscrl {

	border: 1px solid #777777;
	margin: 0 20px 0 20px;
	padding: 20px;
	float: left;
	height: 300px;
	width: 600px;
	overflow-y: scroll;
}


#inviteemailchkoutln {
	width: 100%;
	float:left;
	margin: 20px 0 10px -40px;
	height: 50px;
}
#inviteemailchk {
	float:left;
	height: 50px;
	width: 20px;
}
#inviteemailchk input {
	width: 25px;
	height: 25px;
}
#invitecertchk {
	float:left;
	height: 60px;
	width: 40px;
	padding-top: 3px;
/*
    border:solid 1px blue;
padding: 0 0 50px 0;
	background-color: blue;
padding: 30px;
	width: 20px;
*/
}



#invitesmschkoutln {
	width: 100%;
	float:left;
	margin: 20px 0 10px -40px;
	height: 50px;
}
#invitesmschk {
	float:left;
	height: 50px;
	width: 20px;
}
#invitesmschk input {
	width: 25px;
	height: 25px;
}




#invitecerttext {
	float:left;
	width: 580px;
/*
border:solid 1px red;
margin-left: 20px;
*/
}
#invite_showemail {
	/* checkbox tag */
	width: 30px;
	height: 30px;
	margin: 5px 0 0 0;
	
}
#inviteemaildescr {
	float:left;
	width: 440px;
	padding-left: 30px;
    font-size:12pt;
}

#invitesmsdescr {
	float:left;
	width: 440px;
	padding-left: 30px;
	font-size:12pt;
}
	
#inviteslide {
	width: 100%;
	padding: 5px 0px 5px 5px; 
	clear: both;
	display: none;		/* hide */
}

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


#invitecertify {
	/* I certify I am.... checkbox */


/*
	padding: 50px 00px 50px 50px; 
*/
	
}




.lfields {
	width: 125px;
    height:25px;
    font-size:12pt;
    font-weight: bold;
    border:solid 1px #999;
    margin-right:10px;
}
.loginbutton {
    background-color:#455313;
    color:#C2BE87;
    font-size:12px;
    border:none;
    border-width:0px;
    width:160px;
    margin-right:10px;
    margin-top:10px;
	height: 20px;
}

.esigreporthead {
    color:#000080;
}

.textblockdbg {
	/* this feature  */
	color: #550000;
}

.textblockdbgtag {
	/* if .textblockdbg is set, tag names will be in this style*/
	color: #000000;
	font-size:12px;
	background-color:#5FC0E0;
	padding: 0 5px 0 5px;
	font-weight: normal;
}

.inviteentry {
	width: 180px;
	
}
.inviteentryemail {
	width: 300px;
}
.inviteentryloc {
	width: 330px;
}
.inviteentrylocopt {
	width: 330px;
}

/* employee listing */

.estitle {
	line-height: 2.3em;
	margin-left: 15px;
	margin-top: 5px;
	color: white;
	font-size: 25px;
}
.esloctitle {
/*	border: 1px solid black; */
	background-color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	padding: 10px 0 10px 10px;
	margin: 10px 5px 10px 5px;
	clear:both;
}

/* text under corp name */
.escorpdesc {
	border: 1px solid tan;
	padding: 10px 0 10px 10px;
	margin: 10px 0 10px 20px;
	width: 80%;
}

/* box enclosing each control box and company list */
.esrtside {
/*
	width: 805px;
*/
	width: 819px;
	float: left;
}
.esemplist {
/*	margin-left: 20px; */
	margin: 20px 0 0 5px;
	background-color: #808000;
	float: left;
	font-weight: bold;
/*	width: 950px;*/
	width: 100%;
}
.esemplistctlbox {
	
	background-color: #FFFFFF;
	width: 100px;
	height: 250px;
	float: left;
	margin: 73px 3px 10px 3px;
	
	padding: 10px 10px 30px 15px;
/*
	margin: 50px 10px 10px 10px;
*/
}
.esemplistctlbox a:link {
    text-decoration: none;
}
.esemplistctlbox a:visited {
    text-decoration: none;
}
.esemplistinner {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.8em;
	display: block;
	margin: 10px;
	width: 380px;
	color: black;
	clear:both;
}

.eslmlistinner {
	
	float: left;
	font-weight: normal;
	font-size: 14px;
	

	margin: 0px 0 5px 0;
/*
	background-color: #FFFFFF;
	line-height: 1.8em;
	display: block;
	margin: 10px;
	width: 380px;
	color: black;
	clear:both;
*/
}

/* far right panel for ajax */
#eslmdetail {

	width: 255px;
	float: left;
	background-color: #FFFFFF;
	height: 330px;
	padding: 10px 0 0 10px;
	margin-left: 1px;
	
/*
	margin: 0 0 0 3px;
	display: block;
	color: black;
	margin: 30px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	height: 100%;
	float: left;
*/
}
/* controls space before icons - login data is in table*/
#eslmdetail table {
	padding-bottom: 20px;
}
.esemplistcolhead {
	/* column head area */
	color: white;
/*	font-size: 20px; */
	font-size: 16px;
	padding: 10px 0 5px 0;
	height: 30px;
/*
	float: left;
*/
}

.esemplistcolhead2 {
	background-color: #C0C000;
	color: black;
	height: 15px; 
	margin-top: 10px;
	padding: 10px 0 10px 20px;
	font-weight: normal;
	width: 797px;
	clear:both;
	float: left;
}
/* darker background, white text */
.esemplistcolhead3 {
	background-color: #808000;
	width: 797px;
	height: 25px; 
	color: white;
	margin-top: 5px;
	clear:both;
	float: left;
	font-size: 14px;
}
.esemplistcolheaditem {
	float: left;
}
.esemprow {
	clear:both;
	height: 35px;
	
	float: left;
	background-color: #FFFFFF;
	width: 780px;
/*
	border: 1px solid #CCCCCC;
	margin-top: 00px;
	padding: 10px;
	font-size: 16px;
*/
}
.eslmlist {
	background-color: #FFFFFF;
	float: left;
	/*min-height: 300px; */
	min-height: 100px; 
}
.eslmrow {
	width: 550px; 
	height: 35px;
	border-bottom: #808000 1px solid;
	clear:both;

/*
-- this breaks <span onclick>....
	float: left;
*/



/*
	float: left;
	width: 480px; 
*/
}
.qrow_eslmrow {
/*
	width: 550px; 
	height: 35px;
	border-bottom: #808000 1px solid;
*/
	display: table-row;
	background-color:white;
	color: black;
	font-size: 11px;
width: 900px;
}

.eslmr0 {
	float: left;
	width: 100%;
}
.eslm_co {
	float:left;
	width: 150px;
	font-size: 9px;
/*	color: #CCCCCC;*/
}
.eslm_created {
	float:left;
	width: 70px;
/*	font-size: 9px; */
}
.eslmr1 {
	clear:both;
	padding-left: 20px;
	text-align: left;
	float: left;
	width: 100%;
}

.eslmemp_icons {
	margin-left: 70px;
	float: left;
}
.eslm_icons {
	margin-left:  30px;
	float: left;
}

/* headings */
.esemphname {
	float: left;
	margin-left: 10px;
	width: 140px;
}
.esemphlogin {
	float: left;
	margin-left: 10px;
	width: 140px;
}
.esemphstatus {
	float: left;
	margin-left: 10px;
	width: 80px;
}
.esemphcreated {
	float: left;
/*
	margin-left: 10px;
	width: 200px;
*/
}


.esempname {
	float: left;
/*	width: 220px; */
	margin-left: 10px;
	width: 200px;		/* added for p=employeestatus;v=formstats */
	font-weight:bold;
}
.esemptype {
	float: left;
	width: 140px;

	font-size: 9px;
	color: #BBBBBB;
}
.esemplogin {
	float: left;
	width: 150px;
}
.eslmep {
	float: left;
	width: 150px;
}
.esemppass {
	float: left;
	width: 120px;
}
/* status - could be #days, 'expired' or 'signed' too */
.esemptmp {
	float: left;
	width: 80px;
}
.esempcreate {
	float: left;
	width: 70px;
}
.esempnumber {
	float: left;
	width: 80px;
}

/* headings - login mgmt*/
.eslmemphname {
	float: left;
	margin-left: 10px;
	width: 150px;
}
.eslmemphlogin {
	float: left;
	margin-left: 10px;
	width: 140px;
}
.eslmemphcreated {
	float: left;
	margin-left: 10px;
/*
	width: 140px;
*/
}


/* headings - custom reports */
.escremphloc {
	float: left;
	margin-left: 10px;
	width: 140px;
}
.escremphlogin {
	float: left;
	margin-left: 10px;
	width: 82px;
}
.escremphname {
	float: left;
	margin-left: 10px;
	width: 277px;
}
.escremphcreated {
	float: left;
	margin-left: 10px;
	width: 60px;
}
.escremphssn {
	float: left;
	margin-left: 10px;
	width: 150px;
}
.esll_corp {
	float:left;
	width: 100%;
	font-size: 9px;
	color: #FFFFFF;
/*	background-color:#346a49; */
	background-color:#b2c5b8;
	padding-left: 5px;
	box-sizing: border-box;

}
.esll_co {
	float:left;
	width: 200px;
	font-size: 9px;
	padding-left: 30px;
/*	color: #CCCCCC;*/
}
.esll_stat {
	float:left;
	width: 50px;
	font-size: 9px;
/*	color: #CCCCCC;*/
}

/* for exit/accept/next type buttons */

.b1 {
    width: 100%;
    padding: 40px 0 30px 0;
}
.b2 {
	margin-left: 20px;
    float:left;
}
.b3 {
    text-align: center;
	margin-right: 20px;		/* match offset created by b2(exit) */
}       


/* for <span onclick...> - not href */
.editicon {
/*	cursor: hand;  */
	cursor:pointer;
	margin-right: 60px;
}
.editloginicon {
/*	cursor: hand;*/
	cursor:pointer;
	margin: 0 10px 0 10px;
}
.newicon {
/*	cursor: hand;*/
	cursor: pointer;
}

.spanlink {
/*	cursor: hand; */
	cursor:pointer;
	float: left;
	padding-right: 5px;
/*	width: 180px; */
	width: 150px;

}

/* sub header with 
''download spreadsheet version'... */
.crsubhead {
	font-size: 11px;
	margin-top: 10px;
}

/* doesn't work because span isn't <a ...>
a:hover .spanlink{
    text-decoration: underline;            
}
*/

/* text entry boxes for name/login/pass */
.lmentries {
	width: 170px;
}

/* control buttons styles */
.cbs  {
	height: 20px;
	font-size: 10px;
}

/* pagination bar (First Prev 1234 Next Last) */
.pagbar {
/*	padding: 30px 0 10px 5px; */
	padding: 10px 0 10px 5px;
/*	min-width: 530px; */
	width: 99%;  
	float: left;
	clear: both;
	font-size: 12px;
	font-weight: normal;
	color: black;
	background-color: #CCCCCC;
}
.lmpagdesc {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}
/* 'no records found' message block */
.esnorec {
	padding: 50px 50px 192px 50px;
	background-color: white;
	color: red;
	width: 723px;
	text-align: center;
}
.eslmnorec {
	padding: 50px 50px 300px 50px;
	background-color: white;
	color: red;
	width: 452px;
	text-align: center;
}
#editcopane1 {
	float: left;
	width: 300px;
}
#editcopane2 {
	float: left;
	width: 300px;
	padding-left: 30px;

}
#setup {		/* setup options for new corp */
	padding: 20px;
	background-color: white;
	float: left;
	width: 90%;
	margin-top: 20px;
}
#setup li {
	list-style-type: none;      /* no bullets */
}
.setup_block {
	float: left; 
	width: 270px;
/*	border: 1px solid black;*/
	padding: 5px;
	margin: 5px;
}

/* positioning of this one changed dynamically */
.txblock {
    width: 180px;
    position: absolute;
    top: 200px;
    left: 760px;
/*    border: 2px solid black;*/
    padding: 5px;
/*    height: 500px; */
}





/* invite - entry fields validation */
#inv_inf_first {
	float: left;

	padding: 12px 0px 0 10px;
	display: block;
/*
	width: 120px;
	height: 25px;
	clear:both;
*/
}
#inv_inf_last {
	padding: 12px 0px 0 10px;
	float: left;
}
#inv_inf_email {
	float: left;
}
#inv_inf_loc {
	clear: both;
	float: left;
	padding-left: 140px;
	width: 400px;

}
#inv_inf_wage {
	clear: both;
	float: left;
	padding-left: 140px;
	width: 400px;
}


.tlang_err {
	/* could be inside a float div or not.... */
	display: inline;
	margin: 10px;
	padding: 5px;
	border: 1px solid red;
}
.optoutbuttons {
	width: 600px;
	height: 50px;
	text-align: center;
	padding: 30px 0 30px 0;
}

/* for digit fields */
.entry_2 { width: 20px; /* size:2; */ padding: 0 2px 0 2px;}
.entry_3 { width: 30px; /* size:3; */ padding: 0 2px 0 2px;}
.entry_4 { width: 40px; /* size:4; */ padding: 0 2px 0 2px;}


.submitcompletearea {
	width: 650px;
	margin: 50px 0 0 100px;
/*
	padding: 60px 80px 0 80px;
	height: 300px;
*/
	border: 1px solid;
	text-align: center;
/*
    background-color: #808000;
*/
	font-size: 20px;
	
/*
	margin: 20px;
	padding: 20px;
*/
	margin-bottom: 50px;
}
.submitcompleteareatxt {
	margin: 30px 0 0 100px;
	text-align: left;
	width: 450px;
	line-height: 25px;
	font-size: 14px;
	font-weight: normal;

}
.submitcompleteareatxt p {
	padding-top: 20px;
	line-height: 16px;
}

.submitcompletebuttonarea {
	text-align: center;
	margin-top: 50px;
}
.submitcompleteredirarea {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}


/* checkboxes */

.mcmcheckbox {
/*
	width: 25px;
	margin: 20px 100px;
*/
	position: relative;
background-color: #444444;
}

/**
 * Create the box for the checkbox
 */
.mcmcheckbox label {
	cursor: pointer;
	position: absolute;
/*
	width: 25px;
	height: 25px;
	background: #eee;
	background: white;



	background: #FFC;
*/
	background: yellow;		/* changed 3/31/15 */
	width: 35px;
	height: 35px;
	top: 0;
  	left: 0;
/*	border:3px solid #ddd; */
	border:3px solid #000;
}

/**
 * Display the tick inside the checkbox
 */
.mcmcheckbox label:after {
/*
	opacity: 0.2;
*/
	opacity: 0.1;
	content: '';
	position: absolute;
	background: transparent;
/*
	width: 9px;
	height: 5px;
	top: 6px;
*/
	top: 8px;
    width: 14px;
    height: 8px;

	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.mcmcheckbox label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.mcmcheckbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}



#readunderstand {
	/* checkbox tag */
	width: 30px;
	height: 30px;
	margin: 5px 0 0 0;
}




/* added 3/23/18 for downloadreports */
.dnlrpt_grouptitle {
	height: 50px;
	width: 850px;
	padding-left: 20px;
	padding-top: 20px;
	margin: 40px 0 10px 60px;
	border: 1px solid;
	background-color: #CCCCCC;
	float:left;
}

.dnlrpt_docbloc {
	background-color: #CCCCCC;
	margin-left: 40px;
	margin-top: 10px;
	width: 300px;
	padding: 7px 0 7px 10px;
}


/* login management */
.sa {
    margin-top: 5px;
}
.sb {
    height: 18px;
    font-size: 12px;
    border: 0;
    margin: 0 5px 0 5px;
}