/* --------------------------------------------------
   Bright Blue		#1076C9
   Dark Blue		#0D298C
   Bright Green     	#7FDB15
   Purple	    	#8948a8
   Red (use rarely)	#F85A3E


   Default color for body text: #333333
	
   font-weight values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

   FONT: Google Font Open Sans

   Default font size: 10 pt
   Default small header size: 10 pt, with 500 weight
   Default large header size: 14 pt (such as the td.AreaTitle secondary headers) with Bright blue #1076C9 as the color


   -------------------------------------------------- */
 
/* --- Login Page --- */


 BODY.Login { 
  font-size:10pt; margin:0px; padding:0px; overflow:hidden; 
  background-color: #2c3b81; background-position:center top;
}

 Div.LoginMessage { padding-left:10px; padding-right:10px; align:center; color:#1076C9; font-size:11.0pt;}

 SPAN.LoginMessage { color:#808080; font-size:12.0pt; font-weight:200; align:center;  }
 SPAN.LoginLabel { color:#2C3342; font-size:11.0pt; font-weight:normal; }

 IMG.BuiltForYou { display: block; position: absolute; bottom: 20px; left: 50%; transform: translate(-175px,-54.5px); z-index: -1; }
@media (max-width: 800px), (max-height:665px) {
    img.BuiltForYou {
        transform: translate(-175px,-54.5px) scale(0.5);
        -moz-transform: translate(-175px,-54.5px) scale(0.5);
        -webkit-transform: translate(-175px,-54.5px) scale(0.5);
    }
}

@media (max-height:585px) {
    img.BuiltForYou {
        visibility: hidden;
    }
}

 A.ResetLink { color:#808080; font-size:9.0pt; font-weight:normal; }
 A.CheckedButton { background-color:#CCCCCC }

 Table.Login { border:15px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; background-color:white; position:relative; margin-left:auto; margin-right:auto; margin-top:60px; width:466px; }
 td.loginCell { padding-left:87px; padding-right:87px;}
 td.loginToobarCell { text-align:center; padding-left:30px; padding-right:30px; }
 
/* -- Mobile Login Reformat.  Covers up to iPhone 6 Plus-- */
 @media only screen and (max-device-width: 750px)
 {
  Table.Login { position:relative; margin-left:auto; margin-right:auto; margin-top:30px; width:320px; }
  td.loginCell { padding-left:10px; padding-right:10px; }
	td.loginToobarCell { text-align:center; padding-left:10px; padding-right:10px; }
 }

/* --- Benefits Information Page --- */
 SPAN.BenPlan_Label   { color:black; font-size:8.0pt; font-weight:bold }
 SPAN.BenPlan_Group   { color:#2C3342; font-size:10.0pt; font-weight:normal; }
 SPAN.BenPlan_Plan    { color:#2C3342; font-size:9.0pt; font-weight:lighter }
 SPAN.BenPlan_Option  { color:darkblue; font-size:8.0pt; font-weight:normal }
 SPAN.BenPlan_Option_Active     { color:#7FDB15; font-size:8.0pt; font-weight:normal }s
 SPAN.BenPlan_Option_Elected    { color:#9bc1f4; font-size:8.0pt; font-weight:normal; font-style:italic }
 SPAN.BenPlan_Option_Future     { color:#9bc1f4; font-size:8.0pt;   font-weight:normal; font-style:italic }
 SPAN.BenPlan_Option_NotElected { color:darkblue; font-size:8.0pt;  font-weight:normal; font-style:italic }
 SPAN.BenPlan_Option_LongDS { color:black; font-size:8.0pt;  font-weight:normal; font-style:italic }
 SPAN.BenPlan_Cost    { color:black; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_Pct     { color:green; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_ActiveDate        { color:black; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_InactiveDate      { color:#f96311; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_EligibilityDate      { color:black; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_IneligibilityDate   { color:#f96311; font-size:8.0pt;  font-weight:normal }
 SPAN.BenPlan_Totals  { color:black; font-size:9.0pt; font-weight:bold }
 a.BenPlan_EntityLink { color:#1076C9; font-size:8.0pt;  font-weight:normal; font-style:italic }
 a.BenPlan_GroupLink { color:#1076C9; font-size:8.0pt;  font-weight:bold; font-style:italic }
 a.BenPlan_PlanLink { color:#1076C9; font-size:8.0pt;  font-weight:normal; font-style:italic }
 a.BenPlan_OptionLink { color:#1076C9; font-size:8.0pt;  font-weight:normal; font-style:normal }

 a.BenPlan_Option { color:#444555; font-size:9.0pt; font-weight:400; }
 a.BenPlan_Option:hover { color:#8dc600; }

 SPAN.BenLinkBar  { color:#444555; font-size:9.0pt; font-weight:600; }
 .CurrentSelected { }
 .OpenSelected { background-color:#f96311; }

/* --- Earnings Page --- */

 CAPTION {
   
  font-size:8.0pt; 
  font-style:normal; 
  font-variant:normal; 
  font-weight:bold; 
  text-transform:none; 
  color:maroon; }

 TABLE.Earnings {
  border: 1px solid; 
  border-collapse: collapse; } 

 TABLE.Taxes {
  border: 1px solid; 
  border-collapse: collapse; } 

 TR.Taxes {
  border: 1px solid; 
  border-collapse: collapse; } 

 TD.Taxes {
  border: 1px solid; 
  border-collapse: collapse; } 



/* --- Documents --- */

 SPAN.DocumentTitle {
  font-size:32.0pt; 
  font-style:normal; 
  font-variant:normal; 
  font-weight:bold; 
  text-transform:none; 
  color:maroon;  }

a.document_select { 
  color:navy; font-size:11.0pt;  font-weight:normal ; text-decoration:underline;}
a.document_select:link {
  text-decoration:none; }
a.document_select:visited {
  text-decoration:none; }
a.document_select:hover {
  text-decoration:underline; color: #0080e2;  }

/* Telerik Tree */
span.rtIn {
   font-size:14px; color:navy;
} 



/* --- Check Calculator Values --- */

 TD.Check { color:#C0C0C0; background-color:#EBEBEB; border: 0px solid; background-image:url(images/background/check.gif) }

 SPAN.CheckLabel { color:#333333; font-size:10.0pt; font-weight:normal }
 SPAN.CheckBank { color:#555555; font-size:9.0pt; font-weight:normal }
 SPAN.CheckText { color:#1076C9; font-size:11.0pt; font-weight:normal; font-style:italic }
 SPAN.CheckTextSmall { color:#2C3342; font-size:9.0pt; font-weight:normal; font-style:italic }
 SPAN.CheckValue { color:#1076C9; font-size:11.0pt; font-weight:normal; font-style:normal }
 SPAN.CheckValueSmall { color:#2C3342; font-size:8.0pt; font-weight:bold; font-style:normal }



/* --- Structures --- */

 SPAN.PrimaryLink { color:red; }
 SPAN.SecondaryLink { color:blue; }
 SPAN.TertiaryLink { color:green; }
 TR.SelectedAssignment { background-color:silver; font-weight:bold; }

/* --- Recruiting Candidate --- */

 TR.CandidateHeader { background-color:tan; }
 TD.CandidateHeader { font-weight:bold; color:black; }
 TD.CandidateComments { font-size:8.0pt; color:tan; }
 TD.CandidateNotInVista { font-weight:bold; color:red }

/* --- Employee Taxes --- */

 TR.EmpTaxesHeader { color:#1076C9; font-weight:bold; font-size:8.0pt; }
 TD.EmpTaxesHeader { color:#1076C9; font-weight:bold; font-size:8.0pt; }
 TR.EmpTaxesGroup { background-color:#EEEEEE; }
 TD.EmpTaxesGroup { font-size:8.0pt; color:#2C3342; font-weight:bold; }
 TR.EmpTaxesSummaryHeader { color:darkgray; font-weight:bold; font-size:8.0pt; }
 TD.EmpTaxesSummaryHeader { color:darkgray; font-weight:bold; font-size:8.0pt; }
 TR.EmpTaxesSummaryTaxesEntry { background-color:white;  }
 TD.EmpTaxesSummaryTaxesEntry { color:maroon; font-size:8.0pt; }
 TR.EmpTaxesSummaryTablesEntry { background-color:white;  }
 TD.EmpTaxesSummaryTablesEntry { color:navy; font-size:8.0pt; }
 TR.EmpTaxesSummaryNetEntry { background-color:white;  }
 TD.EmpTaxesSummaryNetEntry { color:chocolate; font-size:8.0pt; }

/* --- Monitor --- */

a.MonitorEntry { cursor:pointer; text-decoration:none; }
a.MonitorEntry:link {color: navy;  }
a.MonitorEntry:visited {color: navy; }
a.MonitorEntry:hover {color: green; }


/* --- Check Recon --- */

span.reconciled { color:darkgreen; }
span.unreconciled { color:darkred; }
span.CheckReconCheckNo { color:navy; }
span.CheckReconReconciled { color:navy; }
span.CheckReconUnreconciled { color:blue; }
span.CheckReconReconciledAmount { color:naby; }
span.CheckReconUnreconciledAmount { color:blue; }
span.CheckReconCheckDate { color:navy; }
span.CheckReconName { color:navy; }

/* --- Employee Groups Assigned --- */

TR.EmpGroupAssigned { color:darkgreen; background-color:white; font-size:8.0pt; }
TD.EmpGroupAssigned { color:darkgreen; background-color:white; font-size:8.0pt; font-weight:bold;}

TR.EmpGroup { color:#2C3342; background-color:white; font-size:8.0pt; }
TD.EmpGroup { color:#2C3342; background-color:white; font-size:8.0pt; }


/* --- Wizard Section --- */
 table.Wizard  { border:50px; border-color:Maroon }
 td.Wizard     { border: 0px solid; background-color:white }
 td.WizardHelp { width:300px; background-color:#EBEBEB; 
     border: 1px solid; border-left-width:2px solid; border-color:#EBEBEB;
     text-align:left; vertical-align:top }

/* --- Wizard Section --- */
div.WizardStep { background-color:white; width:100%; height:100%; }
div.WizardStepContent { padding:8px 10px; width:100%; height:100%; }
span.StepTitle { color:#1076C9; font-size:11.0pt; font-weight:bold; }


/* --- Table History --- */
TD.HistoryChanged { color:maroon; background-color:silver; 
		 font-size:8.0pt; font-weight:bold; 
		padding-left: 3px; padding-right: 3px;
		border: 1px solid; }		
span.HistoryValue { color:navy; font-size:8.0pt;  }
span.HistoryChanged { color:maroon; font-size:8.0pt;  }

/* --- AZ Menu --- */

Table.AZMenu { background-color:white; padding:10px; }
TR.AZMenu { background-color:white; }
TD.AZMenu { width:12px; border: 1px solid black;  border-collapse: collapse; text-color:black; font-size:12.0pt; padding:2px; text-align:center;}
TD.AZMenuSelected { width:12px; border: 1px solid black;  border-collapse: collapse; text-color:white; background-color:chocolate; font-weight:bold; font-size:12.0pt;padding:2px; text-align:center;}
A.AZMenu { cursor:pointer; text-decoration:none; }
A.AZMenu:link { color:black; }
A.AZMenu:visited { color:black; }
A.AZMenu:hover { color:silver; }
A.AZMenuSelected { cursor:pointer; text-decoration:none; color:chocolate;}
A.AZMenuSelected:link { color:white; }
A.AZMenuSelected:visited { color:white; }
A.AZMenuSelected:hover { color:silver; }


input.HistoryEditorField { border:none; font-size:8.0pt;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 0px 0px #666;
  -webkit-box-shadow: 0px 0px 0px #666;
  box-shadow: 0px 0px 0px #666;
  padding: 0px 0px 0px 0px;	
	}  

/* --- History Differences --- */

SPAN.DocLink  { color:#527CCC; font-size:8.0pt;  font-weight:bold }
SPAN.DocLink2 { color:#003399; font-size:8.0pt;  font-weight:bold }
SPAN.DocLink3 { color:#003399; font-size:8.0pt;  font-weight:bold; font-style:italic }
SPAN.DocLink4 { color:#4D4D4D; font-size:8.0pt;  font-weight:normal; }

A.DocLink  { color:#527CCC; font-size:8.0pt;  font-weight:bold; text-decoration:none; }
A.DocLink2 { color:#003399; font-size:8.0pt;  font-weight:normal; text-decoration:none; }
A.DocLink3 { color:#003399; font-size:8.0pt;  font-weight:normal; font-style:italic; text-decoration:none;}
A.DocLink4 { color:#4D4D4D; font-size:8.0pt;  font-weight:normal; text-decoration:none; }

 
/* --- Reviews --- */

p.ReviewWizardText { color:navy; font-weight:bold; }
span.EmployeeReviewSection { color:navy; font-weight:bold; }
span.EmployeeReviewInfo { color:black; font-style:italic; }
span.EmployeeReviewComments { color:black; }


/*-- Company Directory Styles --*/
Span.CompDir {color:#1076C9;font-size:13.0pt;}

/* Telerik Tree */
Span.TelerikTreeValue { color:#1076C9; }


/* -- Home Web Pages -- */


span.HomeWebPagesTitle { color:#4791e0; font-weight:bold; font-size:10.0pt; }
a.HomeWebPagesGroup { text-decoration:none; font-size:10.0pt; }
a.HomeWebPagesGroup:link { color:black; }
a.HomeWebPagesGroup:visited { color:black; }
a.HomeWebPagesGroup:hover { color:silver; }
a.HomeWebPagesEntry { text-decoration:none; font-size:10.0pt; }
a.HomeWebPagesEntry:link { color:black; }
a.HomeWebPagesEntry:visited { color:black; }
a.HomeWebPagesEntry:hover { color:silver; }

div.HomeWebPagesFolders { }


/* -- Course Enrollment -- */

div.CourseEnroll {  }
div.CourseEnrollSelected { background-color:#E5E7E9;}
div.CourseEnrollDescriptions { margin-left:40px; color:navy; }
span.CourseEnrollName { color:#4791e0; font-weight:bold; font-size:10.0pt; }
span.CourseEnrollLabel { font-size:8.0pt; }
span.CourseEnrollValue { font-size:10.0pt; }
span.CourseEnrollInfoTitle { color:black; font-style:normal; }



/* --- Employee Directory --- */

span.EmployeeDirectory_Name { font-size:10.0pt; color:green; font-weight:bold; }
span.EmployeeDirectory_Label { color:black; }
a.EmployeeDirectory_Link { color:grey; font-size:8.0pt; }

/* --- Employee Tests --- */

span.TestsWizardTitle { color:#4791e0; font-size:14.0pt; font-weight:bold; }
p.TestsWelcome { color:#4791e0; font-size:12.0pt; }
p.TestsQuestionText { color:#4791e0; font-size:12.0pt; font-weight:bold; }
p.TestsQuestionInstructions { color:#4791e0; font-size:12.0pt; }
p.TestsQuestionAnswer {}
input.TestsQuestionCheckBox { color:blue; }
div.TestsQuestionMultiCheck {}
input.TestsQuestionRadio {}

table.TestsQuestionTable {}
tr.TestsQuestionRow {}
td.TestsQuestionColumn {}
label.TestsQuestionCheckBoxCorrect { color:navy; font-weight:bold; }
label.TestsQuestionCheckBox {}
label.TestsQuestionRadioCorrect { color:navy; font-weight:bold; }
label.TestsQuestionRadio {}
span.TestsQuestionCorrect { color:navy; font-weight:bold; }
span.TestsQuestionIncorrect { color:red; font-weight:bold; }


/* --- Employee Interviews --- */

span.InterviewWizardTitle { color:#4791e0; font-size:14.0pt; font-weight:bold; }
p.InterviewWelcome { color:#4791e0; font-size:12.0pt; }
p.InterviewQuestionText { color:#4791e0; font-size:12.0pt; font-weight:bold; }
p.InterviewQuestionInstructions { color:#4791e0; font-size:12.0pt; }
input.InterviewQuestionCheckBox { color:blue; }
div.InterviewQuestionMultiCheck {}
input.InterviewQuestionRadio {}

table.InterviewQuestionTable {}
tr.InterviewQuestionRow {}
td.InterviewQuestionColumn {}
label.InterviewQuestionCheckBoxCorrect { color:navy; font-weight:bold; }
label.InterviewQuestionCheckBox {}
label.InterviewQuestionRadioCorrect { color:navy; font-weight:bold; }
label.InterviewQuestionRadio {}
span.InterviewQuestionCorrect { color:navy; font-weight:bold; }
span.InterviewQuestionIncorrect { color:red; font-weight:bold; }

/* --- Employee Profile --- */

span.EmployeeProfileLabel { font-size:12.0pt; color:navy; }
span.EmployeeProfileValue { font-size:12.0pt;  color:black; }
span.EmployeeProfileValue_RoleName { font-size:16.0pt;  font-weight:bold; color:#4791e0; }

/* --- Employee List --- */

div.EmployeeList { cursor:pointer; display:inline-block; width:400px;}
img.EmployeeList_Image { width:100px; }
span.EmployeeList_Name { font-size:12.0pt; font-weight:bold; }
span.EmployeeList_RoleName { font-size:10.0pt; }
span.EmployeeList_MailAddr { font-size:10.0pt; }
span.EmployeeList_PhoneNumber { font-size:10.0pt; }
span.EmployeeList_Extra { font-size:10.0pt; }

/* --- Web Page Help  --- */

p.pagehelp { }
p.pagehelptitle { color:green; }
span.pagehelphighlight { font-weight:bold; }