/* CSS Document */

/****************
Master Page Styles - May be modified based on client preferences: ie body, background color, font, font-color, font size, a links, slider img
****************/

/* ---------------------------------------------------------------------- */
/*	Import fonts
/* ---------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);


/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */
body {
    color: #888888;
    direction: ltr;
    font-family: 'Open+Sans', sans-serif;
    font-size: 13px;
}

a, a:focus, a:hover, a:active {
    outline: 0 !important;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans';
    color: #383838;
}

h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: 1.5em;
}

p {
    margin: 0.85em 0;
}

    p img {
        margin: 0;
    }

.sectionHeader {
    padding: 20px;
    width: 40%;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    color: #fff !important
}

.featuresThumb {
    width: 150px;
    float: left;
    padding-right: 40px;
    padding-bottom: 20px;
}

.floatRight {
    float: right;
}

.teamContentH {
    text-align: right;
    font-weight: bold;
    font-size: 1.1em;
}

.teamContent h4 {
    text-align: right;
}

.teamTitle {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 15px;
}

.tempText {
    padding: 20px;
    width: 100%;
    background-color: Aqua;
}

.eventTitle {
    color: #007AFF;
    font-weight: bold;
}

.eventInfo {
    font-weight: bold;
}

.eventDescription {
}

.eventImg {
    width: 300px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.eventImgOpacity{
    opacity: 1;
    transform: scale(1,1);
}

.eventBreak {
    width: 100%;
    height: 2px;
    border: 1px solid #ddd;
}

.eventDetailRow .row {
    margin-top: 10px;
}

.eventCityState {
    padding-left: 25px;
}

.eventDetailSm {
    padding-left: 12px;
}

.margin-top40 {
    margin-top: 40px;
}

.featuredJobsTitle {
    border: 1px solid #11294c;
    padding: 10px;
    background-color: #11294c;
    text-align: center;
    color: #fff;
    margin-top: 150px;
}

.featuredOpportunitiesList ul {
    list-style-type: none;
    padding: 6px;
    margin: 0px;
    font-weight: bold;
    vertical-align: middle !important;
}

    .featuredOpportunitiesList ul li {
        background-image: url(/IPHCA/images/bullets/caduceusBullet.png);
        background-repeat: no-repeat;
        background-position: 20px center;
        padding-left: 40px;
        line-height: 2em;
        vertical-align: middle !important;
        border: 1px solid green;
        border-radius: 6px;
        background-color: #eee;
    }

        .featuredOpportunitiesList ul li:hover {
            background-color: #fff;
            color: #004C2E;
        }

.featuredOpportunitiesList a {
    text-decoration: none;
    color: #007AFF;
}

.featuredOpportunitiesList active {
    text-decoration: none;
    color: #007AFF;
}

.featuredOpportunitiesList a:hover {
    text-decoration: none;
    color: #004C2E;
}

.featuredOpportunitiesList a:visited {
    text-decoration: none;
    color: #007AFF;
}

.arrowPosition {
    padding-left: 25%;
}

.opportunityTitle {
    text-align: center;
    margin-bottom: 20px;
}

.applyNow {
    width: 100%;
    height: 40px;
    clear: left;
    margin-bottom: 25px;
    margin-top: 80px;
}

.opDetailsLeft {
    font-weight: bold;
    margin-top: 15px;
}

.opItemLt {
    margin-left: 25%;
}

.oppButtonLT {
    width: 100%;
    margin-bottom: 5px;
}

.opLeftInstruction {
    padding-left: 10px;
}

.applyDetailsButton {
    margin-left: 5%;
    margin-bottom: 10px;
    margin-top: 8px;
}

.jobDropDownDesc {
    margin-left: 5%;
    margin-right: 5%;
}

.opSearchArea {
    margin-bottom: 10px;
}

.oppSearchHeader {
    padding: 12px 8px;
    font-weight: bold;
    font-size: 1.2em;
}

.panel-title2 {
    font-size: 18px;
    line-height: 30px;
    vertical-align: baseline;
    padding-top: 5px;
}

.search-border {
    border: 1px solid #11294c !important;
    padding: 8px;
}

.floatRight {
    float: right !important;
}

.checkbox {
    height: 18px;
    width: 18px;
}

.dbModuleWelcome {
    line-height: 1.5em;
    font-weight: bold;
    font-size: 18px;
    color: #ffff00;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.dbModuleContact {
    color: #ffff00;
}

    .dbModuleContact a, .dbModuleContact active, .dbModuleContact visited {
        color: #ffff00;
    }

        .dbModuleContact a:hover {
            color: #ffffcc !important;
        }

.dbModule h2 {
    color: #ffffcc !important;
}

.dbModule p {
    color: #ffffcc !important;
}

.list-style-none {
    list-style-type: none;
}

.dbModuleButtonPosition {
    margin-top: 20%;
}

    .dbModuleButtonPosition input {
        margin-left: 25%;
    }

.dbMarginTop {
    margin-top: 25px !important;
}

.dbLeft {
    margin-left: -50px;
    width: 80%;
}

.dbArrowPosition {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.dbModule li:hover i {
    font-size: 26px;
    margin-top: 0;
}

.dbModuleJobsApplied ul li:hover {
    background-color: #fff;
    color: #004C2E;
    box-shadow: 2px 2px 5px green;
}

.dbModule a:hover {
    text-decoration: none;
    color: Green;
}

.dbModuleJobsApplied ul li {
    background-image: url(/IPHCA/images/bullets/caduceusBullet.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 40px;
    line-height: 2em;
    vertical-align: middle !important;
    border: 2px solid green;
    border-radius: 6px;
    background-color: #eee;
}

.regRequired { /*border-left:3px groove red;*/
    background: url(/IPHCA/images/bullets/asterisk-6.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.regNotRequired {
    margin-left: 0px;
}

#acctRegister .acctRegister .row {
    margin-bottom: 6px;
}

#applyArea .acctRegister .row {
    margin-bottom: 6px;
}

#applyArea .applyHeader {
    padding-left: 6px;
    line-height: 1.5em;
    font-weight: bold;
}

#applyArea .redLink a {
    color: red;
}

#applyArea .date input {
    width: 100%;
}

#applyArea .date textarea {
    width: 100%;
}

#applyArea .date select {
    width: 100%;
}

.applyButtons {
    margin-top: 20px;
}

    .applyButtons .Rbutton {
        margin-left: 30px;
    }

.preIntQ .row {
    margin-bottom: 6px;
}

.preIntQ .yn {
    padding: 10px;
}

.preIntQ .margin-left10 {
    margin-left: 10px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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

.valign-mid{
    vertical-align: middle;
}

.upper {
    text-transform: uppercase;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top10 {
    margin-top: 10px;
}

.hrQ .yn {
    padding: 10px;
}

.margin-left10 {
    margin-left: 10px;
}

.signatureCheck {
    height: 18px;
    width: 18px;
    float: right;
}

.signaturePadding10 .row {
    margin-top: 10px;
}

.dbButtons .col-md-12 {
    margin-top: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.procuredFrom {
    width: 50% !important
}

.eeoHeader {
    border: 1px solid #000;
    padding: 5px 0 5px 0;
    font-style: inherit;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.eeoTopMargin {
    margin-top: 30px;
}

.eeoRadio {
    padding-left: 30px;
    line-height: 1.5em;
    margin-top: 20px;
}

.vetExplain {
    margin-left: 30px;
}

.eeoUL {
    line-height: 1.5em;
}

.supEEO {
    vertical-align: super !important;
    font-size: smaller !important;
}

.eeoAnswer {
    padding-left: 20px;
}

.dbModule2Welcome {
    line-height: 1.5em;
    font-weight: bold;
    font-size: 18px;
    color: #ffff00;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.dbModule2Contact {
    color: #ffff00;
}

    .dbModule2Contact a, .dbModuleContact active, .dbModuleContact visited {
        color: #ffff00;
    }

        .dbModule2Contact a:hover {
            color: #ffffcc !important;
        }

.dbModule2 h2 {
    color: #000 !important;
}

.dbModule2 p {
    color: #000 !important;
}

.list-style-none {
    list-style-type: none;
}

.dbModule2ButtonPosition .col-md-12 {
    margin-top: 20px;
}

.d2bWelcome {
    line-height: 1.3em;
    font-weight: bold;
    font-size: 1.2em;
}

.dbMargin2Top {
    margin-top: 25px !important;
}

.dbLeft2 {
    width: 80%;
}

.dbWidth900{
    width: 900px;
}

.db2ArrowPosition {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.db2Module li:hover i {
    font-size: 26px;
    margin-top: 0;
}

.db2Module a:hover {
    text-decoration: none;
    color: Green;
}

.dbModule2JobsApplied ul li {
    background-image: url(/IPHCA/images/bullets/fl-hospital.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 40px;
    line-height: 2em;
    vertical-align: middle !important;
}

.miscDetails ul li {
    background-image: url(/IPHCA/images/bullets/caduceusBullet.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 40px;
    line-height: 2em;
    vertical-align: middle !important;
    border: 2px solid #9e0523;
    border-radius: 6px;
    background-color: #eee;
    width: 33%;
    margin-bottom: 6px
}

.miscDetails a:hover {
    text-decoration: none;
}

.KiBSenderLogoNav {
    width: 50%;
}

.searchFilterPosition .row {
    margin-bottom: 10px;
    margin-left: 10%;
}

@media screen and (min-width: 500px) {
    .specialtySearchSection .checkbox {
        margin-left: 40px;
    }

    .specialtySearchSection label {
        line-height: 18px;
        font-size: 14px;
    }

    .applyButton {
        margin-top: 20px;
    }
}

@media screen and (max-width: 500px) {
    .specialtySearchSection .checkbox {
        float: right;
    }

    .specialtySearchSection label {
        line-height: 18px;
        font-size: 14px;
        margin-left: 30px;
    }
}

.ui-datepicker-month {
    color: #000 !important
}

.ui-datepicker-year {
    color: #000 !important
}

#form4M {
    margin-left: 10%
}

.applyToTitle {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2.2em;
    color: #9e0523;
}

.viewApplicationHeader {
    float: left;
    font-weight: bold;
    /*padding-right: 20px;
    text-align: right;*/
}

.viewResponse {
    float: left;
}

.clearfloat {
    clear: both;
    width: 100%;
    height: 2px;
}

#ViewApplication label {
    font-size: 14px !important;
    margin-left: 5px !important;
}

.viewPrev {
    margin-top: 30px;
}

.tableModify {
    margin-top: 25px;
}

.viewSubmit {
    margin-left: 10%;
    margin-top: 25px;
}

.ViewInfoLink {
    margin: 20px 0 20px 0
}

footer {
    color: #fff !important
}

    footer ul {
        list-style-type: none !important
    }

.loginFooter {
    margin-top: 20px
}

.indexImg {
    width: 100%;
    margin-top: 26px;
}

.indexImg2 {
    width: 100%;
}

.dropdown {
    z-index: 2 !important;
}

.margin-top50 {
    margin-top: 50px;
}

.imgShadow {
    box-shadow: 6px 6px 10px #888;
    border: 1px solid #888
}

.imgBorder {
    border: 1px solid #888;
    padding: 8px
}

.sliderBox {
    padding: 10px 20px 10px 20px;
    background-color: rgba(245, 245, 245, 0.5) !important;
}

.opacity100 {
    opacity: 1.0 !important;
}

.sliderTextColor {
    color: Yellow !important
}

.footerImg {
    max-width: 165px
}

.footerImg2 {
    width: 140px
}

.footerNote {
    text-align: center;
    margin-top: 70px;
    color: #f2f2f2 !important;
    letter-spacing: .3em;
    text-shadow: 0 1px 0 rgba(1,26,68,0.53);
    text-transform: uppercase;
}

.footerSlogan {
    background: url(/IPHCA/images/background/bg-slogan.jpg) no-repeat center 0;
    width: 100%;
    height: 130px;
}

#footer sup {
    font-size: 50%;
    top: -1em !important
}

.featuredHR {
    width: 100%;
    height: 1px;
    background-color: #11294c;
    border: 1px solid #11294c;
}

.featuredSection {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.featuredJobsBorder {
    border-bottom: 1px solid #11294c;
    padding: 10px 0 10px 0;
}

@media screen and (max-width: 1170px) {
    .navbar-right {
        background-color: #f8f8f8 !important
    }
}

@media screen and (min-width: 1000px) {
    .regText {
        text-align: right !important;
        white-space: nowrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 5px;
    }
}

@media screen and (max-width: 1000px) {
    .regText {
        text-align: right !important;
        white-space: nowrap;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 5px;
    }
}

@media screen and (max-width: 500px) {
    .phoneHide {
        display: none !important
    }
}

@media screen and (min-width: 1000px) {
    .footerNote {
        font-size: 1.8em !important;
    }
}

@media screen and (max-width: 1000px) {
    .footerNote {
        font-size: .9em !important;
    }
}

.specialtyColumn input {
    float: left;
}

.specialtyColumn label {
    padding-left: 20px;
}
.contactindent {
    padding-left: 20px !important;
}
.btn-iphca {
    font-family: "Nunito", serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    text-decoration: none;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}
.center-header {
    text-align:center;
}
.applanding-border {
    border: 1px solid #e8e8e8;
}
.applanding-image {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.FLBlue-Thin {
    font-family: "Nunito", serif !important;
    font-weight: 500;
    font-style: normal;
}
body a {
    text-decoration: underline;
}

.your-ul {
    list-style: none;
}

.your-ul-li {
    position: relative;
    margin-left: 0;
    display: inline-block;
}
/*From By_Name_And_ID*/
figure {
    float: right;
    width: 315px;
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
    border: thin silver solid;
    margin: 0.5em;
    padding: 0.5em;
}

.noDisplay{
    display: none;
}

.zeroheight{
    height: 0;
}

.padding10{
    padding: 10px;
}

.padding8{
    padding: 8px;
}

.h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}