/* Web header colors: 

/* new 2012 logo  SEE http://mcms4/docs/stylereference/index.html for current color scheme info

Logo color: #718039
just basic color loaded (default settings):   http://colorschemedesigner.com/#2b41ThLgNw0w0
Mexico flag green (for Espanol link):  #319c00 (http://www.mapsofworld.com/flags/mexico-flag.html)
 
gold text: c8b782
green background: 346a49 -- old dark kelly green
light behind black text b2c5b8

*/

body {
}

form {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.menumain {
	clear: both;
/*	    background: #919278; */
/*    position: relative; */
    border: 0 solid blue;
	width: 900px;

/*	margin: 40px 0 40px 0;*/
	/*background-color: white;  */
/*	background-color: #C4FFBF;*/
	padding-top: 40px ;

}
.menublock {
	float: left;
	border-style:solid;
	border-color:#114422;
	margin:3px;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 200px;

	/*margin: 40px 0 40px 0;*/
}
.menublock ul {
	padding-left: 10px;
	list-style: none;
}
.menublock li {
	line-height: 23px;
}   

.menutitle {
	font-size:25px;
	background-color: #C7A27B;
}
/* for tables that are essentially the whole content area */
.contenttable {
	/* generally keep the background color the same as the page one
		so the 'whole content' table doesn't draw attention to itself */
	background-color: #DDD;
}


#loginscreenbar {
	background-color: green; 
	height: 150px; width:800px;
}
#loginwelcome {
	margin: 5px;
	padding: 5px;
	width: 500px;
	background-color: white;
	float: left;
}
#loginwelcometitle {
	font-size: 20px;
}
#loginbox {
	margin-top: 10px;
	margin-left: 20px;
	padding: 5px;
	text-align: right;
	background-color: #b2c5b8;
	width: 200px;
	float: left;
}

a.nav:link {
	color:#000; 
	text-decoration: none;
}
a.nav:visited {
	color: #000;
	text-decoration: none;
}
a.nav:hover {
    text-decoration: underline;
}

.navbarbg {
	background-color: #346a49;
	width:800px;
	height: 30px;
	clear: both;
}
.navbar {
	height: 15px;
	padding: 5px;	/* let background border show */
/*
	background-color: white;
	margin: 5px;
	clear: both;
*/
}
.navlink {
	/* menu item containers */
/*	overflow: auto;     /* to make bg color show through */
	/*     top right bottom left */
	margin: 3px 5px 5px 18px;	/* let background show through */
	float: left;
	height: 100%;
	font: 12px arial, hevetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color: #c8b782;
/*
	height: 30px;
*/
}

/**************************************/
/* common */
/**************************************/

.headoutline {
	clear:both;
	margin-top: 10px;
	padding: 10px;
	width: 800px;
}

.clientblock {
	border: 1px solid black;
	padding: 5px;
	width: 300px;
	float: left;
}
.clienttitle {
	font: 24px arial, hevetica, sans-serif;
	font-weight:bold;
	padding-bottom: 5px;
}
.clientaddr {
	padding-left: 10px;
	background-color: #FFFFFF;
}
.clientcont {
	padding-left: 10px;
	background-color: #CCCCCC;
}

.mcmtitleblock {
	float: right;
	padding: 5px;
	background-color: white;
}
.mcmaddr {
	background-color: #FFFFFF;
	font: 12px arial, hevetica, sans-serif;
	padding-left: 135px;
}
.mcmcont {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-left: 135px;
	font: 12px arial, hevetica, sans-serif;
}

/**************************************/
/* payroll request */
/**************************************/

.proutline {
	overflow: hidden;
	background-color: #555555;
	display: table;
	clear:both;
	margin-top: 10px;
	border-spacing: 1px;
}
.prspaceblock {
	height: 20px;
	clear:both;
}
.prlocblock {
	height: 60px;
	width: 820px;
	clear:both;

	border:solid 1px #999; 
}
.prlocname {
	float: left; 
	padding-left: 10px;
	padding-top: 20px;
	font-weight:bold;
/*
	background-color: blue;
	padding-top: 10px;
	height: 80px;
*/
}
.prlocnumber {
	float: right; 
	width: 120px;
	padding-top: 20px;
	padding-right: 20px;
	text-align:center;
	font-weight:bold;
/*	
	background-color: green;
	padding-top: 10px;
	height: 90px;
*/
}

.prheadrow {
	height: 80px;
	width: 900px;
	display: table-row;


}
.prrow {
	height: 80px;
	width: 900px;
	background-color: #CCFFCC; 
	display: table-row;
}


.prapplicanthead {
	padding-top: 25px;
	width: 190px;
	height: 100%;
	background-color: white;
	display: table-cell;
	padding-left: 3px;
}
.prapplicant {
	height: 50px;
	width: 190px;
	font-size:13px;
	background-color: white;
/*	margin: 5px; */
	display: table-cell;
	vertical-align:middle;
	padding-left: 3px;
	position:relative;
}
.prnewhead {
	height: 100%;
	width: 30px;
	padding-top: 25px;
	margin-left:2px;
	background-color: white;
	display: table-cell;
	text-align: center;
}
.prnew {
	height: 50px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
	text-align: center;
}
.prssnhead {
	width: 80px;
	text-align: center;
	height: 100%;
	padding-top: 25px;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prssn {
	height: 50px;
	width: 80px;
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
	text-align: center;
}

.prstarthead {
	width: 75px;
	padding-right:10px;
	text-align: center;
	padding-top: 25px;
	height: 100%;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prstart {
	height: 50px;
	width: 75px;
	padding-right:10px;
	text-align: right;
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
}
.prtimeperiodhead {
	width: 160px;
	text-align: center;
	padding-right:10px;
	padding-top: 25px;
	height: 100%;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
/* block of time periods */
.prtimeperiod {
	width: 160px;
	text-align: center;
	padding-right:10px;
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
	
}
/* each time period row */
.prtimeperiodrow {
}
.prhourshead {
	width: 75px;
	text-align: center;
	padding-right:5px;
	padding-top: 25px;
	height: 100%;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prhoursheadpreview {
	width: 40px;
	text-align: center;
	padding-right:5px;
	padding-top: 25px;
	height: 100%;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prhours {
	height: 50px;
	text-align: center;
	padding-right:10px;
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
}
.prwageshead {
	width: 75px;
	text-align: center;
	padding-right:10px;
	height: 100%;
	padding-top: 25px;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prwagesheadpreview {
	width: 40px;
	text-align: center;
	padding-right:10px;
	height: 100%;
	padding-top: 25px;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prwages {
	height: 50px;
	width: 75px;
	text-align: center;
/*	padding-right:10px; */
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
}
.prsubtoheadpreview {
	width: 40px;
	text-align: center;
	padding-right:5px;
	padding-top: 25px;
	height: 100%;
	background-color: white;
	margin-left:2px;
	display: table-cell;
}
.prsubtot {
	height: 50px;
	font-size:13px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
	text-align: right;
	padding-right:5px;
}
.prtermedhead {
	width: 65px;
	text-align: center;
	height: 100%;
	padding-top: 15px;
	background-color: white;
	padding-bottom:10px;
	display: table-cell;
	padding-right:10px;
	margin-left:2px;
}
.prtermedheadpreview {
	width: 30px;
	text-align: center;
	height: 100%;
	padding-top: 15px;
	background-color: white;
	padding-bottom:10px;
	display: table-cell;
	padding-right:10px;
	margin-left:2px;
}
.prtermed {
	text-align: center;
	padding-right:10px;
	display: table-cell;
	vertical-align:middle;
	background-color: white;
}
.prinputhours {
	border:solid 1px #999; 
	width:40px;
	margin-top:-1px;
	text-align:right;
}
.prinputwages {
	border:solid 1px #999; 
	width:55px;
	margin-top:-1px;
	text-align:right;
}
.prsubmitblock {
	clear:both; 
	height:30px; 
	background-color: white;
	padding-top: 5px;
	margin-left: 563px;
	width: 250px;
	text-align: center;
/*
	width: 140px;
	padding: 5px 0 0 700px;
	width: 100px;
	float: right;
	text-align:right; 
	padding-right:200px;
*/
}
.thanksblock {
	margin: 100px;
	padding: 100px;
	text-align: center;
	background-color: white;
}



/* for private side only - move to mcc_priv.css? */
#attribblock {
	background-color: #CCFFCC; 
/*	margin-left: 15px;
	padding: 10px; */
	padding-left: 10px;
	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 0 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;
}


/* styles for old style tables taken from original code */

/* 
light green
	background-color: #CCFFCC; 
almost white 
	background-color: #F8FFF8; 
*/

.colorsect {
	background-color: #CCFFCC; 
}

/* if dbginfo checkbox is set, extra debug info uses these classes */
.dbginfo {
	/* outline of corp/company data items */
	background-color:#FFCCCC; 
	border:solid 2px #FF0000; 
	padding: 10px;
	width: 800px;
	float:left;
}
.dbginfoheadtags {
	/* data item names for corp/company */
	float:left;
	width: 200px;
}
.dbginfoheaddata {
	/* data  for corp/company */
	float:left;
	width: 550px;
}
.dbginfodetail {
	/* data for each peep row */
	background-color:#FFCCCC;
	border:solid 2px #FF0000;
	font-size: 10px;
}

/* used in payrollCreate for extra dbg data */
.dbginfotext {
	color: #FF8000;
}
.dbgolddates {
	color: #008800;
}
/* for new development on home page/peeps search */

.peepsearch {
	width: 800px;
	float: left;
	background-color: #eeffee;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-left: 10px;
}
.peepsecttitle {
	float:left; 
	background-color:#F2D1AD; 
	width: 700px;
}
.peepsearchtitle {
	float: left;
	width: 130px;
	padding: 10px;
}
.peepsearcharea {
	float: left;
	height: 60px;
}
.peepsearcharea select {
	font-size: 14px;
	margin:0 0 0 3px;
	padding:0 3px 3px 0px;
	height: 22px;
	width: 154px;
}
.searchsect {
	width: 160px;
	height: 50px;
	float: left;
	padding: 5px;
}
.searchbuttonsect {
	float: left;
	height: 40px;
	padding: 15px 10px 0px 10px;
}
.searchpulldown {
	width: 160px;
	border: solid 1px black;
	padding: 5px;
	height: 25px;
}
.searchtext {
	width: 155px;
	border: solid 0px; 
	height: 20px;
	margin-left: 2px;
	border: solid 1px black;
}



/* diagnostic bar  - private side pages */
.diagbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid green;
/*	width: 100%;  */
	width: 800px;

/*	background: #96BA81; */
	background: #EBF7E3;
height: 22px;
}
.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;
}

.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; 
    float: left; 
    width: 100%;
    height: 1.2em; 
    line-height: 1.2em; 
    padding-left: 5px;
	text-align: center;
}

/* new peeps report */
.nparea {
	margin: 10px 0 10px 20px;
	float: left;
	width: 950px;
}

.npheadrow {
	float:left;
	clear: both;		/* temp */
/*	width: 850px; */
	width: 100%;
	border: 1px solid #718039;
	margin-top:20px;
}

.nph_co {
	float:left;
	width: 300px;
	font-size: 10px;
	margin-left: 3px;
}
.nph_name {
	float:left;
	width: 180px;
}
.nph_create {
	float:left;
	width: 70px;
}
.nph_qual {
	float:left;
	width: 100px;
}
.nph_actions {
	float:left;
	width: 150px;
}
.nph_batch {
	float:left;
	width: 70px;
	padding-left: 10px;
}
.nph_download {
	float:left;
	width: 100px;
}

.nph_q {
	float:left;
	width: 20px;
}


.npp0 {
	background-color: #F4FFF4;
	float:left;
	clear: both;		/* temp */
/*	height: 25px; */
	padding-top: 5px;
}
.npp1 {
	/* background-color: #CCFFCC;  */
	background-color: #DDFFDD; 
	float:left;
	clear: both;		/* temp */
	padding-top: 5px;
}
.nprow {
	float:left;
	clear: both;		/* temp */
	 width: 950px; 
	 padding: 3px 0 3px 0;
}
.np_icon {
	float:left;
	width: 20px;
}
.np_name {
	float:left;
	width: 175px;
	font-size: 10px;
	padding-left: 5px;
}
.np_create {
	float:left;
	width: 70px;
}
.np_co {
	float:left;
	width: 300px;
	font-size: 10px;
	margin-left: 3px;
}
.np_qual {
	float:left;
	width: 100px;
	line-height: 12px;
	font-size: 12px;
}
.np_q {
	float:left;
	width: 12px;
	margin-right: 3px;
	padding-left: 3px;
}

.np_q_y {
	background-color: #99FF99; 
}
.np_q_n {
	background-color: #CCAAAA; 
}
.np_download {
	line-height: 12px;
	font-size: 9px;
	float:left;
	width: 90px;
}

.np_checkbox {
	margin-top:3px;
	float: left;
	background-color: blue;
}

/* this is used to take up space of normal data if duplicate 8850s */
.np_dup {
	float: left;
	width: 700px;
	height: 10px;
	font-size: 9px;
	padding-left: 30px;
	color: #CCCCCC;
}



/* for submit buttons on edit peeps (for example) */
.contbutton {
    /* main process buttons - large */
    height: 45px;
    font-size: 18px;
}
.exitbutton {
    /* secondary process buttons - small - like for 'exit' buttons */
    height: 25px;
    font-size: 14px;
}

.np_formchk {
	float:left;

	width: 120px;
	font-size: 9px;

/* if chekboxes stacked */
/*
	width: 50px;
	 height: 50px;
	padding-left: 5px;
	line-height: 10px;
*/
}

/* each individual checkbox/label */
.np_formchkset {
	float: left;
	padding-left: 5px;
}
/* just the checkbox */
.np_formchk input {
	vertical-align: text-bottom;	/* align checkboxes & text */
	padding: 0 0 0 0;
	margin: 0 0 -1px 0;
}
.np_setcomp {
	display: inline-block; 
	width: 90px; 
	background-color: #CCCCCC;
	line-height: 12px;
	margin-left: 5px;
padding-top: 2px;
margin-bottom: 0px;
position: absolute;
}


/* mgmt functions */

.titleblock {

	background-color: #346a49;
	color: gold;
	padding:10px;
	width: 900px;
}
.titledata {
	display: inline;
	color: green;
	background-color: white;
	padding: 3px;
	margin-right: 10px;
}
#mgtblock {
	background-color: #CCFFCC; 
	padding-left: 10px;
	width: 900px;
	clear: both;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}
.mgttable {
	display: table;
	padding-left: 20px;
	display: inline;
	float: left;
}

.mgtrow {
	display: table-row;
	font-family: Arial, Helvetica, sans-serif;
	height:10px;
	background-color: #F8FFF8; 
	width: 300px;
}
.mgtlabel {
	display: table-cell;
	width: 120px;
	padding-left: 5px;
}
/* for label:value type data */
.mgtfield {
	display: table-cell;
	width: 300px;
	padding-left: 5px;
}
.mgtfgen {
	/* generic */
	display: table-cell;
	padding-left: 5px;
}
/* for table column type data */
.mgtsmfield {
	display: table-cell;
	width: 300px;
	padding-left: 5px;
}
.mgtextrablk {
	display: block;
	float: left;
	margin-left: 10px;
}
/* for things like a series of links */
.mgtitem {
	background-color: #DDDDDD;
	padding: 5px 10px 5px 10px;
	margin: 3px;
	font-size: 11px;
	float: left;
}



.payrollinfoblock {
	float: left;
}
.payrollentryblock {
	float: left;
}
.payrolldiag {
	clear: both;
}
.errorindicator {
	color: red;
	font-weight: bold;
	display: inline;
}

.showmsg {
	border: 1px solid #FF8888;
	padding: 10px 10px 10px 30px;
	margin: 10px 30px 10px 30px;
}
.upload_title {
	font-size: 20px;
	padding: 20px;
}
.upload_block {
/*	padding: 10px;*/
	width: 850px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	float:left;
}
.uploadsectionbox {
	margin-left: 20px;
	margin-bottom: 20px;
/*
	border: 1px solid;
*/
}
.uploadsectionrow {
	margin: 10px; 
	padding: 10px; 
/*
	background-color:#DDDDDD;
*/
}
.uploadtitle {
/*	width: 100px; */
	float:left;
	width: 130px;
	padding-top: 8px;
}
.uploadfilearea {
	float:left;
	height: 47px;
}

.uploadlistrow {
	width: 900px;
	background-color: white;
	padding: 1px 10px 1px 10px; 
	float: left;
}
.headdiv {
	font-weight: bold;
}

.uploadlistcell {
	background-color: #EEEEEE;
	margin: 3px;
	float: left;
	width: 50px;
	text-align: right;
}
.uploadlistfilename {
	background-color: #EEEEEE;
	margin: 3px;
	float: left;
	width: 450px;
}
.uploadlistdesc {
	background-color: #EEEEEE;
	margin: 3px;
	float: left;
	width: 250px;
}
.uploadlistcreated {
	background-color: #EEEEEE;
	margin: 3px;
	float: left;
	width: 60px;
}
.uploadtext {
	margin: 0 20px 0 20px;
	border: 1px black solid;
	padding: 10px;
}
.uploadinputfilefeld {
	width: 100px;
}