/**
 * These styles are particular to the /helps and /does pages
 */

body.helps #introduction em {
    font-size: 1.25em;
}

#core_content .clients .thumbnail {
    margin-bottom: 1em;
}

#core_content a.screenshot {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

#core_content a.screenshot:link,
#core_content a.screenshot:visited,
#core_content a.screenshot:active,
#core_content a.screenshot:focus,
#core_content a.screenshot:hover {
    background: none;
}

#core_content #case_study h2 {
    color: #b32720;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.111em;
    margin: 1.5em 0 1em;
}

#core_content .figure {
    float: right;
    padding: 1em;
    text-align: center;
}

#core_content .figure img {
    display: block;
    margin-bottom: 0.5em;
}

#core_content .figure .caption {
    font-size: 0.875em;
}

#core_content p.helps-back {
    margin: 2em 0;
    font-style: italic;
}

#core_content p.helps-next {
    margin-left: 1em;
    font-style: italic;
}

#core_content .subsection.highlight {
    background-color: #e8e9de;
    padding-top: 1em;
}

/* small only: add bottom border to case studies list */
@media screen and (max-width: 39.9375em) {
    #core_content #case_studies {
        border-bottom: 0.063em solid #ded9ce;
        margin-bottom: 1em;
    }
}

#core_content #case_study_features li {
    background: rgba(0, 0, 0, 0) url("//s.omniti.net/i/presentation/ico20-globe.gif") no-repeat scroll 0 0;
    padding-left: 10px;
    margin-left: 1em;
}

#core_content .chart {
    text-align: center;
    margin: 1em 0;
}

/* process diagram */

#core_content #diacontainer {
    overflow: hidden;
    margin: 1em auto;
    width: 478px;
}

#core_content #dia_top a {
    float: left;
    width: 448px;
    height: 222px;
    background: url(/i/content/does/scalability/chart_med.png) 0px 0px no-repeat;
    text-indent: -5000em;
}

#core_content #dia_top a:hover {
    background: url(/i/content/does/scalability/chart_med_on.png) 0px 0px no-repeat;
}

#core_content #dia_midleft a {
    float: left;
    width: 280px;
    height: 166px;
    background: url(/i/content/does/scalability/chart_med.png) 0px -222px no-repeat;
    text-indent: -5000em;
}

#core_content #dia_midleft a:hover {
    background: url(/i/content/does/scalability/chart_med_on.png) 0px -222px no-repeat;
}

#core_content #dia_midright a {
    float: left;
    width: 168px;
    height: 166px;
    background: url(/i/content/does/scalability/chart_med.png) -280px -222px no-repeat;
    text-indent: -5000em;
}

#core_content #dia_midright a:hover {
    background: url(/i/content/does/scalability/chart_med_on.png) -280px -222px no-repeat;
}

#core_content #dia_bottom a {
    float: left;
    width: 313px;
    height: 90px;
    background: url(/i/content/does/scalability/chart_med.png) 0px -388px no-repeat;
    text-indent: -5000em;
}

#core_content #dia_bottom a:hover {
    background: url(/i/content/does/scalability/chart_med_on.png) 0px -388px no-repeat;
}