
.career_nav_container {
    padding: 15px;
    margin-bottom: 40px;
}

.career_btn {
    height: 50px;
    line-height: 40px;
    font-size: 16px;
    background: #05559D;
}

.banner-container {
    padding: 0px;
    margin 0px;
}


@media screen and (min-width:768px) and (max-width:865px) {
    .career_btn {
        height: 40px;
        line-height: 30px;
        font-size: 13px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:749px) {
    .career_btn {
        height: 50px;
        line-height: 40px;
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:845px) and (max-width:1280px) {
    .career_btn {
        height: 50px;
        line-height: 40px;
        font-size: 16px;
    }
}



/*------------------------------------*\
    $MORE-INFO - from Vitality Dashboard styling
\*------------------------------------*/
/* Unicode: f105 · Created: v3.0 · Categories: Directional Icons */
/* ^more-info-link */
/* IE8 supports the :lang pseudo-class only if a <!DOCTYPE> is specified */

/* Added this duplicate here - for testing @font-face attribute on Chrome 33.0.1750.146 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.0.3');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.more-info-link {
    border-top: 1px solid #dddddd;
    margin: 10px 10px 0 0;
    padding-bottom: 10px;
    width: 100%;
}
.more-info-link a {
    float: right;
    margin-top: 10px;
}
.more-info-link a:after {
    display: inline-block;
    /*@hack - must resolve this 'Font Awesome' display issue */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    content: "\f105";
}
.more-info-link a:hover {
    color: #005580;
    text-decoration: underline;
}
/*no underline for focus */
.more-info-link a:focus {
    color: #005580;
}

##map {
    margin:0;
    padding:0;
    width:400px;
    height:345px;
    background:url(/discovery_coza/web/linked_content/images/careers/infographics/the_skills_we_love.png) no-repeat;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
    text-decoration:none
}

#map li {
    margin:0;
    padding:0;
    list-style:none;

}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(blank.gif);
    color:#000;
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    border:4px solid #05559D;
    background:#fff;
    padding:5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    text-decoration:none;
}


#map a.actuarial {
    top:84px;
    left:67px;
    width:35px;
    height:75px;
    text-decoration:none;
}

#map a.admin {
    top:85px;
    left:116px;
    width:19px;
    height:51px;
    text-decoration:none;
}

#map a.risk {
    top:168px;
    left:17px;
    width:15px;
    height:50px;
    text-decoration:none;
}

#map a.call {
    top:112px;
    left:151px;
    width:21px;
    height:60px;
    text-decoration:none;
}

#map a.category {
    top:173px;
    left:50px;
    width:23px;
    height:61px;
    text-decoration:none;
}
#map a.claims {
    top:157px;
    left:105px;
    width:17px;
    height:62px;
    text-decoration:none;
}

#map a.services {
    top:178px;
    left:133px;
    width:26px;
    height:97px;
    text-decoration:none;
}

#map a.clinical {
    top:161px;
    left:180px;
    width:24px;
    height:84px;
    text-decoration:none;
}

#map a.finance {
    top:92px;
    left:208px;
    width:22px;
    height:65px;
    text-decoration:none;
}

#map a.human  {
    top:118px;
    left:239px;
    width:24px;
    height:73px;
    text-decoration:none;
}

#map a.training  {
    top:90px;
    left:341px;
    width:14px;
    height:54px;
    text-decoration:none;
}

#map a.systems  {
    top:162px;
    left:274px;
    width:24px;
    height:66px;
    text-decoration:none;
}



#map a.forensics  {
    top:162px;
    left:274px;
    width:24px;
    height:66px;
    text-decoration:none;
}



#map a.management  {
    top:156px;
    left:387px;
    width:15px;
    height:53px;
    text-decoration:none;
}


#map a.marketing  {
    top:137px;
    left:310px;
    width:24px;
    height:52px;
    text-decoration:none;
}


#map a.sales  {
    top:154px;
    left:351px;
    width:25px;
    height:82px;
    text-decoration:none;
}


#map a.underwriting  {
    top:216px;
    left:226px;
    width:25px;
    height:82px;
    text-decoration:none;
}


#map a.assistant  {
    top:217px;
    left:314px;
    width:25px;
    height:64px;
    text-decoration:none;
}