/* COLUMNS ------------------------------------------------------------------------------ */

.c313 article {
overflow: visible;
}

.videos article img {
padding-bottom:20px;
}

.economics .c313 article, .opinion .c313 article {
height: auto;
overflow: auto;
}

.jobbenfi {
border: 1px solid #e8e8e8;
font-size: 12px;
}

.jobbenfi ul {
padding: 8px;
}

.jobbenfi li {
padding: 3px 0;
}

.jobbenfi a {
font-weight: bold;
}

/* HEADER -------------------------------------------------------------------------------- */

div.pageheader div:first-child {
margin-right: 20px;
}

div#sitelinks div {
width: 640px;
float: left;
padding: 5px 10px;
}

div#sitelinks div:last-child, div#sitelinks div.last {
text-align: right;
width: 340px;
}

div#sitelinks div:last-child ul, div#sitelinks div.last ul {
float: right;
}

div#sitelinks ul li {
float: left;
}

div#sitelinks ul li:after {
content: "|";
padding: 0 3px;
}

div#sitelinks ul li:last-child:after, div#sitelinks ul li.last:after {
content: none;
padding: 0;
}

div#sitelinks ul a {
padding: 0 8px;
text-decoration: none;
color: #000;
}

div#sitelinks ul li:first-child a {
padding-left: 0;
}

div#sitelinks ul li:last-child a {
padding-right: 0;
}

div.weather ul, div.weather img {
float: left;
width: 65px;
}

div.weather ul {
width: 82px;
}

div.weather img {
padding: 7px 3px 0 0;
}

div.weather canvas {
padding-top: 8px;
}

div.brand {
text-align: center;
position: relative;
}

div.brand img {
margin: 5px auto;
}

.vb div.brand img {
margin: 11px auto 0;
}

.vb div.brand p {
padding-top: 3px;
}

.sy div.brand img {
width: 400px;
}

div.brand.ot img {
margin: 0 auto;
position: relative;
margin-top: -18px;
}

div.editor {
border-left: 1px dotted #232323;
margin-left: -7px;
padding-left: 5px;
}

div.editor img {
float: right;
padding: 0 0 0 3px;
}

div.editor img.tipsa {
float: none !important;
padding: 0 0 2px 0;
}

div.editor h3 {
font: 14px "Duplicate Light", sans-serif;
padding: 2px 0 0;
}

div.topics h3 {
float: left;
}

div.topics li {
float: left;
}

div.topics {
border: 1px solid #dbdbdb;
width: 962px;
margin-top: 10px;
padding: 8px;
}

div.topics ul li:after {
content: "|";
padding: 0 3px;
}

div.topics ul li:last-child:after {
content: none;
padding: 0;
}

div.topics ul a {
padding: 0 15px;
text-decoration: none;
color: #000;
}

/* ADS ----------------------------------------------------------------------------------- */

.c313 .ad {
margin: 10px auto 10px;
background-color: #f5f5f5;
}

/* Tapet */
.tapet {
margin-bottom: 0;
}

.topbanner {
padding: 10px 0;
}

div.ad {
background-color: #f0f0f0;
text-align: center;
}

.c980.ad.head {
margin: 0 auto;
display: block;
min-height: 0;
background: none;
}

.c980.ad.head .ad {
background: none;
}

div.ad.head:empty {
display: none;
}

div.video div.ad {
background-color: #000;
}

div.ads div.c230 iframe, div.ads div.c230.ad iframe, div.ads div.c230.ad script, div.ads div.c230.ad object {
margin: 0 auto;
}

div.ads div.c230 {
background-color: #f0f0f0;
}

div.ads div.c230 iframe {
display: block;
}

div.c480.ad {
height: 400px;
padding: 6px 0;
}

div.c730.ad {
margin-right: 20px;
background-color: #fff;
height: 90px;
}

div.c730.ad img {
display: block;
}

div.ad img {
margin: 0 auto;
padding: 0;
display: block;
}

div.close {
height: 32px;
width: 956px;
color: #000;
text-align: right;
margin: 0 auto;
padding: 0;
line-height: 32px;
background-color: #d1d1d1;
}

/* VIDEO ----------------------------------------------------------------------------------- */

div.video {
background-color: #000;
width: 313px;
min-height: 426px;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}

div.video header {
position: relative;
z-index: 999;
overflow: auto;
}

div.video header img {
float: right;
padding: 3px 5px 0 0;
}

div.video article {
margin: -13px 0 20px 0;
padding: 0;
position: relative;
}

div.video article img {
width: 313px;
padding: 3px 0 10px;
}

div.video .play {
position: static;
z-index: 900;
margin-top: -150px;
width: auto;
margin-right: auto;
margin-left: auto;
padding-bottom: 50px;
}

div.video h2, div.video p, div.video ul { 
padding: 3px 15px;
}

div.video p span {
padding: 0 3px;
background-color: #ce441f;
font-weight: bold;
}

div.video li, .row.dark article li {
display: inline;
padding: 0 8px 0 0;
}

div.video li:before, .row.dark article li:before {
content: url('/Content/images/layoutbilder/checked_red_pos.png');
padding: 0 5px 0 0;
white-space: nowrap;
}

.c313 .play {
position: absolute;
width: 60px;
}

.c480 .play {
position: absolute;
width: 40px;
}

.c647 .play {
position: absolute;
width: 45px;
}

.c647 .video {
width: 200px;
float: right;
clear: right;
height: auto;
min-height: 20px;
background-color: #fff;
padding-top: 10px;
padding-right: 30px;
padding-left: 20px;
}

.c647 .video img {
width: 200px;
}

.c647 .video img.play {
width: auto;
}

div.btn {
background-color: #ce441f;
border: 1px solid #ce441f;
border-radius: 3px;
background: linear-gradient(to bottom, #e34b21, #ce441f);
color: #fff;
width: 270px;
margin: 5px 10px 10px 15px;
padding: 3px 5px;
text-align: center;
}

.arkivBtn {
background-color: #ce441f;
float:right;
border: 1px solid #ce441f;
border-radius: 3px;
background: linear-gradient(to bottom, #e34b21, #ce441f);
color: #fff;
width: 80px;
margin: 5px 0px 10px 0px;
padding: 3px 5px;
text-align: center;
}

.widget.crosslinks a.btn_red {
background-color: #fe0000;
border: 1px solid #fe0000;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 3px 5px;
}

/* WIDGETS ------------------------------------------------------------------------------------ */

.widget {
overflow: auto;
}

article .widget {
padding: 3px 0 6px;
}

.list .widget {
margin: 0 0 3px 0;
padding: 0;
}

.c313 .widget {
padding: 4px 0;
}

.widget.tabs {
margin-bottom: 20px;
}

.widget.tabs h2 {
width: 240px;
border-bottom: 1px solid #dbdbdb;
}

.widget.tabs ul {
width: 240px;
float: right;
}

.widget.tabs li {
float: left;
}

.widget.tabs li {
margin-right: 1px;
padding: 4px 14px;
border: 1px solid #dbdbdb;
background-color: #ededed;
cursor: pointer;
}

.widget.tabs li.active {
border-bottom: 1px solid #fff;
background-color: transparent;
cursor: pointer;
}

.widget.published {
margin: 15px 0 0;
padding: 0;
display: block;
line-height: 21px;
}

.newspic .widget {
padding-top: 8px;
}

.widget.publishedFront {
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline-block;
}

.widget.social-share {
margin: 0;
padding: 0 3px 5px 0;
font-size: 14px;/*19*/
line-height: 32px;
font-weight: 700;
color: #2e2e2e;
float: right;
}

.widget.social-share span {
border-left: 1px solid #e8e8e8;
margin-left: 12px;
padding: 10px 0 10px 20px;
}

.widget.social-share span span {
border-left: none;
padding: 0;
}

article .widget.social-share a {
display: inline-block;
vertical-align: top;
line-height: 100%;
}

.social-share-footer {
display: inline-block;
float: right;
}

.widget.articleInfo div {
display: inline-block;
}

.widget.articleInfo .author a {
cursor: pointer;
font-weight: 700;
font-size: 14px;
}

.widget.articleInfo .author a:hover {
text-decoration: underline;
}

.authorWrapper {
margin: 0 0 20px 20px;
padding: 10px 0 0px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
border-bottom: 1px solid #ccc;
}

.c647.page label, .header.page label {
display: block;
font-family: "Publico Light", Arial, sans-serif;
font-size: 25px;
line-height: 120%;
text-align: center;
padding: 0 80px 20px;
margin: 0;
border-bottom: 1px solid #000;
}

.c647.page label {
padding: 0 10px 20px;
}

.commencount_topspace {
padding-top:3px;
}

.articlecol .widget {
margin: 0 0 0 0;
}

.articlecol .widget.location {
margin: 20px 0;
border: 0;
padding: 0;
}

.widget.crosslinks {
margin: 40px 0;
border: 0;
padding: 0;
}

.crosslinks article {
overflow: auto;
margin: 0;
padding: 20px 20px 20px 0;
border-bottom: 1px solid #dbdbdb;
height: auto;
font-size: 14px;
}

.crosslinks article time {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.crosslinks article .newspic {
float: left;
width: 120px;
overflow: hidden;
height: auto;
padding: 0 12px 0 0;
margin-bottom: 0;
}

.crosslinks article .newspic img {
width: 100%;
height: 100%;
}


.c647 .widget.crosslinks article h3 {
font-size: 20px;
font-weight: 700;
line-height: 120%;
}

.crosslinks article time {
padding-top: 4px;
}

img.unlocked {
float: left;
margin: 4px 4px 0 0;
}

.widget.number {
margin: 0 auto; 
text-align: center; 
width: 60%; 
font-family: 'Duplicate Bold', sans-serif;
font-size: 20px;
line-height: initial;
}

.widget-inner-number {
color: #c21632; 
font-size: 58px;
}

/* NEWSLIST ----------------------------------------------------------------------------------- */

div.list article, article.md {
overflow: auto;
margin-bottom: 20px;
}

div.list > article:last-child {
margin-bottom: 0;
}

div.list article .newspic, article.md .newspic {
overflow: hidden;
max-height: 100px;
float: left;
position: relative;
padding-right: 13px;
padding-bottom: 10px;
}

ul.list li {
border-bottom: 1px solid #dbdbdb;
}

ul.list.short {
margin: 0 0 15px 0;
}

.c313 ul.list.short li {
height: 29px;
line-height: 29px;
overflow: hidden;
}

ul.list.short.large li {
height: auto;
overflow: auto;
line-height: 120%;
}

ul.list.short img {
display: inline;
padding: 0 3px;
}

ul.list.long {
margin: 0 0 15px 0;
}

ul.list.long li {
padding: 12px 0;
}

ul.list.long span {
display: block;
}

ul.list.long b {
text-transform: uppercase;
font-size: 14px;
font-family: "Duplicate Bold", Arial, sans-serif;
padding: 1px 3px;
}

.opinion ul.list.long {
font-size: 14px;
line-height: 17px;
}

.opinion ul.list.long span {
margin: 0 0 8px;
font-size: 16px;
}

/* ROWS --------------------------------------------------------------------------------------- */

.row.content {
padding-top: 20px;
}

/* ARTICLE ------------------------------------------------------------------------------------ */

.share {
overflow: auto;
margin: 20px 0;
height: 400px;
}

.share img {
float: left;
padding: 0 8px 0 0;
}

.page .quote {
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
}

.quote .q-text {
font-family: "Publico Bold", Arial, sans-serif;
font-size: 24px;
color: #c21632;
line-height: 120%;
padding-bottom: 5px;
}

.quote .q-author {
font-family: "Duplicate Bold", Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.page .facts, .c647 .video header {
margin: 20px 0 0px 0;
border-top: 18px solid #ccc;
border-bottom: 1px solid #dcdcdc;
padding: 7px 0;
font-size: 12px;
line-height: 140%;
}

.c647 .video header {
margin: 15px 0 5px 25px;
}

.c647 .video span {
margin: 10px 0;
display: inline-block;
}

.c647 .facts h4, .c647 .video header {
font-family: "Duplicate Bold", "Open Sans", Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 110%;
padding: 1px 0 10px;
border-bottom: 1px solid #dcdcdc;
}

/* nyheter */
.c1 .page .facts, .c2 .page .facts, .c4 .page .facts, .c7 .page .facts, 
.c1 .c647 .video header, .c2 .c647 .video header, .c4 .c647 .video header, .c7 .c647 .video header  {
border-top: 14px solid #009ace;
}

/* sport */
.c3 .page .facts, .c3 .c647 .video header {
border-top: 14px solid #ee9100;
}

/* kultur */
.c5 .page .facts, .c5 .c647 .video header {
border-top: 14px solid #56b1bf;
}

/* opinion */
.c6 .page .facts, .c6 .c647 .video header {
border-top: 14px solid #499c2d;
}

/* tema, fyll på */
.c9 .page .facts, .c10 .page .facts, .c12 .page .facts,  
.c9 .c647 .video header, .c10 .c647 .video header, .c12 .c647 .video header {
border-top: 14px solid #c3006b;
}

.page .facts ul {
margin: 10px 0 10px 2px;
}

.page .facts ul li {
padding: 5px 8px 5px 0;
list-style-type: initial;
list-style-position: outside;
margin: 0 0 0 15px;
font-size: 16px;
line-height: 24px;
}

.c313.page .articlebox li {
margin: 10px 0;
}

.tags div {
margin: 0;
padding: 3px;
display: inline-block;
}

/* NEWSPICS -------------------------------------------------------------------------------------- */

.c647 .newspic {
margin-bottom: 10px;
}

.c647 article.main .newspic {
    clear: both;
    max-height: 435px;
    overflow: hidden;
}

.c647 .newspic.large {
padding-bottom: 10px;
}

.c647 .newspic.left {
width: 290px;
float: left;
padding: 10px 13px 10px 0;
}

.c647 .newspic.right {
width: 290px;
float: right;
padding: 10px 20px 10px 13px;
}

.c647 .newspic.center {
width: 647px;
float: none;
padding: 30px 0 0;
margin-bottom: -20px;
}

.c647.page .newspic.left p, .c647.page .newspic.right p, .c647.page .newspic.center p {
margin: 0;
padding: 2px 0;
}

.c313 .newspic {
width: 313px;
height: 209px;
height: 195px;
overflow: hidden;
margin-bottom: 8px;
}

.c313 .newspic.webb-tv {
position: relative;
}

.newspic .widget, .newspic p {
display: none;
}

.c647.page .newspic .widget, .c647.page .newspic p {
display: inherit;
}

/*POLL*/

#resultWrapper, #voteWrapper, #poll {
display:block;
float:left;
width:280px;
}

#totalVotes {
display:block;
float:left;
margin-top:20px;
width:100%;
}

.altName {
display:block;
float:left;
width:100%;
margin-bottom:8px;
font-weight:bold;
}

.altWrapper {
display:block;
max-width:210px;
}

.alt {
display:block;
float:left;
height:25px;
background-color:#efefef;
margin-bottom:8px;
}

.voteAmount {
font-size:11px;
}

#resultBtn {
cursor: pointer;
}

/*POLL END*/

/* FORMS ---------------------------------------------------------------------------------- */

table td {
padding: 3px;
}

.event {
display: inline;
}

.articlebox {
border: 1px solid #dbdbdb;
background-color: #ededed;
padding: 0 20px 20px;
}

.articlebox h3 {
margin: 25px 0 10px;
}

/* CHAT ---------------------------------------------------------------------------------- */

.chat form {
padding-bottom: 15px;
}

.chat textarea {
border: 1px solid #ccc;
padding: 0 6px;
margin: 5px 0 8px 0;
}

.chat input[type="submit"] {
border: 1px solid #ccc;
height: 32px;
line-height: 32px;
margin-right: 6px;
padding: 0 12px;
float: right;
}

.post {
width: 600px;
padding: 30px 0 20px;
border-bottom: 1px dotted #999;
}

.post .answer {
margin-top: 20px;
}

.post .question.moderator {
border-left: 8px solid  #fdb834;
padding: 5px 15px;
}

article.page .post p {
margin-right: 10px;
}

.wrapper {
border-top: 8px solid #000;
}

.wrapper img, .timestamp {
width: 60px;
float: left;
padding: 0 18px 10px 0;
font-size: 16px;
font-weight: bold;
color: #0155ba;
}

.wrapper .byline {
font-size: 16px;
font-weight: bold;
margin-bottom: -7px;
}

.wrapper .content, .wrapperLive .content {
overflow: auto;
}

.chat .articlebox {
padding-top: 20px;
padding-bottom: 20px;
overflow: auto;
}

.chat .articlebox p {
padding: 6px 0 12px;
}

/* Live -----------------------------------------------------------------------------------*/

.postLive {
width: 600px;
padding: 25px 0 15px;
border-bottom: 1px dotted #999;
}

.wrapperLive img, .livePic {
width: 50px;
float: left;
padding: 0 18px 10px 0;
}

.bylineLive {
font-size: 16px;
font-weight: bold;
margin-bottom: -7px;
}

/* ACCESS -------------------------------------------------------------------------------- */

.access {
background-color: #fdb834;
padding: 30px;
margin: 30px 0;
}

.access a {
text-decoration: underline;
}

.access h1 {
line-height: 110%;
}

.activate {
background-color: #fff;
padding: 20px;
}

/* VÄDER --------------------------------------------------------------------------------- */

table.vader {
width: 642px;
margin: 10px 0 50px 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #ccc;
}

table.vader thead td {
background-color: #e6eef6;
padding: 0 20px 0 20px;
}

table.vader td {
text-align: center;
padding: 0;
line-height:60px;
}

table.vader img {
max-width:46%;
margin-left:auto;
margin-right:auto;
width:70%;
padding: 0;
}

/* VÄDER 5 DYGNS PROGNOS------------------------------------------------------------------- */

p.date {
text-align:center;
font-weight:bold;
text-transform:capitalize;
padding: 5px 0 0 0;
}

p.temperature {
width:24px;
color:red;
font-weight:bold;
float:left;
padding:6px 0 2px 8px;
}

p.wind {
width: 45px;
font-weight:bold;
float:right;
padding:6px 7px 2px 0;
}

/* Agree & disagree */

.digg {
cursor:pointer;
float:left;
margin-right:6px;
}

.noclick {
float:left;
margin-right:6px;
}

.diggBox {
float:left;
width:18%;
}

.answerLinkBox {
float:left;
width:7%;
}

.answerLink {
cursor:pointer;
padding-top:4px;
color:#707070;
font-size:12px;
}

.answerBox {
float:left;
width:100%;
margin:15px 0px 10px 0px;
}

.reportLinkBox {
float:right;
width:3%;
}

.reportLink {
cursor:pointer;
padding-top:4px;
}

.reportedLink {
padding-top:4px;
}

.reportBox {
float:left;
width:100%;
margin:15px 0px 10px 0px;
}

.diggWrapper {
float:left;
width:100%;
border-bottom: 1px dotted #ddd;
padding-bottom:10px;
}

.agreeColor {
color:#393;
font-size:12px;
}

.disagreeColor {
color:#c00;
font-size:12px;
}

.notvotedColor {
color:#bfbfbf;
font-size:12px;
}

/* Arkiv -------------------------------------------------------------- */

.searchform {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #f6f6f6;
margin: 0 0 20px 0;
padding: 20px 15px;
}

.searchform span {
float: left;
line-height: 30px;
padding: 0 8px 0 0;
}

.searchform input {
padding: 5px;
width: 50px;
}

.searchform input[type=text] {
border: 1px solid #abadb3;
width: 350px;
display: inline-block;
}

.searchpage li {
width: 550px;
border-bottom: 1px dotted #ccc;
margin: 18px 0;
padding: 0 20px 20px 0;
}

.searchpage h2 a {
color: #0f5a9a;
font-size: 16px;
}

.searchpage li div {
font-size: 13px;
color: #666;
margin: 5px 0;
}

.c313.searchpage h3 {
width: 250px;
border-bottom: 1px solid #000;
margin: 0 0 15px;
padding: 130px 0 5px;
}

.c313.searchpage ul {
width: 250px;
border-bottom: 1px dotted #ccc;
margin: 0 0 20px;
padding: 6px 0 20px;
}

.c313.searchpage li {
border-bottom: 0;
font-size: 0.90em;
margin: 0;
padding: 0 0 0 14px;
line-height: 18px;
background: url(https://cdn.hssmedia.fi/Content/Icons/arrow_small.gif) center left no-repeat;
}

.c313.searchpage li.selected {
width: 230px;
background: #1167b0;
padding: 5px 7px;
}

.c313.searchpage li.selected a {
color: #fff;
}

.c313.searchpage li.selected span {
padding: 0;
font-weight: bold;
float: right;
}

.c313.searchpage a {
color: #0f5a9a;
}

#star img {
display:inline;
}

#scrollContainer {
color: #222; 
background: white; 
padding: 10px; 
width: 300px;
height: 160px; 
overflow: auto; 
float: left; 
}

/* Sök artikel */

.searchpage {
font-family: "Open Sans", sans-serif;
}

.page .searchpage h1  {
font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: bold;
margin: 20px 0 10px;
}

.search-result-item {
margin: 5px 0 12px;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 14px;
}

.search-result-info {
display: block;
font-size: 13px;
}

.search-result-headline {
font-weight: bold;
font-size: 16px;
line-height: 120%;
}

/* Mest läst och kommenterat -------------------------------------------------------------- */

.row.most-read, .row.most-commented {
width: 1020px;
height: 70px;
background-color: #232323;
color: #fff;
padding: 0;
}

.row.most-read .c230, .row.most-commented .c230 {
width: 239px;
height: 70px;
border-right: 1px solid #fff;
padding-top: 8px;
overflow: hidden;
position: relative;
}

.row.most-read .c230.first, .row.most-commented .c230.first {
padding-top: 0;
}

.row.most-read .c230:last-child, .row.most-commented .c230.last {
border-right: 0px solid #fff;
}

.row.most-read article, .row.most-commented article {
height: 50px;
overflow: hidden;
}

.row.dark article {
color: #fff;
}

.row.dark h3 {
color: #fff;
font-family: "Publico Banner Light Web", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
letter-spacing: 0;
padding: 7px 0;
display: inline;
}

/* NY FORMULÄRFORMATERING, TIDNINGSSPECIFIK --------------------------------------------------------------------------------- */

.form {
font-size: 16px !important;
line-height: 47px;
margin: 0 0 0 0;
}

.c980.form {
margin-top: 20px;
}

.form span {
cursor: pointer;
}

#startBtn:after, #showMoviesBtn:after, #showSeriesBtn:after {
content: "|";
padding: 0 8px 0 12px;
}

.form ul li {
display: inline;
margin: 0 10px 0 0;
padding: 4px 9px;
}

.form ul li.active {
background: #499c2d; 
color: #fff;
}

.tv .form select {
width: 230px;
height: 47px;
border: 1px solid #499c2d;
margin-right: 10px;
padding: 13px 5px;
font-size: 16px !important;
line-height: 47px;
}

.linkBtn {
background: #499c2d; 
color: #fff; 
height: 45px;
border: 1px solid #499c2d; 
border-radius: 5px; 
padding: 0 30px; 
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 45px;
}

.linkBtn.small {
height: 30px;
line-height: 30px;
margin-bottom: 7px;
}

.ot .linkBtn {
background: #c21632; 
}

.sy .linkBtn {
background: #e4032e; 
}

.linkBtn a {
color: #fff; 
text-decoration: none !important;
}

/* TV-TABLÅER --------------------------------------------------------------------------------- */

.textpage ul a {
text-decoration: none;
padding-left: 4px;
}

.textpage .c230 {
white-space: nowrap;
}

.textpage .c230:last-child {
margin-right: 0;
}

.textpage .c230 li {
width: 210px;
height: 20px;
overflow: hidden;
}

.textpage .c230 ul {
margin-bottom: 30px;
}

.textpage ul li.weekday {
cursor: pointer;
}

.textpage .c230 li.past, .textpage .c230 li.past a {
color: #ccc;
}

.textpage .c230 li.current, .textpage .c230 li.current a {
color: #499c2d;
font-weight: bold;
}

.textpage ul {
list-style-type: none;
}

.textpage ul#favChannelsList li {
width: 300px;
height: 25px;
background:#efefef url(https://cdn.hssmedia.fi/Content/Images/Layout/tv-kanalbakgrund.jpg) no-repeat center center; 
text-align:center; 
padding:5px; 
margin:10px 0; 
cursor: move;
line-height: 25px;
}

.textpage .c230 img.logo {
float: right;
padding-right: 20px;
height: 20px;
max-width:80px;
}

.pInfo {
cursor: pointer;
}

a.tmp {
font-family: "Duplicate Thin Web", sans-serif;
font-size: 24px;
text-decoration: none !important;
line-height: 40px;
}

#backgroundPopup {
z-index:1000;
position: fixed;
display:none;
height:100%;
width:100%;
background:#000000;
top:0px;
left:0px;
}

#toPopup {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #ccc;
border-radius: 3px 3px 3px 3px;
color: #333333;
display: none;
font-size: 14px;
left: 50%;
margin-left: -402px;
position: fixed;
top: 25%;
width: 650px;
z-index: 1001;
}

div.close {
background: url("/Content/images/closebox.png") no-repeat scroll 0 0 transparent;
bottom: 24px;
cursor: pointer;
float: right;
height: 30px;
left: 27px;
position: relative;
width: 30px;
}

div#popup_content {
margin: 4px 7px;
}

.channelHead p {
margin-top:10px;
}

.loading {
width:250px;
height:45px;
background:#f7f7f7;
border: 2px solid #7ac566;
border-radius:3px;
text-align:center;
font-size:15px;
}

/* Instagram */

.instaLikes {
height: 16px;
position: absolute;
padding: 0 5px 0 22px;
line-height: 16px;
background: white url('/Content/images/fav.png') no-repeat 2px 0;
color:#0a72bb;
font-weight:bold;
}

/* Info box */

.newInfo {
float:left;
margin:20px 0px 10px 0px;
}

.shareBox {
border:1px solid #a2cbfc;
border-radius: 3px;
background-color:#e1edfb;
padding:10px;
}

/* END */

.timeLP {
margin-right:5px;
padding:1px 3px 1px 5px;
background-color:#efefef;
font-size:14px;
}

/*MEST LÄST JUST NU*/

.mest-last {
margin: 0 0 20px;
}

.mest-last img {
float: left;
}

.mest-last li {
background: #efefef;
color: #000;
font: 18px/25px "Publico Light", Arial, sans-serif;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
}

.mest-last a:hover {
color: #333;
text-decoration: underline;
}

.newsticker {
overflow: hidden;
}

.newsticker, .newsticker li {
height: 25px;
}

.mest-last hr {
margin: 4px 0;
}

/*WEBB-TV-STARTSIDA*/

.webb-tv-startsida {
background: rgba(7, 7, 7, 0.95);
margin: 0 0 20px 0;
}

.webb-tv-startsida h4 {
border-bottom: 1px solid #ce441f;
color: #fff;
display: inline-block;
font: 14px/100% "Duplicate Bold", sans-serif;
margin: 0 7px 5px;
padding: 7px 0 0 1px;
text-transform: uppercase;
}

#slider3-pager img {
float: left;
height: 66px;
margin: 0 0 1px;
width: 99px;
}

#slider3-pager a {
display: inline-block;
}

.rslides {
overflow: visible !important;
}

.rslides .huvudvideo {
height: 209px;
width: 313px;
}

.rslides_tabs {
list-style: none;
text-align: center;
width: 100%;
}

.rslides_tabs li {
display: inline;
float: none;
}

.rslides_tabs a {
width: auto;
line-height: 20px;
height: auto;
background: transparent;
display: inline;
}

.caption {
background: rgba(0,0,0,0.6);
bottom: -1px;
color: #f0f0f0;
display: block;
font: 18px "Duplicate Light", sans-serif;
left: 0;
right: 0;
padding: 8px;
position: absolute;
}

.caption:hover {
color: #f1f1f1;
text-decoration: underline;
}

.oid-logo {
float: right;
}

/*SENAST-PUBLICERAT*/

.senast-publicerat {
margin: 0 0 20px 0;
}

.senast-publicerat-header {
margin-bottom: 6px;
}

.senast-publicerat-scroller {
background: #efefef;
border-top: 1px solid #ddd;
overflow-x: hidden;
overflow-y: scroll;
}

div.senast-publicerat-scroller::-webkit-scrollbar {
background: #e5e5e5;
box-shadow: -1px 0px 0px 0px rgba(219, 219, 219, 1);
width: 12px;
}

div.senast-publicerat-scroller::-webkit-scrollbar-thumb {
background: #cbcbcb;
border-radius: 2px;
}

.senast-publicerat ul.list.short {
margin: 0;
}

.senast-publicerat ul.list.short li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
font-size: 14px;
font-weight: normal;
height: 30px;
line-height: 30px;
max-width: 299px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.senast-publicerat .timeLP {
font-weight: bold;
}

/*PLAY-KNAPP*/

.playknapp {
position: absolute;
}

.playknapp:hover {
opacity: 0.9;
}

.playknapp.startsida {
bottom: 70px;
left: 134px;
opacity: 0.9;
right: 134px;
top: 70px;
width: 45px !important;
}

.playknapp.startsida:hover {
opacity: 1;
}

.playknapp.oid {
top: 30px;
width: 45px !important;
}

.playknapp.lg {
bottom: 82px;
left: 134px;
right: 134px;
top: 82px;
width: 45px !important;
}

.playknapp.sm {
bottom: 36px;
left: 61px;
right: 61px;
top: 36px;
}

.oid-arkiv .play {
margin: 5px;
opacity: 0.9;
position: absolute;
}

.oid-arkiv .play:hover {
opacity: 1;
}

.row.latest-videos .newspic .playbutton {
background: transparent url("https://cdn.hssmedia.fi/Content/Images/WebbTV/play.svg") no-repeat center center;
background-size: 40px;
cursor: pointer;
height: 100%;
position: absolute;
width: 100%;
}

.row.val .c313 .newspic {
    position:relative;
}

.row.val .c313 .newspic .playbutton {
background: transparent url("https://cdn.hssmedia.fi/Content/Images/WebbTV/play.svg") no-repeat center center;
background-size: 25px;
cursor: pointer;
height: 100%;
position: absolute;
width: 100%;
}

.row.latest-videos .newspic .playbutton:hover {
opacity: 0.9;
}

/*SENASTE VIDEOR*/
.row.latest-videos .newspic {
margin: 0 13px 0 0;
padding: 0;
}
/*END OF SENASTE VIDEOR*/

/*BLOGGAR*/

.bloggar .newspic {
margin: 0 !important;
padding-right: 15px !important;
}

.bloggar h5 {
color: #c3006b;
font: 16px "Duplicate Bold", Arial, sans-serif;
padding: 0 0 3px;
text-transform: uppercase;
}

.bloggar h3 {
font: 20px "Publico Light", sans-serif;
padding: 2px 0;
}

.bloggar .blogpost {
float: right;
overflow: hidden;
width: 345px;
}

.bloggar .blogtext {
background: #e9e9e9;
height: 85px;
padding: 2px 5px;
}

.bloggar .blogtext span {
color: #c3006b;
font: 16px "Duplicate Bold", Arial, sans-serif;
white-space: nowrap;
}

/*END OF BLOGGAR*/

/*FIX*/

.row.content.videos.dark {
position: relative;
}

.zoom {
margin-top: -36px; /*-32*/
margin-left: 4px;
position: absolute;
width: 32px !important;
}

/*MISSA INTE*/

.row-2 {
display: inline-block;
margin: 20px 0 0;
}

/*END OF MISSA INTE*/

/*TAPET*/
.tapet-top {
height: 230px;
width: 1020px;
}
.tapet-right {
height: 1152px;
margin: -230px 0 10px -10px;
width: 230px;
}
/*END OF TAPET*/

/* PAYWALL DIGITAL */

.optimize .infotext {
margin: 0 0 40px;
line-height: 140%;
}

/* Facelift */

.widgetWrapper {
overflow: visible;
}

.widgetWrapper div {
    width: 647px;
}

article.articleview a {
color: #008bba;
}

#article-body {
font-size: 16px;
line-height: 24px;
padding-right: 70px;
}

#article-body h2 {
margin-bottom: -18px;
padding: 5px 0 0; 
font-family: 'Open Sans', sans-serif; 
font-weight: bold; 
font-size: 16px;
}

.c313 .call-outs {
background-color: #000;
color: #fff;
padding: 8px 0;
}

.c313 .call-outs .link {
text-align: center;
}

.c313 .call-outs .listitem {
padding: 8px 20px 0;
}

.c313 .call-outs .listheader {
display: block;
width: 200px;
margin: 8px auto 15px;
text-align: center;
border: 0;
font-family: "Publico Light", sans-serif;
font-size: 38px;
text-transform: inherit;
border-bottom: 1px solid #fff;
}

.c313 .call-outs a {
color: #fff;
}

/* list */

.c313 .listwrapper {
margin-bottom: 20px;
overflow: auto; 
font-family: 'Open Sans', sans-serif; 
}

.c313 .call-outs .listwrapper {
margin-bottom: 0;
}

.listheader {
display: inline-block; 
text-transform: uppercase; 
font-weight: normal; 
font-size: 16px; 
line-height: 110%;
border-bottom: 4px solid #009ace; 
margin: 0 0 10px 0; 
padding: 0 1px 3px 0;
}

.c313 .hotlist .listheader {
display: block;
border-bottom: 0;
margin: 0; 
padding: 5px 8px;
background-color: #ed1a3a;
font-size: 14px;
font-weight: bold; 
color: #fff; 
}

.c313 .hotlist .listbody {
overflow: auto; 
border: 0px solid #ed1a3a; 
padding: 10px 0 0 0;
}

.c313 .listitem {
overflow: auto; 
border-bottom: 1px solid #dbdbdb; 
margin: 0 0 10px 0; 
padding-bottom: 8px;
}

.c313 #latestNews .listitem, .c313 #myNews .listitem {
padding: 5px 0 13px 0;
}

.listbody .listitem:last-child {
border-bottom: initial;
padding-bottom: 0;
}

.c313 .call-outs .listitem {
padding-bottom: 20px;
}

.c313 .listitem.large {
border-bottom: 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #dbdbdb; 
}

.c313 .listimage {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 80px;
margin-right: 10px !important;
overflow: hidden;
width: 80px;
}

.c313 .right .listimage {
float: right;
margin: 0 0 0 10px;
}

.c313 .hotlist .listimage {
background-color: #ed1a3a;
text-align: center;
color: #fff;
font-size: 26px; 
font-weight: bold;
height: 60px;
padding-top: 20px;
}

.c313 .hotlist .listimage span {
font-size: 12px;
letter-spacing: -0.5px;
font-weight: normal;
text-transform: uppercase;
}

.c313 .listitem.large .listimage {
float: none;
height: initial;
margin: 0 0 5px !important;
max-height: 209px;
width: 100%;
}

.c313 .listimage img {
min-height: 100%;
min-width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}

.c313 .listitem.large .listimage img {
opacity: initial;
}

.c313 .listwrapper a {
color: #000;
}

.c313 .call-outs .listwrapper a {
color: #fff;
}

.c313 .listcategory {
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
}

.c313 .listcategory:empty {
display: none;
}

.c313 .call-outs .listcategory {
font-size: 13px;
text-transform: inherit;
}

.c313 .listheadline {
font-weight: normal;
font-family: "Duplicate Bold", sans-serif;
font-size: 18px;
line-height: 120%;
padding: 0 0 3px;
}

.c313 .call-outs .listheadline {
font-family: "Duplicate Bold", sans-serif;
font-size: 20px;
max-height: initial;
}

.c313 .listtext {
font-size: 15px;
margin-bottom: 5px;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}

.c313 .listtext div.listlocation {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
background-color: #f00;
color: #fff;
font-size: 11px;
margin: 3px 3px 0 0;
padding: 1px 3px;
line-height: 120%;
}

.c313 .listtext div.listlocation:empty {
display: none;
}

.c313 .listitem.large .listheadline {
letter-spacing: -0.5px; 
font-weight: normal; 
font-size: 22px; 
line-height: 110%;
max-height: initial;
overflow: visible;
}

/*list slut*/

a.listlink {
display: inline-block; 
padding: 8px 16px; 
margin: 20px auto 20px auto; 
border: 1px solid #ccc; 
border-radius: 3px; 
text-align: center;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
color: #000 !important;
}

a.listlink:hover {
border-color: #000;
}

.c647 a.listlink {
margin-bottom: 20px;
}

/* PLUS */

.plus {
float: left;
display: inline;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
background-color: #02babd;
color: #fff;
font-size: 15px;
margin: auto 5px 0 0;
padding: 0px 3px;
line-height: 100%
}

.plus::before {
content: "+";
}

article.c647.main .plus {
margin: 6px 4px 0 0;
}

article.c480.main .plus {
margin: 0 4px 0 0;
}

article.c313.main .plus {
margin: 0 4px 0 0;
}

.c150 .plus {
margin: 4px 4px 0 0;
}

ul.list.short .plus {
margin: 0 3px 0 0;
float: none;
}

.opinion ul.list.short .plus {
margin: 10px 3px 0 0;
}

.listwrapper .plus {
margin: 1px 4px 0 0 !important;
}

.listitem.large .plus {
margin-top: 6px;
}

#menuContainer .plus {
margin: 14px 0 0 0;
padding: 2px 4px;
}

#menuContainer .plus a {
color: #fff;
}

#menuContainer .plus::before {
content: initial;
}

.preamble .plus::after {
content: " ";
}

.preamble .plus {
display: inline-block;
margin: 5px 5px 0 0;
padding: 1px 4px;
}

.crosslinks .plus {
margin-top: 4px;
}

/* PLUS END */

/* responsiva iframes */
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* teasers */
.teaserwrapper {
font-family: "Duplicate Bold", Arial, sans-serif;
font-size: 22px;
font-size: 18px;
line-height: 26px;
}

.teaserwrapper li {
margin: 0 0 10px;
padding: 0;
color: #000;
background-color: #fff;
}

.teaserwrapper li:last-child {
margin-bottom: 20px;
}

.teaserwrapper li a {
color: #000;
}

.teaserwrapper li a span {
color: #fff;
background-color: #009ace;
margin: 0 5px 0 0 !important;
font-family: "Duplicate Light", Arial, sans-serif;
font-size: 16px;
padding-right: 4px;
}

/* Meddelande till användare */

#normalPrio {
background-color: #34495e;
color: #fff;
margin: 10px 10px 10px 0;
padding: 20px;
border-radius: 4px;
}

#highPrio {
font-family: 'Open Sans', Arial, sans-serif;
}

#normalPrio img.ui-image {
width: 20px;
display: inline-block;
padding: 0 5px 3px 0;
vertical-align: middle;
}

.clickableDiv {
display: inline-block;
}

.dismiss {
text-decoration: underline;
cursor: pointer;
display: inline-block;
float: right;
}

.nHeadline {
font-size: 16px;
font-weight: 600;
display: inline-block;
}

#highPrio .nHeadline {
font-size: 22px;
}

.nBodytext {
display: inline-block;
}

#normalPrio .nLinkText {
display: inline-block;
text-decoration: underline;
cursor: pointer;
color: #02babd;
}

#highPrio .nLinkText {
border-radius: 2px;
background-color: #02babd;
border-color: #02babd;
display: inline-block;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
font-size: 0.9em;
font-weight: 600;
margin: 20px 0;
padding: 8px 15px;
display: inline-block;
}

.panel-heading {
font-weight: bold;
line-height: 160%;
padding-top: 2px;
}

/* facelift */
#editorial-picks {
width: 1020px;
overflow: auto;
margin: 10px 0 10px;
border-top: 0px solid #c21632;
}

#editorial-picks .header {
font-family: 'Duplicate Bold', sans-serif; 
color: #000; 
}

#editorial-picks .header h2 {
display: inline-block;
background-color: #c21632;
color: #fff;
padding: 6px 10px;
font-size: 16px;
text-transform: uppercase;
}

#editorial-picks article { 
width: 299px; 
float: left; 
color: #000; 
border-left: 1px solid #dbdbdb;
margin-right: 10px;
padding: 20px 10px 20px 20px;
background-color: #fff;
}

#editorial-picks article h3 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 26px;
}

.epaper.teaser {
background-color: none;
text-align: center;
padding: 20px;
color: #fff;
}

.epaper.teaser img {
max-width: 210px;
margin: 0 auto;
}

.listwrapper.divided {
border-left: 1px solid #dbdbdb;
padding-left: 20px;
background-color: #fff;
z-index: 1;
}

.listwrapper {
font-size: 13px;
}

article.md .newspic {
overflow: hidden;
max-height: 165px;
width: 250px;
padding-right: 15px;
padding-bottom: 0;
}

article.md .newspic img {
width: 250px;
}

.main .articleFrontpageInfo {
margin: 10px 0 3px 0;
}

.MD .articleFrontpageInfo {
margin: 0 0 5px 0;
}

.widget.articleInfo, .bylineWrapper {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #4b4a4a;
}

.category, #editorial-picks .widget, .widget.publishedFront, .author, article.articleview .author a {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
display: inline;
padding-bottom: 0;
text-decoration: none;
color: #4b4a4a;
cursor: pointer;
}

.author {
font-weight: 700;
font-size: 14px;
}

.category {
font-size: 13px;
font-weight: 400;
}

.widget.publishedFront {
color: #000;
}

.rubrik {
font-family: "Publico Bold", Arial, sans-serif;
font-size: 25px !important;
color: #222;
line-height: 120%;
}

.articlewrapper {
overflow: auto;
}

.articlewrapper a {
width: 312px;
padding-right: 0;
float: left;
overflow: auto;
}

.articlewrapper a:first-child {
padding-right: 20px;
}

.articlewrapper article .newspic {
width: 312px;
max-height:  208px;
margin-bottom: 0;
overflow: hidden;
}

.articlewrapper article .newspic img {
height: 208px;
}

.articlewrapper .plus {
margin-top: 1px;
margin-right: 5px;
}

article.md {
margin: 20px 0;
float: none;
clear: both;
}

.c647 article.main .plus {
margin: 1px 5px 0 0;
}

.listheader, .teaserwrapper li a span, .header h4, .RCitem .label, .label {
border: 0;
background-color: #c21632;
color: #fff;
padding: 6px 10px;
margin: 0 5px 15px 0;
font-family: "Duplicate Bold", sans-serif;
display: inline-block;
text-transform: uppercase;
}

.crosslinks .listheader {
border-bottom: 1px solid #d9d9d9;
background: initial;
color: #c21632;
text-transform: initial;
margin: 30px 0 0 0;
padding: 0 0 6px;
display: block;
font-size: 25px;
font-family: "Duplicate Bold", sans-serif;
line-height: 110%;
}

.listheaderWrapper .listheader {
width: 40%;
margin-right: 0;
border: 1px solid #c21632;
}

.listheaderWrapper .listheader.notSelected {
background-color: initial;
border: 1px solid #000;
color: #000;
}

.date-browser {
display: inline-block;
padding: 10px 20px 10px 20px;
}

.date-browser h2 {
display: inline;
padding: 10px;
border-bottom: 4px solid #4ecdc4;
}

.date-browser img {
display: inline;
padding-bottom: 3px;
}

.date-browser img:first-child {
padding-right: 10px;
}

.date-picker {
display: inline-block;
padding: 10px 20px 10px 20px;
vertical-align: middle;
}

.date-picker img {
display: inline-block;
padding: 0 0 5px 5px;
vertical-align: middle;
}

.date-picker input {
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}

/* formatering nyhetsviktning */
article.lg, article.md, article.sx, article.main, .articlewrapper {
border-bottom: 1px solid #dbdbdb;
margin: 0 0 20px;
padding:  0 0 20px;
}

.c647 a:last-child article {
border-bottom: initial;
}

.group a:last-child article {
    border-bottom: 1px solid #dbdbdb;
}

.articlewrapper a:last-child article {
border-bottom: initial;
}

article.md h2 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 28px;
margin-bottom: 0;
}

article.main {
padding-top: 20px;
}

.group article.main {
padding-top: 0;
}

article.c480.main {
border: none;
margin: 0;
padding-top: 0;
}

.c480.list article h3 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 22px;
padding-top: 0;/*15*/
}

.c480.list article .plus {
margin-top: 0;/*20*/
}

article.lg p, article.md p, article.main p {
font-size: 16px;
line-height: 130%;
}

article.md .plus {
margin: 1px 5px 0 0;
}

.listwrapper.divided.last {
margin-bottom: 0;
}

.listwrapper.opinion-insandare {
max-height: 650px;
overflow: scroll;
}

.row.menu {
width: 980px;
padding: 20px;
background-color: #fff;
}

.row.menu.adcontent {
background: none;
margin-bottom: 0;
padding: 0;
display:block;
}

.row.groups {
width: 646px;
background-color: #fff;
margin-right: 0;
padding-left: 20px;
}

.row.groups {
width: 1000px;
padding-top: 0;
padding-right: 20px;
padding-left: 0;
}

.c313.widget {
background-color: initial;
margin-left: 0;
}

article.main, article.md, article.sx {
margin-left: 20px;
}

.group article.lg, .group article.main, .group article.md, .group article.sx {
margin-left: 0;
}

.group {
    border-left: 6px solid #c21632;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 0 14px;
}

.c647.no-padding {
padding-right: 0;
width: 686px;
}

.group.custom {
border-left: none;
padding-left: 20px;
}

.group article .newspic {
margin-bottom: 8px;
}

.group article.md .newspic {
margin-bottom: 0;
}

.group-custom-content {
padding-right: 20px;
}

.group.custom .articlewrapper {
margin-top: 20px;
}

.group-custom-content-widget {
text-align: center;
margin-top: 20px;
}

.group-custom-content-widget .articlewrapper {
text-align: left;
}

.RCitem {
padding: 20px;
border-bottom: 10px solid #e4e4e4;
}

.RCitem article {
margin: 0 0 10px;
}

.RCitem article.divided {
border-bottom: 1px solid #dbdbdb;
margin: 0 0 20px;
padding: 0 0 20px;
}

.RCitem article.xs h3 {
display: block;
margin: 0;
padding: 3px 0 0;
}

.RCitem .author {
display: inline;
}

.RCitem article.xs.divided .category {
display: inline;
background-color: #c21632;
color: #fff;
padding: 0px 3px;
margin: 0 5px 0 0;
font-family: "Open Sans", sans-serif;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
}

.RCitem .newspic {
width: 282px;
margin: 0 0 10px;
height: auto;
}

.RCitem h3 {
font-family: "Duplicate Bold", sans-serif;
font-size: 28px;
margin: 5px 0 0;
}

.RCitem article.xs h3 {
font-size: 18px;
}

.RCitem .newspic img {
max-width: 282px;
}

.RCitem p {
margin: 8px 0;
}

/* test slut */

.modal-header {
background-color: none;
}

#highPrio button.close {
float: right;
}

#highPrio a.dismissmodal {
text-align: center;
border: none;
background-color: none;
text-decoration: underline;
cursor: pointer;
}

#highPrio img.nImage {
text-align: center;
margin: 10px auto;
}

.modal-footer {
text-align: center;
}

#custom-content-block-2 {
font-family: "Duplicate Light", sans-serif;
font-size: 24px;
line-height: 120%;
width: 646px;
padding: 20px;
border: none;
text-align: left;
}

#custom-content-block-2 b {
font-family: "Duplicate Bold", sans-serif;
font-weight: normal;
display: block;
}

#custom-content-block-2 p {
float: left;
padding-top: 3px;
}

#custom-content-block-2 img {
float: right;
padding-top: 5px;
}

#custom-content-block-2 .group {
border: none;
margin: 0;
padding: 0;
}

#custom-content-block-2 span {
font-family: "Duplicate Bold", sans-serif;
font-size: 16px;
background-color: #c21632;
color: #fff;
padding: 2px 8px;
margin: -3px 10px 5px 0;
display: inline-block;
text-transform: uppercase;
}

.everysport .everysport-menu-button-right  {
text-align: center;
}

.right {
display: inline-block;
float: right;
}

.factBox {
    border-top: 14px solid #009ace;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
    padding: 7px 0;
    font-size: 12px;
    line-height: 140%;
}

.factBoxHead {
    font-family: 'Duplicate Bold', Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 110%;
    padding: 1px 0 10px;
    border-bottom: 1px solid #dcdcdc;
}

.factBoxUL {
    margin: 10px 0 10px 2px;
    padding: 0;
    list-style-type: none;
}

.factBoxLI {
    padding: 5px 8px 5px 0;
    list-style-type: initial;
    list-style-position: outside;
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 24px;
}

.quoteBox {
    font-family: 'Duplicate', Arial, sans-serif;
    font-size: 13px;
}

.quoteHead {
    font-family: 'Duplicate Bold', Arial, sans-serif;
    font-size: 24px;
    color: #c21632;
    line-height: 120%;
    padding-bottom: 5px;
}

.quoteTitle {
    font-family: Arial,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:bold;
}

#account .notification {
background-color: #fff;
border-radius: 100%;
width: 10px;
height: 10px;
}

.followingArticle {
    color:palevioletred;
}

/* Softpaywall start*/
.modal {
display: none; 
position: fixed; 
z-index: 1; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4); 
}

#team-log-in-to-follow-modal .modal-content {
background-color: #fefefe;
margin-top:15%;
margin-left: 36%;
padding: 20px;
border: 1px solid #888;
border-radius: 5px;
width: 40%;
max-width: 400px;
min-width: 400px;
}

.close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
}

.close-fixed {
background-color: #444;
font-size: 12px;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 10px 35px;
display: inline-block;
border-radius: 2px;
cursor:pointer;
}

.close:hover, .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.fadeMsg {
    background: #45b7ba;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-weight: 600;
    line-height: 30px;
    opacity: .9;
    padding: 15px;
    z-index: 9999;
    position: fixed;
    right: 20px;
    top: 20px;
}

#notifySettingsMessage.fadeMsg {
position: fixed;
top: 40%;
left: 40%;
width: 300px;
text-align: center;
}

.fadeMsg[data-icon]:before {
    display: inline-block;
    font-size: 28px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* Mina nyheter */
.mynews-robot-list-item, .mynews-byline-list-item, #topicWrapper .topic {
margin: 15px 0 !important;
}

ol {
list-style-position: inside;
}

.plaintext h2 {
margin: 28px 0 8px;
}

.sponsoredArticle {
font-family: "Open Sans", sans-serif;
text-transform: initial;
background-color: #dd72d3;
color: #fff;
display: inline-block;
margin: 0 0 4px 0;
padding: 1px 4px;
font-size: 13px;
font-weight: bold;
border-radius: 2px;
}

.sponsoredArticle:empty {
background-color: #fff;
margin: 0;
padding: 0;
}

.paymentInfoMsg {
font-family: "Open Sans", sans-serif;
font-size: 14px;
text-align: center;
margin-top: -50px;
padding: 40px 20px 20px;
border: 1px solid #ccc;
background-color: #f4f4f4;
margin: 0 auto 20px;
max-width: 1220px;
}

.paymentInfoMsg h2 {
margin-bottom: 6px;
display: inline-block;
}

.btn {
background-color: #45b7ba;
border-color: #45b7ba;
color: #fff;
outline: none;
margin: 20px 0;
padding: 10px 35px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}

/* Line Clamp */
.line-clamp {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}