/*------------------------------TED Main styles------------------------------*/ .pub-container {padding: 2em;} #pub-content a { color: #003399;} .pub-container a:hover, #pub-content a:hover {text-decoration: underline; color: #003399; background-color: #fbffe7;} .pub-container a:visited, #pub-content a:visited { color: #663366;} .pub-container img {border: none;} #pub-content .read-more-link {text-decoration: none; font-style: italic; font-family: Georgia, Times, serif; float: right; padding-top: 8px; font-size: 85%;} #pub-content .read-more-link:hover {text-decoration: underline; color: #003399;} #pub-content .read-more-link:visited {text-decoration: none; color: #003399;} /*--------------TED Text size tools--------------*/ .text-tools {margin-top: -44px; float: right;} .text-tools p {color: #666; font-size: 75%;} .text-tools img {vertical-align: bottom; padding-top: 2px;} /*--------------TED Pub Header-------------------*/ #pub-header {width: inherit; min-height: 70px;} #pub-name {padding-bottom: 4px;display: flex;flex-wrap: wrap;} #pub-name > a {flex-grow: 1;} #pub-main-nav {border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; min-height: 30px;display: flex; flex-wrap: wrap;align-items: flex-end} .ted-main-nav {background: #E0E6DD;} #pub-main-nav ul {display: inline-block; margin: 0; padding: 0; height: auto;flex-grow: 1;} #pub-main-nav ul li {display: inline-block; list-style-type: none; border-right: 1px dashed #ccc; line-height: 0; margin: 0; } #pub-main-nav ul li:hover {background: #fff;} #pub-main-nav ul li a {color: #000; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px;padding: 8px 11px 7px 11px;display: inline-block;} #pub-main-nav ul li a:hover {color: #990000; background: none;} #pub-search {margin-bottom: 2px;} #pub-search form#ted-search {width: 180px; position: relative; } #pub-search #ted-search-query {border: solid #ccc 1px; margin: 0; padding: 5px 3px; vertical-align: middle; width: 12.3em; font-size: 11px;} #pub-search #ted-search-submit {background-color: #668B8B; border: 1px solid #668B8B; color: #fff; margin: 0; padding: 1px 3px; vertical-align: middle; cursor: pointer; border-radius: 6px;} /*------------TED Pub Content-----------*/ #pub-content {width:inherit; margin-top: 20px;} #pub-content > p {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em !important; color: #000; line-height: 1.5 !important; padding-bottom: 8px; margin: 0;} #pub-content h3, #pub-content .h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; color: #000; font-weight: bold; font-style: italic; padding-bottom: 4px;} #pub-content h3 a , #pub-content .h3 a{font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } #pub-content h4, #pub-content .heading {font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #000; font-weight: bold; padding-bottom: 7px;width: 100%;} #pub-content h4 a, #pub-content h3 a, #pub-content .h3 a, #pub-content h4 a:visited, #pub-content h3 a:visited, #pub-content .h3 a:visited, #pub-content .heading a{font-size: inherit; color: #000; text-decoration: none;} #pub-content h4 a:hover, #pub-content h3 a:hover, #pub-content .heading a:hover {color: #003399; text-decoration: underline; } #pub-content h5,#pub-content .heading-1 {font-family: "Myriad Pro Condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 100%; color: #000; font-weight: bold; text-transform: uppercase; float: left; position: relative; padding: 0 20px 0 10px; margin-right: 20px; border-right: 1px dashed #ccc;} #pub-content h5 > a, #pub-content .heading-1 a {color: #000000!important;} #pub-content h6 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000; font-weight: bold; padding-bottom: 5px; } #pub-content .date {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em !important; color: #222; font-style: normal;margin-bottom: 10px;} #pub-article-container img {border: 1px solid #ccc; float: left; position: relative; margin: 0 20px 10px 0;} #pub-main-article .ted-main-article {float: left; position: relative; width: 29.5em;} #pub-article-container, #pub-recent-articles {margin-bottom: 30px;} .section-divider {background: #E0E6DD; min-height: 16px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 7px 0;width: 100%;} .section-divider a, .section-divider a:visited {text-decoration: none; color: #000;} .section-divider a:hover {text-decoration: none; color: #1874CD;} .recent-article-col { margin: 5px;flex: 1 1 20%; } .recent-article-col img {border: 1px solid #ccc; margin-bottom: 5px;width: auto !important;} #pub-subjects, #pub-citation, #pub-subjects-wide, #pub-citation-wide {width: 49%; background: #F8F9F7; padding-bottom: 10px; display: inline-block;vertical-align: top; margin-bottom: 10px; } #pub-subjects-wide, #pub-citation-wide{width: 73em;} .pub-subjects-col, .pub-subjects-col-wide { padding-left: 0px!important; margin: 0 5px !important; display: inline-block;width: 47%;} #pub-subjects .pub-subjects-col-wide, #pub-subjects .pub-subjects-col:last-of-type{float: right;} .pub-subjects-col-wide{width: 17em;} .pub-subjects-col li, .pub-subjects-col-wide li {padding: 4px; border-bottom: 1px dashed #ccc; list-style: none;} .pub-subjects-col li a, .pub-subjects-col li a:visited, .pub-subjects-col-wide li a, .pub-subjects-col-wide li a:visited {color: #000!important; text-decoration: none;} .pub-subjects-col li a:hover, .pub-subjects-col-wide li a:hover {color: #1874CD; text-decoration: none; } .pub-subjects-col li:hover, .pub-subjects-col-wide li:hover {background: #fff;} /*--------------- TED MEAASAGE-----------------*/ #pub-message {width: 50%; float: right; position: relative;display: inline-block;vertical-align: top;} #pub-message p{font-family: Arial, Helvetica, sans-serif;} #pub-message .pub-message-title {font-family: Arial, Helvetica, sans-serif; font-weight: bold;} #pub-message-background {margin-top: 6px; width: auto; background: #E0E6DD; height: auto; padding: 15px 10px; -moz-border-radius: 14px; border-radius: 14px; -webkit-border-radius: 14px;} #pub-message-background a:visited{color:#891889;} #pub-citation a:visited{color:#891889;} #triangle {position: absolute; top: 95%; left: 70%;} .image-credit {color: #666; font-size: 70%; text-align: right;} #pub-related-articles, #pub-related-subjects {margin: 15px 0 30px 0; border-top: 1px dashed #ccc; padding: 7px 0 0 0;} #pub-related-articles h5, #pub-related-subjects h5, #pub-related-articles .heading-2, #pub-related-subjects .heading-2 {width: 140px; padding-left: 0; margin:0px;} #pub-related-subjects ul {padding-bottom: 0; margin-bottom: 0;} #pub-related-subjects ul li {display: inline; list-style-type: none; padding: 0 10px 0 10px; border-right: 1px dashed #ccc; position:relative; bottom:2px;} #pub-related-subjects ul li a {color: #003399; text-decoration: none; position:relative; bottom: 2px; } #pub-related-articles ul li a:hover, #pub-related-subjects ul li a:hover {color: #003399; text-decoration: underline;} #pub-related-articles ul {float: right; margin: 0; padding: 0; width: 785px;} #pub-related-articles ul li {display: block; list-style-type: none; padding: 0 0 6px 10px; border-right:none; position:relative; bottom:2px; line-height: 1.3em;} #pub-citation p,#pub-citation-wide p {color: #333; font-family: Arial, Helvetica, sans-serif; padding: 15px;} /*--------------- TED Data Tables -------------*/ #pub-content .tab-content-centered, #pub-content .tab-content-full-width {padding-top: 10px; padding-bottom: 25px;} #pub-content .pub-data-table { margin: 15px 0;} #pub-content .tab-content-full-width .pub-data-table {width: 900px;} #pub-content .tab-content-full-width {width: inherit;} #pub-content .tab-content-centered {margin: 0 auto; } #pub-content .tab-content-centered .pub-data-table {width: 600px;} #pub-content caption {margin-bottom: 10px;} #pub-content .article-table span.table-title {font-weight: bold; font-size: 115%; font-family: Arial, Helvetica, sans-serif; line-height: 1.7em; text-align: center;} #pub-content.article-table .table-title-secondary {font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: 10px; } #pub-content .article-table .article-table caption {margin-bottom: 10px;} #pub-content .pub-data-table{font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; width: 600px; border-collapse: collapse; margin-top: 15px; margin: 0 auto;} #pub-content .pub-data-table p {font-family: Arial, Helvetica, sans-serif; font-weight: normal;} #pub-content .pub-data-table thead {background: #e0e0e0; height: 40px; padding-left: 10px;} #pub-content .pub-data-table thead th {border-left: #ccc 1px solid; text-align: center; padding-bottom: 4px;} #pub-content .pub-data-table tbody tr {border-top: 1px solid #ccc;} #pub-content .pub-data-table th {text-align: left; padding: 6px 0 0 10px;} #pub-content .pub-data-table td {text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc} #pub-content .pub-data-table .graybar {background: #efefef;} #pub-content p.footnotes {font-style: italic; color: #333; padding: 8px 0 12px 12px; font-size: 11px; float: left;} /*----------------Chart/Table TABS-------------*/ #pub-content ul.tabs {border-bottom: 1px solid #CCCCCC!important; height: 26px; list-style: none outside none !important; margin: 0 !important; padding: 0;} #pub-content ul.tabs li {text-transform: uppercase; font-size: 10px; color: #668B8B;} #pub-content ul.tabs > li > a {background: #E0E6DD; border: 1px solid #ccc; color: #000;} #pub-content ul.tabs li a.current, #pub-content ul.tabs li a.current:hover {color: #2C5858!important; font-weight: normal; background: #fff!important; border-bottom: 1px solid #fff;} #pub-content ul.tabs li a:hover {text-decoration: none; background: #668B8B!important; color: #2C5858;} #pub-content .panes {border: 1px solid #ccc; border-top: none; padding: 15px 10px 20px;} #pub-content .panes > div {border: none; padding: 0;} /*----------- TED ARCHIVE PAGES----------------*/ #pub-archive {width: 80%; float: left; position: relative; margin: 0px 0 30px 0;} #pub-subject-matter {display: flex;flex-wrap: wrap;} #pub-archive h6 {margin-top: 10px;} #pub-archive ul {margin: 0;} #pub-archive ul li {list-style: disc outside url("/images/gray_round_bullet.gif"); margin-left: 40px; padding-bottom: 5px;} #archive-quick-links {background-color: #f9f9f9; border: 1px dotted #DEDEBE; border-right: none; border-left: none; padding: 1em; width: 39em; text-align: center; color: #666; font-weight: normal;} .archive-note {color: #333; font: normal 13px/1.6em Arial, Helvetica, sans-serif;} ul.archive-menu li a {margin-left: 10px;} .subjects-col {flex-grow: 1;} #pub-sidebar {float: right; position: relative; width: 19%;} #pub-content > #pub-sidebar h5 {border-right: none; margin-right: 0; padding-right: 0; font-size: 12px;} #pub-sidebar ul {margin-bottom: 20px; background: #F8F9F7; padding-bottom: 7px; list-style: none; margin-left: 0; padding-left: 0;} #pub-sidebar ul li {list-style: none; padding: 5px 0 5px 5px; border-bottom: 1px dashed #ccc; margin: 0 5px;} #pub-sidebar ul li:hover {background-color: #E0E6DD;} #pub-sidebar ul li a {text-decoration: none; color: #000;} #pub-sidebar ul li.no-link a {text-decoration: none; color: #ccc; cursor: default;} #pub-sidebar ul li.no-link:hover {background: none;} .about-text {margin-bottom: 30px;} .staff-name {font-weight: bold;} .highcharts-container{ padding:0px !important; } .highcharts-contextmenu div{ min-height: 0px !important; } .highcharts-legend-item span{width: auto!important;max-width: 154px; overflow: hidden !important;} #pub-header img, #pub-content img{ max-width: 100%;height: auto;} .article-tools-box {margin-bottom: 8px;} #pub-article-container > a:hover, #pub-recent-articles .recent-article-col > a:hover{background-color: transparent;} #pub-recent-articles {display: flex; flex-wrap: wrap;align-items: stretch;} #pub-content .bls-highcharts-container {width: 100% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-y: hidden;display: block;} #pub-content .article-table{ overflow: auto; max-height: 400px; display:block; } #chart_toggle_button {font-size: 1em !important;} /* mobile styles */ @media (max-width:767px){ #pub-main-nav {flex-direction: column;align-items: flex-start;} #pub-main-nav ul {flex-direction: column;display: flex;width: 100%;} #pub-main-nav ul li{border-right: none; border-bottom: 1px solid #ccc;} #pub-main-nav ul li a{font-weight: bold;} #pub-search {margin: auto;width: 100%;margin-top: -1px;margin-bottom: -1px;} #pub-search form#ted-search{width: 100% !important; margin: 0;} #pub-search #ted-search-query {flex-grow: 1;width: auto;} #pub-search #ted-search-submit {border-radius: 0;} #pub-message, #pub-subjects, #pub-citation, #pub-subjects-wide, #pub-citation-wide{width: 100%;} #pub-article-container {display: flex;flex-direction: column;} #pub-article-container > a {margin: auto;} #pub-article-container a img {width: auto !important;margin:15px 0 !important;} div.social-media > div{ display:block;} #pub-sidebar{width:100%;} #pub-archive ul {padding: 0 !important;} #pub-archive ul li{margin-left: 30px;} #pub-related-articles, #pub-related-subjects{border-bottom: 1px dashed #ccc;} #pub-related-articles h5, #pub-related-subjects h5 {float: none;border-right: none;} #pub-related-subjects ul{display: flex;flex-direction: column; width: 100%;margin-left: 0; padding-left: 0;margin-top: 10px;} #pub-related-subjects ul li{border-right: none;} #pub-search form#ted-search{width: auto;display: flex;} #pub-content table.regular{width: 100% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-y: hidden;display: table;} } @media (max-width:863px){ .recent-article-col{flex: 1 1 40%;} #pub-message-background div:first-of-type {text-align: right;width: 100%;} } @media (max-width:500px){ .pub-subjects-col, .pub-subjects-col-wide {width: 100%;margin: 0 !important;} .pub-subjects-col:first-of-type, .pub-subjects-col-wide:last-of-type{float: none;} .recent-article-col{flex: 1 1 50%;} .recent-article-col{ border-bottom:1px solid #ccc; padding: 10px 0; } }