.focusList {
  padding: 0;
  margin: 0;
  float: left;
  list-style-type: none;
}
.focusList li {
  overflow: hidden;
  float: left;
  width: 48%;
  margin: 1%;
  padding: 0;
}
.focusList li a {
  display: block;
  position: relative;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  z-index: 75;
  padding: 20px 5px 20px 15px;
  margin: 0;
  background: #efefef;
  text-decoration: none;
  font-size: 1.2em;
}
.focusList li a span {
  display: block;
  position: relative;
  z-index: 115;
}
.focusList li a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 35;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-left: 70px solid transparent;
  border-bottom: 110px solid #eaeaea;
}
.focusList li a:hover {
  background: #2973BD;
  border-color: #205993;
  color: white;
}
.focusList li a:hover:before {
  border-bottom-color: #205993;
}
.sliderContainer {
  position: relative;
  background: #efefef;
  height: 250px;
  padding-left: 15px;
  border-radius: 5px;
  border: 1px solid #bbb;
}
.sliderContainer .slideSelectors {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 160px;
  padding-top: 10px;
}
.sliderContainer .slideSelectors img {
  border: 1px solid transparent;
  border-radius: 5px;
  margin: 0 0 10px 10px;
}
.sliderContainer .slideSelectors img:hover {
  border-color: red;
}
.sliderContainer .slideSelectors img.selected {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.sliderContainer #moreViz {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 55px;
  height: 55px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 5px;
  background: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}
.sliderContainer #moreViz:after {
  content: "...";
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 45;
  text-align: right;
  font-weight: 600;
  font-size: 20px;
  color: #2973bd;
}
.sliderContainer .iosSlider {
  position: absolute;
  overflow: hidden;
  top: 15px!important;
  left: 0!important;
  width: 400px;
  height: 240px;
}
.sliderContainer .iosSlider .slider {
  width: 100%;
  height: 100%;
}
.sliderContainer .iosSlider .slider .item {
  display: block;
  position: relative;
  width: 400px;
  height: 240px;
  margin: 0;
}
.sliderContainer .iosSlider .slider .item .slideAbstract {
  position: absolute;
  top: 1px;
  left: 1px;
  padding: 5px;
  width: 150px;
  background: #fff;
}
.sliderContainer .iosSlider .slider .item .slideAbstract:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 35;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-left: 70px solid transparent;
  border-bottom: 110px solid #eaeaea;
}
.sliderContainer .iosSlider .slider .item .slideAbstract:after {
  content: "...";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 45;
  text-align: right;
  font-weight: 600;
  font-size: 35px;
  color: white;
}
.sliderContainer .iosSlider .slider .item .slideAbstract h4,
.sliderContainer .iosSlider .slider .item .slideAbstract p {
  position: relative;
  z-index: 75;
}
.sliderContainer .iosSlider .slider .item:hover {
  cursor: pointer;
}
.sliderContainer .iosSlider .slider .item:hover .slideAbstract {
  background: #2973bd;
  color: white;
}
.sliderContainer .iosSlider .slider .item:hover .slideAbstract:before {
  border-bottom-color: #438cd6;
}
.sliderContainer .iosSlider .slider .item:hover .slideAbstract:after {
  color: #2973bd;
}
.visuals {
  margin-left: 220px;
}
.visuals .item {
  position: relative;
  overflow: hidden;
  margin: 0 10px 10px 0;
  float: left;
  border: 1px solid #2973bd;
  border-radius: 5px;
}
.visuals .item a {
  display: block;
  width: 220px;
  text-decoration: none;
}
.visuals .item a img {
  position: absolute;
  width: 100%;
}
.visuals .item a h3,
.visuals .item a h4 {
  position: relative;
  padding: 5px;
  margin: 0;
  background: rgba(41, 115, 189, 0.7);
  color: #fff;
}
.visuals .item a P {
  position: relative;
  margin: 0;
  padding: 10px 5px 15px 5px;
  background: rgba(255, 255, 255, 0.7);
  visibility: hidden;
}
.visuals .item a:hover h3,
.visuals .item a:hover h4 {
  background: #ffffff;
  color: #2973bd;
}
.visuals .item a:hover p {
  visibility: visible;
}
.block {
  overflow: hidden;
}
.block a.toggle-comment {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border: 1px solid #bbb;
  background: #fff;
  text-decoration: none;
  padding: 5px;
  z-index: 2200;
  font-size: 15px;
}
.block #yourComments {
  position: absolute;
  z-index: 2150;
  width: 340px;
  height: 100%;
  top: 0;
  right: 100%;
  background: #bada15;
  background: #ecf7fd;
  background: #f9f9f9 url(/dataoecd/img/newSite/assets/C_content/topics_Countries/fndbluebox.png) top right repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecf7fd), to(#f9f9f9));
  background: -moz-linear-gradient(center bottom, #f9f9f9 1%, #ecf7fd 75%);
}
.block #yourComments.make-Comment {
  left: 0;
}
.block #yourComments form {
  padding: 10px 20px;
}
.block #yourComments form fieldset {
  width: 300px;
  margin: 0;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #333;
}
.block #yourComments form fieldset textarea {
  width: 290px;
  height: 210px;
}
.block #yourComments form input#submitForm {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
  border: 1px solid #bbb;
  background: #fff;
  text-decoration: none;
  padding: 5px 20px;
  z-index: 2200;
  font-size: 15px;
}
.block #canvas-wrapper {
  position: relative;
  overflow: hidden;
  height: 500px;
  z-index: 2000;
  background: #bbb;
}
.block #canvas-wrapper a.map-fullscreen {
  display: block;
  position: absolute;
  top: 10px;
  left: 70px;
  border: 1px solid #bbb;
  background: #fff;
  text-decoration: none;
  padding: 5px;
  z-index: 2100;
  font-size: 15px;
}
.block.fullScreen {
  position: static;
}
.block.fullScreen #canvas-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}