

.one-full {
	width:100%;
}

/* label  class */
.label {
	display:inline-block;
	padding:2.0px 0;	
}

.five-char-input {
	width:45px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.ten-char-input {
	width:87px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.fifteen-char-input {
	width:130px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.twenty-char-input {
	width:160px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.twenty-five-char-input {
	width:200px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.thirty-char-input {
	width:230px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.forty-char-input {
	width:285px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.fifty-char-input {
	width:375px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.sixty-char-input {
	width:460px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.eighty-char-input {
	width:570px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.hundred-char-input {
	width:715px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-two-digit-input {
	width:50px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-five-char-input {
	width:67px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-ten-char-input {
	width:98px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-fifteen-char-input {
	width:130px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-twenty-char-input {
	width:150px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-25-char-input {
	width:200px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-30-char-input {
	width:230px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-forty-char-input {
	width:285px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-fifty-char-input {
	width:375px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-sixty-char-input {
	width:460px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.select-75-char-input {
	width:545px;
	padding:2px 4px;
	border:1px solid #c8caca;
}

.full-input-error {
	width:90%;
	display:block;
	padding:2px 7px;
	border:2px solid red;
}

.five-char-input-error {
	width:45px;
	padding:2px 4px;
	border:2px solid red;
}

.ten-char-input-error {
	width:87px;
	padding:2px 4px;
	border:2px solid red;
}

.fifteen-char-input-error {
	width:130px;
	padding:2px 4px;
	border:2px solid red;
}

.twenty-char-input-error {
	width:160px;
	padding:2px 4px;
	border:2px solid red;
}

.twenty-five-char-input-error {
	width:200px;
	padding:2px 4px;
	border:2px solid red;
}

.thirty-char-input-error {
	width:230px;
	padding:2px 4px;
	border:2px solid red;
}

.forty-char-input-error {
	width:285px;
	padding:2px 4px;
	border:2px solid red;
}

.fifty-char-input-error {
	width:375px;
	padding:2px 4px;
	border:2px solid red;
}

.sixty-char-input-error {
	width:460px;
	padding:2px 4px;
	border:2px solid red;
}

.eighty-char-input-error {
	width:570px;
	padding:2px 4px;
	border:2px solid red;
}

.hundred-char-input-error {
	width:715px;
	padding:2px 4px;
	border:2px solid red;
}

.select-two-digit-input-error {
	width:50px;
	padding:2px 4px;
	border:2px solid red;
}

.select-five-char-input-error {
	width:45px;
	padding:2px 4px;
	border:2px solid red;
}

.select-ten-char-input-error {
	width:87px;
	padding:2px 4px;
	border:2px solid red;
}

.select-fifteen-char-input-error {
	width:130px;
	padding:2px 4px;
	border:2px solid red;
}

.select-twenty-char-input-error {
	width:150px;
	padding:2px 4px;
	border:2px solid red;
}

.select-25-char-input-error {
	width:200px;
	padding:2px 4px;
	border:2px solid red;
}

.select-30-char-input-error {
	width:230px;
	padding:2px 4px;
	border:2px solid red;
}

.select-forty-char-input-error {
	width:285px;
	padding:2px 4px;
	border:2px solid red;
}

.select-fifty-char-input-error {
	width:375px;
	padding:2px 4px;
	border:2px solid red;
}

.select-sixty-char-input-error {
	width:460px;
	padding:2px 4px;
	border:2px solid red;
}

.select-75-char-input-error {
	width:545px;
	padding:2px 4px;
	border:2px solid red;
}

.five-char-input-readonly {
	width:45px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.ten-char-input-readonly {
	width:87px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.fifteen-char-input-readonly {
	width:130px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.twenty-char-input-readonly {
	width:160px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.twenty-five-char-input-readonly {
	width:200px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.thirty-char-input-readonly {
	width:230px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.forty-char-input-readonly {
	width:285px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.fifty-char-input-readonly  {
	width:375px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.sixty-char-input-readonly {
	width:460px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.eighty-char-input-readonly {
	width:570px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.hundred-char-input-readonly {
	width:715px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}


.select-two-digit-input-readonly {
	width:50px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-five-char-input-readonly {
	width:45px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-ten-char-input-readonly {
	width:87px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-fifteen-char-input-readonly {
	width:130px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-twenty-char-input-readonly {
	width:150px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-25-char-input-readonly {
	width:200px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-30-char-input-readonly {
	width:230px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-forty-char-input-readonly {
	width:285px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-fifty-char-input-readonly {
	width:375px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-sixty-char-input-readonly {
	width:460px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.select-75-char-input-readonly {
	width:545px;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
}

.cbox {
border: 0px solid #F2F2F2;}

span.cbox {
	display: inline-block;
}

.cbox-error {
border: 1px solid red;}

span.cbox-error {
	display: inline-block;
}

input, textarea, select {
	font-family:inherit;
	font-size:14px;
}

.footertext {font-size:8px;
color: #9B0358;}

.wizardhdr {font-size:16px;
color: #9B0358;
font-weight:bold;
text-align:center;
}

.company-payroll-hdr {color: #9B0358;
font-weight:bold;
text-align:center;
}

span.company-payroll-hdr {
	display: inline-block;
}

.payrolltext {color: #9B0358;}

.payroll-list-hdr {color: #9B0358;
	font-weight:bold;
	text-align:center;
}

.payroll-list-hdr-left {color: #9B0358;
	font-weight:bold;
	text-align:left;
}

.payroll-list-hdr-right {color: #9B0358;
	font-weight:bold;
	text-align:right;
}

.payroll-list-left {text-align:left;
}

.payroll-list-center {text-align:center;
}

.payroll-list-right {text-align:right;
}

.payroll-list-bold-left {text-align:left;
	font-weight:bold;
}

.payroll-list-bold-center {text-align:center;
	font-weight:bold;
}

.payroll-list-bold-right {text-align:right;
	font-weight:bold;
}

.payroll-list-left-with-action {text-align:left;
	cursor:hand;
}

.payroll-list-center-with-action {text-align:center;
	cursor:hand;
}

.payroll-list-right-with-action {text-align:right;
	cursor:hand;
}

.help-topic-hdr {color: #9B0358;
	font-weight:bold;
	text-align:left;
}

.help-see-also {cursor:hand;
	display:inline;
	color:blue;
	text-decoration:underline;
}

.list-row-not-selected {
	cursor:hand;
}

.list-row-not-selected:hover {
	background-color:#cccccc;
}

.list-row-selected {
	background-color:#0091c1;
	cursor:hand;
}

.list-row-error {
	background-color:#ff0000;
	cursor:hand;
}

.employeelist {border: 0px solid #9B0358;
	border-bottom-width: 1px; }	
				
.employeelistsel {border: 0px solid #9B0358;
	background-color:#0091c1;
	border-bottom-width: 1px;
	color:#ffffff;}	
				
.employeelistvalerr {border: 0px solid #9B0358;
	border-bottom-width: 1px;
	background-color:#D0060C;
	color:#ffffff;}	

.employeelistvalerrsel {border: 0px solid #9B0358;
	border-bottom-width: 1px;
	background-color:#CC3399;
	color:#ffffff;}

.employeelist-over {border: 0px solid #9B0358;
	background-color:#cccccc;
	border-bottom-width: 1px;}	
				
.employeelistsel-over {border: 0px solid #9B0358;
	background-color:#156785;
	border-bottom-width: 1px;
	color:#ffffff;}	
				
.employeelistvalerr-over {border: 0px solid #9B0358;
	border-bottom-width: 1px;
	background-color:#AA0106;
	color:#ffffff;}	

.employeelistvalerrsel-over {border: 0px solid #9B0358;
	border-bottom-width: 1px;
	background-color:#AB287F;
	color:#ffffff;}

.earn-deduct-hdr {color: #9B0358;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

.earn-deduct-value-hdr{color: #9B0358;
	font-weight:bold;
	text-align:center;
}

.earn-deduct-value-hdr-readonly{color: grey;
	font-weight:bold;
	text-align:center;
}

.earn-deduct-value{
	width:50px;
	display:block;
	padding:2px 4px;
	border:2px solid #c8caca;
	text-align:right;
}

.earn-deduct-value-error{
	width:50px;
	display:block;
	padding:2px 4px;
	border:2px solid red;
	text-align:right;
}

.earn-deduct-value-readonly{
	width:50px;
	display:block;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
	text-align:right;
}

.subs-value{
	width:50px;
	display:block;
	padding:2px 4px;
	border:1px solid #c8caca;
	text-align:right;
}

.subs-value-error{
	width:50px;
	display:block;
	padding:2px 4px;
	border:2px solid red;
	text-align:right;
}

.subs-value-readonly{
	width:50px;
	display:block;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
	text-align:right;
}

.earn-deduct-12-char{
	width:85px;
	display:block;
	padding:2px 4px;
	border:1px solid #c8caca;
	text-align:right;
}

.earn-deduct-12-char-error{
	width:85px;
	display:block;
	padding:2px 4px;
	border:1px solid red;
	text-align:right;
}

.earn-deduct-12-char-readonly{
	width:85px;
	display:block;
	padding:2px 4px;
	color: grey;
	border:1px solid #c8caca;
	text-align:right;
}

td.cellnotvisible {visibility:hidden;display:table-cell;}

td.celldisplayed {visibility:visible;display:table-cell;}

td.cellcollapsed {visibility:hidden;display:none;}

tr.rownotvisible {visibility:hidden;display:table-row;}

tr.rowdisplayed {visibility:visible;display:table-row;}

tr.rowcollapsed {visibility:hidden;display:none;}

div.divnotvisible {visibility:hidden;display:inline;}

div.divdisplayed {visibility:visible;display:inline;}

div.divcollapsed {visibility:hidden;display:none;}

span.spannotvisible {visibility:hidden;display:inline;}

span.spandisplayed {visibility:visible;display:inline;}

span.spaninlineblock {
	visibility:visible;
	display:inline-block;
	text-align:left;
}

span.spancollapsed {visibility:hidden;display:none;}

p.paranotvisible {visibility:hidden;display:block;}

p.paradisplayed {visibility:visible;display:block;}

p.paracollapsed {visibility:hidden;display:none;}

div.FormPanel {border:1px solid #c8caca;
    width: 100%;
    padding: 2px;
    border-spacing: 2px;
    border-collapse: separate;
    vertical-align:top;
    margin:auto;
    text-align:center;
    background-color:#F8F8F8;
}

table.Calendar  {border: 1px solid #9B0358;
}

table.FormHeader {border: 0px;
    table-layout: fixed;
    width: 1000px;
    padding: 0px;
    margin:auto;
    text-align:center;
    border-spacing: 0px; 
    border-collapse: separate;
}

table.FormContent {border: 0px;
    table-layout: fixed;
    width: 1000px;
    padding: 0px;
    border-spacing: 0px; 
    border-collapse: separate;
}

table.EarnDeduct {border: 0px;
    table-layout: fixed;
    width: 300px;
    padding: 2px;
    border-spacing: 0px; 
    border-collapse: separate;
}

table.FullForm1000 {border: 0px;
    table-layout: fixed;
    width: 1000px;
    padding: 0px;
    border-spacing: 10px; 
    display:block;
    border-collapse: separate;
}

table.FullForm {border: 0px;
    table-layout: fixed;
    width: 100%;
    padding: 0px;
    border-spacing: 10px; 
    display:block;
    border-collapse: separate;
}

table.FormPanel {	border:1px solid #c8caca;
    table-layout: fixed;
    width: 100%;
    padding: 2px;
    border-spacing: 2px;
    border-collapse: separate;
    vertical-align:top;
    margin:auto;
    text-align:center;
    background-color:#F8F8F8;
}

table.NoPadding {border: 0px;
    table-layout: fixed;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

table.Padding5 {border: 0px;
    table-layout: fixed;
    padding: 5px;
    border-spacing: 2px;
    border-collapse: separate;
}

table.Padding10 {border: 0px;
    table-layout: fixed;
    padding: 10px;
    border-spacing: 0px;
    border-collapse: separate;
}

table.CalendarMonth  {border-collapse: collapse;
	border: 1px solid #9B0358;
}

tr.CalendarMonthHdr  {background-color:white;
}

tr.CalendarMonth  {background-color:white;
}

tr.CalendarWeek  {background-color:white;
}

td.CalendarMonthHdr  {font-family: Arial; 
	font-size: 11pt;
	font-weight:bold;
	border: solid 1px #9B0358;
	background-color:white;
	text-align:center;
}

td.CalendarDayHdr  {font-family: Arial; 
	font-size: 9pt;
	font-weight:bold;
	border: solid 1px #9B0358;
	background-color:white;
	text-align:center;
	width:28px;
}

td.CalendarDay  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	border: solid 1px #9B0358;
	background-color:white;
	text-align:center;
	width:28px;
}

td.CalendarToday  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	border: solid 2px red;
	background-color:white;
	text-align:center;
	width:28px;
}

td.CalendarDayGrey  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 1px #9B0358;
	background-color:#F0F0F0;
	text-align:center;
	width:28px;
}

td.CalendarDayHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 1px #9B0358;
	background-color:#33CC33;
	text-align:center;
	width:28px;
}

td.CalendarTodayHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 2px red;
	background-color:#33CC33;
	text-align:center;
	width:28px;
}

td.CalendarDayAMHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:white;
	background-image:url(../icons/HolAM.gif);
	text-align:center;
	width:28px;
}

td.CalendarTodayAMHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:white;
	background-image:url(../icons/HolAM.gif);
	text-align:center;
	width:28px;
}

td.CalendarDayPMHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:white;
	background-image:url(../icons/HolPM.gif);
	text-align:center;
	width:28px;
}

td.CalendarTodayPMHol  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:white;
	background-image:url(../icons/HolPM.gif);
	text-align:center;
	width:28px;
}

td.CalendarDayUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:#CCFF33;
	text-align:center;
	width:28px;
}

td.CalendarTodayUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:#CCFF33;
	text-align:center;
	width:28px;
}

td.CalendarDayAMUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:white;
	background-image:url(../icons/UnpaidAM.gif);
	text-align:center;
	width:28px;
}

td.CalendarTodayAMUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:white;
	background-image:url(../icons/UnpaidAM.gif);
	text-align:center;
	width:28px;
}

td.CalendarDayPMUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:white;
	background-image:url(../icons/UnpaidPM.gif);
	text-align:center;
	width:28px;
}

td.CalendarTodayPMUnPaid  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:white;
	background-image:url(../icons/UnpaidPM.gif);
	text-align:center;
	width:28px;
}

td.CalendarDaySick  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 1px #9B0358;
	background-color:red;
	text-align:center;
	width:28px;
}

td.CalendarTodaySick  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 2px red;
	background-color:red;
	text-align:center;
	width:28px;
}

td.CalendarDayParPay  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 1px #9B0358;
	background-color:#6666FF;
	text-align:center;
	width:28px;
}

td.CalendarTodayParPay  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #FFFFFF;
	border: solid 2px red;
	background-color:#6666FF;
	text-align:center;
	width:28px;
}

td.CalendarDayTrain  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 1px #9B0358;
	background-color:#66FFFF;
	text-align:center;
	width:28px;
}

td.CalendarTodayTrain  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	border: solid 2px red;
	background-color:#66FFFF;
	text-align:center;
	width:28px;
}

td.CalendarDayWeekEnd  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 1px #9B0358;
	background-color:#FFFF99;
	text-align:center;
	width:28px;
}

td.CalendarTodayWeekEnd  {font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 2px red;
	background-color:#FFFF99;
	text-align:center;
	width:28px;
}

td.CalendarDayCompass  
{font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 1px red;
	background-color:#995533;
	text-align:center;
	width:28px;
}

td.CalendarDayAMCompass  
{font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 1px red;
	background-color:#995533;
	text-align:center;
	width:28px;
}

td.CalendarDayPMCompass  
{font-family: Arial; 
	font-size: 9pt;
	font-weight:normal;
	color: #808080;
	border: solid 1px red;
	background-color:#995533;
	text-align:center;
	width:28px;
}

td.FormPanel {background-color:#DBDBDB;
	vertical-align: top;
}

td.FormPanelCollapsed {background-color:#DBDBDB;
	vertical-align: top;
	visibility: hidden;
	display: none;
}


	td.FormPanelDisplayed {background-color:#DBDBDB;
		vertical-align: top;
		visibility: visible;
		display: inline;
	}

	td.FormPanelNotVisible {background-color:#DBDBDB;
		vertical-align: top;
		visibility: hidden;
		display: inline;
	}


td.FilterLetter {cursor:hand;
	border: 0px;
	text-align: center;
	padding: 2px;
}

td.FilterLetterSelected {cursor:hand;
	border:1px solid #416c80;
	text-align: center;
	padding: 2px;
}

fieldset.FormPanelDisplayed {margin: 0px;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 8px 0px 0px 0px;
	float: left;
	display: block; 
}

fieldset.FormPanelCentered {margin: auto;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 8px 0px 0px 0px;
	display: block; 
	text-align: center;
}

fieldset.FormPanelNotVisible {margin: 0px;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 8px 0px 0px 0px;
	float: left;
	display: none;
}

fieldset.Container {margin: 0px;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	float: left;
}

fieldset.ContainerCentered {margin: 0px;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
}

fieldset.ContainerCentered {margin: auto;
	box-sizing: border-box;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	text-align:center;
}

.panelhdr {color: #9B0358;
	font-weight:bold;
}