@charset "utf-8";

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local(OpenSans-Bold), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local(OpenSans-Light), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    src: local("Open Sans Extrabold"), local(OpenSans-Extrabold), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local(OpenSans), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")
}

.internal-note {
    display: none
}

.red {
    color: #ff0004 !important
}

a {
    color: #429fbb
}

    a:focus,
    a:hover {
        color: #307287;
        text-decoration: none
    }

#affiliates a,
aside,
footer {
    text-align: center
}

body {
    font-family: "Open Sans", sans-serif;
    margin: 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    background-color: #fff
}

    body.modal-open {
    }

footer {
    padding: 15px 30px !important;
    background-color: #307287
}

    footer,
    footer a {
        color: #fff
    }

        footer a:hover,
        footer span:hover {
            color: #fff;
            background-color: #295e70
        }

h1,
h2,
h3,
h4 {
    font-family: "Open Sans";
    font-weight: 700;
    line-height: 1.333;
    clear: left
}

h1,
h2 {
    font-size: 1.75em;
    padding: 0;
    margin: 0 0 .45em
}

h2 {
    font-size: 1.35em;
    margin: 1em 0 .45em
}

h3 {
    font-size: 1.15em;
    padding-top: .5em;
    margin-top: 0
}

h4 {
    font-size: 1.1em
}

header {
    margin: 10px 0 !important;
    padding: 0 15px
}

iframe.radinfo-iframe {
    margin: 0;
    padding: 0;
    border: none;
    height: 390px
}

sup {
    font-family: Arial !important
}

.list-item-starter {
    font-weight: 700;
    border-bottom: solid 1px #000
}

#affiliates a {
    float: left;
    display: block;
    width: 180px;
    height: 200px;
    margin: 10px 30px 0 0
}

#affiliates div {
    display: inline-block;
    height: 120px
}

#affiliates img {
    display: inline-block;
    max-width: 150px;
    max-height: 100px;
    vertical-align: baseline;
    margin: 10px auto
}

#affiliates p {
    clear: both;
    display: block
}

#awards {
    float: right;
    width: 30%;
    max-width: 400px
}

    #awards img {
        float: left;
        width: 150px;
        height: auto;
        padding: 10px
    }

#article,
#contact,
#faq,
#gallery,
#links,
#main-inner,
#printable-handouts,
#news,
#sitemap,
#submenu {
    max-width: 1110px;
    padding: 15px 15px 0 0
}

    #article h2 {
        padding: .75em 0 .25em;
        border-top: 1px #ccc solid
    }

#comment-box {
    padding: 15px;
    width: 99%;
    max-width: 820px
}

#gallery #transcript {
    font-size: 80%
}

#gallery .tran-header {
    display: inline;
    font-weight: 700
}

#gallery .image-note {
    max-width: 700px;
    background-color: #eadca2;
    padding: 4px;
    margin: .9em auto 1.3em
}

#dis-page-contents ul,
#page-contents ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 15px
}

    #dis-page-contents ul li,
    #page-contents ul li,
    .padded li {
        margin-bottom: 10px
    }

        #dis-page-contents ul li a:hover,
        #page-contents ul li a:hover,
        #sitemap-accordion h3,
        h1,
        h2 {
            color: #307287
        }

ul li {
    margin-bottom: 3px
}

#beneficios-riesgos ul li,
#benefits-risks ul li,
#disease-evaluation ul li,
#disease-treatment ul li,
#enfermedad-evaluacion ul li,
#enfermedad-tratamiento ul li {
    margin-bottom: 7px
}

#ri-leftcol-desktop,
#ri-rtcol {
    background-image: url(/images/yellow-gradient.png);
    background-repeat: repeat-x;
    min-height: 645px;
    padding: 0;
    margin: 0;
    text-align: center
}

#dis-page-contents ul li a,
#page-contents ul li a,
#spotlight a,
#spotlight p,
#spotlight-m a,
#spotlight-m p {
    font-weight: 700;
    color: #429fbb
}

#video1 {
    min-height: 326px;
    padding: 20px
}

#video1-mobile {
    padding: 0;
    margin: -10px 0 0
}

.center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.colorhead {
    color: #7c0040;
    text-align: center;
    background-color: #eadca2;
    padding: .5em;
    margin-bottom: .5em;
    border-top: 10px solid #fff;
}

.image-pad img {
    float: left;
    padding: 0 20px 10px
}

.left-pad {
    text-align: left;
    padding: 0 10px 10px 15px
}

.nobullet {
    list-style: none
}

.reviewdate {
    clear: both;
    margin-top: 10px;
    border-top: 1px #ccc solid;
    padding: 10px 0
}

.sectiondiv,
.snapshot {
    clear: left
}

.snapshot {
    font-size: 1.3em;
    color: #333;
    padding-bottom: .5em
}

    .snapshot a {
        white-space: nowrap;
        font-size: 1em !important
    }

.small {
    font-size: .9em
}

.tagline {
    width: 90%;
    position: relative;
    z-index: 2;
    margin: -9vw auto 0;
    padding: 0 10px
}

.tight {
    margin: 0
}

.tiny {
    font-size: 10px;
    font-style: italic
}

.top-link {
    clear: both;
    font-size: .8em;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0
}

.wide {
    float: none;
    width: 100% !important;
    margin-top: 0 !important
}

#submen .twoColumns a,
#submenu .column a,
.topic a {
    font-weight: 600;
    font-size: 1.2em
}

.column {
    width: 50%;
    min-width: 320px;
    float: left
}

.topic {
    max-width: 525px;
    float: left;
    margin: 0 30px 20px 0
}

    .topic,
    .topic img {
        width: 100%
    }

        .topic a {
            display: block;
            padding: 5px 0 10px;
            font-size: 1.2em !important
        }

div.topic,
img.topic {
    height: auto
}

div.topic {
    min-height: 125px
}

.twoColumns {
    clear: both;
    margin: 0 0 1em;
    font-size: 1em;
    width: 100%;
    max-width: 1110px
}

    .column > *,
    .page-contents > *,
    .twoColumns > * {
        padding-right: 30px;
        min-width: 320px
    }

    .twoColumns h2:first-child {
        margin-top: 0;
        padding-top: 0
    }

.ABC:link,
.ABC:visited,
.ABC_on {
    color: #429fbb;
    background-color: #fff;
    display: inline-block;
    padding: 8px;
    margin: 0 0 12px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #429fbb;
    border-radius: 4px;
    min-width: 40px
}

.ABC_on {
    color: #fff;
    background-color: #429fbb
}

    .ABC:hover,
    .ABC_on:hover {
        color: #fff;
        background-color: #307287
    }

.glance {
    background-color: #eadca2;
    padding: 10px 20px;
    width: 100%;
    float: left;
    margin: -10px 0 10px 0
}

#news-share-links {
    float: right;
    margin: -50px -15px 0 0
}

.glance h4,
p.glanceheadln {
    text-align: center !important;
    font-weight: 700;
    font-size: 100% !important
}

.glance p,
.glance ul li {
    text-align: left;
    font-size: 90%
}

.glance ul {
    padding-left: 20px
}

    .glance ul li {
        margin: 0 20px 10px 0
    }

.NotRadInfo,
p.right-align,
p.right-align.noprint {
    display: none
}

.normal {
    font-size: 10pt
}

#news div {
    clear: right
}

    #news div em {
        width: 135px;
        margin: 5px
    }

#news h2 {
    max-width: 60%
}

.newssource {
    font-size: 90%;
    font-weight: 400;
    display: block;
    margin-bottom: 6px
}

#news div em,
.newsdate {
    display: inline-block;
    float: left
}

.newsphotocap {
    margin-top: 1px;
    font-size: 68%;
    font-style: italic
}

.newsheadline {
    margin: 4px 0 -3px;
    font-weight: 700
}

.newslist {
    margin: 2px 0
}

article {
    padding: 0 !important
}

.col-lg-2,
.col-lg-8 {
    padding-right: 20px
}

.col-lg-12 {
    padding: 0 20px 0 30px
}

.col-lg-10 {
    padding-right: 0
}

.navbar-inverse {
    background-color: #429fbb;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0
}

    .navbar-inverse,
    .navbar-inverse > .navbar-form {
        border-color: #429fbb
    }

.navbar-nav li a {
    font-size: 1.2em !important;
    color: #fff !important;
    padding: 15px
}

    .navbar-nav li a.gold {
        color: #eadca2 !important
    }

.dropdown-menu li a:focus,
.dropdown-menu li a:hover,
.navbar-nav li:focus,
.navbar-nav li:hover {
    background-color: #307287
}

.navbar-toggle {
    margin-left: 15px;
    background-color: #307287;
    border: 1px solid #307287 !important
}

.dropdown-menu {
    background-color: #429fbb;
    border: none;
    border-radius: 0;
    margin: 10px 0 0;
    padding: 0
}

li.dropdown,
li.dropdown.open,
li.dropdown.open a.dropdown-toggle {
    background-color: #429fbb !important
}

.dropdown-menu li {
    margin: 0
}

    .dropdown-menu li a {
        padding: 10px 15px !important
    }

.border {
    border: 1px solid #999
}

.carousel-inner img,
.img-responsive {
    width: 100%
}

.float-right {
    float: right;
    width: 250px;
    height: auto;
    margin: 10px 0 0 20px
}

    .float-right img {
        width: 250px;
        height: auto;
        display: block;
        padding: 5px 0
    }

.photoholder {
    margin: 0 20px;
    padding: 0;
    text-align: left
}

    #patient-story-banner .clickit,
    .photoholder .enlarge {
        position: relative;
        left: 0;
        top: -30px;
        z-index: 1;
        color: #fff;
        font-weight: 700;
        font-style: italic;
        width: 100%;
        display: block
    }

    .photoholder .enlarge {
        background: url(/images/radinfo-sprites.png) 0 -202px no-repeat;
        padding: 5px 30px
    }

#patient-story-banner .clickit {
    background: url(/images/patient-story-gradient2.png) no-repeat;
    padding: 5px 10px;
    font-size: 1.15em
}

.resource {
    float: right;
    width: 180px;
    margin: -30px 0 10px 20px
}

.button {
    display: inline-block;
    color: #429fbb;
    background-color: #fff;
    padding: 8px;
    margin: 12px 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #429fbb;
    border-radius: 4px;
    min-width: 80px;
    max-width: 180px
}

    .button:hover {
        color: #fff;
        background-color: #307287
    }

.inverse,
.on {
    color: #fff;
    background-color: #429fbb
}

.searchicon {
    background: url(/images/radinfo-sprites.png) -75px -150px no-repeat;
    margin: 0;
    width: 55px;
    height: 34px;
    padding: 0;
    border: 0 none;
    vertical-align: middle
}

.ped-graphic,
.ped-graphic-multispan {
    background: url(/images/radinfo-sprites.png) -225px -240px no-repeat;
    padding-left: 45px;
    margin: 10px 0;
    min-height: 42px
}

.head-graphic,
.head-graphic-multispan {
    background: url(/images/for-kids/headshot.jpg) no-repeat;
    padding-left: 45px;
    margin: 10px 0;
    min-height: 42px
}

.bear-graphic,
.bear-graphic-multispan {
    background: url(/images/teddybear.png) no-repeat;
    padding-left: 45px;
    margin: 10px 0;
    min-height: 42px
}

.ped-graphic ul,
.ped-graphic-multispan ul {
    padding-left: 10px
}

.ped-graphic img,
.ped-graphic-multispan img {
    display: none
}

.acr-logo,
.rsna-logo {
    display: inline-block;
    width: 100px;
    height: 55px;
    margin: 0 0 10px
}

.acr-logo {
    background: url(/images/radinfo-sprites.png) 5px -70px no-repeat
}

.rsna-logo {
    background: url(/images/radinfo-sprites.png) -100px -70px no-repeat
}

.share-facebook-en {
    background: url(/images/radinfo-sprites.png) 0 0 no-repeat
}

.share-facebook-en,
.share-facebook-sp,
.share-twitter {
    display: inline-block;
    height: 30px;
    width: 68px
}

.share-facebook-sp {
    background: url(/images/radinfo-sprites.png) 0 -34px no-repeat
}

.share-twitter {
    background: url(/images/radinfo-sprites.png) -75px 0 no-repeat
}

.share-email {
    background: url(/images/radinfo-sprites.png) -150px 0 no-repeat
}

.share-email,
.view-PDF-en,
.view-PDF-sp {
    display: inline-block;
    height: 30px;
    width: 68px
}

.view-PDF-en {
    background: url(/images/radinfo-sprites.png) -225px 0 no-repeat
}

.view-PDF-sp {
    background: url(/images/radinfo-sprites.png) -225px -34px no-repeat
}

.radinfo-facebook {
    display: inline-block;
    background: url(/images/radinfo-sprites.png) 0 -145px no-repeat;
    height: 25px;
    width: 20px
}

.radinfo-rss,
.radinfo-twitter {
    display: inline-block;
    height: 25px;
    width: 22px
}

.radinfo-twitter {
    background: url(/images/radinfo-sprites.png) -25px -145px no-repeat
}

.radinfo-rss {
    background: url(/images/radinfo-sprites.png) -53px -145px no-repeat
}

#glossary-container-main {
    margin: 0 auto 10px;
    width: 99%;
    max-width: 650px;
    padding: 10px
}

.close {
    float: right;
    width: 40px;
    height: 40px;
    font-size: 2.5em
}

.term {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 6px
}

.phonetic {
    font-size: .9em
}

.glossary-body dd {
    margin: 0;
    font-size: .9em;
    line-height: 2
}

.glossary-body img,
.glossimg {
    width: 230px;
    height: auto;
    margin: 10px 0 0 20px;
    float: right;
    clear: right;
    text-align: right
}

.feedback-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.hp-special {
    display: none
}

.popover {
    background-color: #e74c3c;
    color: #ecf0f1;
    width: 150px
}

    .popover.right .arrow:after {
        border-right-color: #e74c3c
    }

label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
    font-weight: 400;
    font-size: 90%
}

.on_toc,
.ourmission {
    color: #005572;
    font-weight: 700
}

.ourmission {
    margin-bottom: 0 !important;
    font-style: normal;
    font-weight: 900
}

#missionbody {
    padding: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid teal;
    max-width: 760px;
    background: #f7fbfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q5ZWRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGQ5ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f7fbfc 0, #d9edf2 40%, #add9e4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f7fbfc), color-stop(40%, #d9edf2), color-stop(100%, #add9e4));
    background: -webkit-linear-gradient(left, #f7fbfc 0, #d9edf2 40%, #add9e4 100%);
    background: -o-linear-gradient(left, #f7fbfc 0, #d9edf2 40%, #add9e4 100%);
    background: -ms-linear-gradient(left, #f7fbfc 0, #d9edf2 40%, #add9e4 100%);
    background: linear-gradient(to right, #f7fbfc 0, #d9edf2 40%, #add9e4 100%)
}

    #missionbody p {
        font-size: 114%;
        padding: 8px 0 8px 2px;
        margin-bottom: 30px
    }

#missiontrailer {
    padding: 4px;
    margin-top: 30px;
    max-width: 760px
}

#call-for-reviewers {
    border-bottom: 1px dashed #000
}

    #call-for-reviewers p {
        width: 88%
    }

.alt-left-col {
    margin-top: 10px;
    font-size: 1em;
    font-style: italic;
    text-align: center
}

.search-txt {
    color: navy;
    padding-top: 6px
}

.btn-navbarmini {
    margin-bottom: 6px
}

    .btn-navbarmini a {
        color: teal
    }

.btn:hover {
    background-color: wheat
}

.active {
    color: #f4f7e3;
    padding: 0;
    margin: 0;
    font-size: 1em;
    border-right: 1px solid #fff
}

    .active a {
        background-color: teal;
        color: #fff !important
    }

        .active a .black a {
            background-color: #000
        }

        .active a .gray a {
            background-color: #e8e8e8
        }

        .active a .orange a {
            background-color: orange
        }

.smallrilogo {
    width: 224px;
    height: 52px;
    text-align: center
}

.largerilogo {
    width: 960px;
    height: 181px;
    text-align: left
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.image-modal-body {
    width: 920px
}

#sitemap-accordion a {
    line-height: 30px;
    font-size: 110%
}

#sitemap-accordion li {
    line-height: 35px;
    margin-left: 15px;
    list-style: none
}

#sitemap-accordion .glyphicon {
    color: #307287;
    padding-right: 5px;
    font-size: .8em
}

#sitemap-accordion p {
    margin: 0
}

table#booklets {
    width: 100%;
    border: none
}

#booklets tr {
    border: none
}

#booklets td {
    padding-left: 4px;
    border: none
}

#rad_dose_chart {
    margin: 12px 0 10px;
    width: 100%
}

    #rad_dose_chart table,
    td,
    th {
        border: 1px solid #000
    }

.category-head {
    vertical-align: top;
    padding-left: 1px
}

.valign-mid {
    vertical-align: middle;
    padding-left: 1px
}

.valign-top {
    vertical-align: top;
    padding-left: 2px
}

.cell-width-50 {
    width: 50%
}

.cell-width-25 {
    width: 25%;
    padding-left: 1px
}

.center-text {
    text-align: center
}

#rad_dose_chart .note {
    margin: 14px 2px 10px 6px
}

#safety-benefits-risks {
    page-break-inside: avoid
}

#example {
    border: 1px solid #000;
    margin: 20px 30px 0;
    background-color: wheat;
    padding: 4px
}

    #example h2 {
        margin-top: 0;
        border-top: none
    }

#MoreLinkContainer {
    display: inline-block;
    background-color: #fff;
    text-align: left;
    margin-top: 0;
    width: 100%
}

    #MoreLinkContainer p {
        background-color: #fff;
        color: #000;
        padding-left: 5px
    }

#player3 {
    width: 100% !important
}

@media only screen and (min-width:320px) {
    #myElement1-mobile {
        margin: -10px 0 10px;
        padding: 0
    }

    #page-contents ul {
        padding: 0
    }

    #share-links {
        margin-top: .5em !important;
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    #incontentvideo {
        margin-bottom: 30px
    }

    #player3 {
        width: 600px !important
    }

    #player3 {
        margin: 0 auto;
        text-align: center
    }

    #main-inner,
    #printable-handouts {
        padding-left: 5px
    }

        #main-inner .glance,
        #printable-handouts .glance,
        #news .glance {
            float: right;
            width: 300px;
            max-width: 100%;
            margin: 0 0 1em 1em !important
        }

    #news .glance {
        margin: -2em 0 1em 1em !important
    }

    #news .newsdate {
        display: inline-block;
        float: left
    }

    #news-share-links {
        margin: 0 -15px 20px 0
    }

    .gallerynote,
    .wideglance {
        background-color: #eadca2;
        padding: 10px 20px
    }

    .gallerynote {
        max-width: 80%;
        margin-bottom: 10px;
        width: 500px
    }

    .wideglance {
        width: 100%;
        float: left;
        margin: 10px 0
    }

    #ri-rtcol {
        min-height: 645px
    }

    #share-links {
        float: right;
        padding: 0 0 0 2em;
        width: auto
    }

    img.topic {
        float: right;
        margin-left: 40px
    }

    .twoColumns p:first-child {
        padding-top: 8px
    }
}

@media only screen {
    .fullURL {
        display: none
    }
}

@media print {
    .glance {
        border: 1px solid #999
    }

    #FeedbackForm,
    #SurveyRequest,
    #dis-page-contents,
    #footer-nav,
    #kidslink,
    #metadata,
    #news-share-buttons,
    #page-contents,
    #pediatric,
    #related,
    #share-pat-story,
    #spotlight,
    #spotlight-m,
    #subscribe {
        display: none
    }

    #myElement1-mobile {
        height: 0
    }

    .newsblurb div {
        clear: right
    }

    .aboutsite,
    .button,
    .colorhead,
    .enlarge,
    .navbar-form,
    .top-link {
        display: none !important
    }

    .ped-graphic,
    .ped-graphic-multispan {
        padding-left: 0
    }

    a[href]:after {
        content: none
    }

    a.externalURL[href]:after {
        content: " (" attr(href) ") ";
        display: inline;
        font-style: italic
    }

    a.fullURL[href]:after {
        content: " (www.RadiologyInfo.org" attr(href) ") "
    }

    a.fullURL[href]:after,
    span.fullURL {
        display: inline;
        font-style: italic
    }

    #eop-info {
        margin-top: 24px
    }
}

a.externalURL,
a.fullURL {
    display: inline;
    font-style: italic;
    padding-right: .25em
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .video-container embed,
    .video-container iframe,
    .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media (min-height:800px) {
    .pat-stories-modal {
        width: 90%
    }
}

.epcot-video-modal {
    max-width: 800px
}

.patient-story-prehead {
    color: #307287;
    font-style: italic
}

.glossary-iframe {
    width: 99%;
    height: 400px
}

.epcot-kids-iframe {
    width: 95%;
    min-height: 550px
}

.pat-story-w-vid {
    background-color: #fffbd5;
    margin-top: 10px
}

#dis-page-contents {
    margin-bottom: 35px
}

#page-contents li,
.kids-list li {
    margin: 0 40px 0 10px;
    min-width: 70%;
    max-width: 85%;
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

#dis-page-contents a::after,
#page-contents a::after,
#spotlight a::after,
#spotlight-m a::after,
#submenu p a::after,
.kids-list a::after,
.sitemap a::after,
.topic a::after {
    content: "►";
    color: #429fbb;
    padding: 0 5px;
    margin-right: -30px;
    display: inline-block;
    position: relative
}

.kids-list a::after {
    color: orange
}

#spotlight ul {
    list-style: none
}

#spotlight li::before {
    content: "•";
    color: #307287;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

#radtable table {
    background-color: hsla(040, 100%, 90%, .3)
}

    #radtable table th {
        background-color: hsla(048, 100%, 50%, .2)
    }

    #radtable table tr th:first-child {
        background-color: hsla(040, 100%, 90%, .3);
        text-align: center
    }

#radtable .valign-top {
    vertical-align: text-top
}

#radtable .center-text {
    text-align: center
}

#radtable img {
    width: 60%
}

#radtable-notes {
    border: 1px solid #cfcfcf;
    padding: 5px;
    margin: 5px
}

.radtablecell-mw70 {
    max-width: 70%
}

.radtablecell-mw65 {
    max-width: 65%
}

.radtablecell-mw60 {
    max-width: 60%
}

.radtablecell-mw50 {
    max-width: 50%
}

.radtablecell-bgwhite {
    background-color: #fff
}

.radtablecell-margin6040 {
    margin: 6px 0 4px
}

.center-text {
    text-align: center
}

.right-image {
    float: right;
    clear: right;
    padding: 10px
}

.left-image {
    float: left;
    clear: left;
    padding: 10px
}

.bottom-list {
    margin-bottom: 1.2em
}

.overflow-hidden {
    overflow: hidden
}

@media print {
    #radtable img {
        width: 50%
    }

    .img-responsive {
        height: 60%;
        width: 60%
    }
}

.indentsm,
.indentsmem {
    margin-left: 1.25em
}

.indent {
    margin-left: 3em
}

#resources p {
    margin: 2px 0 6px 5px
}

#resources h3 {
    margin-bottom: 0
}

.feedback-content {
    text-align: center;
    padding: 10px 10px;
    max-width: 600px;
    margin: 10px auto
}

    .feedback-content span {
        text-align: center;
        font-weight: 700
    }

    .feedback-content p {
        text-align: left
    }

.feedback-form-group {
    text-align: left
}

#feedback-found-info .radiobutton {
    padding-bottom: 16px
}

#packcalc {
    background-color: #033;
    color: #fff;
    border: #000 thin;
    width: 360px;
    padding: 14px 0 4px 6px
}

    #packcalc span {
        font-family: Courier;
        font-size: 1.3em
    }

    #packcalc input {
        text-align: center;
        color: #000
    }

        #packcalc input[type=text]:disabled {
            background: #fff
        }

.kid-content-container {
    max-width: 1200px
}

    .kid-content-container p {
        font-size: 1.05em
    }

.kid-content {
    max-width: 650px
}

    .kid-content h2 {
        margin-top: 40px
    }

#be-rad-kid-header {
    display: inline-block;
    font-weight: 700;
    font-style: italic
}

.for-kids-facility {
    color: teal;
    font-style: italic
}

.for-kids-video {
    max-width: 640px;
    padding: 20px 35px 0
}

.kids-byline {
    font-weight: 700
}

.kids-btn {
    padding: 10px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background-color: #307287 !important
}

    .kids-btn:hover {
        color: #000 !important;
        font-weight: 500 !important;
        background-color: orange !important
    }

.kids-list {
    width: 80%
}

    .kids-list li {
        font-size: 1.1em;
        padding: 4px
    }

    .kids-list a {
        color: #307287 !important
    }

        .kids-list a:hover {
            color: #4b4b4b !important
        }

#epcot-vids.kids-list li {
    font-size: 1.1em;
    padding: 4px;
    margin-bottom: .9em;
    letter-spacing: .09em
}

.byline {
    font-size: 90%;
    color: #778899;
    padding-left: 1em
}

.jw-state-idle .jw-controls {
    background-color: transparent !important
}

.more {
    font-weight: 500;
    margin-top: 25px
}

    .more a,
    .submenu-link {
        font-weight: 600
    }

#safety-menu {
    margin-left: 10px
}

    #safety-menu h2 {
        margin-left: -10px
    }

#cookietable td {
    padding: 4px;
    color: navy
}

#cookietable {
    margin-bottom: 16px !important
}

    #cookietable th {
        text-align: center
    }

.sponsored-logo {
    display: inline-block;
    width: 100px;
    height: 55px;
    margin: 0 10px 10px;
}

#ri-rtcol,
#ri-leftcol-desktop {
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 251, 213, 0), rgba(255, 251, 213, 1));
}

.sm-ftxt {
    margin-top: 20px;
}

.form-div-submit {
    text-align: center;
    position: relative;
}

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

.radio-label {
    display: block;
}

.feedback-content input[type=radio] {
    margin-left: 10px;
}

.feedback-content .thanks {
    color: red;
    text-align: center;
    font-weight: 800;
    font-family: Cambria, "Hoefler Text", "Times New Roman", serif;
    font-size: 2em;
}

#related-images-and-videos {
    margin-top: -10px;
}

#kidslink {
    margin-top: -20px;
}

#incontentvideo {
    margin-bottom: 30px;
}

.disabled-button {
    background-color: lightgray;
    border: 1px solid lightgray;
    cursor: not-allowed;
    color: #eeeeee;
}

    .disabled-button:hover {
        background-color: lightgray;
        border: 1px solid lightgray;
        cursor: not-allowed;
        color: #eeeeee;
    }

.form-loading {
    width: 93.5%;
    position: absolute !important;
    top: 37%;
    text-align: center;
}

.form-loading {
    background: url(../../images/radinfo/AjaxLoader.gif) no-repeat center;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.handouts {
    min-height: 100px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

.cookie-popup .agree-button {
    background-color: #dc5826 !important;
}

    .cookie-popup .agree-button:hover {
        background-color: #bd4a1f !important;
    }

#news div {
    clear: right;
}

.cookie-popup .find-more-button {
    background-color: #0073d2 !important;
}

    .cookie-popup .find-more-button:hover {
        background-color: #005daa !important;
    }

.headshot-container {
    float: right;
    margin: 12px 0 6px 12px;
}
.headshot-image {
    width: 220px;
    height: auto;
}
.headshot-caption {
    font-style: italic;
    text-align: center;
    margin-top: 3px;
}
.flex-position {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.form-container .radio, .checkbox, textarea {
    margin-left: 60px;
}

.feedback-form-group textarea {
    margin-left: inherit;
}


.form-container {
    padding-bottom: 20px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 280px;
}

.form-container .question-container {
    padding-left: 15px;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
.select {
    margin-left: 60px;
    width: 75%;
    max-width: 400px;
}