/* Page header
 *
 * Full width page header that can be found on Channel pages, Special reports,
 * Events etc
 *
 */
.page-header {
  overflow: hidden;
  margin-bottom: 25px;
}
.page-header iframe {
  float: right;
  padding-top: 10px;
}
.page-header > * {
  border: 0;
  border-style: solid;
  border-color: #DADADA;
}
.page-header header {
  padding-top: 7px;
  border-bottom-width: 7px;
  overflow: hidden;
}
.page-header > nav {
  margin-top: -7px;
  border-top-width: 7px;
}
.page-header h1 {
  font-size: 30px;
  line-height: 38px;
  float: left;
}
.page-header > div > span {
  float: right;
}
.page-header header img {
  float: right;
}
/* end of Page Header */


/* Navigation links
 *
 * Horizonal links used in the Masthead, Blog sub links, Channels etc
 * Events etc
 *
 */
.ec-nav-links {
  padding: 0;
  margin: 0;
}
.ec-nav-links li {
  display: block;
  float: left;
  margin: 0;
  color: #535353;
  position: relative;
  padding: 0;
}

.ec-nav-links li > a,
.ec-nav-links li > span {
  color: #535353;
  font-size: 12px;
  text-decoration: none;
  display: block;
  float: left;
  border-left: 1px solid #DADADA;
  background: none;
  padding: 4px 8px;
}
.ec-nav-links li > span {
  color: #9C9C9C;
}
.ec-nav-links li:hover a,
.ec-nav-links li:focus a {
  background-color: #dadada;
  color: #535353;
  cursor: pointer;
}

/* end of Navigation links */





/* end of Navigation links */


.nav-slider {
  overflow: hidden;
  height: 115px;
}


/* Side Box */

.side-box {
  margin-bottom: 15px;
}

.side-box a {
  padding-top: 8px;
}
.side-box:hover * {
  text-decoration: none;
}
.side-box a,
.side-box img {
  display: block;
}
.side-box time {
  display: block;
  font-size: 1.1rem;
}
.side-box a > * {
  margin: 0 8px;
}
.side-box img {
  margin: 0;
}

/* end of Side Box */

/* prevnext */
.prev-next{
  margin-top: 10px;
}
.prev-next a,
.prev-next > span {
  display: block;
  float: left;
  width: 275px; /* fallback for non-calc browsers */
  width: calc(50% - 22px); /* 22px = 10+10pxpadding + 1px border-left + 1px border-right */
  border: 1px solid #dadada;
  position: relative;
  padding: 10px;
  height: 90px;
}
.prev-next a:hover {
  background-color: #dadada;
}
.prev-next .prev-next-next {
  border-left: 0;
}
.prev-next-prev > span,
.prev-next-next > span {
  position: absolute;
  top: 10px;
  background: transparent url(/sites/all/themes/econfinal/images/icons/icons_sprite.png) no-repeat -3px -408px;
  padding-left: 20px;
  font-weight: bold;
}
.prev-next-prev > span {
  right: 10px;
}
span.prev-next-prev,
span.prev-next-next {
  opacity: .6;
}
span.prev-next-prev p,
span.prev-next-next p{
  display: none;
}
.prev-next-next > span {
  left: 10px;
  background-position: 30px -388px;
  padding-right: 20px;
  padding-left: 0;
}
.prev-next p span{
  font-weight: bold;
}
.prev-next img{
  display: block;
  float: left;
  box-shadow: 3px 3px 3px #DEDEDE;
}
.prev-next-next img {
  float: right;
}
.prev-next p {
  width: 170px; /* fallback for non-calc browsers */
  width: calc(100% - 120px);  /* 120px = 90px image size + 30px margin-left/right */
  display: block;
  text-align: right;
  position: absolute;
  top: 36px;
  right:10px;
  font-size: 1.2rem;
  line-height:1.6rem !important;
  height: 64px;
  overflow: hidden;
  padding-left: 0 !important;
}
.prev-next-next p {
  text-align: left;
  left: 10px;
}

/* end of prevnext */

.multiple-box a {
  margin-bottom: 15px;
}
.compact-list a,
.expanded-list a {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 8px;
}
.expanded-list a {
  overflow: hidden;
}
.expanded-list a > * {
  margin: 0;
}
.expanded-list img {
  float: left;
}
.expanded-list li a {
  overflow: hidden;
  text-decoration: none;
}
.expanded-list .with-image a > div {
  width: 75%;
  float: right;
}
.expanded-list .headline {
  margin-bottom: 20px;
}

 /* end of List Box compact */
.side-box-list-image {
   margin-bottom: 15px;
 }
.side-box-list-image a {
  display: block;
  margin-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}
.side-box-list-image img {
  display: block;
}
.side-box-list-image *:hover {
  text-decoration: none;
}
.side-box-list-image .rubric {
  margin-top: 8px
}

/* News package
 *
 * Example: Channel main left column; Home page: middle column"
*/
.news-package {
  padding: 5px 0 20px;
  border-bottom: 1px solid #E6E6E6;
}
.news-package a *:hover {
  text-decoration: underline;
}
.news-package:first-child {
  padding-top:0;
}
.news-package h2 {
  margin-bottom: 10px;
}
.news-package:nth-of-type(n+2) img {
  float: right;
  margin-top: -15px;
  margin-left: 10px;
}
.news-package:nth-of-type(n+2) .with-image {
  float:left;
  width: 70%;
}
.news-package p {
  margin-bottom: 5px;
}
.news-package ul {
  clear: left;
}
.news-package li {
  background: url("/sites/all/themes/econfinal/images/media-icons.gif") no-repeat scroll 0 3px transparent;
  color: #06526C;
  padding-left: 14px;
}
.news-package .icon-audio {
  background-position: -13px 3px;
}
.news-package .icon-video {
  background-position: -28px 3px;
}
.news-package .icon-chart {
  background-position: -43px 3px;
}
.news-package .icon-map {
  background-position: -59px 3px;
}
.news-package .icon-slideshow {
  background-position: -73px 3px;
}
.news-package .icon-pdf {
  background-position: -90px 3px;
}
.news-package .icon-external {
  background-position: -103px 3px;
}
.news-package li div {
  background-color: #FFFFFF;
}
.news-package:last-of-type {
  border:0;
}
/* end of News package */

/* Blogs headers */
.blog-header {
  border-bottom: 7px solid #888570;
  color: #888570;
  font-family: Arial,verdana;
  height: 95px;
  margin-bottom: 25px;
  position: relative;
}
.blog-header img {
  position: absolute;
  right: 0;
  z-index: 1;
}
.blog-header h1 a,
.blog-header span a {
  color: #888570;
  font-size: 32px;
  font-weight: bold;
}
.blog-header h2,
.blog-header .blog-post-header h4 {
  font-size: 20px;
  font-weight: normal;
}
#blog_post_sublinks_2 {
  overflow: hidden;
  margin-top: -26px;
  margin-bottom: 25px;
}
#blog_post_sublinks_2 li {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  font-size: 12px;
}
#blog_post_sublinks_2 li.last {
  float: right;
  margin: 0px;
}
#blog_post_sublinks_2 li a,
#blog_post_sublinks_2 li span {
  padding: 2px 10px 2px 0;
  border-right: 1px solid #dedede;
}
#blog_post_sublinks_2 li span {
  color: #dedede;
}
#blog_post_sublinks_2 li.last a,
#blog_post_sublinks_2 li a.sublink_latest {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
/* end of Blogs headers */

/* Main-content-header */

.main-content-header .fly-title {
  font: bold 1.5rem/2.3rem Arial,Sans-serif;
}
.main-content .rubric{
  font: bold 1.5rem/2.3rem Arial,Sans-serif;
}

/* Main content */

.main-content > p,
.main-content .clear > p {
  margin-bottom: 15px;
}
.main-content a,
.main-content .clear a {
  text-decoration: underline;
}
.main-content a:hover,
.main-content .clear a:hover {
  text-decoration: none;
}
.main-content > p:empty,
.main-content > div:empty {
  display: none;
}
.main-content p,
.page-blogs p,
aside.letters {
  font-size: 1.5rem;
  line-height: 2.3rem;
  font-weight: normal;
  font-family: Arial, sans-serif;
}
.main-content img {
  display: block;
}
.main-content .content-image-float,
.main-content .content-image-float-right,
.main-content .content-image-full {
  clear: both;
  float: right;
  margin: 0 0 10px 15px;
  padding-top: 5px;
  position: relative;
}
.main-content .content-image-float a {
  text-decoration: none;
}
.main-content > ul,
.main-content > ol {
  margin: 0 0 15px 45px;
  padding-left: 10px;
}
.main-content > ul li,
.main-content > ol li {
  font-size: 1.5rem;
  line-height: 2rem;
  list-style:disc;
}
.main-content > ol li {
  list-style:decimal;
}
.main-content .xhead {
  font-weight: bold;
  margin-bottom: 0;
}
.main-content blockquote {
  font-style: italic;
  margin: 0 0 10px;
  padding: 0 0 0 35px;
  color:#868686;
}
.main-content blockquote ol li {
  font-size: 1em;
}
.main-content blockquote p,
.main-content blockquote div {
  display:inline-block;
  margin-bottom: 15px;
  font-style: italic;
}
.main-content blockquote p:first-child:before,
.main-content blockquote p:last-child:after {
  display: inline;
  content:'\201C';
  font-family: Georgia;
  font-size: 4rem;
  line-height:.1rem;
  margin-right:10px;
  margin-left: -25px;
  vertical-align:-1.9rem;
  color:#9c9c9c;
}
.main-content blockquote p:last-child:after {
  content:'\201D';
  margin-left:5px;
  margin-right: 0;
  vertical-align:-2.1rem;
}
.main-content blockquote p:last-child,
.main-content blockquote div:last-child {
  margin-bottom: 0;
}
.main-content .ec-active-image {
  display: block;
}
.main-content .caption,
.main-content .credit,
#main-container .caption,
#main-container .credit {
  font-family: Arial;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: block;
  background-color: #F0F0F0;
  float: left;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
}
#main-container .caption-pointer,
.main-content .caption-pointer {
  float:left;
  display: block;
  height: 30px;
  width: 30px;
  background: url('/sites/all/themes/econfinal/images/pointer-btn.png') no-repeat;
  background-size: 30px 30px;
}
.main-content .caption-text {
  padding-left: 38px;
  display: block;
}
.main-content a.ec-active-image {
  text-decoration: none;
}
.main-content .ec-content-image span.caption:hover,
.ec-content-image:hover .caption,
.main-content .ec-active-image span.caption:hover,
.ec-active-image:hover .caption {
  background-color: #5c8a9d;
  color: #FFF;
}
.main-content .content-image-float .caption:hover {
  background-color: #F0F0F0;
  color: #000;
}
.main-content .content-image-float .caption:hover a {
  color: red;
}
.main-content .pullquote {
  border-bottom: 1px dotted #4a4a4a;
  border-top: 1px dotted #4a4a4a;
  float: right;
  font-size: 1.8rem;
  line-height: 2rem;
  margin: 0 0 10px 25px;
  padding: 7px 0 9px;
  width: 290px;
  font-family: Georgia, serif;
  color: #97120b;
}
.main-content-header {
  margin-bottom: 5px;
}
.main-content-container {
  clear: both;
  float: right;
  width: 168px;
  margin: 0 0 10px 25px;
}
.main-content-container a,
.main-content-container span {
  padding: 5px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: block;
}
.main-content-container span {
  font-weight: bold;
}
.main-content-container .secondary-header {
  font-weight: bold;
  font-size: 1.3rem;
  padding: 4px;
}
/* end of Main content */

/* Tile box */

.tile-box {
  display: block;
  font-size: 1.3rem;
  color: #ffffff;
  background: #888570;
  margin-top: 5px;
  overflow: hidden;
  height: 50px;
}
.tile-box:visited {
  color: #ffffff;
}
.tile-box:hover {
  background: #568A9F;
  text-decoration: none;
}
.tile-box img {
  margin-right: 5px;
  vertical-align: text-top;
  float: left
}
.tile-box span {
  padding-top: 5px;
  display: block;
  margin-left:60px;
}

/* end Tile box */

/* Scroll list */
.arrow-l,
.arrow-r {
  position: absolute;
  z-index: 1;
  display: block;
  background-color:rgba(205,205,205, .6);
  width: 11px;
  height: 35px;
  padding: 9px 20px 5px 15px;
  top: 25px;
  box-shadow: 2px 2px 7px #888888;
}
.arrow-r {
  right:0;
  box-shadow: -2px 2px 7px #888888;
}
.arrow-l {
  left: 0;
  padding: 9px 25px 5px 10px;
}
.arrow-l:hover,
.arrow-r:hover {
  background-color: #E3120B;
  cursor: pointer;
}
.arrow-l span,
.arrow-r span {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  font-size: 0;
  line-height: 0;
  width: 0;
}
.arrow-r span {
  border-left: 20px solid #fff;
}
.arrow-l span {
  border-right: 20px solid #fff;
}
.scroll-list {
  visibility: hidden;
}
.scroll-list-wrapper {
  border-bottom: 2px solid #f0f0f0;
}
.scroll-list,
.scroll-list-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 113px;
}
.scroll-list.enable-scroll {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  -moz-transition: left 300ms linear 0s;
  -webkit-transition: left 300ms linear 0s;
  visibility: visible;
}
.scroll-list li {
  float: left;
  position:static !important;
  height: 100px;
  padding: 0;
}
.scroll-list li a,
.scroll-list li > span {
  height: 90%;
  padding: 5%;
  display: block;
  border-left: 1px solid #f0f0f0;
}
.scroll-list li > span {
  background-color: #f0f0f0;
}
.scroll-list li a:hover {
  background-color: #dadada;
  cursor: pointer;
}
.scroll-list img {
  float: left;
  width: 90px;
  height: 90px;
}
.scroll-list a span,
.scroll-list span span {
  float: right;
  width: 50%;
}
/* end Scroll list */

/* Secondary box */
.secondary-box {
  background-color: #F0F0F0;
  margin-bottom: 15px;
}
.secondary-box > a {
  padding: 5px 10px;
  border-bottom: 1px solid #FFFFFF;
}
.secondary-box > a:last-child {
  border-bottom: 0;
}
.secondary-header {
  border-top-style: solid;
  border-top-width: 3px;
  border-bottom: 2px solid #ffffff;
  padding: 9px 0 8px 10px;
}
.size-compact {
  padding: 5px 0 3px 10px;
}
.secondary-box .secondary-header {
  margin-bottom: 0;
}
/* end of Secondary box */


/* Temporary blogs header styles */

div.blog-title {
  font-family: Arial, verdana;
  color: #888570;
  border-bottom: 7px solid #888570;
  height: 95px;
  position: relative;
}
.node-blog-tpl div.blog-title {
   margin-bottom: 25px;
}
div.blog-title {
  margin-bottom: 2px;
}
div.blog-title img {
  position: absolute;
  right: 0;
}
div.blog-title img.logo-standard {
  bottom: 0
}
div.blog-title img.logo-exception {
  top: 0
}
div.buttonwood img,
div.lexington img {
  top: -17px;
}
div.charlemagne img {
  top: -7px;
}
div.analects img {
  top: -14px;
}
div.bagehot img {
  top: -10px;
  right: 20px;
}
div.blog-title div.blog-sponsor {
  margin-top: 6px;
}
div.blog-title div.blog-sponsor img {
  vertical-align: middle;
  position: relative;
}
.node-blog-tpl h1 a,
.blog-post-header span a {
  font-size: 32px;
  color: #888570;
  font-weight: bold;
}
.node-blog-tpl h2,
.blog-post-header h2,
.blog-post-header .blog-post-header h4 {
  font-size: 20px;
  font-weight: normal;
}
#blog_post_sublinks {
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: -2px;
}
#blog_post_sublinks li {
  float: left;
  list-style: none;
  margin: 2px 10px 0 0;
  font-size: 12px;
}
#blog_post_sublinks li.last {
  float: right;
  margin: 0px;
}
#blog_post_sublinks li a,
#blog_post_sublinks li span {
  padding-right: 10px;
  border-right: 1px solid #dedede;
}
#blog_post_sublinks li span {
  color: #dedede;
}
#blog_post_sublinks li.last a,
#blog_post_sublinks li a.sublink_latest {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
.page-blogs #title-wide h1#page-title {
  color: #888570;
}
.page-blogs #title-wide {
  border-color: #888570;
}
body.node-type-mtblog #header, body.node-type-mtblog-site #header {
  margin-bottom: 30px;
}
.node-type-mtblog-site ul.ec-page-tools,
.view-blogs ul.ec-page-tools {
  margin-top: 10px;
}
.node-type-mtblog-site .ec-pt-expanded-teaser,
.view-blogs .ec-pt-expanded-teaser {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 30px;
}

/* Related topics */
block-ec_topics-related_topic_items {
  padding-top: 10px;
  clear: both;
}
#block-ec_topics-related_topic_items li a {
  font-size: 1.3rem;
}
div.bottom-more-related-items {
  border-top: 1px solid #999999;
}
div.related-topics-cell {
  margin-bottom: 20px;
}
div.related-topics-row-bottom {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}
div.related-topics-cell ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
div.related-topics-cell ul li {
  margin: 0;
  padding-top: 6px;
  list-style: none;
}
span.related-topics-intro {
  color: #999999;
}
h3.related-topics-subject {
  margin-bottom: 20px;
}
div.bottom-more-related-items {
  height: 27px;
  padding-top: 8px;
}
h3.bottom-more-related-title {
  float: left;
}
div.bottom-more-related-items ul li {
  display: inline;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0;
  list-style: none;
  border-right: 1px solid #999999;
}
div.bottom-more-related-items ul li.last {
  border-right: none;
}


/* Thumbnial images*/
div.ec-thumbnail-right {
  float: right;
  margin: 4px 0 10px 15px;
}
div.ec-thumbnail span {
  display: none;
}
div.ec-thumbnail a {
  display: block;
}
div.ec-thumbnail a.ec-enlarge {
  display: block;
  position: absolute;
  top: 13px;
  left: 8px;
  width: 30px;
  height: 30px;
  background: url('/sites/all/themes/econfinal/images/mag-glass-enlarge.png') no-repeat;
  background-size: 30px 30px;
}
div.ec-thumbnail a.ec-enlarge:hover {
  opacity: 0.8;
}
.main-content div.ec-thumbnail .ec-enlarge:hover + .ec-active-image .caption {
  background-color: #F0F0F0;
  color: #000;
}
div.ec-thumbnail img,
div.ec-thumbnail .caption {
  display: block;
  width: 168px;
}
div.content-image-float,
div.content-image-float-229,
div.content-image-float-290,
div.content-image-float-168,
div.content-image-float-right,
div.content-image-full {
  float: right;
  margin: 0 0 10px 15px;
  clear: both;
  padding-top: 5px;
}
div.content-image-float-168,
div.content-image-float-168 .caption{
  width: 168px;
}
div.content-image-float-229,
div.content-image-float-229 .caption{
  width: 229px;
}
div.content-image-float-290,
.content-image-float-290 .caption,
.content-image-float-290.retina-290 .caption{
  width: 290px;
}
.content-image-float.retina-229 img,
.content-image-float.retina-229 .caption {
  width: 229px;
  height: auto;
}
.content-image-float-290.retina-290 img {
  width: 290px;
  height: auto;
}
.content-image-full.retina-595 img,
.content-image-full.retina-595 .caption{
  width: 595px;
  height: auto;
}
/* Promo box */
.promo-box {
  overflow: hidden;
  width: 168px;
}
.promo-box a {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.promo-box article div,
.promo-box p {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: normal;
  font-family: Arial,sans-serif;
}
.promo-box article div {
  color: #F7A600;
  margin-bottom: 5px;
}
.promo-box p {
  color: #DADADA;
}
.promo-box a .field-field-promo-image {
  margin: 8px 0 0;
}


/* end of Promo box */

aside.letters {
  margin-bottom: 15px;
}

/* All latest updates link */
.latest-updates-link {
  background-color: #DADADA;
  color: #4A4A4A;
  float: right;
  font-size: 12px;
  font-weight: normal;
  line-height: 2.3rem;
  padding: 0 8px;
  -webkit-font-smoothing: antialiased;
}

.latest-updates-link:hover {
  background-color: #F0F0F0;
}