/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 5, 2014, 4:31:57 PM
    Author     : wrights
*/

h1{
margin: 0 !important;
font-size: 1em !important;
padding-top: .5em;
}

.ui-layout-pane {
    border: 0;
}

.ui-layout-container {
  margin-left: auto;
  margin-right: auto;
}

/*################
jobDetails.xhtml
################*/
.pGrids, td, tr, table
{
  padding: .3em;
}
.pGrids tr, .pGrids td
{
  border: none;
  padding: .3em;
}
.pGridA
{
  display: block;
  width: 100% !important;
  padding: .1em;
  border-top: solid;
}
.greyPods, .pGridA td, .pGridA tr, .pGridA span
{
  padding: .1em;
  border: none;
}
.dataListNoShiftNoBorder .ui-datalist-content
{
  padding: 0 !important;
  margin: 0 !important;
  border: none !important; 
}
.mainPanel
{
  max-width: 46em;
  margin-left: auto;
  margin-right: auto;
}
.jobDetailsMainPanel
{
  border-style: solid;
  border-color: lightgray;
  border-width: 0.15em;
  padding: none !important;
}
.jobDetailsMainOutputPanel
{
  padding: 0.5em 1em !important;
}
.jobDetailsFeatured
{
  position: absolute; z-index: 1;
}

.jobDetailsTitleLabel
{
  font-size:150%; 
  z-index: 1; 
  position: relative !important;
  top: -0.13em !important;
  right: -0.8em !important;
}

.subPanel
{
  display: block;
  border: none;
}

.boldText
{
  font-weight: bold;
}
/*###################
requisitionList.xhtml
###################*/
.alignleft {
  display: inline-block;
  vertical-align: text-top;
  float: left;
}

.alignfarright {
  display: inline-block;
  vertical-align: text-top;
  float: right;
}

.text-right,
div.alignrightCount{
  text-align:right;
}

.link {
  font-size: 1.2em;
}

.hiddenPanel, .hiddenPanel td, .hiddenPanel tr
{
  border: none;
}

.dataList-noBorder .ui-widget-content{
  border: none !important;
}

.dropDown, .dropDown td, .dropDown tr
{
  border-style: none; 
}

#secondaryForm{
  margin-top:0.313em;
}

/*REC-189*/
.optionBar
{
  max-width: 56em;
  display: block;
  float:right;
  margin-top: 0.25em;
}

.mainGrid td, .mainGrid tr
{
  border: none;
  padding: .1em;
}
.fieldLabel
{
  font-size: 0.7em;
}
.mainGrid
{
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}

.keywordField
{
  width:80%;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  -khtml-border-radius: 10px;
}

.curvedBorder
{
  border: solid; 
  border-width: 2px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  -khtml-border-radius: 10px;
  border-color: lightgrey;
  padding-bottom: 1.250em;
}

.ui-menu{
  padding: 0em 0em 0.063em 0em;
}

.ui-menuitem-text {
font-weight: bold;
}

.ui-menu-parent{
  background-color: #F5F8F9;
}

.ui-tabmenuitem{
margin-bottom: 0 !important;
}

.ui-menuitem-link{
  padding:auto;
}

.ui-helper-clearfix{
  height:auto !important;
}

.blueLink
{
  font-size: 85% !important;
}

.welcomeDiv
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.welcomeMessage
{
  
}

.centered
{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.right-align
{
  margin-left:auto;
  margin-right:right;
  text-align:center;
}
/*###################
header.xhtml
###################*/
.banner {
  float: left;
  background-color: lightgrey;
}

/*###################
This makes the account menu show on top of other components
###################*/
.ui-layout-north {
  z-index:20 !important;
  overflow:visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
  overflow:visible !important;
}

/*###################
This is for the header and footer in the template
###################*/

.header ui-layout-unit, .header ui-widget, .header ui-widget-content, .header ui-corner-all, .header ui-layout-east, .header ui-layout-pane,
.header ui-layout-pane-east {
   position: relative;
}

/*###################
login.xhtml
###################*/

.loginMaster
{
  font-size: 0.8em;
  font-weight: bold;
  max-width: 50em;
}

.loginMaster .ui-fieldset-legend {
  padding-left: 0 !important;
  font-size: 1em;
}

.loginMaster > .ui-fieldset-content > div {
  margin-bottom: 1em;
}

.loginMaster label, .loginMaster a {
  margin-bottom: .25em;
}

.loginLink
{
  font-weight: bold;
  color: black !important;
  font-size: 0.75em !important;
  margin-bottom: 0 !important;
}

.ui-menuitem {
margin: 0px !important;
}

.rightMargin {
  margin-right: 0.5em;
}

/*###################
resume.xhtml
###################*/

.resumeContainer
{
  min-height: 30em;
}

.resumeTab
{
  
}

.hiddenPanel .saveButton {
  float: right;
}

TD.ui-panelgrid-cell.resumeSave {
  padding: 4px;
}

.internalTab
{
  padding-left: 0;
  padding-right: 0;
}

.internalTab, .internalTab tr, .internalTab td
{
  border: none !important;
  border-style: none !important;
}

.buttonGrid, .buttonGrid td, .buttonGrid tr
{
  border: none;
  margin-left:auto;
  margin-right:auto;
}

.tipText
{
  font-style: italic;
  font-size: 0.750em;
}

/*Employee Preferences*/
.empPreftextAreaWidth{
  width:95.5%; 
  margin-left: 0.625em;
}

.bottomAlignment {
  vertical-align: bottom;
  height: 100%;
}

.anyLocation {
  padding-right: 0.5em;
}

.bottomAlignment .checkboxLabel {
  vertical-align: middle;
}

.bottomPadding { 
  padding-bottom: 2em;
}

.counterStyle{
  font-style: italic;
  font-size: 0.625em;
}

/*###################
Dialog Boxes
###################*/

.dialogGrid
{
  max-width: 60em; 
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
}

.dialogGrid td, .dialogGrid tr
{
  border: none;
  padding: 0.5em;
}

/*###################
Tristan does not know where else to put this
###################*/
.colAlignLeft
{
  text-align: left;
}

.colAlignBottom
{
  vertical-align: bottom;
}

/*###################
Resume Pages
###################*/

.ui-messages.resumeMessages  > .ui-messages-error {
  font-size: 0.9em !important;
  font-style: italic !important;
  border:none !important; 
  background: none !important;
}

.resumeInfoList, .resumeInfoList tr, .resumeInfoList td
{
  border: none !important;
}

.referenceInfoList, .referenceInfoList tr, .referenceInfoList td
{
  border: none !important;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  text-align:left;
}

.referenceInfoListColumn, .referenceInfoListColumn tr, .referenceInfoListColumn td
{
  border: none !important;
}

.refCountStyle{
  font-style: italic;
  font-size: 1em;
}

.divCountStyle{
  padding: 0 !important;
  margin: 0 !important;
}

table.popupTxtAlign{
  text-align: left;
}
td.popupColPad{
  padding-left: 6.250em;
}

/*###################
Apply Pages
###################*/
.internalValidationTab
{
  margin: 0 auto !important;
}

.internalValidationTab td, .internalValidationTab tr
{
  border: none;
}

.internalTab td .dscRequired
{
  border-color:red;
}

.nocellborder td, .nocellborder tr {
  border: none !important;
  padding: 0%;
}

/*###################
Loading Dialog
###################*/
.ui-widget-overlay {
  background: none;
  background-color: #747474;  
}

.ui-fieldset {
  border: none;
}

.register-fieldset .ui-fieldset-legend {
  padding-left: 0 !important;
}

.register-fieldset {
  max-width: 24em;
}

.resumeFieldSet .ui-fieldset-legend  {
  color: #444444 !important;
  font-size: 1.275em !important;
}

/* This is to match in primefaces: .ui-panelgrid .ui-panelgrid-cell
 * These stacked-dsc-containers will not be in a panelgrid. Removed the Left/Right padding
 */
.ui-fieldset .ui-fieldset-content > .stacked-dsc-input {
  padding: 4px 0;
}

.ui-fieldset-legend {
  background: none !important;
  border: none !important;
  font-weight: bold;
}

div .ui-fieldset-content {
    padding-top: 0.625em !important;
}

.noBorder .ui-fieldset-content {
  border: none !important;
}

.profileSep hr{
  width: 90% !important;
}

.ui-fieldset.address-fieldset .ui-fieldset-content,
.profileFieldLabel{
  font-size: 0.750em !important;
}

.ui-fieldset.address-fieldset .ui-fieldset-legend {
	font-weight: bold !important;
	color: #444444;
}

.resume-fieldset .ui-fieldset-legend  {
  color: #444444 !important;
}

.profileHeaderLabel{
  font-size: 1em !important;
  font-weight: bold;
}

.resumeContainer {
border: none;}

.continue-application {
  float:right;
  z-index:1;
}
/********************************************/
.ui-panelgrid .ui-fieldset-legend, .ui-dialog-content .ui-fieldset-legend {
    padding: 0.5em 0em 0em 0em;
}

.ui-dialog-buttonpane {
  text-align: center !important;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.form {
  margin: 0.5em 0;
}

.ui-widget {
  font-size: 1em ;
  vertical-align: top;
}

.ui-menu-child {
	width: 14em !important;
}

.ui-menu-child li a{
	width: 11.6em !important;
}

#socialMediaDialog {
    width: 31.250em !important;
    text-align: left;
}

.title {
  font-size: 1.15em;
}

.jobtitle{
	font-size: 1.7em; 
	font-weight: bold;
	padding-top:5px;
	padding-bottom: 10px;
}

.jobInfoText {
     clear: both;
    font-size: small;
}

.content-width {
  max-width: 65em; 
  max-height: 95%; 
  min-height: 95%; 
  margin-left: auto; 
  margin-right: auto;
}

#recaptcha_area {
  margin-left: 0px !important;
  margin-top: 10px;
}

.regButton {
  float: left;
  margin-left: 10px;
}

.dataTableRow
{
	overflow: visible !important;
  font-size: 85%;
  margin: 0%;
}

.dataTable .ui-datatable-scrollable-header {
  overflow: visible;
  
}

.ui-dialog-buttonpane button {
  margin-left: 10px !important;
  padding: 0px !important;
}

.datatable-widget-content table tr td {
  background: inherit !important;
}

.ui-tabs-panel {
  padding: 0px !important;
  margin: 0px !important;
}

.width100Percent {
  width: 100%;
}
.width90Percent {
  width:  90%;
}
.width80Percent {
  width:  80%;
}
.width70Percent {
  width:  70%;
}
.width65Percent {
  width:  65%;
}
.width50Percent {
  width:  50%;
}
.width25Percent {
  width:  25%;
}
.width20Percent {
  width:  20%;
}
.width15Percent {
  width:  15%;
}
.width10Percent {
  width:  10%;
}

.labelAlignLeft{
  text-align: left !important;
}

.labelAlignCenter{
  text-align: center !important;
}

object[type="application/pdf"] {
  min-height: 792px;
}

.ui-datatable-header {
  text-align: left !important;
}
.applyViewResumePanel{
  font-size: 95% !important;
}
.applyViewResumeGrid {
  width: 100%;
}
.applyViewResumeGrid tr, .applyViewResumeGrid td {
  padding:.3em;
}
.viewResumeGridBold {
  font-weight: bold;
}
.viewResumeGrid{
  font-size: 12px !important;
  font-weight: normal !important;
}

.eeo {
  width: 100%;
}
.eeoMessage {
  text-align: center;
}

/*REC-198*/
.ui-outputlabel-rfi {
  color: red !important;
}

.ui-datepicker-trigger{
  height:1.781em;
}

.resumeDataTable {
  padding: 0.5em 0;
}

.ui-datatable-odd .ui-widget-content {
  background-color: inherit;
}

.ui-panel-content .ui-widget-content{
  padding-left: 0;
  padding-right: 0;
}

.ui-helper-clearfix {
  height: 150%;  
}

.screeningPanels {
  width: 100%;
  text-align: left;
  padding: 2em;
  margin-left:auto;
  margin-right:auto;
}

.transparency, .transparency tr, .transparency td {
  background-color: transparent !important;
}

.transparentTabs, .transparentTabs tr, .transparentTabs td {
  background-color: transparent !important;
  padding: .1em;
} 

#mainForm tr {
  background-image: none !important;
  background-color: transparent !important;
}

.noBorder{
    border-style: none !important;
}

.DataTable table > thead > tr > th,
    .DataTable table > tbody,
    .DataTable table > tbody > tr,
    .DataTable table > tbody > tr > td {
        border: none !important;
    }

.hide-column-names table thead tr {
   display: none;
}
div.ui-datatable table thead tr{
  border: none !important;
    border: hidden !important;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.ui-panel-content .ui-widget-content .media {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.headerLink{
  float: right; 
  font-size: 80% !important;
}

.savedSearchScroller{
  height: 4em;
}

.savedSearchFont{
  font-size: 0.8em;
}

.panelGridHeader {
  color: rgb(51, 51, 51);
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

.dataList-noBorder-noBullets .ui-widget-content{
  border: none !important;
}

.dataList-noBorder-noBullets .ui-datalist-data{
  list-style-type: none !important;
}

.dataLabel {
  font-weight: bold;
}

.dataTable td {
  vertical-align: text-top;
}

.dataTableRow tr {
  font-size: 0.85em;
}

.dataTableRow .alignfarright.text-right {
    clear: both;
    float: none;
    text-align: left;
    display: block;
}

.dataTable .alignMiddleRight {
vertical-align: middle;
text-align: right;
}

.noPadding {
  padding: 0;
}

.savedSearchScroller .ui-widget-content {
    border: 0 none;
}

.job-classification-overlay-panel .ui-tree .ui-tree-container {
  overflow: auto !important;
  max-height: none\9;
  max-height: 25em !important;
}

.job-classification-button .ui-button-text {
  align-text: left;
  padding: 0.05em 1.5em 0.1em 0.5em !important;
}

.dialogGrid .ui-panelgrid .ui-panelgrid-cell, 
.mainGrid .ui-panelgrid-cell,
.loggedInGrid .ui-panelgrid-cell,
.keepLoggedInBox .ui-panelgrid-cell,
.loginOptionsGrid .ui-panelgrid-cell,
.loginGrid .ui-panelgrid-cell,
.pGrids .ui-panelgrid-cell,
.pGridA .ui-panelgrid-cell,
.buttonGrid .ui-panelgrid-cell,
.hiddenPanel .ui-panelgrid-cell {
  border-style: none;
}

#tabMenuForm .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  float: right;
}

.content, .header {
  clear: both;
}

.stacked-dsc-input label,
.stacked-dsc-input input,
.stacked-dsc-input div {
  display: block;
}

.full-width,
.full-width textarea {
  width: 100%;
}

textarea{
	background: white !important;
}

.centered-label label {
  margin-right: 0.8em;
  display: inline-block;
}

/* fix for the calendar in a stacked-dsc-input */
.stacked-dsc-input div input,
.stacked-dsc-input span input,
.inlineBlock {
  display: inline-block;
}

.forgot-password-input {
  margin: 1em;
}

.forgot-password-input .ui-message-error {
  margin-bottom: 0.5em;
}

/* there is no version of baseline-middle for ie so the label will be at the top for ie. vertical-align middle didn't work either */
.forgot-password-input label {
  padding-right: 1em;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
}

.ui-growl {
  top: 55px !important;
}

.ui-growl-item{
background-color: #fff;
}
.ui-growl-item-container{
opacity: 1 !important;
}

.ui-password-panel-overlay{
background-color: #fff;
}

#tabMenuForm .logo {
  position:absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  float:left;
}

label.after {
  padding-left: 0.5em;
  vertical-align: middle;
}

/** Sticky Footer */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.main-wrapper {
  min-height: 100%;
}

/* the padding-bottom should be the same as the .footer height/margin-top. I added an extra 10px to add a bit of spacing between content and footer */
.content {
  overflow: visible;
  padding-bottom: 85px;
  max-width: 75%;
  margin: auto !important;
  margin-top: .5em !important;
}

.content div {
  max-width: 100% !important;
}

.footer {
  position: relative;
  margin-top: -75px;
  height: 75px;
  max-width: 65em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  clear: both;
}

.branding-footer a {
  display: block;
}

.branding-footer small {
  font-size: 0.5em;
}

.footer a.ui-link.ui-widget {
  font-size: x-small;
  color: black;
  text-decoration: none;
}

.hidden {
  display : none !important;
}

.toggleable-input-area-label {
  font-weight: bold;
  vertical-align: middle;
}

.togglable-input-area-image {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-image: url("/careers/javax.faces.resource/img/notes.png.xhtml");
  border-width: 2px;
  border: none !important;
  -moz-border-radius: 5px !important; 
  -webkit-border-radius: 5px !important; 
  border-radius: 5px !important; 
  -khtml-border-radius: 5px !important;
  border-color: lightgrey;
  padding-bottom: 1.250em;
}

.resume-section-header {
  font-weight: bold;
}

.injectedList, .injectedList tr, .injectedList td {
  padding-left: 0 !important;
}

.ui-fileupload-buttonbar.ui-widget-header {
  border: none;
  background: transparent;
}


.ui-button .ui-button-text {
  line-height: inherit;
}

/* profileFieldLabel messes up the font-size and line-height. Set to default primefaces line-height instead of inheriting */
.profileFieldLabel .ui-button.calendar-button .ui-button-text {
  line-height: 1.4;
}

img.resume-warning-img {
  position: absolute;
  top: 0;
  left: 0;
  margin: -1px 0 0 -2px;
}

.ui-widget.attachmentMessage {
  font-size: 0.9em;
  line-height: 1.4em;
}

.cleared-link {
  text-decoration: none;
}

.pad-actions .ui-button,
.pad-actions .ui-commandlink {
  margin: 0 0.3em;
  text-decoration: none;
}

/* shameless plug from bootstrap. Screenreader only css class */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Non selected tabs in the resume with errors will have a lighter warning image than the selected tab */
.ui-tabs li.ui-state-default img.resume-warning-img {
  opacity: 0.7;
  filter: alpha(opacity=70); // IE8 support
}

.ui-tabs li.ui-tabs-selected img.resume-warning-img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.resumeMessage.ui-message-info {
  border: 0;
  background: none;
  color: black;
}

.resumeMessage.ui-message-info .ui-message-info-summary {
  margin-left: 0;
}

.resumeMessage {
  max-width: 65em;
  margin-left: auto;
  margin-right: auto
}

.ui-message-error {
  margin: 0;
  padding: 0;
}

.ui-message-error-detail {
  padding: 0;
  margin-left: 0;
}

.centered-apply-flow-buttons {
  text-align: center;
}

.applyFlowHeaderLabel {
  font-size: 1.1em;
  font-weight: bold;
}

.applyFlowContentSpacing {
  margin-top: 1em;
}

.dataTableNoBackgroundHeader th {
  background:none !important;
  color: none !important;
}

.questionSelectOne {
  table-layout: fixed;
  width: auto !important;
  padding: 0px;
  margin: 0px;
}

.ui-datatable tbody td .questionSelectOne td {
  padding: .5em !important;
}

#accountForm {
  font-weight: bold;
}

a img {
  border: 0;
}

.jobCategories {
	color: black; !important;
	margin-left: auto; 
	margin-right: auto; 	
	min-width: 30em !important;
}

/*******************************************/
/* Social Change Password Animation. */
.social-change-password-container,
.social-dialog-container.socialChangePassword-visible .social-link-container {
  display: none;
}

.social-dialog-container.socialChangePassword-visible .social-change-password-container {
  display: block;
}

/* animation css stuff */
.social-dialog-container.socialChangePassword-visible .social-change-password-container,
.social-dialog-container .social-link-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.social-dialog-container.socialChangePassword-visible .social-change-password-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.social-dialog-container  .social-link-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/*******************************************/
/* Login Social Register Animation. */
.social-register-container,
.login-register-container.socialRegister-visible .social-login-question-container {
  display: none;
}

.login-register-container.socialRegister-visible .social-register-container {
  display: block;
}

/* animation css stuff */
.login-register-container.socialRegister-visible .social-register-container,
.login-register-container .social-login-question-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.socialRegister-visible .social-Register-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .social-login-question-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/*******************************************/
/* Login Social Login with Existing TEDS Account Animation */
.social-login-container,
.login-register-container.socialLogin-visible .social-login-question-container {
  display: none;
}

.login-register-container.socialLogin-visible .social-login-container {
  display: block;
}

/* animation css stuff */
.login-register-container.socialLogin-visible .social-login-container,
.login-register-container .social-login-question-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.socialLogin-visible .social-login-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .social-login-question-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/*******************************************/
/* Login Social Login Question Animation */
.social-login-question-container,
.login-register-container.socialLoginQuestion-visible .login-container {
  display: none;
}

.login-register-container.socialLoginQuestion-visible .social-login-question-container {
  display: block;
}

/* animation css stuff */
.login-register-container.socialLoginQuestion-visible .social-login-question-container,
.login-register-container .login-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.socialLoginQuestion-visible .social-login-question-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .login-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}


/*******************************************/
/* Login Register Animation */

.ui-fieldset.register-fieldset .ui-fieldset-content label {
  margin-bottom: 0.25em;
  font-weight: bold;
}

.login-register-supercontainer {
  padding-top: 2em;
  text-align: center;
}

.login-register-container {
  margin: auto;
  display: inline-block;
  text-align: left;
}

.register-container,
.login-register-container.register-visible .login-container {
  display: none;
}

.login-register-container.register-visible .register-container {
  display: block;
}

.block, .block label {
  display: block;
}

/* animation css stuff */
.login-register-container.register-visible .register-container,
.login-register-container .login-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.register-visible .register-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .login-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/*******************************************/
/* Social Register Job Category Animation. */
.person-job-category-container,
.login-register-container.personJobCategory-visible .social-register-container {
  display: none;
}

.login-register-container.personJobCategory-visible .person-job-category-container {
  display: block;
}

/* animation css stuff */
.login-register-container.personJobCategory-visible .person-job-category-container,
.login-register-container .social-register-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.personJobCategory-visible .person-job-category-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .social-register-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/*******************************************/
/* Register Job Category Animation. */
.person-job-category-container,
.login-register-container.personJobCategory-visible .register-container {
  display: none;
}

.login-register-container.personJobCategory-visible .person-job-category-container {
  display: block;
}

.login-register-container.personJobCategory-visible .person-job-category-container,
.login-register-container .register-container.open {
  opacity: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-full-mode: forwards;
  animation-fill-mode: forwards;
}

.login-register-container.personJobCategory-visible .person-job-category-container {
  -webkit-animation-name: anim-open-register;
  -moz-animation-name: anim-open-register;
  animation-name: anim-open-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.login-register-container .register-container {
  -webkit-animation-name: anim-close-register;
  -moz-animation-name: anim-close-register;
  animation-name: anim-close-register;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/* animations */
@-webkit-keyframes anim-open-register {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes anim-open-register {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-60%, 0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}

@keyframes anim-open-register {
  0% {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes anim-close-register {
  0% {
    opacity: 0;
    transform: translate3d(60%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes anim-close-register {
  0% {
    opacity: 0;
    transform: translate3d(60%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes anim-close-register {
  0% {
    opacity: 0;
    transform: translate3d(60%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.ui-fieldset legend.ui-fieldset-legend {
  color: #000;
  padding: 0;
}

.margin-auto {
  margin: auto;
}

.margin-zero > p {
  margin: 0 !important;
}

.margin-1em-top {
	display: block;
	margin-top: 1em;
}

.margin-3em-top-bottom {
  display: block;
  margin-top: 3em;
  margin-bottom: 3em;
}

.recaptcha-width {
  max-width: 20em;
}

.register-fieldset .row,
.top-spacing {
  padding-top: 0.5em;
}

#registerForm .ui-message-error-detail {
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
}

.row {
  width: 100%;
}

.row::before,
.row::after {
  display: table;
  content: ' ';
}

/* used for floating whitespace issues */
.row:after {
  clear: both;
}

.row .col {
  vertical-align: top;
  float: left;
}

.col.col50 {
  width: 50%;
}

.import-linkedIn {  
  left: 37.45em;
  top: .25em;
}

input.ui-inputfield {
    color: #000 !important;
}

.ui-inputfield {
    background: #fff !important;
    color: #212121 !important;
}

label.ui-selectonemenu-label {
    background: white;
    color: #000;
}

span.ui-chkbox-icon {
    background: white;
}

span.ui-chkbox-icon .ui-chkbox-icon {
    background: white;
}

span.ui-panel-title {
    color: white;
}

span.ui-chkbox-icon {
    background-position: -64px -144px;
}

span.ui-paginator-current {
    color: white;
}

.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {
    background: none;
}

li.ui-tabmenuitem.ui-state-default.ui-corner-top {
    position: relative;
    top: 3px;
    font-size: 1.1em !important;
}

.ui-menu .myAccountMenu {
    height: 25px;
    padding: .12em;
}

.myAccountMenu {
	background: #68829E;
}

.myAccountMenu .ui-state-hover,
.myAccountMenu .ui-widget-content .ui-state-hover,
.myAccountMenu .ui-widget-header .ui-state-hover,
.myAccountMenu .ui-state-focus,
.myAccountMenu .ui-widget-content .ui-state-focus,
.myAccountMenu .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("/careers/javax.faces.resource/images/ui-bg_flat_75_dadada_40x100.png.xhtml?ln=primefaces-teds-default") 50% 50% repeat-x;
	font-weight: normal;	
	color: #212121;
}

.myAccountMenu .ui-submenu-link{
  min-width: 9.5em;
}

.myAccountMenu.ui-menuitem-active{
	background-color: #DADADA;
}

.myAccountMenu a{
	border: none !important;
}

.tabMenu .ui-tabmenu .ui-tabmenu-nav {
	padding: .3em !important;
}

.myAccountMenu .ui-icon-triangle-1-s{
  float: right !important;
}

.hiddenPanel .ui-panel-titlebar {
  background: white !important;
  border: none;
}

.hiddenPanel span.ui-panel-title {
  color: #68829E;
}

.wizardTabs ul.ui-wizard-step-titles{
  display: table;
  border-spacing: 3.5em 0;
  margin: auto !important;
  margin-bottom: 1.75em !important;
  margin-top: 0.75em !important;
  padding: 0;
  text-align: center;
  width: 75%;
}

.wizardTabs li.ui-wizard-step-title{
  width: auto !important;
  height: 2em;
  white-space: nowrap;
  padding: 0 .2em 0 .2em;
  float: none;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-size: 1.3em;
  color: white !important;
  background: #68829E !important;
  border: none !important;
  text-decoration: none !important;
}

.wizardTabs .ui-state-highlight {
  background: #68829E; 
  font-weight: bold;
}

.wizardTabs .ui-state-highlight ~ li.ui-wizard-step-title {
  background: lightgrey !important;
  border: none !important;
  text-decoration: none;
}

.wizardTabs li.ui-wizard-step-title:first-child {
  padding-left: .6em;
}

.wizardTabs li.ui-wizard-step-title:last-child {
  padding-right: .6em;
}

.wizardTabs li.ui-wizard-step-title:not(:last-child)::after {
  position: absolute;
  content: '';
  top: 0%;
  bottom: 0%;
  left: 100%;
  border-top: 1em solid transparent;
  border-left: 2em solid #68829E;
  border-bottom: 1em solid transparent;
}

.wizardTabs li.ui-wizard-step-title:not(:first-child)::before {
  position: absolute;
  content: '';
  top: 0%;
  bottom: 0%;
  left: -1.94em;  
  border-top: 1em solid #68829E;
  border-left: 2em solid transparent;
  border-bottom: 1em solid #68829E;
}

.wizardTabs .ui-state-highlight ~ li.ui-wizard-step-title:not(:first-child)::before {
  border-top: 1em solid lightgrey;
  border-left: 2em solid transparent;
  border-bottom: 1em solid lightgrey;
}

.wizardTabs .ui-state-highlight ~ li.ui-wizard-step-title:not(:last-child)::after {
  border-top: 1em solid transparent;
  border-left: 2em solid lightgrey;
  border-bottom: 1em solid transparent;
}

.wizardTabs .wizardSubTabs li.ui-wizard-step-title::before {
  display: none;
}

.wizardTabs .wizardSubTabs li.ui-wizard-step-title::after {
  display: none;
}

.wizardTabs .wizardSubTabs ul.ui-wizard-step-titles {
  display: table;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 2em !important;
}

.wizardTabs .wizardSubTabs li.ui-wizard-step-title {
  font-size: 1.1em;
  margin: 0 auto;
  text-align: center;
  background: transparent !important;
  color: #68829E !important;
  vertical-align: top;
  padding: 0;
  z-index: 0;
}

.wizardSubTabCircle{
  border-radius: 1em;
  width: 1em;
  height: 1em;
  margin: 0 auto;
  background: #68829E;
}

.wizardSubTabCircle::after{
  content: '';
  position: absolute;
  top: 1.75em;
  width: 50%;
  height: .15em;
  left: 50%;
  background: #68829E;
  z-index: -1;
}

.wizardSubTabCircle::before{
  content: '';
  position: absolute;
  top: 1.75em;
  width: 50%;
  right: 50%;
  height: .15em;
  background: #68829E;
  z-index: -1;
}

.wizardTabs .wizardSubTabs li:first-child .wizardSubTabCircle::before {
  display: none;
}

.wizardTabs .wizardSubTabs li:last-child .wizardSubTabCircle::after {
  display: none;
}

.ui-state-highlight .wizardSubTabCircle {
  background: white;
  border-radius: 1em;
  color: black;
  width: calc(1em - 6px);
  height: calc(1em - 6px);
  margin: 0 auto;
  border: 3px solid #68829E;
}

.wizardTabs .wizardSubTabs .ui-state-highlight ~ li > .wizardSubTabCircle {
  background: lightgrey;
}

.wizardTabs .wizardSubTabs .ui-state-highlight ~ li > .wizardSubTabCircle::before{
  background: lightgrey;
}

.wizardTabs .wizardSubTabs .ui-state-highlight ~ li > .wizardSubTabCircle::after{
  background: lightgrey;
}

.ui-state-highlight .wizardSubTabCircle::after{
  background: lightgrey;
}

.welcome-panel {
	padding-top: 1em;
	padding-bottom: 1em;	
	background: lightgray;
	background-color: lightgray;
	border-radius: 1em;
	display: block;	
}

.welcome-panel .ui-inputfield {
	background: white !important;
  background-color: white !important;
  margin-top: .75em;
  margin-bottom: .75em;
  width: calc(100% - 10px);
}

.welcome-panel .ui-state-hover {
  background: white !important;
  background-color: white !important;
}

.welcome-panel .ui-panel-content .ui-widget-content {
	padding: auto !important;
	background: #D3D3D3;
}

.welcome-panel div.ui-overlaypanel,
.welcome-panel div.ui-overlaypanel ul,
.welcome-panel div.ui-overlaypanel li{
  background: white !important;
}

.welcome-panel .ui-panelgrid .ui-panelgrid-cell{
  padding: 4px 1px;
}

.featured-banner-css {
	position: absolute;
	display: inline-block;
	line-height: 96%;
	padding: 3px;
	font-size: xx-small !important;
	left: -24px;
	top: -4px;
	background: #68829e !important;
	color: white;
}

.featured-banner-css-job-details {
	font-size: small !important;
	height: auto !important;
	left: -34px;
	line-height: 120%;
	top: 0;
}

.locations{
  display: block !important;
}

.locations .ui-state-highlight{
  background: none !important; 
  font-weight: normal;
}

.locations .ui-state-highlight .ui-icon  {	
  background-image: url("/careers/javax.faces.resource/images/ui-icons_454545_256x240.png.xhtml?ln=primefaces-teds-default") !important;
}
	
.locations .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: none !important;
}

.firstFieldCheckBox .ui-chkbox-box.ui-state-focus span {
	background-image: none !important;
}