/*
    Document   : global.responsive
    Description:
        Base style sheet for responsive sites
*/

/**** Global element styles ****/
h1 span.securitySearchQuery {
    font-size: 70%;
    font-weight: normal;
}

.securitySearchString {
    font-size: 80%;
    font-weight: normal;
}

.static-form-control {
    padding-top:5px;
}
input:invalid {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    border-color: rgba(82, 168, 236, 0.8);
    color: #555555;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* ****************************************************************************
    General Styles
**************************************************************************** */

body {
    /* IE10 change to cause scrollbars to push content away instead of overlapping it, to prevent usability issues with
    the login/profile/saved jobs widget on Bootstrap sites.
    http://stackoverflow.com/questions/17045132/scrollbar-overlay-in-ie10-how-do-you-stop-that/19706857#19706857 */
    -ms-overflow-style: scrollbar;
}

#content {
    overflow-x: hidden; /* Prevents horizontal scrolling on mobile when changing aspect ratios (turn the phone vertical) */
    overflow-y: hidden; /* Prevents display of two scroll bars for browsers/devices with narrow (low width) displays */
    min-height: 400px;
}

span.signInProgress {
    display: none; /* Hide progress indicators in buttons. See SSO dialog stack, which is used on non-SSO pages, too. */
}

/* ****************************************************************************
    Job Results Grid
**************************************************************************** */

.clickable {
    cursor: pointer;
}
.pagination-label-row {
    display: inline-block;
    float: left;
    padding: 5px;
}

.jobdetail-phone span {
    display: none;
}

/** Default Mobile Field Visibility **/
.jobdetail-phone .jobLocation {
    display: block;
}

#attention-img {
    display: none;
}

#fb-root {
    display: none;
}

.jobDisplay .job {
    min-height: 200px;
}

/* ****************************************************************************
    Pagination
**************************************************************************** */
.pagination {
    overflow: hidden;
    padding: 4px 0 0 10px;
}
@media (max-width: 767px) {
    .pagination-top {
        margin:-20px 0 -10px 0;
    }
    .pagination-bottom {
        margin:-40px 0 -10px 0;
    }
}

/* ****************************************************************************
   E-mail Subscribe Widget
**************************************************************************** */
.emailsubscribe-noresults {
    margin: 0;
}
.emailsubscribe-form {
    margin-top: 8px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .emailsubscribe-email {
        width: 95%;
    }
    .emailsubscribe-button{
        margin-top: 8px;
    }
    #savesearch-wrapper{
        margin-bottom: 15px;
    }
}
@media (min-width: 767px) {
    #noresults-subscribe {
        margin: 0;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {

}

#search-actions {
    display: inline;
}

#subscribe-frequency {
    margin-bottom: 0;
    width: 60px;
}

.subscribe-frequency-label {
    margin-right: 10px;
}

#subscribe-frequency-wrapper {
    text-align: center;
    padding: 0 5px 5px 5px;
    font-size: small;
}

.savesearch-buttons-wrapper {
    display: inline-block;
}

.savesearch-buttons-wrapper .savesearch-link, .savesearch-buttons-wrapper .jobAlerts-return-link {
    margin: 3px 0;
}

#frequency-error {
    margin-bottom: 5px;
    text-align: left;
}

/* ****************************************************************************
   Apply Now Button
**************************************************************************** */
.applylink {
    text-align: right;
}

/* ****************************************************************************
   Social Apply & Subscribe Buttons
**************************************************************************** */
.btn-social {
    white-space: normal;
}
@media (max-width: 767px) {
    .btn-social {
        margin-bottom: 20px;
    }
}

.btn-social-apply {

}

.btn-social-apply > button {
    text-align: right;
}

.btn-social-subscribe {

}

.btn-social-subscribe > button {
    text-align: left;
}

.socialbutton {
    width: 260px;
}

.socialbutton .socialbutton-network-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
}

.socialbutton .socialbutton-help-icon {
    margin-left: 10px;
}

.socialbutton .divider {
    margin: 0 1px;
}

.socialbutton .socialbutton-emailgetter {
    margin: 0;
    padding: 16px 18px 4px 16px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.socialbutton .emailGetter-formShell {
    width: 220px;
}

.socialbutton .emailGetter-formShell label {
    display: none;
}

.socialbutton-emailgetter > form {
    margin-bottom: 8px;
}

.socialbutton-emailgetter > form input[name=email] {
    width: 62%;
    font-size: small;
}

.socialbutton-emailgetter > form button {
    width: 38%;
    font-size: small;
}

.socialbutton .socialbutton-right-align {
    text-align: right;
}

.socialbutton.dropdown-menu > li > a {
    white-space: normal;
}

/* IE7 fix for pop-up social apply button */
.dropup a.dropdown-toggle span.caret {
    *border-top-style: none;
}

.socialbutton > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.socialbutton > li > a > table {
    width: 100%;
}

.socialbutton > li > a > table td {
    vertical-align: top;
}

.socialbutton > li.loading {
    padding: 30px 10px;
    text-align: center;
    white-space: normal;
    display: none;
}

.socialbutton > div.socialbutton-emailgetter {
    display: none;
}

.socialbutton > li > .socialbutton-moretext {
    display: none;
}

.socialbutton-emailgetter-moretext > ul {
    font-size: .8em;
    list-style: square outside none;
    white-space: normal;
    padding: 5px 0;
}

.socialbutton-emailgetter-moretext > ul > li {
    line-height: 120%;
}

.emailGetter > div.ssbGetterMsg, .emailGetter > div.getterMsg {
    color: red;
    font-size: small;
    margin-bottom: 8px;
    white-space: normal;
}
div.emailGetter form.form-inline div.input-append {
    font-size: 12px
}

/* ****************************************************************************
   Business Card
**************************************************************************** */
.bizCard-section h2 {
    margin: 0;
}

#skipThisStepLink {
    margin: 15px 0;
}

#tcNextButtonBar {
    text-align: right;
    margin: 10px 0 30px;
}

#dialogSavingIndicator {
    margin-right: 30px;
    display: inline-block;
}

#dialogSavingIndicator img {
    margin-left: 10px;
    vertical-align: middle;
}

#passwordStatusIcon {
    margin-right: 5px;
    vertical-align: text-bottom;
    display: none;
}

#passwordCompositionTooltip {
    display: none;
}
#privacypolicy{
    margin-bottom: 30px;
}

.privacyPolicyFooter{
    text-align:left;
    margin-bottom: 30px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#privacy-policy-acknowledge{
    margin-top: 10px;
    text-align: center;
}
@media (max-width: 767px) {
    #privacy-policy-accept {
        margin-top: 10px;
    }
    #privacy-policy-decline {
        margin-top: 10px;
        margin-left: 10px;
    }
}

#tcContent-header {
    margin-top: 10px;
}
#tcContent-header-label {
    margin-bottom: -10px;
    margin-top: -10px;
}
#lnkLogout {
    font-weight: bold;
}
@media (max-width: 767px) {
    #tcContent-header-localselector {
        padding-top: 10px;
        float: none;
    }
    .form-horizontal .control-group {
        margin-bottom: 10px;
    }
}
@media (min-width: 767px) {
    #tcContent-header-localselector {
        margin-top: -30px;
    }
}

#talentCommunityWrapper {
    display: none;
}

#talentCommunityLoading {
    margin: 60px 0;
    height: 100%;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

#talentCommunityLoadingStatusAddlNotes {
    font-weight: normal;
    padding-top: 10px;
}
#remberme-info, #password-composition-info, #password-error, #password-success, #personalize-password-info{
    max-width: 300px;
    margin-top: 10px;
}
#password-composition-info, #password-error, #password-success {
    margin-bottom:0;
}
.help-icon-rememberme, .help-icon-personalize-password{
    background-image: url('/platform/images/shared/help-icon-rd.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    width: 19px;
    cursor: pointer;
    margin-bottom: -4px;
}

/* ****************************************************************************
   Agent Form
**************************************************************************** */
#agent-editor-header {
    margin:0;
}
#agent-editor-add-button {
    margin-top: 5px;
}
#agent-editor-header-frequency {
    width: 70px;
}
#agent-editor-label {
    display: block;
}
@media (max-width: 767px) {
    .agent-editor-keywords, .agent-editor-location {
        height:85px;
    }
    #agent-editor-add-button {
        margin-top: 10px;
        float: none;
    }
    #agent-editor-header-edit {
        width: 55px;
    }
    #agent-editor-header-delete {
        width: 25px;
    }
    #agent-editor-header-actions {
        width: 55px;
    }
    #agent-editor-header-searches {
        width: 100%;
    }
    #agent-editor-example-keywords, #agent-editor-example-location {
        display:none;
    }
    #agent-editor-header th, #agent-list-row-search, #agent-list-row-frequency {
        font-size: 12px;
    }
    #agent-editor-header-frequency, .agent-list-row-frequency, .agent-editor-row-frequency {
        display: none;
    }
    .agent-list-row-search-mobile-frequency {
        display: inline;
    }
    .agent-editor-field-label {
        width: 100%;
        margin:0;
        font-size: 12px;
        clear: both;
    }
    .agent-editor-keywords, .agent-editor-location {
        font-size: 12px;
        width: 95%;
    }
}
@media (min-width: 767px) {
    #agent-editor-header-edit {
        width: 85px;
    }
    #agent-editor-header-delete {
        width: 45px;
    }
    #agent-editor-header-actions {
        width: 85px;
    }
    .agent-list-row-search-mobile-frequency {
        display: none;
    }
    .agent-editor-field-label {
        width: 100%;
        margin: 2;
        font-size: 12px;
        clear: both;
    }
    .agent-editor-keywords, .agent-editor-location {
        font-size: 12px;
        width: 97%;
    }
}


/* ****************************************************************************
   Section 508 Compliance  Global div for screen readers
**************************************************************************** */
.s508-hide {
    display: none;
}

/* ****************************************************************************
   Login Form: /talentcommunity/login/
**************************************************************************** */
.help-icon-login, .help-icon-resetPassword {
    background-image: url('/platform/images/shared/help-icon-rd.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    width: 19px;
    cursor: pointer;
    margin-bottom: -4px;
}
.help-icon-login {
    margin-bottom: -8px;
}

#control-label-email > label, #control-label-password > label, #control-label-passwordconfirm > label {
    font-weight: bold;
}
#newmemberlink{
    font-weight: bold;
}

@media (max-width: 767px) {
    #membersignin-localselector {
        padding-top: 10px;
        float: none;
    }
}

/* ****************************************************************************
   Share Widgets
**************************************************************************** */
#rsslink-jobs2web {
    margin: -4px 2px;
}
#rss-label {
    margin-bottom: 7px;
}

#rss-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}
#rss-label {
    padding-left: 9px;
    padding-right: 9px;
}
#rss-links {
    padding-left: 9px;
    padding-right: 9px;
}
#social-network-button{
    padding-left: 9px;
    padding-right: 9px;
}

/* ****************************************************************************
   Global Search Form
**************************************************************************** */
@media (max-width: 979px) {
    #keywordsearch-q, #keywordsearch-locationsearch {
        width: 94%;
        margin: 0 0 7px 0;
    }
}

/* ****************************************************************************
   Job Detail Page
**************************************************************************** */
.back-to-search-wrapper {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .back-to-search-wrapper {
        margin: 10px 0;
    }
}

.back-to-search-wrapper i {
    padding-right: 5px;
}

/* ****************************************************************************
   Unsubscribe Page
**************************************************************************** */
.unsubscribe-secondary {
    color:#444;
    clear: both;
    display: block;
    font-size: 11px;
}

/* ****************************************************************************
   Locale selector
**************************************************************************** */
#locale-selector-flag {
    margin-left: -10px;
    margin-right: 5px;
}
#locale-selector-dropdown-ul {
    font-size: 11px;
    width: 240px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

#locale-selector-button {
    font-size: 11px;
    width: 220px;
    text-align: left;
    padding-left: 29px;
    background-repeat: no-repeat;
    background-position: 7px 7px;
}
#locale-selector-dropdown-ul li.selected {
    background-color: #CCC;
}

/* ****************************************************************************
   Possible modal lightbox fix, in progress
**************************************************************************** */
@media (max-width: 767px) {
    .scrollingModal{
        height: 90%;
        overflow: hidden;
    }
    .scrollingModal .modal-body {
        overflow-y: auto;
        height: 80%;
        max-height:none;
    }
    .scrollingModal .modal-header {
        background-color: #EEE;
    }
}



/* ****************************************************************************
   Pre-Apply Pages
**************************************************************************** */


/* Process icons */


#preapply #preapply-icons {
	width:100%;
	margin:20px 0 10px 0;
	z-index: 100;
	position: relative;
	clear: both;
	float: left;
}

#preapply #preapply-icons .preapply-icon {
	float:left;
        padding: 70px 0 0 0;
	text-align: center;
	height:61px;
}

#preapply .icon-text {
	display: block;
	text-align: center;
	margin:0 auto;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	width:100px;
        font-weight: bold;
}

#preapply #find {
	width:65px;
	background: url(/platform/images/preapply-sprite.png) 0 0 no-repeat;
}

#preapply #find .icon-text {
	width:80px;
	left: -7px;
}

#preapply #signup {
	width:376px;
	background: url(/platform/images/preapply-sprite.png) -65px 0 no-repeat;
	margin: 0 0 0 1px;
}
#preapply #signup .icon-text {
	left: 52px;
}

#preapply #register {
	width:60px;
	background: url(/platform/images/preapply-sprite.png) -442px 0 no-repeat;
	margin: 0 0 0 100px;
}
#preapply #register .icon-text {
	left: -20px;
}

/* ****************************************************************************
   Reset Password Button
**************************************************************************** */
@media (max-width: 767px) {
    .resetPasswordButton{
        margin-top: 5px;
    }
}

/* ****************************************************************************
   RD Quick Apply
**************************************************************************** */

    .apply-button{
        margin-top: 10px;
    }

/* ****************************************************************************
   Business Card Etc.
**************************************************************************** */

    #help-icon-rememberme-a {
        margin-left: 10px;
    }

/* ****************************************************************************
   On-Page Business Card (OPBC)
**************************************************************************** */
    .mobileSSOView {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        padding: 10px;
    }

    .mobSSOClose {
        padding: 10px;
        background: transparent none repeat scroll 0 0;
        border: 0 none;
        cursor: pointer;
        color: #000;
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        opacity: 0.2;
        text-shadow: 0 1px 0 #fff;
        margin-top: 2px;
    }

    .noScroll {
        overflow: hidden;
        position: fixed;
    }

    .opbcHeader {
        min-height: 16.42857143px;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    #ssoStack div.stackView div.modal-header h2 {
        margin: 0;
    }

    #ssoStack div.stackView.staticView label {
        font-weight: bold;
    }

    #ssoStack div.stackView a#btnMemberLogin {
        margin-bottom: 20px;
    }

    #ssoStack .smallNote,
    #ssoStack div.stackView .notYou,
    #ssoStack div.stackView .forgotPwd,
    #ssoStack div.stackView .ssoForgotPwd,
    #ssoStack div.stackView .forgotPwdLogin {
        font-size: 0.8em;
    }

    #ssoStack .smallNote {
        color: #888;
        font-style: italic;
        margin-bottom: 20px;
    }

    #ssoStack div.stackView .forgotPwd.smallNote,
    #ssoStack div.stackView .ssoForgotPwd.smallNote {
        font-style: normal;
        margin-bottom: 20px;
    }

    #ssoStack form {
        margin: 20px 0;
    }

    #viewOnPageBusinessCard .modal-footer #tcNextButtonBar, #viewOnPageBusinessCard #tcsignup {
        margin: 0;
    }

    #viewOnPageBusinessCardMobile .modal-footer #tcNextButtonBar, #viewOnPageBusinessCardMobile #tcsignup {
        margin: 0;
    }

    #viewOnPageBusinessCard .modal-footer #dialogSavingIndicator {
        visibility: hidden;
    }

    #viewOnPageBusinessCardMobile #dialogSavingIndicator {
        visibility: hidden;
    }


/* The OPBC Privacy Policy common class. */
    .opbc-pp {
        margin-bottom: 10px;
    }

        .opbc-pp .opbc-pp-body {
            height: 100px;
            overflow-y: scroll;
            padding: 10px;
            border: 1px solid #CCC;
        }

        .opbc-pp .opbc-pp-footer {
            font-size: smaller;
            line-height: 120%;
        }

/* *** PROFILE PAGE ******************************************************** */

#profileShell h1   { margin-top: 0; }
#profileShell h3   { margin-top: 2px; margin-bottom: 20px; }
#profileShell h3 i { margin-top: 4px; }

/* On page profile edit form */
#edit-profile input[type=text] {
    width: 96%;
}

#edit-profile label.error {
    color: #ff0000;
}

#edit-profile input.error {
    border-color: #ff0000;
}

#modal-loading-icon img {
    margin-top: 8px;
    opacity: .2;
}

#modal-cancel-button {
    margin-right: 10px;
}

/* *** SAVED JOBS ********************************************************** */

.bookmarkCounter-jobs-noJobsPlaceholder {
    padding: 6px 20px 3px;
    font-style: italic;
}

.savedJobs-toggleButtonWrapper {
    margin-right: 10px;
}

#profileSavedJobsActiveTable, #profileSavedJobsInactiveTable {
    margin-bottom: 0;
}

.geobuttonswitcherwrapper{
    display:inline-block;
}

.casAgentLink{
    font-size: 125%;
}

#profileWidget{
    padding: 5px 10px
}

.employeeWidget{
    padding:5px 10px
}

.optionsLink {
    display:inline-block;
}

/* Skip to Content Styles */
#skip {
    width:100%;
    text-align:center;
}

.skipLink span {
    display:none;
}

.skipLink:focus span{
    display: inline-block;
    text-decoration:underline;
    color: #444 !important;
    background-color: #FFF !important;
}

/* In Safari, elements with the display:none attribute are not rendered on the DOM during initial page load.
   Therefore changing the display property on focus has no effect. */

.skipLinkSafari span {
    float:left;/*counteracted by #skip text-align:center but this float prevents extra space in iOS*/
    width:100%;
    visibility: hidden;
    font-size:0;
    color:transparent;
}

.skipLinkSafari:focus span {
    font-size:inherit;
    visibility: unset;
    display: block;
    outline-style:dotted;
    outline-width:1px;
    text-decoration:underline;
    color: #444 !important;
    background-color: #FFF !important;
}