/*  

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. 

*/

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

/* whole page - what is the background color */
body {
    background-color: #ffffff;
}

/* paragraph of text */
p
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

span
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

label
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

/* table header information */
TH
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

/* table data */
TD
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

/* Bullets in a list */
li
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

/* Headers Styles allow you to make some items larger in the editor tool. Set the style here and just use the tag in the editor tool. */
h1
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 4em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

h2
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 3em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

h3
{ 
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 2em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

/* Display of generic links (not visited, visited, hover-over) - for example a link to the EEO rules page */
a:link {
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #e25b00;
}

a:visited {
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: none;
	COLOR: #e25b00;
}

a:hover {
	FONT-FAMILY: Open Sans;
	FONT-SIZE: 1em;
	FONT-WEIGHT : normal;
	TEXT-DECORATION: underline;
	COLOR: #e25b00;
}

/**** 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.  

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;
}

/* 
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 
{ 
}

/**** Styles in this section control items once the applicant is logged into the self service portal ****/
/* Dispaly of the applicant name */
span.AppNameStyle 
{
    FONT-SIZE: 14pt;
    COLOR: #e25b00;
}

span.AppNameStyleWhite 
{
    FONT-SIZE: 14pt;
    COLOR: white;
}

/**** Items below are all related to the "Tasks" feature ****/
/* Title of the section */
TH.TaskTitleBackground 
{
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
    border-bottom: 1px #3b3b3b;
}
/* Format of the table */
.TaskTableStyle {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR: black;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
    border: 1px #3b3b3b;
}

/* Background of the table */
.TaskTableBackground {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR: black;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #dcdcdc;
    border-right: 1px solid gray;
}

/* Background of the last column in the table */
.TaskTableBackgroundLastCol {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR: black;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #dcdcdc;
    border: none;
}

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

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

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

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

/*
Fonts for the Page Names
Header for the Onboarding Review table for forms
Header for the Onboarding Questions table
Header on the PDF review page*/
span.HeaderStyle, td.OnboardingReviewTableTitle, span.lblDDOnboardingHeader, td.OnboardingQuestionsTableTitle, span#lblPwd.PDFHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR: #3b3b3b;
    TEXT-DECORATION: none;
    text-transform: uppercase;
    line-height: 36pt;
    /*  TEXT-DECORATION: underline;*/
    BACKGROUND-COLOR: white;
}

/* Header Row of the tables on theses 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: #d6d6d6;
    BORDER-BOTTOM: 1px solid black;
    BORDER-TOP: 1px solid black;
}

/**** Items in this section are 99% use for the job search and browsing ****/

/* 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: #3b3b3b; 
}

a.ReqSort:visited 
{
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

a.ReqSort:hover 
{
	TEXT-DECORATION: none;
	COLOR: #3b3b3b; 
}

a.Withdraw
{ 
	COLOR: darkgreen;
}

a.Incomplete
{ 
	COLOR: red;
}

span.Complete
{ 
	COLOR: darkgreen;
}

/* 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: 10pt;
    FONT-WEIGHT: bold;
}

/**** Items in this section are used for the online application and the data entry page *****/

/* 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;
}

/* Fonts for captions connected to fields which are required. Non-Required captions are controlled by CaptionStyle */
span.RequiredCaptionStyle 
{
    COLOR: #0191C8;
}

label.RequiredCaptionStyle 
{
    COLOR: #0191C8;
}

/* Captions to Create the Password */
#CRAppSSMain1_lblCreateNewPwd, #CRAppSSMain1_lblCreateNewPwd2, #CRAppSSMain1_lblLoginMessage {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    COLOR: #3b3b3b;
}

/* Links for the "Add" option on the various pages (not visited, visited, hover) */
a.Add:link 
{
    COLOR: #0191C8;
}

a.Add:visited 
{
    COLOR: #0191C8;
}

a.Add:hover 
{
    COLOR: #0191C8;
}

/* Links for the "Edit" option on the various pages (not visited, visited, hover) */
a.Edit:link 
{
    COLOR: green;
}

a.Edit:visited 
{
    COLOR: green;
}

a.Edit:hover 
{
    COLOR: green;
}

/* Links for the "Delete" option on the various pages (not visited, visited, hover) */
a.Delete:link 
{
    COLOR: red;
}

a.Delete:visited 
{
    COLOR: red;
}

a.Delete:hover 
{
    COLOR: red;
}

/**** Items in this section all relate to the collection of onboarding questions and forms review ****/
 
#tblDDOnboarding, #tblOnboardingReview {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
}

#CRAppSSMain1_lblDDMainMessage, span.lblDiscInstructions {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    BACKGROUND-COLOR: white;
    border: none;
}

/*On-boarding Questions Table */
.OnboardingQuestionsTable, TD.OnboardingQuestionsTable {
    BACKGROUND-COLOR: white;
}

/* Header for the On-boarding Questions */
.OnboardingQuestionsTableHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    border: 1px solid gray;
    BACKGROUND-COLOR: white;
}

/* Title for the on-boarding Questions page */
.OnboardingQuestionsTableTitle {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    border: none;
    BACKGROUND-COLOR: white;
}

/* Main row for the on-boarding questions */
.OnboardingQuestionRow {
    FONT-FAMILY: Open Sans;
    /*'FONT-SIZE: 1em;*/
    FONT-WEIGHT: bold;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: center;
    border: none;
    BACKGROUND-COLOR: white;
}

/* Review row for the on-boarding questions */
.OnboardingQuestionRowR {
    FONT-FAMILY: Open Sans;
    /*FONT-SIZE: 1em !important;*/
    FONT-WEIGHT: bold;
    COLOR: red;
    TEXT-ALIGN: center;
    border: none;
    BACKGROUND-COLOR: white;
}

/* Review table for the Forms Review */
.OnboardingReviewTable {
    BACKGROUND-COLOR: white;
    border: 1px solid gray;
    margin-left: 50px;
}

/* Title for the Forms Review table */
.OnboardingReviewTableTitle {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: white;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Instructions for the Forms Review table */
.OnboardingReviewTableInstructions {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white;
}

/* Header for the Forms Review table */
.OnboardingReviewTableHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    border: 1px solid gray;
    BACKGROUND-COLOR: #dcdcdc;
}

/* Main Row for the Forms Review table */
TD.OnboardingReviewTableMainRow {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    border: 1px solid gray !important;
    BACKGROUND-COLOR: white !important;
}

/* Alternating Row for the Forms Review table */
TD.OnboardingReviewTableAltRow {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #f1f1f1 !important;
    border: 1px solid gray !important;
}

/* Header for the PDF Disclosure review page */
.PDFHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: normal;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white !important;
}

/* Header for the PDF Disclosure form page */
.PDFDisclosureHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR:  #3b3b3b;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: white !important;
}

/* Text for the PDF Disclosure form */
.PDFDisclosure {
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    padding: 0 27px 17px;
    COLOR:  #3b3b3b;
    font-family: "Helvetica Neue",Arial,sans-serif;
    BACKGROUND-COLOR: white !important;
}

.PDFFormHeader {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: white;
}
@media only screen and (min-width: 361px) and (max-width: 800px) {
    .t-col-sm-12 {
        width: 80%;
    }
}

/* Left-manu background color - non-current page 
TR.MMBackGround {
    BACKGROUND-COLOR: purple;
}
*/

/* Left-menu background color - current page
TD.MMCurrent {
    BACKGROUND-COLOR: #d6d6d6;
}
*/


/**************************************************************************************/
/*for screens larger than 690px */
@media only screen and (min-width: 690px) 
{

/* Turn off the mobile menu for screens larger than 690px*/
#CRAppSSMain1_RadMenuMobile 
{
    display: none;
}

header#top #logo img 
{
    max-height: 100px;
    text-indent: -9999px;
    max-width: none;
    width: auto;
    transition: opacity 0.4s ease;
    }
/*radmenu styling (RadMenu is the menu on the left side of the screen when not in wizard mode) */
div.RadMenu, div.RadMenuPopup.RadMenuPopup_Default, #CRAppSSMain1_RadMenuMain, .RadMenu, .RadMenu .rmLink 
{
    color:  #3b3b3b;
    position:unset;
}

/* Main Attributes*/
#CRAppSSMain1_RadMenuMain 
{
}

.RadMenu .rmRootToggle 
{
    margin-left: 18px !important;
}

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

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

#CRAppSSMain1_RadMenuMain:visited 
{
}

#CRAppSSMain1_RadMenuMain:hover 
{
}

#CRAppSSMain1_txtResume 
{
    height: 400px;
    width: 100% !important;
}

/*This will set the width for all of the fields on the screen. Dropdowns are slightly narrower.*/
#CRAppSSMain1_tblDDContactInfo * 
{
  /*  width: 180px !important;*/
}

/* #CRAppSSMain1_tblPrevEmpDetail */
/* 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: 179px !important;
}

label.AQCaptionStyle, label.AQRequiredCaptionStyle 
{
    FONT-SIZE: 10pt !important;
}

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

#CRAppSSMain1_tblDDPersonalInfo * 
{
    width: 60% !important;
}

#CRAppSSMain1_tblReqs,#CRAppSSMain1_TRReqsAppliedFor, #CRAppSSMain1_tblDDReferences, #CRAppSSMain1_tblEduDetail, #CRAppSSMain1_tblPrevEmpDetail, #CRAppSSMain1_tblSecurityClearanceDetail, #CRAppSSMain1_tblMilitaryDetail, #CRAppSSMain1_tblAttachDetail, #CRAppSSMain1_tblNPNotifDetail, #CRAppSSMain1_tblSkillsDetail 
{
    width: 80% !important;
}

#CRAppSSMain1_tblDDHistBrowse, #CRAppSSMain1_CRAppSSMain1_tblReqsPanel 
{
    width: 100% !important;
}

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

.OnboardingReviewTable 
{
    BACKGROUND-COLOR: white !important;
    border: 0px !important;
    margin-left: 5px !important;
 }
 
 .logo 
 {
    background-color: none;
    /*position: fixed;*/
    width: 100%;
    top: 0;
    margin-top: 20px;
    z-index: 1000;
 }

.container 
{
    min-height: 100%;
    position: relative;
}
 }

/**************************************************************************************/
/*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;
}

#RadMenuMobile, .RadMenuMobile, #CRAppSSMain1_RadMenuMobile 
{
    /*  display: block;*/
    font-size: 10px;
}


#CRAppSSMain1_lblShowNonOpenJobs 
{
    font-size: 10px;
}

#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: 10pt !important;
}

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

/*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_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;
}
     
}