﻿div.wizard .hidden { display: none; }
div.wizard .visible { display: inline; }

.OAErrHidden { display: none; }
.OAErrVisible { display: block; margin-left:10px; margin-right:10px; }

div.wizard
{
	width: 100%;
	font-size: small;
}

.sidebarContainer{
    width:100%;    
}

@media(min-width:1024px)
{
    .sidebarContainer{
        width:24%;
        float:left;
        margin-top:11px;
        margin-left:8px;
        padding-bottom:0px;    
    }
}

div.wizard .header
{
	float: left;
	width: 74%;
	display:none;
	text-align: center;
	font-weight: bold;
}

div.wizard .sidebar
{
	border-top:0px none;
	font-size: 14px;
	line-height: 18px;
	padding:0px 5px;
	text-align: left;
	margin:0px;
}

div.wizard .jobTitle
{
	font-size: 24px;
	font-weight:bold;
	line-height: 18px;
	padding: 5px;
	text-align:left;
	margin:0px;
}

div.wizard .jobTitle label{
    position:relative;
    top:-12px;
    margin-bottom:-10px;
    left:0px;
    font-size:14px;
}

div.fieldSubHeader_td span.fieldSubHeader_td{
    vertical-align:middle;
}

.Wrapit
{
	white-space:normal;
	max-width: 200px;
}
.sideBarInstruction
{
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	text-align: left;
	/*margin-top:-10px;*/
	clear:both;
}

.saveexitdiv
{
    white-space: nowrap;
}

.saveexitdiv input
{
    overflow:auto;
}

div .sidebarlist{
    margin:0px;
}

.sidebarlist a
{
	margin: 5px;
	display: block;
	text-decoration: none;
}

div.wizard .sidebar a.active
{
	font-weight: bold;
	background-color: #e0e0e0;
}

div.wizard .sidebar a.pendingform
{
	color: #808080;
}

div.wizard .sidebar a:hover
{
	vertical-align: middle;
	text-decoration: none;
}

div.wizard div.step
{
	width: 100%;
}

@media(min-width:1024px)
{
    div.wizard div.step
    {
    	float: left;
    	width: 73%;
    	padding-left :0px;
    	margin-top:11px;
    }
}

.fieldSet{
    border:1px solid #cccccc;
    padding:0px;
    margin-top:0px;
    margin-left:8px;
    margin-right:8px;
}

div.wizard .inputs
{
}

.Field_container
{
 margin:0px;
 margin-bottom:10px;
 margin-right:10px;
}

.Field_container .labels, .Field_container .inputs{
    padding-left:8px;
}

div.wizard .nav
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 8px 10px 8px 0px;
    padding: 0;
    outline: 0;
    font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	float: right;
	text-align:right;
}


button.SkipMulti
{
	margin: 0px;
	margin-right:10px;
}


div.wizard .sidebarsave
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-top:8px;
    
    padding: 0px 0px 8px 0px;
    outline: 0;
    font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}


div.wizard .nipr th
{
	font-size:13px;
	line-height:15px;
	}
	
div.wizard .nipr td
{
	font-size:10px;
	}

/* --------- End Wizard control -----------------*/

div.wizard .requiredText
{
	text-align:right;
	}

.preview
{
	margin-left:3px;
	vertical-align:middle;
	color :#9999CC;
}
	
	
.dynamicStyle
{
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
	border:0px;
	}
	
.dividerStyle
{
	clear:both;
	height : 5px;
	}


.formDivider
{
    /*border-top:black 1px  solid;*/
    
}


.multiFormAddButton
{
	text-align:right;
	margin-bottom:8px;
	margin-right:8px;
	vertical-align:middle;
}
	
.MultiformDisableControl
{
    text-align:right;
    font-size:1.25em;
    margin:8px 0px;
}

.formHeaderText
{
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
	border:0px;
	width:50%;
	height :25px;
	vertical-align:middle;
	
}

.formHeaderDelete
{
	margin:0px;
	padding:0px;
	text-align:right;
	float:left;
	border:0px;
	width:50%;
	height :25px;
	
	}



/*------------Prescreen Questions-----------*/
div.prescreen{
    padding:0px 8px;
    margin:0px 0px 10px 0px;
    width:95%;
}
/*------------- Background Check---------*/
td.bgc_td{
    padding:3px 8px 3px 8px;
}

hr.bgc_hr{
    border:solid thin #cccccc;
}
td.note_td{
    padding:3px 8px 3px 8px;
    font-style:italic;
    font-size:.9em;
}

/*------------ SSN & DOB form------------*/

.ssn_insructions{
    margin:0px 8px 10px 8px;
}

/*----------- Assessments ------------*/
.assessment_summary{
    margin:0px 8px;
}

#assessment_instructions_div{

}

#assessmentButton_div{
    text-align:center;
    margin-top:15px;
}

.MultiformDisableControl
{
    text-align:left;
    padding-left:20px;
    font-weight:bold;
    font-size:2em;
    display:none;
}

.Multiform_Control_Div
{
    text-align:right;
    border-bottom:groove 1px #999999;
    padding-bottom:15px;
    clear: both; /*controls should always be on their own line*/
}

.IncompleteForm
{
    color:red;
}

/*------------------Apply Login Styles---------------------------*/
#WelcomeControls_div
{
    /*background:#D2D2FF;*/ /*commented out to satisfy implementations*/
    margin-top:0px;
}

@media(min-width:1024px)
{
    #WelcomeControls_div
    {
        float:right;
        width:250px;
        width: 25%;
    }
}

#WelcomeText_div
{
    display:block;
    float:left;   
    margin:8px;
}

@media(min-width:1024px)
{
    #WelcomeText_div
    {
        width:70%;
    }
}

.ExternalTop .langContainer
{
    text-align:center;
    margin:10px 0px;
}

.ExternalTop .langContainer ul
{
    list-style:none none inside;
    padding-left:0px;
}

.ExternalTop .langContainer ul li
{
    display:inline;
    margin-left:8px;
}

.ExternalTop .langContainer ul li span.selectedLanguage
{
    font-weight:bolder;
}

.ExternalTop #NewApplicant_div
{
    margin:10px 0px;
    padding:10px 0px;
    text-align:center;
    /*border-bottom:1px solid #aabbcc; */ /*commented out to satisfy implementations*/
    /*border-top:1px solid #aabbcc;*/
}


.ExternalTop #NewApplicant_div #NewApplicant_h3
{
    font-size:18px;
    text-align:center;
}

.ExternalTop #NewApplicant_div #ApplyButton_span
{
    margin:10px;
    display:block;
}

#ApplyButton_span a
{
	vertical-align:middle;
}

.ExternalTop #NewApplicant_div #ApplyButton_span a:hover
{
    text-decoration:none;
}

.ExternalTop #DOAlogin_div
{
    margin:10px 0px 20px 0px;
}

.ExternalTop #DOAlogin_div #loginForm_tb
{
    margin-left:auto;
    margin-right:auto;
}


.ExternalTop #DOAlogin_div #loginHeader_td #loginHeader_h3
{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin-bottom:5px;
}

.ExternalTop #DOAlogin_div #username_td
{

}

.ExternalTop #DOAlogin_div #usernameinput_td
{

}

.ExternalTop #DOAlogin_div #password_td
{

}

.ExternalTop #DOAlogin_div #passwordinput_td
{

}

.ExternalTop #DOAlogin_div #LoginSubmit
{
    text-align:center;
}

.ExternalTop #DOAlogin_div #loginSubmit_td
{
    text-align:center;
}


.ExternalTop #DOAlogin_div #loginValidation_td
{
   color:red;
}

.ExternalTop #DOAlogin_div #forgotPassword_td
{
    font-weight:bold;
    text-align:center;    
}

.ExternalTop #DOAlogin_div #forgotPassword_td {
    font-size: 1em;
    line-height: 4em;
}

@media(min-width: 1024px) {
    .ExternalTop #DOAlogin_div #forgotPassword_td {
        font-size: 9px;
        line-height: 16px
    }
}

/*------------------------------------------------------------------*/

/*---------------------CandidatePortalStyles-----------------------*/

#candidateTopRow_div
        {
            width:100%;
        }
        .wpCandidateTopRow{
            margin:10px auto 10px auto;
            
        }
        @media(min-width:1024px)
        {
            .candidateLeftColumn
            {
                width:480px;
                float:left;
                margin:10px 10px 10px 10px;
            }
            .candidateRightColumn
            {
                width:480px;
                float:left;
                margin:10px 10px 10px 10px;
            }
        }

        
.CandidateAccountBar{
        
        }

/*-----------------------------------------------------------------*/

/*------------------ upload control mobile styles -----------------*/

@media not all and (min-width:1024px)
{
    .plupload_file_size, .plupload_file_status
    {
        display: none;
    }

    .plupload_file_action
    {
        margin-left: 5px;
    }

    .uploadcontrol_successlist
    {
        width: 100%;
    }

    .uploadcontrol_successlist_actions
    {
        min-width: 48px;
    }
}

/*-----------------------------------------------------------------*/

/*------------------- SSNDOB Static Form Styles -------------------*/

#interfaceContent_StaticForm_divSSN, #interfaceContent_StaticForm_divSSNConfirm
{
    margin-bottom: 10px;
}

@media(min-width: 1024px)
{
    #interfaceContent_StaticForm_divSSN
    {
        width: 35%;
        float: left;
        margin-bottom: 0;
    }
    
    #interfaceContent_StaticForm_divSSNConfirm
    {
        width: 65%;
        float: left;
        margin-bottom: 0;
    }
}

/*-----------------------------------------------------------------*/

/*------------- Work Availability Static Form Styles --------------*/

.workAvailabilityDesktopLabel_td {
    display: none;
}

.workAvailabilityMobileLabel_td {
    white-space: normal;
    width: 18px;
}

#interfaceContent_StaticForm_lblDateAvailable
{
    white-space: normal;
}

@media(min-width: 1024px) {
    .workAvailabilityMobileLabel_td {
        display: none;
    }

    .workAvailabilityDesktopLabel_td {
        width: 10%;
        display: table-cell;
    }

    #workAvailability_tb > tbody > tr:nth-child(n+3) > td:nth-child(n+2) {
        text-align: center;
    }

    #workAvailability_tb > tbody > tr:last-child > td:nth-child(n+2) {
        text-align: left;
    }
}

/*-----------------------------------------------------------------*/

/*------------------ General Mobile Page Styles -------------------*/

@media not all and (min-width: 1024px) {
    h1 {
        margin-left: 8px;
    }

    #FieldsFieldset {
        border: none;
        margin: 0px 8px;
        padding: 0px 0px;
    }

    #FieldNav {
        margin-right: 8px;
    }

    #interfaceContent_btnSaveExitMobile, #interfaceContent_btnPrevious, #interfaceContent_btnSkipMobile,
    #interfaceContent_btnNext, #interfaceContent_btnFinish, #interfaceContent_btnExit {
        margin-bottom: 5px;
    }
}
    
/* mobile nav styles*/
#getFormMobileNavBar {
    display: block;
    margin: 0 8px;
}

#getFormNavMenu {
    display: none;
}

@media(min-width: 1024px) {
    #getFormNavMenu {
        display: inline;
    }

    #getFormMobileNavBar {
        display: none;
    }

    .saveexitdiv {
        display: block;
    }
}

@media not all and (min-width: 1024px) {
    #getFormNavMenu {
        z-index: 1;
        width: 85%;
        height: auto;
        position: absolute;
        background-color: #FFF;
    }

    .saveexitdiv {
        display: none;
    }

    div.wizard .sidebar > div {
        min-height: 18px;
    }
    
    div.wizard .sidebar a.inactive::before
    {
    	content:url(../images/icoCheck.gif);   
    }

    div.wizard .sidebar a.active, div.wizard .sidebar a.pendingform {
        margin-left: 23px;
    }
}

/* buttons */
#interfaceContent_btnSkipMobile, #interfaceContent_btnSaveExitMobile {
    display: inline-block;
}

#interfaceContent_btnSkip {
    display: none;
}

@media(min-width: 1024px) {
    #interfaceContent_btnSkipMobile, #interfaceContent_btnSaveExitMobile {
        display: none;
    }

    #interfaceContent_btnSkip {
        display: inline-block;
    }
}

/*-----------------------------------------------------------------*/

/*-------------------- Multi Entry Form Styles --------------------*/

.multiEntryRecord_tb {
    width: 100%;
    table-layout: fixed;
}

.multiEntryRecordDataMobile_td {
    line-height: 125%;
    word-wrap: break-word;
}

=======

/*-----------------------------------------------------------------*/

/*------------------- SSNDOB Static Form Styles -------------------*/

#interfaceContent_StaticForm_divSSN, #interfaceContent_StaticForm_divSSNConfirm
{
    margin-bottom: 10px;
}

@media(min-width: 1024px)
{
    #interfaceContent_StaticForm_divSSN
    {
        width: 35%;
        float: left;
        margin-bottom: 0;
    }
    
    #interfaceContent_StaticForm_divSSNConfirm
    {
        width: 65%;
        float: left;
        margin-bottom: 0;
    }
}

/*-----------------------------------------------------------------*/

/*------------- Work Availability Static Form Styles --------------*/

.workAvailabilityDesktopLabel_td {
    display: none;
}

.workAvailabilityMobileLabel_td {
    white-space: normal;
    width: 18px;
}

#interfaceContent_StaticForm_lblDateAvailable
{
    white-space: normal;
}

@media(min-width: 1024px) {
    .workAvailabilityMobileLabel_td {
        display: none;
    }

    .workAvailabilityDesktopLabel_td {
        width: 10%;
        display: table-cell;
    }

    #workAvailability_tb > tbody > tr:nth-child(n+3) > td:nth-child(n+2) {
        text-align: center;
    }

    #workAvailability_tb > tbody > tr:last-child > td:nth-child(n+2) {
        text-align: left;
    }
}

/*-----------------------------------------------------------------*/

/*------------------ General Mobile Page Styles -------------------*/

@media not all and (min-width: 1024px) {
    h1 {
        margin-left: 8px;
    }

    #FieldsFieldset {
        border: none;
        margin: 0px 8px;
        padding: 0px 0px;
    }

    #FieldNav {
        margin-right: 8px;
    }

    #interfaceContent_btnSaveExitMobile, #interfaceContent_btnPrevious, #interfaceContent_btnSkipMobile,
    #interfaceContent_btnNext, #interfaceContent_btnFinish, #interfaceContent_btnExit {
        margin-bottom: 5px;
    }
}
    
/* mobile nav styles*/
#getFormMobileNavBar {
    display: block;
    margin: 0 8px;
}

#getFormNavMenu {
    display: none;
}

@media(min-width: 1024px) {
    #getFormNavMenu {
        display: inline;
    }

    #getFormMobileNavBar {
        display: none;
    }

    .saveexitdiv {
        display: block;
    }
}

@media not all and (min-width: 1024px) {
    #getFormNavMenu {
        z-index: 1;
        width: 85%;
        height: auto;
        position: absolute;
        background-color: #FFF;
    }

    .saveexitdiv {
        display: none;
    }

    div.wizard .sidebar > div {
        min-height: 18px;
    }
    
    div.wizard .sidebar a.inactive::before
    {
    	content:url(../images/icoCheck.gif);   
    }

    div.wizard .sidebar a.active, div.wizard .sidebar a.pendingform {
        margin-left: 23px;
    }
}

/* buttons */
#interfaceContent_btnSkipMobile, #interfaceContent_btnSaveExitMobile {
    display: inline-block;
}

#interfaceContent_btnSkip {
    display: none;
}

@media(min-width: 1024px) {
    #interfaceContent_btnSkipMobile, #interfaceContent_btnSaveExitMobile {
        display: none;
    }

    #interfaceContent_btnSkip {
        display: inline-block;
    }
}

/*-----------------------------------------------------------------*/

/*-------------------- Multi Entry Form Styles --------------------*/

.multiEntryRecord_tb {
    width: 100%;
    table-layout: fixed;
}

.multiEntryRecordDataMobile_td {
    line-height: 125%;
    word-wrap: break-word;
}

.multiEntryRecordLabelMobile_td {
    font-weight: 700;
    width: 50%;
    line-height: 125%;
}

/*-----------------------------------------------------------------*/

/*------------------- Select Max Width in Mobile ------------------*/


@media not all and (min-width: 1024px) {
    .FieldContainer .inputs select {
	    max-width: 200px;
    }

    .Field_container .inputs select {
	    max-width: 200px;
    }

}

/*-----------------------------------------------------------------*/