/*@linkColor: #219dd1;*/
/*@heroColor: #7db800;*/
.validationError {
  border: 1px solid #cf2700;
}
.var-pagination-button {
  color: #000;
  margin-bottom: 1px;
  text-align: center;
  border: 1px solid #E1E1E1;
  border-right: 0;
  padding-top: 11px;
  float: left;
  display: block;
  height: 29px;
  width: 40px;
  overflow: hidden;
}
.var-button {
  background-color: #75ac00;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
}
.var-button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.var-meta {
  display: block;
  font-size: 11px;
}
.var-meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.var-meta > a:hover {
  color: #777777;
}
.var-meta > time {
  color: #555;
}
.var-meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.equalHeightWrap {
  overflow: hidden;
  position: relative;
}
.equalHeightCol {
  margin-bottom: -900px;
  padding-bottom: 900px;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
abbr,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  height: 100%;
}
body {
  background-color: #fff;
  color: #222222;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
body.large {
  font-size: 16px;
}
body #fb-root {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-size: 100%;
  font-weight: normal;
}
h1 {
  line-height: 1.3;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
a {
  color: #00aabd;
  text-decoration: none;
}
a:hover {
  color: #777777;
}
sup {
  font-size: 0.8em;
  height: 0;
  line-height: 1;
  vertical-align: top;
}
sub {
  font-size: 0.8em;
  height: 0;
  line-height: 1;
  vertical-align: bottom;
}
/*:focus {
  outline: 1;
}*/
img,
video {
  max-width: 100%;
  height: auto;
}
article > a > figure {
  max-width: 100%;
}
.openoverlay {
  display: block;
  position: relative;
}
.openoverlay .icon {
  background-image: url(../bg/basic-sprites.png);
  background-position: -720px -160px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
}
/*iPhone*/
@media only screen and (max-device-width: 960px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
#container {
  zoom: 1;
  margin: 0 auto 20px auto;
  position: relative;
  max-width: 580px;
  width: 94%;
  word-wrap: break-word;
  z-index: 2;
}
#container:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
#container:before,
#container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#container:after {
  clear: both;
}
@media screen and (min-width: 767px) {
  #container {
    max-width: 940px;
  }
}
@media screen and (min-width: 980px) {
  #container {
    width: 940px;
  }
}
@media screen and (min-width: 1260px) {
  #container {
    max-width: 1220px;
    width: 1220px;
  }
}
.skiplinks {
  height: 10px;
  left: -100%;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 10px;
}
.frontpage #container > aside,
.frontpage #container > section {
  zoom: 1;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
}
.frontpage #container > aside:after,
.frontpage #container > section:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.frontpage #container > aside:before,
.frontpage #container > section:before,
.frontpage #container > aside:after,
.frontpage #container > section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.frontpage #container > aside:after,
.frontpage #container > section:after {
  clear: both;
}
.frontpage #container > aside:last-child,
.frontpage #container > section:last-child {
  margin-bottom: 0;
}
.frontpage #container > aside .photo-carousel article,
.frontpage #container > section .photo-carousel article {
  float: left;
  margin-left: 9px;
  margin-right: 9px;
  width: 160px;
}
.frontpage #container > aside .photo-carousel article > .meta,
.frontpage #container > section .photo-carousel article > .meta {
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.frontpage #container > aside .photo-carousel article > .meta > a,
.frontpage #container > section .photo-carousel article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.frontpage #container > aside .photo-carousel article > .meta > a:hover,
.frontpage #container > section .photo-carousel article > .meta > a:hover {
  color: #777777;
}
.frontpage #container > aside .photo-carousel article > .meta > time,
.frontpage #container > section .photo-carousel article > .meta > time {
  color: #555;
}
.frontpage #container > aside .photo-carousel article > .meta > .separator,
.frontpage #container > section .photo-carousel article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.frontpage #container > aside .photo-carousel article > a > figure,
.frontpage #container > section .photo-carousel article > a > figure {
  margin-bottom: 10px;
}
.frontpage #container > aside .photo-carousel article > a > figure img,
.frontpage #container > section .photo-carousel article > a > figure img {
  display: block;
}
.frontpage #container > aside .photo-carousel article > a:hover > h1,
.frontpage #container > section .photo-carousel article > a:hover > h1 {
  color: #777777;
}
.frontpage #container > aside .photo-carousel > .carousel-prev,
.frontpage #container > section .photo-carousel > .carousel-prev {
  background-image: url(../bg/basic-sprites.png);
  background-position: -73px -770px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 91px;
  top: 20px;
  width: 30px;
}
.frontpage #container > aside .photo-carousel > .carousel-prev.disabled,
.frontpage #container > section .photo-carousel > .carousel-prev.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside .photo-carousel > .carousel-next,
.frontpage #container > section .photo-carousel > .carousel-next {
  background-image: url(../bg/basic-sprites.png);
  background-position: -32px -810px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 91px;
  top: 20px;
  width: 30px;
}
.frontpage #container > aside .photo-carousel > .carousel-next.disabled,
.frontpage #container > section .photo-carousel > .carousel-next.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside.headlines > .special > article > .photo-carousel,
.frontpage #container > section.headlines > .special > article > .photo-carousel {
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%;
}
.frontpage #container > aside.headlines > .special > article > .photo-carousel li,
.frontpage #container > section.headlines > .special > article > .photo-carousel li {
  float: left;
  margin-left: 9px;
  margin-right: 9px;
  width: 160px;
}
.frontpage #container > aside.headlines > .special > article > .photo-carousel > .carousel-prev,
.frontpage #container > section.headlines > .special > article > .photo-carousel > .carousel-prev {
  top: 0;
}
.frontpage #container > aside.headlines > .special > article > .photo-carousel > .carousel-next,
.frontpage #container > section.headlines > .special > article > .photo-carousel > .carousel-next {
  top: 0;
}
.frontpage #container > aside.headlines > .special.positive > article > .carousel > .carousel-prev,
.frontpage #container > section.headlines > .special.positive > article > .carousel > .carousel-prev {
  background-image: url(../bg/basic-sprites.png);
  background-position: -73px -770px;
  background-repeat: no-repeat;
  background-color: #eff6f9;
}
.frontpage #container > aside.headlines > .special.positive > article > .carousel > .carousel-prev.disabled,
.frontpage #container > section.headlines > .special.positive > article > .carousel > .carousel-prev.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside.headlines > .special.positive > article > .carousel > .carousel-next,
.frontpage #container > section.headlines > .special.positive > article > .carousel > .carousel-next {
  background-image: url(../bg/basic-sprites.png);
  background-position: -32px -810px;
  background-repeat: no-repeat;
  background-color: #eff6f9;
}
.frontpage #container > aside.headlines > .special.positive > article > .carousel > .carousel-next.disabled,
.frontpage #container > section.headlines > .special.positive > article > .carousel > .carousel-next.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside.headlines > .special.negative > article > .carousel,
.frontpage #container > section.headlines > .special.negative > article > .carousel {
  border-top: 10px solid #434343 ;
}
.frontpage #container > aside.headlines > .special.negative > article > .carousel > .carousel-prev,
.frontpage #container > section.headlines > .special.negative > article > .carousel > .carousel-prev {
  background-image: url(../bg/basic-sprites.png);
  background-position: -273px -570px;
  background-repeat: no-repeat;
  background-color: #2e2e2e;
}
.frontpage #container > aside.headlines > .special.negative > article > .carousel > .carousel-prev.disabled,
.frontpage #container > section.headlines > .special.negative > article > .carousel > .carousel-prev.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside.headlines > .special.negative > article > .carousel > .carousel-next,
.frontpage #container > section.headlines > .special.negative > article > .carousel > .carousel-next {
  background-image: url(../bg/basic-sprites.png);
  background-position: -232px -610px;
  background-repeat: no-repeat;
  background-color: #2e2e2e;
}
.frontpage #container > aside.headlines > .special.negative > article > .carousel > .carousel-next.disabled,
.frontpage #container > section.headlines > .special.negative > article > .carousel > .carousel-next.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.frontpage #container > aside.onair,
.frontpage #container > section.onair {
  margin-bottom: 20px;
}
.frontpage #container > aside > header,
.frontpage #container > section > header {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  z-index: 2;
}
.frontpage #container > aside > header:after,
.frontpage #container > section > header:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.frontpage #container > aside > header:before,
.frontpage #container > section > header:before,
.frontpage #container > aside > header:after,
.frontpage #container > section > header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.frontpage #container > aside > header:after,
.frontpage #container > section > header:after {
  clear: both;
}
.frontpage #container > aside > header > h1,
.frontpage #container > section > header > h1 {
  float: left;
  font-weight: bold;
}
.frontpage #container > aside > header > .promonav > ul,
.frontpage #container > section > header > .promonav > ul {
  margin-left: 60px;
}
.frontpage #container > .permanent {
  display: none;
}
@media screen and (min-width: 767px) {
  .frontpage #container > aside > header > h1,
  .frontpage #container > section > header > h1 {
    font-size: 1.1428571428571428em;
  }
}
@media screen and (min-width: 1260px) {
  .frontpage #container > aside,
  .frontpage #container > section {
    clear: left;
    float: left;
    width: 76.9%;
  }
  .frontpage #container > .permanent {
    background: url(../bg/border.png) repeat-y;
    display: block;
    padding-left: 2.05%;
    position: relative;
    margin-left: 78.95%;
    width: 19%;
  }
}
.breadcrumb {
  zoom: 1;
  border-bottom: 10px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.breadcrumb:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb > ul > li {
  background-image: url(../bg/basic-sprites.png);
  background-position: -120px -757px;
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
  padding-left: 15px;
}
.breadcrumb > ul > li > a {
  color: #000;
  display: block;
  font-size: 0.7857142857142857em;
  text-transform: uppercase;
}
.breadcrumb > ul > li > a:hover {
  color: #777777;
}
.breadcrumb > ul > li:first-child {
  background: none;
  padding-left: 0;
}
.breadcrumb > ul > li.current > a {
  font-weight: bold;
}
#header {
  background-color: #00aabd;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  word-wrap: break-word;
  z-index: 3;
}
#header > .wrap {
  height: 110px;
  margin: 0 auto;
  position: relative;
  max-width: 580px;
  width: 94%;
}
#header > .wrap > hgroup {
  position: relative;
  top: 10px;
}
#header > .wrap > hgroup > h1 {
  float: left;
}
#header > .wrap > hgroup > h1 > a {
  color: #fff;
}
#header > .wrap > hgroup > h1 > a > img {
  display: block;
  height: 40px;
}
#header > .wrap > hgroup > h2 {
  border-left: 1px solid #fff;
  display: none;
  float: left;
  line-height: 1;
  height: 43px;
  margin-left: 20px;
  padding-left: 20px;
  padding-top: 27px;
}
#header > .wrap > hgroup > h2 > a {
  color: #fff;
  font-size: 1.4285714285714286em;
}
#header > .wrap > .font-size {
  float: right;
  margin-left: 20px;
  position: relative;
  top: 5px;
}
#header > .wrap > .font-size > a {
  color: #fff;
}
#header > .wrap > .font-size > a#normal {
  font-size: 25px;
  margin-right: 10px;
}
#header > .wrap > .font-size > a#large {
  font-size: 40px;
}
#header > .wrap > .font-size > a.current {
  text-decoration: underline;
}
#header > .wrap > aside {
  background-color: #fff;
  display: none;
  float: right;
  height: 90px;
  margin-left: 20px;
  position: relative;
  top: 14px;
}
#header > .wrap > aside.weather {
  background-color: #f1f1f1;
  z-index: 2;
}
#header > .wrap > aside.weather > .wrap {
  float: left;
  height: 70px;
  min-width: 85px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  position: relative;
}
#header > .wrap > aside.weather > .wrap > h1 {
  color: #333;
  font-weight: bold;
  font-size: 0.7857142857142857em;
  text-align: right;
}
#header > .wrap > aside.weather > .wrap > .change {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  bottom: 10px;
  position: absolute;
  right: 10px;
}
#header > .wrap > aside.weather > .wrap > .change:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen #header > .wrap > aside.weather > .wrap > .change {
  background: #008c96;
}
.yle-puhe #header > .wrap > aside.weather > .wrap > .change {
  background: #fbca0b;
}
.yle-radio-1 #header > .wrap > aside.weather > .wrap > .change {
  background: #dd0069;
}
.yle-sami-radio #header > .wrap > aside.weather > .wrap > .change {
  background: #0063b8;
}
.yle-klassinen #header > .wrap > aside.weather > .wrap > .change {
  color: #ffffff;
}
.yle-puhe #header > .wrap > aside.weather > .wrap > .change {
  color: #000000;
}
.yle-radio-1 #header > .wrap > aside.weather > .wrap > .change {
  color: #ffffff;
}
.yle-sami-radio #header > .wrap > aside.weather > .wrap > .change {
  color: #ffffff;
}
.yle-puhe #header > .wrap > aside.weather > .wrap > .change {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 #header > .wrap > aside.weather > .wrap > .change {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen #header > .wrap > aside.weather > .wrap > .change {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
#header > .wrap > aside.weather > .locality {
  background-color: #f1f1f1;
  display: none;
  left: 0;
  position: absolute;
  top: 100px;
  max-width: 100%;
}
#header > .wrap > aside.weather > .locality:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e5ebee;
  content: '';
  display: block;
  height: 0;
  left: 20px;
  position: absolute;
  top: -7px;
  width: 0;
}
#header > .wrap > aside.weather > .locality > form {
  padding: 20px;
}
#header > .wrap > aside.weather > .locality > form > input {
  float: left;
  margin-right: 5px;
}
#header > .wrap > aside.weather > .locality > form.disabled > button {
  background-color: #999;
  color: #ccc;
}
#header > .wrap > aside.weather > .locality > form > button {
  background-color: #75ac00;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 3px 5px;
}
#header > .wrap > aside.weather > .locality > form > ul {
  clear: both;
  margin-top: 2px;
}
#header > .wrap > aside.weather > .locality > form > ul > span {
  color: #000;
  display: block;
  line-height: 1;
  font-size: 0.8571428571428571em;
  padding: 11px 0px 0px 0px;
}
#header > .wrap > aside.weather > .locality > form > ul > li {
  border: 1px solid #e1e1e1;
  border-top: 0px;
}
#header > .wrap > aside.weather > .locality > form > ul > li.current > a {
  background-color: #e1e1e1;
}
#header > .wrap > aside.weather > .locality > form > ul > li:first-child {
  border-top: 1px solid #e1e1e1;
}
#header > .wrap > aside.weather > .locality > form > ul > li > a {
  background-color: #fff;
  color: #444444;
  display: block;
  line-height: 1;
  font-size: 0.8571428571428571em;
  padding: 10px 10px;
}
#header > .wrap > aside.weather > ul {
  -moz-box-shadow: 0px 2px 4px #999999;
  -webkit-box-shadow: 0px 2px 4px #999999;
  box-shadow: 0px 2px 4px #999999;
  background-color: #fff;
  float: left;
}
#header > .wrap > aside.weather > ul > li {
  border-left: 1px solid #e1e1e1;
  float: left;
  height: 80px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
#header > .wrap > aside.weather > ul > li > time {
  color: #333;
  font-weight: bold;
  font-size: 0.7857142857142857em;
}
#header > .wrap > aside.weather > ul > li > img {
  display: block;
}
#header > .wrap > aside.weather > ul > li > p {
  font-weight: bold;
}
#header > .wrap > aside.theme-image {
  overflow: hidden;
}
#header > .wrap > aside.theme-image > a {
  display: block;
}
#header > .wrap > aside.theme-image img {
  padding: 10px;
}
#header > .wrap > aside.today-remaining > a {
  height: 90px;
}
#header > .wrap > aside.today-remaining > a > .wrap {
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
#header > .wrap > aside.today-remaining > a > .wrap > h1 {
  color: #333;
  font-weight: bold;
  font-size: 0.7857142857142857em;
  margin-bottom: 5px;
}
#header > .wrap > aside.today-remaining > a > .wrap > time {
  display: none;
}
#header > .wrap > aside.today-remaining > a > .wrap > .countdown {
  color: #000;
  font-size: 1.7142857142857142em;
}
#header > .wrap > aside.today-remaining > a > .wrap > .countdown small {
  font-size: 80%;
}
#header > .wrap > aside.today-remaining > a > figure {
  border-left: 1px solid #e1e1e1;
  float: left;
  height: 70px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
#header > .wrap > nav {
  background: url(../bg/transparent.png) repeat;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#header > .wrap > nav > .dropdown-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
#header > .wrap > nav > .dropdown-button > span {
  background-color: #39454A;
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
}
#header > .wrap > nav > .dropdown-button:hover > span {
  background-color: #47656C;
}
#header > .wrap > nav > .dropdown-current {
  color: #fff;
  display: block;
  font-size: 1.1428571428571428em;
  float: left;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
}
#header > .wrap > nav.dropdown-close > .dropdown-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -511px -348px;
  background-repeat: no-repeat;
}
#header > .wrap > nav.dropdown-open > .dropdown-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -551px -308px;
  background-repeat: no-repeat;
}
#header > .wrap > nav.dropdown-open > ul {
  display: block;
  -moz-box-shadow: 0px 2px 4px #999999;
  -webkit-box-shadow: 0px 2px 4px #999999;
  box-shadow: 0px 2px 4px #999999;
}
#header > .wrap > nav > ul {
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
}
#header > .wrap > nav > ul > li {
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  position: relative;
}
#header > .wrap > nav > ul > li > a:first-child {
  display: block;
  font-size: 1.1428571428571428em;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
}
#header > .wrap > nav > ul > li > .subnav-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 50px;
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  overflow: hidden;
  text-indent: -200px;
}
#header > .wrap > nav > ul > li > .subnav-button > span {
  background-color: #39454A;
  display: block;
  height: 20px;
  width: 20px;
  position: relative;
  top: 15px;
}
#header > .wrap > nav > ul > li > .subnav-button:hover > span {
  background-color: #47656C;
}
#header > .wrap > nav > ul > li.subnav-close > .subnav-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -396px -476px;
  background-repeat: no-repeat;
}
#header > .wrap > nav > ul > li.subnav-close > ul {
  display: none;
}
#header > .wrap > nav > ul > li.subnav-open > .subnav-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -356px -511px;
  background-repeat: no-repeat;
}
#header > .wrap > nav > ul > li.subnav-open > ul {
  display: block;
}
#header > .wrap > nav > ul > li > ul {
  display: none;
  background-color: #fff;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1;
}
#header > .wrap > nav > ul > li > ul > li {
  margin-bottom: 10px;
}
#header > .wrap > nav > ul > li > ul > li > span {
  color: #000;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
#header > .wrap > nav > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
#header > .wrap > nav > ul > li.with-subnav > a:first-child {
  padding-right: 60px;
}
#header > .wrap > nav > ul > li.promo {
  display: none;
  float: none;
}
#header > .wrap > nav > ul > li.promo > a {
  font-size: 0.8571428571428571em;
  height: 33px;
  padding-top: 17px;
}
@media screen and (min-width: 767px) {
  #header > .wrap {
    height: 168px;
    max-width: 940px;
  }
  #header > .wrap > aside {
    display: block;
  }
  #header > .wrap > .font-size {
    top: 35px;
  }
  #header > .wrap > hgroup {
    top: 24px;
  }
  #header > .wrap > hgroup > h1 > a > img {
    height: auto;
  }
  #header > .wrap > nav > .dropdown-button,
  #header > .wrap > nav > .dropdown-current {
    display: none;
  }
  #header > .wrap > nav > ul {
    background-color: transparent;
    border: 0;
    display: block;
    top: 0;
  }
  #header > .wrap > nav > ul > li {
    border: 0;
    float: left;
  }
  #header > .wrap > nav > ul > li > a:first-child {
    border-right: 1px solid #000;
    color: #fff;
  }
  #header > .wrap > nav > ul > li > a:first-child:hover {
    background-color: #000;
  }
  #header > .wrap > nav > ul > li.current > a:first-child {
    background-color: #75ac00;
  }
  #header > .wrap > nav > ul > li.current > .subnav-button > span {
    background-color: #A0D332;
  }
  #header > .wrap > nav > ul > li.current > .subnav-button:hover > span {
    background-color: #97DE00;
  }
  #header > .wrap > nav > ul > li.current.subnav-open > a:first-child:after {
    border-top: 7px solid #75ac00;
  }
  #header > .wrap > nav > ul > li.subnav-open > a:first-child:after {
    bottom: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #002428;
    content: '';
    display: block;
    height: 0px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0px;
    z-index: 2;
  }
  #header > .wrap > nav > ul > li.columns-1 > ul {
    width: 160px;
  }
  #header > .wrap > nav > ul > li.columns-2 > ul {
    width: 360px;
  }
  #header > .wrap > nav > ul > li.columns-3 > ul {
    width: 560px;
  }
  #header > .wrap > nav > ul > li > ul {
    -moz-box-shadow: 0px 2px 4px #999999;
    -webkit-box-shadow: 0px 2px 4px #999999;
    box-shadow: 0px 2px 4px #999999;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 0;
    padding-top: 20px;
    position: absolute;
    top: 50px;
  }
  #header > .wrap > nav > ul > li > ul > li {
    background: url(../bg/border.png) repeat-y;
    float: left;
    margin-bottom: 0;
    margin-left: 20px;
    padding-left: 20px;
    width: 160px;
  }
  #header > .wrap > nav > ul > li > ul > li:first-child {
    background: none;
    margin-left: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 980px) {
  #header > .wrap {
    width: 940px;
  }
  #header > .wrap > hgroup > h2 {
    display: block;
  }
}
@media screen and (min-width: 1260px) {
  #header > .wrap {
    max-width: 1220px;
    width: 1220px;
  }
  #header > .wrap > nav > ul > li.promo {
    display: block;
    float: right;
  }
  #header > .wrap > nav > ul > li.promo > a {
    border: 0;
  }
  #header > .wrap > nav > ul > li.promo > a:hover {
    background: none;
  }
}
#footer {
  background-color: #333;
  clear: both;
  position: relative;
  width: 100%;
  word-wrap: break-word;
  z-index: 1;
}
#footer > .wrap {
  zoom: 1;
  margin: 0 auto;
  max-width: 580px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 94%;
}
#footer > .wrap:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
#footer > .wrap:before,
#footer > .wrap:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#footer > .wrap:after {
  clear: both;
}
#footer > .wrap > h1 {
  margin-bottom: 10px;
}
#footer > .wrap > h1 img {
  display: block;
}
#footer > .wrap > ul {
  display: block;
}
#footer > .wrap > ul > li {
  font-size: 0.7857142857142857em;
}
#footer > .wrap > ul > li > a {
  color: #fff;
}
#footer > .wrap > ul > li > a:hover {
  color: #777777;
}
@media screen and (min-width: 480px) {
  #footer > .wrap > h1 {
    float: left;
  }
  #footer > .wrap > ul {
    float: left;
    margin-left: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 767px) {
  #footer > .wrap {
    max-width: 940px;
  }
  #footer > .wrap > ul {
    padding-top: 18px;
  }
  #footer > .wrap > ul > li {
    float: left;
    margin-left: 20px;
  }
  #footer > .wrap > ul > li:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 980px) {
  #footer > .wrap {
    width: 940px;
  }
}
@media screen and (min-width: 1260px) {
  #footer > .wrap {
    max-width: 1220px;
    width: 1220px;
  }
}
.quotes > .wrap > blockquote {
  display: none;
}
.quotes > .wrap > blockquote.show {
  display: block;
}
.quotes > .wrap > blockquote > .meta {
  display: block;
  font-size: 11px;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}
.quotes > .wrap > blockquote > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.quotes > .wrap > blockquote > .meta > a:hover {
  color: #777777;
}
.quotes > .wrap > blockquote > .meta > time {
  color: #555;
}
.quotes > .wrap > blockquote > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.quotes > .wrap > blockquote > .quote {
  background-image: url(../bg/basic-sprites.png);
  background-position: 0px -876px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  min-height: 25px;
  padding-left: 35px;
}
.quotes > .wrap > blockquote > .quote > a {
  color: #000000;
  display: block;
}
.quotes > .wrap > blockquote > .quote > a:hover {
  color: #777777;
}
.quotes > .wrap > blockquote > .author {
  color: #000;
  font-size: 0.8571428571428571em;
  font-style: italic;
  margin-left: 35px;
}
@media screen and (min-width: 767px) {
  .quotes {
    overflow: hidden;
    position: relative;
  }
  .quotes.four > .wrap > blockquote {
    width: 21.925%;
  }
  .quotes.three > .wrap > blockquote {
    width: 30.599999999999998%;
  }
  .quotes > .wrap > blockquote {
    margin-bottom: -900px;
    padding-bottom: 900px;
    background: url(../bg/border.png) repeat-y;
    float: left;
    margin-left: 2.05%;
    padding-left: 2.05%;
    display: block;
  }
  .quotes > .wrap > blockquote:first-child {
    background: none;
    margin-left: 0;
    padding-left: 0;
  }
}
.onair > header {
  display: none;
}
.onair ul {
  background-color: #000;
  color: #fff;
  position: relative;
  z-index: 1;
}
.onair ul > li {
  background-color: #000;
  display: none;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.onair ul > li:first-child {
  display: block;
}
.onair ul > li > .status {
  display: block;
  float: left;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  text-indent: -100px;
  text-transform: uppercase;
  width: 10px;
}
.onair ul > li.upcoming > .status {
  background-color: #576668;
}
.onair ul > li.current > .status {
  background-color: #75ac00;
}
.onair ul > li > h2 {
  color: #fff;
  left: 20px;
  overflow: hidden;
  position: absolute;
  right: 135px;
  text-overflow: ellipsis;
  top: 7px;
  white-space: nowrap;
  word-wrap: normal;
  z-index: 1;
}
.onair ul > li > h2 > a {
  color: #fff;
}
.onair ul > li > h2 > a:hover {
  color: #777777;
}
.onair ul > li > .extra {
  background-color: #000;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  float: right;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  z-index: 2;
}
.onair > .onair-wrap {
  position: relative;
}
.onair > .onair-wrap > .onair-cycle {
  position: absolute;
  width: 100%;
}
.onair > .onair-wrap > .onair-cycle > li > .extra {
  margin-right: 35px;
}
.onair > .onair-wrap > .onair-cycle > li > .extra > .onair-count {
  display: none;
  margin-left: 2em;
}
.onair > .onair-wrap > .onair-cycle > li > .extra > .onair-progressbar {
  background-color: #fff;
  display: none;
  height: 8px;
  margin-left: 5px;
  margin-right: 5px;
  overflow: hidden;
  width: 100px;
}
.onair > .onair-wrap > .onair-cycle > li > .extra > .onair-progressbar > span {
  background-color: #75ac00;
  display: block;
  height: 8px;
}
.onair > .onair-wrap > .onair-button {
  background-color: #000;
  display: block;
  height: 35px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  z-index: 2;
}
.onair > .onair-wrap > .onair-button > span {
  background-color: #39454A;
  display: block;
  height: 23px;
  width: 23px;
  position: relative;
  top: 6px;
  left: 6px;
}
.onair > .onair-wrap > .onair-button:hover > span {
  background-color: #47656C;
}
.onair > .onair-wrap.onair-close {
  overflow: hidden;
}
.onair > .onair-wrap.onair-close > .onair-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -433px -431px;
  background-repeat: no-repeat;
}
.onair > .onair-wrap.onair-open > .onair-button > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -473px -391px;
  background-repeat: no-repeat;
}
.onair > .onair-wrap.onair-open > .onair-cycle > li {
  border-bottom: 1px solid #222;
}
.onair > .onair-wrap.onair-open > .onair-cycle > li:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 767px) {
  .onair ul > li > .status {
    text-indent: 0;
    width: 100px;
  }
  .onair ul > li > h2 {
    left: 110px;
    right: 285px;
  }
  .onair > .onair-wrap > .onair-cycle > li > .extra > .onair-count {
    display: inline;
  }
  .onair > .onair-wrap > .onair-cycle > li > .extra > .onair-progressbar {
    display: inline-block;
  }
  .onair > .onair-wrap > .onair-cycle > li.current > .extra > .separator {
    display: none;
  }
}
.headlines > div > article {
  zoom: 1;
  margin-bottom: 20px;
}
.headlines > div > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.headlines > div > article:before,
.headlines > div > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.headlines > div > article:after {
  clear: both;
}
.headlines > div > article > .meta {
  display: block;
  font-size: 11px;
}
.headlines > div > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.headlines > div > article > .meta > a:hover {
  color: #777777;
}
.headlines > div > article > .meta > time {
  color: #555;
}
.headlines > div > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.headlines > div > article > a > p {
  color: #444444;
}
.headlines > div > article > a > h1 {
  font-weight: bold;
}
.headlines > div > article > a:hover > h1,
.headlines > div > article > a:hover > p {
  color: #777777;
}
.headlines > div > article > .more-on-this-topic {
  display: none;
}
.headlines > div.first > article > a > h1 {
  font-size: 2em;
  margin-bottom: 20px;
}
.headlines > div.first > article > a > figure {
  display: inline-block;
  margin-bottom: 20px;
}
.headlines > div.first > article > a > figure img {
  display: block;
}
.headlines > div.first > article > a > p {
  font-size: 1.1428571428571428em;
}
.headlines > div.second > article {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}
.headlines > div.second > article > a > h1 {
  font-size: 1.7142857142857142em;
  margin-bottom: 20px;
}
.headlines > div.second > article > a > figure {
  display: inline-block;
  margin-bottom: 20px;
}
.headlines > div.second > article > a > figure img {
  display: block;
}
.headlines > div.third {
  border-top: 10px solid #f1f1f1;
  padding-top: 20px;
}
.headlines > div.third > article {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}
.headlines > div.third > article:first-child {
  border-top: 0;
  padding-top: 0;
}
.headlines > div.third > article > .meta {
  display: inline-block;
}
.headlines > div.third > article > a > h1 {
  font-size: 1.1428571428571428em;
}
.headlines > div.third > article > a > p {
  display: none;
}
.headlines > div.third > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  max-width: 120px;
}
.headlines > div.third > article > a > figure img {
  display: block;
}
.headlines > div.fourth {
  border-top: 10px solid #f1f1f1;
  padding-top: 20px;
}
.headlines > div.fourth > article {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}
.headlines > div.fourth > article:first-child {
  border-top: 0;
  padding-top: 0;
}
.headlines > div.fourth > article > a > h1 {
  font-size: 1.1428571428571428em;
}
.headlines > div.fourth > article.blog {
  background: #eee;
  padding: 20px 20px;
}
.headlines > div.fourth > article.blog > a > h1 {
  margin-bottom: 10px;
}
.headlines > div.fourth > article.blog > a > p {
  font-size: 0.8571428571428571em;
  overflow: hidden;
}
.headlines > div.fourth > article.blog > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
}
.headlines > div.fourth > article.with-image > a > figure {
  display: none;
}
.headlines > div.fourth > article.with-image > a > p {
  display: none;
}
@media screen and (min-width: 767px) {
  .headlines > div > article > .more-on-this-topic {
    display: block;
    clear: both;
    margin-top: 20px;
  }
  .headlines > div > article > .more-on-this-topic > h1 {
    font-size: 0.8571428571428571em;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .headlines > div > article > .more-on-this-topic > article {
    margin-bottom: 5px;
  }
  .headlines > div > article > .more-on-this-topic > article > h1 {
    display: inline;
    margin-right: 5px;
  }
  .headlines > div > article > .more-on-this-topic > article > .meta {
    display: block;
    font-size: 11px;
    display: inline-block;
  }
  .headlines > div > article > .more-on-this-topic > article > .meta > a {
    color: #000;
    font-weight: bold;
    margin-right: 5px;
  }
  .headlines > div > article > .more-on-this-topic > article > .meta > a:hover {
    color: #777777;
  }
  .headlines > div > article > .more-on-this-topic > article > .meta > time {
    color: #555;
  }
  .headlines > div > article > .more-on-this-topic > article > .meta > .separator {
    color: #999;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: top;
  }
  .headlines > div.first {
    float: left;
    margin-bottom: 20px;
    width: 50.347500000000004%;
  }
  .headlines > div.first > article > a > h1 {
    font-size: 2.5714285714285716em;
  }
  .headlines > div.second {
    background: url(../bg/border.png) repeat-y;
    float: right;
    margin-bottom: 20px;
    padding-left: 2.05%;
    width: 45.5525%;
  }
  .headlines > div.second > article:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .headlines > div.second > article > a > h1 {
    font-size: 1.8571428571428572em;
  }
  .headlines > div.second > article > a > figure {
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
    max-width: 160px;
  }
  .headlines > div.second > article > a > p {
    zoom: 1;
  }
  .headlines > div.second > article > a > p:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .headlines > div.second > article > a > p:before,
  .headlines > div.second > article > a > p:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .headlines > div.second > article > a > p:after {
    clear: both;
  }
  .headlines > div.separator {
    border-top: 1px solid #e1e1e1;
    clear: both;
    margin-bottom: 20px;
    width: 100%;
  }
  .headlines > div.third {
    border-top: 0;
    padding-top: 0;
    float: left;
    width: 59.9375%;
  }
  .headlines > div.third > article > a > figure {
    max-width: 160px;
  }
  .headlines > div.third > article > a > h1 {
    font-size: 1.4285714285714286em;
    margin-bottom: 5px;
  }
  .headlines > div.third > article > a > p {
    display: block;
    font-size: 12px;
  }
  .headlines > div.fourth {
    background: url(../bg/border.png) repeat-y;
    border-top: 0;
    float: right;
    padding-left: 2.05%;
    padding-top: 0;
    width: 35.962500000000006%;
  }
  .headlines > div.fourth > article.with-image > a > h1 {
    font-size: 1.2857142857142858em;
    margin-bottom: 10px;
  }
  .headlines > div.fourth > article.with-image > a > figure {
    display: inline-block;
    margin-bottom: 10px;
  }
  .headlines > div.fourth > article.with-image > a > figure img {
    display: block;
  }
  .headlines > div.fourth > article.with-image > a > p {
    display: block;
    font-size: 0.8571428571428571em;
  }
}
@media screen and (min-width: 980px) {
  .headlines > div.second > article > a > figure,
  .headlines > div.third > article > a > figure {
    max-width: 205px;
  }
  .headlines > div.third > article > a > p {
    overflow: auto;
  }
  .headlines > div.fourth > article.with-image > a > figure {
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
  }
}
.talking-now {
  display: none;
}
@media screen and (min-width: 767px) {
  .talking-now {
    zoom: 1;
    border-bottom: 10px solid #f1f1f1;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
  }
  .talking-now:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .talking-now:before,
  .talking-now:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .talking-now:after {
    clear: both;
  }
  .talking-now > ul > li {
    display: none;
  }
  .talking-now > ul > li:first-child {
    display: block;
  }
  .talking-now > ul > li > .wrap {
    zoom: 1;
    background-color: #f1f1f1;
    height: 68px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .talking-now > ul > li > .wrap:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .talking-now > ul > li > .wrap:before,
  .talking-now > ul > li > .wrap:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .talking-now > ul > li > .wrap:after {
    clear: both;
  }
  .talking-now > ul > li > .wrap > figure {
    float: left;
  }
  .talking-now > ul > li > .wrap > figure img {
    display: block;
  }
  .talking-now > ul > li > .wrap > header {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
  }
  .talking-now > ul > li > .wrap > header > h2 {
    font-size: 1.4285714285714286em;
    margin-right: 10px;
  }
  .talking-now > ul > li > .wrap > header > time {
    color: #444444;
  }
  .talking-now > ul > li > .wrap > div {
    border-left: 1px solid #ccc;
    float: right;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
  }
  .talking-now > ul > li > .wrap > div > p {
    font-size: 1.1428571428571428em;
    margin-bottom: 5px;
  }
  .talking-now > ul > li > .wrap > div > ul {
    font-size: 0.8571428571428571em;
  }
  .talking-now > ul > li > .wrap > div > ul > li {
    display: inline;
    margin-right: 5px;
  }
  .talking-now > ul > li > .wrap > div > ul > li > a {
    color: #000;
  }
  .talking-now > ul > li > .wrap > div > ul > li > a:hover {
    color: #777777;
  }
  .talking-now > ul > li > ul {
    width: 100%;
  }
  .talking-now > ul > li > ul > li {
    float: left;
    margin-right: 20px;
  }
  .talking-now > ul > li > ul > li > .openpopup {
    padding-left: 35px;
    position: relative;
  }
  .talking-now > ul > li > ul > li > .openpopup:after {
    background-image: url(../bg/basic-sprites.png);
    background-position: -312px -555px;
    background-repeat: no-repeat;
    background-color: #000;
    content: '';
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 24px;
  }
  .talking-now > ul > li.talking-now-change {
    display: block;
    position: absolute;
    right: 10px;
    top: 23px;
  }
  .talking-now > ul > li.talking-now-change > a {
    background-color: #75ac00;
    color: #fff;
    background: #0063b8;
    color: #ffffff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
    background: -webkit-linear-gradient(top, #0463ac, #0075cf);
    background: -moz-linear-gradient(top, #0463ac, #0075cf);
    background: -o-linear-gradient(top, #0463ac, #0075cf);
    background: linear-gradient(top, #0463ac, #0075cf);
    cursor: pointer;
    display: inline-block;
    font-size: 0.7857142857142857em;
    font-weight: bold;
    padding: 4px 10px;
  }
  .talking-now > ul > li.talking-now-change > a:hover {
    background-color: #6ea100;
    /*background-color: #60a300;*/
  }
  .yle-klassinen .talking-now > ul > li.talking-now-change > a {
    background: #008c96;
  }
  .yle-puhe .talking-now > ul > li.talking-now-change > a {
    background: #fbca0b;
  }
  .yle-radio-1 .talking-now > ul > li.talking-now-change > a {
    background: #dd0069;
  }
  .yle-sami-radio .talking-now > ul > li.talking-now-change > a {
    background: #0063b8;
  }
  .yle-klassinen .talking-now > ul > li.talking-now-change > a {
    color: #ffffff;
  }
  .yle-puhe .talking-now > ul > li.talking-now-change > a {
    color: #000000;
  }
  .yle-radio-1 .talking-now > ul > li.talking-now-change > a {
    color: #ffffff;
  }
  .yle-sami-radio .talking-now > ul > li.talking-now-change > a {
    color: #ffffff;
  }
  .yle-puhe .talking-now > ul > li.talking-now-change > a {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
    background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
    background: -moz-linear-gradient(top, #fbca0b, #c8a000);
    background: -o-linear-gradient(top, #fbca0b, #c8a000);
    background: linear-gradient(top, #fbca0b, #c8a000);
  }
  .yle-radio-1 .talking-now > ul > li.talking-now-change > a {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
    background: -webkit-linear-gradient(top, #dd0069, #c1005d);
    background: -moz-linear-gradient(top, #dd0069, #c1005d);
    background: -o-linear-gradient(top, #dd0069, #c1005d);
    background: linear-gradient(top, #dd0069, #c1005d);
  }
  .yle-klassinen .talking-now > ul > li.talking-now-change > a {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
    background: -webkit-linear-gradient(top, #008c96, #117d8a);
    background: -moz-linear-gradient(top, #008c96, #117d8a);
    background: -o-linear-gradient(top, #008c96, #117d8a);
    background: linear-gradient(top, #008c96, #117d8a);
  }
  .talking-now > ul > li.talking-now-change > ul {
    background: #fff;
    border: 1px solid #dbdbdb;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    position: absolute;
    right: 0px;
    top: 33px;
    white-space: nowrap;
    width: auto;
    z-index: 1;
  }
  .talking-now > ul > li.talking-now-change > ul > li {
    float: none;
    margin-right: 0;
  }
  .talking-now > ul > li.talking-now-change > ul > li > a {
    color: #000;
    font-size: 0.8571428571428571em;
  }
  .talking-now > ul > li.talking-now-change > ul > li > a:hover {
    color: #777777;
  }
  .talking-now > ul > li.talking-now-change > ul:after {
    background-image: url(../bg/basic-sprites.png);
    background-position: -160px -720px;
    background-repeat: no-repeat;
    content: ' ';
    height: 9px;
    position: absolute;
    right: 10px;
    top: -9px;
    width: 15px;
  }
  .talking-now > ul > li.talking-now-change > ul > .talking-now-close {
    background-image: url(../bg/basic-sprites.png);
    background-position: -200px -680px;
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 11px;
  }
  .talking-now > ul.talking-now-cycle > li > .wrap {
    padding-right: 67px;
  }
}
@media screen and (min-width: 980px) {
  .talking-now > ul > li > .wrap > header {
    padding-top: 20px;
  }
  .talking-now > ul > li > .wrap > header > h2 {
    display: inline;
  }
}
.headlines > .special {
  border-bottom: 10px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.headlines > .special.semi {
  border-bottom: 1px solid #e1e1e1;
}
.headlines > .special.semi > article {
  background: #eee;
}
.headlines > .special.semi > article.with-more-articles > .wrap {
  border-bottom: 0;
}
.headlines > .special.semi > article > header {
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background: #fff;
}
.headlines > .special.semi > article > header > h1 > a {
  color: #000000;
}
.headlines > .special.semi > article > header > h1 > a:hover {
  color: #777777;
}
.headlines > .special.semi > article > header > .meta {
  font-size: 0.7857142857142857em;
}
.headlines > .special.semi > article > header > .meta > a {
  color: #000;
}
.headlines > .special.semi > article > header > .meta > a:hover {
  color: #777777;
}
.headlines > .special.semi > article > .liftup-more-articles {
  border: 1px solid #e1e1e1;
  border-top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 4.254%;
  padding-right: 4.254%;
}
.headlines > .special.semi > article > .liftup-more-articles > article {
  margin-bottom: 20px;
}
.headlines > .special.semi > article > .liftup-more-articles > article > a > h1 {
  font-weight: bold;
}
.headlines > .special.semi > article > .liftup-more-articles > article > a > figure {
  display: none;
}
.headlines > .special.semi > article > .liftup-more-articles > article > a:hover > p {
  color: #777777;
}
.headlines > .special.semi > article > .wrap {
  border: 1px solid 1px solid #e1e1e1;
}
.headlines > .special.semi > article > .wrap > .column > hgroup > h2 > a {
  color: #000000;
}
.headlines > .special.semi > article > .wrap > .column > hgroup > h2 > a:hover {
  color: #777777;
}
.headlines > .special > article > header {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 4.254%;
  padding-right: 4.254%;
}
.headlines > .special > article > header > h1 {
  font-size: 2.2857142857142856em;
  font-weight: bold;
}
.headlines > .special > article > header > .meta {
  font-size: 0.8571428571428571em;
  font-weight: bold;
}
.headlines > .special > article > .info {
  font-size: 0.8571428571428571em;
  padding-bottom: 20px;
  padding-left: 4.254%;
  padding-right: 4.254%;
  padding-top: 20px;
}
.headlines > .special > article > .info > li {
  margin-bottom: 20px;
}
.headlines > .special > article > .info > li:last-child {
  margin-bottom: 0;
}
.headlines > .special > article > .wrap > .column > * {
  padding-bottom: 20px;
  padding-left: 4.254%;
  padding-right: 4.254%;
  padding-top: 20px;
}
.headlines > .special > article > .wrap > .column > a {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.headlines > .special > article > .wrap > .column > a > figure img {
  display: block;
}
.headlines > .special > article > .wrap > .column > hgroup > .meta {
  display: block;
  font-size: 11px;
}
.headlines > .special > article > .wrap > .column > hgroup > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.headlines > .special > article > .wrap > .column > hgroup > .meta > a:hover {
  color: #777777;
}
.headlines > .special > article > .wrap > .column > hgroup > .meta > time {
  color: #555;
}
.headlines > .special > article > .wrap > .column > hgroup > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.headlines > .special > article > .wrap > .column > .liftup-basic > h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.headlines > .special > article > .wrap > .column > .liftup-basic h3 {
  font-size: 1em;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > .feed {
  margin-bottom: 20px;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > .feed > tbody {
  font-size: 0.8571428571428571em;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > .feed > tbody > tr > td.title {
  text-align: left;
  white-space: nowrap;
  padding-right: 20px;
  font-weight: bold;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > .feed > tbody > tr > td {
  padding-bottom: 10px;
}
.headlines > .special > article > .wrap > .column > .moment-by-moment-feed > p {
  font-size: 0.8571428571428571em;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal {
  margin-bottom: 20px;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal > a > h1 {
  font-weight: bold;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal > a > figure {
  display: none;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal > a > p {
  overflow: hidden;
}
.headlines > .special > article > .wrap > .column > .liftup-more-articles > p {
  font-size: 0.8571428571428571em;
}
.headlines > .special.negative > article {
  background-color: #2e2e2e;
  color: #fff;
}
.headlines > .special.negative > article > header {
  background-color: #000;
}
.headlines > .special.negative > article > header > h1 > a {
  color: #fff;
}
.headlines > .special.negative > article > header > h1 > a:hover {
  color: #777777;
}
.headlines > .special.negative > article > header > .meta > a {
  color: #fff;
}
.headlines > .special.negative > article > header > .meta > a:hover {
  color: #777777;
}
.headlines > .special.negative > article > .wrap > .column > hgroup > h2 > a {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > hgroup > h2 > a:hover {
  color: #777777;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-basic {
  color: #b2b2b2;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-basic h1,
.headlines > .special.negative > article > .wrap > .column > .liftup-basic h3 {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > .moment-by-moment-feed > h1 {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > .moment-by-moment-feed > .feed > tbody > tr > td.title {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > .moment-by-moment-feed > .feed > tbody > tr > td {
  color: #b2b2b2;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-more-articles > h1 {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-more-articles > article > a > h1 {
  color: #fff;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-more-articles > article > a > p {
  color: #b2b2b2;
}
.headlines > .special.negative > article > .wrap > .column > .liftup-more-articles > article > a:hover > h1,
.headlines > .special.negative > article > .wrap > .column > .liftup-more-articles > article > a:hover > p {
  color: #777777;
}
.headlines > .special.negative > article > .wrap.first > .column {
  background-color: #555555;
}
.headlines > .special.negative > article > .wrap.first > .column:first-child {
  background-color: transparent;
  border-top: 0;
}
.headlines > .special.negative > article > .wrap.second > .column {
  border-top: 10px solid #434343;
}
.headlines > .special.negative > article > .photo-carousel {
  border-top: 10px solid #434343 ;
}
.headlines > .special.negative > article > .info {
  border-top: 10px solid #434343 ;
}
.headlines > .special.positive > article {
  background-color: #eff6f9;
}
.headlines > .special.positive > article > header {
  background-color: #fff;
  border: 1px solid #e1e1e1;
}
.headlines > .special.positive > article > header > .meta > a {
  color: #000;
}
.headlines > .special.positive > article > header > .meta > a:hover {
  color: #777777;
}
.headlines > .special.positive > article > header > h1 > a {
  color: #000;
}
.headlines > .special.positive > article > header > h1 > a:hover {
  color: #777777;
}
.headlines > .special.positive > article > .wrap > .column > hgroup > h2 > a {
  color: #222222;
}
.headlines > .special.positive > article > .wrap > .column > .liftup-more-articles > article > a > p {
  color: #444444;
}
.headlines > .special.positive > article > .wrap > .column > .liftup-more-articles > article > a:hover > h1,
.headlines > .special.positive > article > .wrap > .column > .liftup-more-articles > article > a:hover > p {
  color: #777777;
}
.headlines > .special.positive > article > .wrap.first > .column {
  background-color: #00b9d7;
}
.headlines > .special.positive > article > .wrap.first > .column > hgroup > h2 > a {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > hgroup > h2 > a:hover {
  color: #000;
}
.headlines > .special.positive > article > .wrap.first > .column > hgroup > .meta > time {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .liftup-basic {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .liftup-basic h1,
.headlines > .special.positive > article > .wrap.first > .column > .liftup-basic h3 {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .liftup-basic a {
  color: #000;
}
.headlines > .special.positive > article > .wrap.first > .column > .liftup-basic a:hover {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .moment-by-moment-feed > h1 {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .moment-by-moment-feed > .feed > tbody > tr > td,
.headlines > .special.positive > article > .wrap.first > .column > .moment-by-moment-feed > .feed > tbody > tr > td.title {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column > .moment-by-moment-feed a {
  color: #000;
}
.headlines > .special.positive > article > .wrap.first > .column > .moment-by-moment-feed a:hover {
  color: #fff;
}
.headlines > .special.positive > article > .wrap.first > .column:first-child {
  background-color: transparent;
  border-top: 0;
}
.headlines > .special.positive > article > .wrap.first > .column:first-child > hgroup > h2 > a {
  color: #222222;
}
.headlines > .special.positive > article > .wrap.first > .column:first-child > hgroup > h2 > a:hover {
  color: #777777;
}
.headlines > .special.positive > article > .wrap.first > .column:first-child > hgroup > .meta > time {
  color: #999;
}
.headlines > .special.positive > article > .wrap.second > .column {
  border-top: 10px solid #fff;
}
.headlines > .special.positive > article > .info {
  border-top: 10px solid #fff;
}
.headlines > .special.positive > article > .photo-carousel {
  border-top: 10px solid #fff;
}
@media screen and (min-width: 767px) {
  .headlines > .special.semi > article.with-more-articles {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
  }
  .headlines > .special.semi > article.with-more-articles > header {
    border-bottom: 1px solid #e1e1e1;
  }
  .headlines > .special.semi > article.with-more-articles > .wrap {
    margin-bottom: -900px;
    padding-bottom: 900px;
    border: 0;
    float: left;
    width: 61.65%;
  }
  .headlines > .special.semi > article.with-more-articles > .wrap > .column {
    border-left: 1px solid #e1e1e1;
    float: none;
    clear: both;
    width: auto;
  }
  .headlines > .special.semi > article.with-more-articles > .liftup-more-articles {
    margin-bottom: -900px;
    padding-bottom: 900px;
    border: 0;
    background: #ffffff url(../bg/border.png) repeat-y top right;
    float: right;
    padding-left: 2.127%;
    padding-right: 2.127%;
    width: 34.046%;
  }
  .headlines > .special.semi > article.with-more-articles > .liftup-more-articles > article {
    border-top: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding-top: 15px;
  }
  .headlines > .special.semi > article.with-more-articles > .liftup-more-articles > article:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .headlines > .special.semi > article > header > h1 {
    font-size: 2.857142857142857em;
  }
  .headlines > .special > article > header {
    padding-left: 2.127%;
    padding-right: 2.127%;
  }
  .headlines > .special > article > header > h1 {
    font-size: 3.4285714285714284em;
  }
  .headlines > .special > article > header > .meta {
    font-size: 1em;
  }
  .headlines > .special > article > .info {
    zoom: 1;
    padding-left: 2.127%;
    padding-right: 2.127%;
  }
  .headlines > .special > article > .info:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .headlines > .special > article > .info:before,
  .headlines > .special > article > .info:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .headlines > .special > article > .info:after {
    clear: both;
  }
  .headlines > .special > article > .info > li {
    float: left;
    margin-bottom: 0;
    margin-left: 2.127%;
    padding-left: 2.127%;
    width: 47.873%;
  }
  .headlines > .special > article > .info > li:first-child {
    background: none;
    margin-left: 0;
    padding-left: 0;
  }
  .headlines > .special > article > .info.three-columns > li {
    width: 30.4973%;
  }
  .headlines > .special > article > .wrap {
    overflow: hidden;
    position: relative;
  }
  .headlines > .special > article > .wrap > .column {
    margin-bottom: -900px;
    padding-bottom: 900px;
    float: right;
    width: 38.3%;
  }
  .headlines > .special > article > .wrap > .column > * {
    padding-left: 5.278%;
    padding-right: 5.278%;
  }
  .headlines > .special > article > .wrap > .column > a {
    padding-left: 0;
    padding-right: 0;
  }
  .headlines > .special > article > .wrap > .column > hgroup > h2 {
    font-size: 1.1428571428571428em;
  }
  .headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal {
    margin-bottom: 20px;
  }
  .headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal > a > figure {
    display: block;
  }
  .headlines > .special > article > .wrap > .column > .liftup-more-articles > article.normal > a > h1 {
    font-size: 1.1428571428571428em;
  }
  .headlines > .special > article > .wrap > .column:first-child {
    float: left;
    width: 61.7%;
  }
  .headlines > .special > article > .wrap > .column:first-child > * {
    padding-left: 3.278%;
    padding-right: 3.278%;
  }
  .headlines > .special > article > .wrap > .column:first-child > a {
    padding-left: 0;
    padding-right: 0;
  }
  .headlines > .special.negative > article > .wrap.second {
    border-top: 10px solid #434343;
  }
  .headlines > .special.negative > article > .wrap.second > .column {
    border-top: 0;
  }
  .headlines > .special.positive > article > .wrap.second {
    border-top: 10px solid #fff;
  }
  .headlines > .special.positive > article > .wrap.second > .column {
    border-top: 0;
  }
}
@media screen and (min-width: 980px) {
  .headlines > .special.semi > article > .liftup-more-articles > article > a > figure {
    display: block;
  }
}
.generic-columns > .wrap > article {
  zoom: 1;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-top: 20px;
}
.generic-columns > .wrap > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.generic-columns > .wrap > article:before,
.generic-columns > .wrap > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.generic-columns > .wrap > article:after {
  clear: both;
}
.generic-columns > .wrap > article:first-child {
  border-top: 0;
  padding-top: 0;
}
.generic-columns > .wrap > article > .meta {
  display: block;
  font-size: 11px;
  display: inline-block;
}
.generic-columns > .wrap > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.generic-columns > .wrap > article > .meta > a:hover {
  color: #777777;
}
.generic-columns > .wrap > article > .meta > time {
  color: #555;
}
.generic-columns > .wrap > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.generic-columns > .wrap > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  max-width: 120px;
}
.generic-columns > .wrap > article > a > figure img {
  display: block;
}
.generic-columns > .wrap > article > a > p {
  display: none;
}
.generic-columns > .wrap > article > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.generic-columns > .wrap > article > a:hover > h1,
.generic-columns > .wrap > article > a:hover > p {
  color: #777777;
}
.generic-columns > .section-wrap {
  border-top: 10px solid #f1f1f1;
  padding-top: 20px;
}
.generic-columns > .section-wrap > section {
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  max-width: 100%;
  padding-top: 20px;
}
.generic-columns > .section-wrap > section:first-child {
  border-top: 0;
  padding-top: 0;
}
.generic-columns > .section-wrap > section > h1 {
  font-weight: bold;
  margin-bottom: 10px;
}
.generic-columns > .section-wrap > section.liftup-more-articles > p {
  font-size: 0.8571428571428571em;
}
@media screen and (min-width: 767px) {
  .generic-columns {
    overflow: hidden;
    position: relative;
  }
  .generic-columns > .wrap {
    margin-bottom: -900px;
    padding-bottom: 900px;
    width: 59.9375%;
    float: left;
  }
  .generic-columns > .wrap > article > a > h1 {
    margin-bottom: 10px;
  }
  .generic-columns > .wrap > article > a > p {
    font-size: 0.8571428571428571em;
    color: #444444;
    display: block;
    overflow: hidden;
  }
  .generic-columns > .wrap > article > a > p > .meta {
    display: block;
    font-size: 11px;
    display: inline;
  }
  .generic-columns > .wrap > article > a > p > .meta > a {
    color: #000;
    font-weight: bold;
    margin-right: 5px;
  }
  .generic-columns > .wrap > article > a > p > .meta > a:hover {
    color: #777777;
  }
  .generic-columns > .wrap > article > a > p > .meta > time {
    color: #555;
  }
  .generic-columns > .wrap > article > a > p > .meta > .separator {
    color: #999;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: top;
  }
  .generic-columns > .section-wrap {
    margin-bottom: -900px;
    padding-bottom: 900px;
    background: url(../bg/border.png) repeat-y;
    border-top: 0;
    padding-top: 0;
    float: right;
    padding-left: 2.05%;
    width: 35.962500000000006%;
  }
  .generic-columns.big > .wrap {
    width: 65.93125%;
  }
  .generic-columns.big > .wrap > article.big > a > h1 {
    font-size: 1.2857142857142858em;
  }
  .generic-columns.big > .section-wrap {
    width: 29.96875%;
  }
}
@media screen and (min-width: 980px) {
  .generic-columns > .wrap > article > a > figure {
    max-width: 100%;
  }
}
.recommends > div > article {
  margin-bottom: 20px;
}
.recommends > div > article > .meta {
  display: block;
  font-size: 11px;
}
.recommends > div > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.recommends > div > article > .meta > a:hover {
  color: #777777;
}
.recommends > div > article > .meta > time {
  color: #555;
}
.recommends > div > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.recommends > div > article > a > h1 {
  font-weight: bold;
}
.recommends > div > article > a > p {
  color: #444444;
}
.recommends > div > article > a:hover > h1,
.recommends > div > article > a:hover > p {
  color: #777777;
}
.recommends > div > article > .more-on-this-topic {
  display: none;
}
.recommends > div.first > article > a > h1 {
  font-size: 2em;
  margin-bottom: 20px;
}
.recommends > div.first > article > a > figure {
  display: inline-block;
  margin-bottom: 20px;
}
.recommends > div.first > article > a > figure img {
  display: block;
}
.recommends > div.first > article > a > p {
  font-size: 1.1428571428571428em;
}
.recommends > div.second {
  border-top: 10px solid #f1f1f1;
  padding-top: 20px;
}
.recommends > div.second > article {
  zoom: 1;
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
  margin-bottom: 20px;
}
.recommends > div.second > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.recommends > div.second > article:before,
.recommends > div.second > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.recommends > div.second > article:after {
  clear: both;
}
.recommends > div.second > article:first-child {
  padding-top: 0;
  border-top: 0;
}
.recommends > div.second > article > .meta {
  display: inline-block;
}
.recommends > div.second > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  max-width: 120px;
}
.recommends > div.second > article > a > figure img {
  display: block;
}
.recommends > div.second > article > a > h1 {
  font-size: 1.1428571428571428em;
}
.recommends > div.second > article > a > p {
  display: none;
}
.recommends > div.third {
  display: none;
}
@media screen and (min-width: 767px) {
  .recommends.with-most-popular > div.second > article {
    width: 30.599999999999998%;
  }
  .recommends > div.first > article {
    zoom: 1;
  }
  .recommends > div.first > article:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .recommends > div.first > article:before,
  .recommends > div.first > article:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .recommends > div.first > article:after {
    clear: both;
  }
  .recommends > div.first > article.with-image > .meta {
    clear: right;
    float: right;
    width: 47.95%;
  }
  .recommends > div.first > article.with-image > a {
    display: block;
    position: relative;
  }
  .recommends > div.first > article.with-image > a > figure {
    float: left;
    margin-bottom: -1em;
    position: relative;
    top: -1em;
    width: 50%;
  }
  .recommends > div.first > article.with-image > a > h1,
  .recommends > div.first > article.with-image > a > p {
    clear: right;
    float: right;
    width: 47.95%;
  }
  .recommends > div.second > article {
    background: url(../bg/border.png) repeat-y;
    border-top: 0;
    float: left;
    margin-left: 2.05%;
    padding-left: 2.05%;
    padding-top: 0;
    width: 21.925%;
  }
  .recommends > div.second > article:first-child {
    background: none;
    margin-left: 0;
    padding-left: 0;
  }
  .recommends > div.second > article > a > figure {
    margin-bottom: 10px;
    margin-right: 0;
    max-width: 100%;
  }
  .recommends > div.second > article > a > h1 {
    margin-bottom: 10px;
  }
  .recommends > div.second > article > a > p {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  .recommends > div.first > article.with-image > .more-on-this-topic {
    clear: right;
    float: right;
    width: 47.95%;
  }
  .recommends > div.first > article > .more-on-this-topic {
    display: block;
    margin-top: 20px;
  }
  .recommends > div.first > article > .more-on-this-topic > h1 {
    font-size: 0.8571428571428571em;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .recommends > div.first > article > .more-on-this-topic > article {
    margin-bottom: 5px;
  }
  .recommends > div.first > article > .more-on-this-topic > article > h1 {
    display: inline;
    margin-right: 5px;
  }
  .recommends > div.first > article > .more-on-this-topic > article > .meta {
    display: block;
    font-size: 11px;
    display: inline-block;
  }
  .recommends > div.first > article > .more-on-this-topic > article > .meta > a {
    color: #000;
    font-weight: bold;
    margin-right: 5px;
  }
  .recommends > div.first > article > .more-on-this-topic > article > .meta > a:hover {
    color: #777777;
  }
  .recommends > div.first > article > .more-on-this-topic > article > .meta > time {
    color: #555;
  }
  .recommends > div.first > article > .more-on-this-topic > article > .meta > .separator {
    color: #999;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: top;
  }
  .recommends.with-most-popular > div.first > article > a > h1 {
    font-size: 1.4285714285714286em;
  }
  .recommends.with-most-popular > div.first > article > a > p {
    font-size: 1em;
  }
  .recommends.with-most-popular > div.first,
  .recommends.with-most-popular > div.second {
    clear: left;
    float: left;
    width: 69.5275%;
  }
  .recommends.with-most-popular > div.third {
    background: url(../bg/border.png) repeat-y;
    margin-left: 71.5775%;
    display: block;
    padding-left: 2.05%;
    width: 26.372500000000002%;
  }
  .recommends.with-most-popular > div.third > .liftup-most-popular > h1 {
    font-weight: bold;
    font-size: 1.1428571428571428em;
    margin-bottom: 20px;
  }
  .recommends.with-most-popular > div.third > .liftup-most-popular > article > .most-popular-count {
    background: #004379;
  }
}
.episodes > .bg-wrap > .wrap {
  zoom: 1;
  width: 100%;
}
.episodes > .bg-wrap > .wrap:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.episodes > .bg-wrap > .wrap:before,
.episodes > .bg-wrap > .wrap:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.episodes > .bg-wrap > .wrap:after {
  clear: both;
}
.episodes > .bg-wrap > .wrap > article {
  width: 49.9%;
  float: left;
}
.episodes > .bg-wrap > .wrap > article > a > figure img {
  display: block;
  width: 100%;
}
.episodes > .bg-wrap > .wrap > article > a > figure > .media > figcaption > span {
  overflow: hidden;
  white-space: nowrap;
}
.episodes > .bg-wrap > .wrap > article:first-child {
  width: 100%;
}
.episodes > .bg-wrap > .section-wrap {
  background-color: #333;
}
.episodes > .bg-wrap > .section-wrap > section {
  padding: 20px 2.127%;
}
.episodes > .bg-wrap > .section-wrap > section > h1 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 10px;
  color: #fff;
}
.episodes > .bg-wrap > .section-wrap > section > article {
  zoom: 1;
  margin-bottom: 10px;
}
.episodes > .bg-wrap > .section-wrap > section > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.episodes > .bg-wrap > .section-wrap > section > article:before,
.episodes > .bg-wrap > .section-wrap > section > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.episodes > .bg-wrap > .section-wrap > section > article:after {
  clear: both;
}
.episodes > .bg-wrap > .section-wrap > section > article > a:hover > h1,
.episodes > .bg-wrap > .section-wrap > section > article > a:hover > p {
  color: #777777;
}
.episodes > .bg-wrap > .section-wrap > section > article > a > figure {
  display: none;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
.episodes > .bg-wrap > .section-wrap > section > article > a > figure img {
  display: block;
}
.episodes > .bg-wrap > .section-wrap > section > article > a > h1 {
  color: #FFF;
  font-weight: bold;
}
.episodes > .bg-wrap > .section-wrap > section > article > a > h1 > .meta {
  color: #7a7a7a;
  font-size: 0.7857142857142857em;
  margin-left: 5px;
}
.episodes > .bg-wrap > .section-wrap > section > article > a > p {
  display: block;
  color: #c3c3c3;
  font-size: 0.8571428571428571em;
  overflow: hidden;
  max-height: 4.2em;
}
@media screen and (min-width: 767px) {
  .episodes {
    overflow: hidden;
  }
  .episodes > .bg-wrap {
    overflow: hidden;
    position: relative;
    background-color: #333;
  }
  .episodes > .bg-wrap > .wrap {
    margin-bottom: -900px;
    padding-bottom: 900px;
    width: 50.347500000000004%;
    float: left;
  }
  .episodes > .bg-wrap > .section-wrap {
    margin-bottom: -900px;
    padding-bottom: 900px;
    float: right;
    width: 45.5525%;
    padding-right: 2.05%;
  }
  .episodes > .bg-wrap > .section-wrap > section {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .episodes > .bg-wrap > .section-wrap > section > h1 {
    display: none;
  }
  .episodes > .bg-wrap > .section-wrap > section > article > a > figure {
    display: block;
    max-width: 94px;
  }
  .episodes > .bg-wrap > .section-wrap > section > article > a > p {
    height: 2.8em;
  }
}
@media screen and (min-width: 980px) {
  .episodes > .bg-wrap > .section-wrap > section > h1 {
    display: block;
  }
  .episodes > .bg-wrap > .section-wrap > section > article > a > figure {
    max-width: 120px;
  }
  .episodes > .bg-wrap > .section-wrap > section > article > a > p {
    height: 4.2em;
  }
}
.top4 article {
  zoom: 1;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-top: 20px;
}
.top4 article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.top4 article:before,
.top4 article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.top4 article:after {
  clear: both;
}
.top4 article:first-child {
  border-top: 0;
  padding-top: 0;
}
.top4 article > .meta {
  display: block;
  font-size: 11px;
  display: inline-block;
}
.top4 article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.top4 article > .meta > a:hover {
  color: #777777;
}
.top4 article > .meta > time {
  color: #555;
}
.top4 article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.top4 article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
}
.top4 article > a > figure img {
  display: block;
}
.top4 article > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.top4 article > a > p {
  display: none;
}
.top4 article > a:hover > h1,
.top4 article > a:hover > p {
  color: #777777;
}
.top4 > .top4-wrap {
  float: left;
}
.top4 > .top4-wrap > article {
  border-top: 0;
  background: #f1f1f1;
  display: block;
  height: 67px;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 15px;
}
.top4 > .top4-wrap > article > a {
  cursor: pointer;
}
.top4 > .top4-wrap > article.top4-current {
  background: #e1e1e1;
}
.top4 > .top4-figure {
  background-color: #e1e1e1;
  padding: 1px;
}
.top4 > .top4-figure > a > figure {
  border: 19px solid #fff;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.top4 > .top4-figure > a > figure img {
  background: #fff;
  display: block;
  left: 50%;
  height: 270px;
  margin-left: -240px;
  max-width: 480px;
  position: relative;
}
.top4 > .top4-figure > a > figure > figcaption {
  background: #000;
  color: #fff;
  font-size: 0.8571428571428571em;
  height: 44px;
  overflow: hidden;
  padding: 20px;
}
.top4 > .top4-figure > a:hover > figure > figcaption {
  color: #777777;
}
.ie7 .top4 > .top4-wrap > article > .meta {
  display: none;
}
@media screen and (min-width: 767px) {
  .top4 > .top4-wrap {
    width: 100%;
  }
  .top4 > .top4-wrap > article {
    margin-right: 460px;
  }
  .top4 > .top4-wrap > article > a > p {
    display: none;
  }
  .top4 > .top4-wrap > article > a > h1 {
    zoom: 1;
    font-size: 1em;
  }
  .top4 > .top4-wrap > article > a > h1:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .top4 > .top4-wrap > article > a > h1:before,
  .top4 > .top4-wrap > article > a > h1:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .top4 > .top4-wrap > article > a > h1:after {
    clear: both;
  }
  .top4 > .top4-wrap > article > a > figure {
    display: none;
  }
  .top4 > .top4-figure {
    clear: right;
    float: right;
    margin-left: -460px;
    width: 458px;
  }
}
@media screen and (min-width: 980px) {
  .top4 > .top4-wrap {
    width: 45%;
  }
  .top4 > .top4-wrap > article {
    margin-right: 0;
  }
  .top4 > .top4-wrap > article > a > figure {
    display: block;
  }
  .top4 > .top4-figure {
    clear: none;
    float: none;
    margin-left: 45%;
    width: auto;
  }
}
#suora-linja > .wrap > section {
  zoom: 1;
  border-top: 10px solid #f1f1f1;
  padding-top: 20px;
}
#suora-linja > .wrap > section:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
#suora-linja > .wrap > section:before,
#suora-linja > .wrap > section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#suora-linja > .wrap > section:after {
  clear: both;
}
#suora-linja > .wrap > section:first-child {
  border-top: 0;
  padding-top: 0;
}
#suora-linja > .wrap > section > h1 {
  background: #75ac00;
  color: #fff;
  padding: 5px 10px;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
#suora-linja > .wrap > section > h1:after {
  background-image: url(../bg/basic-sprites.png);
  background-position: -640px -240px;
  background-repeat: no-repeat;
  display: block;
  content: '';
  width: 7px;
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 10px;
}
#suora-linja > .wrap > section > article {
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-top: 20px;
  position: relative;
  clear: both;
}
#suora-linja > .wrap > section > article:first-of-type {
  border-top: 0;
  padding-top: 0;
}
#suora-linja > .wrap > section > article > .count {
  font-size: 0.8571428571428571em;
  color: #444444;
  position: relative;
  height: 1.4em;
  padding-left: 2.5em;
}
#suora-linja > .wrap > section > article > .count > strong {
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
#suora-linja > .wrap > section > article > h1 {
  font-weight: bold;
}
#suora-linja > .wrap > section > article > h1 > a {
  color: #000000;
}
#suora-linja > .wrap > section > article > h1 > a:hover {
  color: #777777;
}
#suora-linja > aside {
  display: none;
}
#suora-linja > footer {
  display: none;
}
@media screen and (min-width: 767px) {
  #suora-linja > .wrap {
    float: left;
    width: 59.9375%;
    border-right: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-right: 2.05%;
  }
  #suora-linja > .wrap > section {
    border-top: 0;
    margin-top: 30px;
    padding-top: 0;
  }
  #suora-linja > .wrap > section:first-child {
    margin-top: 0;
  }
  #suora-linja > .wrap > section > article {
    border-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-left: 8em;
  }
  #suora-linja > .wrap > section > article > .count {
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
  }
  #suora-linja > aside {
    display: block;
    float: right;
    width: 35.962500000000006%;
    margin-bottom: 20px;
  }
  #suora-linja > aside > blockquote {
    background: #2D363A;
    color: #fff;
    display: none;
    margin-bottom: 40px;
    padding: 20px 20px;
    position: relative;
    /*&:first-child {
          display: block;
        }*/
  }
  #suora-linja > aside > blockquote.show {
    display: block;
  }
  #suora-linja > aside > blockquote > h6 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.1428571428571428em;
  }
  #suora-linja > aside > blockquote > .quote {
    background-image: url(../bg/basic-sprites.png);
    background-position: -760px -115px;
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 27px;
    display: block;
    margin-bottom: 5px;
  }
  #suora-linja > aside > blockquote > .quote > a {
    color: #fff;
  }
  #suora-linja > aside > blockquote > .quote > a:hover {
    color: #777777;
  }
  #suora-linja > aside > blockquote > .author {
    font-size: 0.8571428571428571em;
    padding-left: 50px;
    font-style: italic;
  }
  #suora-linja > aside > blockquote:after {
    background-image: url(../bg/basic-sprites.png);
    background-position: -680px -200px;
    background-repeat: no-repeat;
    display: block;
    content: '';
    width: 28px;
    height: 40px;
    position: absolute;
    bottom: -40px;
    left: 30px;
  }
  #suora-linja > footer {
    clear: both;
    display: block;
    background: #F0F0F0;
    padding: 10px 20px;
  }
  #suora-linja > footer > nav > ul {
    zoom: 1;
  }
  #suora-linja > footer > nav > ul:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  #suora-linja > footer > nav > ul:before,
  #suora-linja > footer > nav > ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  #suora-linja > footer > nav > ul:after {
    clear: both;
  }
  #suora-linja > footer > nav > ul > li {
    float: left;
    margin-right: 20px;
  }
  #suora-linja > footer > nav > ul > li > a {
    font-size: 0.8571428571428571em;
    color: #000;
  }
  #suora-linja > footer > nav > ul > li > a:hover {
    color: #777777;
  }
}
.icon-gallery {
  zoom: 1;
}
.icon-gallery:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.icon-gallery:before,
.icon-gallery:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.icon-gallery:after {
  clear: both;
}
.icon-gallery > li {
  float: left;
  margin-bottom: 1.0635%;
  margin-right: 1.0635%;
}
.icon-gallery > li img {
  display: block;
  max-width: none;
}
.icon-gallery > li > .tooltip {
  display: none;
}
.icon-gallery-tooltip {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  max-width: 240px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  top: 8px;
  width: 100%;
}
.icon-gallery-tooltip.icon-gallery-right:after {
  background-image: url(../bg/basic-sprites.png);
  background-position: -160px -720px;
  background-repeat: no-repeat;
  content: ' ';
  height: 9px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 15px;
}
.icon-gallery-tooltip.icon-gallery-left:after {
  background-image: url(../bg/basic-sprites.png);
  background-position: -160px -720px;
  background-repeat: no-repeat;
  content: ' ';
  height: 9px;
  left: 10px;
  position: absolute;
  top: -9px;
  width: 15px;
}
.icon-gallery-tooltip > .icon-gallery-close {
  background-image: url(../bg/basic-sprites.png);
  background-position: -200px -680px;
  background-repeat: no-repeat;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 11px;
}
.icon-gallery-tooltip > p {
  font-size: 0.8571428571428571em;
  margin-bottom: 10px;
}
.icon-gallery-tooltip > h2 {
  font-weight: bold;
}
.icon-gallery-tooltip > * {
  margin-bottom: 10px;
}
.icon-gallery-tooltip > *:last-child {
  margin-bottom: 0;
}
.promonav {
  position: relative;
}
.promonav > .promonav-more {
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.promonav > .promonav-more > a {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  display: block;
  white-space: nowrap;
}
.promonav > .promonav-more > a:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .promonav > .promonav-more > a {
  background: #008c96;
}
.yle-puhe .promonav > .promonav-more > a {
  background: #fbca0b;
}
.yle-radio-1 .promonav > .promonav-more > a {
  background: #dd0069;
}
.yle-sami-radio .promonav > .promonav-more > a {
  background: #0063b8;
}
.yle-klassinen .promonav > .promonav-more > a {
  color: #ffffff;
}
.yle-puhe .promonav > .promonav-more > a {
  color: #000000;
}
.yle-radio-1 .promonav > .promonav-more > a {
  color: #ffffff;
}
.yle-sami-radio .promonav > .promonav-more > a {
  color: #ffffff;
}
.yle-puhe .promonav > .promonav-more > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .promonav > .promonav-more > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .promonav > .promonav-more > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.promonav > .promonav-more > ul {
  background: #fff;
  border: 1px solid #dbdbdb;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  position: absolute;
  right: 0px;
  top: 33px;
  white-space: nowrap;
  z-index: 1;
}
.promonav > .promonav-more > ul > li > a {
  color: #000;
  font-size: 0.8571428571428571em;
}
.promonav > .promonav-more > ul > li > a:hover {
  color: #777777;
}
.promonav > .promonav-more > ul > .promonav-arrow {
  background-image: url(../bg/basic-sprites.png);
  background-position: -160px -719px;
  background-repeat: no-repeat;
  height: 9px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 15px;
}
.promonav > .promonav-more > ul > .promonav-close {
  background-image: url(../bg/basic-sprites.png);
  background-position: -200px -680px;
  background-repeat: no-repeat;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 12px;
}
.promonav > ul {
  height: 1.4em;
  overflow: hidden;
  position: relative;
  top: 1px;
}
.promonav > ul > li {
  float: left;
  white-space: nowrap;
  margin-right: 20px;
}
.promonav > ul > li > a {
  color: #000;
  font-size: 0.8571428571428571em;
}
.promonav > ul > li > a:hover {
  color: #777777;
}
.carousel {
  zoom: 1;
  position: relative;
}
.carousel:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.carousel:before,
.carousel:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.carousel:after {
  clear: both;
}
.carousel > .carousel-mask {
  float: left;
  overflow: hidden;
  position: relative;
}
.carousel > .carousel-mask > .carousel-wrap {
  position: relative;
}
.carousel > .carousel-mask > .carousel-wrap > .carousel-item {
  float: left;
  position: relative;
}
.carousel > .carousel-prev {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
}
.carousel > .carousel-next {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
}
.article #container > .content {
  zoom: 1;
  position: relative;
}
.article #container > .content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.article #container > .content:before,
.article #container > .content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.article #container > .content:after {
  clear: both;
}
.article #container > .permanent,
.article #container > .mini-frontpage {
  display: none;
}
.hyphens.article .content > header > hgroup > h1,
.hyphens.article .content > header > hgroup > h2 {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.hyphens.article .content > .text > p {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.article .content > header {
  margin-bottom: 20px;
}
.article .content > header > hgroup {
  border-bottom: 1px solid #e1e1e1;
}
.article .content > header > hgroup > .meta {
  display: block;
  font-size: 11px;
}
.article .content > header > hgroup > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.article .content > header > hgroup > .meta > a:hover {
  color: #777777;
}
.article .content > header > hgroup > .meta > time {
  color: #555;
}
.article .content > header > hgroup > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.article .content > header > hgroup > h1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 10px;
}
.article .content > header > hgroup > h2 {
  font-size: 1.1428571428571428em;
  font-weight: normal;
  margin-bottom: 20px;
}
.article .content > header .some {
  display: none;
}
.article .content > section {
  margin-bottom: 40px;
}
.article .content > section > h1 {
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.article .content > .leiki-more-on-this-topic > article {
  margin-bottom: 20px;
}
.article .content > .leiki-more-on-this-topic > article > .meta {
  display: block;
  font-size: 11px;
}
.article .content > .leiki-more-on-this-topic > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.article .content > .leiki-more-on-this-topic > article > .meta > a:hover {
  color: #777777;
}
.article .content > .leiki-more-on-this-topic > article > .meta > time {
  color: #555;
}
.article .content > .leiki-more-on-this-topic > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.article .content > .leiki-more-on-this-topic > article > h1 {
  font-weight: bold;
}
.article .content > .leiki-more-on-this-topic > article > h1 > a {
  color: #000000;
}
.article .content > .leiki-more-on-this-topic > article > h1 > a:hover {
  color: #777777;
}
.article .content > .recents-on-this-topic > article {
  margin-bottom: 20px;
}
.article .content > .recents-on-this-topic > article > time {
  color: #444444;
  float: left;
  font-size: 0.8571428571428571em;
}
.article .content > .recents-on-this-topic > article > h1 {
  display: block;
  font-weight: bold;
  margin-left: 3.3333333333333335em;
}
.article .content > .recents-on-this-topic > article > h1 > a {
  color: #000000;
}
.article .content > .recents-on-this-topic > article > h1 > a:hover {
  color: #777777;
}
.article .content > .most-popular-on-this-topic > article {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-left: 50px;
  padding-bottom: 20px;
  position: relative;
}
.article .content > .most-popular-on-this-topic > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.article .content > .most-popular-on-this-topic > article:before,
.article .content > .most-popular-on-this-topic > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.article .content > .most-popular-on-this-topic > article:after {
  clear: both;
}
.article .content > .most-popular-on-this-topic > article > .most-popular-count {
  background: #75ac00;
  color: #fff;
  font-weight: bold;
  padding: 5px 0 3px;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0;
  width: 30px;
}
.article .content > .most-popular-on-this-topic > article > .meta {
  display: block;
  font-size: 11px;
  display: inline-block;
}
.article .content > .most-popular-on-this-topic > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.article .content > .most-popular-on-this-topic > article > .meta > a:hover {
  color: #777777;
}
.article .content > .most-popular-on-this-topic > article > .meta > time {
  color: #555;
}
.article .content > .most-popular-on-this-topic > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.article .content > .most-popular-on-this-topic > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-top: 5px;
}
.article .content > .most-popular-on-this-topic > article > a > figure img {
  display: block;
}
.article .content > .most-popular-on-this-topic > article > a > p {
  display: none;
}
.article .content > .most-popular-on-this-topic > article > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.article .content > .most-popular-on-this-topic > article > a:hover > h1,
.article .content > .most-popular-on-this-topic > article > a:hover > p {
  color: #00aabd;
}
.article.wide .content > .text figure.full {
  max-width: 940px;
}
.article.wide .content > .text figure.half {
  max-width: 470px;
}
.article.wide .content > .text figure.one-third {
  max-width: 313px;
}
.article .content .writers {
  margin-bottom: 20px;
}
.article .content .writers li {
  margin-bottom: 20px;
  position: relative;
}
.article .content .writers li.with-image {
  height: 60px;
  padding-left: 80px;
}
.article .content .writers li.with-image > img {
  left: 0;
  position: absolute;
  top: 0;
}
.article .content .writers li .author {
  color: #222222;
  cursor: default;
  display: block;
  font-size: 0.8571428571428571em;
  margin-top: 5px;
}
.article .content .writers li .organization {
  display: block;
  color: #000;
  font-size: 0.8571428571428571em;
  font-weight: bold;
}
.article .content > .text p,
.article .content > .text h3,
.article .content > .text ul,
.article .content > .text ol,
.article .content > .text table {
  margin-bottom: 20px;
}
.article .content > .text h3 {
  font-size: 1.2857142857142858em;
  font-weight: bold;
}
.article .content > .text p {
  font-size: 1em;
}
.article .content > .text ul {
  font-size: 1em;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
.article .content > .text ul li {
  margin-bottom: 0;
}
.article .content > .text ol {
  font-size: 1em;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}
.article .content > .text ol li {
  margin-bottom: 0;
}
.article .content > .text table {
  display: block;
  text-align: left;
  position: relative;
  overflow-x: auto;
  font-size: 1em;
}
.article .content > .text table tbody {
  border-right: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.article .content > .text table td {
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.article .content > .text table th {
  font-weight: bold;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.article .content > .text blockquote {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.article .content > .text blockquote > .quote {
  background-image: url(../bg/basic-sprites.png);
  background-position: 0px -880px;
  background-repeat: no-repeat;
  color: #000;
  font-size: 1.1428571428571428em;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-top: 25px;
}
.article .content > .text blockquote > .author {
  color: #000;
  font-size: 0.8571428571428571em;
  font-style: italic;
  margin-bottom: 0;
  margin-left: 20px;
}
.article .content > .text table tr:nth-child(even) {
  background: #F9F9F9;
}
.article .content > .text table tr:hover {
  background: #f0f0f0;
}
.article .content > .text ul.writers {
  padding-left: 0;
  list-style-type: none;
}
.article .content > .text .highlighted {
  display: block;
  border-left: 5px solid #e1e1e1;
  padding-left: 20px;
  color: #666;
  font-size: 0.8571428571428571em;
}
.article .content > .text figure {
  clear: both;
  margin-bottom: 20px;
}
.article .content > .text figure img {
  display: block;
}
.article .content > .text figure > figcaption {
  zoom: 1;
  background: #F1F1F1;
  margin-top: 10px;
  padding: 10px;
}
.article .content > .text figure > figcaption:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.article .content > .text figure > figcaption:before,
.article .content > .text figure > figcaption:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.article .content > .text figure > figcaption:after {
  clear: both;
}
.article .content > .text figure > figcaption > .caption {
  color: #000;
  font-size: 0.8571428571428571em;
  margin-right: 10px;
}
.article .content > .text figure > figcaption > .source {
  color: #444444;
  font-size: 0.7857142857142857em;
}
.article .content > .text figure.full {
  max-width: 580px;
}
.article .content > .text figure.half {
  max-width: 320px;
}
.article .content > .text figure.one-third {
  max-width: 205px;
}
.article .content > .text figure > .media {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.article .content > .text figure > .media iframe,
.article .content > .text figure > .media embed,
.article .content > .text figure > .media object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.article .content > .text figure > .media.yle_areena_player {
  background-color: #000;
  padding-bottom: 0;
  height: auto;
  /*padding-bottom: 56.25 !important;
            width: 100% !important;
            height: 0 !important;*/
}
.article .content > .text .about,
.article .content > .text .fact {
  border-top: 5px solid #333333;
  margin-bottom: 20px;
  min-height: 20px;
  padding-top: 10px;
  position: relative;
}
.article .content > .text .about > .accordion-button,
.article .content > .text .fact > .accordion-button {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  position: absolute;
  right: 0;
  top: 5px;
}
.article .content > .text .about > .accordion-button:hover,
.article .content > .text .fact > .accordion-button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .article .content > .text .about > .accordion-button,
.yle-klassinen .article .content > .text .fact > .accordion-button {
  background: #008c96;
}
.yle-puhe .article .content > .text .about > .accordion-button,
.yle-puhe .article .content > .text .fact > .accordion-button {
  background: #fbca0b;
}
.yle-radio-1 .article .content > .text .about > .accordion-button,
.yle-radio-1 .article .content > .text .fact > .accordion-button {
  background: #dd0069;
}
.yle-sami-radio .article .content > .text .about > .accordion-button,
.yle-sami-radio .article .content > .text .fact > .accordion-button {
  background: #0063b8;
}
.yle-klassinen .article .content > .text .about > .accordion-button,
.yle-klassinen .article .content > .text .fact > .accordion-button {
  color: #ffffff;
}
.yle-puhe .article .content > .text .about > .accordion-button,
.yle-puhe .article .content > .text .fact > .accordion-button {
  color: #000000;
}
.yle-radio-1 .article .content > .text .about > .accordion-button,
.yle-radio-1 .article .content > .text .fact > .accordion-button {
  color: #ffffff;
}
.yle-sami-radio .article .content > .text .about > .accordion-button,
.yle-sami-radio .article .content > .text .fact > .accordion-button {
  color: #ffffff;
}
.yle-puhe .article .content > .text .about > .accordion-button,
.yle-puhe .article .content > .text .fact > .accordion-button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .article .content > .text .about > .accordion-button,
.yle-radio-1 .article .content > .text .fact > .accordion-button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .article .content > .text .about > .accordion-button,
.yle-klassinen .article .content > .text .fact > .accordion-button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.article .content > .text .about > h1,
.article .content > .text .fact > h1 {
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  margin-bottom: 20px;
  padding-right: 60px;
  padding-bottom: 10px;
}
.article .content > .text .about > .wrap,
.article .content > .text .fact > .wrap {
  background-color: #eff6f9;
  padding: 20px 4.254%;
  color: #444444;
}
.article .content > .text .about > .wrap p,
.article .content > .text .fact > .wrap p,
.article .content > .text .about > .wrap h3,
.article .content > .text .fact > .wrap h3,
.article .content > .text .about > .wrap ul,
.article .content > .text .fact > .wrap ul,
.article .content > .text .about > .wrap ol,
.article .content > .text .fact > .wrap ol,
.article .content > .text .about > .wrap table,
.article .content > .text .fact > .wrap table {
  margin-bottom: 10px;
}
.article .content > .text .about > .wrap h3,
.article .content > .text .fact > .wrap h3 {
  font-size: 1em;
  font-weight: bold;
}
.article .content > .text .about > .wrap p,
.article .content > .text .fact > .wrap p {
  font-size: 0.8571428571428571em;
}
.article .content > .text .about > .wrap ul,
.article .content > .text .fact > .wrap ul {
  font-size: 0.8571428571428571em;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
.article .content > .text .about > .wrap ul li,
.article .content > .text .fact > .wrap ul li {
  margin-bottom: 10px;
}
.article .content > .text .about > .wrap ol,
.article .content > .text .fact > .wrap ol {
  font-size: 0.8571428571428571em;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}
.article .content > .text .about > .wrap ol li,
.article .content > .text .fact > .wrap ol li {
  margin-bottom: 10px;
}
.article .content > .text .about > .wrap table,
.article .content > .text .fact > .wrap table {
  display: block;
  text-align: left;
  position: relative;
  overflow-x: auto;
  font-size: 0.8571428571428571em;
}
.article .content > .text .about > .wrap table tbody,
.article .content > .text .fact > .wrap table tbody {
  border-right: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.article .content > .text .about > .wrap table td,
.article .content > .text .fact > .wrap table td {
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.article .content > .text .about > .wrap table th,
.article .content > .text .fact > .wrap table th {
  font-weight: bold;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.article .content > .text .about > .wrap figure.one-third,
.article .content > .text .fact > .wrap figure.one-third {
  float: none;
  margin-left: 0;
  max-width: 205px;
}
.article .content > .text .photo-carousel {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
  width: 100%;
}
.article .content > .text .photo-carousel li {
  float: left;
  height: 68px;
  margin-left: 6px;
  margin-right: 6px;
  width: 120px;
}
.article .content > .text .photo-carousel li.current {
  border-bottom: 5px solid #ccc;
  padding-bottom: 2px;
}
.article .content > .text .photo-carousel li > a > figure {
  margin-bottom: 0;
}
.article .content > .text .photo-carousel li > a > figure > .media {
  height: auto;
  padding-bottom: 0;
}
.article .content > .text .photo-carousel > .carousel-prev {
  background-image: url(../bg/basic-sprites.png);
  background-position: -80px -781px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 75px;
  width: 30px;
}
.article .content > .text .photo-carousel > .carousel-prev.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.article .content > .text .photo-carousel > .carousel-next {
  background-image: url(../bg/basic-sprites.png);
  background-position: -26px -821px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 75px;
  width: 30px;
}
.article .content > .text .photo-carousel > .carousel-next.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  opacity: 30;
  filter: alpha(opacity=3000);
  cursor: default;
}
.article .content > .text .gallery {
  zoom: 1;
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
}
.article .content > .text .gallery:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.article .content > .text .gallery:before,
.article .content > .text .gallery:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.article .content > .text .gallery:after {
  clear: both;
}
.article .content > .text .gallery > li {
  float: left;
  margin-bottom: 2.3%;
  margin-right: 2.3%;
  max-width: 180px;
  width: 31%;
}
.article .content > .text .gallery > li img {
  display: block;
}
.ie7 .article .content > .text figure > .media.yle_areena_player {
  width: 100%;
  height: 326px;
}
/*Footerin kamat*/
.article .content > footer {
  margin-bottom: 40px;
}
.article .content > footer > .more-on-this-topic {
  margin-bottom: 30px;
}
.article .content > footer > .more-on-this-topic > h1 {
  font-size: 0.8571428571428571em;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.article .content > footer > .source {
  margin-bottom: 20px;
}
.article .content > footer > .source > dt {
  color: #000;
  display: inline;
  font-size: 0.7857142857142857em;
  font-weight: bold;
}
.article .content > footer > .source > dd {
  color: #444444;
  display: inline;
  font-size: 0.7857142857142857em;
}
@media screen and (min-width: 480px) {
  .hyphens.article .content > header > hgroup > h1,
  .hyphens.article .content > header > hgroup > h2 {
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  .hyphens.article .content > .text > p {
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media screen and (min-width: 767px) {
  .article .content > header > hgroup > h1 {
    font-size: 2.5714285714285716em;
  }
  .article .content > .text blockquote {
    border-bottom: 0;
    border-top: 0;
    clear: right;
    float: right;
    margin-left: 20px;
    padding-bottom: 0;
    padding-top: 0;
    width: 33.333%;
  }
  .article .content > .text .about > .wrap figure.one-third,
  .article .content > .text .fact > .wrap figure.one-third {
    width: 100%;
  }
  .article .content > .text figure.half {
    width: 50%;
  }
  .article .content > .text figure.one-third {
    width: 33.333%;
  }
  .article .content > .text figure.half,
  .article .content > .text figure.one-third {
    clear: right;
    float: right;
    margin-left: 20px;
  }
  .article .content > section > h1 {
    font-size: 1.1428571428571428em;
  }
  .article .content > section.most-popular-on-this-topic > article > a > p {
    display: block;
    color: #444444;
    font-size: 0.8571428571428571em;
    overflow: hidden;
  }
  .article.wide #container > .content {
    width: 100%;
  }
  .article.wide #container > .content > footer,
  .article.wide #container > .content > section {
    max-width: 580px;
    /*578*/
  }
  .article.wide #container > .mini-frontpage {
    display: none;
  }
  .article #container > .content {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .article #container > .mini-frontpage {
    background: url(../bg/border.png) repeat-y;
    display: block;
    clear: right;
    float: right;
    padding-left: 2.05%;
    position: relative;
    width: 34.2%;
    /*34*/
  }
}
@media screen and (min-width: 980px) {
  .article .content > header > hgroup {
    border-bottom: 0;
  }
  .article .content > header .some {
    display: block;
    height: 31px;
  }
  .article .content > header .some > .facebook {
    width: 100%;
  }
  .article .content > .text table {
    display: table;
    width: 100%;
  }
  .article .content > .text .about,
  .article .content > .text .fact {
    border-bottom: 0;
    clear: right;
    float: right;
    margin-left: 20px;
    width: 33.333%;
  }
  .article .content > .text .about > h1,
  .article .content > .text .fact > h1 {
    border-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .article .content > .text .about > .wrap,
  .article .content > .text .fact > .wrap {
    background: none;
    padding: 0;
  }
  .article .content > footer > .some {
    height: 32px;
  }
  .article .content > footer > .some > .facebook {
    min-width: 140px;
  }
}
@media screen and (min-width: 1260px) {
  .article.wide #container > .content {
    width: 76.9%;
  }
  .article #container > .content {
    float: left;
    width: 47.54% /*47.4*/;
  }
  .article #container > .mini-frontpage {
    background: url(../bg/border.png) repeat-y;
    float: left;
    margin-left: 2.05%;
    width: 25.26%;
    /*25.5*/
  }
  .article #container > .permanent {
    background: url(../bg/border.png) repeat-y;
    clear: right;
    display: block;
    float: right;
    padding-left: 2.05%;
    position: relative;
    width: 19%;
  }
}
.some {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.some:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.some:before,
.some:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.some:after {
  clear: both;
}
.some > li {
  float: left;
  margin-bottom: 5px;
}
.some > li.print {
  display: none;
  font-size: 0.8571428571428571em;
}
.some > li > div,
.some > li iframe,
.some > li .twitter-share-button {
  display: none !important;
}
.some > li.vkontakte > .lite {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #6D8FB3;
  border: 1px solid #3B6798;
  color: #fff;
  display: block;
  font-size: 11px;
  text-shadow: 0 1px #45688E;
  padding: 2px 26px 1px 6px;
  position: relative;
  overflow: hidden;
}
.some > li.vkontakte > .lite > span {
  border-left: 1px solid #3B6798;
  background-color: #51799D;
  background-image: url(../bg/some-sprites.png);
  background-position: -138px 1px;
  background-repeat: no-repeat;
  position: absolute;
  width: 21px;
  height: 18px;
  right: 0;
  top: 0;
  display: block;
}
.some > li.vkontakte > .lite:hover {
  background: #84a1bf;
}
.some > li.facebook > .lite {
  background: #ECEEF5;
  color: #51599F;
  display: block;
  line-height: 1;
  font-size: 0.7857142857142857em;
  font-family: arial;
  margin-right: 20px;
  height: 18px;
  border: 1px solid #CAD4E7;
  padding: 0px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.some > li.facebook > .lite > span {
  background-image: url(../bg/some-sprites.png);
  background-position: 0px -137px;
  background-repeat: no-repeat;
  padding: 4px 0 0 16px;
  display: block;
}
.some > li.facebook > .lite:hover {
  border-color: #9dacce;
}
.some > li.google > .lite {
  display: block;
  width: 32px;
  height: 20px;
  margin-right: 20px;
  font-size: 0.8214285714285714em;
  text-indent: -100px;
  background-image: url(../bg/some-sprites.png);
  background-position: -70px -70px;
  background-repeat: no-repeat;
  overflow: hidden;
}
.some > li.google > .lite:hover {
  background-image: url(../bg/some-sprites.png);
  background-position: -105px -35px;
  background-repeat: no-repeat;
}
.some > li.twitter > .lite {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede));
  background-image: -moz-linear-gradient(top, #ffffff, #dedede);
  background-image: -ms-linear-gradient(top, #ffffff, #dedede);
  background-image: linear-gradient(top, #ffffff, #dedede);
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: block;
  font-weight: bold;
  line-height: 1;
  padding: 0 3px;
  height: 18px;
  margin-right: 20px;
  font-size: 0.7857142857142857em;
  font-family: 'Helvetica Neue', Arial;
}
.some > li.twitter > .lite > span {
  background-image: url(../bg/some-sprites.png);
  background-position: -35px -101px;
  background-repeat: no-repeat;
  padding: 3px 0 0 16px;
  display: block;
}
.some > li.twitter > .lite:hover {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9));
  background-image: -moz-linear-gradient(top, #f8f8f8, #d9d9d9);
  background-image: -ms-linear-gradient(top, #f8f8f8, #d9d9d9);
  background-image: linear-gradient(top, #f8f8f8, #d9d9d9);
  border-color: #bbb;
}
@media screen and (min-width: 980px) {
  .some > li.facebook > .lite,
  .some li.google > .lite,
  .some li.twitter > .lite,
  .some li.vkontakte > .lite {
    display: none;
  }
  .some > li.facebook > div,
  .some li.google > div,
  .some li.twitter > div,
  .some li.vkontakte > div,
  .some > li.facebook iframe,
  .some li.google iframe,
  .some li.twitter iframe,
  .some li.vkontakte iframe,
  .some > li.facebook .twitter-share-button,
  .some li.google .twitter-share-button,
  .some li.twitter .twitter-share-button,
  .some li.vkontakte .twitter-share-button {
    display: block !important;
  }
  .some > li.print {
    display: block;
    clear: none;
    float: right;
  }
}
.topicpage #container > .topic {
  zoom: 1;
  position: relative;
}
.topicpage #container > .topic:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.topicpage #container > .topic:before,
.topicpage #container > .topic:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.topicpage #container > .topic:after {
  clear: both;
}
.topicpage #container > .topic > .onair {
  zoom: 1;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}
.topicpage #container > .topic > .onair:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.topicpage #container > .topic > .onair:before,
.topicpage #container > .topic > .onair:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.topicpage #container > .topic > .onair:after {
  clear: both;
}
.topicpage #container > .topic > header {
  position: relative;
  z-index: 2;
}
.topicpage #container > .topic > .talking-now {
  z-index: 1;
}
.topicpage #container > .topic > .related {
  display: none;
}
.topicpage #container > .permanent {
  display: none;
}
.topicpage .topic > header {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.topicpage .topic > header:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.topicpage .topic > header:before,
.topicpage .topic > header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.topicpage .topic > header:after {
  clear: both;
}
.topicpage .topic > header > h1 {
  float: left;
  font-weight: bold;
}
.topicpage .topic > header > .promonav > ul {
  margin-left: 60px;
}
.topicpage .topic > .custom > .recommends > article {
  zoom: 1;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-top: 20px;
}
.topicpage .topic > .custom > .recommends > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.topicpage .topic > .custom > .recommends > article:before,
.topicpage .topic > .custom > .recommends > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.topicpage .topic > .custom > .recommends > article:after {
  clear: both;
}
.topicpage .topic > .custom > .recommends > article .meta {
  display: block;
  font-size: 11px;
}
.topicpage .topic > .custom > .recommends > article .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.topicpage .topic > .custom > .recommends > article .meta > a:hover {
  color: #777777;
}
.topicpage .topic > .custom > .recommends > article .meta > time {
  color: #555;
}
.topicpage .topic > .custom > .recommends > article .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.topicpage .topic > .custom > .recommends > article:first-child {
  border-top: 0;
  padding-top: 0;
}
.topicpage .topic > .custom > .recommends > article:first-child > a > h1 {
  font-size: 2em;
}
.topicpage .topic > .custom > .recommends > article:first-child > a > p {
  font-size: 1.1428571428571428em;
}
.topicpage .topic > .custom > .recommends > article > a > h1 {
  font-size: 1.7142857142857142em;
  font-weight: bold;
  margin-bottom: 20px;
}
.topicpage .topic > .custom > .recommends > article > a > p {
  color: #444444;
}
.topicpage .topic > .custom > .recommends > article > a > p > .meta {
  display: inline;
}
.topicpage .topic > .custom > .recommends > article > a > figure {
  margin-bottom: 20px;
  display: inline-block;
}
.topicpage .topic > .custom > .recommends > article > a > figure img {
  display: block;
}
.topicpage .topic > .custom > .recommends > article > a:hover > h1,
.topicpage .topic > .custom > .recommends > article > a:hover > p {
  color: #777777;
}
.topicpage .topic > .custom > .recents {
  margin-bottom: 30px;
}
.topicpage .topic > .custom > .recents > h1 {
  border-top: 10px solid #333333;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}
.topicpage .topic > .custom > .recents > article {
  zoom: 1;
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
  margin-bottom: 20px;
}
.topicpage .topic > .custom > .recents > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.topicpage .topic > .custom > .recents > article:before,
.topicpage .topic > .custom > .recents > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.topicpage .topic > .custom > .recents > article:after {
  clear: both;
}
.topicpage .topic > .custom > .recents > article > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.topicpage .topic > .custom > .recents > article > a > p {
  display: none;
}
.topicpage .topic > .custom > .recents > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  max-width: 120px;
}
.topicpage .topic > .custom > .recents > article > a > figure img {
  display: block;
}
.topicpage .topic > .custom > .recents > article > a:hover > h1,
.topicpage .topic > .custom > .recents > article > a:hover > p {
  color: #777777;
}
@media screen and (min-width: 767px) {
  .topicpage #container > .topic > .custom {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .topicpage #container > .topic > .related {
    background: url(../bg/border.png) repeat-y;
    display: block;
    clear: right;
    float: right;
    padding-left: 2.05%;
    position: relative;
    width: 34.2%;
    /*34*/
  }
  .topicpage .topic > header > h1 {
    font-size: 1.1428571428571428em;
  }
  .topicpage .topic > .custom > .recents > h1 {
    font-size: 1.1428571428571428em;
  }
  .topicpage .topic > .custom > .recents > article > a > h1 {
    margin-bottom: 5px;
  }
  .topicpage .topic > .custom > .recents > article > a > p {
    display: block;
    color: #444444;
    font-size: 0.8571428571428571em;
    overflow: hidden;
  }
}
@media screen and (min-width: 980px) {
  .topicpage .topic > .custom > .recommends > article > a > figure {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    max-width: 205px;
  }
  .topicpage .topic > .custom > .recommends > article:first-child > a > figure {
    float: none;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1260px) {
  .topicpage #container > .topic {
    float: left;
    width: 76.9%;
  }
  .topicpage #container > .topic > .custom {
    width: 580px;
    /*578*/
  }
  .topicpage #container > .topic > .related {
    /*margin-left: 25px;*/
    padding-left: 25px;
    width: 308px;
  }
  .topicpage #container > .permanent {
    background: url(../bg/border.png) repeat-y;
    clear: right;
    display: block;
    float: right;
    padding-left: 2.05%;
    position: relative;
    width: 19%;
  }
}
.moment-by-moment #container > .content {
  zoom: 1;
  position: relative;
}
.moment-by-moment #container > .content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.moment-by-moment #container > .content:before,
.moment-by-moment #container > .content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.moment-by-moment #container > .content:after {
  clear: both;
}
.moment-by-moment #container > .content > .related > section {
  max-width: 100%;
}
.moment-by-moment #container > .permanent {
  display: none;
}
.moment-by-moment .content > header {
  margin-bottom: 20px;
}
.moment-by-moment .content > header > hgroup > .meta {
  display: block;
  font-size: 11px;
}
.moment-by-moment .content > header > hgroup > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.moment-by-moment .content > header > hgroup > .meta > a:hover {
  color: #777777;
}
.moment-by-moment .content > header > hgroup > .meta > time {
  color: #555;
}
.moment-by-moment .content > header > hgroup > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.moment-by-moment .content > header > hgroup > h1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 10px;
}
.moment-by-moment .content > header > hgroup > h2 {
  font-size: 1.1428571428571428em;
  font-weight: normal;
  margin-bottom: 20px;
}
.moment-by-moment .content > header > .main-points {
  margin-bottom: 20px;
}
.moment-by-moment .content > header > .main-points > h1 {
  font-weight: bold;
  margin-bottom: 10px;
}
.moment-by-moment .content > header > .main-points > ul {
  list-style-type: disc;
  margin-left: 1.25em;
}
.moment-by-moment .content > header > .main-points > ul > li {
  margin-bottom: 10px;
}
.moment-by-moment .content > .text > section {
  margin-bottom: 40px;
}
.moment-by-moment .content > .text > section > h1 {
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.moment-by-moment .content > .text > .feed > thead > tr > td {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: 0px -234px;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  min-height: 26px;
  padding-left: 36px;
  font-weight: normal;
  text-align: left;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title {
  /*float: left;
              *float: none;*/
  font-weight: bold;
  text-align: left;
  min-height: 26px;
  *width: auto;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-info {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: 0px -234px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-red-card {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -26px -208px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-yellow-card {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -52px -182px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-clock {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -78px -156px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-goal {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -104px -130px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-penalty {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -130px -104px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-chequered-flag {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -156px -78px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-roster {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -182px -52px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-transfer {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -208px -26px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td.title.icon-twitter {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -234px 0px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content > .text > .feed > tbody > tr > td {
  float: left;
  *float: none;
  padding-bottom: 20px;
  width: 100%;
  *width: auto;
}
.moment-by-moment .content > .text > footer {
  margin-bottom: 40px;
}
.moment-by-moment .content > .text > footer .writers {
  margin-bottom: 20px;
}
.moment-by-moment .content > .text > footer .writers li {
  margin-bottom: 20px;
  position: relative;
}
.moment-by-moment .content > .text > footer .writers li.with-image {
  height: 60px;
  padding-left: 80px;
}
.moment-by-moment .content > .text > footer .writers li.with-image > img {
  left: 0;
  position: absolute;
  top: 0;
}
.moment-by-moment .content > .text > footer .writers li .author {
  color: #222222;
  cursor: default;
  display: block;
  font-size: 0.8571428571428571em;
  margin-top: 5px;
}
.moment-by-moment .content > .text > footer .writers li .organization {
  display: block;
  color: #000;
  font-size: 0.8571428571428571em;
  font-weight: bold;
}
@media screen and (min-width: 767px) {
  .moment-by-moment #container > .content > header {
    float: left;
    width: 100%;
  }
  .moment-by-moment #container > .content > header > hgroup {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .moment-by-moment #container > .content > header > hgroup > h1 {
    font-size: 2.5714285714285716em;
  }
  .moment-by-moment #container > .content > header > .main-points {
    clear: right;
    float: right;
    width: 34.2%;
    /*34*/
  }
  .moment-by-moment #container > .content > .text {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .moment-by-moment #container > .content > .related {
    background: url(../bg/border.png) repeat-y;
    clear: right;
    float: right;
    padding-left: 2.05%;
    width: 34.2%;
    /*34*/
  }
}
@media screen and (min-width: 980px) {
  .moment-by-moment .content > header .some {
    height: 32px;
  }
  .moment-by-moment .content > header .some > .facebook {
    min-width: 130px;
  }
  .moment-by-moment .content > .text > .feed > tbody > tr > td.title {
    /*float: none;*/
    padding-bottom: 20px;
    padding-right: 20px;
    white-space: nowrap;
    /*width: auto;*/
  }
  .moment-by-moment .content > .text > .feed > tbody > tr > td {
    float: none;
    width: auto;
  }
}
@media screen and (min-width: 1260px) {
  .moment-by-moment #container > .content {
    float: left;
    width: 76.9%;
  }
  .moment-by-moment #container > .content > .text {
    width: 580px;
    /*578*/
  }
  .moment-by-moment #container > .content > .related {
    /*margin-left: 25px;*/
    padding-left: 25px;
    width: 308px;
  }
  .moment-by-moment #container > .permanent {
    background: url(../bg/border.png) repeat-y;
    clear: right;
    display: block;
    float: right;
    padding-left: 2.05%;
    position: relative;
    width: 19%;
  }
}
.mini-frontpage > section,
.permanent > section,
.related > section,
.mini-frontpage > div > section,
.permanent > div > section,
.related > div > section {
  zoom: 1;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  max-width: 320px;
  width: 100%;
}
.mini-frontpage > section:after,
.permanent > section:after,
.related > section:after,
.mini-frontpage > div > section:after,
.permanent > div > section:after,
.related > div > section:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.mini-frontpage > section:before,
.permanent > section:before,
.related > section:before,
.mini-frontpage > div > section:before,
.permanent > div > section:before,
.related > div > section:before,
.mini-frontpage > section:after,
.permanent > section:after,
.related > section:after,
.mini-frontpage > div > section:after,
.permanent > div > section:after,
.related > div > section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.mini-frontpage > section:after,
.permanent > section:after,
.related > section:after,
.mini-frontpage > div > section:after,
.permanent > div > section:after,
.related > div > section:after {
  clear: both;
}
.mini-frontpage > section > h1,
.permanent > section > h1,
.related > section > h1,
.mini-frontpage > div > section > h1,
.permanent > div > section > h1,
.related > div > section > h1 {
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  font-size: 1.1428571428571428em;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.mini-frontpage > section:last-child,
.permanent > section:last-child,
.related > section:last-child {
  margin-bottom: 0;
}
.liftup-most-popular > article {
  height: 28px;
  height: auto !important;
  min-height: 28px;
  margin-bottom: 20px;
  padding-left: 50px;
  position: relative;
}
.liftup-most-popular > article > .most-popular-count {
  background: #333;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 5px 0 3px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
}
.liftup-most-popular > article > h1 {
  font-size: 0.8571428571428571em;
}
.liftup-most-popular > article > h1 > a {
  color: #000000;
}
.liftup-most-popular > article > h1 > a:hover,
.liftup-most-popular > article > h1 > a:visited {
  color: #777777;
}
.liftup-list > article {
  margin-bottom: 10px;
}
.liftup-list > article > time {
  color: #444444;
  float: left;
  font-size: 0.8571428571428571em;
}
.liftup-list > article > h1 {
  display: block;
  font-size: 0.8571428571428571em;
  margin-left: 3.3333333333333335em;
}
.liftup-list > article > h1 > a {
  color: #000000;
}
.liftup-list > article > h1 > a:visited,
.liftup-list > article > h1 > a:hover {
  color: #777777;
}
.liftup-list > article.most-popular > h1 {
  font-weight: bold;
}
.liftup-more-articles > article {
  zoom: 1;
  margin-bottom: 10px;
}
.liftup-more-articles > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.liftup-more-articles > article:before,
.liftup-more-articles > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.liftup-more-articles > article:after {
  clear: both;
}
.liftup-more-articles > article .meta {
  display: block;
  font-size: 11px;
}
.liftup-more-articles > article .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.liftup-more-articles > article .meta > a:hover {
  color: #777777;
}
.liftup-more-articles > article .meta > time {
  color: #555;
}
.liftup-more-articles > article .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.liftup-more-articles > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
}
.liftup-more-articles > article > a > figure img {
  display: block;
}
.liftup-more-articles > article > a > h1 {
  display: inline;
}
.liftup-more-articles > article > a > p {
  color: #444444;
  font-size: 0.8571428571428571em;
}
.liftup-more-articles > article > a > p > .meta {
  display: inline;
}
.liftup-more-articles > article > a > .meta {
  display: inline;
}
.liftup-more-articles > article > a:hover > h1 {
  color: #777777;
}
/*
.liftup-recommends {
  > article {
    .clearfix;
    border-bottom: @xsBorder;
    padding-bottom: @sSpace;
    margin-bottom: @sSpace;
    > .meta {
      .var-meta;
      display: inline-block;
    }
    > a {
      > h1 {
        font-weight: bold;
      }
      > figure {
        float: left;
        margin-bottom: @xsSpace;
        margin-right: 20px;
        margin-top: @xsSpace;
        max-width: 120px;
        img {
          display: block;
        }
      }
      &:hover {
        > h1 {
          color: @hoverColor;
        }
      }
    }
  }
}
*/
.mini-frontpage > .liftup-recommends > article > a > figure,
.related > .liftup-recommends > article > a > figure,
.mini-frontpage > .liftup-most-viewed > article > a > figure,
.related > .liftup-most-viewed > article > a > figure {
  display: none;
}
@media screen and (min-width: 980px) {
  .mini-frontpage > .liftup-recommends > article > a > figure,
  .related > .liftup-recommends > article > a > figure,
  .mini-frontpage > .liftup-most-viewed > article > a > figure,
  .related > .liftup-most-viewed > article > a > figure {
    display: block;
  }
}
.liftup-headlines > article {
  margin-bottom: 20px;
}
.liftup-headlines > article > .meta {
  display: block;
  font-size: 11px;
}
.liftup-headlines > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.liftup-headlines > article > .meta > a:hover {
  color: #777777;
}
.liftup-headlines > article > .meta > time {
  color: #555;
}
.liftup-headlines > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.liftup-headlines > article > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
  margin-bottom: 5px;
}
.liftup-headlines > article > a > p {
  color: #444444;
  font-size: 0.8571428571428571em;
}
.liftup-headlines > article > a > figure {
  margin-bottom: 10px;
}
.liftup-headlines > article > a > figure img {
  display: block;
}
.liftup-headlines > article > a:hover > h1,
.liftup-headlines > article > a:hover > p {
  color: #777777;
}
.liftup-headlines > article.with-image {
  border-bottom: 10px solid #f1f1f1;
  padding-bottom: 20px;
}
.liftup-headlines > article.with-image > a > h1 {
  font-size: 1.5714285714285714em;
}
.liftup-headlines > article.special {
  margin-bottom: 40px;
}
.liftup-headlines > article.special > * {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.liftup-headlines > article.special > header > h1 {
  font-size: 2em;
  font-weight: bold;
}
.liftup-headlines > article.special > header > .meta > a {
  font-weight: bold;
}
.liftup-headlines > article.special > a {
  padding: 0;
}
.liftup-headlines > article.special > a > figure {
  margin-bottom: 0;
}
.liftup-headlines > article.special > a > figure img {
  display: block;
}
.liftup-headlines > article.special > hgroup > h2 {
  font-size: 1.1428571428571428em;
}
.liftup-headlines > article.special > hgroup > .meta {
  display: block;
  font-size: 11px;
}
.liftup-headlines > article.special > hgroup > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.liftup-headlines > article.special > hgroup > .meta > a:hover {
  color: #777777;
}
.liftup-headlines > article.special > hgroup > .meta > time {
  color: #555;
}
.liftup-headlines > article.special > hgroup > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.liftup-headlines > article.special > .info {
  font-size: 0.8571428571428571em;
}
.liftup-headlines > article.special > .info > li {
  margin-bottom: 20px;
}
.liftup-headlines > article.special > .info > li:last-child {
  margin-bottom: 0;
}
.liftup-headlines > article.special > aside > a {
  zoom: 1;
  display: block;
}
.liftup-headlines > article.special > aside > a:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.liftup-headlines > article.special > aside > a:before,
.liftup-headlines > article.special > aside > a:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.liftup-headlines > article.special > aside > a:after {
  clear: both;
}
.liftup-headlines > article.special > aside > a > figure {
  float: left;
  margin-right: 20px;
}
.liftup-headlines > article.special > aside > a > figure img {
  display: block;
}
.liftup-headlines > article.special > .liftup-more-articles {
  padding-left: 0;
  padding-right: 0;
}
.liftup-headlines > article.special > .liftup-more-articles > h1 {
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.liftup-headlines > article.special > .liftup-more-articles > article {
  padding-left: 20px;
  padding-right: 20px;
}
.liftup-headlines > article.special > .liftup-more-articles > article.normal {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.liftup-headlines > article.special > .liftup-more-articles > article.normal > a > h1 {
  font-size: 1.1428571428571428em;
}
.liftup-headlines > article.special > .liftup-more-articles > article:last-child {
  margin-bottom: 0;
}
.liftup-headlines > article.special > .liftup-more-articles > p {
  font-size: 0.8571428571428571em;
  padding-left: 20px;
  padding-right: 20px;
}
.liftup-headlines > article.special > .moment-by-moment-feed > h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.liftup-headlines > article.special > .moment-by-moment-feed > .feed {
  margin-bottom: 20px;
}
.liftup-headlines > article.special > .moment-by-moment-feed > .feed > tbody {
  font-size: 0.8571428571428571em;
}
.liftup-headlines > article.special > .moment-by-moment-feed > .feed > tbody > tr > td.title {
  text-align: left;
  white-space: nowrap;
  padding-right: 20px;
  font-weight: bold;
}
.liftup-headlines > article.special > .moment-by-moment-feed > .feed > tbody > tr > td {
  padding-bottom: 10px;
}
.liftup-headlines > article.special > .moment-by-moment-feed > p {
  font-size: 0.8571428571428571em;
}
.liftup-headlines > article.special > .liftup-basic > h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.liftup-headlines > article.special > .liftup-basic h3 {
  font-size: 1em;
}
.liftup-headlines > article.special.negative {
  background-color: #2e2e2e;
  color: #fff;
}
.liftup-headlines > article.special.negative > header {
  background-color: #000;
}
.liftup-headlines > article.special.negative > header > h1 > a {
  color: #fff;
}
.liftup-headlines > article.special.negative > header > h1 > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.negative > header > .meta > a {
  color: #fff;
}
.liftup-headlines > article.special.negative > header > .meta > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.negative > hgroup {
  background-color: #555555;
}
.liftup-headlines > article.special.negative > hgroup > h2 > a {
  color: #fff;
}
.liftup-headlines > article.special.negative > hgroup > h2 > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.negative > .info {
  border-top: 10px solid #434343;
}
.liftup-headlines > article.special.negative > .moment-by-moment-feed {
  border-top: 10px solid #434343;
}
.liftup-headlines > article.special.negative > .moment-by-moment-feed > h1 {
  color: #fff;
}
.liftup-headlines > article.special.negative > .moment-by-moment-feed > ul {
  color: #b2b2b2;
}
.liftup-headlines > article.special.negative > .moment-by-moment-feed > ul > li > strong:first-child {
  color: #fff;
}
.liftup-headlines > article.special.negative > .liftup-more-articles {
  border-top: 10px solid #434343;
}
.liftup-headlines > article.special.negative > .liftup-more-articles > h1 {
  color: #fff;
}
.liftup-headlines > article.special.negative > .liftup-more-articles > article.normal {
  border-bottom: 1px solid #434343;
}
.liftup-headlines > article.special.negative > .liftup-more-articles > article:last-child {
  border-bottom: 0;
}
.liftup-headlines > article.special.negative > .liftup-more-articles > article > a > h1 {
  color: #fff;
}
.liftup-headlines > article.special.negative > .liftup-more-articles > article > a:hover > h1 {
  color: #777777;
}
.liftup-headlines > article.special.negative > .liftup-basic {
  border-top: 10px solid #434343;
  color: #b2b2b2;
}
.liftup-headlines > article.special.negative > .liftup-basic h1,
.liftup-headlines > article.special.negative > .liftup-basic h3 {
  color: #fff;
}
.liftup-headlines > article.special.negative > aside {
  border-top: 10px solid #434343;
}
.liftup-headlines > article.special.negative > aside > a > h1 {
  color: #fff;
}
.liftup-headlines > article.special.negative > aside > a:hover > h1 {
  color: #777777;
}
.liftup-headlines > article.special.semi {
  background-color: #EEEEEE;
}
.liftup-headlines > article.special.semi > header > .meta {
  font-size: 0.7857142857142857em;
}
.liftup-headlines > article.special.semi > header > .meta > a {
  color: #000;
}
.liftup-headlines > article.special.semi > header > .meta > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.semi > header > h1 > a {
  color: #000000;
}
.liftup-headlines > article.special.semi > header > h1 > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.semi > hgroup > h2 > a {
  color: #000000;
}
.liftup-headlines > article.special.semi > hgroup > h2 > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.semi > .liftup-more-articles {
  border-top: 10px solid #fff;
  padding-top: 20px;
}
.liftup-headlines > article.special.semi > .liftup-more-articles > article {
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.liftup-headlines > article.special.semi > .liftup-more-articles > article:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.liftup-headlines > article.special.positive {
  background-color: #eff6f9;
}
.liftup-headlines > article.special.positive > header {
  background-color: #fff;
  border: 1px solid #e1e1e1;
}
.liftup-headlines > article.special.positive > header > h1 > a {
  color: #000;
}
.liftup-headlines > article.special.positive > header > h1 > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.positive > header > .meta > a {
  color: #000;
}
.liftup-headlines > article.special.positive > header > .meta > a:hover {
  color: #777777;
}
.liftup-headlines > article.special.positive > hgroup {
  background-color: #00b9d7;
}
.liftup-headlines > article.special.positive > hgroup > h2 > a {
  color: #fff;
}
.liftup-headlines > article.special.positive > hgroup > h2 > a:hover {
  color: #000;
}
.liftup-headlines > article.special.positive > hgroup > .meta > time {
  color: #fff;
}
.liftup-headlines > article.special.positive > .info {
  border-top: 10px solid #fff;
}
.liftup-headlines > article.special.positive > .moment-by-moment-feed {
  border-top: 10px solid #fff;
}
.liftup-headlines > article.special.positive > .moment-by-moment-feed > ul > li > strong:first-child {
  color: #000;
}
.liftup-headlines > article.special.positive > .liftup-more-articles {
  border-top: 10px solid #fff;
}
.liftup-headlines > article.special.positive > .liftup-more-articles > article.normal {
  border-bottom: 1px solid #fff;
}
.liftup-headlines > article.special.positive > .liftup-more-articles > article:last-child {
  border-bottom: 0;
}
.liftup-headlines > article.special.positive > .liftup-more-articles > article > a > h1 {
  color: #000;
}
.liftup-headlines > article.special.positive > .liftup-more-articles > article > a:hover > h1 {
  color: #777777;
}
.liftup-headlines > article.special.positive > .liftup-basic {
  border-top: 10px solid #fff;
}
.liftup-headlines > article.special.positive > aside {
  border-top: 10px solid #fff;
}
.liftup-headlines > article.special.positive > aside > a > h1 {
  color: #000;
}
.liftup-headlines > article.special.positive > aside > a:hover > h1 {
  color: #777777;
}
.liftup-most-viewed > article {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.liftup-most-viewed > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.liftup-most-viewed > article:before,
.liftup-most-viewed > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.liftup-most-viewed > article:after {
  clear: both;
}
.liftup-most-viewed > article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.liftup-most-viewed > article > a > h1 {
  font-weight: bold;
  margin-bottom: 10px;
}
.liftup-most-viewed > article > a > figure {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
}
.liftup-most-viewed > article > a > figure img {
  display: block;
}
.liftup-most-viewed > article > a > p {
  color: #444444;
  font-size: 0.8571428571428571em;
}
.liftup-most-viewed > article > a > p > .meta {
  display: block;
  font-size: 11px;
  display: inline;
}
.liftup-most-viewed > article > a > p > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.liftup-most-viewed > article > a > p > .meta > a:hover {
  color: #777777;
}
.liftup-most-viewed > article > a > p > .meta > time {
  color: #555;
}
.liftup-most-viewed > article > a > p > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.liftup-most-viewed > article > a:hover > h1,
.liftup-most-viewed > article > a:hover > p {
  color: #777777;
}
/*Miksi ei ole liftup edessä*/
.more-on-this-topic > div {
  margin-bottom: 10px;
}
.more-on-this-topic > div > article {
  margin-bottom: 5px;
}
.more-on-this-topic > div > article > .meta {
  display: block;
  font-size: 11px;
  display: inline;
}
.more-on-this-topic > div > article > .meta > a {
  color: #000;
  font-weight: bold;
  margin-right: 5px;
}
.more-on-this-topic > div > article > .meta > a:hover {
  color: #777777;
}
.more-on-this-topic > div > article > .meta > time {
  color: #555;
}
.more-on-this-topic > div > article > .meta > .separator {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: top;
}
.more-on-this-topic > div > article > h1 {
  display: inline;
  margin-right: 0.5em;
}
.liftup-basic,
.free-text {
  /*tarkista*/
}
.liftup-basic p,
.free-text p,
.liftup-basic h3,
.free-text h3,
.liftup-basic ul,
.free-text ul,
.liftup-basic ol,
.free-text ol,
.liftup-basic table,
.free-text table {
  margin-bottom: 10px;
}
.liftup-basic h3,
.free-text h3 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.liftup-basic p,
.free-text p {
  font-size: 0.8571428571428571em;
}
.liftup-basic ul,
.free-text ul {
  font-size: 0.8571428571428571em;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
.liftup-basic ul li,
.free-text ul li {
  margin-bottom: 0;
}
.liftup-basic ol,
.free-text ol {
  font-size: 0.8571428571428571em;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}
.liftup-basic ol li,
.free-text ol li {
  margin-bottom: 0;
}
.liftup-basic table,
.free-text table {
  display: block;
  text-align: left;
  position: relative;
  overflow-x: auto;
  font-size: 0.8571428571428571em;
}
.liftup-basic table tbody,
.free-text table tbody {
  border-right: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.liftup-basic table td,
.free-text table td {
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.liftup-basic table th,
.free-text table th {
  font-weight: bold;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.liftup-basic figure,
.free-text figure {
  margin-bottom: 20px;
}
.liftup-basic figure img,
.free-text figure img {
  display: block;
  width: 100%;
}
.liftup-basic figure > figcaption,
.free-text figure > figcaption {
  zoom: 1;
  background: #f1f1f1;
  margin-top: 10px;
  padding: 10px;
}
.liftup-basic figure > figcaption:after,
.free-text figure > figcaption:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.liftup-basic figure > figcaption:before,
.free-text figure > figcaption:before,
.liftup-basic figure > figcaption:after,
.free-text figure > figcaption:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.liftup-basic figure > figcaption:after,
.free-text figure > figcaption:after {
  clear: both;
}
.liftup-basic figure > figcaption > .caption,
.free-text figure > figcaption > .caption {
  color: #000;
  font-size: 0.8571428571428571em;
  margin-right: 10px;
}
.liftup-basic figure > figcaption > .source,
.free-text figure > figcaption > .source {
  color: #444444;
  font-size: 0.7857142857142857em;
}
.liftup-basic > .wrap,
.free-text > .wrap {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.liftup-basic.blue-highlight figure,
.free-text.blue-highlight figure {
  margin-bottom: 0;
}
.liftup-basic.blue-highlight > .wrap,
.free-text.blue-highlight > .wrap {
  background-color: #eff6f9;
}
.liftup-basic.gray-highlight figure,
.free-text.gray-highlight figure {
  margin-bottom: 0;
}
.liftup-basic.gray-highlight > .wrap,
.free-text.gray-highlight > .wrap {
  background-color: #f1f1f1;
}
.liftup-basic.shoutbox h3,
.free-text.shoutbox h3 {
  font-size: 1em;
}
.liftup-basic.shoutbox #shoutbox-error-dialog,
.free-text.shoutbox #shoutbox-error-dialog {
  margin-top: 10px;
  color: #cf2700;
}
.liftup-basic.shoutbox textarea,
.free-text.shoutbox textarea {
  width: 95%;
  min-height: 100px;
  padding: 5px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  clear: both;
  resize: vertical;
}
.liftup-basic.shoutbox .charleft,
.free-text.shoutbox .charleft {
  float: right;
  color: #000;
  font-size: 0.7857142857142857em;
}
.liftup-basic.shoutbox .charleft.textarea-counter-warning,
.free-text.shoutbox .charleft.textarea-counter-warning {
  color: #cf2700;
}
.liftup-basic.shoutbox .button,
.free-text.shoutbox .button {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  border: 0;
}
.liftup-basic.shoutbox .button:hover,
.free-text.shoutbox .button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .liftup-basic.shoutbox .button,
.yle-klassinen .free-text.shoutbox .button {
  background: #008c96;
}
.yle-puhe .liftup-basic.shoutbox .button,
.yle-puhe .free-text.shoutbox .button {
  background: #fbca0b;
}
.yle-radio-1 .liftup-basic.shoutbox .button,
.yle-radio-1 .free-text.shoutbox .button {
  background: #dd0069;
}
.yle-sami-radio .liftup-basic.shoutbox .button,
.yle-sami-radio .free-text.shoutbox .button {
  background: #0063b8;
}
.yle-klassinen .liftup-basic.shoutbox .button,
.yle-klassinen .free-text.shoutbox .button {
  color: #ffffff;
}
.yle-puhe .liftup-basic.shoutbox .button,
.yle-puhe .free-text.shoutbox .button {
  color: #000000;
}
.yle-radio-1 .liftup-basic.shoutbox .button,
.yle-radio-1 .free-text.shoutbox .button {
  color: #ffffff;
}
.yle-sami-radio .liftup-basic.shoutbox .button,
.yle-sami-radio .free-text.shoutbox .button {
  color: #ffffff;
}
.yle-puhe .liftup-basic.shoutbox .button,
.yle-puhe .free-text.shoutbox .button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .liftup-basic.shoutbox .button,
.yle-radio-1 .free-text.shoutbox .button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .liftup-basic.shoutbox .button,
.yle-klassinen .free-text.shoutbox .button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.liftup-video-feed > h2 {
  font-weight: bold;
  margin-bottom: 10px;
}
.liftup-video-feed > figure {
  margin-bottom: 10px;
}
.liftup-video-feed > figure img {
  display: block;
}
.liftup-video-feed > figure > .media {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.liftup-video-feed > figure > .media iframe,
.liftup-video-feed > figure > .media embed,
.liftup-video-feed > figure > .media object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.liftup-video-feed > figure > .media.yle_areena_player {
  background-color: #000;
  padding-bottom: 0;
  height: auto;
}
.liftup-video-feed > figure > figcaption {
  zoom: 1;
  background: #F1F1F1;
  margin-top: 10px;
  padding: 10px;
}
.liftup-video-feed > figure > figcaption:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.liftup-video-feed > figure > figcaption:before,
.liftup-video-feed > figure > figcaption:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.liftup-video-feed > figure > figcaption:after {
  clear: both;
}
.liftup-video-feed > figure > figcaption > .caption {
  color: #000;
  font-size: 0.8571428571428571em;
  margin-right: 10px;
}
.liftup-video-feed > figure > figcaption > .source {
  color: #444444;
  font-size: 0.7857142857142857em;
}
.infopage .content > header > hgroup > h1 {
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.infopage .content > header > hgroup > h2 {
  font-size: 1.1428571428571428em;
  font-weight: normal;
  margin-bottom: 20px;
  max-width: 580px;
}
.infopage .content > .text {
  max-width: 580px;
}
.infopage .content > .text p,
.infopage .content > .text h3,
.infopage .content > .text ul,
.infopage .content > .text ol,
.infopage .content > .text table {
  margin-bottom: 20px;
}
.infopage .content > .text h3 {
  font-size: 1.2857142857142858em;
  font-weight: bold;
}
.infopage .content > .text p {
  font-size: 1em;
}
.infopage .content > .text ul {
  font-size: 1em;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
.infopage .content > .text ul li {
  margin-bottom: 0;
}
.infopage .content > .text ol {
  font-size: 1em;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}
.infopage .content > .text ol li {
  margin-bottom: 0;
}
.infopage .content > .text table {
  display: block;
  text-align: left;
  position: relative;
  overflow-x: auto;
  font-size: 1em;
}
.infopage .content > .text table tbody {
  border-right: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.infopage .content > .text table td {
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.infopage .content > .text table th {
  font-weight: bold;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.infopage .content > .text figure.full {
  margin-bottom: 20px;
  max-width: 580px;
}
.infopage .content > .text figure.full img {
  display: block;
}
.infopage .content > .text figure.full > figcaption {
  zoom: 1;
  background: #F1F1F1;
  margin-top: 10px;
  padding: 10px;
}
.infopage .content > .text figure.full > figcaption:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.infopage .content > .text figure.full > figcaption:before,
.infopage .content > .text figure.full > figcaption:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.infopage .content > .text figure.full > figcaption:after {
  clear: both;
}
.infopage .content > .text figure.full > figcaption > .caption {
  color: #000;
  font-size: 0.8571428571428571em;
  margin-right: 10px;
}
.infopage .content > .text figure.full > figcaption > .source {
  color: #444444;
  font-size: 0.7857142857142857em;
}
.infopage .content > .text p.info {
  font-size: 0.8571428571428571em;
  margin-bottom: 10px;
}
.infopage .content > .text form {
  margin-bottom: 30px;
  color: #000;
  width: 100%;
}
.infopage .content > .text form label,
.infopage .content > .text form input,
.infopage .content > .text form textarea {
  font: inherit;
  font-size: 0.8571428571428571em;
  max-width: 320px;
}
.infopage .content > .text form label {
  display: block;
  margin-bottom: 5px;
}
.infopage .content > .text form label.captcha {
  font-size: 1em;
}
.infopage .content > .text form input,
.infopage .content > .text form textarea {
  display: block;
  width: 94%;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 5px;
}
.infopage .content > .text form input.validation-error,
.infopage .content > .text form textarea.validation-error {
  border: 1px solid #cf2700;
}
.infopage .content > .text form textarea {
  min-height: 100px;
  max-width: 94%;
}
.infopage .content > .text form button {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  border: 0;
}
.infopage .content > .text form button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .infopage .content > .text form button {
  background: #008c96;
}
.yle-puhe .infopage .content > .text form button {
  background: #fbca0b;
}
.yle-radio-1 .infopage .content > .text form button {
  background: #dd0069;
}
.yle-sami-radio .infopage .content > .text form button {
  background: #0063b8;
}
.yle-klassinen .infopage .content > .text form button {
  color: #ffffff;
}
.yle-puhe .infopage .content > .text form button {
  color: #000000;
}
.yle-radio-1 .infopage .content > .text form button {
  color: #ffffff;
}
.yle-sami-radio .infopage .content > .text form button {
  color: #ffffff;
}
.yle-puhe .infopage .content > .text form button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .infopage .content > .text form button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .infopage .content > .text form button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
@media screen and (min-width: 767px) {
  .infopage .content > header > hgroup > h1 {
    font-size: 1.1428571428571428em;
  }
}
.recentspage #container > .recents {
  position: relative;
  width: 100%;
}
.recentspage #container .mini-frontpage {
  display: none;
}
.recentspage #container .mini-frontpage > div {
  display: none;
}
.recentspage .recents {
  border-top: 10px solid #333333;
  float: left;
  width: 100%;
}
.recentspage .recents > header {
  zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.recentspage .recents > header:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.recentspage .recents > header:before,
.recentspage .recents > header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.recentspage .recents > header:after {
  clear: both;
}
.recentspage .recents > header > h1 {
  display: none;
}
.recentspage .recents > header > .categories {
  padding: 0 20px;
}
.recentspage .recents > header > .categories > li {
  float: left;
  margin-right: 5px;
  padding: 15px 0;
}
.recentspage .recents > header > .categories > li > a {
  background-color: #4d5b60;
  color: #fff;
  display: block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  line-height: 1;
  padding: 10px 10px;
  position: relative;
}
.recentspage .recents > header > .categories > li > .current {
  background-color: #75ac00;
}
.recentspage .recents > header > .categories > li > .current:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #75ac00;
  content: '';
  display: block;
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  bottom: -7px;
  width: 0;
}
.recentspage .recents > header > .layout {
  padding: 0 20px;
  border-top: 1px solid #e1e1e1;
  clear: both;
}
.recentspage .recents > header > .layout > .input-wrap {
  float: left;
  padding: 20px 0;
}
.recentspage .recents > header > .layout > .input-wrap > input {
  margin-left: 0;
  margin-right: 5px;
}
.recentspage .recents > .content {
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  padding-bottom: 20px;
  padding-top: 20px;
}
.recentspage .recents > .content > .load-more {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0;
}
.recentspage .recents > .content > h2 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 70px;
  padding-right: 20px;
}
.recentspage .recents > .content > article {
  zoom: 1;
  padding-bottom: 10px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.recentspage .recents > .content > article:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.recentspage .recents > .content > article:before,
.recentspage .recents > .content > article:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.recentspage .recents > .content > article:after {
  clear: both;
}
.recentspage .recents > .content > article > time {
  color: #999;
  float: left;
  margin-bottom: 5px;
  font-size: 0.8571428571428571em;
  width: 50px;
}
.recentspage .recents > .content > article > .meta {
  display: none;
  float: right;
  text-align: right;
}
.recentspage .recents > .content > article > .meta a {
  font-size: 0.8571428571428571em;
}
.recentspage .recents > .content > article > a {
  display: block;
  margin-left: 50px;
}
.recentspage .recents > .content > article > a > p {
  display: none;
  color: #444444;
  font-size: 0.8571428571428571em;
}
.recentspage .recents > .content > article > a > figure {
  display: none;
  margin-right: 20px;
  margin-bottom: 10px;
}
.recentspage .recents > .content > article > a:hover > h1,
.recentspage .recents > .content > article > a:hover > p {
  color: #777777;
}
.recentspage .recents > .content > article.closed > .preview,
.recentspage .recents > .content > article.closed .preview-tools {
  display: none;
}
.recentspage .recents > .content > article.closed.visited > a > h1,
.recentspage .recents > .content > article.closed.visited > a > p {
  color: #999;
}
.recentspage .recents > .content > article.opened {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.recentspage .recents > .content > article.opened > a > h1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 10px;
}
.recentspage .recents > .content > article.opened > a > p {
  color: #000;
  display: block;
  font-size: 1.1428571428571428em;
  margin-bottom: 20px;
}
.recentspage .recents > .content > article.opened > a > figure {
  display: block;
}
.recentspage .recents > .content > article.opened > .preview {
  display: block;
}
.recentspage .recents > .content > article > .preview {
  clear: both;
  padding-left: 50px;
  padding-right: 20px;
}
.recentspage .recents > .content > article > .preview p,
.recentspage .recents > .content > article > .preview h3,
.recentspage .recents > .content > article > .preview ul,
.recentspage .recents > .content > article > .preview ol,
.recentspage .recents > .content > article > .preview table {
  margin-bottom: 20px;
}
.recentspage .recents > .content > article > .preview h3 {
  font-size: 1.2857142857142858em;
  font-weight: bold;
}
.recentspage .recents > .content > article > .preview p {
  font-size: 1em;
}
.recentspage .recents > .content > article > .preview ul {
  font-size: 1em;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
.recentspage .recents > .content > article > .preview ul li {
  margin-bottom: 0;
}
.recentspage .recents > .content > article > .preview ol {
  font-size: 1em;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}
.recentspage .recents > .content > article > .preview ol li {
  margin-bottom: 0;
}
.recentspage .recents > .content > article > .preview table {
  display: block;
  text-align: left;
  position: relative;
  overflow-x: auto;
  font-size: 1em;
}
.recentspage .recents > .content > article > .preview table tbody {
  border-right: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.recentspage .recents > .content > article > .preview table td {
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.recentspage .recents > .content > article > .preview table th {
  font-weight: bold;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 10px;
}
.recentspage .recents > .content > article > .preview-tools {
  clear: both;
  padding-left: 50px;
  padding-right: 20px;
}
.recentspage .recents > .content > article > .preview-tools > li {
  float: left;
  margin-right: 10px;
}
.recentspage .recents > .content > article > .preview-tools > li > a {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
}
.recentspage .recents > .content > article > .preview-tools > li > a:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .recentspage .recents > .content > article > .preview-tools > li > a {
  background: #008c96;
}
.yle-puhe .recentspage .recents > .content > article > .preview-tools > li > a {
  background: #fbca0b;
}
.yle-radio-1 .recentspage .recents > .content > article > .preview-tools > li > a {
  background: #dd0069;
}
.yle-sami-radio .recentspage .recents > .content > article > .preview-tools > li > a {
  background: #0063b8;
}
.yle-klassinen .recentspage .recents > .content > article > .preview-tools > li > a {
  color: #ffffff;
}
.yle-puhe .recentspage .recents > .content > article > .preview-tools > li > a {
  color: #000000;
}
.yle-radio-1 .recentspage .recents > .content > article > .preview-tools > li > a {
  color: #ffffff;
}
.yle-sami-radio .recentspage .recents > .content > article > .preview-tools > li > a {
  color: #ffffff;
}
.yle-puhe .recentspage .recents > .content > article > .preview-tools > li > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .recentspage .recents > .content > article > .preview-tools > li > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .recentspage .recents > .content > article > .preview-tools > li > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.recentspage .recents > .content.big > h2 {
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
}
.recentspage .recents > .content.big > article {
  border-bottom: 0;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 0;
  padding-top: 10px;
}
.recentspage .recents > .content.big > article > time {
  float: none;
}
.recentspage .recents > .content.big > article > a {
  margin-left: 0;
}
.recentspage .recents > .content.big > article > .preview {
  padding-left: 0;
}
.recentspage .recents > .content.big > article.closed:first-child {
  border-top: 0;
}
.recentspage .recents > .content.big > article.closed > a > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
  margin-bottom: 10px;
}
.recentspage .recents > .content.big > article.opened {
  padding-top: 20px;
}
.recentspage .recents > .content.big > article > a > p {
  display: block;
}
.recentspage .recents > .content.big > article > a > figure {
  display: block;
}
.recentspage .recents > .content.big > article > a > figure img {
  display: block;
}
@media screen and (min-width: 480px) {
  .recentspage .recents > .content.big > article > time {
    float: left;
  }
  .recentspage .recents > .content.big > article > a {
    margin-left: 50px;
  }
  .recentspage .recents > .content.big > article > .preview {
    padding-left: 50px;
  }
  .recentspage .recents > .content > article > a > figure {
    float: left;
    max-width: 120px;
  }
  .recentspage .recents > .content > article.opened > a > figure {
    float: none;
    max-width: 205px;
  }
}
@media screen and (min-width: 767px) {
  .recentspage .recents > header > .categories {
    float: left;
  }
  .recentspage .recents > header > .layout {
    border-top: 0;
    clear: none;
    float: right;
  }
  .recentspage .recents > .content.big > article > a {
    margin-left: 0;
  }
  .recentspage .recents > .content > article > a {
    float: left;
    margin-left: 0;
    width: 70%;
  }
  .recentspage .recents > .content > article > .preview {
    width: 70%;
  }
  .recentspage .recents > .content > article > .meta {
    display: block;
    width: 20%;
  }
  .recentspage .recents > .content > article.opened > a > figure {
    float: left;
  }
}
@media screen and (min-width: 1260px) {
  .recentspage #container > .recents {
    clear: left;
    float: left;
    width: 76.9%;
  }
  .recentspage #container > .mini-frontpage {
    background: url(../bg/border.png) repeat-y;
    display: block;
    float: right;
    padding-left: 2.05%;
    width: 19%;
  }
}
.livescore {
  background-color: #f1f1f1;
  margin-bottom: 20px;
}
.livescore > .wrap {
  padding: 20px;
}
.livescore > .wrap h1 {
  margin-bottom: 20px;
}
.livescore > .wrap p {
  font-size: 0.8571428571428571em;
  margin-bottom: 10px;
}
@media screen and (min-width: 980px) {
  .livescore {
    display: none;
  }
}
@media screen and (min-width: 390px) {
  div#toplista .slideshow .paginator {
    display: block;
  }
  div#toplista .slideshow .contentlist .content h1 .ordernumber {
    display: none;
  }
  div#toplista .slideshow .controls .buttons {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 1;
  }
}
#toplista {
  margin: 20px 0px;
}
#toplista .slideshow .paginator {
  display: none;
}
#toplista figure {
  position: relative;
}
#toplista figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: black !important;
  color: white;
  border: none !important;
  font-size: 11px;
  padding: 4px 10px !important;
}
#toplista .sectionlist h1 {
  font-size: 26px;
  line-height: 46px;
  margin-bottom: 20px;
  font-weight: bold;
}
#toplista .sectionlist h1 .ordernumber {
  background-color: black;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  color: white;
  float: left;
  width: 40px;
  height: 40px;
}
#toplista .sectionlist section {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
#toplista .sectionlist section .content p {
  margin-bottom: 20px !important;
}
#toplista .modeselect {
  margin-bottom: 10px;
}
#toplista .modeselect div {
  line-height: 28px;
  color: #606d73;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
#toplista .modeselect div > .line {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#toplista .modeselect div > .line > span {
  display: block;
}
#toplista .modeselect div.lista > .line {
  border-bottom: 8px solid #566367;
  border-top: 8px solid #566367;
  padding: 3px 0;
  width: 30px;
}
#toplista .modeselect div.lista > .line > span {
  background: #566367;
  height: 8px;
  width: 30px;
}
#toplista .modeselect div.lista:hover {
  color: #1e3137;
}
#toplista .modeselect div.lista:hover > .line {
  border-color: #1E3137;
}
#toplista .modeselect div.lista:hover > .line > span {
  background: #1E3137;
}
#toplista .modeselect div.galleria > .line {
  border-left: 8px solid #566367;
  border-right: 8px solid #566367;
  padding: 0 3px;
  height: 30px;
}
#toplista .modeselect div.galleria > .line > span {
  background: #566367;
  width: 8px;
  height: 30px;
}
#toplista .modeselect div.galleria:hover {
  color: #1e3137;
}
#toplista .modeselect div.galleria:hover > .line {
  border-color: #1E3137;
}
#toplista .modeselect div.galleria:hover > .line > span {
  background: #1E3137;
}
#toplista .slideshow {
  display: none;
  background: url(../bg/pattern.png);
  color: white;
  margin-bottom: 20px;
}
#toplista .slideshow .imagelist {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#toplista .slideshow .imagelist figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
#toplista .slideshow.initDone .imagelist figure {
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#toplista .slideshow .controls {
  position: relative;
  display: block;
  padding: 10px 20px;
  font-size: 45px;
  z-index: 0;
}
#toplista .slideshow .controls .totalIndex {
  color: #8d8d8d;
}
#toplista .slideshow .controls .next,
#toplista .slideshow .controls .prev {
  background-color: #75ac00;
  color: white;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px 10px;
  text-align: center;
  font-size: 12px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#toplista .slideshow .controls .next:hover,
#toplista .slideshow .controls .prev:hover {
  background-color: #6ea100;
}
#toplista .slideshow .viiva {
  margin: 0px 20px;
  clear: both;
  border-top: 1px solid #0F1010;
  border-bottom: 1px solid #4A4D4F;
}
#toplista .slideshow .contentlist {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#toplista .slideshow .contentlist .content {
  position: absolute;
  top: 0px;
  padding: 10px 20px;
  font-size: 14px;
  color: #ccc;
}
#toplista .slideshow .contentlist .content h1 {
  font-size: 26px;
  color: white;
  margin-bottom: 10px;
  font-weight: bold;
}
#toplista .slideshow .contentlist .content h1 .ordernumber {
  display: block;
  float: left;
  margin-right: 10px;
}
#toplista .slideshow.initDone .contentlist .content {
  transition: opacity 0.5s;
}
.media {
  display: block;
  position: relative;
}
.media figcaption {
  background: url(../bg/transparent.png) repeat;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: #fff;
  font-size: 0.7857142857142857em;
  left: 0;
  position: absolute;
  z-index: 3;
  width: 100%;
}
.media figcaption > span {
  background-image: url(../bg/basic-sprites.png);
  background-position: -310px -552px;
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  padding-left: 28px;
  padding-right: 10px;
  padding-top: 8px;
}
.media.yle_areena_player {
  cursor: pointer;
}
.media iframe,
.media embed,
.media object {
  display: block;
  width: 100%;
}
.media .play {
  background: url(../bg/play_icon_areena-embed.png) no-repeat scroll center center;
  background-size: 100% auto;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.no-touch .media:hover .play {
  display: block;
}
.ie7 .media .play,
.ie8 .media .play {
  display: none !important;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure {
  line-height: 0;
}
.mfp-bottom-bar {
  /*margin-top: -36px;*/
  margin-top: -31px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-title .mfp-source {
  font-size: 0.8571428571428571em;
  color: #ccc;
}
.mfp-title .mfp-caption {
  margin-right: 10px;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.splash > ul > li {
  width: 100%;
  margin-bottom: 5px;
}
.splash > ul > li > a {
  background-color: #434343;
  color: #fff;
  display: block;
  padding: 10px 10px 10px 55px;
  overflow: hidden;
  position: relative;
}
.splash > ul > li > a:hover {
  color: #777777;
}
.splash > ul > li > a:hover > .icon {
  color: #fff;
}
.splash > ul > li > a > .icon {
  background-color: #75ac00;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
}
.splash > ul > li.send-media .icon > span {
  background: #75ac00;
  display: block;
  height: 2px;
  width: 6px;
  border-top: 6px solid #fff;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: 10px;
  left: 18px;
}
.urheilu .promonav > ul > li.promonav-more > a {
  background-color: #114777;
}
.urheilu .promonav > ul > li.promonav-more > a:hover {
  background-color: #0c3c66;
}
.urheilu #container > .content .comments a.button {
  background-color: #114777;
}
.urheilu #container > .content .comments a.button:hover {
  background-color: #0c3c66;
}
.urheilu #container > .content .comments.teaser footer a.button {
  background-color: #114777;
}
.urheilu #container > .content .comments.teaser footer a.button:hover {
  background-color: #0c3c66;
}
.urheilu.article #container > .content > .text .about > .accordion-button,
.urheilu.article #container > .content > .text .fact > .accordion-button {
  background-color: #114777;
}
.urheilu.article #container > .content > .text .about > .accordion-button:hover,
.urheilu.article #container > .content > .text .fact > .accordion-button:hover {
  background-color: #0c3c66;
}
.urheilu.article #container > .content > .most-popular-on-this-topic > article > .most-popular-count {
  background-color: #114777;
}
.urheilu #container > .content .comments #comment-form-wrapper #comment-form footer button.comment-form-submit {
  background-color: #114777;
}
.urheilu #container > .content .comments #comment-form-wrapper #comment-form footer button.comment-form-submit:hover {
  background-color: #0c3c66;
}
.urheilu .onair ul > li.current > .status {
  background-color: #114777;
}
.urheilu .onair > .onair-wrap > .onair-cycle > li > .extra > .onair-progressbar > span {
  background-color: #114777;
}
@media screen and (min-width: 767px) {
  .urheilu #header > .wrap > nav > ul > li.current > a:first-child {
    background-color: #114777;
  }
  .urheilu #header > .wrap > nav > ul > li.current > .subnav-button > span {
    background-color: #185E9C;
  }
  .urheilu #header > .wrap > nav > ul > li.current > .subnav-button:hover > span {
    background-color: #166FBE;
  }
  .urheilu #header > .wrap > nav > ul > li.current.subnav-open > a:first-child:after {
    border-top: 7px solid #114777;
  }
}
@media print {
  .breadcrumb,
  .some {
    display: none;
  }
  #ylefiheader,
  #ylefifooter,
  #header,
  #footer {
    display: none !important;
  }
  #container .related,
  #container .mini-frontpage,
  #container .permanent {
    display: none;
  }
  .article .content > .text > .carousel {
    display: none;
  }
  .article .content > .text .about,
  .article .content > .text .fact {
    padding: 0;
  }
  .article .content > .text .about > .accordion-button,
  .article .content > .text .fact > .accordion-button {
    display: none;
  }
  .article .content > .text .about > .wrap,
  .article .content > .text .fact > .wrap {
    display: block !important;
  }
  .article .content > footer > .more-on-this-topic {
    display: none;
  }
  .article .content > .most-popular-on-this-topic {
    display: none;
  }
  .article .content > .recents-on-this-topic {
    display: none;
  }
  .article .content > .comments {
    display: none;
  }
}
/*
// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  480px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  767px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  980px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  1260px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
//@screen-xs-max:              (@screen-sm-min - 1);
//@screen-sm-max:              (@screen-md-min - 1);
//@screen-md-max:              (@screen-lg-min - 1);

@screen-xs-max:              @screen-xs;
@screen-sm-max:              @screen-sm;
@screen-md-max:              @screen-md;


// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              18;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         40px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-sm-min;
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222222;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.4;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 19px;
  margin-bottom: 19px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
p {
  margin: 0 0 9.5px;
}
.lead {
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 787px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #428bca;
}
.text-primary:hover {
  color: #3071a9;
}
.text-warning {
  color: #c09853;
}
.text-warning:hover {
  color: #a47e3c;
}
.text-danger {
  color: #b94a48;
}
.text-danger:hover {
  color: #953b39;
}
.text-success {
  color: #468847;
}
.text-success:hover {
  color: #356635;
}
.text-info {
  color: #3a87ad;
}
.text-info:hover {
  color: #2d6987;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
h2,
h3 {
  margin-top: 19px;
  margin-bottom: 9.5px;
}
h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}
h4,
h5,
h6 {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
.page-header {
  padding-bottom: 8.5px;
  margin: 38px 0 19px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 19px;
}
dt,
dd {
  line-height: 1.4;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 787px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
    zoom: 1;
  }
  .dl-horizontal dd:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9.5px 19px;
  margin: 0 0 19px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.4;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 19px;
  font-style: normal;
  line-height: 1.4;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  zoom: 1;
}
.container:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
  zoom: 1;
}
.row:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17 {
  float: left;
}
.col-xs-18 {
  width: 100%;
}
.col-xs-17 {
  width: 94.44444444444444%;
}
.col-xs-16 {
  width: 88.88888888888889%;
}
.col-xs-15 {
  width: 83.33333333333334%;
}
.col-xs-14 {
  width: 77.77777777777779%;
}
.col-xs-13 {
  width: 72.22222222222221%;
}
.col-xs-12 {
  width: 66.66666666666666%;
}
.col-xs-11 {
  width: 61.111111111111114%;
}
.col-xs-10 {
  width: 55.55555555555556%;
}
.col-xs-9 {
  width: 50%;
}
.col-xs-8 {
  width: 44.44444444444444%;
}
.col-xs-7 {
  width: 38.88888888888889%;
}
.col-xs-6 {
  width: 33.33333333333333%;
}
.col-xs-5 {
  width: 27.77777777777778%;
}
.col-xs-4 {
  width: 22.22222222222222%;
}
.col-xs-3 {
  width: 16.666666666666664%;
}
.col-xs-2 {
  width: 11.11111111111111%;
}
.col-xs-1 {
  width: 5.555555555555555%;
}
.col-xs-pull-18 {
  right: 100%;
}
.col-xs-pull-17 {
  right: 94.44444444444444%;
}
.col-xs-pull-16 {
  right: 88.88888888888889%;
}
.col-xs-pull-15 {
  right: 83.33333333333334%;
}
.col-xs-pull-14 {
  right: 77.77777777777779%;
}
.col-xs-pull-13 {
  right: 72.22222222222221%;
}
.col-xs-pull-12 {
  right: 66.66666666666666%;
}
.col-xs-pull-11 {
  right: 61.111111111111114%;
}
.col-xs-pull-10 {
  right: 55.55555555555556%;
}
.col-xs-pull-9 {
  right: 50%;
}
.col-xs-pull-8 {
  right: 44.44444444444444%;
}
.col-xs-pull-7 {
  right: 38.88888888888889%;
}
.col-xs-pull-6 {
  right: 33.33333333333333%;
}
.col-xs-pull-5 {
  right: 27.77777777777778%;
}
.col-xs-pull-4 {
  right: 22.22222222222222%;
}
.col-xs-pull-3 {
  right: 16.666666666666664%;
}
.col-xs-pull-2 {
  right: 11.11111111111111%;
}
.col-xs-pull-1 {
  right: 5.555555555555555%;
}
.col-xs-push-18 {
  left: 100%;
}
.col-xs-push-17 {
  left: 94.44444444444444%;
}
.col-xs-push-16 {
  left: 88.88888888888889%;
}
.col-xs-push-15 {
  left: 83.33333333333334%;
}
.col-xs-push-14 {
  left: 77.77777777777779%;
}
.col-xs-push-13 {
  left: 72.22222222222221%;
}
.col-xs-push-12 {
  left: 66.66666666666666%;
}
.col-xs-push-11 {
  left: 61.111111111111114%;
}
.col-xs-push-10 {
  left: 55.55555555555556%;
}
.col-xs-push-9 {
  left: 50%;
}
.col-xs-push-8 {
  left: 44.44444444444444%;
}
.col-xs-push-7 {
  left: 38.88888888888889%;
}
.col-xs-push-6 {
  left: 33.33333333333333%;
}
.col-xs-push-5 {
  left: 27.77777777777778%;
}
.col-xs-push-4 {
  left: 22.22222222222222%;
}
.col-xs-push-3 {
  left: 16.666666666666664%;
}
.col-xs-push-2 {
  left: 11.11111111111111%;
}
.col-xs-push-1 {
  left: 5.555555555555555%;
}
.col-xs-offset-18 {
  margin-left: 100%;
}
.col-xs-offset-17 {
  margin-left: 94.44444444444444%;
}
.col-xs-offset-16 {
  margin-left: 88.88888888888889%;
}
.col-xs-offset-15 {
  margin-left: 83.33333333333334%;
}
.col-xs-offset-14 {
  margin-left: 77.77777777777779%;
}
.col-xs-offset-13 {
  margin-left: 72.22222222222221%;
}
.col-xs-offset-12 {
  margin-left: 66.66666666666666%;
}
.col-xs-offset-11 {
  margin-left: 61.111111111111114%;
}
.col-xs-offset-10 {
  margin-left: 55.55555555555556%;
}
.col-xs-offset-9 {
  margin-left: 50%;
}
.col-xs-offset-8 {
  margin-left: 44.44444444444444%;
}
.col-xs-offset-7 {
  margin-left: 38.88888888888889%;
}
.col-xs-offset-6 {
  margin-left: 33.33333333333333%;
}
.col-xs-offset-5 {
  margin-left: 27.77777777777778%;
}
.col-xs-offset-4 {
  margin-left: 22.22222222222222%;
}
.col-xs-offset-3 {
  margin-left: 16.666666666666664%;
}
.col-xs-offset-2 {
  margin-left: 11.11111111111111%;
}
.col-xs-offset-1 {
  margin-left: 5.555555555555555%;
}
@media (min-width: 787px) {
  .container {
    width: 760px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17 {
    float: left;
  }
  .col-sm-18 {
    width: 100%;
  }
  .col-sm-17 {
    width: 94.44444444444444%;
  }
  .col-sm-16 {
    width: 88.88888888888889%;
  }
  .col-sm-15 {
    width: 83.33333333333334%;
  }
  .col-sm-14 {
    width: 77.77777777777779%;
  }
  .col-sm-13 {
    width: 72.22222222222221%;
  }
  .col-sm-12 {
    width: 66.66666666666666%;
  }
  .col-sm-11 {
    width: 61.111111111111114%;
  }
  .col-sm-10 {
    width: 55.55555555555556%;
  }
  .col-sm-9 {
    width: 50%;
  }
  .col-sm-8 {
    width: 44.44444444444444%;
  }
  .col-sm-7 {
    width: 38.88888888888889%;
  }
  .col-sm-6 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 27.77777777777778%;
  }
  .col-sm-4 {
    width: 22.22222222222222%;
  }
  .col-sm-3 {
    width: 16.666666666666664%;
  }
  .col-sm-2 {
    width: 11.11111111111111%;
  }
  .col-sm-1 {
    width: 5.555555555555555%;
  }
  .col-sm-pull-18 {
    right: 100%;
  }
  .col-sm-pull-17 {
    right: 94.44444444444444%;
  }
  .col-sm-pull-16 {
    right: 88.88888888888889%;
  }
  .col-sm-pull-15 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-14 {
    right: 77.77777777777779%;
  }
  .col-sm-pull-13 {
    right: 72.22222222222221%;
  }
  .col-sm-pull-12 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-11 {
    right: 61.111111111111114%;
  }
  .col-sm-pull-10 {
    right: 55.55555555555556%;
  }
  .col-sm-pull-9 {
    right: 50%;
  }
  .col-sm-pull-8 {
    right: 44.44444444444444%;
  }
  .col-sm-pull-7 {
    right: 38.88888888888889%;
  }
  .col-sm-pull-6 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-5 {
    right: 27.77777777777778%;
  }
  .col-sm-pull-4 {
    right: 22.22222222222222%;
  }
  .col-sm-pull-3 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-2 {
    right: 11.11111111111111%;
  }
  .col-sm-pull-1 {
    right: 5.555555555555555%;
  }
  .col-sm-push-18 {
    left: 100%;
  }
  .col-sm-push-17 {
    left: 94.44444444444444%;
  }
  .col-sm-push-16 {
    left: 88.88888888888889%;
  }
  .col-sm-push-15 {
    left: 83.33333333333334%;
  }
  .col-sm-push-14 {
    left: 77.77777777777779%;
  }
  .col-sm-push-13 {
    left: 72.22222222222221%;
  }
  .col-sm-push-12 {
    left: 66.66666666666666%;
  }
  .col-sm-push-11 {
    left: 61.111111111111114%;
  }
  .col-sm-push-10 {
    left: 55.55555555555556%;
  }
  .col-sm-push-9 {
    left: 50%;
  }
  .col-sm-push-8 {
    left: 44.44444444444444%;
  }
  .col-sm-push-7 {
    left: 38.88888888888889%;
  }
  .col-sm-push-6 {
    left: 33.33333333333333%;
  }
  .col-sm-push-5 {
    left: 27.77777777777778%;
  }
  .col-sm-push-4 {
    left: 22.22222222222222%;
  }
  .col-sm-push-3 {
    left: 16.666666666666664%;
  }
  .col-sm-push-2 {
    left: 11.11111111111111%;
  }
  .col-sm-push-1 {
    left: 5.555555555555555%;
  }
  .col-sm-offset-18 {
    margin-left: 100%;
  }
  .col-sm-offset-17 {
    margin-left: 94.44444444444444%;
  }
  .col-sm-offset-16 {
    margin-left: 88.88888888888889%;
  }
  .col-sm-offset-15 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-14 {
    margin-left: 77.77777777777779%;
  }
  .col-sm-offset-13 {
    margin-left: 72.22222222222221%;
  }
  .col-sm-offset-12 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-11 {
    margin-left: 61.111111111111114%;
  }
  .col-sm-offset-10 {
    margin-left: 55.55555555555556%;
  }
  .col-sm-offset-9 {
    margin-left: 50%;
  }
  .col-sm-offset-8 {
    margin-left: 44.44444444444444%;
  }
  .col-sm-offset-7 {
    margin-left: 38.88888888888889%;
  }
  .col-sm-offset-6 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 27.77777777777778%;
  }
  .col-sm-offset-4 {
    margin-left: 22.22222222222222%;
  }
  .col-sm-offset-3 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-2 {
    margin-left: 11.11111111111111%;
  }
  .col-sm-offset-1 {
    margin-left: 5.555555555555555%;
  }
}
@media (min-width: 1000px) {
  .container {
    width: 980px;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17 {
    float: left;
  }
  .col-md-18 {
    width: 100%;
  }
  .col-md-17 {
    width: 94.44444444444444%;
  }
  .col-md-16 {
    width: 88.88888888888889%;
  }
  .col-md-15 {
    width: 83.33333333333334%;
  }
  .col-md-14 {
    width: 77.77777777777779%;
  }
  .col-md-13 {
    width: 72.22222222222221%;
  }
  .col-md-12 {
    width: 66.66666666666666%;
  }
  .col-md-11 {
    width: 61.111111111111114%;
  }
  .col-md-10 {
    width: 55.55555555555556%;
  }
  .col-md-9 {
    width: 50%;
  }
  .col-md-8 {
    width: 44.44444444444444%;
  }
  .col-md-7 {
    width: 38.88888888888889%;
  }
  .col-md-6 {
    width: 33.33333333333333%;
  }
  .col-md-5 {
    width: 27.77777777777778%;
  }
  .col-md-4 {
    width: 22.22222222222222%;
  }
  .col-md-3 {
    width: 16.666666666666664%;
  }
  .col-md-2 {
    width: 11.11111111111111%;
  }
  .col-md-1 {
    width: 5.555555555555555%;
  }
  .col-md-pull-18 {
    right: 100%;
  }
  .col-md-pull-17 {
    right: 94.44444444444444%;
  }
  .col-md-pull-16 {
    right: 88.88888888888889%;
  }
  .col-md-pull-15 {
    right: 83.33333333333334%;
  }
  .col-md-pull-14 {
    right: 77.77777777777779%;
  }
  .col-md-pull-13 {
    right: 72.22222222222221%;
  }
  .col-md-pull-12 {
    right: 66.66666666666666%;
  }
  .col-md-pull-11 {
    right: 61.111111111111114%;
  }
  .col-md-pull-10 {
    right: 55.55555555555556%;
  }
  .col-md-pull-9 {
    right: 50%;
  }
  .col-md-pull-8 {
    right: 44.44444444444444%;
  }
  .col-md-pull-7 {
    right: 38.88888888888889%;
  }
  .col-md-pull-6 {
    right: 33.33333333333333%;
  }
  .col-md-pull-5 {
    right: 27.77777777777778%;
  }
  .col-md-pull-4 {
    right: 22.22222222222222%;
  }
  .col-md-pull-3 {
    right: 16.666666666666664%;
  }
  .col-md-pull-2 {
    right: 11.11111111111111%;
  }
  .col-md-pull-1 {
    right: 5.555555555555555%;
  }
  .col-md-push-18 {
    left: 100%;
  }
  .col-md-push-17 {
    left: 94.44444444444444%;
  }
  .col-md-push-16 {
    left: 88.88888888888889%;
  }
  .col-md-push-15 {
    left: 83.33333333333334%;
  }
  .col-md-push-14 {
    left: 77.77777777777779%;
  }
  .col-md-push-13 {
    left: 72.22222222222221%;
  }
  .col-md-push-12 {
    left: 66.66666666666666%;
  }
  .col-md-push-11 {
    left: 61.111111111111114%;
  }
  .col-md-push-10 {
    left: 55.55555555555556%;
  }
  .col-md-push-9 {
    left: 50%;
  }
  .col-md-push-8 {
    left: 44.44444444444444%;
  }
  .col-md-push-7 {
    left: 38.88888888888889%;
  }
  .col-md-push-6 {
    left: 33.33333333333333%;
  }
  .col-md-push-5 {
    left: 27.77777777777778%;
  }
  .col-md-push-4 {
    left: 22.22222222222222%;
  }
  .col-md-push-3 {
    left: 16.666666666666664%;
  }
  .col-md-push-2 {
    left: 11.11111111111111%;
  }
  .col-md-push-1 {
    left: 5.555555555555555%;
  }
  .col-md-offset-18 {
    margin-left: 100%;
  }
  .col-md-offset-17 {
    margin-left: 94.44444444444444%;
  }
  .col-md-offset-16 {
    margin-left: 88.88888888888889%;
  }
  .col-md-offset-15 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-14 {
    margin-left: 77.77777777777779%;
  }
  .col-md-offset-13 {
    margin-left: 72.22222222222221%;
  }
  .col-md-offset-12 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-11 {
    margin-left: 61.111111111111114%;
  }
  .col-md-offset-10 {
    margin-left: 55.55555555555556%;
  }
  .col-md-offset-9 {
    margin-left: 50%;
  }
  .col-md-offset-8 {
    margin-left: 44.44444444444444%;
  }
  .col-md-offset-7 {
    margin-left: 38.88888888888889%;
  }
  .col-md-offset-6 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-5 {
    margin-left: 27.77777777777778%;
  }
  .col-md-offset-4 {
    margin-left: 22.22222222222222%;
  }
  .col-md-offset-3 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-2 {
    margin-left: 11.11111111111111%;
  }
  .col-md-offset-1 {
    margin-left: 5.555555555555555%;
  }
}
@media (min-width: 1260px) {
  .container {
    width: 1280px;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17 {
    float: left;
  }
  .col-lg-18 {
    width: 100%;
  }
  .col-lg-17 {
    width: 94.44444444444444%;
  }
  .col-lg-16 {
    width: 88.88888888888889%;
  }
  .col-lg-15 {
    width: 83.33333333333334%;
  }
  .col-lg-14 {
    width: 77.77777777777779%;
  }
  .col-lg-13 {
    width: 72.22222222222221%;
  }
  .col-lg-12 {
    width: 66.66666666666666%;
  }
  .col-lg-11 {
    width: 61.111111111111114%;
  }
  .col-lg-10 {
    width: 55.55555555555556%;
  }
  .col-lg-9 {
    width: 50%;
  }
  .col-lg-8 {
    width: 44.44444444444444%;
  }
  .col-lg-7 {
    width: 38.88888888888889%;
  }
  .col-lg-6 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 27.77777777777778%;
  }
  .col-lg-4 {
    width: 22.22222222222222%;
  }
  .col-lg-3 {
    width: 16.666666666666664%;
  }
  .col-lg-2 {
    width: 11.11111111111111%;
  }
  .col-lg-1 {
    width: 5.555555555555555%;
  }
  .col-lg-pull-18 {
    right: 100%;
  }
  .col-lg-pull-17 {
    right: 94.44444444444444%;
  }
  .col-lg-pull-16 {
    right: 88.88888888888889%;
  }
  .col-lg-pull-15 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-14 {
    right: 77.77777777777779%;
  }
  .col-lg-pull-13 {
    right: 72.22222222222221%;
  }
  .col-lg-pull-12 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-11 {
    right: 61.111111111111114%;
  }
  .col-lg-pull-10 {
    right: 55.55555555555556%;
  }
  .col-lg-pull-9 {
    right: 50%;
  }
  .col-lg-pull-8 {
    right: 44.44444444444444%;
  }
  .col-lg-pull-7 {
    right: 38.88888888888889%;
  }
  .col-lg-pull-6 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 27.77777777777778%;
  }
  .col-lg-pull-4 {
    right: 22.22222222222222%;
  }
  .col-lg-pull-3 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-2 {
    right: 11.11111111111111%;
  }
  .col-lg-pull-1 {
    right: 5.555555555555555%;
  }
  .col-lg-push-18 {
    left: 100%;
  }
  .col-lg-push-17 {
    left: 94.44444444444444%;
  }
  .col-lg-push-16 {
    left: 88.88888888888889%;
  }
  .col-lg-push-15 {
    left: 83.33333333333334%;
  }
  .col-lg-push-14 {
    left: 77.77777777777779%;
  }
  .col-lg-push-13 {
    left: 72.22222222222221%;
  }
  .col-lg-push-12 {
    left: 66.66666666666666%;
  }
  .col-lg-push-11 {
    left: 61.111111111111114%;
  }
  .col-lg-push-10 {
    left: 55.55555555555556%;
  }
  .col-lg-push-9 {
    left: 50%;
  }
  .col-lg-push-8 {
    left: 44.44444444444444%;
  }
  .col-lg-push-7 {
    left: 38.88888888888889%;
  }
  .col-lg-push-6 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 27.77777777777778%;
  }
  .col-lg-push-4 {
    left: 22.22222222222222%;
  }
  .col-lg-push-3 {
    left: 16.666666666666664%;
  }
  .col-lg-push-2 {
    left: 11.11111111111111%;
  }
  .col-lg-push-1 {
    left: 5.555555555555555%;
  }
  .col-lg-offset-18 {
    margin-left: 100%;
  }
  .col-lg-offset-17 {
    margin-left: 94.44444444444444%;
  }
  .col-lg-offset-16 {
    margin-left: 88.88888888888889%;
  }
  .col-lg-offset-15 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-14 {
    margin-left: 77.77777777777779%;
  }
  .col-lg-offset-13 {
    margin-left: 72.22222222222221%;
  }
  .col-lg-offset-12 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-11 {
    margin-left: 61.111111111111114%;
  }
  .col-lg-offset-10 {
    margin-left: 55.55555555555556%;
  }
  .col-lg-offset-9 {
    margin-left: 50%;
  }
  .col-lg-offset-8 {
    margin-left: 44.44444444444444%;
  }
  .col-lg-offset-7 {
    margin-left: 38.88888888888889%;
  }
  .col-lg-offset-6 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 27.77777777777778%;
  }
  .col-lg-offset-4 {
    margin-left: 22.22222222222222%;
  }
  .col-lg-offset-3 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-2 {
    margin-left: 11.11111111111111%;
  }
  .col-lg-offset-1 {
    margin-left: 5.555555555555555%;
  }
}
.toggle-icon-plus {
  background: transparent url(../img/icon-toggle.png) no-repeat 4px 4px;
}
.yle-puhe .toggle-icon-plus {
  background: transparent url(../img/icon-toggle-black.png) no-repeat 4px 4px;
}
.toggle-icon-minus {
  background: transparent url(../img/icon-toggle.png) no-repeat 5px -28px;
}
.yle-puhe .toggle-icon-minus {
  background: transparent url(../img/icon-toggle-black.png) no-repeat 5px -28px;
}
#header {
  background: #0063b8;
  margin-bottom: 19px;
  position: relative;
  width: 100%;
  word-wrap: break-word;
  z-index: 3;
}
.yle-klassinen #header {
  background: #008c96;
}
.yle-puhe #header {
  background: #fbca0b;
}
.yle-radio-1 #header {
  background: #dd0069;
}
.yle-sami-radio #header {
  background: #0063b8;
}
#header .wrap {
  margin: 0 auto;
  position: relative;
  height: 60px;
  width: 94%;
  max-width: 580px;
  overflow: visible;
}
@media screen and (min-width: 787px) {
  #header .wrap {
    height: 90px;
    width: 760px;
    max-width: 760px;
  }
}
@media screen and (min-width: 1000px) {
  #header .wrap {
    width: 980px;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1;
  }
  #header .wrap:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  #header .wrap:before,
  #header .wrap:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  #header .wrap:after {
    clear: both;
  }
}
@media screen and (min-width: 1260px) {
  #header .wrap {
    max-width: 1260px;
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1;
  }
  #header .wrap:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  #header .wrap:before,
  #header .wrap:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  #header .wrap:after {
    clear: both;
  }
}
#header .wrap nav {
  background: transparent;
}
.channel-logo {
  float: left;
  height: 60px;
  min-width: 285px;
  padding-right: 16px;
  margin-top: 15px;
  background: transparent url(../img/logos/svg/yle-radio-suomi.svg) no-repeat top left;
  background-size: contain;
  /*needed for iPad and iPhone*/
}
.channel-logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.channel-logo span {
  text-indent: -9000px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 786px) {
  .channel-logo {
    height: 40px;
    min-width: 50%;
    margin-top: 10px;
  }
}
.no-svg .channel-logo {
  background: transparent url(../img/logos/png/yle-radio-suomi.png) no-repeat center left;
}
#personalization.regional .channel-logo {
  background-image: url(../img/logos/svg/yle-radio-suomi.svg) !important;
}
.no-svg #personalization.regional .channel-logo {
  background-image: url(../img/logos/png/yle-radio-suomi.png) !important;
}
.etela-karjalan-radio .channel-logo {
  background-image: url("../img/logos/svg/etela-karjalan-radio.svg");
}
.etela-karjalan-radio .channel-logo > a {
  min-width: 295px;
}
.no-svg .etela-karjalan-radio .channel-logo {
  background-image: url("../img/logos/png/etela-karjalan-radio.png");
}
.etela-savon-radio .channel-logo {
  background-image: url("../img/logos/svg/etela-savon-radio.svg");
}
.etela-savon-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .etela-savon-radio .channel-logo {
  background-image: url("../img/logos/png/etela-savon-radio.png");
}
.kainuun-radio .channel-logo {
  background-image: url("../img/logos/svg/kainuun-radio.svg");
}
.kainuun-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .kainuun-radio .channel-logo {
  background-image: url("../img/logos/png/kainuun-radio.png");
}
.kymenlaakson-radio .channel-logo {
  background-image: url("../img/logos/svg/kymenlaakson-radio.svg");
}
.kymenlaakson-radio .channel-logo > a {
  min-width: 305px;
}
.no-svg .kymenlaakson-radio .channel-logo {
  background-image: url("../img/logos/png/kymenlaakson-radio.png");
}
.lahden-radio .channel-logo {
  background-image: url("../img/logos/svg/lahden-radio.svg");
}
.lahden-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .lahden-radio .channel-logo {
  background-image: url("../img/logos/png/lahden-radio.png");
}
.lapin-radio .channel-logo {
  background-image: url("../img/logos/svg/lapin-radio.svg");
}
.lapin-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .lapin-radio .channel-logo {
  background-image: url("../img/logos/png/lapin-radio.png");
}
.oulu-radio .channel-logo {
  background-image: url("../img/logos/svg/oulu-radio.svg");
}
.oulu-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .oulu-radio .channel-logo {
  background-image: url("../img/logos/png/oulu-radio.png");
}
.pohjanmaan-radio .channel-logo {
  background-image: url("../img/logos/svg/pohjanmaan-radio.svg");
}
.pohjanmaan-radio .channel-logo > a {
  min-width: 295px;
}
.no-svg .pohjanmaan-radio .channel-logo {
  background-image: url("../img/logos/png/pohjanmaan-radio.png");
}
.pohjois-karjalan-radio .channel-logo {
  background-image: url("../img/logos/svg/pohjois-karjalan-radio.svg");
}
.pohjois-karjalan-radio .channel-logo > a {
  min-width: 305px;
}
.no-svg .pohjois-karjalan-radio .channel-logo {
  background-image: url("../img/logos/png/pohjois-karjalan-radio.png");
}
.radio-hame .channel-logo {
  background-image: url("../img/logos/svg/radio-hame.svg");
}
.radio-hame .channel-logo > a {
  min-width: 285px;
}
.no-svg .radio-hame .channel-logo {
  background-image: url("../img/logos/png/radio-hame.png");
}
.radio-ita-uusimaa .channel-logo {
  background-image: url("../img/logos/svg/radio-ita-uusimaa.svg");
}
.radio-ita-uusimaa .channel-logo > a {
  min-width: 295px;
}
.no-svg .radio-ita-uusimaa .channel-logo {
  background-image: url("../img/logos/png/radio-ita-uusimaa.png");
}
.radio-keski-pohjanmaa .channel-logo {
  background-image: url("../img/logos/svg/radio-keski-pohjanmaa.svg");
}
@media screen and (max-width: 786px) {
  .radio-keski-pohjanmaa .channel-logo {
    width: 198px;
    min-width: 198px;
  }
}
.radio-keski-pohjanmaa .channel-logo > a {
  min-width: 305px;
}
.no-svg .radio-keski-pohjanmaa .channel-logo {
  background-image: url("../img/logos/png/radio-keski-pohjanmaa.png");
}
.radio-keskisuomi .channel-logo {
  background-image: url("../img/logos/svg/radio-keskisuomi.svg");
}
.radio-keskisuomi .channel-logo > a {
  min-width: 295px;
}
.no-svg .radio-keskisuomi .channel-logo {
  background-image: url("../img/logos/png/radio-keskisuomi.png");
}
.radio-perameri .channel-logo {
  background-image: url("../img/logos/svg/radio-perameri.svg");
}
.radio-perameri .channel-logo > a {
  min-width: 285px;
}
.no-svg .radio-perameri .channel-logo {
  background-image: url("../img/logos/png/radio-perameri.png");
}
.radio-savo .channel-logo {
  background-image: url("../img/logos/svg/radio-savo.svg");
}
.radio-savo .channel-logo > a {
  min-width: 285px;
}
.no-svg .radio-savo .channel-logo {
  background-image: url("../img/logos/png/radio-savo.png");
}
.satakunnan-radio .channel-logo {
  background-image: url("../img/logos/svg/satakunnan-radio.svg");
}
.satakunnan-radio .channel-logo > a {
  min-width: 295px;
}
.no-svg .satakunnan-radio .channel-logo {
  background-image: url("../img/logos/png/satakunnan-radio.png");
}
.tampereen-radio .channel-logo {
  background-image: url("../img/logos/svg/tampereen-radio.svg");
}
.tampereen-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .tampereen-radio .channel-logo {
  background-image: url("../img/logos/png/tampereen-radio.png");
}
.turun-radio .channel-logo {
  background-image: url("../img/logos/svg/turun-radio.svg");
}
.turun-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .turun-radio .channel-logo {
  background-image: url("../img/logos/png/turun-radio.png");
}
.yle-klassinen .channel-logo {
  background-image: url("../img/logos/svg/yle-klassinen.svg");
}
.yle-klassinen .channel-logo > a {
  min-width: 285px;
}
.no-svg .yle-klassinen .channel-logo {
  background-image: url("../img/logos/png/yle-klassinen.png");
}
.ylen-aikainen .channel-logo {
  background-image: url("../img/logos/svg/ylen-aikainen.svg");
}
.ylen-aikainen .channel-logo > a {
  min-width: 285px;
}
.no-svg .ylen-aikainen .channel-logo {
  background-image: url("../img/logos/png/ylen-aikainen.png");
}
.ylen-lantinen .channel-logo {
  background-image: url("../img/logos/svg/ylen-lantinen.svg");
}
.ylen-lantinen .channel-logo > a {
  min-width: 285px;
}
.no-svg .ylen-lantinen .channel-logo {
  background-image: url("../img/logos/png/ylen-lantinen.png");
}
.yle-puhe .channel-logo {
  background-image: url("../img/logos/svg/yle-puhe.svg");
}
.yle-puhe .channel-logo > a {
  min-width: 285px;
}
.no-svg .yle-puhe .channel-logo {
  background-image: url("../img/logos/png/yle-puhe.png");
}
.yle-radio-1 .channel-logo {
  background-image: url("../img/logos/svg/yle-radio-1.svg");
}
.yle-radio-1 .channel-logo > a {
  min-width: 285px;
}
.no-svg .yle-radio-1 .channel-logo {
  background-image: url("../img/logos/png/yle-radio-1.png");
}
.yle-sami-radio .channel-logo {
  background-image: url("../img/logos/svg/yle-sami-radio.svg");
}
.yle-sami-radio .channel-logo > a {
  min-width: 285px;
}
.no-svg .yle-sami-radio .channel-logo {
  background-image: url("../img/logos/png/yle-sami-radio.png");
}
.channel-logo .channel-title {
  position: absolute;
  display: block;
  margin: 20px 0 0 50px;
  font-size: 1.1em;
  height: 0;
  text-indent: -9000px;
}
.channel-change {
  float: left;
  width: 95px;
  height: 100%;
  padding: 24px 0 23px 0;
}
@media screen and (max-width: 786px) {
  .channel-change {
    background: #0063b8;
    color: #ffffff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
    background: -webkit-linear-gradient(top, #0463ac, #0075cf);
    background: -moz-linear-gradient(top, #0463ac, #0075cf);
    background: -o-linear-gradient(top, #0463ac, #0075cf);
    background: linear-gradient(top, #0463ac, #0075cf);
    height: 100%;
    padding: 16px 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 90px;
    float: right;
  }
  .yle-klassinen .channel-change {
    background: #008c96;
  }
  .yle-puhe .channel-change {
    background: #fbca0b;
  }
  .yle-radio-1 .channel-change {
    background: #dd0069;
  }
  .yle-sami-radio .channel-change {
    background: #0063b8;
  }
  .yle-klassinen .channel-change {
    color: #ffffff;
  }
  .yle-puhe .channel-change {
    color: #000000;
  }
  .yle-radio-1 .channel-change {
    color: #ffffff;
  }
  .yle-sami-radio .channel-change {
    color: #ffffff;
  }
  .yle-puhe .channel-change {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
    background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
    background: -moz-linear-gradient(top, #fbca0b, #c8a000);
    background: -o-linear-gradient(top, #fbca0b, #c8a000);
    background: linear-gradient(top, #fbca0b, #c8a000);
  }
  .yle-radio-1 .channel-change {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
    background: -webkit-linear-gradient(top, #dd0069, #c1005d);
    background: -moz-linear-gradient(top, #dd0069, #c1005d);
    background: -o-linear-gradient(top, #dd0069, #c1005d);
    background: linear-gradient(top, #dd0069, #c1005d);
  }
  .yle-klassinen .channel-change {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
    background: -webkit-linear-gradient(top, #008c96, #117d8a);
    background: -moz-linear-gradient(top, #008c96, #117d8a);
    background: -o-linear-gradient(top, #008c96, #117d8a);
    background: linear-gradient(top, #008c96, #117d8a);
  }
}
@media screen and (max-width: 419px) {
  .channel-change {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
  }
}
.ie7 .channel-change,
.ie8 .channel-change {
  width: 84px;
}
.channel-change a {
  height: 100%;
  display: block;
  border-left: 1px solid #fff;
  padding-top: 2px;
}
@media screen and (max-width: 786px) {
  .channel-change a {
    padding-top: 0px;
    border: none !important;
  }
}
.yle-puhe .channel-change a {
  border-left: 1px solid #000000;
}
.yle-klassinen .channel-change a {
  border-left: 1px solid #ffffff;
}
.yle-radio-1 .channel-change a {
  border-left: 1px solid #ffffff;
}
.channel-change a:active,
.channel-change a:focus {
  opacity: 1;
}
@media screen and (max-width: 786px) {
  .channel-change.open {
    background: #454545;
    border-left: 1px solid #292929;
  }
  .channel-change.open .open-text {
    color: #fff !important;
  }
  .yle-puhe .channel-change.open .open-icon {
    background-image: url('../img/icon-toggle.png');
  }
  .channel-change.open a {
    border: none;
  }
}
.channel-change.open .open-icon {
  display: block;
}
.channel-change.open .open-icon.down {
  display: none;
}
.channel-change .open-text {
  display: block;
  text-align: center;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
}
.yle-klassinen .channel-change .open-text {
  color: #ffffff;
}
.yle-puhe .channel-change .open-text {
  color: #000000;
}
.yle-radio-1 .channel-change .open-text {
  color: #ffffff;
}
.yle-sami-radio .channel-change .open-text {
  color: #ffffff;
}
.channel-change .open-icon {
  display: block;
  background: url('../img/icon-toggle.png') no-repeat center -60px transparent;
  width: 100%;
  height: 25px;
  margin: 5px 0;
}
.yle-puhe .channel-change .open-icon {
  background-image: url('../img/icon-toggle-black.png');
}
@media screen and (max-width: 786px) {
  .channel-change .open-icon {
    margin: 0px;
  }
}
.channel-change .open-icon.selector-open {
  background-position: center -90px;
}
.channel-select-container {
  position: absolute;
  top: 90px;
  left: 325px;
  overflow: visible;
  height: 240px;
  z-index: 9;
  display: none;
  width: 340px;
}
.etela-karjalan-radio .channel-select-container {
  left: 325px;
}
.etela-savon-radio .channel-select-container {
  left: 315px;
}
.kainuun-radio .channel-select-container {
  left: 315px;
}
.kymenlaakson-radio .channel-select-container {
  left: 335px;
}
.lahden-radio .channel-select-container {
  left: 315px;
}
.lapin-radio .channel-select-container {
  left: 315px;
}
.oulu-radio .channel-select-container {
  left: 315px;
}
.pohjanmaan-radio .channel-select-container {
  left: 325px;
}
.pohjois-karjalan-radio .channel-select-container {
  left: 335px;
}
.radio-hame .channel-select-container {
  left: 315px;
}
.radio-ita-uusimaa .channel-select-container {
  left: 325px;
}
.radio-keski-pohjanmaa .channel-select-container {
  left: 335px;
}
.radio-keskisuomi .channel-select-container {
  left: 325px;
}
.radio-perameri .channel-select-container {
  left: 315px;
}
.radio-savo .channel-select-container {
  left: 315px;
}
.satakunnan-radio .channel-select-container {
  left: 325px;
}
.tampereen-radio .channel-select-container {
  left: 315px;
}
.turun-radio .channel-select-container {
  left: 315px;
}
.yle-klassinen .channel-select-container {
  left: 315px;
}
.ylen-aikainen .channel-select-container {
  left: 315px;
}
.ylen-lantinen .channel-select-container {
  left: 315px;
}
.yle-puhe .channel-select-container {
  left: 315px;
}
.yle-radio-1 .channel-select-container {
  left: 315px;
}
.yle-sami-radio .channel-select-container {
  left: 315px;
}
@media screen and (max-width: 786px) {
  .channel-select-container {
    width: 100%;
    top: 60px;
    left: 0px !important;
  }
}
.channel-select-container a {
  display: block;
  color: #FFFFFF;
}
.channel-select-container .channel-row {
  background: #454545;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0.5em 20px 0.5em;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.channel-select-container .channel-row:first-child {
  border-top: 1px solid #000000;
}
.channel-select-container .channel-row.show-sub-channels {
  cursor: pointer;
  position: relative;
}
.channel-select-container .channel-row.show-sub-channels .icon-toggle {
  position: absolute;
  right: 15px;
  margin-top: 2px;
  background: url("../img/icon-toggle.png") no-repeat scroll left top transparent;
  width: 16px;
  height: 16px;
}
.channel-select-container .channel-row.show-sub-channels .icon-toggle.collapse {
  background-position: 0px -30px;
}
.channel-select-container .channel-row.parallel {
  background: #575757;
}
.channel-select-container .channel-row.sub-channel {
  padding-left: 46px;
  text-transform: none;
  border-top: none;
}
.channel-select-container .channel-row .active {
  font-size: 0.8em;
}
.mini {
  zoom: 1;
}
.mini:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.mini:before,
.mini:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.mini:after {
  clear: both;
}
.closed #broadcast-feature-content,
.closed .broadcast-programme-next-container {
  display: none;
}
.broadcast-feature {
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 787px) {
  .broadcast-feature {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .broadcast-feature {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .broadcast-feature {
    float: left;
    width: 100%;
  }
}
.broadcast-feature h2 {
  color: #fff;
  margin: 0;
  padding: 0;
}
.broadcast-feature .channel-select-container {
  overflow-y: auto;
  z-index: 9;
  display: none;
  position: absolute;
}
.broadcast-feature .channel-select-container a {
  display: block;
  color: #FFFFFF;
}
.broadcast-feature .channel-select-container .channel-row {
  background: #454545;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0.5em 30px 0.5em;
  font-size: 16px;
  font-weight: bold;
}
.broadcast-feature .channel-select-container .channel-row:first-child {
  border-top: 1px solid #000000;
}
.broadcast-feature-toggle {
  font-weight: bold;
  background: #292929;
  color: white;
  zoom: 1;
}
.broadcast-feature-toggle .current-programme-title {
  padding: 11px 35px 10px 20px;
  display: inline-block;
}
.broadcast-feature-toggle #current-programme-title {
  padding-top: 5px;
}
.broadcast-feature-toggle #current-programme-title a {
  color: white;
}
.broadcast-feature-toggle #current-programme-title a:hover {
  color: #777777;
}
.broadcast-feature-toggle:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.broadcast-feature-toggle:before,
.broadcast-feature-toggle:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.broadcast-feature-toggle:after {
  clear: both;
}
.broadcast-feature-toggle .toggle-icon-container {
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  margin: 10px 20px 10px 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  float: right;
  position: absolute;
  top: 0px;
  right: 20px;
}
.yle-klassinen .broadcast-feature-toggle .toggle-icon-container {
  background: #008c96;
}
.yle-puhe .broadcast-feature-toggle .toggle-icon-container {
  background: #fbca0b;
}
.yle-radio-1 .broadcast-feature-toggle .toggle-icon-container {
  background: #dd0069;
}
.yle-sami-radio .broadcast-feature-toggle .toggle-icon-container {
  background: #0063b8;
}
.yle-klassinen .broadcast-feature-toggle .toggle-icon-container {
  color: #ffffff;
}
.yle-puhe .broadcast-feature-toggle .toggle-icon-container {
  color: #000000;
}
.yle-radio-1 .broadcast-feature-toggle .toggle-icon-container {
  color: #ffffff;
}
.yle-sami-radio .broadcast-feature-toggle .toggle-icon-container {
  color: #ffffff;
}
.yle-puhe .broadcast-feature-toggle .toggle-icon-container {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .broadcast-feature-toggle .toggle-icon-container {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .broadcast-feature-toggle .toggle-icon-container {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.broadcast-feature-toggle .toggle-icon-container .toggle-icon {
  color: transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.closed .broadcast-feature-toggle .toggle-icon-container .toggle-icon {
  background: transparent url(../img/icon-toggle.png) no-repeat 4px 4px;
}
.yle-puhe .closed .broadcast-feature-toggle .toggle-icon-container .toggle-icon {
  background: transparent url(../img/icon-toggle-black.png) no-repeat 4px 4px;
}
.open .broadcast-feature-toggle .toggle-icon-container .toggle-icon {
  background: transparent url(../img/icon-toggle.png) no-repeat 5px -28px;
}
.yle-puhe .open .broadcast-feature-toggle .toggle-icon-container .toggle-icon {
  background: transparent url(../img/icon-toggle-black.png) no-repeat 5px -28px;
}
.broadcast-feature-container {
  z-index: 6;
}
.broadcast-feature-content {
  background: #363636;
  color: white;
  position: relative;
  padding: 18px 20px 50px 20px;
}
.broadcast-feature-media {
  float: left;
}
.broadcast-feature-image {
  display: none;
  margin-bottom: 10px;
}
.broadcast-feature-listen {
  position: absolute;
  bottom: 21px;
  left: 20px;
}
.broadcast-feature-listen a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  padding: 4px 0px 0px 32px;
}
.broadcast-feature-listen a .icon-bg {
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 26px;
  width: 24px;
}
.yle-klassinen .broadcast-feature-listen a .icon-bg {
  background: #008c96;
}
.yle-puhe .broadcast-feature-listen a .icon-bg {
  background: #fbca0b;
}
.yle-radio-1 .broadcast-feature-listen a .icon-bg {
  background: #dd0069;
}
.yle-sami-radio .broadcast-feature-listen a .icon-bg {
  background: #0063b8;
}
.yle-klassinen .broadcast-feature-listen a .icon-bg {
  color: #ffffff;
}
.yle-puhe .broadcast-feature-listen a .icon-bg {
  color: #000000;
}
.yle-radio-1 .broadcast-feature-listen a .icon-bg {
  color: #ffffff;
}
.yle-sami-radio .broadcast-feature-listen a .icon-bg {
  color: #ffffff;
}
.yle-puhe .broadcast-feature-listen a .icon-bg {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .broadcast-feature-listen a .icon-bg {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .broadcast-feature-listen a .icon-bg {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.broadcast-feature-listen a .icon-bg .icon {
  display: inline-block;
  height: 26px;
  width: 24px;
  background: url(../img/icon-arrow-link.svg) no-repeat 7px 5px;
}
.yle-puhe .broadcast-feature-listen a .icon-bg .icon {
  background: url(../img/icon-arrow-link-black.svg) no-repeat 7px 5px;
}
.no-svg .yle-puhe .broadcast-feature-listen a .icon-bg .icon {
  background: url(../img/icon-arrow-link-black.png) no-repeat 7px 5px;
}
.no-svg .broadcast-feature-listen a .icon-bg .icon {
  background: url(../img/icon-arrow-link.png) no-repeat 7px 5px;
}
.broadcast-programme-shoutbox-container {
  float: none;
}
.collapsable-broadcast-description {
  overflow: hidden;
}
.show-more-block {
  background: #151515;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #242424), color-stop(100%, #151515));
  background: -webkit-linear-gradient(top, #242424, #151515);
  background: -moz-linear-gradient(top, #242424, #151515);
  background: -o-linear-gradient(top, #242424, #151515);
  background: -ms-linear-gradient(top, #242424, #151515);
  background: linear-gradient(top, #242424, #151515);
  border-top: 1px solid black;
  text-align: center;
  padding: 10px 0px;
  cursor: pointer;
  margin: -1px 0;
  color: #fff;
}
.show-more-block span {
  text-transform: uppercase;
  background: transparent url(../img/icon-toggle.png) no-repeat left -57px;
  padding-left: 24px;
  font-weight: bold;
}
.show-more-block span.collapse {
  background: transparent url(../img/icon-toggle.png) no-repeat left -87px;
  display: none;
}
.broadcast-feature-info {
  margin-bottom: 10px;
}
.broadcast-feature-now-playing {
  color: #4fa8f0;
  font-weight: bold;
  clear: both;
  margin-bottom: 5px;
  display: none;
}
.yle-puhe .broadcast-feature-now-playing {
  color: #fbca0b;
}
.yle-klassinen .broadcast-feature-now-playing {
  color: #008c96;
}
.yle-radio-1 .broadcast-feature-now-playing {
  color: #dd0069;
}
.broadcast-feature-now-playing .now-playing-label {
  float: left;
  width: 65px;
  text-transform: uppercase;
  white-space: nowrap;
}
.broadcast-feature-now-playing .now-playing-song {
  margin-left: 70px;
}
.broadcast-feature-time {
  display: none;
  margin: 5px 0;
  zoom: 1;
}
.broadcast-feature-time:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.broadcast-feature-time:before,
.broadcast-feature-time:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.broadcast-feature-time:after {
  clear: both;
}
.broadcast-feature-time .current-programme-starttime-container {
  width: 20%;
  float: left;
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .broadcast-feature-time .current-programme-starttime-container {
    width: 30%;
  }
}
@media screen and (max-width: 786px) {
  .broadcast-feature-time .current-programme-starttime-container {
    width: 20%;
  }
}
@media screen and (max-width: 419px) {
  .broadcast-feature-time .current-programme-starttime-container {
    width: 30%;
  }
}
.broadcast-feature-time #current-programme-endtime {
  width: 15%;
  float: left;
  text-align: right;
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .broadcast-feature-time #current-programme-endtime {
    width: 20%;
  }
}
@media screen and (max-width: 786px) {
  .broadcast-feature-time #current-programme-endtime {
    width: 15%;
  }
}
@media screen and (max-width: 419px) {
  .broadcast-feature-time #current-programme-endtime {
    width: 20%;
  }
}
.broadcast-feature-time .current-programme-progress-container {
  width: 65%;
  height: 10px;
  float: left;
  margin: 4px 0 0 0;
  background: #fafcfb;
}
@media screen and (max-width: 999px) {
  .broadcast-feature-time .current-programme-progress-container {
    width: 50%;
  }
}
@media screen and (max-width: 786px) {
  .broadcast-feature-time .current-programme-progress-container {
    width: 65%;
  }
}
@media screen and (max-width: 419px) {
  .broadcast-feature-time .current-programme-progress-container {
    width: 50%;
  }
}
.broadcast-feature-time .current-programme-progress {
  background: #979797;
  height: 100%;
  width: 0;
  display: block;
  -webkit-transition: width .5s;
  transition: width .5s;
}
.broadcast-feature-description {
  margin-bottom: 5px;
  line-height: 1.3em;
}
.broadcast-programme-next-container {
  display: none;
  background: #454545;
  font-weight: bold;
  color: #fff;
  padding: 11px 20px 10px 20px;
}
.closed .broadcast-programme-next-container {
  display: none !important;
}
.broadcast-programme-next-container #next-programme {
  display: none;
}
.broadcast-programme-next-container a {
  color: #fff;
}
#next-programme-label {
  text-transform: uppercase;
  float: left;
  margin-right: 5px;
}
#next-programme-title {
  float: left;
}
.shoutbox-mask {
  width: 100%;
  background: transparent url('../img/shoutbox-mask.png?2') repeat-x bottom left;
  height: 41px;
  position: absolute;
  bottom: 40px;
  z-index: 9;
}
.join-conversation {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 10px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
}
.yle-klassinen .join-conversation {
  background: #008c96;
}
.yle-puhe .join-conversation {
  background: #fbca0b;
}
.yle-radio-1 .join-conversation {
  background: #dd0069;
}
.yle-sami-radio .join-conversation {
  background: #0063b8;
}
.yle-klassinen .join-conversation {
  color: #ffffff;
}
.yle-puhe .join-conversation {
  color: #000000;
}
.yle-radio-1 .join-conversation {
  color: #ffffff;
}
.yle-sami-radio .join-conversation {
  color: #ffffff;
}
.yle-puhe .join-conversation {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .join-conversation {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .join-conversation {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.join-conversation:hover {
  background: #0063b8;
  color: #ffffff;
}
.yle-klassinen .join-conversation:hover {
  background: #008c96;
}
.yle-puhe .join-conversation:hover {
  background: #fbca0b;
}
.yle-radio-1 .join-conversation:hover {
  background: #dd0069;
}
.yle-sami-radio .join-conversation:hover {
  background: #0063b8;
}
.yle-klassinen .join-conversation:hover {
  color: #ffffff;
}
.yle-puhe .join-conversation:hover {
  color: #000000;
}
.yle-radio-1 .join-conversation:hover {
  color: #ffffff;
}
.yle-sami-radio .join-conversation:hover {
  color: #ffffff;
}
.broadcast-feature-shoutbox {
  font-size: 15px;
  line-height: 18px;
  position: relative;
  height: 150px;
  display: none;
}
.broadcast-feature-shoutbox .time {
  font-weight: bold;
}
.broadcast-feature-shoutbox .new_message {
  display: none;
}
.broadcast-feature-shoutbox .shoutbox {
  height: 110px;
  overflow: hidden;
}
.broadcast-feature-shoutbox ul li {
  list-style: none;
  margin-bottom: 10px;
  display: block;
  padding: 6px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.broadcast-feature-shoutbox ul li.user {
  background-color: #454545;
}
.broadcast-feature-shoutbox ul li.admin {
  background-color: #0065b7;
}
.yle-puhe .broadcast-feature-shoutbox ul li.admin {
  background-color: #fbca0b;
  color: #000000;
}
.yle-klassinen .broadcast-feature-shoutbox ul li.admin {
  background-color: #008c96;
  color: #ffffff;
}
.yle-radio-1 .broadcast-feature-shoutbox ul li.admin {
  background-color: #dd0069;
  color: #ffffff;
}
.broadcast-feature-shoutbox .new_message {
  padding: 14px;
}
.broadcast-feature-shoutbox .new_message .send {
  float: right;
}
.broadcast-feature-shoutbox .new_message textarea,
.broadcast-feature-shoutbox .new_message .name {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  color: #004276;
  padding: 1px 12px;
  font-size: 14px;
}
.broadcast-feature-shoutbox .new_message textarea {
  width: 100%;
  margin: 5px 0 10px 0;
}
.broadcast-feature-shoutbox .new_message .name {
  width: 165px;
}
.ie8 .broadcast-feature-shoutbox .new_message .name {
  height: 28px;
}
.broadcast-feature-shoutbox .new_message .msg_characters {
  display: none;
}
form {
  margin: 0;
}
/* Shoutbox

.shoutbox.small {background: #fed205; margin-bottom: 20px}
.shoutbox.small .message_container {height: 180px}
.shoutbox .button.delete {background: red; color: #FFF; margin-left: 10px; border: none; cursor: pointer}
.shoutbox span.reload {background: transparent url(../kuvat/button_reload.png) no-repeat 0 0; width: 13px; height: 16px; display: inline-block; margin-left: 5px; cursor: pointer}
.msg_characters {text-align: right; font-weight: bold; font-size: 12px; margin: 0} */
.shoutbox-closed .broadcast-shoutbox {
  background: #191919;
}
.shoutbox-closed .broadcast-shoutbox .message_container {
  height: auto;
  margin: 0;
}
.shoutbox-closed .broadcast-shoutbox .message_container p {
  text-align: center;
  padding: 4em 0 4em 0;
  color: #a5a5a5;
  font-style: italic;
  width: 50%;
  margin: 0 auto;
}
/* THE breakpoint */
@media screen and (min-width: 780px) {
  .broadcast-feature-container {
    display: block;
  }
  .broadcast-programme-shoutbox-container {
    margin-left: 220px;
  }
  .broadcast-feature {
    border: none;
    margin-bottom: none;
    padding-bottom: none;
  }
  .broadcast-feature .channel-select-container {
    width: 333px;
  }
  .broadcast-feature h2 {
    display: inline;
  }
  .broadcast-feature-image {
    display: none;
    margin-bottom: 0px;
  }
  .broadcast-feature-content {
    padding: 20px;
  }
  .broadcast-feature-listen {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .broadcast-feature-shoutbox {
    display: block;
  }
  .broadcast-feature-media,
  .broadcast-feature-info,
  .broadcast-feature-shoutbox {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .broadcast-feature-media {
    width: 204px;
    margin-right: 16px;
  }
  .broadcast-feature-info {
    width: 55%;
    padding-right: 10px;
    margin-bottom: 0px;
  }
  .broadcast-feature-shoutbox {
    width: 45%;
    padding-left: 10px;
  }
  .broadcast-feature-content:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .broadcast-programme-next-container .broadcast-feature-header-links a {
    float: right;
    margin-left: 20px;
  }
}
@media screen and (max-width: 779px) {
  .broadcast-feature-image {
    display: none !important;
  }
  .broadcast-feature-shoutbox {
    display: none !important;
  }
  .channel-select-container {
    right: 0px;
  }
  .broadcast-feature-header-links {
    display: none !important;
  }
}
@media screen and (max-width: 419px) {
  .broadcast-feature-toggle .toggle-icon-container {
    right: 10px;
  }
  #current-programme-label,
  #next-programme-label {
    font-size: 12px;
    float: none;
    display: block;
  }
}
[class*="liftup-"] {
  zoom: 1;
  padding-bottom: 20px;
}
[class*="liftup-"]:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
[class*="liftup-"]:before,
[class*="liftup-"]:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[class*="liftup-"]:after {
  clear: both;
}
@media screen and (min-width: 787px) {
  [class*="liftup-"] {
    padding-bottom: 0;
  }
}
[data-content-rank='column-smaller'] [class*="liftup-"] {
  margin: 0 10px;
}
[class*="liftup-"] > article {
  height: 255px;
  overflow: hidden;
}
[class*="liftup-"] > article:after {
  content: ' ';
  position: relative;
  display: none;
  height: 1px;
  margin-bottom: 0;
  background: #e1e1e1;
}
@media screen and (min-width: 1260px) {
  .content-prio-3 [class*="liftup-"] > article:after {
    display: block;
  }
}
.no-touch [class*="liftup-"] > article {
  height: 205px;
}
@media screen and (min-width: 787px) {
  [class*="liftup-"] > article {
    margin: 0;
  }
}
[data-content-rank='column-normal'] [class*="liftup-"] > article {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  border-right: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 787px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 1000px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 1260px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    float: left;
    width: 25%;
  }
}
[data-content-rank='column-normal'] [class*="liftup-"] > article:last-child {
  border-right: none;
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 272px;
  }
  .no-touch [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 222px;
  }
}
@media screen and (max-width: 419px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article h2 {
    float: left;
    width: 47.5%;
    margin-top: 0;
    padding-top: 0;
    font-size: 14px;
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article figure {
    margin-right: 5%;
    float: left;
    width: 47.5%;
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article a p {
    float: left;
    width: 100%;
    zoom: 1;
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article a p:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article a p:before,
  [data-content-rank='column-normal'] [class*="liftup-"] > article a p:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article a p:after {
    clear: both;
  }
}
@media screen and (min-width: 787px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 220px;
  }
  .no-touch [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 170px;
  }
  [data-content-rank='column-normal'] [class*="liftup-"] > article:nth-child(4n) {
    border-right: none;
  }
}
@media screen and (max-width: 786px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article:nth-child(2n) {
    border-right: none;
  }
}
@media screen and (min-width: 1000px) {
  [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 255px;
    border-right: 1px solid #e1e1e1;
  }
  .no-touch [data-content-rank='column-normal'] [class*="liftup-"] > article {
    height: 205px;
  }
}
[data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
[data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #e1e1e1;
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 787px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1000px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1260px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (max-width: 419px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    border-right: none;
  }
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article:last-child,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article:last-child,
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article:nth-child(3n),
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article:nth-child(3n) {
    border-right: none;
  }
}
@media screen and (min-width: 420px) and (max-width: 786px) {
  [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    height: 208px;
  }
  .no-touch [data-content-rank='column-normal'][data-content-qty='3'] [class*="liftup-"] > article,
  .no-touch [data-content-rank='column-normal'][data-content-qty='5'] [class*="liftup-"] > article {
    height: 158px;
  }
}
[data-content-rank='column-smaller'] [class*="liftup-"] > article {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  height: 178px;
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 787px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    float: left;
    width: 16.666666666666664%;
  }
}
@media screen and (min-width: 1000px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    float: left;
    width: 16.666666666666664%;
  }
}
@media screen and (min-width: 1260px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    float: left;
    width: 16.666666666666664%;
  }
}
.no-touch [data-content-rank='column-smaller'] [class*="liftup-"] > article {
  height: 128px;
}
@media screen and (min-width: 420px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    height: 200px;
  }
  .no-touch [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    height: 150px;
  }
}
@media screen and (min-width: 787px) {
  [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    height: 200px;
  }
  .no-touch [data-content-rank='column-smaller'] [class*="liftup-"] > article {
    height: 150px;
  }
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 419px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article,
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article {
    margin-bottom: 20px;
  }
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article h2,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article h2,
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article h3,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article h3,
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article h4,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article h4,
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article h5,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article h5,
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article h6,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article h6 {
  margin-top: 0;
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content {
  margin-left: -20px;
  margin-right: -20px;
  zoom: 1;
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content:after,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content:before,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content:before,
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content:after,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content:after,
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content:after {
  clear: both;
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content .summary {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 420px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 66.66666666666666%;
  }
}
@media screen and (min-width: 787px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 66.66666666666666%;
  }
}
@media screen and (min-width: 1000px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 66.66666666666666%;
  }
}
@media screen and (min-width: 1260px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 50%;
  }
}
.content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content figure {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 420px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 787px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1000px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1260px) {
  .content-primary [data-content-rank='row-normal'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content .summary {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 420px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 66.66666666666666%;
  }
}
@media screen and (min-width: 787px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 66.66666666666666%;
  }
}
@media screen and (min-width: 1000px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1260px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content .summary {
    float: left;
    width: 50%;
  }
}
.content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content figure {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 420px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 787px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1000px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 16.666666666666664%;
  }
}
@media screen and (min-width: 1260px) {
  .content-primary [data-content-rank='row-smaller'] [class*="liftup-"] > article .article-content figure {
    float: left;
    width: 16.666666666666664%;
  }
}
.content-secondary [data-content-rank='column-normal'] [class*="liftup-"] > article,
.content-secondary [data-content-rank='row-normal'] [class*="liftup-"] > article,
.content-secondary [data-content-rank='column-smaller'] [class*="liftup-"] > article,
.content-secondary [data-content-rank='row-smaller'] [class*="liftup-"] > article {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: none;
  height: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 1260px) {
  .content-secondary [data-content-rank='column-normal'] [class*="liftup-"] > article,
  .content-secondary [data-content-rank='row-normal'] [class*="liftup-"] > article,
  .content-secondary [data-content-rank='column-smaller'] [class*="liftup-"] > article,
  .content-secondary [data-content-rank='row-smaller'] [class*="liftup-"] > article {
    float: left;
    width: 100%;
  }
}
.content-secondary [data-content-rank='column-normal'] [class*="liftup-"] > article:last-child:after,
.content-secondary [data-content-rank='row-normal'] [class*="liftup-"] > article:last-child:after,
.content-secondary [data-content-rank='column-smaller'] [class*="liftup-"] > article:last-child:after,
.content-secondary [data-content-rank='row-smaller'] [class*="liftup-"] > article:last-child:after {
  display: none;
}
[class*="liftup-"] .expand-article {
  position: relative;
  top: 0;
  left: 0px;
  height: auto;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  border-bottom: 20px solid #fff;
  width: 100%;
  z-index: 500;
  padding: 15px;
  overflow: hidden;
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
}
[class*="liftup-"] .expand-wrap {
  position: relative;
  margin: 0 -16px;
  border: 1px solid #ccc;
  z-index: 500;
  top: -16px;
}
.ie8 [class*="liftup-"] .expand-wrap {
  border-color: #aaa;
}
[class*="liftup-"] .reveal-more {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 32px;
  width: 100%;
  padding: 0 20px;
  border-top: 10px solid #fff;
}
[class*="liftup-"] .reveal-more a {
  display: block;
  font-size: 12px;
  line-height: 23px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #0063b8;
  color: #ffffff;
}
.yle-klassinen [class*="liftup-"] .reveal-more a {
  background: #008c96;
}
.yle-puhe [class*="liftup-"] .reveal-more a {
  background: #fbca0b;
}
.yle-radio-1 [class*="liftup-"] .reveal-more a {
  background: #dd0069;
}
.yle-sami-radio [class*="liftup-"] .reveal-more a {
  background: #0063b8;
}
.yle-klassinen [class*="liftup-"] .reveal-more a {
  color: #ffffff;
}
.yle-puhe [class*="liftup-"] .reveal-more a {
  color: #000000;
}
.yle-radio-1 [class*="liftup-"] .reveal-more a {
  color: #ffffff;
}
.yle-sami-radio [class*="liftup-"] .reveal-more a {
  color: #ffffff;
}
[class*="liftup-"] > article.expanded {
  overflow: visible;
}
[class*="liftup-"] > article.expanded .reveal-more {
  padding: 0 15px;
}
.liftup-recommends > article {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (min-width: 420px) {
  .liftup-recommends > article {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 787px) {
  .liftup-recommends > article {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 1000px) {
  .liftup-recommends > article {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 1260px) {
  .liftup-recommends > article {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 420px) {
  .liftup-recommends > article {
    border: none;
  }
}
@media screen and (min-width: 787px) {
  .liftup-recommends > article {
    border-right: 1px solid #e1e1e1;
  }
}
.liftup-recommends > article:last-child {
  border: none;
}
.liftup-recommends .meta {
  display: none;
}
.liftup-recommends p {
  color: #000;
  line-height: 18px;
}
.liftup-recommends h2 {
  font-weight: bold;
  border: none;
  margin: 0;
  padding: 15px 0 0 0;
  color: #000;
  line-height: 18px;
}
@media screen and (max-width: 419px) {
  .liftup-recommends h2 {
    float: left;
    width: 47.5%;
    margin-left: 5%;
    padding-top: 0;
    font-size: 14px;
  }
}
.liftup-recommends a {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
@media screen and (max-width: 419px) {
  .liftup-recommends a {
    margin-bottom: 10px;
  }
}
.liftup-recommends a:hover h2 {
  color: #777777;
}
.liftup-recommends figure {
  width: 100%;
  max-width: 420px;
}
@media screen and (max-width: 419px) {
  .liftup-recommends figure {
    float: left;
    width: 47.5%;
  }
}
.liftup-recommends figure img {
  width: 100%;
  display: block;
}
.liftup-recommends figure .duration {
  display: block;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  padding: 0 0 0 30px;
}
.ie8 .liftup-recommends figure .duration {
  background: #000000;
}
.liftup-recommends figure .duration:before {
  content: ' ';
  position: absolute;
  left: 11px;
  bottom: 0;
  width: 11px;
  height: 20px;
  background: url(../img/icon-play-small.svg) no-repeat;
}
.no-svg .liftup-recommends figure .duration:before {
  background: url(../img/icon-play-small.png) no-repeat;
}
.liftup-basic h2 {
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  padding: 0;
  color: #000;
}
.liftup-basic figure {
  margin-bottom: 10px;
}
.liftup-basic img {
  width: 100%;
}
.liftup-basic p {
  font-size: 100%;
  color: #000;
}
.liftup-basic a {
  display: block;
  color: #000;
}
.liftup-basic a:hover h2 {
  color: #777777;
}
.liftup-basic .media figcaption > span {
  background-position: -310px -552px;
  height: 29px;
}
.liftup-basic a.more {
  background-color: #eee;
  color: #444;
  height: 35px;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  cursor: pointer;
  text-align: center;
  display: block;
  clear: both;
}
.liftup-basic a.more:hover {
  background-color: #ccc;
  color: #000;
}
.liftup-ongoing > article {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 787px) {
  .liftup-ongoing > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1000px) {
  .liftup-ongoing > article {
    float: left;
    width: 33.33333333333333%;
  }
}
@media screen and (min-width: 1260px) {
  .liftup-ongoing > article {
    float: left;
    width: 100%;
  }
}
.liftup-ongoing h2 {
  margin: 15px 0 0 0;
  padding: 0;
}
.liftup-ongoing p {
  margin: 0;
}
.liftup-some {
  margin: 0 20px;
}
@media screen and (max-width: 786px) {
  .liftup-some {
    padding-bottom: 0;
  }
}
.liftup-some > article {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  background: #292929;
  color: #e3e3e3;
  padding: 15px;
  height: auto !important;
  min-height: 113px;
}
@media screen and (min-width: 787px) {
  .liftup-some > article {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .liftup-some > article {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .liftup-some > article {
    float: left;
    width: 100%;
  }
}
.no-touch .liftup-some > article {
  height: auto;
}
.liftup-some > article a {
  color: #fff;
  font-weight: bold;
  font-style: italic;
  display: block;
}
.liftup-some > article .facebook {
  background: url(../img/logos/png/facebook.png) no-repeat 5px 5px;
  padding: 0px 12px 0px 60px;
  margin-bottom: 20px;
  min-height: 50px;
}
.no-svg .liftup-some > article .facebook {
  background: url(../img/logos/png/facebook.png) no-repeat 5px 5px;
}
.liftup-some > article .facebook .page-link {
  padding: 16px 0 0 0;
}
.liftup-some > article .twitter {
  background: url(../img/logos/png/twitter.png) no-repeat 5px 5px;
  padding: 0px 0px 0px 60px;
  min-height: 43px;
}
.no-svg .liftup-some > article .twitter {
  background: url(../img/logos/png/twitter.png) no-repeat 5px 5px;
}
.liftup-some > article .twitter .page-link {
  padding: 12px 0 0 0;
}
.liftup-some > article .message {
  font-weight: normal;
  font-style: normal;
}
.liftup-info {
  margin-top: 20px;
}
@media screen and (min-width: 787px) {
  .liftup-info {
    margin-top: 0;
  }
}
.liftup-info h2 {
  font-weight: bold;
  border: none;
  margin: 10px 0 5px 0;
  padding: 0;
  color: #000;
}
.liftup-info > article {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  margin-bottom: 0;
}
@media screen and (min-width: 787px) {
  .liftup-info > article {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .liftup-info > article {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .liftup-info > article {
    float: left;
    width: 100%;
  }
}
.no-touch .liftup-info > article {
  height: auto;
}
.liftup-info > article figure {
  margin-bottom: 10px;
}
.liftup-info > article .summary p {
  clear: both;
}
.content-prio-2 .liftup-info p {
  font-size: 16px;
}
.content-prio-2 .liftup-info a {
  line-height: 100%;
  display: block;
  background: #0063b8;
  color: #ffffff;
  margin: 1px 0;
  padding: 8px 4%;
  font-weight: bold;
  position: relative;
}
.yle-klassinen .content-prio-2 .liftup-info a {
  background: #008c96;
}
.yle-puhe .content-prio-2 .liftup-info a {
  background: #fbca0b;
}
.yle-radio-1 .content-prio-2 .liftup-info a {
  background: #dd0069;
}
.yle-sami-radio .content-prio-2 .liftup-info a {
  background: #0063b8;
}
.yle-klassinen .content-prio-2 .liftup-info a {
  color: #ffffff;
}
.yle-puhe .content-prio-2 .liftup-info a {
  color: #000000;
}
.yle-radio-1 .content-prio-2 .liftup-info a {
  color: #ffffff;
}
.yle-sami-radio .content-prio-2 .liftup-info a {
  color: #ffffff;
}
.content-prio-2 .liftup-info a:after {
  content: ' ';
  background: url(../img/icon-arrow-link.svg) no-repeat top left;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 7px;
  right: 10px;
}
.yle-puhe .content-prio-2 .liftup-info a:after {
  background: url(../img/icon-arrow-link-black.svg) no-repeat top left;
}
.no-svg .yle-puhe .content-prio-2 .liftup-info a:after {
  background: url(../img/icon-arrow-link-black.png) no-repeat top left;
}
.no-svg .content-prio-2 .liftup-info a:after {
  background: url(../img/icon-arrow-link.png) no-repeat top left;
}
.liftup-info .media figcaption > span {
  background-position: -310px -552px;
  height: 29px;
}
body.article article.content {
  margin-bottom: 25px;
}
body.article article.content .content-prio-2 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 787px) {
  body.article article.content .content-prio-2 {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  body.article article.content .content-prio-2 {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1260px) {
  body.article article.content .content-prio-2 {
    float: left;
    width: 50%;
  }
}
body.article .content-prio-2 figure {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding: 0;
}
@media screen and (min-width: 420px) {
  body.article .content-prio-2 figure {
    float: left;
    width: 100%;
  }
}
body.article .photo-carousel,
body.article .gallery {
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  display: inline-block;
  width: 100%;
}
body.article .photo-carousel li {
  border: 1px solid #fff;
  float: left;
  height: 68px;
  margin-left: 6px;
  margin-right: 6px;
  width: 120px;
  padding: 1px;
}
body.article .photo-carousel li.current {
  border: 1px solid #666;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=0.6);
  -moz-opacity: 0.006;
  -khtml-opacity: 0.006;
  opacity: 0.006;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
body.article .photo-carousel li > a > figure {
  padding-right: 0;
}
body.article .photo-carousel li > a > figure > .media {
  height: auto;
  padding-bottom: 0;
}
body.article .photo-carousel li > a > figure img {
  display: block;
}
body.article .photo-carousel > .carousel-prev {
  background-image: url(../bg/basic-sprites.png);
  background-position: -78px -781px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 75px;
  width: 30px;
}
body.article .photo-carousel > .carousel-prev.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=0.3);
  -moz-opacity: 0.003;
  -khtml-opacity: 0.003;
  opacity: 0.003;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}
body.article .photo-carousel > .carousel-next {
  background-image: url(../bg/basic-sprites.png);
  background-position: -28px -821px;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 75px;
  width: 30px;
}
body.article .photo-carousel > .carousel-next.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@value);
  filter: alpha(opacity=0.3);
  -moz-opacity: 0.003;
  -khtml-opacity: 0.003;
  opacity: 0.003;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}
body.article .gallery li {
  float: left;
  margin: 4px;
}
body.article .comments > header h1,
body.article .comments > header p {
  float: none;
}
body.article .more-on-this-topic h1 {
  font-size: 14px;
}
body.article .more-on-this-topic > h1 {
  text-transform: uppercase;
  margin-top: 20px;
}
body.article .more-on-this-topic article > h1 {
  font-weight: normal;
}
body.article .more-on-this-topic article time {
  display: none;
}
body.article .media figcaption > span {
  background-position: -310px -552px;
  height: 29px;
}
.content-primary aside.fact {
  padding: 0 0 0 20px;
  float: right;
  overflow: visible;
  width: 40%;
  margin-top: 0;
}
.content-primary aside.fact:before {
  content: ' ';
  position: relative;
  display: block;
  height: 4px;
  margin-bottom: 10px;
  background: #e1e1e1;
}
@media screen and (max-width: 999px) {
  .content-primary aside.fact {
    width: 40%;
    margin: 0 0 20px 20px;
  }
}
@media screen and (max-width: 786px) {
  .content-primary aside.fact {
    width: 40%;
    padding: 0;
    margin: 0 0 20px 20px;
  }
}
@media screen and (max-width: 419px) {
  .content-primary aside.fact {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.content-primary aside.fact h1 {
  margin-top: 0;
  font-size: 17px;
}
.content-primary aside.fact p {
  font-size: 12px;
  line-height: 1.4;
  color: #444;
}
.infopage form label {
  display: block;
  margin-top: 1em;
}
.infopage form input,
.infopage form textarea {
  display: block;
  width: 94%;
  border: 1px solid #ccc;
  padding: 5px;
}
.infopage form textarea {
  min-height: 100px;
  max-width: 94%;
}
.infopage form footer {
  padding: 20px 0px;
}
.breadcrumbs {
  zoom: 1;
  margin-bottom: 1em;
}
.breadcrumbs:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.breadcrumbs:before,
.breadcrumbs:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.breadcrumbs:after {
  clear: both;
}
.breadcrumbs > ul > li {
  background-position: -120px -757px;
  float: left;
  margin-right: 10px;
  padding-left: 15px;
  font-size: 0.8em;
  text-transform: uppercase;
}
.breadcrumbs > ul > li > a {
  color: #000;
  display: block;
}
.breadcrumbs > ul > li:first-child {
  background: none;
  padding-left: 0;
}
.breadcrumbs > ul > li.current {
  font-weight: bold;
}
.comments {
  zoom: 1;
}
.comments:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.comments:before,
.comments:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.comments:after {
  clear: both;
}
.comments *,
.comments *:before,
.comments *:after {
  box-sizing: content-box;
}
.comments .pagination {
  float: left;
  clear: both;
  margin-top: 20px;
}
.comments .pagination .jp-previous {
  color: #000;
  margin-bottom: 1px;
  text-align: center;
  border: 1px solid #E1E1E1;
  border-right: 0;
  padding-top: 11px;
  float: left;
  display: block;
  height: 29px;
  width: 40px;
  overflow: hidden;
  background-position: -827px -31px;
  text-indent: -200px;
  cursor: pointer;
}
.comments .pagination .jp-previous:hover {
  background-color: #e1e1e1;
}
.comments .pagination .jp-previous.jp-disabled {
  display: none;
}
.comments .pagination > nav {
  float: left;
}
.comments .pagination > nav > a,
.comments .pagination > nav > span {
  color: #000;
  margin-bottom: 1px;
  text-align: center;
  border: 1px solid #E1E1E1;
  border-right: 0;
  padding-top: 11px;
  float: left;
  display: block;
  height: 29px;
  width: 40px;
  overflow: hidden;
}
.comments .pagination > nav > a {
  cursor: pointer;
}
.comments .pagination > nav > a:hover {
  background-color: #e1e1e1;
}
.comments .pagination > nav > .jp-firstPage,
.comments .pagination > nav > .jp-lastPage {
  display: none;
}
.comments .pagination > nav > .jp-firstPage.jp-current,
.comments .pagination > nav > .jp-lastPage.jp-current {
  display: block;
}
.comments .pagination > nav > .jp-current {
  background: #e1e1e1;
  cursor: default;
}
.comments .pagination .jp-next {
  color: #000;
  margin-bottom: 1px;
  text-align: center;
  border-right: 0;
  padding-top: 11px;
  float: left;
  display: block;
  height: 29px;
  width: 40px;
  overflow: hidden;
  background-position: -787px -71px;
  border: 1px solid #E1E1E1;
  text-indent: -200px;
  cursor: pointer;
}
.comments .pagination .jp-next:hover {
  background-color: #e1e1e1;
}
.comments .pagination .jp-next.jp-disabled {
  display: none;
}
.comments label[for="showAllComments"] {
  display: none;
  margin-top: 20px;
  float: left;
  clear: both;
}
.comments label[for="showAllComments"] input {
  margin: 3px;
}
.comments > header > h1 {
  border-bottom: 1px solid #e1e1e1;
  border-top: 10px solid #333333;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.comments > header > h1 > span {
  display: inline-block;
  font-weight: normal;
  margin-left: 10px;
  font-size: 90%;
}
.comments > header > p {
  margin-bottom: 20px;
}
.comments > header a.button {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  float: left;
  clear: both;
}
.comments > header a.button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .comments > header a.button {
  background: #008c96;
}
.yle-puhe .comments > header a.button {
  background: #fbca0b;
}
.yle-radio-1 .comments > header a.button {
  background: #dd0069;
}
.yle-sami-radio .comments > header a.button {
  background: #0063b8;
}
.yle-klassinen .comments > header a.button {
  color: #ffffff;
}
.yle-puhe .comments > header a.button {
  color: #000000;
}
.yle-radio-1 .comments > header a.button {
  color: #ffffff;
}
.yle-sami-radio .comments > header a.button {
  color: #ffffff;
}
.yle-puhe .comments > header a.button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .comments > header a.button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .comments > header a.button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.comments #comment-form-wrapper {
  clear: both;
  padding-top: 20px;
}
.comments #comment-form-wrapper > #comment-form-send-dialog {
  display: none;
  background: #fff;
  clear: both;
  border: 1px solid #e1e1e1;
  padding: 20px;
}
.comments #comment-form-wrapper > #comment-form-send-dialog h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form-send-dialog p {
  font-size: 0.8571428571428571em;
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
  border: 0;
}
.comments #comment-form-wrapper > #comment-form-send-dialog footer .close:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: #008c96;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: #fbca0b;
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: #dd0069;
}
.yle-sami-radio .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: #0063b8;
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  color: #ffffff;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  color: #000000;
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  color: #ffffff;
}
.yle-sami-radio .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  color: #ffffff;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form-send-dialog footer .close {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.comments #comment-form-wrapper > #comment-form {
  background: #fff;
  clear: both;
  border: 1px solid #e1e1e1;
  padding: 20px;
  display: none;
}
.comments #comment-form-wrapper > #comment-form > footer > button {
  border: 0;
  background-color: #75ac00;
  color: #fff;
  background: #0063b8;
  color: #ffffff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0463ac), color-stop(100%, #0075cf));
  background: -webkit-linear-gradient(top, #0463ac, #0075cf);
  background: -moz-linear-gradient(top, #0463ac, #0075cf);
  background: -o-linear-gradient(top, #0463ac, #0075cf);
  background: linear-gradient(top, #0463ac, #0075cf);
  cursor: pointer;
  display: inline-block;
  font-size: 0.7857142857142857em;
  font-weight: bold;
  padding: 4px 10px;
}
.comments #comment-form-wrapper > #comment-form > footer > button:hover {
  background-color: #6ea100;
  /*background-color: #60a300;*/
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form > footer > button {
  background: #008c96;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form > footer > button {
  background: #fbca0b;
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form > footer > button {
  background: #dd0069;
}
.yle-sami-radio .comments #comment-form-wrapper > #comment-form > footer > button {
  background: #0063b8;
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form > footer > button {
  color: #ffffff;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form > footer > button {
  color: #000000;
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form > footer > button {
  color: #ffffff;
}
.yle-sami-radio .comments #comment-form-wrapper > #comment-form > footer > button {
  color: #ffffff;
}
.yle-puhe .comments #comment-form-wrapper > #comment-form > footer > button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbca0b), color-stop(100%, #c8a000));
  background: -webkit-linear-gradient(top, #fbca0b, #c8a000);
  background: -moz-linear-gradient(top, #fbca0b, #c8a000);
  background: -o-linear-gradient(top, #fbca0b, #c8a000);
  background: linear-gradient(top, #fbca0b, #c8a000);
}
.yle-radio-1 .comments #comment-form-wrapper > #comment-form > footer > button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0069), color-stop(100%, #c1005d));
  background: -webkit-linear-gradient(top, #dd0069, #c1005d);
  background: -moz-linear-gradient(top, #dd0069, #c1005d);
  background: -o-linear-gradient(top, #dd0069, #c1005d);
  background: linear-gradient(top, #dd0069, #c1005d);
}
.yle-klassinen .comments #comment-form-wrapper > #comment-form > footer > button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c96), color-stop(100%, #117d8a));
  background: -webkit-linear-gradient(top, #008c96, #117d8a);
  background: -moz-linear-gradient(top, #008c96, #117d8a);
  background: -o-linear-gradient(top, #008c96, #117d8a);
  background: linear-gradient(top, #008c96, #117d8a);
}
.comments #comment-form-wrapper > #comment-form > footer > button.comment-form-cancel {
  background-color: #aaa;
}
.comments #comment-form-wrapper > #comment-form > footer > button.comment-form-cancel:hover {
  background-color: #999;
}
.comments #comment-form-wrapper > #comment-form > footer > button.comment-form-submit {
  margin-right: 5px;
}
.comments #comment-form-wrapper > #comment-form > footer > div {
  font-size: 0.8571428571428571em;
}
.comments #comment-form-wrapper > #comment-form > footer > div.error-dialog {
  padding-top: 20px;
  color: #cf2700;
}
.comments #comment-form-wrapper > #comment-form > h1 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form > .info {
  font-size: 0.8571428571428571em;
  margin-bottom: 5px;
}
.comments #comment-form-wrapper > #comment-form > .info.moderateInfo {
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form > label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.comments #comment-form-wrapper > #comment-form > label.active {
  display: block !important;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container {
  font-weight: normal;
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container > .charleft {
  width: 100%;
  text-align: right;
  font-size: 0.7857142857142857em;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container > .charleft.textarea-counter-display {
  color: #444444;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container > .charleft.textarea-counter-warning {
  color: #ff6600;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container > textarea {
  border: 1px solid #444;
  min-height: 100px;
  resize: vertical;
  width: 100%;
}
.comments #comment-form-wrapper > #comment-form > .textarea-container > textarea.validation-error {
  border: 1px solid #cf2700;
}
.comments #comment-form-wrapper > #comment-form > input {
  border: 1px solid #444;
  padding: 5px 0;
  width: 100%;
  margin-bottom: 20px;
}
.comments #comment-form-wrapper > #comment-form > input.validation-error {
  border: 1px solid #cf2700;
}
.comments #comment-form-wrapper > #comment-form > input.active {
  display: block !important;
}
.comments.showAll > #article-comments > li.first-on-page {
  border-top: 10px solid #f1f1f1;
}
.comments.showAll > #article-comments > li.first-on-page:first-child {
  border-top: 0;
}
.comments > #article-comments {
  float: left;
  width: 100%;
}
.comments > #article-comments > li {
  border-top: 10px solid #f1f1f1;
  padding-bottom: 20px;
}
.comments > #article-comments > li.first-on-page {
  border-top: 0;
}
.comments > #article-comments > li header {
  margin-bottom: 20px;
}
.comments > #article-comments > li header > h1 {
  background-position: -600px -278px;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 5px;
  padding-left: 25px;
}
.comments > #article-comments > li header > h1 > time {
  margin-left: 5px;
  font-weight: normal;
}
.comments > #article-comments > li header > .report-comment {
  color: #222222;
  font-size: 0.8571428571428571em;
}
.comments > #article-comments > li header > .report-comment:hover {
  color: #777777;
}
.comments > #article-comments > li > footer > a {
  font-size: 0.8571428571428571em;
}
.comments > #article-comments > li > footer #comment-form-wrapper {
  padding-top: 0;
}
.comments > #article-comments > li > .root-comment {
  padding-top: 20px;
}
.comments > #article-comments > li > .root-comment.highlighted {
  background-color: #f1f1f1;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.comments > #article-comments > li > .root-comment > p {
  margin-bottom: 20px;
}
.comments > #article-comments > li > .comment-replies {
  border-top: 1px solid #e1e1e1;
}
.comments > #article-comments > li > .comment-replies > #article-comments > li {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
  margin-left: 40px;
}
.comments > #article-comments > li > .comment-replies > #article-comments > li.highlighted {
  background-color: #f1f1f1;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.comments > #article-comments > li > .comment-replies > #article-comments > li:first-child {
  border-top: 0;
}
.comments > #article-comments > li > .comment-replies > #article-comments > li > p {
  color: #606060;
  margin-bottom: 20px;
}
@media screen and (min-width: 767px) {
  .comments > header > h1 {
    font-size: 1.1428571428571428em;
  }
}
@media screen and (min-width: 980px) {
  .comments .pagination > nav > .jp-firstPage,
  .comments .pagination > nav > .jp-lastPage {
    display: block;
  }
  .comments #comment-form-wrapper > #comment-form > input {
    width: 60%;
  }
  .comments > #article-comments > li header {
    zoom: 1;
  }
  .comments > #article-comments > li header:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .comments > #article-comments > li header:before,
  .comments > #article-comments > li header:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .comments > #article-comments > li header:after {
    clear: both;
  }
  .comments > #article-comments > li header > h1 {
    margin-bottom: 0;
    float: left;
  }
  .comments > #article-comments > li header > .report-comment {
    float: right;
  }
  .comments > #article-comments > li > .comment-replies {
    border-top: 1px solid #e1e1e1;
  }
  .comments > #article-comments > li > .comment-replies > #article-comments > li {
    margin-left: 70px;
  }
}
.moment-by-moment .content {
  zoom: 1;
  position: relative;
}
.moment-by-moment .content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.moment-by-moment .content:before,
.moment-by-moment .content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.moment-by-moment .content:after {
  clear: both;
}
.moment-by-moment .content ul {
  list-style-type: disc;
  margin-left: 1.25em;
  zoom: 1;
}
.moment-by-moment .content ul:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.moment-by-moment .content ul:before,
.moment-by-moment .content ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.moment-by-moment .content ul:after {
  clear: both;
}
.moment-by-moment .content ul li {
  margin-bottom: 10px;
}
.moment-by-moment .content .feed > thead > tr > td {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: 0px -234px;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  min-height: 26px;
  padding-left: 36px;
  font-weight: normal;
  text-align: left;
}
.moment-by-moment .content .feed > tbody > tr > td.title {
  font-weight: bold;
  text-align: left;
  min-height: 26px;
  *width: auto;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-info {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: 0px -234px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-red-card {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -26px -208px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-yellow-card {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -52px -182px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-clock {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -78px -156px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-goal {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -104px -130px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-penalty {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -130px -104px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-chequered-flag {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -156px -78px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-roster {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -182px -52px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-transfer {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -208px -26px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td.title.icon-twitter {
  background-image: url(../bg/moment-by-moment-sprites.png);
  background-position: -234px 0px;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.moment-by-moment .content .feed > tbody > tr > td {
  float: left;
  *float: none;
  padding-bottom: 20px;
  width: 100%;
  *width: auto;
}
.moment-by-moment .content > footer {
  margin-bottom: 40px;
}
@media screen and (min-width: 767px) {
  .moment-by-moment #container > .content > header {
    float: left;
    width: 100%;
  }
  .moment-by-moment #container > .content > header > .hgroup {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .moment-by-moment #container > .content > header > .hgroup > h1 {
    font-size: 2.5714285714285716em;
  }
  .moment-by-moment #container > .content > header > .main-points {
    clear: right;
    float: right;
    width: 34.2%;
    /*34*/
  }
  .moment-by-moment #container > .content > .text {
    float: left;
    width: 61.7%;
    /*61.9*/
  }
  .moment-by-moment #container > .content > .related {
    background: url(../bg/border.png) repeat-y;
    clear: right;
    float: right;
    padding-left: 2.05%;
    width: 34.2%;
    /*34*/
  }
}
@media screen and (min-width: 787px) {
  .moment-by-moment .content .feed > tbody > tr > td.title {
    padding-bottom: 20px;
    padding-right: 20px;
    white-space: nowrap;
  }
  .moment-by-moment .content .feed > tbody > tr > td {
    float: none;
    width: auto;
  }
}
.liftup-basic a.load-more {
  background-color: #292929;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  cursor: pointer;
  text-align: center;
  display: block;
  clear: both;
  text-decoration: none;
  font-size: 13px;
}
.liftup-basic a.load-more span {
  padding-left: 25px;
  background-image: url('../img/icon-toggle.png');
  background-repeat: no-repeat;
  background-position: 0px -58px;
  text-transform: uppercase;
}
.liftup-basic a.load-more.loading {
  background-image: url(../bg/loading-bg-grey.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.liftup-basic a.load-more.loading:hover {
  background-color: #eee;
}
div#ylefiheader {
  overflow: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div#ylefiheader * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 9.5px;
}
h1 span.program-title {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
}
h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 19px;
  padding-bottom: 10px;
  color: #222222;
}
a:hover {
  text-decoration: none;
  color: #777777;
}
p {
  font-size: 14px;
}
section header:after {
  clear: both;
}
section header > h1 {
  float: left;
  margin-top: 0px;
}
section header > .promonav > ul {
  padding-left: 60px;
}
section header > a.headerlink {
  position: absolute;
  display: block;
  top: 15px;
  right: 20px;
  color: #000;
}
section header > a.headerlink:hover {
  color: #777777;
}
@media screen and (max-width: 419px) {
  section header > a.headerlink {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
    font-size: 12px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #0063b8;
    color: #ffffff;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
  }
  .yle-klassinen section header > a.headerlink {
    background: #008c96;
  }
  .yle-puhe section header > a.headerlink {
    background: #fbca0b;
  }
  .yle-radio-1 section header > a.headerlink {
    background: #dd0069;
  }
  .yle-sami-radio section header > a.headerlink {
    background: #0063b8;
  }
  .yle-klassinen section header > a.headerlink {
    color: #ffffff;
  }
  .yle-puhe section header > a.headerlink {
    color: #000000;
  }
  .yle-radio-1 section header > a.headerlink {
    color: #ffffff;
  }
  .yle-sami-radio section header > a.headerlink {
    color: #ffffff;
  }
  section header > a.headerlink:hover {
    color: #fff;
  }
}
section article {
  margin-bottom: 20px;
}
.content-primary > .content-block > section {
  margin-bottom: 20px;
}
.content-block {
  margin-left: -20px;
  margin-right: -20px;
  zoom: 1;
}
.content-block:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.content-block:before,
.content-block:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.content-block:after {
  clear: both;
}
.content-block > article,
.content-block > header,
.content-block > nav,
.content-block > h1,
.content-block > h2 {
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
@media screen and (min-width: 787px) {
  .content-block > article,
  .content-block > header,
  .content-block > nav,
  .content-block > h1,
  .content-block > h2 {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .content-block > article,
  .content-block > header,
  .content-block > nav,
  .content-block > h1,
  .content-block > h2 {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .content-block > article,
  .content-block > header,
  .content-block > nav,
  .content-block > h1,
  .content-block > h2 {
    float: left;
    width: 100%;
  }
}
.content-block > header,
.content-block > h1,
.content-block > h2 {
  margin-top: 0;
  position: static;
}
.content-block > header:before,
.content-block > h1:before,
.content-block > h2:before {
  content: ' ';
  position: relative;
  display: block;
  height: 4px;
  margin-bottom: 10px;
  background: #0063b8;
}
.yle-klassinen .content-block > header:before,
.yle-klassinen .content-block > h1:before,
.yle-klassinen .content-block > h2:before {
  background: #008c96;
}
.yle-puhe .content-block > header:before,
.yle-puhe .content-block > h1:before,
.yle-puhe .content-block > h2:before {
  background: #fbca0b;
}
.yle-radio-1 .content-block > header:before,
.yle-radio-1 .content-block > h1:before,
.yle-radio-1 .content-block > h2:before {
  background: #dd0069;
}
.yle-sami-radio .content-block > header:before,
.yle-sami-radio .content-block > h1:before,
.yle-sami-radio .content-block > h2:before {
  background: #0063b8;
}
.content-block > header:after,
.content-block > h1:after,
.content-block > h2:after {
  content: ' ';
  position: relative;
  display: block;
  height: 1px;
  margin-bottom: 20px;
  background: #0063b8;
}
.yle-klassinen .content-block > header:after,
.yle-klassinen .content-block > h1:after,
.yle-klassinen .content-block > h2:after {
  background: #008c96;
}
.yle-puhe .content-block > header:after,
.yle-puhe .content-block > h1:after,
.yle-puhe .content-block > h2:after {
  background: #fbca0b;
}
.yle-radio-1 .content-block > header:after,
.yle-radio-1 .content-block > h1:after,
.yle-radio-1 .content-block > h2:after {
  background: #dd0069;
}
.yle-sami-radio .content-block > header:after,
.yle-sami-radio .content-block > h1:after,
.yle-sami-radio .content-block > h2:after {
  background: #0063b8;
}
@media screen and (min-width: 1260px) {
  .content-prio-3 .content-block > header:after,
  .content-prio-3 .content-block > h1:after,
  .content-prio-3 .content-block > h2:after {
    background: #e1e1e1;
    margin-bottom: 0;
  }
}
.content-prio-1,
.content-prio-3 {
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
@media screen and (min-width: 787px) {
  .content-prio-1,
  .content-prio-3 {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .content-prio-1,
  .content-prio-3 {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .content-prio-1,
  .content-prio-3 {
    float: left;
    width: 100%;
  }
}
.content-prio-2 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 787px) {
  .content-prio-2 {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1000px) {
  .content-prio-2 {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1260px) {
  .content-prio-2 {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1260px) {
  .content-prio-3 {
    margin-bottom: 0;
  }
}
#container {
  margin-top: 38px;
}
@media screen and (max-width: 786px) {
  #container {
    margin: 0 auto;
    width: 94%;
    max-width: 580px;
  }
}
@media screen and (min-width: 787px) {
  #container {
    width: 760px;
  }
}
@media screen and (min-width: 1000px) {
  #container {
    width: 980px;
  }
}
@media screen and (min-width: 1260px) {
  #container {
    width: 1280px;
  }
}
.content-primary {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1260px) {
  .content-primary {
    float: left;
    width: 77.77777777777779%;
  }
}
.content-primary aside {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 38px;
}
@media screen and (min-width: 787px) {
  .content-primary aside {
    float: left;
    width: 35.714285714285715%;
  }
}
@media screen and (min-width: 1000px) {
  .content-primary aside {
    float: left;
    width: 35.714285714285715%;
  }
}
@media screen and (min-width: 1260px) {
  .content-primary aside {
    float: left;
    width: 35.714285714285715%;
  }
}
.content-secondary {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 787px) {
  .content-secondary {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .content-secondary {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .content-secondary {
    float: left;
    width: 22.22222222222222%;
  }
}
@media screen and (min-width: 1260px) {
  .content-secondary {
    border-left: 1px solid #e1e1e1;
  }
}
.content-secondary .content-block > header {
  margin-bottom: 20px;
}
nav.dropdown-close {
  display: none;
}
.basic-icon {
  background-image: url(../bg/basic-sprites.png);
  background-repeat: no-repeat;
}
.svg .basic-icon {
  background-image: url(../bg/basic-sprites.svg);
}