/* Reworked style for UpToDate core graphics based on Resonance input - Additions/Edits/Deletions/Organizations */

/* Figure definition */
.graphic {
border-collapse: collapse;
}

.graphic .figure {
font-size: 100%;
text-align: left;
font-family: Noto Sans,Verdana,sans-serif;
background-color: White;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
}
/* ---------- */

/* Title definition */
.graphic .ttl {
overflow-wrap: break-word;
word-break: normal;
line-height: 1.4em;
text-align: left;
font-size: 18px;
font-weight: bold;
padding: 16px .2em 16px 0;
}
/* ---------- */

/* Title superscript definition */
.graphic .ttl sup {
font-size: 12px;
line-height: .65em;
letter-spacing: .08em;
vertical-align: baseline;
position: relative;
top: -0.5em;
padding-left: .08em;
}
/* ---------- */

/* Title subscript definition */
.graphic .ttl sub {
font-size: 12px;
line-height: .5em;
vertical-align: baseline;
position: relative;
bottom: -0.3em;
padding: 0 .08em;
}
/* ---------- */

/* Title superscript for references definition - NOT USED */
.graphic .ttl sup.title_ref {
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #757575;
line-height: .65em;
letter-spacing: .06em;
vertical-align: baseline;
position: relative;
top: -0.6em;
padding-left: .2em;
}
/* ---------- */

/* Title superscript for footnotes definition - NOT USED */
.graphic .ttl sup.title_foot {
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #757575;
line-height: .65em;
letter-spacing: .1em;
vertical-align: baseline;
position: relative;
top: -0.5em;
padding-left: .08em;
}
/* ---------- */

/* Content definitions */
.graphic .cntnt {
border: none;
text-align: left;
margin: 0;
padding: 0;
}

.graphic .cntnt table {
width: 100%;
}
/* ---------- */


/* Table definitions (including containers) */
.graphic .figure table {
text-align: left;
border: 1px solid #BFBFBF;
border-top: none;
font-size: .75em;
margin: 0;
padding: 0;
border-collapse: collapse;
}

.graphic .figure td {
vertical-align: text-top;
line-height: 1.5em;
border: 1px solid #BFBFBF;
font-size: 14px;
padding: .3em .6em;
}

.graphic .figure table.container {
border: none;
}

.graphic .figure table.container table {
text-align: left;
font-size: 1em;
margin: 0;
padding: 0;
border: 1px solid #BFBFBF;
border-collapse: collapse;
}

.graphic .figure td.container {
vertical-align: top;
border: none;
padding: 0 .25em;
}
/* ---------- */

/* Legend/Footnotes/Source section definitions */
.graphic .graphic_lgnd {
word-wrap: break-word;
line-height: 21px;
font-size: 14px;
text-align: left;
padding: 16px 0;
width: 96%;
border-bottom: 1px solid #BFBFBF;
border-top: none;
}

.graphic .graphic_footnotes {
word-wrap: break-word;
line-height: 21px;
font-size: 14px;
text-align: left;
padding: 16px 0;
width: 96%;
border-bottom: 1px solid #BFBFBF;
border-top: none;
}

.graphic .graphic_reference {
word-wrap: break-word;
line-height: 18px;
font-size: 12px;
font-style: italic;
text-align: left;
padding: 16px 0;
width: 96%;
border-bottom: 1px solid #BFBFBF;
border-top: none;
color: #757575;
}
/* ---------- */

/* Legend/Footnotes/Source break tag definitions */
.graphic .graphic_lgnd br {
content: " ";
display: block;
margin: 0;
margin-bottom: 8px;
}

.graphic .graphic_footnotes br {
content: " ";
display: block;
margin-top: 0;
margin-bottom: 8px;
}

.graphic .graphic_reference br {
content: " ";
display: block;
margin-top: 0;
margin-bottom: 8px;
}
/* ---------- */

/* Footnote alignment definitions */
.graphic .bullet {
padding-left: .1em;
}

.graphic .lozenge {
font-size: 14px;
}

.graphic .double_bullet {
padding-left: .2em;
}

.graphic .double_lozenge {
font-size: 14px;
}
/* ---------- */

/* Strong/italic definitions */
.graphic .figure strong {
font-weight: bold;
}

.graphic .figure strong.heading {
font-size: 15px;
font-weight: bold;
line-height: 1.8em;
padding-top: 5px;
padding-bottom: 5px;
}

.graphic .figure em {
font-style: italic;
}
/* ---------- */

/* Table superscript for references definition - NOT USED */
.graphic .figure td sup.ref {
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #757575;
line-height: .65em;
letter-spacing: .06em;
vertical-align: baseline;
position: relative;
top: -0.6em;
padding-left: .2em;
}
/* ---------- */

/* Table superscript for footnotes definition - NOT USED */
.graphic .figure td sup.foot {
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #757575;
line-height: .65em;
letter-spacing: .1em;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: .08em;
}
/* ---------- */

/* Table superscript definition */
.graphic .figure td sup {
font-size: 12px;
line-height: .65em;
letter-spacing: .08em;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: .08em;
}
/* ---------- */

/* Table subscript definition */
.graphic .figure td sub {
font-size: 12px;
line-height: .5em;
vertical-align: baseline;
position: relative;
bottom: -0.3em;
padding: 0 .08em;
}
/* ---------- */

/* Legend superscript/subscript definitions */
.graphic .graphic_lgnd sup {
font-size: 12px;
line-height: .65em;
letter-spacing: .08em;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: .08em;
}

.graphic .graphic_lgnd sub {
font-size: 12px;
line-height: .5em;
vertical-align: baseline;
position: relative;
bottom: -0.3em;
padding: 0 .08em;
}
/* ---------- */

/* Footnotes superscript/subscript definitions */
.graphic .graphic_footnotes sup {
font-size: 12px;
line-height: .65em;
letter-spacing: .08em;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: .08em;
}

.graphic .graphic_footnotes sub {
font-size: 12px;
line-height: .5em;
vertical-align: baseline;
position: relative;
bottom: -0.3em;
padding: 0 .08em;
}
/* ---------- */

/* Source superscript/subscript definitions */
.graphic .graphic_reference sup {
font-size: 10px;
line-height: .65em;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: .08em;
}

.graphic .graphic_reference sub {
font-size: 10px;
line-height: .5em;
vertical-align: baseline;
position: relative;
bottom: -0.3em;
padding: 0 .08em;
}
/* ---------- */

/* Small font definition */
.graphic .small {
font-size: 12px;
}
/* ---------- */

/* Font color definitions */
.graphic .yellow {
color: #FFFF99;
}

.graphic .gray {
color: #E6E6E6;
}

.graphic .lght_gray {
color: #F6F6F6;
}

.graphic .green {
color:#85BC20;
}

.graphic .darkgreen {
color: #009881;
}

.graphic .lght_green {
color: #D4E8B1;
}

.graphic .lght_green_tint {
color: #E2EFD9;
}

.graphic .red {
color: #EC5862;
}

.graphic .lght_red {
color: #F6B1B6;
}

.graphic .orange {
color: #FED009;
}

.graphic .darkorange {
color: #EA8F00;
}

.graphic .lght_orange {
color: #F8D8A6;
}

.graphic .peach {
color: #FFE5B4;
}

.graphic .purple {
color: #DAAACE;
}

.graphic .darkpurple {
color: #940C72;
}

.graphic .seagreen {
color: #A6DBD3;
}

.graphic .lght_blue_text {
color: #E6F2F9;
}

.graphic .blue {
 color: #007AC3;
}

.graphic .darkbluetint {
color: #B3AECA;
}

.graphic .blueHL {
color: #66CCFF;
}

.graphic .brown {
color: #AF6B00;
}

.graphic .white {
 color: #FFFFFF;
}
/* ---------- */

/* Link color definitions */
.graphic .figure a:link {
color: #0000FF;
}

.graphic .figure a:visited {
color: #660099;
}
/* ---------- */

/* Image styling definitions */
.graphic .cntnt img {
display: block;
margin: 0;
padding: 0;
}

.graphic .graphic_lgnd img, .cntnt table img {
margin: 0;
padding: 0;
display: inline;
}
/* ---------- */

/* LWW contract link definitions - These styles were added by the Web team */
.graphic .figure .contractual a {
color: #336633;
background-color: #FFFFFF;
text-decoration: none;
}

.graphic .figure .contractual a:link {
color: #336633;
background-color: #FFFFFF;
text-decoration: none;
}

.graphic .figure .contractual a:visited {
color: #336633;
background-color: #FFFFFF;
text-decoration: none;
}

.graphic .figure .contractual a:hover {
text-decoration: underline;
}
/* ---------- */

/* Headings - Subtitle/center alignment definitions */
.graphic td.subtitle1 {
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #E6E6E6;
}

.graphic td.subtitle2 {
vertical-align: middle;
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #F2F2F2;
}

.graphic td.subtitle3 {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #F9F9F9;
}

.graphic td.subtitle4 {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #FBFBFB;
}

.graphic td.subtitle5 {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #FEFEFE;
}
/* ---------- */

/* Headings - Subtitle/single column table definitions */
.graphic td.subtitle1_single {
vertical-align: middle;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: .42em;
border-bottom: 1px solid #BFBFBF;
background-color: #E6E6E6;
}

.graphic td.subtitle2_single {
vertical-align: middle;
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1.5em;
border-bottom: 1px solid #BFBFBF;
background-color: #F2F2F2;
}

.graphic td.subtitle3_single {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3.0em;
border-bottom: 1px solid #BFBFBF;
background-color: #F9F9F9;
}

.graphic td.subtitle4_single {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4.5em;
border-bottom: 1px solid #BFBFBF;
background-color: #FBFBFB;
}

.graphic td.subtitle5_single {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6em;
border-bottom: 1px solid #BFBFBF;
background-color: #FEFEFE;
}
/* ---------- */

/* Headings - Subtitle/left alignment definitions */
.graphic td.subtitle1_left {
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: .42em;
border-bottom: 1px solid #BFBFBF;
background-color: #E6E6E6;
}

.graphic td.subtitle2_left {
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #F2F2F2;
}

.graphic td.subtitle3_left {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2em;
border-bottom: 1px solid #BFBFBF;
background-color: #F9F9F9;
}

.graphic td.subtitle4_left {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3.5em;
border-bottom: 1px solid #BFBFBF;
background-color: #FBFBFB;
}

.graphic td.subtitle5_left {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5em;
border-bottom: 1px solid #BFBFBF;
background-color: #FEFEFE;
}
/* ---------- */

/* Headings - Subtitle/center alignment no background color definitions */
.graphic td.subtitle1_white {
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle2_white {
vertical-align: middle;
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle3_white {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle4_white {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle5_white {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}
/* ---------- */

/* Headings - Subtitle/single column table no background color definitions */
.graphic td.subtitle1_single_white {
vertical-align: middle;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: .42em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle2_single_white {
vertical-align: middle;
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1.5em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle3_single_white {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3.0em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle4_single_white {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4.5em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle5_single_white {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6em;
border-bottom: 1px solid #BFBFBF;
}
/* ---------- */

/* Headings - Subtitle/left alignment no background color definitions */
.graphic td.subtitle1_left_white {
font-size: 16px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: .42em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle2_left_white {
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle3_left_white {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle4_left_white {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3.5em;
border-bottom: 1px solid #BFBFBF;
}

.graphic td.subtitle5_left_white {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5em;
border-bottom: 1px solid #BFBFBF;
}
/* ---------- */

/* Headings - Subtitle3/left alignment with same indent as subtitle2_left to use if subtitle2 used in top level headers definitions */
.graphic td.subtitle3_left_align {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
background-color: #F9F9F9;
}
    
.graphic td.subtitle3_left_align_white {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #BFBFBF;
}
/* ---------- */

/* Sublist start style definitions */
.graphic td.sublist1_start {
padding-bottom: .3em;
}

.graphic td.sublist2_start {
padding-left: 2em;
padding-bottom: .3em;
}

.graphic td.sublist3_start {
padding-left: 3.5em;
padding-bottom: .3em;
}

.graphic td.sublist4_start {
padding-left: 5em;
padding-bottom: .3em;
}

.graphic td.sublist5_start {
padding-left: 6.5em;
padding-bottom: .3em;
}
/* ---------- */

/* Sublist style definitions */
.graphic td.sublist1 {
font-size: 14px;
padding-left: 2em;
padding-bottom: .3em;
}

.graphic td.sublist2 {
font-size: 14px;
padding-left: 3.5em;
padding-bottom: .3em;
}

.graphic td.sublist3 {
font-size: 14px;
padding-left: 5em;
padding-bottom: .3em;
}

.graphic td.sublist4 {
font-size: 14px;
padding-left: 6.5em;
padding-bottom: .3em;
}

.graphic td.sublist5 {
font-size: 14px;
padding-left: 8em;
padding-bottom: .3em;
}

.graphic td.sublist6 {
font-size: 14px;
padding-left: 9.5em;
padding-bottom: .3em;
}
/* ---------- */

/* Sublist other style definitions */
.graphic td.sublist_other_start {
padding-bottom: .3em;
}

.graphic td.sublist_other {
font-size: 14px;
padding-left: .67em;
padding-bottom: .3em;
}
/* ---------- */

/* Sublist other centered style definitions */
.graphic .sublist_other_start_centered {
padding-bottom: .3em;
text-align: center;
}

.graphic .sublist_other_centered {
font-size: 14px;
padding: .3em .67em .3em .67em;
text-align: center;
}
/* ---------- */

/* Centering text definition */
.graphic .centered {
text-align: center;
}
/* ---------- */

/* Indent style definitions */
.graphic td.indent1 {
padding-left: 2em;
}

.graphic td.indent2 {
padding-left: 3.5em;
}

.graphic td.indent3 {
padding-left: 5em;
}

.graphic td.indent4 {
padding-left: 6.5em;
}

.graphic td.indent5 {
padding-left: 8em;
}
/* ---------- */

/* Text alignment definitions */
.graphic .align_right {
text-align: right;
}

.graphic .figure .align_top {
vertical-align: top;
}

.graphic .figure .align_middle {
vertical-align: middle;
}
            
.graphic .figure .align_bottom {
vertical-align: bottom;
}
/* ---------- */

/* Unordered list (ul) definitions */   
.graphic .figure td ul {
list-style-type: square;
list-style-position: outside;
margin: 0;
padding-left: 1.5em;
}
    
.graphic .figure td ul ul {
list-style-type: disc;
padding-left: 1.7em;
}
    
.graphic .figure td ul ul ul {
list-style-type: circle;
}
    
.graphic .figure td ul ul ul ul {
list-style-type: square;
}
    
.graphic .figure td ul ul ul ul ul {
list-style-type: disc;
}
/* ---------- */

/* Unordered list (ul) - second/third level (if on their own row and not in a cell) list definitions */
.graphic .figure ul.list_second_level {
list-style-type: disc;
}

.graphic .figure ul.list_third_level {
list-style-type: circle;
}
/* ---------- */

 /* Ordered list (ol) style type definitions */            
.graphic .figure ol.list_upper_alpha {
list-style-type: upper-alpha;
}
            
.graphic .figure ol.list_lower_alpha {
list-style-type: lower-alpha;
}

.graphic .figure ol.list_upper_roman {
list-style-type: upper-roman;
}

.graphic .figure ol.list_lower_roman {
list-style-type: lower-roman;
}
/* ---------- */

/* Unordered list (ul) and ordered list (ol) list style type none definitions */
.graphic .figure ul.none {
list-style-type: none;
}

.graphic .figure ol.none {
list-style-type: none;
}
/* ---------- */

/* Unordered list (ul) indent definition */
.graphic .figure td ul.decimal_heading {
margin-left: 1.5em;
}
/* ---------- */

/* Ordered list (ol) if their is a heading definition */
.graphic .figure td ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0;
padding-left: 2.85em;
}
/* ---------- */

/* Ordered list (ol) if the numbers are 1-99 with no heading definition */
.graphic .figure ol.numbers_no_heading {
padding-left: 2.35em;
}
/* ---------- */

/* Ordered list (ol) if the numbers are 1-9 only with no heading definition */
.graphic .figure td ol.numbers_to_nine {
padding-left: 1.75em;
}
/* ---------- */

/* List (li) definitions */
.graphic .figure td ol li {
list-style-position: outside;
margin-top: .2em;
margin-bottom: .2em;
padding-left: .2em;
}

.graphic .figure td li {
list-style-position: outside;
margin-top: .2em;
margin-bottom: .2em;
padding: 0;
}
/* ---------- */

/* Legend/unordered list (ul) definitions */ 
.graphic .graphic_lgnd ul {
list-style-type: square;
list-style-position: outside;
line-height: 1.5em;
margin: 0;
padding-left: 1.5em;
display: block;
zoom: 1;
}

.graphic .graphic_lgnd ul ul {
list-style-type: disc;
padding-left: 1.7em;
}

.graphic .graphic_lgnd ul ul ul {
list-style-type: circle;
}

.graphic .graphic_lgnd ul ul ul ul {
list-style-type: square;
}

.graphic .graphic_lgnd ul ul ul ul ul {
list-style-type: disc;
}
/* ---------- */

/* Legend/unordered list (ul) indent definition */
.graphic .graphic_lgnd ul.decimal_heading {
margin-left: 1.5em;
}
/* ---------- */

/* Legend/unordered list (ul) li definition */
.graphic .graphic_lgnd ul li {
list-style-position: outside;
}
/* ---------- */

/* Legend/ordered list (ol) definition */
.graphic .graphic_lgnd ol {
list-style-type: decimal;
list-style-position: outside;
line-height: 1.5em;
margin: 0;
padding-left: 2.85em;
display: block;
zoom: 1;
}
/* ---------- */

/* Legend/ordered list (ol) if the numbers are 1-9 only with no heading definition */
.graphic .graphic_lgnd ol.numbers_to_nine {
padding-left: 1.75em;
}
/* ---------- */

/* Legend/ordered list (ol) li definition */
.graphic .graphic_lgnd ol li {
list-style-position: outside;
display: list-item;
padding-left: .2em;
}
/* ---------- */

/* Footnotes/unordered list (ul) definitions */
.graphic .graphic_footnotes ul {
list-style-type: square;
list-style-position: outside;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 0;
margin-left: 1.5em;
padding-left: 1.5em;
display: block;
zoom: 1;
}

.graphic .graphic_footnotes ul ul {
list-style-type: disc;
margin: 0;
padding-left: 1.7em;
}

.graphic .graphic_footnotes ul ul ul {
list-style-type: circle;
}

.graphic .graphic_footnotes ul ul ul ul {
list-style-type: square;
}

.graphic .graphic_footnotes ul ul ul ul ul {
list-style-type: disc;
}
/* ---------- */

/* Footnotes/unordered list (ul) for double footnote symbol definition */
.graphic .graphic_footnotes ul.double_footnote_list {
margin-left: 2em;
}
/* ---------- */

/* Footnotes/unordered list (ul) li definition */
.graphic .graphic_footnotes ul li {
list-style-position: outside;
}
/* ---------- */

/* Footnotes/ordered list (ol) definition */
.graphic .graphic_footnotes ol {
list-style-type: decimal;
list-style-position: outside;
display: block;
line-height: 1.5em;
margin: 0;
padding-left: 2.85em;
zoom: 1;
}
/* ---------- */

/* Footnotes/ordered list (ol) for double footnote symbol definition */
.graphic .graphic_footnotes ol.double_footnote_list {
padding-left: 3.3em;
}
/* ---------- */

/* Footnotes/ordered list (ol) li definition */
.graphic .graphic_footnotes ol li {
list-style-position: outside;
display: list-item;
padding-left: .2em;
}
/* ---------- */

/* Source/unordered list (ul) definitions */
.graphic .graphic_reference ul {
list-style-type: square;
list-style-position: outside;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 0;
margin-left: 1.5em;
padding-left: 1.5em;
display: block;
zoom: 1;
}

.graphic .graphic_reference ul ul {
list-style-type: disc;
margin: 0;
padding-left: 1.7em;
}

.graphic .graphic_reference ul ul ul {
list-style-type: circle;
}

.graphic .graphic_reference ul ul ul ul {
list-style-type: square;
}

.graphic .graphic_reference ul ul ul ul ul {
list-style-type: disc;
}
/* ---------- */

/* Source/ordered list (ol) definition */
.graphic .graphic_reference ol {
list-style-type: decimal;
list-style-position: outside;
line-height: 1.5em;
margin: 0;
padding-left: 3em;
display: block;
zoom: 1;
}
/* ---------- */

/* Source/ordered (ol) and unordered (ul) list li definitions */
.graphic .graphic_reference ol li {
list-style-position: outside;
display: list-item;
}

.graphic .graphic_reference ul li {
list-style-position: outside;
}
/* ---------- */

/* HR style definitions */
.graphic .figure td hr {
height: 1px;
border-width: 0;
border-bottom: 1px solid #BFBFBF;
margin: .2em 0;
}

.graphic .graphic_lgnd hr {
word-wrap: break-word;
border-bottom: 1px solid #BFBFBF;
border-top: none;
border-right: none;
border-left: none;
margin: 16px 0;
}

.graphic .graphic_footnotes hr {
word-wrap: break-word;
border-bottom: 1px solid #BFBFBF;
border-top: none;
border-right: none;
border-left: none;
margin: 16px 0;
}

.graphic .graphic_reference hr {
word-wrap: break-word;
border-bottom: 1px solid #BFBFBF;
border-top: none;
border-right: none;
border-left: none;
margin: 16px 0;
}
/* ---------- */

/* Legend/Footnotes/Source P style definitions */
.graphic .graphic_lgnd p {
margin-top: 0;
margin-bottom: 8px;
}

.graphic .graphic_footnotes p {
margin-top: 0;
margin-bottom: 8px;
}

.graphic .graphic_reference p {
margin-top: 0;
margin-bottom: 8px;
}
/* ---------- */

/* Table p style definition */
.graphic .figure td p {
margin-top: 0;
margin-bottom: 8px;
}
/* ---------- */

/* Table p indent style definitions */ 
.graphic .figure td p.indent1 {
padding-left: 1.4em;
}

.graphic .figure td p.indent2 {
padding-left: 2.9em;
}
 
.graphic .figure td p.indent3 {
padding-left: 4.4em;
}

.graphic .figure td p.indent4 {
padding-left: 5.9em;
}
 
.graphic .figure td p.indent5 {
padding-left: 7.4em;
}
/* ---------- */

/* P extra top/bottom margin definitions */
.graphic .figure p.extra_spacing_top {
margin-top: 8px;
margin-bottom: 0;
}

.graphic .figure p.extra_spacing_bottom {
margin-bottom: 8px;
margin-top: 0;
}

.graphic .figure p.extra_spacing {
margin-bottom: 8px;
margin-top: 8px;
}
/* ---------- */

/* Table p centering definitions */
.graphic .figure td p.centered {
text-align: center;
}

.graphic .figure td p.sublist_other_start_centered {
padding-bottom: .3em;
text-align: center;
}

.graphic .figure td p.sublist_other_centered {
font-size: 14px;
padding: .3em .67em .3em .67em;
text-align: center;
}
/* ---------- */

/* Table p sublist style start definitions */
.graphic .figure td p.sublist1_start {
padding-bottom: .3em;
}

.graphic .figure td p.sublist2_start {
padding-left: 1.4em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist3_start {
padding-left: 2.9em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist4_start {
padding-left: 4.4em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist5_start {
padding-left: 5.9em;
padding-bottom: .3em;
}
/* ---------- */

/* Table p sublist style definitions */
.graphic .figure td p.sublist1 {
font-size: 14px;
padding-left: 1.4em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist2 {
font-size: 14px;
padding-left: 2.9em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist3 {
font-size: 14px;
padding-left: 4.4em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist4 {
font-size: 14px;
padding-left: 5.9em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist5 {
font-size: 14px;
padding-left: 7.4em;
padding-bottom: .3em;
}

.graphic .figure td p.sublist6 {
font-size: 14px;
padding-left: 8.9em;
padding-bottom: .3em;
}
/* ---------- */

/* Table p sublist other style definitions */
.graphic .figure td p.sublist_other_start {
padding-bottom: .3em;
}

.graphic .figure td p.sublist_other {
font-size: 14px;
padding-bottom: .3em;
}
/* ---------- */

/* Space style definition */
.graphic td.space {
padding: 0;
}
/* ---------- */

/* Checkmark style definitions */
.graphic .large_checkmark {
font-size: 22px;
vertical-align: middle;
}

.graphic .small_checkmark {
font-size: 16px;
vertical-align: middle;
}
/* ---------- */

/* Arrow style definition */
.graphic .arrow {
font-size: 18px;
font-family: 'Calibri', 'sans-serif', Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
vertical-align: middle;
}
/* ---------- */

/* Whitespace nowrap definition */
.graphic .nowrap_whitespace {
white-space: nowrap;
}
/* ---------- */

/* Zebra-striping definition */
.graphic table.zebra_stripes tr:nth-child(odd) {
background-color: #E6E6E6;
}
/* ---------- */

/* Row background color style definitions */
.graphic .highlight_yellow_text {
background-color: #FFFF99;
}

.graphic .highlight_gray_text {
background-color: #E6E6E6;
}

.graphic .highlight_lght_gray_text {
background-color: #F6F6F6;
}

.graphic .highlight_green_text {
background-color: #85BC20;
}

.graphic .highlight_darkgreen_text {
background-color: #009881;
}

.graphic .highlight_lght_green_text {
background-color: #D4E8B1;
}

.graphic .highlight_lght_green_tint_text {
background-color: #E2EFD9;
}

.graphic .highlight_red_text {
background-color: #EC5862;
}

.graphic .highlight_lght_red_text {
background-color: #F6B1B6;
}

.graphic .highlight_orange_text {
background-color: #FED009;
}

.graphic .highlight_darkorange_text {
background-color: #EA8F00;
}

.graphic .highlight_lght_orange_text {
background-color: #F8D8A6;
}

.graphic .highlight_peach_text {
background-color: #FFE5B4;
}

.graphic .highlight_purple_text {
background-color: #DAAACE;
}

.graphic .highlight_darkpurple_text {
background-color: #940C72;
}

.graphic .highlight_seagreen_text {
background-color: #A6DBD3;
}

.graphic .highlight_blue_text {
background-color: #E6F2F9;
}

.graphic .highlight_darkblue_text {
background-color: #007AC3;
}

.graphic .highlight_darkbluetint_text {
background-color: #B3AECA;
}

.graphic .highlight_blueHL_text {
background-color: #66CCFF;
}

.graphic .highlight_brown_text {
background-color: #AF6B00;
}

.graphic .highlight_black_text {
background-color: #000000;
}
/* ---------- */

/* Divider bottom and top style definitions (divider top no longer used in new CSS) */
.graphic .divider_bottom td {
border-bottom: 1px solid #757575;
}

.graphic .divider_top td {
border-top: 1px solid #757575;
}

.graphic td.divider_bottom {
border-bottom: 1px solid #757575;
}

.graphic td.divider_top {
border-top: 1px solid #757575;
}
/* ---------- */

/* White border style definitions */
.graphic .figure .border_right_white {
border-right: 1px solid #FFFFFF;
}

.graphic .figure .border_left_white {
border-left: 2px solid #FFFFFF;
}

.graphic .figure .border_bottom_white td {
border-bottom: 1px solid #FFFFFF;
}

.graphic .figure td.border_bottom_white {
border-bottom: 1px solid #FFFFFF;
}
/* ---------- */

/* Thick border style definitions */
.graphic .figure .border_right_thick {
border-right: 2px solid #757575;
}

.graphic .figure .border_left_thick {
border-left: 2px solid #757575;
}

.graphic .figure .border_bottom_thick td {
border-bottom: 2px solid #757575;
}

.graphic .figure td.border_bottom_thick {
border-bottom: 2px solid #757575;
}
/* ---------- */

/* Checkbox legend key style definition */
.graphic .primarybox_key {
font-size: 1em;
line-height: 1em;
margin-top: .15em;
margin-right: .5em;
padding-right: .8em;
border: 1px solid Black;
overflow: hidden;
float: left;
clear: both;
}
/* ---------- */

/* Checkbox centered style definition */
.graphic .primarybox_center {
font-size: .75em;
line-height: 2em;
margin-top: .25em;
padding: 0 .5em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: none;
clear: both;
vertical-align: top;
}
/* ---------- */

/* Checkbox with checkmark style definitions */
.graphic .primarybox_center_checkmark {
font-size: .75em;
line-height: 2em;
margin-top: .25em;
padding: .04em .3em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: none;
clear: both;
vertical-align: top;
}

.graphic .primarybox_right_checkmark {
font-size: .75em;
line-height: 1em;
margin-top: .25em;
margin-left: .5em;
padding: .2em .28em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: right;
clear: both;
}

.graphic .primarybox_left_checkmark {
font-size: .75em;
line-height: 1em;
margin-top: .25em;
margin-right: .5em;
padding: .2em .28em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: left;
clear: both;
}
/* ---------- */

/* Checkbox right/left alignment style definitions (secondarybox no longer used in new CSS) */
.graphic .primarybox_right {
font-size: .75em;
line-height: 1.4em;
margin-top: .25em;
margin-left: .5em;
padding: 0 .5em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: right;
clear: both;
}

.graphic .primarybox_left {
font-size: .75em;
line-height: 1.4em;
margin-top: .25em;
margin-right: .5em;
padding: 0 .5em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: left;
clear: both;
}

.graphic .secondarybox_right {
font-size: .75em;
line-height: 1em;
margin-top: .25em;
margin-right: .2em;
margin-left: .5em;
padding-left: .8em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: right;
clear: both;
}

.graphic .secondarybox_left {
font-size: .75em;
line-height: 1em;
margin-top: .25em;
margin-right: .5em;
margin-left: .2em;
padding-right: .8em;
border-top: 1px solid Black;
border-right: 2px solid Black;
border-bottom: 2px solid Black;
border-left: 1px solid Black;
background-color: White;
overflow: hidden;
float: left;
clear: both;
}
/* ---------- */

/* Resonance requested copyright style definitions */
#graphicVersion {
    font-size: 12px;
    line-height: 18px;
    padding-top: 16px;
    color: #757575;
}

 .copyright {
    font-size: 12px;
    line-height: 18px;
    color: #757575;          
}

 .graphic__copyright {
    font-size: 12px;
    line-height: 18px;
    color: #757575;          
}
/* ---------- */

/* Resonance requested videoplayer style definition */
.videoplayer {
    margin-bottom: 16px;
}
/* ---------- */

/* ---------- */

/* Backwards compatible code */
/* Old Legend/Reference/Footnote sections that works with preexisting HTML code */
.lgnd {
word-wrap: break-word;
font-size: .85em;
text-align: left;
padding: .5em .2em 1em .2em;
}

.reference {
word-wrap: break-word;
font-size: .85em;
font-style: italic;
}

.footnotes {
word-wrap: break-word;
font-size: .85em;
}
/* ---------- */

/* Old Legend/Reference/Footnote ul/ol that works with preexisting HTML code */
.lgnd ul {
margin: 0 0 0 0;
padding: 0 0 0 1.8em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.lgnd ol {
margin: 0 0 0 0;
padding: 0 0 0 2.5em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.lgnd ol li {
list-style-type: decimal;
display: list-item;
}
    
.lgnd ul li {
list-style-type: disc;
display: list-item;
}
    
.footnotes ul {
margin: 0 0 0 0;
padding: 0 0 0 2.1em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.footnotes ol {
margin: 0 0 0 0;
padding: 0 0 0 2.8em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.footnotes ol li {
list-style-type: decimal;
display: list-item;
}
    
.footnotes ul li {
list-style-type: disc;
display: list-item;
}
    
.reference ul {
margin: 0 0 0 0;
padding: 0 0 0 2.1em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.reference ol {
margin: 0 0 0 0;
padding: 0 0 0 2.8em;
list-style-position: outside;
display: inline-block;
zoom: 1;
*display: inline;
}
    
.reference ol li {
list-style-type: decimal;
display: list-item;
}
    
.reference ul li {
list-style-type: disc;
display: list-item;
}
/* ---------- */

/* Img code that works with preexisting HTML code */
.lgnd img, .cntnt table img {
margin: 0;
padding: 0;
display: inline;
}
/* ---------- */
/* ---------- */

/* New styles added for Resonance */
/* remove border on table containers */
 .graphic table.container {
    border-top:none;
    border-bottom:none;
  }
/* ---------- */

/* Remove top border on tables that are just containers of other tables */
 .cntnt > .graphic > .figure > table.container > tr:first-child > td, .graphic > .figure > .cntnt > table.container > tr:first-child > td {
    border-top:none;
}
/* ---------- */

/* Remove bottom border on tables that are just containers of other tables */
 .cntnt > .graphic > .figure > table.container tr:last-child > td, .graphic > .figure > .cntnt > table.container tr:last-child > td {
    border-bottom:none;
}
/* ---------- */

/* adjust padding */
 .graphic__modal .utd-modal-content .single-graphic-content>.graphic>.figure>.ttl {
    padding-top:16px;
}
/* ---------- */

/******* Should these be done in UTD CSS instead of graphic CSS? ********/
.ds1-mt-4 {
    margin-top: 16px;
}
/* ---------- */
/* ---------- */