/*  

Styles in this css control the AppSelfService.aspx page.  
The AppSelfService.aspx page is displayed for the online application as well as the Self Service module.


Styles build upon themselves.  The first build the rule and the subsequent rules overwrite the previous settings. So, if you have a "rule" for a link, the additional rules for links in the css are there for exceptions. The styles in this sheet are defined in that manner.  Additional attributes can be added to the style but are not done in the stock file to avoid any conflict or confusion. 

To replace the blue text or buttons - find and replace 008c95
To replace the grey text - find and replace 4B4F58
To replace the grey background in headers - find and replace dcdcdc
To replace the light grey background of the alternating rows in tables - find and replace f1f1f1
To replace white with another color - find and replace ffffff


*/

/**** Styles in this section control overall items on the page ****/

/* whole page - what is the background color */
body {
    background-color: #ffffff;
	FONT-FAMILY: Ariel, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	COLOR: #4B4F58;
}

/*Note: not in original css */
/*container behind the page header */
.t-col-6
{
	background-color: #ffffff;
}

/*container behind the form */
.t-col-10
{
	background-color: #ffffff;
}

/*container beind questions page */
.t-col-12
{
	background-color: #ffffff;
	
}

/* makes all the input boxes the same size */
{
  box-sizing: border-box;

}

/* controls overall width of the page. Making 100% moves the logo, header and wording to the far edges*/
/*Note: not in original css */
.container 
{
    min-height: 100%;
	width: 100%;
    position: relative;
}

/* paragraph of text */
p
{ 
}

/* bolding text */
b
{ 
	FONT-WEIGHT : bold;
}

/* default for "span" items */
span
{ 
}

/* default for labeled items - use for disability software */
label
{ 
}

/* forces the table to take up the full space available on the screen */
table
{
	width:100%;
}

/* table header information */
TH
{ 
}

/* table data */
TD
{ 
	FONT-SIZE: 1em; 
}

/* Bullets in a list */
li
{ 
	list-style-type: circle;
}

/* Headers */
h2
{ 
	FONT-SIZE: 1.5em; 
}

h3
{ 
	FONT-SIZE: 1.25em;
}

/* Hyperlink Links */
a:link 
{
	COLOR: #008c95 !important;
	TEXT-DECORATION: none !important;
	FONT-SIZE: 1em !important; 
}

a:visited 
{
	COLOR: #008c95 !important;
	TEXT-DECORATION: none !important;
	FONT-SIZE: 1em!important; 
}

a:hover 
{
	COLOR: #008c95 !important;
	TEXT-DECORATION: none !important;
	FONT-SIZE: 1em !important; 
}

/* formatting for the page names  
span#CRAppSSMain1_lblDDContactInfo.HeaderStyle, span#CRAppSSMain1_lblDDCreatePassword.HeaderStyle, span#CRAppSSMain1_lblDDResumeHeader.HeaderStyle, span#CRAppSSMain1_lblDDEduHeader.HeaderStyle,span#CRAppSSMain1_lblDDPrevEmpHeader.HeaderStyle, span#CRAppSSMain1_lblDDKillsHeader.HeaderStyle*/
span.HeaderStyle
 {

	FONT-SIZE: 1.5em; 
    color: #4B4F58;
	text-transform: capitalize;
}

/*Formatting for the buttons on the pages. This is on a button by button basis to allow the select buttons to show on the resume and the attachments pages. */ 
input#CRAppSSMain1_btnParse, input#CRAppSSMain1_btnParse2, input#CRAppSSMain1_btnContactInfo, input#CRAppSSMain1_btnContactInfo2, input#CRAppSSMain1_btnCreatePassword, input#CRAppSSMain1_btnResume, input#CRAppSSMain1_btnResume2, input#CRAppSSMain1_btnAddEdu, input#CRAppSSMain1_btnAddPrevEmp, input#CRAppSSMain1_btnAddPrevEmpGap, input#CRAppSSMain1_btnPersonalInfo,input#CRAppSSMain1_btnPersonalInfo2, input#CRAppSSMain1_btnDisabilityForm, input#CRAppSSMain1_btnCoverLetter, input#CRAppSSMain1_btnAddSecurityClearance, input#CRAppSSMain1_btnAddSkill, input#CRAppSSMain1_btnAddSkill, input#CRAppSSMain1_btnAddMilitary, input#CRAppSSMain1_btnAddEmpRef, input#CRAppSSMain1_btnAddNPNotif, input#CRAppSSMain1_btnAddAttach, input#CRAppSSMain1_btnAddReference, input#CRAppSSMain1_btnAddInfo, input#CRAppSSMain1_btnAgree, input#CRAppSSMain1_btnMisc, input#CRAppSSMain1_btnChangePassword, input#CRAppSSMain1_btnCreatePassword 
{
	display: inline-block;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    background: #008c95;
    /* background-image: linear-gradient(to right, #d14600, #ff5f0f); */
    font-size: 1em;
    font-weight: bold;
    color: #fff;
	width:100%;
}

/* attributes for the table on the login page.*/
table#CRAppSSMain1_tblLogin
{
	width:50%;
}

input#CRAppSSMain1_btnLogin
{
	display: inline-block;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    background: #008c95;
    /* background-image: linear-gradient(to right, #d14600, #ff5f0f); */
    font-size: 1em;
    font-weight: bold;
    color: #fff;
	width:50%;
}

/*Formatting for the various buttons on the forms */
input[type=button]
{
	display: inline-block;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    background: #008c95;
    /* background-image: linear-gradient(to right, #d14600, #ff5f0f); */
    font-size: 1em;
    font-weight: bold;
    color: #fff;
	width:100%;
}


/*Formatting for the fields on the form */
/*makes the input boxes as large as possible*/
/*Note: fields on the password creation & password input are specifically listed because they were referening the standard input and not the text type input */
input[type=text], input#CRAppSSMain1_txtCreateNewPwd, input#CRAppSSMain1_txtCreateNewPwd2, input#CRAppSSMain1_txtPIN, input#txtPwd
{
	background: #ffffff;
	padding: 0px 5px;
	font-size: .9em;
	font-weight: normal;
    position: relative;
    display: inline-block;
	COLOR: #4B4F58;
}


/*makes the drop-down input boxes as large as possible*/
/*Note: not in original css */
select 
{
	position: relative;
  display: inline-block;
	padding: 0px 5px;
	font-size: .9em;
	COLOR: #4B4F58;
	
}

/**** From this section on, the styles control specific sections of the page. Many do not have any 'overwrite' attributes to avoid conflicts with the default page rules. They are included here for documentation and in case there does need to be an overwrite added to the style.  

/* 
Login Page - Fonts for the login and password captions
All other pages - Fonts for captions connected to fields which are NOT required 
*/
span.CaptionStyle
{
	
}

label.CaptionStyle
{ 

}

/* Fonts for captions connected to fields which are required. Non-Required captions are controlled by CaptionStyle */
span.RequiredCaptionStyle
{
    COLOR: #008c95;
	font-size: 1em !important;
	
}

label.RequiredCaptionStyle
{
    COLOR: #008c95;
	font-size: 1em !important;
	
}
	

/* Captions to Create the Password */
#CRAppSSMain1_lblCreateNewPwd, #CRAppSSMain1_lblCreateNewPwd2, #CRAppSSMain1_lblLoginMessage 
{
    
}

/* formatting for the applicant's name on the top of the pages */
span.AppNameStyle, span.CRAppSSMain1_lblMMAppName_AppNameStyle
{
    FONT-SIZE: 2em;
    COLOR: #008c95;
}

span.AppNameStyleWhite 
{
    FONT-SIZE: 2em;
    COLOR: white;
}

/* formatting of the space for the text version of the resume and notes 
textarea#CRAppSSMain1_txtResume, textarea#CRAppSSMain1_txtAddEduNote, textarea#CRAppSSMain1_txtPrevEmpResp, textarea#CRAppSSMain1_txtAddPrevEmpNote, textarea#CRAppSSMain1_txtGapReason*/
textarea
{
	width: 100% !important;
	height: 400px;
	COLOR: #4B4F58;
}

/* Resume upload box */
#CRAppSSMain1_TRUpload1, #CRAppSSMain1_TRUpload2, #CRAppSSMain1_TRUpload3
{
    max-width: 100% !important;
}

#CRAppSSMain1_fileParsefile0 
{
    width: 60% !important;
}

#CRAppSSMain1_fileParsefakeInput0 
{
    width: 50% !important;
}

/* Header Row of the tables on these pages:
Jobs Applied To
Job Browsing
Education
Previous Employment
Skills
Military History
Security Clearances
References 
*/
TH.DDBackground 
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #dcdcdc;
    BORDER-BOTTOM: 1px solid black;
    BORDER-TOP: 1px solid black;
}

/* Links for the "Delete" option on the various pages (single option include but it could be listed as different options by adding more parameters - add:link, add:hover, add:visited) */
a.Add 
{
    display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: #0191c8;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff !important;
	margin-left:-5px;
}

/* Links for the "Delete" option on the various pages (single option include but it could be listed as different options by adding more parameters - edit:link, edit:hover, edit:visited) */
a.Edit
{
    display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: green;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff !important;
	margin-left:-5px;
}

/* Links for the "Delete" option on the various pages (single option include but it could be listed as different options by adding more parameters - delete:link, delete:hover, delete:visited) */
a.Delete
{
    display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: red;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff !important;
}

/*Styles in this section control items on the login page ****/

/* Caption right above the login entry fields. */
span.LoginBelowStyle 
{
    FONT-WEIGHT: bold;
}

/* Link to click to reset the password (not visited, visited, hover-over) */
a.ForgotLogin:link 
{
}

a.ForgotLogin:visited 
{
}

a.ForgotLogin:hover 
{
}

/* Any messages about logging in - cannot find the login, duplication, confirmation, etc. */
span.ErrorStyleSpecial 
{
    FONT-WEIGHT: bold;
    COLOR: Red;
}

/* Text for error / prompting messages when an ‘error’ message needs to appear – i.e. you need to upload a resume please go back. */
span.ErrorStyle 
{
    FONT-WEIGHT: bold;
    COLOR: red;
}

/*Controls the Pancake menu below the applicants name.  This is designed for mobile but can be used instead of the static menu 
If using both menus,  this code is needed

/*for screens smaller than 690 - change some things so they fit on the small screen
@media only screen and (max-width: 690px) and (min-width: 1px) 
{
	
/* turn off big menu on left side of screen 
#CRAppSSMain1_RadMenuMain, #CRAppSSMain1_RadMenuMainHide 
{
    display: none;
}

/* attributes for the pancake button */
.rmRootToggle 
{
    margin-left: 0px !important;
}

/* radmenu styling (RadMenu is the menu when not in wizard mode) */
div.RadMenuPopup.RadMenuPopup_Default 
{
    color:#333333;
    position:top;
	display: block; left: 335px; right: auto; top: 150px !important;
}


/* this is for wizard mode -to hide the menu on the left 
#RadMenuMainHide, #CRAppSSMain1_RadMenuMainHide
{
    width: 1% !important; 
}
  
/*remove border around radmenu */
.rmRootGroup 
{
   border: none !important;
}

/* Main Attributes
#CRAppSSMain1_RadMenuMain 
{
}

/* how links should appear
#CRAppSSMain1_RadMenuMain:link 
{
	 
}

#CRAppSSMain1_RadMenuMain:visited 
{
	 
}

#CRAppSSMain1_RadMenuMain:hover 
{
	 
}
 */
 
#RadMenuMobile, .RadMenuMobile, #CRAppSSMain1_RadMenuMobile 
{
    /*display: block;*/
    font-size: 1em;
	margin-left:15px;
}

/* Turns off the original static navigation menu.*/
#CRAppSSMain1_RadMenuMain, #CRAppSSMain1_RadMenuMainHide 
{
    display: none;
}

@media only screen and (min-width: 361px) and (max-width: 800px) 
{
    .t-col-sm-12 
	{
        width: 80%;
    }
}

/*If the static menu will be shown, remove the 'display' section above and these additional attributes are needed
/*for screens larger than 690px 
@media only screen and (min-width: 690px) 
{

#CRAppSSMain1_RadMenuMobile 
{
    display: none;
}

/*radmenu styling (RadMenu is the menu when not in wizard mode)*/
.RadMenu,.rmLink 
{
    color:  #4B4F58;
    position:unset;
}



/*******Job History Page */
/* use this if you do not want to show the section on the job browsing about showing non-open jobs
span#CRAppSSMain1_lblShowNonOpenJobs
{
	display:none;
}

select#CRAppSSMain1_cmbNonOpenJobs
{
	display:none;
}
*/

a.Withdraw
{ 
	display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: red;
    font-weight: bold;
    color: #ffffff !important;
}

a.Incomplete
{ 
	display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: green;
    font-weight: bold;
    color: #ffffff !important;
}

span.Complete
{ 
	display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: green;
    font-weight: bold;
    color: #ffffff !important;
}

/**** Job Browing Grid ****/
/* Fonts for the primary rows in a table */
TD.MainRow 
{
    BACKGROUND-COLOR: white;
}

/* Fonts for the alternating rows in a table */
TD.AltRow 
{
    BACKGROUND-COLOR: #f1f1f1;
}

/* Fonts for the rows which are "internal" positions in a table */
TD.InternalRow 
{
    BACKGROUND-COLOR: pink;
}

/* Links to the jobs when doing a job search (not viewed, viewed, hover-over) */
a.JobLink:link 
{
}

a.JobLink:visited 
{
}

a.JobLink:hover 
{
}

/* Headers of the tables when looking at the job listing (not clicked, clicked, hover-over) */
a.ReqSort:link 
{
	TEXT-DECORATION: none;
	COLOR: #4B4F58; 
}

a.ReqSort:visited 
{
	TEXT-DECORATION: none;
	COLOR: #4B4F58; 
}

a.ReqSort:hover 
{
	TEXT-DECORATION: none;
	COLOR: #4B4F58; 
}

/* Results for Additional Job Information. Text for Description. This font is used in any tables referencing general text. */
TD.MainBodyText 
{
}

span.MainBodyText 
{
}

/* Job Description Sections Headers (Job Duties, Responsibilities, etc.) */
TD.JDHeaderStyle 
{
    FONT-SIZE: 1em;
    FONT-WEIGHT: bold;
}


/**** Items below are all related to the "Tasks" feature ****/
/* Title Section - where you see Outstanding Items */
TH.TaskTitleBackground 
{
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #ffffff;
	color: #008c95;
    border-bottom: 1px #4B4F58;
}
/* Format of the table */
.TaskTableStyle 
{
    border: 1px #4B4F58;
}

/* table header (Task, Action, Done)*/
.TaskTableBackground {
    BACKGROUND-COLOR: #dcdcdc;
	TEXT-ALIGN: left;
    border-right: 1px solid gray;
	FONT-WEIGHT: normal;
}

/* header of the last column (due date) */
.TaskTableBackgroundLastCol {
    BACKGROUND-COLOR: #dcdcdc;
	TEXT-ALIGN: left;
    border-right: none;
	FONT-WEIGHT: normal;
}

/* Primary rows in the table */
TD.TaskMainRow 
{
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
    border-right: 1px solid gray;
}

/* Last column of the primary row of the table */
TD.TaskMainRowLastCol {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
    border: none;
}

/* Alternating rows in the table */
TD.TaskAltRow {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #f1f1f1;
    border-right: 1px solid gray;
}

/* Last Column of the alternating  rows in the table */
TD.TaskAltRowLastCol {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #f1f1f1;
    border: none;
}


/*
Header for the Onboarding Review table for forms
Header on the PDF review page 
span.lblDDOnboardingHeader, span#lblPwd.PDFHeader {
    text-transform: capitalize;
	text-align: left;
    font-size: 1.5em;
}*/

/*Questions Table 
.OnboardingQuestionsTable, TD.OnboardingQuestionsTable {
    BACKGROUND-COLOR: #ffffff;
}
*/

/* Title for the Questions page (On-Boarding Questionnaire)*/
.OnboardingQuestionsTableTitle {
    text-transform: capitalize;
	text-align: left;
    font-size: 1.5em;
}

/* Controls the buttons on the top of the questions page */
#tblDDOnboardingButtons1, #tblDDOnboardingButtons2 
 {
 
}

/* Main row for the on-boarding questions 
.OnboardingQuestionRow {
    TEXT-ALIGN: left;
    border: none;
    BACKGROUND-COLOR: #ffffff;
}*/

/* Review row for the on-boarding questions 
.OnboardingQuestionRowR {
    TEXT-ALIGN: left;
    border: none;
    BACKGROUND-COLOR: #ffffff;
}*/

/* Questions page and forms review 
 #tblDDOnboarding, #tblOnboardingReview 
 {
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #ffffff;
}
*/

/* Instructions for the Forms Review table 
.OnboardingReviewTableInstructions {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #ffffff;
}


/* Title for the Forms Review table */
.OnboardingReviewTableTitle {
    text-transform: capitalize;
	text-align: left;
    font-size: 1.5em;
	FONT-WEIGHT: bold;
}

/* Table header above the forms to be reviewed */
.OnboardingReviewTable {
    border: 1px solid gray;
    margin-left: 50px;
}

/* Header for the Forms Review table */
.OnboardingReviewTableHeader {
    TEXT-ALIGN: left;
    border: 1px solid gray;
    BACKGROUND-COLOR: #dcdcdc;
	font-weight: bold;
}

/* Main Row for the Forms Review table */
TD.OnboardingReviewTableMainRow {
    TEXT-ALIGN: left;
    border: 1px solid gray !important;
    BACKGROUND-COLOR: #ffffff !important;
}

/* Alternating Row for the Forms Review table */
TD.OnboardingReviewTableAltRow {
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #f1f1f1 !important;
    border: 1px solid gray !important;
}

/* Title and 'agreement' wording for the PDF Disclosure form page */
.PDFDisclosureHeader 
{
    text-transform: capitalize;
	text-align: left;
    font-size: 1em;
	FONT-WEIGHT: bold;
}

/* Text for the PDF Disclosure form */
.PDFDisclosure 
{ 
	
}


.PDFFormHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #555555;
	color: yellow;
}

span.lblDiscInstructions 
{
   color: purple; 
}

/*
Header for the Onboarding Review table for forms
/* Password caption on the forms */
span#lblPwd.PDFHeader {
    text-transform: capitalize;
	text-align: left;
    font-size: 1em;
}

/*Formatting for the fields on the form */
/*makes the input boxes as large as possible*/
/*Note: fields on the password creation & password input are specifically listed because they were referening the standard input and not the text type input */
input#btnApprove
{
	display: inline-block;
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 5px;
    background: #008c95;
    /* background-image: linear-gradient(to right, #d14600, #ff5f0f); */
    font-size: 1em;
    font-weight: bold;
    color: #fff;
}


/*for screens smaller than 690 - change some things so they fit on the small screen */
@media only screen and (max-width: 690px) and (min-width: 1px) 
{
	
/*This will set the width for all of the fields on the screen. Dropdowns are slightly narrower.
#CRAppSSMain1_tblDDContactInfo
{
    width: 70% !important;
}

/* To set the dropdowns separately, - it will override the above statement for only dropdowns
#CRAppSSMain1_cmbHomeState, #CRAppSSMain1_cmbHomeCountry, #CRAppSSMain1_cmbPrimaryPhone,
#CRAppSSMain1_cmbRefCat, #CRAppSSMain1_cmbReferralSource, #CRAppSSMain1_cmbPositionDesired 
{
    width: 180px !important;
} 
*/

#CRAppSSMain1_txtResume, #CRAppSSMain1_lblDDResumeInst 
{
    width: 60% !important;
    height: 200px;
}

#CRAppSSMain1_tblDisabilityFormContainer,
#CRAppSSMain1_tblDDDisabilityForm,
#CRAppSSMain1_tblDisabilityFormContainer 
{
    max-width: 40% !important;
    font-size: 8pt !important;
    margin-left: -10px;
}

label.CaptionStyle, label.RequiredCaptionStyle 
{
    FONT-SIZE: 1em !important;
}

#CRAppSSMain1_tblDDResume, #CRAppSSMain1_lblDDResumeInst > span 
{
    width: 60% !important;
}



#CRAppSSMain1_tblDDAllQuestions * 
{
    width: 90% !important;
}

#CRAppSSMain1_tblDDMain 
{
    z-index: 1000;
}
    
#CRAppSSMain1_txtCreateNewPwd, #CRAppSSMain1_txtCreateNewPwd2 
{
    width: 150px !important;
}
/* tables from onboardingquestions page*/
#tblDDOnboarding * 
{
    width: 60% !important;
}

#tblDDOnboardingButtons1, #tblDDOnboardingButtons2 
 {
    width: 100%;
    display: inline;
    display: flex;
    flex-direction: column;
    font-size: 8px !important;
}

/* Resume upload box */
#CRAppSSMain1_TRUpload1, #CRAppSSMain1_TRUpload2 
{
    max-width: 50% !important;
}

#CRAppSSMain1_loResume 
{
    max-width: 50% !important;
}

.OnboardingReviewTable 
{
    margin-left: -15px;
    margin-left: 5px;
    width: 60% !important;
    BACKGROUND-COLOR: white !important;
    border: 0px !important;
}

#CRAppSSMain1_txtCoverLetter 
{
    width: 80% !important;
    height: 200px !important;
}

#CRAppSSMain1_fileParsefile0 
{
    width: 60% !important;
}

#CRAppSSMain1_fileParsefakeInput0 
{
    width: 50% !important;
}

#CRAppSSMain1_HORIZLINE 
{
    width: 80% !important;
}

.t-col 
{
    padding-left: 0px;
    padding-right: 0px;
    min-height: 1px;
    float: none;
}
     
}