@charset "UTF-8";
/* ==========================================================================
   Settings for the default path
   ========================================================================== */
/* ==========================================================================
   Base for publication svt.se
   ========================================================================== */
/**
 * Imports all sass files for publication svt.se
 */
/* ==========================================================================
   Settings for the default path
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Gradient
   ========================================================================== */
/* Transform
   ========================================================================== */
/*
 * This function is only possible in SASS 3.3. Waiting for upgrade.....
 *
 *  @usage svt_transform(translate3d, 10px, 20px, 0);
 *
 *	@mixin svt_transform($transform-function, $values...) {
 *		-moz-transform: call($transform-function, $values);
 *		-webkit-transform: call($transform-function, $values);
 *		-ms-transform: call($transform-function, $values);
 *		transform: call($transform-function, $values);
 *	}
 */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Rotate
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
 * Example usage:
 * @include svt_keyframe(fadeout) {
 * 		0% {
 * 			opacity: 1;
 * 		}
 *
 * 		100% {
 * 			opacity: 0;
 * 		}
 * }
 */
/*
 * Example usage:
 * @include svt_animation(changecolour, 10s, ease-out, 5s, 2, alternate)
 */
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* Mixins for Typography
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/*
 * If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Clearfix
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* Retina
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* Center content
   ============================================ */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/* Opacity
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* Helpers for using sprites. Use wth grunt-spritesmith.
 *
 * USAGE
 *
 * Using regular version
 * @include sprite($sprite-list-variable)
 *
 * Using retina version
 * @include sprite-retina(sprite1x-variable, (optional) sprite2x-variable)
 *
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/* ==========================================================================
   SVT colors
   ========================================================================== */
/**
 * Speca upp utifran designriktlinjer/grafiskprofil
 *
 */
/* Black to white
   ========================================================================== */
/** TODO: PLAY green Witch is the right color? **/
/* Complementary colors for channel graphics
   ========================================================================== */
/* SVT1 */
/* SVT2 */
/* Barnkanalen */
/* Kunskapskanalen */
/* SVT World */
/* SVT24 */
/* Externa kanaler TV4, Kanal 5 och TV6 */
/* Legend color set for A-O
   ========================================================================== */
/* Gradient colors
   ========================================================================== */
/* TODO: Color direct on elements, should have a variabel name that describes the color */
/* Font colors
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* standard color for theme.scss
   ========================================================================== */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Buttons standard colors
   ========================================================================== */
/* SVTSE publication
   ========================================================================== */
/* parental control colors
   ========================================================================== */
/* titta service
   ========================================================================== */
/* ==========================================================================
   SVT fonts
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* ==========================================================================
   Measures
   ========================================================================== */
/**
 * Measures for svt.se
 *
 */
/* ==========================================================================
   Measures
   ========================================================================== */
/* Measures for media queries
   ========================================================================== */
/*
 * TODO SWITCH variables doesn't work in _mediaqueries.scss
 *
 * Would be nice if we could use the variables
 */
/* XSMALL not used now TODO: better size */
/* XLARGE not used now */
/* Measures
   ========================================================================== */
/* pixels */
/* Procent */
/* Radius */
/* Balk */
/* Lists */
/**
 * The grid systems base measures
 * Example usage: width: ($grid-w-max - NUM-OF-MARGINS * $grid-w-margin) / NUM-OF-UNITS;
 *
 * TODO: johb in progress, needs to be 100% but still work on IE < 9
 */
/* Figure */
/* Animation timers */
/* Columns */
/* Typography bases */
/* ==========================================================================
   Theme default values
   ========================================================================== */
/* standard color for theme.scss
   ========================================================================== */
/**
 * $localMenuType can be set to small large or responsive
 * Uses:
 * generic = all general standardpages on svt.se
 * large = titlepages
 * responsive = is like generic but has lower height in XS (used on news)
 */
/* $localMenuType dependant sizes */
/* Currently just light and dark */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/*localHeader settings */
/* Used when $localMenuType generic or responsive */
/* Used when $localMenuType large */
/**
 * Responsive background
 * Scales the background/logotype from 60%(mobil first) 75%(S) AUTO/100%(M-L)
 */
/* Local header logos for News site placed in sprite. Can be used for other sites aswell. */
/* Local title (if no logo) */
/* typography
   ========================================================================== */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* Article Section Header */
/* Article Section Subheader */
/* Vingnette */
/* Vingnette header */
/* Theme sprite
   ========================================================================== */
/* Used for sprite position. This number is multiplied with sprite-base, to get position */
/* Buttons
   ========================================================================== */
/* Umbrella sites
   ========================================================================== */
/* Wide View
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/* If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Columns
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
	Example usage:
	@include keyframe(fadeout) {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
*/
/*
	Example usage:
    @include animation(changecolour, 10s, ease-out, 5s, 2, alternate )
*/
/* Opacity
   ========================================================================== */
/* Transform
   ========================================================================== */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Text shadow
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Grids
   ========================================================================== */
/* Media block
   ========================================================================== */
/* Clearfix
   ========================================================================== */
/**
 * The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
 * Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
 * USED BY: .svtClearfix , .svtContainerBase
 */
/* Rotate with IE fix
   ========================================================================== */
/* Appearence
   ========================================================================== */
/* Gradient Bar Colors for buttons and alerts
   ========================================================================== */
/* Loading animation for buttons
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* IE7 restore whitespace
   ========================================================================== */
/**
 * IE7 likes to collapse whitespace on either side of the inline-block elements.
 * Ems because we're attempting to match the width of a space character. Left
 * version is for form buttons, which typically come after other elements, and
 * right version is for icons, which come before. Applying both is ok, but it will
 * mean that space between those elements will be .6em (~2 space characters) in IE7,
 * instead of the 1 space in other browsers.
 */
/* Reset filters for IE
   ========================================================================== */
/* Webkit-style focus
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* SVT Player specific mixins
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* ==========================================================================
   mq_mixins
   ========================================================================== */
/**
 * "Base" file for mixins for media queries
 *
 * Imports and includes page specific media queries lika A-O, Tabla ...
 *
 * General classes for all publications should be written here
 */
/* Imports
   ========================================================================== */
/* ==========================================================================
   Innehall A-O in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium */
/* Large */
/* ==========================================================================
   CSS3 columns in different media queries
   ========================================================================== */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Display, shows and hide item in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Large */
/* ==========================================================================
   Gridblock in different media queries
   ========================================================================== */
/**
 * See _grid.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Layout in different media queries
   ========================================================================== */
/**
 * see _layout.scss for more information
 */
/* Small, medium and large */
/* Small */
/* Medium */
/** Large */
/* ==========================================================================
   svtLineElement in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   svtMediaBlock in different media queries
   ========================================================================== */
/**
 * see _mediaBlock.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* ==========================================================================
   Tabla item in different media queries
   ========================================================================== */
/* Medium and large */
/* Medium */
/* ==========================================================================
   Typograpy items in different media queries
   ========================================================================== */
/* Small and medium */
/* Medium  and large */
/* Large */
/* ==========================================================================
   Models item in different media queries
   ========================================================================== */
/* see _models.scss for more information  */
/* Medium and large */
/* ==========================================================================
   Weather in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Media Gallery in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Forms in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   FAQ (Tittarservice) in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* X-EXTRA SMALL iPhone Portrait*/
/* LARGE - Desktops and laptops */
/*
 * MediaQuery mixins for local pub
 * NEVER write code here, overwrite in your publications _mq_mixins_xxx.scss
 */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* X-EXTRA SMALL - IPHONE PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* ==========================================================================
   SVT boilerplate
   ========================================================================== */
/**
 * Based on HTML5 Boilerplate
 * Updated/rewritten by svt.se so we can't just add a newer version
 */
/*
 * HTML5 Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * credit is left where credit is due.
 * much inspiration was taken from these projects:
 * yui.yahooapis.com/2.8.1/build/base/base.css
 * camendesign.com/design/
 * praegnanz.de/weblog/htmlcssjs-kickstart
 */
/*
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
/* Can't follow our rules on comments here :-( */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* Can't follow our rules on comments here :-( */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #0059B3;
  color: #FFF;
  text-decoration: none; }

mark {
  background-color: #0059B3;
  color: #FFF;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-spacing: 0;
  border-collapse: collapse; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* Font reset
   ========================================================================== */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
 * Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
 *
 * There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * we normalize monospace styles ourselves
 * table font-size is reset in the HTML5 reset above so there is no need to repeat
 *
 * TODO: Maybe set 12 as base font size
*/
body {
  font: 13px/1.231 sans-serif;
  /* hack retained to preserve specificity */
  *font-size: small; }

select,
input,
textarea,
button {
  font: 99% arial,helvetica,clean,sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif; }

/* minimal base styles */
body,
select,
input,
textarea {
  color: #1A1A1A;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

/* Hacks
   ========================================================================== */
/* always force a scrollbar in non-IE */
html {
  overflow-y: scroll; }

/* Fix for text bug when swithing portrait -> landscape on iPhones and iPads */
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: none; } }

/* Links
   ========================================================================== */
a:focus {
  outline: #E3E3E3 dotted thin; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/* a:hover, a:active { outline: none; } */
a, a:active,
a:visited {
  color: #0059B3;
  text-decoration: none; }

a:hover {
  color: #0059B3;
  text-decoration: underline; }

/* Lists
   ========================================================================== */
ul,
ol {
  /* was 1.8em in Paul Irish version */
  margin-left: 1.5em; }

ol {
  list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul,
nav li {
  margin: 0; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  /* CSS2 */
  white-space: pre;
  /* CSS 2.1 */
  white-space: pre-wrap;
  /* CSS 3 (and 2.1 as well, actually) */
  white-space: pre-line;
  /* IE */
  word-wrap: break-word; }

/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto; }

/* thnx ivannikolic! */
.ie6 legend,
.ie7 legend {
  margin-left: -7px; }

/*
 * align checkboxes, radios, text inputs with their label
 * by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css
 */
input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0; }

/* TODO: keep this? colors for form validity */
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0 0 5px red;
  -webkit-box-shadow: 0 0 5px red;
  box-shadow: 0 0 5px red; }

/* These selection declarations have to be separate.
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink.
 */
::-moz-selection {
  background: #E5EEF7;
  text-shadow: none; }

::selection {
  background: #E5EEF7;
  text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
/* TODO: make tap color work everywhere */
a:link,
.svtJsClickArea,
.svtJsToggleMenu {
  -webkit-tap-highlight-color: #FF5E99; }

/*
 * make buttons play nice in IE:
 * www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
 */
button {
  width: auto;
  overflow: visible; }

/*
 * bicubic resizing for non-native sized IMG:
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 * TODO: add this in head or change selector
 */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* Non-semantic helper classes TODO: move to extends ?
   ========================================================================== */
/* for image replacement */
.svtIr {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

/*
 * Hide for both screenreaders and browsers
 * css-discuss.incutio.com/wiki/Screenreader_Visibility
 */
.svtHidden {
  display: none;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders
 * www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
 */
.svtVisuallyhidden, .svtStructural {
  position: absolute !important;
  width: 1px;
  height: 1px;
  /* IE6, IE7 */
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/*
 * Does everything .svtVisuallyhidden does but extends the functionality to also work on any element.
 * By reseting margins/paddings and font layout this will gurantee that the hidden elements layout will be available
 */
.svtStructural {
  margin: 0;
  padding: 0;
  font-size: 100% !important;
  line-height: 1; }

/* Hide visually and from screenreaders, but maintain layout */
.svtInvisible {
  visibility: hidden; }

/* Liquify all images and video TODO: do this more clever?
   ========================================================================== */
.A_svtContainerMain img, .svtContainerMain img, .svtContainerMain-Alt img, .svtContainerMain-70 img, .svtContainerAside img, .svtContainerAside-Alt img, .svtContainerAside-25 img, .svtContainerFull img {
  width: 100%;
  display: block; }
  .A_svtContainerMain img.svtInline, .svtContainerMain img.svtInline, .svtContainerMain-Alt img.svtInline, .svtContainerMain-70 img.svtInline, .svtContainerAside img.svtInline, .svtContainerAside-Alt img.svtInline, .svtContainerAside-25 img.svtInline, .svtContainerFull img.svtInline {
    width: auto;
    display: inline; }

img, video, object {
  max-width: 100%; }

.svtImagePlaceholder-16-9 {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }

/** special for addthis **/
.addthis_toolbox {
  min-height: 26px; }

/* Hide external widgets such as facebook and twitter if no-js */
/*
 * .no-js .svtExternalJsWidget {
 * 	visibility: hidden;
 * }
 */
/* The Magnificent CLEARFIX
   ========================================================================== */
/*
 *  Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
 * svtContainerBase also gets a clerFix
*/
.svtClearfix:before,
.svtTablaPrintContainer:before,
.svtClearfix:after, .svtTablaPrintContainer:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtClearfix:after, .svtTablaPrintContainer:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtClearfix, .svtTablaPrintContainer {
  zoom: 1; }

/* Typekit fix for fixing FOUT for Firefox
   ========================================================================== */
/*
 * http://blog.typekit.com/2010/10/29/font-events-controlling-the-fout/
 * Hide the blog title and post titles while web fonts are loading
 */
.wf-loading .svtTypekit {
  visibility: hidden; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * The headlines base
 *
 * If you as an example need a h2 to look like a h1 you use <h2 class="svtH1"> ... </h2>
 *
 * These are set up Mobile First. Check the mixins/mq_typography.scss for styles on bigger screens
 */
/* Abstracts
   ========================================================================== */
h1,
.svtH1, h2,
.svtH2, h3,
.svtH3, .svtTablaWeek-Title, .svt_voting__question, h4,
.svtH4, .svtTextLook, .svtTextBread-Article p, .svtTextBread-Article ul, .svtTextBread-Article ol {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  font-weight: normal; }

.svtH1-Sans, h5,
.svtH5, h6,
.svtH6, .svtTablaHeading, .svtTextLead-Article, .svtServiceHeaderNews-Text, .svt-link-list__heading, .svt-link-list__list-item-link, .svtFactbox__title, .svtFactbox__body h4, .svt_submenu__label {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }

.svtH1-Myriad, .svtH2-Myriad, .svtH3-Myriad, .svtH4-Myriad {
  font-family: myriad-pro-1, myriad-pro-2, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: normal; }

.svtMediaBlockText-News p, .svtMediaBlockText-News ul, .svtMediaBlockText-News ol {
  font-family: Helvetica, Arial, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

.svtTextMeta, .svtTextMeta-Article, .svtTextMeta-Discreet, .svtTextMeta-fixed, .svtFigcaption, .svtFigcaption-aside, .dsq-commenter-name, .dsq-comment-meta, .svt_voting__total-votes {
  color: #666;
  font-weight: normal;
  text-decoration: none; }

/* Headlines
   ========================================================================== */
h1,
.svtH1 {
  font-size: 230.8%;
  margin-bottom: 0.1em;
  letter-spacing: -1px;
  line-height: 1.1; }

/* used to normalize font size */
.svtH1-Normalize {
  font-size: 43.3275564%; }

.svtH1-Myriad {
  margin-bottom: 0.2em; }

.svtH1-Sans {
  font-size: 307.7%;
  font-weight: normal;
  color: #666;
  margin-bottom: 0.2em; }

.svtNewsH1, .svtFirstpageNewsH1 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #000;
  font-size: 230.8%;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.1em;
  margin-bottom: 0.2em; }

h2,
.svtH2 {
  font-size: 182%;
  margin-bottom: 0.2em;
  line-height: 1.1; }

.svtH2-Myriad {
  font-size: 182%;
  margin-bottom: 0.2em; }

.svtNewsH2, .svtFirstpageNewsH2 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #000;
  font-size: 153.9%;
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height: 1.1em; }

h3,
.svtH3, .svtTablaWeek-Title, .svt_voting__question {
  font-size: 153.9%;
  margin-bottom: 0.3em;
  line-height: 1.2; }

.svtH3-Myriad {
  font-size: 153.9%;
  margin-bottom: 0.25em; }

.svtExternalH3 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #000;
  font-size: 230.8%;
  letter-spacing: -0.03em;
  line-height: 1; }

.svtNewsH3, .svtFirstpageDisasterH1, .svtFirstpageNewsH3 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #000;
  font-size: 153.9%;
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height: 1.1em; }

h4,
.svtH4 {
  font-size: 153.9%;
  margin-bottom: 0.4em; }

.svtH4-Myriad {
  font-size: 153.9%;
  color: #333;
  margin-bottom: 0.25em; }

.svtNewsH4 {
  font-size: 153.9%;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  margin-bottom: 0.25em;
  font-weight: bold; }

h5,
.svtH5 {
  font-size: 116%;
  margin-bottom: 0.3em; }

.svtNewsH5 {
  font-size: 153.9%;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  margin-bottom: 0.25em;
  font-weight: bold; }

h6,
.svtH6, .svtTablaHeading {
  font-size: 100%;
  margin-bottom: 0.3em; }

/**
 * Removed for now after decision by Johan B in news team
 *
 * .svtHyphenate {
 * 		-moz-hyphens:auto;
 * 		-ms-hyphens:auto;
 * 		-webkit-hyphens:auto;
 * 		hyphens: auto;
 * 		word-wrap: break-word;
 * }
 */
/* TODO: Change to a placeholder selector */
.A_svtseHeaderH1 {
  font-size: 230.8%;
  line-height: 1em;
  font-weight: bold; }

.svtseLocalTagline, .svtBroadcastInfo {
  font-size: 100%;
  line-height: 1em;
  font-weight: bold; }

/* Remaining typography
   ========================================================================== */
/**
 * This is the vignette (with two borders)
 *
 * Usage:
 *	<div class="svtHeader-Vignette">
 *		<header>
 *			<h6><c:out value="${article.teaser.vignette}" /></h6>
 *		</header>
 *	</div>
 * Fallback when no vignette is set and just show close button.
 * <div class="svtHeader-Vignette svtHeader-Vignette_empty"></div>
**/
.svtHeader-Vignette {
  padding: 9px 0 7px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #E3E3E3; }

.svtHeader-Vignette_empty {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 10px; }

.svtVignette, .svt_voting__vignette, .svt_voting__vignette--open, .svt_voting__vignette--closed {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 93%; }

.svtVignette, .svt_voting__vignette, .svt_voting__vignette--open, .svt_voting__vignette--closed {
  color: #b37d12;
  padding-bottom: 2px; }

.svtNewsVignette {
  font-weight: bold; }

.svtNewsVignetteCollapsed {
  font-size: 93%;
  font-weight: bold; }

/* Setup for the Story/Article look */
.svtArticleSectionHeader {
  color: #808080;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: bold; }

.svtArticleSectionSubheader {
  color: #808080;
  text-transform: none;
  margin-top: 20px;
  font-weight: bold; }

.svtTextBread p, .svtTablaTitleInfo p p, .svtTextBread ul, .svtTablaTitleInfo p ul, .svtTextBread ol, .svtTablaTitleInfo p ol {
  margin-bottom: 0.5em; }

.svtTextBread ul, .svtTablaTitleInfo p ul, .svtTextBread ol, .svtTablaTitleInfo p ol {
  margin-left: 2em; }

.svtTextLook {
  font-size: 116%;
  line-height: 1.4em;
  margin-bottom: 1.3em; }

.svtTextBread-Article p, .svtTextBread-Article ul, .svtTextBread-Article ol {
  /* Might need more block level elements */
  font-size: 116%;
  line-height: 1.4em;
  margin-bottom: 1.3em; }

.svtTextBread-Article ul, .svtTextBread-Article ol {
  margin-left: 2em; }

.svtTextBread-Article a, .svtTextBread-Article a:active, .svtTextBread-Article a:visited {
  text-decoration: underline; }

.svtTextLead-Article {
  font-size: 116%;
  padding-bottom: 0.7em;
  line-height: 1.35em; }

.svtTextTeaser-Medium p {
  font-size: 100%;
  line-height: 1.4em; }

.svtTextTeaser-Large h3:first-child + p,
.svtTextTeaser-Large header:first-child + p,
.svtTextTeaser-Large p {
  font-size: 116%; }

.svtTextTeaser-Large .svtIcon_Play-White-Box,
.svtTextTeaser-Large .svtIcon_Play-White-Box-Live {
  margin-top: 0;
  margin-bottom: 0; }

.svtTextMeta-Article {
  font-size: 100%;
  display: block;
  margin-top: 30px;
  margin-bottom: 15px; }

.svtTextMeta-Discreet {
  font-size: 85%;
  display: block; }

.svtTextMeta-fixed {
  font-size: 11px;
  line-height: 13px; }

.svtFigcaption, .svtFigcaption-aside {
  font-size: 85%;
  margin-top: 0.3em; }

.svtFigcaptionContainer-inverted {
  position: relative; }
  .svtFigcaptionContainer-inverted .svtFigcaption, .svtFigcaptionContainer-inverted .svtFigcaption-aside {
    background-color: #000;
    color: #FFF;
    width: 100%;
    /* Removes 1px white line above caption. TODO:  Fix this in a nicer way. */
    margin-top: -1px; }

.svtFigcaption-aside {
  margin-bottom: 3px;
  color: #333; }

/* ==========================================================================
   Models
   ========================================================================== */
/**
 * Elements that's core for svt.se website
 *
 * Reusable elements that we use on several place on svt.se
 */
/* Box model
   ========================================================================== */
.svtBox, .svtBox-Radius, .svtBox-Article, .svtBox-Padded, .svtBox-Padded-bottom, .svtBox-ArticleAside, .svtBox-SidebarAside, .svtBox-Inverted, .svtBox-Bordered, .svtBox-Bordered-top, .svtBox-Twitter, .svtBox-ContainerPlay, .svtTablaSearchResult, .svtTablaSearchResultPast {
  margin-bottom: 20px; }

.svtRadius, .svtBox-Radius, .svtBox-Bordered {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

.svtBox-Plate {
  border-bottom-color: #E3E3E3;
  -moz-box-shadow: 0 1px 0 0 #EEE;
  -webkit-box-shadow: 0 1px 0 0 #EEE;
  box-shadow: 0 1px 0 0 #EEE;
  margin-bottom: 10px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-transition: all 200ms ease-in-out 0s;
  -webkit-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  border: 1px solid #E3E3E3; }

.svtBox-Article {
  padding: 10px 20px; }

.svtBox-Padded {
  padding: 10px 5px;
  margin-bottom: 0; }

.svtBox-Padded-bottom {
  padding-bottom: 20px; }

.svtBox-ArticleAside {
  float: right;
  padding: 10px 20px; }
  .svtBox-ArticleAside ul {
    list-style: none outside none; }

.svtBox-SidebarAside {
  border-top: 4px solid #E3E3E3;
  padding: 10px 0 20px; }

.svtBox-Inverted {
  padding: 10px 20px;
  background-color: #000; }

.svtBox-Bordered {
  border: 1px solid #E3E3E3;
  overflow: hidden;
  -moz-transition: border 200ms ease-in-out 0s;
  -webkit-transition: border 200ms ease-in-out 0s;
  transition: border 200ms ease-in-out 0s; }

.svtBox-Bordered-top {
  border-top: 4px solid #E3E3E3;
  overflow: hidden;
  padding-top: 20px; }

.svtBox-Twitter {
  padding: 20px 10px;
  background-color: #EEF9FE;
  border-top: 4px solid #DBF1FD; }

/* Elements in Play context
   ========================================================================== */
.svtBox-ContainerPlay {
  background-color: #262626;
  display: block;
  position: relative;
  color: #E3E3E3;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

/* Images
   ========================================================================== */
img.svtExpandable {
  width: 100%;
  float: left; }

.svtImageCropperWrapper {
  width: 100%;
  overflow: hidden; }
  .svtImageCropperWrapper img {
    width: 100%;
    display: block; }

/* crops image 16:9 -> 4:3 */
.svtImageCropper-17pc {
  margin-left: -17%;
  margin-right: -17%; }

/* crops image 16:9 -> 1:1 */
.svtImageCropper-25pc {
  margin-left: -25%;
  margin-right: -25%; }

/* crops image 16:9 -> 1:1 on right, used for video thumb nails */
.svtImageCropper-right-50pc-M-L-zero {
  margin-right: -50%; }

/* List
   ========================================================================== */
.svtListHoriz li {
  float: left; }
  .svtListHoriz li:last-child {
    margin-left: 0; }

.svtListHoriz li.svtListHoriz-Right {
  float: right; }

/* This whole block a fix for android tabs on videopage */
.svtTabMenu .svtListHoriz {
  /* Fix for videopage tabs in android */ }
  .svtTabMenu .svtListHoriz li {
    max-width: 49%; }

ul.svtList-Unstyled,
ol.svtList-Unstyled {
  margin-left: 0;
  list-style-type: none; }

/* Links
   ========================================================================== */
.svtLink, .svtLink-Teaser, .svtLink-Teaser-Padded, a.svtLink-white, .svtLink-inline, .svtLink-Look, a.svtLinkList-Element, .svtAutoComplete-result a, .svtLink-Look-Normal {
  font-weight: bold; }

.svtLink-hover {
  font-weight: bold;
  cursor: pointer; }
  .svtLink-hover:hover {
    text-decoration: underline; }

.svtLink-Teaser, .svtLink-Teaser-Padded {
  display: block; }

a.svtLinkList-Element, .svtAutoComplete-result a {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  text-decoration: none; }

a.svtLink-white {
  color: #FFF; }

.svtLink-Teaser-Padded {
  padding: 7px 0;
  border-bottom: 1px solid #E5E5E5; }
  .svtLink-Teaser-Padded:first-child {
    border-top: 1px solid #E5E5E5; }
  .svtLink-Teaser-Padded:last-child {
    border-bottom: none; }

.svtLink-inline {
  display: inline-block; }

.svtLink-Look, a.svtLinkList-Element, .svtAutoComplete-result a {
  display: block;
  cursor: pointer;
  color: #0059B3;
  /* TODO: no-touch and FF specifications */ }
  .svtLink-Look:hover, a.svtLinkList-Element:hover, .svtAutoComplete-result a:hover {
    text-decoration: underline; }

.svtLink-Look-Normal {
  cursor: pointer;
  color: #0059B3;
  /* TODO: no-touch and FF specifications */ }
  .svtLink-Look-Normal:hover {
    text-decoration: underline; }

.svtLink-Look-Hover {
  text-decoration: underline; }

.no-touch span.svtLink-Look:hover,
.no-touch span.svtLink-Look-Normal:hover,
.no-touch div.svtLink-Look:hover,
.no-touch div.svtLink-Look-Normal:hover,
.no-touch p.svtLink-Look:hover,
.no-touch p.svtLink-Look-Normal:hover {
  text-decoration: underline; }

.no-js .svtLink-Look-Normal {
  color: #1A1A1A;
  cursor: default; }
  .no-js .svtLink-Look-Normal:hover {
    text-decoration: none; }

a.svtLink-Play {
  color: #AFFFFF; }
  a.svtLink-Play:hover {
    color: #FFF; }

/* DUMMY CODE TODO: remove or make better after FUNK.NU */
a.svtLink-Discreet {
  color: #1A1A1A;
  text-decoration: none; }
  a.svtLink-Discreet:hover {
    text-decoration: underline; }
    a.svtLink-Discreet:hover .svtLink-Teaser, a.svtLink-Discreet:hover .svtLink-Teaser-Padded {
      text-decoration: underline; }
  a.svtLink-Discreet .svtLink-Teaser, a.svtLink-Discreet .svtLink-Teaser-Padded {
    color: #0059B3; }

/* Used in toolbox inside UG & news article */
.svtLink-Toolbox {
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 85%;
  font-family: Helvetica, Arial, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #262626;
  padding: 3px 0; }
  .svtLink-Toolbox:hover {
    text-decoration: underline; }

a.svtLink-Toolbox {
  color: #262626; }

.svtLink-Arrow {
  display: block;
  padding: 7px 0 8px 7px;
  position: relative; }
  .svtLink-Arrow.svtLink-Arrow-Selected {
    background: #EEE;
    border-top: solid 1px #DCDCDC;
    color: #333;
    font-weight: bold; }
    .svtLink-Arrow.svtLink-Arrow-Selected:hover {
      text-decoration: none; }
    .svtLink-Arrow.svtLink-Arrow-Selected .svtLink-Arrow-Icon,
    .svtLink-Arrow.svtLink-Arrow-Selected .svtLink-Arrow-Icon-Inner {
      border: 16px solid;
      border-color: transparent #DCDCDC transparent transparent;
      height: 0;
      left: -32px;
      position: absolute;
      top: -2px;
      width: 0; }
    .svtLink-Arrow.svtLink-Arrow-Selected .svtLink-Arrow-Icon-Inner {
      border-color: transparent #EEE transparent transparent;
      left: -16px;
      top: -15px; }

/* Search
   ========================================================================== */
.svtInputSearch, .svtInputSearch-top {
  border: none;
  background-color: #FFF;
  padding: 0.2em 0.5em;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

.svtInputSearch-top {
  width: 10em;
  float: right; }

/* Play items
   ========================================================================== */
.svtUnit-Border {
  padding: 10px;
  /* TODO: Only reason that border has a color is because a IE7 bug in grid */
  border: 1px solid #262626; }

.svtUnit-Border-Active {
  padding: 10px;
  border: 1px solid #4b4b4b; }

.svtUnit-Play-hover {
  position: absolute;
  z-index: 1;
  bottom: 6px;
  left: 5px;
  width: 26px;
  height: 26px;
  display: none; }

/* Vertical "Hela program" */
.svtBox-ListItem-Play {
  border-bottom: 1px solid #3c3c3c;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.svtListItem-Play-Live {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 48px;
  height: 20px; }

.svtImageStamp, .svtImageStamp-Large, .svtImageStamp-Small {
  background: #222;
  background: rgba(22, 22, 22, 0.8);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 2px 0 rgba(30, 30, 30, 0.8) inset, 0 1px 2px -1px rgba(100, 100, 100, 0.8);
  position: absolute; }

.svtImageStampLive-holder {
  background: #e42c18;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 5px; }

.svtImageStamp-holder {
  position: absolute;
  left: 0;
  bottom: 0; }

.svtImageStampStart {
  text-align: right;
  position: absolute;
  height: 18px;
  bottom: 6px;
  right: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0; }

.svtImageStamp-Large {
  left: 50%;
  top: 50%;
  width: 100px;
  height: 90px;
  margin-left: -50px;
  margin-top: -50px; }
  .svtImageStamp-Large .svtIcon_Play-Large {
    margin: 12px 0 0 35px; }
  .svtImageStamp-Large .svtImageStampLive-holder {
    padding: 0;
    width: 100px;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0; }
    .svtImageStamp-Large .svtImageStampLive-holder .svtIcons_LiveLogo {
      margin-left: 30px; }

.svtImageStampNoText-Large {
  height: 70px; }

.svtImageStamp-Small {
  bottom: 6px;
  right: 6px;
  min-width: 70px;
  height: 22px; }
  .svtImageStamp-Small .svtImageStamp-holder {
    height: 22px;
    width: 100%; }
    .svtImageStamp-Small .svtImageStamp-holder .svtIcon_Play-Small, .svtImageStamp-Small .svtImageStamp-holder .svtsePlayIcon {
      margin: 3px 0 0 4px; }
  .svtImageStamp-Small .svtImageStampStart {
    padding-right: 5px;
    margin-bottom: -5px;
    text-align: right; }

/* A little popup displayed when the user clicks the "i" */
.svtProgramMoreInfo {
  position: relative;
  z-index: 3;
  overflow: visible; }
  .svtProgramMoreInfo .svtProgramMoreInfoTip {
    display: none;
    position: absolute;
    z-index: 36;
    bottom: -11px;
    left: 25px;
    width: 170%;
    max-width: 300px;
    background: url("img/play_infotip_arrow_left.png") no-repeat 0 100%;
    padding: 0 6px; }
  .svtProgramMoreInfo .svtProgramMoreInfoTipInner {
    background: #fff;
    color: #000;
    padding: 22px;
    -moz-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.4); }
  .svtProgramMoreInfo .svtProgramMoreInfoTipClose {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    right: 12px; }
  .svtProgramMoreInfo.svtTipFlipHorizontal .svtProgramMoreInfoTip {
    left: auto;
    right: 104%;
    background: url("img/play_infotip_arrow_right.png") no-repeat 100% 100%; }
  .svtProgramMoreInfo.svtTipFlipHorizontal .svtProgramMoreInfoTipInner {
    -moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.4); }
  .svtProgramMoreInfo.svtTipAbove .svtProgramMoreInfoTipInner {
    -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4); }
  .svtProgramMoreInfo.svtTipAbove .svtProgramMoreInfoTip {
    padding: 0 0 6px 0;
    bottom: 20px;
    background: url("img/play_infotip_arrow_bottom.png") no-repeat 50% 100%; }
  .svtProgramMoreInfo.open .svtProgramMoreInfoTip {
    display: block; }

.svtProgramMoreInfo.open {
  z-index: 24; }

/* Center Block
   ========================================================================== */
/* Center a block of content of unknown width
 *
 *	Usage example on a svtButton with centered icon and text:
 *	<a class="svtButton svtCenterUnknown" href="#" >
 *		<div class="svtCenterUnknownContent">
 *			<span	class="svtIcon svtIcon_ShowMore"></span>
 *			Fler artiklar
 *		</div>
 *	</a>
 */
.svtCenterUnknown {
  clear: both;
  text-align: center; }
  .svtCenterUnknown .svtCenterUnknownContent {
    margin: 0 auto;
    overflow: hidden;
    _overflow: visible;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline; }

/* Share
   ========================================================================== */
.svtShareWrapper {
  display: block;
  min-height: 28px;
  margin: 0 0 10px 0;
  padding: 0; }

/* We use inline block for this http://j.mp/nZwevB */
.A_svtShare, .svtShareTwttr, .svtShareFB, .svtShareGplus {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 25px;
  min-width: 30px;
  vertical-align: top;
  /* For IE 7 */
  zoom: 1;
  *display: inline;
  float: left; }

.svtShareFB .fb_iframe_widget > span {
  width: 145px !important; }

.svtShareFB {
  margin-right: 5px; }

.svtShareTwttr {
  margin-right: 5px; }

.svtShareGplus {
  margin-right: -5px; }

@media only screen and (max-width: 600px) {
  .svtShareWrapper div:first-child:nth-last-child(1),
  .svtShareWrapper div:first-child:nth-last-child(1) ~ div {
    width: 100%; }
  .svtShareWrapper div:first-child:nth-last-child(2),
  .svtShareWrapper div:first-child:nth-last-child(2) ~ div {
    width: 50%; }
  .svtShareWrapper div:first-child:nth-last-child(3),
  .svtShareWrapper div:first-child:nth-last-child(3) ~ div {
    width: 33.3333333333%; }
  .svtShareWrapper div:first-child:nth-last-child(4),
  .svtShareWrapper div:first-child:nth-last-child(4) ~ div {
    width: 25%; }
  .svtShareFB, .svtShareTwttr, .svtShareGplus {
    margin-right: 0; } }

.ieLte7 .svtShareGplus {
  display: none; }

/* Tabmenu
   ========================================================================== */
.svtTabMenu {
  clear: both;
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#E3E3E3));
  background-image: -webkit-linear-gradient(top, #EEE, #E3E3E3);
  background-image: -moz-linear-gradient(top, #EEE, #E3E3E3);
  background-color: #EEE;
  /* TODO: perhaps we need a first-child class for IE */
  /*
	.addthis_toolbox {
		margin: 15px 0 0 0;
		float: right;
		overflow: hidden;
	}
	*/ }
  .svtTabMenu ul li:first-child {
    border-left: 1px solid #CCC; }

.svtTabMenu:before,
.svtTabMenu:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtTabMenu:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtTabMenu {
  zoom: 1; }

/* Aside element with backgrounds
   ========================================================================== */
.A_svtAside_border, .svtAside_border, .svtAside, .svtAside-MainLeft_border {
  border-top: 4px solid #E3E3E3; }

.svtAside {
  background-color: #EEE; }

.A_svtAside_Main, .A_svtAside_MainLeft, .svtAside-MainLeft, .svtAside-MainLeft_border, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedLeft, .svtRecipeRelated.svtHide-Gte-S .svtAside-MainRight, .A_svtAside_MainRight, .svtAside-MainRight, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedRight {
  min-width: 140px;
  /* TODO: variale n stuff to be same as mediaBlock */
  width: 35%;
  clear: both; }

.A_svtAside_MainLeft, .svtAside-MainLeft, .svtAside-MainLeft_border, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedLeft, .svtRecipeRelated.svtHide-Gte-S .svtAside-MainRight {
  margin: 2px 20px 10px 0;
  float: left; }

.A_svtAside_MainRight, .svtAside-MainRight, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedRight {
  margin: 2px 0 10px 20px;
  float: right; }

.svtAside-Play {
  background-color: #333;
  border-top: 4px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  color: #E3E3E3;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

/* Procent elements, for use with CSS3 columns
   ========================================================================== */
.svtFlexible-33-49, svtFlexible-33-24 {
  width: 49%; }

/* Used in News region submenu for each column listed item */
.svtColumnItem {
  display: block;
  padding: 5px;
  font-size: 93%; }
  .svtColumnItem:hover {
    background: #E3E3E3;
    border-radius: 4px; }

/* TABS TODO: move to own file
   ========================================================================== */
/* Hide all tabs after the first */
.svtTab-1 {
  display: none; }

.svtTab-2 {
  display: none; }

.svtTab-3 {
  display: none; }

.svtTab-4 {
  display: none; }

.svtTab-5 {
  display: none; }

.svtTab-6 {
  display: none; }

.svtTab-7 {
  display: none; }

.svtTab-8 {
  display: none; }

.svtTab-9 {
  display: none; }

.svtTab-10 {
  display: none; }

.svtTab-11 {
  display: none; }

.svtTab-12 {
  display: none; }

.svtTab-13 {
  display: none; }

.svtTab-14 {
  display: none; }

.svtTab-15 {
  display: none; }

.svtTab-16 {
  display: none; }

.svtTab-17 {
  display: none; }

.svtTab-18 {
  display: none; }

.svtTab-19 {
  display: none; }

.svtTab-20 {
  display: none; }

.svtTab-Active {
  display: block; }

/* Comments TODO: smarter and redisgned
   ========================================================================== */
.svtCommentsArea {
  display: none; }

/* Local logo - is used on both barn and svt.se 404 page therefore moved from
* publication framework.
*   ========================================================================== */
/**

/* Made abstract to allow svtLocalLogo-404 to set height */
.A_svtseLocalLogo, .svtLocalLogo-404, .svtseLocalLogo {
  display: block;
  position: relative;
  text-indent: -9999px;
  top: 16px;
  /*width: 250px;*/ }

/* 404-pages
   ========================================================================== */
/**
 * 404-page do not have a ant build for the themed content
 * TODO: wgy themed as different
 */
.svtLocalLogo-404 {
  height: 157px; }

.svtLocalLogoTHEMED-404 {
  background-image: url("img/404/404.gif");
  background-position: 0 0;
  background-repeat: no-repeat; }

/* Loading indication
   ========================================================================== */
.svtLoadIndication, .svtLoadIndication-vertical50, .svtLoadIndication-vertical80, .svtLoadIndication-small-top-right {
  background: #FFF url("img/ajax-loader.gif") no-repeat 50% 0; }
  .svtLoadIndication .svtOpacityArea, .svtLoadIndication-vertical50 .svtOpacityArea, .svtLoadIndication-vertical80 .svtOpacityArea, .svtLoadIndication-small-top-right .svtOpacityArea {
    opacity: 0.3; }

.svtLoadIndication-vertical50 {
  background-position: 50% 50%; }

.svtLoadIndication-vertical80 {
  background-position: 50% 80%; }

/* A smaller ajax-load icon placed to the right for teaser package sub-items */
.svtLoadIndication-small-top-right {
  background: #FFF url("img/ajax-loader-small.gif") no-repeat 95% 5px; }

/* A small light ajax-load icon white on dark grey (#262626) placed to the right used in latest news widget */
.svtLoadIndication-small-light-top-right {
  background: transparent url("img/ajax-loader-small-light.gif") no-repeat 96% 10px; }

/* Sub menu for publications, with mobile
   ========================================================================== */
.svtSubMenuItem {
  display: block;
  padding: 6px 10px 4px 10px; }

.svtSubMenuItem-Active {
  background-color: #E3E3E3;
  border-top: 1px solid #AAA;
  padding-top: 5px;
  font-weight: bold;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

.svtSubMenuItemMobile, .svtSubMenuItemMobileHeader {
  display: block; }

.svtSubMenuItemMobileHeader {
  font-weight: bolder;
  margin-right: 30px; }

.svtSubMenuMobile-Arrow {
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 10px; }

/* Images
   ========================================================================== */
.svtFigure img {
  display: block; }

/* Tabla search highlight
   ========================================================================== */
.svtTablaSearchHighlight {
  background: #f7d100;
  font-style: normal;
  padding: 0 5px; }

/* Visually hide text
   ========================================================================== */
/*
/*
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */
.svtHideText, .svtServiceHeaderNews-Arrow {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* ==========================================================================
   Buttons
   ========================================================================== */
/* Abstract buttons
   ========================================================================== */
.svtButton-Transparent, .svtButton-Tab, .svtButton-TabPlay, .svtButton-Tab-S-Narrow, .svtButton-Play, .svtButton-NoBorder, .svtButton-Inactive, .svt_voting__button:disabled, .svt_share__button:disabled, .svtButton-Notification_twitter, .svtButton-White {
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: bold;
  padding: 8px 6px 6px 6px;
  white-space: nowrap;
  overflow: hidden; }

/* TODO Why is this a abstract class? */
.svtButtonAlmostBlack-Gte-M {
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: bold;
  outline: none;
  padding: 10px;
  position: relative;
  text-shadow: 0 1px 0 #000;
  white-space: nowrap; }
  .svtButtonAlmostBlack-Gte-M:visited {
    color: #FFF; }
  .svtButtonAlmostBlack-Gte-M:hover {
    color: #FFF;
    text-decoration: underline; }
  .svtButtonAlmostBlack-Gte-M:active {
    background: #222;
    box-shadow: 0 1px 0 transparent inset; }
  .active.svtButtonAlmostBlack-Gte-M {
    background: #000;
    box-shadow: 0 1px 0 transparent inset;
    outline: none;
    text-decoration: none;
    cursor: default; }

/* Input buttons
   ========================================================================== */
input.svtButton-Search, .svtseSubmenuSearchWrapper-White input.svtButton-Search {
  position: absolute;
  display: block;
  text-indent: -9999px;
  background: transparent;
  opacity: 0.5;
  border: none;
  top: 6px;
  right: 2px;
  width: 20px;
  height: 20px; }
  input.svtButton-Search:hover {
    opacity: 1; }

.svtseSubmenuSearchWrapper-White input.svtButton-Search {
  opacity: 1; }
  .svtseSubmenuSearchWrapper-White input.svtButton-Search:hover {
    opacity: 0.5; }

/* Buttons
   ========================================================================== */
.svtButton-Transparent {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0;
  background-color: transparent;
  color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .svtButton-Transparent:hover {
    color: #FFF;
    text-decoration: none; }
  .svtButton-Transparent .inner {
    display: block;
    padding: 5px 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.svtButton-Tab, .svtButton-TabPlay, .svtButton-Tab-S-Narrow {
  /* Line height XS-screen, mobile first */
  line-height: 18px;
  border-right: 1px solid #CCC;
  color: #666;
  display: block;
  /* Move icons if they are inside Nav tabs */ }
  .svtButton-Tab:visited, .svtButton-TabPlay:visited, .svtButton-Tab-S-Narrow:visited {
    color: #666; }
  .svtButton-Tab:hover, .svtButton-TabPlay:hover, .svtButton-Tab-S-Narrow:hover {
    color: #666;
    text-decoration: none;
    background-color: #AAA; }
  .svtButton-Tab .svtIcon, .svtButton-TabPlay .svtIcon, .svtButton-Tab-S-Narrow .svtIcon, .svtButton-Tab .svt_voting__disclaimer, .svtButton-TabPlay .svt_voting__disclaimer, .svtButton-Tab-S-Narrow .svt_voting__disclaimer, .svtButton-Tab .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtButton-Tab .svt_voting__share_icon, .svtButton-TabPlay .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtButton-TabPlay .svt_voting__share_icon, .svtButton-Tab-S-Narrow .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtButton-Tab-S-Narrow .svt_voting__share_icon {
    top: 6px;
    position: relative; }

.svtButton-Tab, .svtButton-TabPlay {
  padding: 11px 15px 10px; }

.svtButton-Tab-S-Narrow {
  padding: 11px 7px 10px;
  color: #4b4b4b; }
  .svtButton-Tab-S-Narrow:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#CCC));
    background-image: -webkit-linear-gradient(top, #E3E3E3, #CCC);
    background-image: -moz-linear-gradient(top, #E3E3E3, #CCC);
    background-color: #E3E3E3;
    color: #4b4b4b; }

/* Play buttons
   ========================================================================== */
.svtButton-Play {
  color: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#262626));
  background-image: -webkit-linear-gradient(top, #4b4b4b, #262626);
  background-image: -moz-linear-gradient(top, #4b4b4b, #262626);
  background-color: #262626;
  margin-bottom: 10px;
  border-top: 1px solid #666;
  border-right: 1px solid #1A1A1A;
  border-bottom: 1px solid #1A1A1A;
  border-left: 1px solid #1A1A1A; }
  .svtButton-Play:hover {
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#4b4b4b));
    background-image: -webkit-linear-gradient(top, #262626, #4b4b4b);
    background-image: -moz-linear-gradient(top, #262626, #4b4b4b);
    background-color: #4b4b4b;
    border-top: 1px solid #1A1A1A;
    border-right: 1px solid #1A1A1A;
    border-bottom: 1px solid #666;
    border-left: 1px solid #1A1A1A; }

.svtButton-TabActive {
  background-color: #FFF;
  font-weight: bold;
  /* Clears border bottom (if tab menu border is used) */
  border-bottom: 1px solid #FFF;
  margin-bottom: -1px;
  /* So it don't indicate clickable when already active */
  cursor: default;
  color: #000; }
  .svtButton-TabActive:visited {
    color: #000; }
  .svtButton-TabActive:hover {
    background: #FFF;
    cursor: default;
    color: #000; }

.svtButton, .svtButton-Flexible, .dsq-submit, .svt_voting__button, .svt_share__button {
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: bold;
  padding: 8px 6px 6px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  color: #1A1A1A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background-image: -webkit-linear-gradient(top, #FFF, #EEE);
  background-image: -moz-linear-gradient(top, #FFF, #EEE);
  background-color: #F2F2F2;
  /* For browsers without box-shadow */
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #E3E3E3; }
  .svtButton:visited, .svtButton-Flexible:visited, .dsq-submit:visited, .svt_voting__button:visited, .svt_share__button:visited {
    color: #1A1A1A; }
  .svtButton:hover, .svtButton-Flexible:hover, .dsq-submit:hover, .svt_voting__button:hover, .svt_share__button:hover {
    text-decoration: none;
    color: #1A1A1A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background-image: -webkit-linear-gradient(top, #EEE, #FFF);
    background-image: -moz-linear-gradient(top, #EEE, #FFF);
    background-color: #FFF; }
  .svtButton:active, .svtButton-Flexible:active, .dsq-submit:active, .svt_voting__button:active, .svt_share__button:active {
    border-color: #E3E3E3 #E3E3E3 #C2C2C2;
    -moz-box-shadow: inset 0 2px 2px 0 #8A8A8A;
    -webkit-box-shadow: inset 0 2px 2px 0 #8A8A8A;
    box-shadow: inset 0 2px 2px 0 #8A8A8A; }
  .svtButton.svtButtonSelected, .svtButtonSelected.svtButton-Flexible, .svtButtonSelected.dsq-submit, .svtButtonSelected.svt_voting__button, .svtButtonSelected.svt_share__button {
    border-color: #E3E3E3 #CBCBCB #C4C4C4 #C5C5C5;
    color: #5E5E5E;
    -moz-box-shadow: inset 0 2px 1px 0 #888;
    -webkit-box-shadow: inset 0 2px 1px 0 #888;
    box-shadow: inset 0 2px 1px 0 #888;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#E0E0E0));
    background-image: -webkit-linear-gradient(top, #E3E3E3, #E0E0E0);
    background-image: -moz-linear-gradient(top, #E3E3E3, #E0E0E0);
    background-color: #E3E3E3; }
    .svtButton.svtButtonSelected:hover, .svtButtonSelected.svtButton-Flexible:hover, .svtButtonSelected.dsq-submit:hover, .svtButtonSelected.svt_voting__button:hover, .svtButtonSelected.svt_share__button:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#E0E0E0));
      background-image: -webkit-linear-gradient(top, #E3E3E3, #E0E0E0);
      background-image: -moz-linear-gradient(top, #E3E3E3, #E0E0E0);
      background-color: #E3E3E3; }
  .svtButton .svtLoading, .svtButton-Flexible .svtLoading, .dsq-submit .svtLoading, .svt_voting__button .svtLoading, .svt_share__button .svtLoading {
    background-image: url("img/ajax-loader-small.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    .svtButton .svtLoading div, .svtButton-Flexible .svtLoading div, .dsq-submit .svtLoading div, .svt_voting__button .svtLoading div, .svt_share__button .svtLoading div, .svtButton .svtLoading span, .svtButton-Flexible .svtLoading span, .dsq-submit .svtLoading span, .svt_voting__button .svtLoading span, .svt_share__button .svtLoading span, .svtButton .svtLoading a, .svtButton-Flexible .svtLoading a, .dsq-submit .svtLoading a, .svt_voting__button .svtLoading a, .svt_share__button .svtLoading a {
      visibility: hidden; }

.svtButton-NoBorder {
  color: #1A1A1A;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background-image: -webkit-linear-gradient(top, #FFF, #EEE);
  background-image: -moz-linear-gradient(top, #FFF, #EEE);
  background-color: #F2F2F2; }
  .svtButton-NoBorder:visited {
    color: #1A1A1A; }
  .svtButton-NoBorder:hover {
    text-decoration: none;
    color: #1A1A1A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background-image: -webkit-linear-gradient(top, #EEE, #FFF);
    background-image: -moz-linear-gradient(top, #EEE, #FFF);
    background-color: #FFF; }

.svtButton-Flexible {
  display: inline-block; }

.svtButton-Inactive, .svt_voting__button:disabled, .svt_share__button:disabled {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  color: #666;
  border-top: 1px solid #F2F2F2;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #EEE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #F2F2F2);
  background-image: -moz-linear-gradient(top, #f9f9f9, #F2F2F2);
  background-color: #f9f9f9; }

.svtButton-Notification_twitter {
  background-color: #DBF1FD;
  border: 1px solid #CADee8;
  color: #1A1A1A;
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px; }
  .svtButton-Notification_twitter:hover {
    text-decoration: none;
    color: #1A1A1A;
    background-color: #E5EEF7; }

.svtButton-White {
  background-color: #FFF;
  text-align: center;
  border: 1px solid #E3E3E3;
  color: #666; }
  .svtButton-White.selected {
    background-color: #E3E3E3;
    box-shadow: inset 0 1px 2px #666; }

/* ==========================================================================
   Forms
   ========================================================================== */
.svtBasicInput, .svtBasicTextArea, .svtForm input[type="text"], .svtFormSmall input[type="text"], .svtFormInverted input[type="text"] {
  -moz-box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
  box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FCFCFC;
  color: #000;
  outline: none;
  padding: 5px;
  border: 1px solid #CCC;
  line-height: 22px;
  height: 32px; }
  .focus.svtBasicInput,
  .focus.svtBasicTextArea,
  .svtForm input.focus[type="text"],
  .svtFormSmall input.focus[type="text"], .svtFormInverted input.focus[type="text"], .svtBasicInput:focus, .svtBasicTextArea:focus, .svtForm input[type="text"]:focus, .svtFormSmall input[type="text"]:focus, .svtFormInverted input[type="text"]:focus {
    background: #FFF; }
  .no-boxsizing .svtBasicInput, .no-boxsizing .svtBasicTextArea, .no-boxsizing .svtForm input[type="text"], .svtForm .no-boxsizing input[type="text"], .no-boxsizing .svtFormSmall input[type="text"], .svtFormSmall .no-boxsizing input[type="text"], .no-boxsizing .svtFormInverted input[type="text"], .svtFormInverted .no-boxsizing input[type="text"] {
    height: 22px; }
  .svtBasicInput::-webkit-input-placeholder, .svtBasicTextArea::-webkit-input-placeholder, .svtForm input[type="text"]::-webkit-input-placeholder, .svtFormSmall input[type="text"]::-webkit-input-placeholder, .svtFormInverted input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #808080; }
  .svtBasicInput:-moz-placeholder, .svtBasicTextArea:-moz-placeholder, .svtForm input[type="text"]:-moz-placeholder, .svtFormSmall input[type="text"]:-moz-placeholder, .svtFormInverted input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666; }
  .svtBasicInput::-moz-placeholder, .svtBasicTextArea::-moz-placeholder, .svtForm input[type="text"]::-moz-placeholder, .svtFormSmall input[type="text"]::-moz-placeholder, .svtFormInverted input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666; }
  .svtBasicInput:-ms-input-placeholder, .svtBasicTextArea:-ms-input-placeholder, .svtForm input[type="text"]:-ms-input-placeholder, .svtFormSmall input[type="text"]:-ms-input-placeholder, .svtFormInverted input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #808080; }

.svtBasicInput {
  display: block;
  width: 100%; }

.svtBasicLabel {
  color: #666;
  display: block;
  font-weight: bold;
  margin-bottom: 5px; }

.svtBasicTextArea {
  width: 100%;
  height: 180px;
  resize: none; }

.svtInputText {
  border: none;
  background: transparent;
  color: #000;
  width: 80%;
  padding: 0; }
  .svtInputText::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #808080; }
  .svtInputText:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666; }
  .svtInputText::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666; }
  .svtInputText:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #808080; }

.svtDragAndDropArea {
  text-align: center;
  padding: 5%;
  border: dashed 1px #E3E3E3;
  background-color: #f9f9f9;
  font-weight: bold;
  color: #666;
  cursor: pointer; }

.svtInputEmbed {
  color: #333;
  background-color: #f9f9f9;
  padding: 7px;
  width: 59%;
  border-width: 1px;
  border-color: #CCC;
  border-style: solid;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: inset 0 0 3px 0 #E3E3E3;
  -webkit-box-shadow: inset 0 0 3px 0 #E3E3E3;
  box-shadow: inset 0 0 3px 0 #E3E3E3; }
  .svtInputEmbed:focus {
    -moz-box-shadow: 0 0 3px 0 #0059B3;
    -webkit-box-shadow: 0 0 3px 0 #0059B3;
    box-shadow: 0 0 3px 0 #0059B3; }

.svtSelect {
  margin: 6px 5px 6px;
  vertical-align: middle;
  font-size: 116%;
  width: 35%; }

/* Search input field
   ========================================================================== */
.svtSelectWrapper {
  -moz-box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
  box-shadow: inset 0 2px 2px -2px #AAA;
  overflow: hidden;
  background-color: #fcfcfc;
  *background-color: transparent; }
  .svtSelectWrapper select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 100%;
    height: 30px;
    border: 0;
    padding: 5px;
    *padding: 0;
    outline: none;
    background: transparent url("img/form/select-option.png") no-repeat right center;
    background-size: 40px 40px; }
    .no-boxsizing .svtSelectWrapper select {
      height: 20px;
      margin: 5px 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5), screen and (-ms-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
      .svtSelectWrapper select {
        background-image: url("img/form/select-option@2x.png"); } }
  .webkitappearance .svtSelectWrapper select {
    padding-right: 30px; }

.svtForm input[disabled], .svtFormSmall input[disabled], .svtFormInverted input[disabled] {
  background: #F2F2F2; }

.svtForm .svtSelectWrapper, .svtFormSmall .svtSelectWrapper, .svtFormInverted .svtSelectWrapper {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #CCC;
  *border: 0; }

.svtForm.focus,
.focus.svtFormSmall,
.focus.svtFormInverted,
.svtForm:focus, .svtFormSmall:focus, .svtFormInverted:focus {
  background: #FFF; }

.svtFocus {
  box-shadow: #08a7f7 0px 0px 3px 1px !important;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.svtFormSmall input[type="text"] {
  font-size: 93%;
  padding: 2px;
  line-height: 18px;
  height: 22px; }
  .no-boxsizing .svtFormSmall input[type="text"] {
    height: 18px; }
  .svtFormSmall input[type="text"]:focus {
    outline: solid 2px #008de9; }

.svtFormSmall .svtSearchWrapper, .svtFormSmall .svtSearchWrapper-Focus, .svtFormSmall .svtSearchWrapper-Large {
  _height: 20px;
  padding: 1px; }

.svtFormSmall .svtSelectWrapper select {
  font-size: 93%;
  height: 22px;
  padding: 2px;
  padding-left: 5px; }
  .no-boxsizing .svtFormSmall .svtSelectWrapper select {
    height: 18px;
    margin: 2px 0; }

.svtFormInverted input[type="text"] {
  background: #F2F2F2;
  padding: 8px;
  border: 0px;
  outline: 0; }

.svtFormInverted input[disabled] {
  background: #B3B3B3; }

/*
 * Example:
 *	<form action="#">
 *		<div class="searchWrapper">
 *			<div class="inputWrapper"><input  type="text"></div>
 *			<div class="buttonWrapper"><input type="submit" value="search"/></div>
 *		</div>
 *	</form>
 */
.svtSearchWrapper, .svtSearchWrapper-Focus, .svtSearchWrapper-Large {
  -moz-box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
  box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  overflow: hidden;
  *zoom: 1;
  /* just a small fix for ie6 users.*/
  _height: 30px;
  border: 1px solid #CCC;
  background: #FCFCFC;
  color: #000;
  padding: 5px; }
  .svtSearchWrapper input[type="text"],
  .svtSearchWrapper-Focus input[type="text"],
  .svtSearchWrapper-Large input[type="text"],
  .svtSearchWrapper input[type="submit"], .svtSearchWrapper-Focus input[type="submit"], .svtSearchWrapper-Large input[type="submit"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    height: 20px;
    /* line-height: 20px; messes up the placeholder text since it doesn't match and can't be styled */
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }

.svtSearchWrapper-Focus input[type="text"]:focus,
.svtSearchWrapper-Focus input[type="submit"]:focus {
  outline: none;
  -moz-box-shadow: 0 0 3px 0 #0059B3;
  -webkit-box-shadow: 0 0 3px 0 #0059B3;
  box-shadow: 0 0 3px 0 #0059B3; }

/*
 * Example:
	<div class="svtCheckboxWrapper">
		<input type="checkbox" name="ch1" id="ch1" value="true" />
		<label for="ch1"><span class="svtFormCheckbox"></span>Check</label>
	</div>
*/
.svtCheckboxWrapper input[type=checkbox] {
  position: absolute;
  left: -9999px; }

.svtCheckboxWrapper label {
  display: inline-block;
  margin-left: 25px;
  padding-bottom: 15px; }
  .svtCheckboxWrapper label:hover .svtFormCheckbox {
    border-color: #aaa; }

.svtCheckboxWrapper input[type=checkbox]:checked ~ label .svtFormCheckbox {
  /* Cannot @extend .A_svtIconSprite due to :checked selector breaking IE8 */
  background-image: url("img/sprite-icons.png");
  background-repeat: no-repeat;
  background-position: 2px -3997px; }

.svtCheckboxWrapper .svtFormCheckbox {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #CCC;
  margin-bottom: -4px;
  margin-left: -25px;
  float: left; }

.svtFormDropdown {
  *margin-top: 20px;
  background-color: #FFF; }
  .svtFormDropdown legend {
    -moz-box-shadow: inset 0 2px 2px -2px #AAA;
    -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
    box-shadow: inset 0 2px 2px -2px #AAA;
    width: 100%;
    /*
			http://beckism.com/2008/12/display_block_legend/

			Force legend to display block
		*/
    margin: 0 0;
    float: left;
    white-space: normal;
    *margin-left: -7px; }
    .svtFormDropdown legend span {
      display: block; }
  .svtFormDropdown .svtCheckboxWrapper {
    background-color: #FFF;
    padding: 0 5px 0; }

.svtFormDropDownMenuLabel {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: #1A1A1A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background-image: -webkit-linear-gradient(top, #FFF, #EEE);
  background-image: -moz-linear-gradient(top, #FFF, #EEE);
  background-color: #F2F2F2;
  /* For browsers without box-shadow */
  border-left: 1px solid #e9e9e9;
  padding: 4px 0 4px 7px;
  margin: 2px 1px 0 0;
  height: 17px; }

.svtFormDropdownSub {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: inset 0 2px 2px -2px #AAA;
  -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
  box-shadow: inset 0 2px 2px -2px #AAA;
  border-top: 0;
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 10; }

.no-js .svtFormDropdownSub {
  position: static; }

.touch .svtFormDropdown .svtCheckboxWrapper {
  padding: 0 0 0 5px; }
  .touch .svtFormDropdown .svtCheckboxWrapper label {
    padding: 14px 0; }

.svtSearchInputWrapper {
  padding-right: 32px; }
  .svtSearchInputWrapper input[type="text"] {
    text-indent: 3px;
    float: left; }

.svtSearchWrapper-Large input[type="text"],
.svtSearchWrapper-Large input[type="submit"] {
  font-size: 123.1%; }

.svtSearchButtonWrapper {
  width: 30px;
  float: right;
  /* just being nice to ie6 users.*/
  _position: relative;
  _top: -24px; }
  .svtSearchButtonWrapper input[type="submit"] {
    background-position: 10px -1838px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: transparent;
    opacity: 0.6;
    cursor: hand;
    cursor: pointer; }
    .svtSearchButtonWrapper input[type="submit"]:hover {
      opacity: 1; }
    .svtSearchButtonWrapper input[type="submit"]:focus {
      outline: solid 2px #008de9; }

.no-boxshadow .svtSearchWrapper, .no-boxshadow .svtSearchWrapper-Focus, .no-boxshadow .svtSearchWrapper-Large {
  border: 1px solid #CCC; }

.ieLte8 .svtSearchWrapper input[type="text"],
.ieLte8 .svtSearchWrapper-Focus input[type="text"],
.ieLte8 .svtSearchWrapper-Large input[type="text"],
.ieLte8 .svtSearchWrapper input[type="submit"], .ieLte8 .svtSearchWrapper-Focus input[type="submit"], .ieLte8 .svtSearchWrapper-Large input[type="submit"] {
  line-height: 20px; }

/*
* SVT SEARCH FIELD AUTOCOMPLETE
*/
.svtAutoComplete {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin-top: -2px; }
  .svtAutoComplete li {
    list-style: none;
    margin: 0;
    padding: 5px 5px;
    overflow: hidden; }
  .svtAutoComplete ul {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-box-shadow: inset 0 2px 2px -2px #AAA;
    -webkit-box-shadow: inset 0 2px 2px -2px #AAA;
    box-shadow: inset 0 2px 2px -2px #AAA;
    background: #f9f9f9;
    border: solid 1px #CCC;
    margin: 0;
    padding: 0; }

.svtAutoComplete-result:hover,
.svtAutoComplete-hover {
  background: #DBDBDB; }

.svtAutoComplete-result .svtIcon, .svtAutoComplete-result .svt_voting__disclaimer, .svtAutoComplete-result .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtAutoComplete-result .svt_voting__share_icon {
  width: 16px; }

/* Input field error
   ========================================================================== */
.svtBasicInput.svtBasicInputError,
.svtBasicTextArea.svtBasicInputError,
input[type="text"].svtBasicInputError,
.svtBasicInput.svtBasicInputError:focus,
.svtForm input[type="text"].svtBasicInputError:focus, .svtFormSmall input[type="text"].svtBasicInputError:focus, .svtFormInverted input[type="text"].svtBasicInputError:focus {
  background-color: #ffcccc; }

.svtFormErrorLabel {
  color: #ff0000;
  font-weight: normal; }

/* Input disabled/read only
   ========================================================================== */
.svtForm .svtBasicInput[disabled],
.svtFormSmall .svtBasicInput[disabled],
.svtFormInverted .svtBasicInput[disabled],
.svtForm .svtBasicTextArea[disabled],
.svtFormSmall .svtBasicTextArea[disabled],
.svtFormInverted .svtBasicTextArea[disabled],
.svtForm .svtBasicInput[readonly],
.svtFormSmall .svtBasicInput[readonly],
.svtFormInverted .svtBasicInput[readonly],
.svtForm select[disabled], .svtFormSmall select[disabled], .svtFormInverted select[disabled] {
  cursor: not-allowed;
  background-color: #F2F2F2;
  color: #AAA; }

.svtForm button[disabled],
.svtFormSmall button[disabled],
.svtFormInverted button[disabled],
.svtForm button[disabled]:visited,
.svtFormSmall button[disabled]:visited,
.svtFormInverted button[disabled]:visited,
.svtForm button[disabled]:hover,
.svtFormSmall button[disabled]:hover,
.svtFormInverted button[disabled]:hover,
.svtForm button[disabled]:active, .svtFormSmall button[disabled]:active, .svtFormInverted button[disabled]:active {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  color: #AAA;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background-image: -webkit-linear-gradient(top, #FFF, #EEE);
  background-image: -moz-linear-gradient(top, #FFF, #EEE);
  background-color: #F2F2F2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #F2F2F2;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #EEE;
  cursor: default; }

.svtForm button[disabled].svtButton--Loading,
.svtFormSmall button[disabled].svtButton--Loading,
.svtFormInverted button[disabled].svtButton--Loading,
.svtForm button[disabled].svtButton--Loading:visited,
.svtFormSmall button[disabled].svtButton--Loading:visited,
.svtFormInverted button[disabled].svtButton--Loading:visited,
.svtForm button[disabled].svtButton--Loading:hover,
.svtFormSmall button[disabled].svtButton--Loading:hover,
.svtFormInverted button[disabled].svtButton--Loading:hover,
.svtForm button[disabled].svtButton--Loading:active, .svtFormSmall button[disabled].svtButton--Loading:active, .svtFormInverted button[disabled].svtButton--Loading:active {
  text-indent: -9999px;
  background-image: url("img/ajax-loader-small.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/* ==========================================================================
   Icons
   ========================================================================== */
/**
 * All icons and there offsets, sprites etc
 */
/* Sprite offset
   ========================================================================== */
/* White Play arrow icon
   ========================================================================== */
/*  Sprite icon list (vertical)
   ========================================================================== */
/* Channel sprite offset
   ========================================================================== */
/* TODO: Justify pixel differences in psd file when we gets photoshop licenses */
/** Channel icon widths **/
/** Background objects **/
/* Media Carousel arrows
   ========================================================================== */
/* Video publish rights
   ========================================================================== */
/* Abstract icons
   ========================================================================== */
input.svtButton-Search, .svtseSubmenuSearchWrapper-White input.svtButton-Search, .svtSearchButtonWrapper input[type="submit"], .svtIcon, .svt_voting__disclaimer, .svt_voting__share-group .svt_voting__share_icon, .svtIcon-Inline, .svtIcon-Small, .svtCarousel__pageControlDot--active, .svtCarousel__pageControlDot--inactive, .svtIcon-Small_wide, .svtIcon-XSmall_wide, .svtIcon-20px_height, .svtIcon-M, .svtIcon-Large, .svtIcon-Large_wide, .svtIcon-XL, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext, .svtIcon-XXL, .svtIcon-Weather, .svtIcon-Chanel, .svtIcon-Chanel-Inline, .svtIcon-Large-Inline, svtIcon-Tittarservice-M, .svtseBolibompaIcon, .svtsePlayIcon, .svtsePlayIcon-xs, .svtseFlowIcon, .svtseOppetArkivIcon, .svtseMenuIcon {
  background-image: url("img/sprite-icons.png");
  background-repeat: no-repeat; }

.svtIcon, .svt_voting__disclaimer, .svt_voting__share-group .svt_voting__share_icon, .svtIcon-Inline, .svtIcon-Small, .svtCarousel__pageControlDot--active, .svtCarousel__pageControlDot--inactive, .svtIcon-Small_wide, .svtIcon-XSmall_wide, .svtIcon-20px_height, .svtIcon-M, .svtIcon-Large, .svtIcon-Large_wide, .svtIcon-XL, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext, .svtIcon-XXL, .svtIcon-Weather, .svtIcon-Chanel, .svtIcon-Chanel-Inline, .svtIcon-Large-Inline, svtIcon-Tittarservice-M {
  display: block;
  float: left;
  text-indent: -9999px; }

.svtIcon_ReadMore, .svtIcon_ShowMore, .svtIcon_ShowMore-Inverted, .svtIcon_Close {
  width: 22px; }

/* Icons
   ========================================================================== */
.svtIcon, .svt_voting__disclaimer, .svt_voting__share-group .svt_voting__share_icon {
  /*
	display: block;
	float: left;
	text-indent: -9999px;
	*/
  width: 20px;
  height: 16px; }

.svtIcon-Inline {
  display: inline-block;
  float: none; }

.svtIconRight {
  display: block;
  float: right;
  width: 20px;
  height: 16px;
  text-indent: -9999px;
  background-image: url("img/sprite-icons.png");
  background-repeat: no-repeat;
  margin-left: 10px; }

.svtIcon-Small, .svtCarousel__pageControlDot--active, .svtCarousel__pageControlDot--inactive {
  width: 12px;
  height: 16px; }

.svtIcon-Small_wide {
  width: 17px;
  height: 16px; }

.svtIcon-XSmall_wide {
  width: 17px;
  height: 12px; }

.svtIcon-20px_height {
  width: 20px;
  height: 20px; }

.svtIcon-M {
  width: 22px;
  height: 18px; }

.svtIcon-Large {
  width: 25px;
  height: 20px; }

.svtIcon-Large_wide {
  width: 35px;
  height: 20px; }

.svtIcon-XL, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext {
  width: 27px;
  height: 23px;
  margin-top: -3px; }

.svtIcon-XXL {
  width: 37px;
  height: 33px;
  margin-top: -3px; }

.svtIcon-Weather {
  background-image: url("img/sprite-icons-weather.png");
  width: 25px;
  height: 25px; }

.svtIcon-Chanel {
  width: 45px;
  height: 16px; }

.svtIcon-Chanel-Inline {
  width: 23px;
  height: 15px;
  float: none;
  display: inline-block;
  /* Because of strange IE7 bug. Change from 0px to 0 after checking with CSS Lint */
  text-indent: 0;
  position: relative;
  top: 2px; }

.svtIcon-Large-Inline {
  width: 23px;
  height: 18px;
  float: none;
  display: inline-block;
  text-indent: 0;
  /* Because of strange IE7 bug. Change from 0px to 0 after checking with CSS Lint */
  position: relative;
  top: 2px; }

/* Sprited
   ========================================================================== */
.svtIcon_External-Link {
  background-position: 0 -2357px; }

.svtIcon-Large_React {
  background-position: 0 -360px; }

.svtIcon_Comment-Light {
  background-position: 0 -1520px; }

.svtIcon_Comment-Light_low {
  background-position: 0 -1515px; }

.svtIcon_Comment-Dark {
  background-position: 0 -279px; }

.svtIcon_Comment-Blue {
  background-position: 0 -2517px; }

.svtIcon_Comment-Black-Transparent {
  background-position: 0 -3440px; }

.svtIcon_Comment-Grey-Transparent {
  background-position: 0 -3480px; }

.svtIcon_Email-Light {
  background-position: 0 -160px; }

.svtIcon_Email-Light-small, .svt_voting__share-group .svt_voting__share_icon.svt_voting__share_icon--mail {
  background-position: 0 -2320px; }

.svtIcon_Email-large {
  background-position: 0 -3520px;
  width: 29px;
  height: 19px; }

.svtIcon_Rss-small {
  background-position: 0 -2400px; }

.svtIcon_Rss-small-white {
  width: 16px;
  background-position: 0 -4400px; }

.svtIcon_Share-White {
  background-position: 0 -3680px; }

.svtIcon_Share-Light {
  background-position: 0 -1480px; }

.svtIcon_Share-Dark {
  background-position: 2px -319px; }

.svtIcon_Share-Black-Transparent {
  background-position: 0 -2680px;
  width: 15px; }

.svtIcon_Share-Grey-Transparent {
  background-position: 0 -2720px;
  width: 15px; }

.svtIcon_LikeThumb-Light {
  background-position: 0 -4600px; }

.svtIcon_LikeThumb-Dark {
  background-position: 0 -4640px; }

.svtIcon_LikeThumb-Dark-small {
  background-position: -25px -4640px; }

.svtIcon_Print-Dark {
  background-position: 0 -560px; }

.svtIcon_Print-Light {
  background-position: 0 -1440px; }

.svtIcon_ReadMore {
  background-position: 0 -400px; }

.svtIcon_ShowMore {
  background-position: 0 -480px; }

.svtIcon_ShowMore-Inverted {
  background-position: 0 -520px; }

.svtIcon_Twitter {
  background-position: 0 -1320px; }

.svtIcon_Open-Arrow, .svtIcon_Open-Arrow_right {
  background-position: 0 -1640px; }

.svtIcon_Close-Arrow, .svtIcon_Close-Arrow_right {
  background-position: 0 -1680px; }

.svtIcon_Open-Arrow-Tabla {
  background-position: 0 -1360px; }

.svtIcon_Close-Arrow-Tabla {
  background-position: 0 -1400px; }

.svtIcon_Open-Arrow-Tabla-item {
  background-position: 0 -1637px; }

.svtIcon_Close-Arrow-Tabla-item {
  background-position: 0 -1677px; }

.svtIcon_Tabla_Next_Day {
  background-position: 0 -4680px; }

.svtIcon_Tabla_Previous_Day {
  background-position: 0 -4720px; }

.svtIcon_Share_Twitter {
  background-position: 0 -2078px; }

.svtIcon_Share_Facebook {
  background-position: 0 -2118px; }

.svtIcon_Share_GPlus {
  background-position: 0 -2158px; }

.svtIcon_Share_Small_Twitter {
  background-position: 0 -2200px; }

.svtIcon_Share_Small_Facebook {
  background-position: 0 -2240px; }

.svtIcon_Share_Small_GPlus, .svt_voting__share-group .svt_voting__share_icon.svt_voting__share_icon--google {
  background-position: 0 -2280px; }

.svtIcon_Close-Arrow_right {
  float: right;
  padding-right: 5px;
  margin-top: 10px; }

.svtIcon_Open-Arrow_right {
  position: absolute;
  display: block;
  padding-right: 5px;
  top: 10px;
  right: 0; }

.svtIcon_Arrow_Round_White {
  background-position: 0 -2440px;
  float: right;
  height: 17px;
  margin-top: 1px;
  width: 17px; }

.svtIcon_Close-Arrow-Important {
  background-position: 0-1640px !important; }

.svtIcon_Open-Arrow-Important {
  background-position: 0-1680px !important; }

.svtIcon_Open-Arrow_Free {
  background-position: 0 -1515px; }

.svtIcon_Open-Arrow_Free_Black {
  background-position: 0 -1555px; }

.svtIcon_Arrow_Left_White {
  background-position: 0 -1557px; }

.svtIcon_Arrow_Left_Blue {
  background-position: 0 -1597px; }

.svtIcon_Arrow_Left_Black {
  background-position: 0 -3637px; }

.svtIcon_Camera_White {
  background-position: 0 -1759px;
  height: 12px;
  width: 23px; }

.svtIcon_Camera_Blue {
  background-position: 0 -2558px; }

.svtIcon_Plus_White {
  background-position: 0 -1800px;
  height: 14px;
  margin-top: -1px;
  width: 21px; }

.svtIcon_Close {
  background-position: 0 -440px; }

.svtIcon_External-Grey {
  background-position: 0 -677px; }

.svtIcon_Close-Aside {
  background-position: 0 -838px; }

.svtIcon_Play-Large {
  background-position: 0 -3157px;
  width: 30px;
  height: 45px; }

.svtIcon_Play-Medium {
  background-position: 0 -880px; }

.svtIcon_Play-Small, .svtsePlayIcon {
  background-position: 0 -1720px; }

.svtIcon_Play-XSmall {
  background-position: 2px -918px; }

.svtIcon_Play-XXSmall, .svtsePlayIcon-xs {
  background-position: 2px -5916px; }

.svtIcon_Play-no-link {
  background-position: 2px -3720px; }

.svtIcon_Play-White-Box, .svtIcon_Play-White-Box-Live {
  height: 18px;
  margin-right: 6px;
  margin-top: -1px;
  margin-bottom: -1px; }

.svtIcon_Play-White-Box {
  background-position: 0 -4840px;
  width: 18px; }

.svtIcon_Play-White-Box-Live {
  background-position: 0 -4960px;
  width: 56px; }

.svtIcon_Play-White {
  background-position: 0 -4880px; }

.svtIcon_Dot-White {
  background-position: 0 -4920px; }

.svtIcon_Info-Black {
  background-position: 0 -960px; }

.svtIcon_Info-Grey, .svt_voting__disclaimer {
  background-position: 0 -1000px; }

.svtIcon_Info-White {
  background-position: 0 -1040px; }

.svtIcon_Info-Black-Transparent {
  background-position: 0 -2599px;
  width: 15px; }

.svtIcon_Info-Grey-Transparent {
  background-position: 0 -2640px;
  width: 15px; }

.svtIcon_Help-Black-Transparent {
  background-position: 0 -2760px; }

.svtIcon_Help-Grey-Transparent {
  background-position: 0 -2800px; }

.A_svtIcon_Search, input.svtButton-Search, .svtseSubmenuSearchWrapper-White input.svtButton-Search, .svtIcon_Search {
  background-position: 0 -120px; }

.svtseIcon_Menu, .svtseMenuIcon {
  background-position: 0 -78px; }

.svtIcon_Popout-blue {
  background-position: 0 -1120px; }

.svtIcon_Popout-white {
  background-position: 0 -5280px; }

.svtIcon_Internal-blue {
  background-position: 2px -1277px; }

.svtIcon_BolibompaDrake, .svtseBolibompaIcon {
  background-position: 0 -1204px; }

.svtseSubmenuSearchWrapper-White input.svtButton-Search, .svtIcon_Search_Black {
  background-position: 0 -1840px; }

.svtIcon_Tag-red {
  background-position: 0 -1880px; }

.svtIcon_Tag-sport {
  background-position: 0 -3280px; }

.svtIcon_Tag-kultur {
  background-position: 0 -3320px; }

.svtIcon_Tag-os {
  background-position: 0 -3360px; }

.svtIcon_Tag-vader {
  background-position: 0 -3360px; }

.svtIcon_Arrow_Down_White {
  background-position: 0 -1914px; }

.svtIcon_Arrow_Up_White {
  background-position: 0 -1954px; }

.svtIcon_Arrow_Down_Black {
  background-position: 0 -1994px; }

.svtIcon_Arrow_Up_Black {
  background-position: 0 -2034px; }

.svtIcon_Arrow_Down_Grey {
  background-position: 0 -4034px; }

.svtIcon_Arrow_Up_Grey {
  background-position: 0 -4074px; }

.svtIcon_Arrow_Go_Up_Grey {
  background-position: 0 -3560px; }

.svtIcon_Media {
  background-position: 0 -3598px; }

.svtIcon_Blogs {
  background-position: 0 -2478px; }

.svtIcons_LiveLogo {
  background-position: 0 -3236px; }

.svtIcon_Clock {
  background-position: 0 -4120px; }

.svtIcon_ArticleList {
  background-position: 0 -3759px; }

.svtIcon_ArticleListExpanded {
  background-position: 0 -3798px; }

.svtIcon_hd {
  background-position: 0 -3840px; }

.svtIcon_Calendar_Day {
  background-position: 2px -3880px; }

.svtIcon_Calendar_Week {
  background-position: 2px -3920px; }

.svtIcon_Tick {
  background-position: 0 -4003px; }

.svtIcon_Tick_White {
  background-position: 0 -4759px; }

.svtIcon_Tick_Green {
  background-position: 0 -5960px; }

.svtIcon_Clock {
  background-position: 0 -4120px; }

.svtIcon_Whine {
  background-position: 0 -4160px; }

.svtIcon_Star {
  background-position: 0 -4199px; }

.svtIcon_Leaf {
  background-position: 0 -4240px; }

.svtIcon_Timer {
  background-position: 0 -4279px; }

.svtIcon_Cutlery {
  background-position: 0 -4318px; }

.svtIcon_Location {
  background-position: 0 -4360px; }

.svtIcon_Arrow_Down_FilledGrey {
  background-position: 0 -4795px; }

.svtIcon_Arrow_Left_Round_Grey {
  background-position: 0 -5000px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }

.svtIcon_Arrow_Left_Round_Lightgrey {
  background-position: 0 -5000px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1; }

.svtIcon_Arrow_Right_Round_Grey {
  background-position: 0 -5040px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }

.svtIcon_Arrow_Right_Round_Lightgrey {
  background-position: 0 -5040px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1; }

.svtIcon_Arrow_Down_Round_Darkgrey {
  background-position: 0 -5080px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75; }

.svtIcon_Cross_Round_Darkgrey {
  background-position: 0 -5120px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75; }

.svtIcon_Plus_Round_Darkgrey {
  background-position: 0 -5160px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75; }

.svtIcon_Page_Control_Dot_Active, .svtCarousel__pageControlDot--active {
  background-position: 0 -5200px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.svtIcon_Page_Control_Dot_Inactive, .svtCarousel__pageControlDot--inactive {
  background-position: 0 -5200px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=13);
  opacity: 0.125; }

.svtIcon_Tag_Blue {
  background-position: 0 -5240px; }

.svtIcon_Write_Question_Blue {
  background-position: 0 -5317px; }

.svtIcon_Facebook_12px, .svt_voting__share-group .svt_voting__share_icon.svt_voting__share_icon--facebook {
  background-position: 0 -5360px; }

.svtIcon_Facebook_12px_White {
  background-position: 0 -5400px; }

.svtIcon_Twitter_12px, .svt_voting__share-group .svt_voting__share_icon.svt_voting__share_icon--twitter {
  background-position: 0 -5440px; }

.svtIcon_Twitter_12px_White {
  background-position: 0 -5480px; }

.svtIcon_Plus_14px_Round_Grey {
  background-position: 0 -5520px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }

.svtIcon_Cross_14px_Round_Grey {
  background-position: 0 -5560px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }

.svtIcon_Arrow_Right_45px_Round_Black, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext {
  background-position: 0 -5600px;
  width: 45px;
  height: 45px; }

.svtIcon_Arrow_Left_45px_Round_Black, .svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious {
  background-position: 0 -5680px;
  width: 45px;
  height: 45px; }

.svtIcon_Arrow_Right_34px_Round_Black {
  background-position: 0 -5760px;
  width: 34px;
  height: 34px; }

.svtIcon_Arrow_Left_34px_Round_Black {
  background-position: 0 -5800px;
  width: 34px;
  height: 34px; }

.svtIcon_Flow-Small, .svtseFlowIcon {
  background-position: 0 -5835px; }

.svtIcon_OppetArkiv-Small, .svtseOppetArkivIcon {
  background-position: 0 -5875px; }

/* List with regular span made icons, that keep list indent */
.svtListWithIcons li {
  position: relative;
  margin-bottom: 5px; }
  .svtListWithIcons li .svtIcon, .svtListWithIcons li .svt_voting__disclaimer, .svtListWithIcons li .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtListWithIcons li .svt_voting__share_icon {
    position: absolute;
    left: -1.5em; }

/*
 * List
 * TODO: refactor not to use such a large sprite
 */
.svtIcon_List, .svtIcon_List-Internal, .svtIcon_List-External, .svtIcon_List-Pdf {
  background-image: url("img/sprite-icons-list.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-bottom: 10px;
  overflow: hidden; }

.svtIcon_List-Internal {
  background-position: 0 3px; }

/*  Change value to variabel in background-position */
.svtIcon_List-External {
  background-position: -600px 2px; }

.svtIcon_List-Pdf {
  background-position: -1200px 1px; }

/* Channel icons */
.svtIconChannel, .svtIconChannel-wide, .svtIconChannel-xsmall {
  display: block;
  float: left;
  background-image: url("img/channel-sprites.png");
  background-repeat: no-repeat;
  width: 44px;
  height: 19px;
  text-indent: -9999px;
  position: relative;
  top: -2px; }

.svtIconChannel-wide {
  height: 22px;
  width: 60px;
  top: 0; }

.svtIconChannel-xsmall {
  height: 14px;
  width: 30px; }

.svtIconChannel-grund, .svtIconChannel-medium {
  background-image: url("img/channel-sprites.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  width: 81px;
  height: 29px;
  text-indent: -9999px; }

.svtIconChannel-medium {
  width: 162px;
  height: 42px; }

/* TODO: The idea of "_fixed" (width) on the channel icons is a bad idea, and needs a better  */
.svtIconChannel_svt1 {
  background-position: 0 4px; }

.svtIconChannel_svt1_grey {
  background-position: 0 -1196px; }

.svtIconChannel_svt1_fixed {
  width: 34px; }

.svtIconChannel_svt1-small {
  background-position: 0 -360px; }

.svtIconChannel_svt1-medium {
  background-position: 0 -650px; }

.svtIconChannel_svt2 {
  background-position: 0 -25px; }

.svtIconChannel_svt2_grey {
  background-position: 0 -1226px; }

.svtIconChannel_svt2_fixed {
  width: 34px; }

.svtIconChannel_svt2-small {
  background-position: 0 -390px; }

.svtIconChannel_svt2-medium {
  background-position: 0 -710px; }

.svtIconChannel_svtb {
  background-position: 0 -60px; }

.svtIconChannel_svtb_grey {
  background-position: 0 -1260px; }

.svtIconChannel_svtb_fixed {
  width: 34px; }

.svtIconChannel_svtb-small {
  background-position: 0 -420px; }

.svtIconChannel_svtb-medium {
  background-position: 0 -777px; }

.svtIconChannel_svt24 {
  background-position: 0 -90px; }

.svtIconChannel_svt24_grey {
  background-position: 0 -1286px; }

.svtIconChannel_svt24_fixed {
  width: 34px; }

.svtIconChannel_svt24-narrow {
  width: 36px; }

.svtIconChannel_svt24-small {
  background-position: 0 -450px; }

.svtIconChannel_svt24-medium {
  background-position: 0 -840px; }

.svtIconChannel_svtk {
  background-position: 0 -118px; }

.svtIconChannel_svtk_grey {
  background-position: 0 -1320px; }

.svtIconChannel_svtk_fixed {
  width: 19px; }

.svtIconChannel_svtk_grey {
  background-position: 0 -1320px; }

.svtIconChannel_svtk-wide {
  width: 112px; }

.svtIconChannel_svtk-narrow {
  width: 16px; }

.svtIconChannel_svtk-xsmall {
  background-position: 0 -1496px; }

.svtIconChannel_svtk-small {
  background-position: 0 -480px; }

.svtIconChannel_svtk-medium {
  background-position: 0 -900px; }

.svtIconChannel_svtw {
  background-position: 0 -149px;
  width: 56px; }

.svtIconChannel_svtw_grey {
  background-position: 0 -1350px; }

.svtIconChannel_svtw_fixed {
  width: 49px; }

.svtIconChannel_svtw-small {
  background-position: 0 -510px; }

.svtIconChannel_svtw-medium {
  background-position: 0 -960px; }

.svtIconChannel_tv3 {
  background-position: 0 -178px; }

.svtIconChannel_tv3_grey {
  background-position: 0 -1380px; }

.svtIconChannel_tv3-small {
  background-position: 0 -540px; }

.svtIconChannel_tv3-medium {
  background-position: 0 -1020px; }

.svtIconChannel_tv4 {
  background-position: 0 -207px; }

.svtIconChannel_tv4_grey {
  background-position: 0 -1410px; }

.svtIconChannel_tv4-small {
  background-position: 0 -570px; }

.svtIconChannel_tv4-medium {
  background-position: 0 -1080px; }

.svtIconChannel_kanal5 {
  background-position: 0 -238px; }

.svtIconChannel_kanal5_grey {
  background-position: 0 -1440px; }

.svtIconChannel_kanal5-small {
  background-position: 0 -600px; }

.svtIconChannel_kanal5-medium {
  background-position: 0 -1140px; }

.svtIconChannel_tv6 {
  background-position: 0 -1530px; }

.svtIconChannel_tv6_grey {
  background-position: 0 -1530px; }

.svtIconChannel_tv6-small {
  background-position: 0 -1560px; }

.svtIconChannel_tv6-medium {
  background-position: 0 -1590px; }

.svtIconChannel_sjuan {
  background-position: 0 -1650px; }

.svtIconChannel_sjuan_grey {
  background-position: 0 -1650px; }

.svtIconChannel_sjuan-small {
  background-position: 0 -1680px; }

.svtIconChannel_sjuan-medium {
  background-position: 0 -1710px; }

.svtIconChannel_tv8 {
  background-position: 0 -1770px; }

.svtIconChannel_tv8_grey {
  background-position: 0 -1770px; }

.svtIconChannel_tv8-small {
  background-position: 0 -1800px; }

.svtIconChannel_tv8-medium {
  background-position: 0 -1830px; }

.svtIconChannel_kanal9 {
  background-position: 0 -1890px; }

.svtIconChannel_kanal9_grey {
  background-position: 0 -1890px; }

.svtIconChannel_kanal9-small {
  background-position: 0 -1920px; }

.svtIconChannel_kanal9-medium {
  background-position: 0 -1950px; }

/*
 * BACKGOUND OBJECTS sprite-background-objects.png
 * Highlighters - fargade bakgrundsplattor
 */
.svtHighlighter-Arrow_breakingNews, .svtHighlighter-Arrow-Right_yellow {
  background-image: url("img/sprite-background-objects.png");
  background-repeat: no-repeat; }

.svtHighlighter-Arrow_breakingNews {
  background-position: 0 -1300px;
  padding: 4px 26px 7px 39px;
  overflow: hidden;
  position: relative; }
  .svtHighlighter-Arrow_breakingNews * {
    line-height: 1.3; }

.svtHighlighter-Arrow-Right_yellow {
  background-position: 0 0;
  position: absolute;
  height: 16px; }

/* TODO: DEPRICATED, now part of THEME, remove anytime after 2012-05-10  */
.svtHighlighter-ArrowTema_red {
  background: url(/ece-news/statiskt/skins/svt/css/img/nyheter/highlighter-arrows.png) no-repeat-1000px 50%;
  padding: 8px 32px 9px 108px; }

/* NEWS:  Arrows used before tag based related content, Section themed. Should move to ordinary sprite? */
.svtIcon-Arrow-Left-Nyheter, .svtIcon-Arrow-Left-Sport, .svtIcon-Arrow-Left-Kultur, .svtIcon-Arrow-Left-OS, .svtIcon-Arrow-Left-Vader {
  background: url("/ece-news/statiskt/skins/svt/css/img/nyheter/sprite-theme.png") no-repeat; }

.svtIcon-Arrow-Left-Nyheter {
  background-position: 0 -318px; }

.svtIcon-Arrow-Left-Sport {
  background-position: 0 -398px; }

.svtIcon-Arrow-Left-Kultur {
  background-position: 0 -478px; }

.svtIcon-Arrow-Left-OS {
  background-position: 0 -558px; }

.svtIcon-Arrow-Left-Vader {
  background-position: 0 -238px; }

/* Icons for video title rights */
.svtIcon-Rights-FS7-Inactive {
  background-position: 0 -2840px; }

.svtIcon-Rights-FS7-Active {
  background-position: 0 -2880px; }

.svtIcon-Rights-FS14-Inactive {
  background-position: 0 -2920px; }

.svtIcon-Rights-FS14-Active {
  background-position: 0 -2960px; }

.svtIcon-Rights-FS30-Inactive {
  background-position: 0 -3000px; }

.svtIcon-Rights-FS30-Active {
  background-position: 0 -3040px; }

.svtIcon-Rights-HS30-Inactive {
  background-position: 0 -3080px; }

.svtIcon-Rights-HS30-Active {
  background-position: 0 -3120px; }

.svtIcon-Rights-FS365-Inactive {
  background-position: 0 -4440px; }

.svtIcon-Rights-FS365-Active {
  background-position: 0 -4480px; }

/* ==========================================================================
   Weather icons
   ========================================================================== */
/**
 * All weather icons in own file because of the abig amount of icons
 *
 */
/* Weahter sprite offset
   ========================================================================== */
/* Forecast icons 25px25px */
/* Wind icons from storm.no
   ========================================================================== */
/* North Small (25*25px) */
/* Northeast Small (25*25px) */
/* East Small (25*25px) */
/* Southeast Small (25*25px) */
/* South Small (25*25px) */
/* Southwest Small (25*25px) */
/* West Small (25*25px) */
/* Northwest Small (25*25px) */
/* Weather icons position
   ========================================================================== */
/* Small forecast icon position */
.svtIconWeather_forecast-small-1 {
  background-position: 0 0; }

.svtIconWeather_forecast-small-2 {
  background-position: 0 -40px; }

.svtIconWeather_forecast-small-3 {
  background-position: 0 -80px; }

.svtIconWeather_forecast-small-4 {
  background-position: 0 -120px; }

.svtIconWeather_forecast-small-5 {
  background-position: 0 -160px; }

.svtIconWeather_forecast-small-6 {
  background-position: 0 -200px; }

.svtIconWeather_forecast-small-7 {
  background-position: 0 -240px; }

.svtIconWeather_forecast-small-8 {
  background-position: 0 -280px; }

.svtIconWeather_forecast-small-9 {
  background-position: -40px 0; }

.svtIconWeather_forecast-small-10 {
  background-position: -40px -40px; }

.svtIconWeather_forecast-small-11 {
  background-position: -40px -80px; }

.svtIconWeather_forecast-small-12 {
  background-position: -40px -120px; }

.svtIconWeather_forecast-small-13 {
  background-position: -40px -160px; }

.svtIconWeather_forecast-small-14 {
  background-position: -40px -200px; }

.svtIconWeather_forecast-small-15 {
  background-position: -40px -240px; }

.svtIconWeather_forecast-small-16 {
  background-position: -40px -280px; }

.svtIconWeather_forecast-small-17 {
  background-position: -80px 0; }

.svtIconWeather_forecast-small-18 {
  background-position: -80px -40px; }

.svtIconWeather_forecast-small-19 {
  background-position: -80px -80px; }

.svtIconWeather_forecast-small-20 {
  background-position: -80px -120px; }

.svtIconWeather_forecast-small-21 {
  background-position: -80px -160px; }

.svtIconWeather_forecast-small-22 {
  background-position: -80px -200px; }

.svtIconWeather_forecast-small-23 {
  background-position: -80px -240px; }

.svtIconWeather_forecast-small-24 {
  background-position: -80px -280px; }

.svtIconWeather_forecast-small-25 {
  background-position: -120px 0; }

.svtIconWeather_forecast-small-26 {
  background-position: -120px -40px; }

.svtIconWeather_forecast-small-27 {
  background-position: -120px -80px; }

.svtIconWeather_forecast-small-28 {
  background-position: -120px -120px; }

.svtIconWeather_forecast-small-29 {
  background-position: -120px -160px; }

.svtIconWeather_forecast-small-30 {
  background-position: -120px -200px; }

/* Small wind icon position
   ========================================================================== */
/* North */
.svtIconWeather_wind-S-N00 {
  background-position: -160px -0px; }

.svtIconWeather_wind-S-N05 {
  background-position: -160px -40px; }

.svtIconWeather_wind-S-N10 {
  background-position: -160px -80px; }

.svtIconWeather_wind-S-N15 {
  background-position: -160px -120px; }

.svtIconWeather_wind-S-N20 {
  background-position: -160px -160px; }

.svtIconWeather_wind-S-N25 {
  background-position: -160px -200px; }

.svtIconWeather_wind-S-N30 {
  background-position: -160px -240px; }

.svtIconWeather_wind-S-N35 {
  background-position: -160px -280px; }

.svtIconWeather_wind-S-N40 {
  background-position: -160px -320px; }

.svtIconWeather_wind-S-N45 {
  background-position: -160px -360px; }

.svtIconWeather_wind-S-N50 {
  background-position: -160px -400px; }

.svtIconWeather_wind-S-N55 {
  background-position: -160px -440px; }

.svtIconWeather_wind-S-N60 {
  background-position: -160px -480px; }

.svtIconWeather_wind-S-N65 {
  background-position: -160px -520px; }

/* Northeast */
.svtIconWeather_wind-S-NE00 {
  background-position: -200px -0px; }

.svtIconWeather_wind-S-NE05 {
  background-position: -200px -40px; }

.svtIconWeather_wind-S-NE10 {
  background-position: -200px -80px; }

.svtIconWeather_wind-S-NE15 {
  background-position: -200px -120px; }

.svtIconWeather_wind-S-NE20 {
  background-position: -200px -160px; }

.svtIconWeather_wind-S-NE25 {
  background-position: -200px -200px; }

.svtIconWeather_wind-S-NE30 {
  background-position: -200px -240px; }

.svtIconWeather_wind-S-NE35 {
  background-position: -200px -280px; }

.svtIconWeather_wind-S-NE40 {
  background-position: -200px -320px; }

.svtIconWeather_wind-S-NE45 {
  background-position: -200px -360px; }

.svtIconWeather_wind-S-NE50 {
  background-position: -200px -400px; }

.svtIconWeather_wind-S-NE55 {
  background-position: -200px -440px; }

.svtIconWeather_wind-S-NE60 {
  background-position: -200px -480px; }

.svtIconWeather_wind-S-NE65 {
  background-position: -200px -520px; }

/* East */
.svtIconWeather_wind-S-E00 {
  background-position: -240px -0px; }

.svtIconWeather_wind-S-E05 {
  background-position: -240px -40px; }

.svtIconWeather_wind-S-E10 {
  background-position: -240px -80px; }

.svtIconWeather_wind-S-E15 {
  background-position: -240px -120px; }

.svtIconWeather_wind-S-E20 {
  background-position: -240px -160px; }

.svtIconWeather_wind-S-E25 {
  background-position: -240px -200px; }

.svtIconWeather_wind-S-E30 {
  background-position: -240px -240px; }

.svtIconWeather_wind-S-E35 {
  background-position: -240px -280px; }

.svtIconWeather_wind-S-E40 {
  background-position: -240px -320px; }

.svtIconWeather_wind-S-E45 {
  background-position: -240px -360px; }

.svtIconWeather_wind-S-E50 {
  background-position: -240px -400px; }

.svtIconWeather_wind-S-E55 {
  background-position: -240px -440px; }

.svtIconWeather_wind-S-E60 {
  background-position: -240px -480px; }

.svtIconWeather_wind-S-E65 {
  background-position: -240px -520px; }

/* Southeast */
.svtIconWeather_wind-S-SE00 {
  background-position: -280px -0px; }

.svtIconWeather_wind-S-SE05 {
  background-position: -280px -40px; }

.svtIconWeather_wind-S-SE10 {
  background-position: -280px -80px; }

.svtIconWeather_wind-S-SE15 {
  background-position: -280px -120px; }

.svtIconWeather_wind-S-SE20 {
  background-position: -280px -160px; }

.svtIconWeather_wind-S-SE25 {
  background-position: -280px -200px; }

.svtIconWeather_wind-S-SE30 {
  background-position: -280px -240px; }

.svtIconWeather_wind-S-SE35 {
  background-position: -280px -280px; }

.svtIconWeather_wind-S-SE40 {
  background-position: -280px -320px; }

.svtIconWeather_wind-S-SE45 {
  background-position: -280px -360px; }

.svtIconWeather_wind-S-SE50 {
  background-position: -280px -400px; }

.svtIconWeather_wind-S-SE55 {
  background-position: -280px -440px; }

.svtIconWeather_wind-S-SE60 {
  background-position: -280px -480px; }

.svtIconWeather_wind-S-SE65 {
  background-position: -280px -520px; }

/* South */
.svtIconWeather_wind-S-S00 {
  background-position: -320px -0px; }

.svtIconWeather_wind-S-S05 {
  background-position: -320px -40px; }

.svtIconWeather_wind-S-S10 {
  background-position: -320px -80px; }

.svtIconWeather_wind-S-S15 {
  background-position: -320px -120px; }

.svtIconWeather_wind-S-S20 {
  background-position: -320px -160px; }

.svtIconWeather_wind-S-S25 {
  background-position: -320px -200px; }

.svtIconWeather_wind-S-S30 {
  background-position: -320px -240px; }

.svtIconWeather_wind-S-S35 {
  background-position: -320px -280px; }

.svtIconWeather_wind-S-S40 {
  background-position: -320px -320px; }

.svtIconWeather_wind-S-S45 {
  background-position: -320px -360px; }

.svtIconWeather_wind-S-S50 {
  background-position: -320px -400px; }

.svtIconWeather_wind-S-S55 {
  background-position: -320px -440px; }

.svtIconWeather_wind-S-S60 {
  background-position: -320px -480px; }

.svtIconWeather_wind-S-S65 {
  background-position: -320px -520px; }

/* Southwest */
.svtIconWeather_wind-S-SW00 {
  background-position: -360px -0px; }

.svtIconWeather_wind-S-SW05 {
  background-position: -360px -40px; }

.svtIconWeather_wind-S-SW10 {
  background-position: -360px -80px; }

.svtIconWeather_wind-S-SW15 {
  background-position: -360px -120px; }

.svtIconWeather_wind-S-SW20 {
  background-position: -360px -160px; }

.svtIconWeather_wind-S-SW25 {
  background-position: -360px -200px; }

.svtIconWeather_wind-S-SW30 {
  background-position: -360px -240px; }

.svtIconWeather_wind-S-SW35 {
  background-position: -360px -280px; }

.svtIconWeather_wind-S-SW40 {
  background-position: -360px -320px; }

.svtIconWeather_wind-S-SW45 {
  background-position: -360px -360px; }

.svtIconWeather_wind-S-SW50 {
  background-position: -360px -400px; }

.svtIconWeather_wind-S-SW55 {
  background-position: -360px -440px; }

.svtIconWeather_wind-S-SW60 {
  background-position: -360px -480px; }

.svtIconWeather_wind-S-SW65 {
  background-position: -360px -520px; }

/* West */
.svtIconWeather_wind-S-W00 {
  background-position: -400px -0px; }

.svtIconWeather_wind-S-W05 {
  background-position: -400px -40px; }

.svtIconWeather_wind-S-W10 {
  background-position: -400px -80px; }

.svtIconWeather_wind-S-W15 {
  background-position: -400px -120px; }

.svtIconWeather_wind-S-W20 {
  background-position: -400px -160px; }

.svtIconWeather_wind-S-W25 {
  background-position: -400px -200px; }

.svtIconWeather_wind-S-W30 {
  background-position: -400px -240px; }

.svtIconWeather_wind-S-W35 {
  background-position: -400px -280px; }

.svtIconWeather_wind-S-W40 {
  background-position: -400px -320px; }

.svtIconWeather_wind-S-W45 {
  background-position: -400px -360px; }

.svtIconWeather_wind-S-W50 {
  background-position: -400px -400px; }

.svtIconWeather_wind-S-W55 {
  background-position: -400px -440px; }

.svtIconWeather_wind-S-W60 {
  background-position: -400px -480px; }

.svtIconWeather_wind-S-W65 {
  background-position: -400px -520px; }

/* Northwest */
.svtIconWeather_wind-S-NW00 {
  background-position: -440px -0px; }

.svtIconWeather_wind-S-NW05 {
  background-position: -440px -40px; }

.svtIconWeather_wind-S-NW10 {
  background-position: -440px -80px; }

.svtIconWeather_wind-S-NW15 {
  background-position: -440px -120px; }

.svtIconWeather_wind-S-NW20 {
  background-position: -440px -160px; }

.svtIconWeather_wind-S-NW25 {
  background-position: -440px -200px; }

.svtIconWeather_wind-S-NW30 {
  background-position: -440px -240px; }

.svtIconWeather_wind-S-NW35 {
  background-position: -440px -280px; }

.svtIconWeather_wind-S-NW40 {
  background-position: -440px -320px; }

.svtIconWeather_wind-S-NW45 {
  background-position: -440px -360px; }

.svtIconWeather_wind-S-NW50 {
  background-position: -440px -400px; }

.svtIconWeather_wind-S-NW55 {
  background-position: -440px -440px; }

.svtIconWeather_wind-S-NW60 {
  background-position: -440px -480px; }

.svtIconWeather_wind-S-NW65 {
  background-position: -440px -520px; }

/* ==========================================================================
   Media block
   ========================================================================== */
/**
 * Image to left and a textblock to the right (AKA the Facebook object)
 * See: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 *
 *
 * Example usage:
 * <article class="svtMediaBlock">
 * 	<figure class="svtMediaBlockFig-S">
 * 		<img src="http://a1.twimg.com/profile_images/1201005092/9328_182772739202_506819202_3935695_712820_n_reasonably_small.jpg" alt="Stubbornella" />
 * 	</figure>
 * 	<div class="svtMediaBlockText">
 * 		<p>Lorem ipsum dolor sit amet non hendrerit neque. Aenean imperdiet nibh quis dolor euismod suscipit. Fusce dictum eleifend convallis.</p>
 * 		<p>
 * 			<a href="#">@Stubbornella</a> 14 minutes ago			</p>
 * 	</div>
 * </article>
 *
 * Visual documentation: https://docs.google.com/a/svt.se/present/edit?id=0AeXjjzydgooqZGY3YmN3d2ZfMTM5ZjZiNzM1MjQ&hl=sv
 *
 */
/**
 * .svtMediaBlock = Wrapper class for the entire lego
 * .svtMediaBlockText = Wrapper class for the text content
 */
.svtMediaBlock, .svtMediaBlockText, .svtMediaBlockText-News, .svtMediaBlockText-Small {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.svtMediaBlockText-disable {
  overflow: visible;
  clear: both; }

.svtMediaBlockText-News {
  overflow: visible; }
  .svtMediaBlockText-News p, .svtMediaBlockText-News ul, .svtMediaBlockText-News ol {
    font-size: 100%;
    color: #000;
    margin-bottom: 0; }

.svtMediaBlockText-Small p, .svtMediaBlockText-Small ul, .svtMediaBlockText-Small ol {
  font-size: 93%; }

/* Abstract class for the image wrapper, never use directly. This gets extended by the sized BlockFigs eg. .svtMediaBlockFig-XS */
.svtMediaBlock .svtMediaBlockFig-XS, .svtMediaBlock .svtMediaBlockFig-S, .svtMediaBlock .svtMediaBlockFig-M, .svtMediaBlock .svtMediaBlockFig-L, .svtMediaBlock .svtMediaBlockFig-XL {
  float: left;
  margin-right: 15px; }
  .svtMediaBlock .svtMediaBlockFig-XS img, .svtMediaBlock .svtMediaBlockFig-S img, .svtMediaBlock .svtMediaBlockFig-M img, .svtMediaBlock .svtMediaBlockFig-L img, .svtMediaBlock .svtMediaBlockFig-XL img {
    display: block; }

.svtMediaBlock .svtMediaBlockImgIcon {
  float: right;
  margin-left: 10px; }

/* Image wrappers. Use the class of preferred size on an element (figure) wrapping the image */
.svtMediaBlock .svtMediaBlockFig-XS {
  width: 10%;
  max-width: 40px; }

.svtMediaBlock .svtMediaBlockFig-S {
  width: 17%; }

.svtMediaBlock .svtMediaBlockFig-M {
  width: 30%; }

.svtMediaBlock .svtMediaBlockFig-L {
  width: 35%; }

.svtMediaBlock .svtMediaBlockFig-full {
  width: 100%; }

.svtMediaBlock .svtMediaBlockFig-XL {
  width: 48%; }

/* Same image sizes for teasers with image on the side XS and S screen. */
.svtMBFig-L-L-L-L.svtMediaBlockFig-S {
  width: 35%; }

.svtMBFig-R-R-R-R.svtMediaBlockFig-XL {
  width: 35%; }

/**
 * The .svtMBFig-O-L-L-L is used when you want the image to be full width in top on MobileFirst (XS)
 * mediaqueries in layout and mixins
 */
.svtMediaBlock .svtMBFig-O-L-L-L, .svtMediaBlock .svtMBFig-O-R-R-R, .svtMediaBlock .svtMBFig-O-O-L-L {
  float: none;
  margin-right: 0;
  width: 100%; }

.svtMediaBlock .svtMBFig-L-O-O-O {
  float: left;
  margin-right: 15px; }
  .svtMediaBlock .svtMBFig-L-O-O-O img {
    display: block; }

.svtMediaBlock .svtMBFig-R-R-R-R {
  float: right;
  margin-left: 10px;
  margin-right: 0; }

/* ==========================================================================
   Grid
   ========================================================================== */
/**
 * This grid right now only grids to same size units
 *
 * GRIDS'
 * ------------------------------------
 * .svtGridBlock-2-3-6-6
 * 2 UNITS per line Mobile First
 * 3 UNITS per line on MQ SMALL
 * 6 UNITS per line on MQ GTE MEDIUM
 * ------------------------------------
 * .svtGridBlock-1-2-2-4
 * 1 UNITS per line Mobile First
 * 2 UNITS per line on MQ SMALL & MEDIUM
 * 4 UNITS per line on MQ LARGE
 * ------------------------------------
 * .svtGridBlock-2-2-4-4
 * 2 UNITS per line Mobile First
 * 4 UNITS per line on MQ GTE MEDIUM
 * ------------------------------------
 * .svtGridBlock-1-1-2-2
 * 1 UNITS per line Mobile First
 * 2 UNITS per line on MQ GTE MEDIUM
 *
 * .svtGridBlock-2-2-2-4
 * 2 UNITS per line Mobile First
 * 4 UNITS per line on MQ LARGE
 *
 * Example usage:
 *
 * 	<div class="svtGridBlock svtGridBlock-2-2-4-4">
 * 		<div class="svtUnit svtNth-1">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-2">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-3">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-4">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<hr class="svtGridHr">
 * 		<div class="svtUnit svtNth-1">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-2">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-3">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 		<div class="svtUnit svtNth-4">
 * 			<img src="bild.jpg" />
 * 		</div>
 * 	</div>
 *
 *
 * Groups gridUnits in one block.
 * Use directly and always extend in HTML with: .svtGridBlock-1-3-6-6, .svtGridBlock-2-4 ...
 */
.svtGridBlock-Barn {
  clear: both;
  /* SETUP MOBILE FIRST */ }
  .svtGridBlock-Barn .svtUnit {
    float: left;
    width: 48.875%;
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-Barn .svtNth-1,
  .svtGridBlock-Barn .svtNth-3,
  .svtGridBlock-Barn .svtNth-5 {
    clear: both;
    margin-left: 0; }

.svtGridBlock-Barn:before,
.svtGridBlock-Barn:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtGridBlock-Barn:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtGridBlock-Barn {
  zoom: 1; }

.svtGridBlock {
  clear: both; }
  .svtGridBlock .svtUnit {
    float: left;
    margin-bottom: 20px; }

.svtGridBlock-1-2-2-2 .svtUnit,
.svtGridBlock-1-1-2-2 .svtUnit {
  clear: both;
  margin-left: 0;
  width: 100%; }

.svtGridBlock-1-1-3-3 .svtUnit {
  clear: both;
  margin-left: 0;
  width: 100%; }

.svtGridBlock-2-3-6-6,
.svtGridBlock-2-2-4-4,
.svtGridBlock-2-2-2-4 {
  /* set up mobile first */ }
  .svtGridBlock-2-3-6-6 .svtUnit,
  .svtGridBlock-2-2-4-4 .svtUnit,
  .svtGridBlock-2-2-2-4 .svtUnit {
    clear: none;
    margin-left: 2%;
    /* width: 48.8%;  */
    width: 48.875%; }
  .svtGridBlock-2-3-6-6 .svtNth-1,
  .svtGridBlock-2-3-6-6 .svtNth-3,
  .svtGridBlock-2-3-6-6 .svtNth-5,
  .svtGridBlock-2-2-4-4 .svtNth-1,
  .svtGridBlock-2-2-4-4 .svtNth-3,
  .svtGridBlock-2-2-4-4 .svtNth-5,
  .svtGridBlock-2-2-2-4 .svtNth-1,
  .svtGridBlock-2-2-2-4 .svtNth-3,
  .svtGridBlock-2-2-2-4 .svtNth-5 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-2-3-6-6 .svtNth-1-2,
  .svtGridBlock-2-2-4-4 .svtNth-1-2,
  .svtGridBlock-2-2-2-4 .svtNth-1-2 {
    width: 100%; }

.svtGridBlock:before,
.svtGridBlock:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtGridBlock:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtGridBlock {
  zoom: 1; }

.svtGridBlock-1-2-2-4,
.svtGridBlock-1-5-5-5 {
  /* SETUP MOBILE FIRST */ }
  .svtGridBlock-1-2-2-4 .svtNth-1,
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-3,
  .svtGridBlock-1-2-2-4 .svtNth-4,
  .svtGridBlock-1-2-2-4 .svtNth-5,
  .svtGridBlock-1-5-5-5 .svtNth-1,
  .svtGridBlock-1-5-5-5 .svtNth-2,
  .svtGridBlock-1-5-5-5 .svtNth-3,
  .svtGridBlock-1-5-5-5 .svtNth-4,
  .svtGridBlock-1-5-5-5 .svtNth-5 {
    clear: both;
    margin-left: 0;
    width: 100%; }

.svtGridBlock-Left, svtGridBlock-Right {
  display: inline; }

/*
* Bug fix for grid in IE7
* Use <hr> with visibility:hidden
*/
.svtGridHr {
  visibility: hidden;
  clear: both;
  margin: 0; }

/* ==========================================================================
   Disqus
   ========================================================================== */
/**
 * CSS from disgus with some modifications from svt.se
 *
 * This document do not follow the way we write css for svt.se
 *
 */
#disqus_thread {
  position: relative; }

#disqus_thread .svtIcon_Comment-Dark {
  background-position: 0 -279px; }

#disqus_thread .svtButton, #disqus_thread .svtButton-Flexible, #disqus_thread .dsq-submit, #disqus_thread .svt_voting__button, #disqus_thread .svt_share__button {
  display: block !important;
  overflow: hidden;
  padding: 8px 6px 6px;
  clear: both;
  margin-top: 5px; }

.svtDisqusOneColumn .A_svtContainerMain, .svtDisqusOneColumn .svtContainerMain, .svtDisqusOneColumn .svtContainerMain-Alt, .svtDisqusOneColumn .svtContainerMain-70, .svtDisqusOneColumn .svtContainerAside, .svtDisqusOneColumn .svtContainerAside-Alt, .svtDisqusOneColumn .svtContainerAside-25, .svtDisqusOneColumn .svtContainerFull {
  float: none;
  width: 100%;
  clear: both; }

.svtDisqusOneColumn #dsq-content iframe {
  min-height: 58px; }

.svtDisqusIframe {
  width: 100%;
  height: 100px;
  overflow: hidden; }

.dsq-submit {
  width: 100%; }

.dsq-login-wrapper {
  margin-top: 10px;
  background: #EEE;
  padding: 10px; }

.dsq-mobile .dsq-avatar, .dsq-mobile .dsq-logo, .dsq-mobile .dsq-bar-reply {
  display: none; }

.dsq-mobile .dsq-name, .dsq-mobile .dsq-timestamp {
  display: inline;
  margin-right: 5px; }

.dsq-mobile #dsq-sortby {
  padding: 10px 0;
  border-top: 1px solid #EEE; }

.dsq-mobile .dsq-textarea {
  margin-bottom: 0.5em; }

.dsq-mobile .dsq-message-wrapper, .dsq-mobile .dsq-comment {
  margin-bottom: 1em; }

/* Reactions */
.dsq-reactions {
  margin-top: 10px;
  margin-bottom: 30px; }

p.dsq-reaction-body {
  margin-bottom: 3px; }

#dsq-content-stub img {
  width: auto !important;
  padding-left: 15px;
  padding-bottom: 10px; }

.dsq-textarea-wrapper {
  border: 1px solid #C9C6B9;
  height: auto;
  min-height: 58px;
  padding: 5px; }

.ieLte8 .dsq-textarea-wrapper {
  background: #FFF; }

#dsq-content iframe {
  min-height: 210px; }

.dsq-notice {
  color: #666;
  font-size: 123.1%;
  margin-bottom: 20px; }

.dsq-post-loading {
  color: #666;
  font-weight: normal;
  background: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0; }

/*comment footer */
.dsq-commenter-name {
  float: left;
  padding-right: 7px; }

.dsq-comment-footer {
  padding-bottom: 12px;
  margin-top: -0.3em; }

.dsq-comment-meta a {
  padding-right: 5px;
  text-decoration: none; }

.dsq-editedtxt {
  display: none; }

.dsq-comment-header a {
  color: #666;
  font-weight: bold; }

#dsq-account-dropdown {
  margin-top: 8px;
  margin-bottom: 14px; }

.dsq-popup iframe {
  min-height: 216px; }

.dsq-request-user-name a {
  text-decoration: none; }

.dsq-edit dsq-textarea {
  display: block; }

.dsq-save-edit {
  margin-top: 10px;
  margin-bottom: 3px; }

.dsq-save-edit a {
  margin-left: 5px; }

.dsq-save-edit button {
  margin-right: 5px !important; }

.dsq-redprof {
  clear: both;
  margin-bottom: 10px; }

/* pagination img */
#dsq-pagination {
  width: 100%;
  text-align: center; }

#dsq-pagination img {
  width: 16px !important;
  height: 16px !important;
  margin: 0 auto !important; }

/* comment links */
.dsq-header-avatar {
  opacity: 0.01; }

.sdsq-hover,
div.dsq-comment-body:hover .dsq-header-avatar {
  opacity: 1; }

.dsq-comment-moderate a:hover {
  display: inline !important;
  text-decoration: none !important; }

.login-terms {
  float: left;
  margin-bottom: 5px; }

.login-terms a {
  color: #666;
  font-weight: bold; }

.dsq-redprof {
  float: left;
  display: block; }

.separator-dsq {
  float: left;
  padding-left: 10px; }

.inloggadSom-dsq {
  color: #666 !important;
  font-weight: bold;
  padding-left: 6px; }

.inloggadSom-dsq a {
  color: #666 !important;
  font-weight: bold;
  padding-left: 6px; }

.loggautl-dsq {
  float: left;
  clear: both;
  margin-bottom: 10px; }

#dsq-comments {
  list-style: none;
  clear: both; }

#dsq-sort-by {
  float: right; }

.dsq-comment-message {
  overflow: hidden; }

.dsq-textarea-wrapper {
  background-color: #FFF; }

/* Style for theme svtse-2012 */
#svtDisqus-threadContainer {
  /* Ugly padding fix for admin coloring*/
  padding-left: 15px;
  position: relative; }
  #svtDisqus-threadContainer .svtDisqus-headerDisclaimer {
    padding: 0 150px 10px 0; }
  #svtDisqus-threadContainer p {
    font-size: 100%; }

.svtDisqus-comment {
  border-bottom: 1px solid #E3E3E3;
  padding-top: 20px;
  padding-bottom: 20px; }

.svtDisqus-comment-header {
  padding-bottom: 0.4em; }
  .svtDisqus-comment-header a {
    color: #666;
    font-weight: normal;
    text-decoration: none; }

.svtDisqus-comment-footer {
  margin-top: 0;
  vertical-align: top; }
  .svtDisqus-comment-footer a, .svtDisqus-comment-footer a:active, .svtDisqus-comment-footer a:visited {
    text-decoration: none; }
  .svtDisqus-comment-footer a:hover {
    text-decoration: underline;
    visibility: visible; }

.svtDisqus-moderatorComment {
  margin-top: -1px;
  /* padding-left is changed with inline style for reply tabbing */
  padding-right: 15px !important;
  border-bottom: none;
  margin-left: -15px;
  background-color: #E5EEF7; }

.svtDisqus-comment-linkContainer {
  float: right;
  padding: 8px 10px;
  text-align: right; }
  .svtDisqus-comment-linkContainer a {
    padding-left: 5px;
    text-decoration: none; }
    .svtDisqus-comment-linkContainer a:hover {
      text-decoration: underline; }

#dsq-content .svtDisqus-comment-linkContainer {
  visibility: hidden;
  /* Moderate and Flag links hidden by default */ }

#dsq-content .svtDisqus-comment:hover .svtDisqus-comment-linkContainer {
  visibility: visible; }

.svtDisqus-isLiked {
  -moz-box-shadow: inset 3px 3px 1px -1px #666;
  -webkit-box-shadow: inset 3px 3px 1px -1px #666;
  box-shadow: inset 3px 3px 1px -1px #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#AAA));
  background-image: -webkit-linear-gradient(top, #808080, #AAA);
  background-image: -moz-linear-gradient(top, #808080, #AAA);
  background-color: #808080;
  border-color: #808080 #AAA #808080 #808080; }
  .svtDisqus-isLiked:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#808080));
    background-image: -webkit-linear-gradient(top, #AAA, #808080);
    background-image: -moz-linear-gradient(top, #AAA, #808080);
    background-color: #AAA; }

.svtDisqus-sortContainer {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 5px; }

.svtDisqus-closeWrapper {
  cursor: pointer;
  float: right;
  margin-top: 3px;
  width: 60px; }

.svtDisqus-H3 {
  font-size: 153.9%;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  margin-bottom: 0.25em;
  font-weight: bold; }

.svtCommentsArea {
  /* Ugly padding fix for admin coloring*/
  margin-left: -15px; }

#disqus_thread img {
  width: auto; }

#svtDisqus-threadContainer .svtButton, #svtDisqus-threadContainer .svtButton-Flexible, #svtDisqus-threadContainer .dsq-submit, #svtDisqus-threadContainer .svt_voting__button, #svtDisqus-threadContainer .svt_share__button {
  padding: 7px 10px;
  margin-top: 0;
  font-size: 13px; }

/* ==========================================================================
   Layout
   ========================================================================== */
/**
 * Since we implement mobile first we treat everything as XSMALL to start with
 */
/* Display
   ========================================================================== */
.ieLte8 .svtHide-ieLte8,
.ieLte7 .svtHide-ieLte7 {
  display: none; }

/* Hide when less than S (ie. XS ) */
.svtHide-E-XS, .svtHide-E-XS-Inline {
  /* Hide mobile first wise */
  display: none; }

/* Hide when less than or equal to S (ie. XS and S) */
.svtHide-Lte-S, .svtHide-Lte-S-Inline {
  /* Hide mobile first wise */
  display: none; }

/* Hide when less than or equal to M (ie. XS, S and M) */
.svtHide-Lte-M, .svtHide-Lte-M-Inline {
  /* Hide mobile first wise */
  display: none; }

.svtHide-Gte-S {
  /* Show mobile first wise */
  display: block; }

.svtHide-Gte-M {
  /* Show mobile first wise */
  display: block; }

.svtHide-Gte-L {
  /* Show mobile first wise */
  display: block; }

.svtTableRow-Gte-L {
  display: none; }

/* Clear
   ========================================================================== */
/* Clear float when less than or equal to S (ie. XS and S) */
.svtClear-Lte-S {
  clear: both; }

/* Video area
   ========================================================================== */
.svtVideoAreaFull {
  background: #000;
  margin-top: -20px; }
  .svtVideoAreaFull .svtContainerBase, .svtVideoAreaFull .svtTablaPrintFooter, .svtVideoAreaFull .svtTablaPrintHeader, .svtVideoAreaFull .svtTablaPrintContainer {
    max-width: none;
    width: auto; }

.svtVideoArea {
  padding: 40px 0 0; }

.svtVideoInfoArea {
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE; }

/* TODO: move to typography.scss */
.svtFigcaptionText {
  clear: both;
  line-height: 15px; }

/* Containers
   ========================================================================== */
.svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
  max-width: 600px;
  width: 96%;
  clear: both;
  display: block;
  margin: 0 auto;
  position: relative; }

.A_svtContainerMain, .svtContainerMain, .svtContainerMain-Alt, .svtContainerMain-70, .svtContainerAside, .svtContainerAside-Alt, .svtContainerAside-25, .svtContainerFull {
  width: 100%;
  margin-bottom: 20px; }

.svtContainerMainWidth,
.svtContainer-100-100-50left-50left, .svtContainer-100-100-50right-50right {
  width: 100%; }

.svtLocalFooter {
  clear: both;
  display: block;
  /* IE7 fix */
  zoom: 1;
  padding: 20px 0; }

.svtLocalFooterInfo {
  font-size: 93%;
  line-height: 1.5;
  padding: 20px 0; }
  .svtLocalFooterInfo a {
    font-weight: bold; }

/* TODO: duplicated code / johb */
.svtGlobalFooter {
  clear: both;
  display: block;
  zoom: 1;
  padding: 20px 0 0 0; }

/* margin-left when list is floating around related boxes does not work, quick-fix style insid e*/
.svtTextBread-Article_Padding ul,
.svtTextBread-Article_Padding ol,
.svtTextBread-Article_PaddingRight ul, .svtTextBread-Article_PaddingRight ol {
  margin-left: 0; }

.svtTextBread-Article_Padding li,
.svtTextBread-Article_PaddingRight li {
  list-style-position: inside; }

/* Add the clearfix to the different containers  */
.svtContainerBase:before,
.svtTablaPrintFooter:before,
.svtTablaPrintHeader:before,
.svtTablaPrintContainer:before,
.svtContainerBase:after, .svtTablaPrintFooter:after, .svtTablaPrintHeader:after, .svtTablaPrintContainer:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtContainerBase:after, .svtTablaPrintFooter:after, .svtTablaPrintHeader:after, .svtTablaPrintContainer:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
  zoom: 1; }

.A_svtContainerMain:before,
.svtContainerMain:before,
.svtContainerMain-Alt:before,
.svtContainerMain-70:before,
.svtContainerAside:before,
.svtContainerAside-Alt:before,
.svtContainerAside-25:before,
.svtContainerFull:before,
.A_svtContainerMain:after, .svtContainerMain:after, .svtContainerMain-Alt:after, .svtContainerMain-70:after, .svtContainerAside:after, .svtContainerAside-Alt:after, .svtContainerAside-25:after, .svtContainerFull:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.A_svtContainerMain:after, .svtContainerMain:after, .svtContainerMain-Alt:after, .svtContainerMain-70:after, .svtContainerAside:after, .svtContainerAside-Alt:after, .svtContainerAside-25:after, .svtContainerFull:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.A_svtContainerMain, .svtContainerMain, .svtContainerMain-Alt, .svtContainerMain-70, .svtContainerAside, .svtContainerAside-Alt, .svtContainerAside-25, .svtContainerFull {
  zoom: 1; }

.svtContainerPageSummary:before,
.svtContainerPageSummary:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtContainerPageSummary:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtContainerPageSummary {
  zoom: 1; }

/*
 * TODO: Test this!
 * Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
 * Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
 *
 * @media screen and (max-device-width: 480px) {
 * 		Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
 * 		j.mp/textsizeadjust
 * 		html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
 * }
 */
/* ==========================================================================
   Tabla
   ========================================================================== */
.svtTablaHeading {
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0; }

.svtTablaTitleInfo p {
  line-height: 1.4em; }

.svtTablaTable, .svtTablaTable-SvtChannels {
  width: 100%; }
  .svtTablaTable td:first-child, .svtTablaTable-SvtChannels td:first-child {
    width: 5%;
    text-align: center;
    line-height: 0.8em;
    padding: 10px 5px 10px 5px; }
  .svtTablaTable td > *, .svtTablaTable-SvtChannels td > * {
    padding-left: 5px;
    padding-right: 5px; }
  .svtTablaTable .svtTablaHeading .svtIcon, .svtTablaTable-SvtChannels .svtTablaHeading .svtIcon, .svtTablaTable .svtTablaHeading .svt_voting__disclaimer, .svtTablaTable-SvtChannels .svtTablaHeading .svt_voting__disclaimer, .svtTablaTable .svtTablaHeading .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtTablaTable .svtTablaHeading .svt_voting__share_icon, .svtTablaTable-SvtChannels .svtTablaHeading .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtTablaTable-SvtChannels .svtTablaHeading .svt_voting__share_icon {
    width: 12px; }
  .svtTablaTable .svtLink, .svtTablaTable-SvtChannels .svtLink, .svtTablaTable .svtLink-Teaser, .svtTablaTable-SvtChannels .svtLink-Teaser, .svtTablaTable .svtLink-Teaser-Padded, .svtTablaTable-SvtChannels .svtLink-Teaser-Padded, .svtTablaTable a.svtLink-white, .svtTablaTable-SvtChannels a.svtLink-white, .svtTablaTable .svtLink-inline, .svtTablaTable-SvtChannels .svtLink-inline, .svtTablaTable .svtLink-Look, .svtTablaTable-SvtChannels .svtLink-Look, .svtTablaTable a.svtLinkList-Element, .svtTablaTable-SvtChannels a.svtLinkList-Element, .svtTablaTable .svtAutoComplete-result a, .svtAutoComplete-result .svtTablaTable a, .svtTablaTable-SvtChannels .svtAutoComplete-result a, .svtAutoComplete-result .svtTablaTable-SvtChannels a, .svtTablaTable .svtLink-Look-Normal, .svtTablaTable-SvtChannels .svtLink-Look-Normal {
    display: block; }

.svtTablaPrintHeader .svtTablaPrintMenu {
  width: auto; }

.svtTablaContent-ChannelList {
  border-collapse: collapse; }
  .svtTablaContent-ChannelList th {
    text-align: left;
    padding: 0.25em 0; }
  .svtTablaContent-ChannelList td {
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.25em; }
  .svtTablaContent-ChannelList tbody {
    border-left: 3px solid #CCC; }
  .svtTablaContent-ChannelList td:first-child {
    width: 4em; }

.svtJsToggled-is {
  display: none; }

.svtJsToggled .svtJsToggled-is {
  display: inline; }

.svtJsToggled .svtJsToggled-not {
  display: none; }

.svtTablaWeek-Title.svtJsToggled .toDate {
  display: none; }

.svtTablaPrintContainer .svtTablaDay + .svtTablaDay {
  display: none; }

.svtTablaPrintContainer .svtTablaDay-Heading {
  display: none; }

.svtTablaPrintContainer .svtNoPrint {
  display: none; }

.svtTablaPrintMenu {
  float: left;
  clear: both; }
  .svtTablaPrintMenu > ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0; }
  .svtTablaPrintMenu > ul > li {
    float: left;
    padding-left: 15px; }
    .svtTablaPrintMenu > ul > li:first-child {
      padding-left: 0; }

.svtTablaPrintHeader .svtTablaPrintMenu {
  float: right; }

.svtTablaDateHeader {
  width: 162px; }

.svtTablaStepButtons {
  float: right; }

.svtTablaStepButtons .svtTablaStepButton {
  margin-left: 10px;
  width: 21px;
  height: 21px;
  display: block;
  float: right; }

.ieLte8 .svtTablaTable .svtTablaPast .svtTablaTime,
.ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTablaTime,
.ieLte8 .svtTablaTable .svtTablaPast .svtXColorRegular,
.ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtXColorRegular,
.ieLte8 .svtTablaTable .svtTablaPast .svtTablaHeading a,
.svtTablaHeading .ieLte8 .svtTablaTable .svtTablaPast a, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTablaHeading a,
.svtTablaHeading .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast a, .ieLte8 .svtTablaTable .svtTablaPast .svtTextBread,
.ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTextBread,
.ieLte8 .svtTablaTable .svtTablaPast .svtTablaTitleInfo p,
.svtTablaTitleInfo .ieLte8 .svtTablaTable .svtTablaPast p, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTablaTitleInfo p,
.svtTablaTitleInfo .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast p, .ieLte8 .svtTablaTable .svtTablaPast .svtTablaTitleInfo, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTablaTitleInfo {
  color: #AAA; }

.ieLte8 .svtTablaTable .svtTablaPast .svtH6, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtH6, .ieLte8 .svtTablaTable .svtTablaPast .svtTablaHeading, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtTablaHeading {
  /* svtH6 is has !important on color /barn */
  color: #AAA !important; }

.ieLte8 .svtTablaTable .svtTablaPast .svtLink, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink, .ieLte8 .svtTablaTable .svtTablaPast .svtLink-Teaser, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink-Teaser, .ieLte8 .svtTablaTable .svtTablaPast .svtLink-Teaser-Padded, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink-Teaser-Padded, .ieLte8 .svtTablaTable .svtTablaPast a.svtLink-white, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast a.svtLink-white, .ieLte8 .svtTablaTable .svtTablaPast .svtLink-inline, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink-inline, .ieLte8 .svtTablaTable .svtTablaPast .svtLink-Look, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink-Look, .ieLte8 .svtTablaTable .svtTablaPast a.svtLinkList-Element, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast a.svtLinkList-Element, .ieLte8 .svtTablaTable .svtTablaPast .svtAutoComplete-result a, .svtAutoComplete-result .ieLte8 .svtTablaTable .svtTablaPast a, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtAutoComplete-result a, .svtAutoComplete-result .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast a, .ieLte8 .svtTablaTable .svtTablaPast .svtLink-Look-Normal, .ieLte8 .svtTablaTable-SvtChannels .svtTablaPast .svtLink-Look-Normal {
  color: #5e9ed2; }

.svtTablaTable-SvtChannels td {
  border-bottom: 1px solid #E3E3E3; }

.svtTablaTable-SvtChannels td .svtIcon, .svtTablaTable-SvtChannels td .svt_voting__disclaimer, .svtTablaTable-SvtChannels td .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtTablaTable-SvtChannels td .svt_voting__share_icon {
  cursor: pointer; }

.svtTablaTable-SvtChannels .svtTablaTime {
  border-left: 3px solid #dbe0e5; }

.svtTablaSearchResult, .svtTablaSearchResultPast {
  padding: 10px; }

.svtTablaSearchResultPast {
  background: #EEE;
  margin-bottom: 0; }

.svt1-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svt2-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svtb-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svt24-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svtk-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svtw-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.tv3-TablaColor .svtTablaTime,
.tv4-TablaColor .svtTablaTime,
.kanal5-TablaColor .svtTablaTime {
  background: #f3f6f8; }

.svt1 .svtTablaBg {
  background: #eab2c5; }

.svt1 .svtTablaBgDarker {
  background: #990033; }

.svt1 .svtTablaTime {
  background: #f3f6f8; }

.svt2 .svtTablaBg {
  background: #b2cbe8; }

.svt2 .svtTablaBgDarker {
  background: #003366; }

.svt2 .svtTablaTime {
  background: #f3f6f8; }

.svtb .svtTablaBg {
  background: #d3c8f3; }

.svtb .svtTablaBgDarker {
  background: #714be1; }

.svtb .svtTablaTime {
  background: #f3f6f8; }

.svt24 .svtTablaBg {
  background: #b9b0c6; }

.svt24 .svtTablaBgDarker {
  background: #330033; }

.svt24 .svtTablaTime {
  background: #f3f6f8; }

.svtk .svtTablaBg {
  background: #f5c2ab; }

.svtk .svtTablaBgDarker {
  background: #cc3300; }

.svtk .svtTablaTime {
  background: #f3f6f8; }

.svtw .svtTablaBg {
  background: #b2cbe8; }

.svtw .svtTablaBgDarker {
  background: #003366; }

.svtw .svtTablaTime {
  background: #f3f6f8; }

.tv3 .svtTablaBg,
.tv4 .svtTablaBg,
.tv6 .svtTablaBg,
.sjuan .svtTablaBg,
.tv8 .svtTablaBg,
.kanal9 .svtTablaBg,
.kanal5 .svtTablaBg {
  background: #d8d8d8; }

.tv3 .svtTablaBgDarker,
.tv4 .svtTablaBgDarker,
.tv6 .svtTablaBgDarker,
.sjuan .svtTablaBgDarker,
.tv8 .svtTablaBgDarker,
.kanal9 .svtTablaBgDarker,
.kanal5 .svtTablaBgDarker {
  background: #8a8a8a; }

.tv3 .svtTablaTime,
.tv4 .svtTablaTime,
.tv6 .svtTablaTime,
.sjuan .svtTablaTime,
.tv8 .svtTablaTime,
.kanal9 .svtTablaTime,
.kanal5 .svtTablaTime {
  background: #f3f6f8; }

.svtJsTablaTimeIndicator {
  background: white;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  font-size: 0.1em;
  overflow: hidden;
  margin: 0 20px 5px 0; }

.svtTablaTimeIndicator-progress {
  height: 8px;
  display: inline-block; }

.tablaChooseDate .svtseLocalMenu-Active .svtIcon_Arrow_Down_White {
  background-position: 0 -1994px; }

.tablaChooseDate .svtseLocalMenu-Active .svtIcon_Arrow_Up_White {
  background-position: 0 -2034px; }

.svtTablaInlineSearch {
  position: relative;
  background: #F2F2F2;
  padding: 10px;
  width: 70%; }
  .svtTablaInlineSearch .svtInputText {
    background: #FFF;
    border: solid 1px #CCC;
    padding: 7px 10px 8px 10px;
    width: 76%;
    float: left; }
  .svtTablaInlineSearch .svtButton, .svtTablaInlineSearch .svtButton-Flexible, .svtTablaInlineSearch .dsq-submit, .svtTablaInlineSearch .svt_voting__button, .svtTablaInlineSearch .svt_share__button {
    float: right;
    width: 14%; }

/* ==========================================================================
   Publication framework svt.se
   ========================================================================== */
/**
 * Elements for SVTSE publication only
 * Classes should have the prefix .svtse
 * Elements that's core for svt.se website inclusive publication BARN should be in _models.scss
 */
/* Header
   ========================================================================== */
/**
 * also see : .svtseGlobalHeader .svtContainerBase in _layout.scss for padding stuff
 *
 */
.svtseGlobalHeader {
  background-color: #1A1A1A;
  color: #FFF; }

.svtseGlobalToggler {
  padding: 3px 0 5px 5px;
  position: absolute;
  right: 0;
  top: 13px;
  cursor: pointer;
  font-weight: bold; }
  .svtseGlobalToggler .svtseIcon_Menu, .svtseGlobalToggler .svtseMenuIcon {
    border-right: 1px solid #333;
    margin-right: 12px;
    width: 30px; }

.svtseGlobalNavigation {
  /* START for toggling */
  display: none;
  /* END for toggling */
  padding: 20px 0;
  clear: both; }
  .svtseGlobalNavigation #global-links, .svtseGlobalNavigation #global-search {
    display: none; }
  .svtseGlobalNavigation ul {
    background: #FFF;
    color: #1A1A1A; }
  .svtseGlobalNavigation a,
  .svtseGlobalNavigation #global-search {
    border-bottom: 1px solid #E3E3E3;
    padding: 1em 1em 1em 2em;
    color: #1A1A1A;
    font-weight: bold;
    background: #FFF; }
  .svtseGlobalNavigation a {
    display: block; }
  .svtseGlobalNavigation li {
    position: relative; }
  .svtseGlobalNavigation form {
    padding: 0; }

.svtseSubmenuSearchWrapper-White {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #FFF;
  width: 100%;
  position: relative;
  padding: 5px 7px 7px 7px; }

/* TODO: Refactor this is duplicated code for logo */
.svtLocalTitleBox {
  height: 122px;
  display: block;
  position: relative;
  margin-bottom: 15px; }
  .svtLocalTitleBox:hover {
    text-decoration: none; }

.svtLocalTitleLink:hover {
  text-decoration: none; }

.svtseLocalTitle {
  font-size: 230.8%;
  position: absolute;
  bottom: 25px;
  width: 100%; }
  .svtseLocalTitle:hover {
    text-decoration: none; }

.svtseLocalLogotype {
  max-width: 100%;
  position: absolute;
  bottom: 20px; }
  .svtseLocalLogotype img {
    display: block;
    max-height: 92px; }

.svtseLocalUmbrellaLogotype img {
  max-height: 40px; }

.svtseUmbrellaLogotype {
  display: block;
  padding-top: 6px;
  margin-left: -27px; }

.svtseLocalTagline {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-top: 2px;
  padding-bottom: 2px;
  position: absolute;
  bottom: 2px; }

.svtseLocalTagline-EmptyLogo {
  position: absolute;
  bottom: 11px; }

.svtFigCaptionDivider {
  background: red url("img/figcaptionDivider.png") 0 0 no-repeat;
  height: 16px;
  width: 1px;
  position: absolute;
  right: 12px;
  top: -2px; }

.svtFeaturedArticles {
  margin-bottom: 15px; }

/* TODO: Remove when old localmenuwidget for UG is replaced : nira */
.svtseLocalLogo {
  height: 60px; }

.svtseLocalMenu {
  clear: both;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.svtseLocalMenu #tabla-search {
  display: none;
  float: none;
  clear: both;
  padding: 1em; }

.svtseLocalToggler {
  position: absolute;
  right: 0;
  top: 13px;
  cursor: pointer; }

.selectedRegion {
  display: block;
  padding: 1px 10px;
  margin-bottom: 10px;
  border-left: solid 4px #b3121f; }

.selectedRegion__title {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  display: inline;
  margin: 0;
  margin-right: 8px;
  font-size: 16px; }
  .selectedRegion__title a {
    color: #1a1a1a; }

.ieLte8 .selectedRegion__title {
  font-size: 16px; }

.selectedRegion__changeButton {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  text-decoration: underline;
  font-size: 15px;
  cursor: pointer;
  color: #6F6F6F; }

.svtseLocalSubMenuWrapper {
  border-bottom: 1px solid #E3E3E3;
  clear: both;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
  background-color: transparent;
  min-height: 33px;
  margin-bottom: 10px;
  padding-top: 8px; }

.svtseInlineSubMenuWrapper {
  border-bottom: 1px solid #E3E3E3;
  clear: both;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
  background-color: transparent;
  min-height: 33px;
  margin-bottom: 10px;
  padding-top: 8px; }

.svtseLocalDateTableHolder {
  margin-top: -20px;
  background: #F2F2F2; }

.svtseInlineDateTableHolder {
  margin-top: -11px;
  background: #F2F2F2; }

.svtseLocalDateTable {
  width: 100%; }

.svtseLocalDateTable td,
.svtseLocalDateTable th {
  width: 14%;
  text-align: center;
  line-height: 1.8; }

.svtseLocalDateTable tbody td {
  color: #AAA;
  border: solid 1px #F2F2F2; }

.svtseLocalDateTable tbody td a {
  display: block; }

.no-touch .svtseLocalDateTable tbody td a:hover,
.no-touch .svtseLocalDateTable tbody td a:visited,
.no-touch .svtseLocalDateTable tbody td a:active {
  background: #c6d6e9; }

.svtseLocalDateTable td.svtTablaselected a {
  color: #FFF;
  background: #0655b5;
  border: solid 1px #0655b5; }

.no-touch .svtseLocalDateTable td.svtTablaselected a:hover,
.no-touch .svtseLocalDateTable td.svtTablaselected a:visited,
.no-touch .svtseLocalDateTable td.svtTablaselected a:active {
  background: #0655b5; }

.svtseLocalDateTable td.svtTablaToday a {
  border: solid 1px #809fd7; }

.no-touch .svtseLocalDateTable td.svtTablaToday a:hover,
.no-touch .svtseLocalDateTable td.svtTablaToday a:visited,
.no-touch .svtseLocalDateTable td.svtTablaToday a:active {
  background: #c6d6e9; }

/* Footer
   ========================================================================== */
.svtseFooterNavigation .svtContainerBase, .svtseFooterNavigation .svtTablaPrintFooter, .svtseFooterNavigation .svtTablaPrintHeader, .svtseFooterNavigation .svtTablaPrintContainer {
  left: -15px; }

.svtseFooterLogo {
  float: none;
  /* TODO: johb not responsive and better centering */
  text-align: center;
  overflow: hidden; }

.svtseFooterInfo {
  margin-top: 11px;
  text-align: center; }

/* Just nu puffar Nyheter
   ========================================================================== */
.svtNotificationBlock {
  background-color: #f4f4f4;
  border: 3px solid #ebebeb;
  border-top: 1px solid #E3E3E3;
  padding: 10px;
  overflow: hidden;
  clear: both; }

.svtNotificationBlock-Left {
  max-width: 60%;
  float: left;
  overflow: hidden; }

.svtNotificationBlock-Time {
  width: 88px;
  float: right;
  text-align: right;
  font-size: 85%;
  margin-left: 5px; }

.svtNotificationBlock-Header {
  overflow: hidden;
  display: block; }

.svtBylineBox-left {
  float: left;
  width: 100%;
  /* To prevent shareboxes to float drop */
  min-height: 75px; }

/**
 * Padding when XS screen. No padding right when S, M, L screen.
 * Used for text padding in medium news teasers. Fix to work even on teaserpackage
 */
.svtMargin-0px-Mq-S-M-L-15px-0px-15px-15px {
  margin: 0; }

/* Used for placing videoarea, on news site, right under localheader in XS. */
.svtMarginTop-Neg20px-Mq-M-L-0px {
  margin-top: -20px; }

.svtMarginTop-Neg10px-Mq-M-L-0px {
  margin-top: -10px; }

.svtPadding-20px-15px-15px-Mq-S-M-L-0px {
  padding: 20px 15px 15px; }

.svtMqPadding-5px-15px-15px-15px {
  padding: 5px; }

.svtMqPadding-5px-Mq-S-M-L-15px-15px-0-15px {
  padding: 5px; }

.svtArticleCloseButtonWrapper {
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 1; }

.svtArticleCloseButton {
  border: 0;
  background-color: transparent; }
  .svtArticleCloseButton:focus {
    outline: #AAA thin dotted;
    outline-offset: 2px; }

.svtArticleHeader {
  min-height: 16px; }
  .svtArticleHeader .svtArticleCloseButton {
    padding: 0; }

/* Se program
   ========================================================================== */
.svtseVideoHelpNav, .svtseVideoHelpContent {
  float: none;
  width: 100%; }

/* Innehall A-O
   ========================================================================== */
.svtAO-filterarea a {
  display: inline-block;
  margin: 0 5px 5px 0; }

.svtAO-charlist li {
  display: inline; }

.svtAO-navlist li a {
  font-size: 131%;
  font-weight: bold;
  width: 9%;
  display: inline-block;
  margin-bottom: 15px; }

.svtAO-anchorlist li {
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid; }

.svtAO-Aside {
  background: #f9f9f9;
  border-bottom: 1px solid #E3E3E3;
  padding: 15px 10px 9px;
  width: auto; }

.svtRegionsMenu-changeButton {
  font-weight: normal;
  font-style: normal;
  font-size: 85%;
  line-height: 1;
  cursor: pointer;
  color: #AAA; }
  .svtRegionsMenu-changeButton:visited, .svtRegionsMenu-changeButton:active {
    color: #AAA; }
  .svtRegionsMenu-changeButton:hover {
    color: #333; }

/* Legend color set for A-O */
.svtLegendColor-default .svtLegendMarkerLayoutItem {
  display: none; }

.svtLegendColor-default .svtLegendMarkerLayoutItem a {
  color: #4b4b4b; }

.svtLegendColor-filmAndDrama .svtLegendMarkerOptionItem.filmAndDrama {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c5dfc4), to(#c3ddc1));
  background-image: -webkit-linear-gradient(top, #c5dfc4, #c3ddc1);
  background-image: -moz-linear-gradient(top, #c5dfc4, #c3ddc1);
  background-color: #c3ddc1; }

.svtLegendColor-filmAndDrama .svtLegendMarkerLayoutItem.filmAndDrama {
  display: block; }

.svtLegendColor-filmAndDrama .svtLegendMarkerLayoutItem.filmAndDrama a {
  color: #0b921b;
  font-weight: bold; }

.svtLegendColor-cultureAndEntertainment .svtLegendMarkerOptionItem.cultureAndEntertainment {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2c4da), to(#d0c2d8));
  background-image: -webkit-linear-gradient(top, #d2c4da, #d0c2d8);
  background-image: -moz-linear-gradient(top, #d2c4da, #d0c2d8);
  background-color: #d0c2d8; }

.svtLegendColor-cultureAndEntertainment .svtLegendMarkerLayoutItem.cultureAndEntertainment {
  display: block; }

.svtLegendColor-cultureAndEntertainment .svtLegendMarkerLayoutItem.cultureAndEntertainment a {
  color: #8f4ab7;
  font-weight: bold; }

.svtLegendColor-documentary .svtLegendMarkerOptionItem.documentary {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddc5d3), to(#dac2d0));
  background-image: -webkit-linear-gradient(top, #ddc5d3, #dac2d0);
  background-image: -moz-linear-gradient(top, #ddc5d3, #dac2d0);
  background-color: #dac2d0; }

.svtLegendColor-documentary .svtLegendMarkerLayoutItem.documentary {
  display: block; }

.svtLegendColor-documentary .svtLegendMarkerLayoutItem.documentary a {
  color: #c34b92;
  font-weight: bold; }

.svtLegendColor-news .svtLegendMarkerOptionItem.news {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dabebe), to(#d7bbbb));
  background-image: -webkit-linear-gradient(top, #dabebe, #d7bbbb);
  background-image: -moz-linear-gradient(top, #dabebe, #d7bbbb);
  background-color: #d7bbbb; }

.svtLegendColor-news .svtLegendMarkerLayoutItem.news {
  display: block; }

.svtLegendColor-news .svtLegendMarkerLayoutItem.news a {
  color: #b52929;
  font-weight: bold; }

.svtLegendColor-sport .svtLegendMarkerOptionItem.sport {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b9c6d4), to(#b7c3d1));
  background-image: -webkit-linear-gradient(top, #b9c6d4, #b7c3d1);
  background-image: -moz-linear-gradient(top, #b9c6d4, #b7c3d1);
  background-color: #b7c3d1; }

.svtLegendColor-sport .svtLegendMarkerLayoutItem.sport {
  display: block; }

.svtLegendColor-sport .svtLegendMarkerLayoutItem.sport a {
  color: #125197;
  font-weight: bold; }

.svtLegendColor-societyAndFacts .svtLegendMarkerOptionItem.societyAndFacts {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d5d5), to(#b6d2d3));
  background-image: -webkit-linear-gradient(top, #b8d5d5, #b6d2d3);
  background-image: -moz-linear-gradient(top, #b8d5d5, #b6d2d3);
  background-color: #b6d2d3; }

.svtLegendColor-societyAndFacts .svtLegendMarkerLayoutItem.societyAndFacts {
  display: block; }

.svtLegendColor-societyAndFacts .svtLegendMarkerLayoutItem.societyAndFacts a {
  color: #0e9c9d;
  font-weight: bold; }

.svtLegendColor-kids .svtLegendMarkerOptionItem.kids {
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd1b6), to(#dbcfb3));
  background-image: -webkit-linear-gradient(top, #ddd1b6, #dbcfb3);
  background-image: -moz-linear-gradient(top, #ddd1b6, #dbcfb3);
  background-color: #dbcfb3; }

.svtLegendColor-kids .svtLegendMarkerLayoutItem.kids {
  display: block; }

.svtLegendColor-kids .svtLegendMarkerLayoutItem.kids a {
  color: #c58b00;
  font-weight: bold; }

/* quick and dirty style of autocomplete dropdown */
/*
.ac_results {
	background: #fefefe;
	margin-left: -6px;
}

.ac_results ul {
	margin: 0;
	padding: 0;
}

.ac_results li {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
}

.ac_results .ac_over {
	color: #fff;
	background: $color-blue;
}
*/
.svtEpisode {
  background: #f4f4f2;
  border: 1px solid #E3E3E3; }

/* Remove? Image not found. Is this class ever used?
.svtplayerLatest {
	background: url("../../../../../../../../svt-publication-core/src/main/webapp/ece-news/statiskt/skins/svt/css/img/playiconSenaste.png") no-repeat scroll 0 0 black;
	border-radius: 5px 5px 5px 5px;
	height: 58px;
	left: 42%;
	opacity: 0.9;
	padding: 33px;
	position: absolute;
	top: 25%;
	width: 58px;
}
*/
/**
 * New global menu. ToDo: refactor and remove previous menu  classes
 *
 * ToDo: move this to correct scss files.
 * NEW GLOBAL MENU STUFF.
 */
/* Default is hidden to allow js to know the menu is hidden, show in S, M & L */
#global-nav,
#global-search,
#global-links {
  display: none; }

.no-js #global-nav,
.no-js #global-search,
.no-js #global-links {
  display: block; }

.svtseGlobalHeader {
  /* background-color: $color-black; */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-color: #262626;
  min-height: 35px; }
  .svtseGlobalHeader li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none; }

#global-menu:before,
#global-menu:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

#global-menu:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
#global-menu {
  zoom: 1; }

#global-menu {
  float: right;
  margin: 0 2% 0 0;
  font-weight: bold; }
  #global-menu ul {
    display: block;
    height: 35px; }
  #global-menu li {
    border-left: 1px solid #4b4b4b;
    height: 23px;
    margin-top: 6px;
    display: block;
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 35px; }
    #global-menu li:first-child {
      border-left: 0;
      margin-left: 0;
      padding-left: 0; }
    #global-menu li a {
      display: block;
      margin-top: -6px;
      line-height: 35px;
      color: #FFF; }

#global-navigation li {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #E3E3E3;
  background-color: #F2F2F2;
  line-height: 35px;
  height: 35px;
  padding: 0 20px; }
  #global-navigation li a {
    display: block; }

#global-navigation a {
  color: #333;
  line-height: 36px; }

#global-search ul {
  margin: 0;
  padding: 0; }

#global-search li {
  margin: 0;
  padding: 0; }

#global-search .svtSearchWrapper, #global-search .svtSearchWrapper-Focus, #global-search .svtSearchWrapper-Large {
  margin: 5px 5px 5px 10px; }

.svtseMenuHr {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
  display: block;
  background-color: #FFF;
  width: 100%;
  height: 1px;
  margin-bottom: -1px;
  position: absolute;
  /* Avoid scrollbar in ie */
  margin-right: -100%;
  position: absolute;
  left: 0; }

.svtseLogo {
  display: inline-block;
  margin: 0;
  padding: 0 1% 0 0;
  margin-left: 2%;
  line-height: 35px;
  height: 35px; }

/* ToDo: move or extend icons from _icons.scss, this should be more genereal. */
.svtseBolibompaIcon {
  display: block;
  width: 35px;
  height: 35px;
  margin-right: -35px;
  margin-top: -35px;
  margin-left: 42px;
  margin-bottom: 0; }

.svtsePlayIcon {
  margin: 8.5px 0;
  display: block;
  width: 20px;
  height: 18px;
  float: left; }

.svtsePlayIcon-xs {
  margin: 8.5px 0;
  display: block;
  width: 15px;
  height: 18px;
  float: left; }

.svtseFlowIcon {
  margin: 8.5px 0;
  display: block;
  width: 25px;
  height: 18px;
  float: left; }

.svtseOppetArkivIcon {
  margin: 8.5px 0;
  display: block;
  width: 15px;
  height: 18px;
  float: left; }

.svtseMenuIcon {
  width: 15px;
  margin-top: 9.5px;
  margin-left: 10px;
  height: 16px;
  display: block;
  float: right; }

/* ToDo: Move to media query.... */
.svtseGlobalHeader-Large .svtseGlobalHeaderContainer {
  height: 100%;
  overflow: hidden; }

.svtseGlobalHeader-Small .svtseGlobalHeaderContainer {
  min-height: 35px;
  overflow: hidden; }

.svtImportantMessage {
  border-top: solid 1px #FFF;
  position: relative;
  min-height: 39px; }

/* VMA och TMA
   ========================================================================== */
.messageTypevma {
  background: #c00;
  padding: 5px 10px;
  border-bottom: solid 1px #FFF; }
  .messageTypevma .messageinfo {
    background: url(img/icon_vma.png) 0 4px no-repeat;
    padding: 5px 0 5px 30px; }
  .messageTypevma .messagetype {
    color: #fff2b7;
    font-weight: bold; }

.messageTypetma {
  background: #ffea95;
  padding: 5px 10px;
  border-bottom: solid 1px #FFF; }
  .messageTypetma .messageinfo {
    color: #333;
    background: url(img/icon_tma.png) 0 4px no-repeat;
    padding: 5px 0 5px 30px; }
  .messageTypetma .messagetype {
    color: #000;
    font-weight: bold; }

.messageinfo {
  max-width: 958px;
  width: 92%;
  margin: 0 auto;
  font-size: 14px; }
  .messageinfo .svtIcon_Arrow_Left_White {
    background-position: 9px -1555px; }
  .messageinfo .svtIcon_Arrow_Left_Blue {
    background-position: 9px -1595px; }

/* Global search
   ========================================================================== */
.svtseSearchResult em,
.svtseSearchResult b {
  color: #000; }

/* DEPRECATED / johb */
.svtseH2-Minor {
  font-size: 77%;
  font-size: 50%; }

.svtseH1-Minor {
  font-size: 50%; }

.svtseH-Minor {
  font-size: 77%; }

/* Listor
   ========================================================================== */
.svtListMeta {
  margin: 0;
  list-style: none; }

.svtListMetaItem {
  display: table; }

.A_svtListMetaItem, .svtListMetaItemLeft, .svtListMetaItemRight {
  display: table-cell;
  line-height: 20px;
  color: #333; }

.svtListMetaItemLeft {
  width: 80px;
  padding-right: 10px;
  white-space: nowrap;
  text-align: right; }

.svtList {
  list-style-type: none;
  margin: 0; }

.svtList__item {
  position: relative;
  overflow: hidden; }

.svtList__icon {
  display: block;
  width: 3.5em;
  float: left; }

.svtList__label {
  display: block;
  padding-left: 3.5em; }

/* Recept
   ========================================================================== */
.A_svtRecipeRelated, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedLeft, .svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedRight {
  margin: 0;
  clear: none;
  min-width: 0;
  padding-top: 20px; }

.svtRecipeRelated .svtMediaBlock {
  min-width: 40%; }

.svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedLeft {
  width: 40%; }

.svtRecipeRelated.svtHide-Gte-S .svtRecipeRelatedRight {
  width: 56%; }

.svtRecipeRelated.svtHide-Gte-S .svtAside-MainRight {
  clear: none;
  float: none;
  margin-right: 0;
  margin-left: 0;
  width: auto;
  border: 0;
  min-width: 0; }

.svtRecipeImagePlaceholder {
  background: #f1f2f8; }

.svtRecipeImageDefault {
  background: #f1f2f8 url("/ece-news/statiskt/skins/svt/css/img/recipe_default.png") center center no-repeat;
  -moz-background-size: contain;
  background-size: contain; }

.ieLte8 .svtRecipeImageDefault {
  background-image: url("/ece-news/statiskt/skins/svt/css/img/recipe_default_small.png"); }

.ieLte8 .svtRecipeImageDefaultLarge {
  background-image: url("/ece-news/statiskt/skins/svt/css/img/recipe_default.png"); }

.svtRecipeMigratedImage {
  width: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -65px;
  margin-left: -65px; }

.svtCommentCountWrapper {
  display: inline-block;
  margin-left: 3px; }

/* ==========================================================================
   OS carousel start page
   ========================================================================== */
.svtTextMeta-Video-Active {
  display: none; }

.svtPlayList-Item-Active {
  border: 2px solid #6CB846;
  background-color: #F2F2F2;
  margin: 0 -1px; }
  .svtPlayList-Item-Active .svtMediaBlockText, .svtPlayList-Item-Active .svtMediaBlockText-News, .svtPlayList-Item-Active .svtMediaBlockText-Small {
    margin-top: -3px; }
  .svtPlayList-Item-Active a.svtLink, .svtPlayList-Item-Active a.svtLink-Teaser, .svtPlayList-Item-Active a.svtLink-Teaser-Padded, .svtPlayList-Item-Active a.svtLink-white, .svtPlayList-Item-Active a.svtLink-inline, .svtPlayList-Item-Active a.svtLink-Look, .svtPlayList-Item-Active a.svtLinkList-Element, .svtPlayList-Item-Active .svtAutoComplete-result a, .svtAutoComplete-result .svtPlayList-Item-Active a, .svtPlayList-Item-Active a.svtLink-Look-Normal {
    color: #000; }
  .svtPlayList-Item-Active .svtTextMeta-Video-Active {
    display: inline;
    color: #666;
    font-size: 85%;
    font-weight: bold; }

.svtPlayList-Item-Inactive {
  background-color: #FFF;
  border-bottom: 1px solid #E3E3E3; }

.svtPlayList-border {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #CCC;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.svtVideoContentPlayerBg {
  z-index: 0;
  background: #262626;
  position: absolute;
  top: 0;
  left: -1000px;
  width: 3000px;
  height: 100%; }

/* Video play list menu - addon to video play list */
.svtContainerTop-VideoListMenu {
  background: #1A1A1A;
  min-height: 55px;
  margin-top: 2px; }

.svtVideoPlayListHeadingMain {
  margin-top: 4px; }

.svtVideoPlayListHeading {
  -moz-box-shadow: 0 1px 1px 0 #000;
  -webkit-box-shadow: 0 1px 1px 0 #000;
  box-shadow: 0 1px 1px 0 #000;
  background: #1a1a1a;
  border-radius: 4px 4px 0 0;
  padding: 10px 9px 10px 9px; }

.svtVideoPlayListDropdown {
  cursor: default;
  font-weight: normal;
  line-height: 26px;
  height: 27px;
  position: relative;
  white-space: nowrap; }
  .svtVideoPlayListDropdown.empty {
    background: none;
    color: #FFF; }
  .svtVideoPlayListDropdown.disabled .svtVideoPlayListDropdownText,
  .svtVideoPlayListDropdown.disabled .svtVideoPlayListDropdownIcon {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4; }
  .svtVideoPlayListDropdown .svtVideoPlayListDropdownText {
    background: url("img/nyheter/temporary_dropdown.png");
    display: block;
    margin-right: 27px;
    overflow: hidden;
    padding: 0 0 0 8px; }
  .svtVideoPlayListDropdown .svtVideoPlayListDropdownIcon {
    background: url("img/nyheter/temporary_dropdown.png") right 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px; }

.svtVideoPlayListSubmenu {
  background: #FFF;
  border: 1px solid #CCC;
  border-top: none;
  list-style: none;
  margin: 0; }

.svtVideoPlayListSubmenu li a.active {
  background: #E3E3E3;
  cursor: default;
  text-decoration: none; }

.svtse_accesskeys {
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
  width: 100%; }
  .svtse_accesskeys li {
    left: 0;
    top: 0;
    width: 100%; }
    .svtse_accesskeys li a {
      background: #008de9;
      box-sizing: border-box;
      color: #fff;
      display: block;
      left: 0;
      padding: 0.5em;
      position: absolute;
      outline: #afffff solid 0px;
      text-align: center;
      text-decoration: underline;
      top: -20em;
      width: 100%; }
      .svtse_accesskeys li a:focus,
      .svtse_accesskeys li a:active {
        position: relative;
        top: 0; }

.svtse_keyboard-navigation .svtH1 a:focus,
.svtse_keyboard-navigation .svtH2 a:focus,
.svtse_keyboard-navigation .svtH3 a:focus,
.svtse_keyboard-navigation .svtTablaWeek-Title a:focus,
.svtse_keyboard-navigation .svt_voting__question a:focus,
.svtse_keyboard-navigation .svtH4 a:focus,
.svtse_keyboard-navigation .svtFirstpageNewsH1 a:focus,
.svtse_keyboard-navigation .svtFirstpageNewsH2 a:focus,
.svtse_keyboard-navigation .svtFirstpageNewsH3 a:focus,
.svtse_keyboard-navigation .svtFirstpageNewsH4 a:focus {
  background: #008de9;
  color: #fff; }

.svtse_keyboard-navigation .svtH1 a:active,
.svtse_keyboard-navigation .svtH1 a:hover,
.svtse_keyboard-navigation .svtH2 a:active,
.svtse_keyboard-navigation .svtH2 a:hover,
.svtse_keyboard-navigation .svtH3 a:active,
.svtse_keyboard-navigation .svtTablaWeek-Title a:active,
.svtse_keyboard-navigation .svt_voting__question a:active,
.svtse_keyboard-navigation .svtH3 a:hover,
.svtse_keyboard-navigation .svtTablaWeek-Title a:hover,
.svtse_keyboard-navigation .svt_voting__question a:hover,
.svtse_keyboard-navigation .svtH4 a:active,
.svtse_keyboard-navigation .svtH4 a:hover,
.svtse_keyboard-navigation .svtFirstpageNewsH1 a:active,
.svtse_keyboard-navigation .svtFirstpageNewsH1 a:hover,
.svtse_keyboard-navigation .svtFirstpageNewsH2 a:active,
.svtse_keyboard-navigation .svtFirstpageNewsH2 a:hover,
.svtse_keyboard-navigation .svtFirstpageNewsH3 a:active,
.svtse_keyboard-navigation .svtFirstpageNewsH3 a:hover,
.svtse_keyboard-navigation .svtFirstpageNewsH4 a:active,
.svtse_keyboard-navigation .svtFirstpageNewsH4 a:hover {
  background: transparent;
  color: inherit; }

.svtse_keyboard-navigation .svtLinkList-Element:focus, .svtse_keyboard-navigation .svtAutoComplete-result a:focus, .svtAutoComplete-result .svtse_keyboard-navigation a:focus {
  background: #008de9;
  color: #fff; }
  .svtse_keyboard-navigation .svtLinkList-Element:focus .svtIcon_Arrow_Left_Blue, .svtse_keyboard-navigation .svtAutoComplete-result a:focus .svtIcon_Arrow_Left_Blue, .svtAutoComplete-result .svtse_keyboard-navigation a:focus .svtIcon_Arrow_Left_Blue {
    background-position: 0 -1557px; }
  .svtse_keyboard-navigation .svtLinkList-Element:focus .svtIcon_Camera_Blue, .svtse_keyboard-navigation .svtAutoComplete-result a:focus .svtIcon_Camera_Blue, .svtAutoComplete-result .svtse_keyboard-navigation a:focus .svtIcon_Camera_Blue {
    background-position: 0 -1757px; }

.svtse_keyboard-navigation .svtServiceHeader-News:focus {
  outline: solid 2px #008de9; }

.svtse_keyboard-navigation .svtServiceHeaderNews-Regionalt:focus {
  outline: solid 2px #008de9; }

.svtse_keyboard-navigation .svtGlobalFooterInfo a:focus {
  background: #008de9;
  color: #fff;
  outline: none; }

.svtse_keyboard-navigation .svtseFooterLogo a:focus {
  border-bottom: solid 2px #008de9;
  outline: none; }

.svtse_keyboard-navigation .svtseLocalMenu a:focus {
  background: #008de9;
  color: #fff;
  outline: none; }

/* ==========================================================================
   Weather css for weather widgets
   ========================================================================== */
/* Widget for weather list and Hot, Cold & Precipitation
   ========================================================================== */
.svtWeather-Headline h2 {
  margin-bottom: 0 !important; }

.svtWeather-table {
  width: 100%; }
  .svtWeather-table tr {
    height: 35px; }
  .svtWeather-table th:first-child,
  .svtWeather-table td:first-child {
    width: 60%;
    padding-left: 10px; }
  .svtWeather-table th,
  .svtWeather-table td {
    padding: 5px;
    vertical-align: middle; }

.svtWeather-Tab-Active h2 {
  background: #FFF;
  color: #1A1A1A;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  border-top: 3px solid #3c3c3c;
  border-right: 3px solid #3c3c3c;
  border-bottom: 0;
  border-left: 3px solid #3c3c3c;
  margin-bottom: 0;
  line-height: 1.3em;
  padding: 7px 10px 10px; }

.svtWeather-Tab-Active:hover {
  text-decoration: none;
  cursor: default; }

.svtWeather-Tab-Inactive h2 {
  background: #3c3c3c;
  color: #FFF;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  border-top: 3px solid #3c3c3c;
  border-right: 1px solid #4b4b4b;
  border-bottom: 0;
  border-left: 3px solid #3c3c3c;
  margin-bottom: 0;
  line-height: 1.3em;
  padding: 7px 10px 10px; }

.svtWeather-Tab-Inactive:hover {
  color: #FFF;
  text-decoration: underline; }

/* Widget for weather search and geo location to STORM.no
   ========================================================================== */
.svtWeather-Plate {
  padding-right: 135px;
  position: relative;
  overflow: hidden; }

.no-js .svtWeather-Plate,
.no-geolocation .svtWeather-Plate {
  padding-right: 0; }

.svtWeather-Geolocation {
  width: 125px;
  position: absolute;
  right: 0;
  top: 0; }

/* ==========================================================================
   Firstpage
   ========================================================================== */
/**
 * Style for firstpage on svt.se
 *
 */
.svtServiceHeader {
  height: 41px;
  border-bottom: 1px solid #E3E3E3; }

.svtServiceHeaderBar {
  margin-top: 10px; }

.svtServiceHeader-News {
  cursor: pointer;
  margin: 8px 0 8px 15px; }
  .svtServiceHeader-News:hover {
    color: #333;
    text-decoration: none; }

.svtServiceHeaderNews-Heading {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background-color: #B20000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%;
  color: #FFF;
  line-height: 28px;
  padding: 0 0.5em 0 0.75em; }

.svtServiceHeaderNews-Regionalt {
  float: right;
  font-weight: bold;
  margin: 15px 15px 0 0; }

.svtServiceHeaderNews-Logo {
  background-image: url("img/nyheter/news-logo-firstpage.png");
  background-repeat: no-repeat;
  background-position: 8px -1px;
  padding: 0;
  width: 109px;
  height: 28px; }

.svtServiceHeaderNews-Arrow {
  background-image: url("img/nyheter/sprite-theme.png");
  background-repeat: no-repeat;
  background-position: -88px -960px;
  width: 12px;
  height: 28px; }

.svtServiceHeaderNews-Text {
  font-weight: normal;
  line-height: 28px;
  font-size: 116%;
  margin-left: 0.75em;
  color: #333; }
  .svtServiceHeaderNews-Text:hover {
    color: #333;
    text-decoration: underline; }

.svtFirstpageProgramH4 {
  font-weight: 200;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

.svtColumnBufferContainer {
  overflow: hidden; }

.svtColumnBuffer-500 {
  padding-bottom: 500px;
  margin-bottom: -500px; }

.svtFirstpageNewsH1 {
  margin-bottom: 0.2em; }

.svtFirstpageDisasterH1 {
  margin-top: 7px; }

.svtFirstpageNewsH2 {
  font-size: 230.8%;
  top: -2px;
  margin-bottom: 0.3em;
  letter-spacing: -1px; }

.svtFirstpageNewsH3 {
  font-size: 153.9%;
  top: -2px;
  letter-spacing: -1px;
  margin-bottom: 0.3em;
  display: block; }

.svtVignette-Programs {
  display: block;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 7px;
  margin-bottom: 5px; }

/* ==========================================================================
   Programme page modules
   ========================================================================== */
.latestEpisodeFigure {
  margin-bottom: 10px; }

/* ==========================================================================
   Expandable columns
   ========================================================================== */
/* Something
   ========================================================================== */
.svtExpandableColumns > .svtExpandableColumn {
  width: 48%;
  margin-top: 20px; }

.svtExpandableColumns > span.svtExpandableColumn {
  margin-top: 0; }

.svtExpandableColumns > .svtExpandableColumnEven {
  float: right; }

.svtExpandableColumns > .svtExpandableColumnOdd {
  float: left;
  clear: left; }

.svtExpandableColumns .svtExpandableColumnExpanded {
  width: 100%; }

/* ==========================================================================
   Live countdown
   Reusing most of the style from the Play4 project.
   ========================================================================== */
.svtLiveCountdown,
.svtLiveCountdown:hover,
.svtLiveCountdown:active {
  /* styles from .svtplayer */
  color: #FFF;
  font-size: 85%; }

.svtplayerCountdownTitle h2 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }

/* ==========================================================================
   Broadcast banner
   ========================================================================== */
.svtBroadcastBanner {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  border: solid 1px transparent;
  width: 100%;
  position: relative; }
  .svtBroadcastBanner a {
    display: block; }
    .svtBroadcastBanner a img {
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      margin-bottom: 0; }

/* ==========================================================================
   FAQ Articles and Lists
   ========================================================================== */
.svtTittarserviceFaq,
.svtTittarserviceForum,
.svtTittarserviceSynpunkter {
  padding: 7px;
  padding-right: 4.5em;
  padding-left: 1.4em;
  border-top: none;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  position: relative;
  /* Vid uttfallning av artikel  */
  /* Used for avtars */ }
  .svtTittarserviceFaq.svtArticleOpen,
  .svtTittarserviceForum.svtArticleOpen,
  .svtTittarserviceSynpunkter.svtArticleOpen {
    padding-right: 1em; }
  .svtTittarserviceFaq:first-child,
  .svtTittarserviceForum:first-child,
  .svtTittarserviceSynpunkter:first-child {
    border-top: 1px solid #E3E3E3; }
  .svtTittarserviceFaq .svtH3,
  .svtTittarserviceFaq .svtTablaWeek-Title,
  .svtTittarserviceFaq .svt_voting__question,
  .ieLte8 .svtTittarserviceFaq .svtH3,
  .ieLte8 .svtTittarserviceFaq .svtTablaWeek-Title,
  .ieLte8 .svtTittarserviceFaq .svt_voting__question,
  .svtTittarserviceForum .svtH3,
  .svtTittarserviceForum .svtTablaWeek-Title,
  .svtTittarserviceForum .svt_voting__question,
  .ieLte8 .svtTittarserviceForum .svtH3,
  .ieLte8 .svtTittarserviceForum .svtTablaWeek-Title,
  .ieLte8 .svtTittarserviceForum .svt_voting__question,
  .svtTittarserviceSynpunkter .svtH3,
  .svtTittarserviceSynpunkter .svtTablaWeek-Title,
  .svtTittarserviceSynpunkter .svt_voting__question,
  .ieLte8 .svtTittarserviceSynpunkter .svtH3, .ieLte8 .svtTittarserviceSynpunkter .svtTablaWeek-Title, .ieLte8 .svtTittarserviceSynpunkter .svt_voting__question {
    font-size: 116%;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-weight: bold; }
    .svtTittarserviceFaq .svtH3 a,
    .svtTittarserviceFaq .svtTablaWeek-Title a,
    .svtTittarserviceFaq .svt_voting__question a,
    .ieLte8 .svtTittarserviceFaq .svtH3 a,
    .ieLte8 .svtTittarserviceFaq .svtTablaWeek-Title a,
    .ieLte8 .svtTittarserviceFaq .svt_voting__question a,
    .svtTittarserviceForum .svtH3 a,
    .svtTittarserviceForum .svtTablaWeek-Title a,
    .svtTittarserviceForum .svt_voting__question a,
    .ieLte8 .svtTittarserviceForum .svtH3 a,
    .ieLte8 .svtTittarserviceForum .svtTablaWeek-Title a,
    .ieLte8 .svtTittarserviceForum .svt_voting__question a,
    .svtTittarserviceSynpunkter .svtH3 a,
    .svtTittarserviceSynpunkter .svtTablaWeek-Title a,
    .svtTittarserviceSynpunkter .svt_voting__question a,
    .ieLte8 .svtTittarserviceSynpunkter .svtH3 a, .ieLte8 .svtTittarserviceSynpunkter .svtTablaWeek-Title a, .ieLte8 .svtTittarserviceSynpunkter .svt_voting__question a {
      color: #004573; }
  .svtTittarserviceFaq .svtArticleHeader,
  .svtTittarserviceForum .svtArticleHeader,
  .svtTittarserviceSynpunkter .svtArticleHeader {
    width: 100%;
    display: none; }
  .svtTittarserviceFaq .svtTittarserviceMargin,
  .svtTittarserviceForum .svtTittarserviceMargin,
  .svtTittarserviceSynpunkter .svtTittarserviceMargin {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .svtTittarserviceFaq.svtArticleExpand,
  .ieLte8 .svtTittarserviceFaq.svtArticleExpand,
  .svtTittarserviceForum.svtArticleExpand,
  .ieLte8 .svtTittarserviceForum.svtArticleExpand,
  .svtTittarserviceSynpunkter.svtArticleExpand,
  .ieLte8 .svtTittarserviceSynpunkter.svtArticleExpand {
    padding-left: 1em;
    margin: 0;
    border-top: none; }
    .svtTittarserviceFaq.svtArticleExpand:first-child,
    .ieLte8 .svtTittarserviceFaq.svtArticleExpand:first-child,
    .svtTittarserviceForum.svtArticleExpand:first-child,
    .ieLte8 .svtTittarserviceForum.svtArticleExpand:first-child,
    .svtTittarserviceSynpunkter.svtArticleExpand:first-child,
    .ieLte8 .svtTittarserviceSynpunkter.svtArticleExpand:first-child {
      border-top: 1px solid #E3E3E3; }
    .svtTittarserviceFaq.svtArticleExpand .svtArticleHeader,
    .ieLte8 .svtTittarserviceFaq.svtArticleExpand .svtArticleHeader,
    .svtTittarserviceForum.svtArticleExpand .svtArticleHeader,
    .ieLte8 .svtTittarserviceForum.svtArticleExpand .svtArticleHeader,
    .svtTittarserviceSynpunkter.svtArticleExpand .svtArticleHeader,
    .ieLte8 .svtTittarserviceSynpunkter.svtArticleExpand .svtArticleHeader {
      display: block; }
    .svtTittarserviceFaq.svtArticleExpand .svtTittarserviceMargin,
    .ieLte8 .svtTittarserviceFaq.svtArticleExpand .svtTittarserviceMargin,
    .svtTittarserviceForum.svtArticleExpand .svtTittarserviceMargin,
    .ieLte8 .svtTittarserviceForum.svtArticleExpand .svtTittarserviceMargin,
    .svtTittarserviceSynpunkter.svtArticleExpand .svtTittarserviceMargin,
    .ieLte8 .svtTittarserviceSynpunkter.svtArticleExpand .svtTittarserviceMargin {
      display: none; }
  .svtTittarserviceFaq .svtMediaBlockFig-XS,
  .svtTittarserviceForum .svtMediaBlockFig-XS,
  .svtTittarserviceSynpunkter .svtMediaBlockFig-XS {
    max-width: 50px;
    width: 50px; }

.svtTittarserviceMetaBlock {
  margin-top: 1em; }

.svtTittarserviceMeta {
  display: inline-block;
  float: right;
  width: 50px; }

.svtTittarserviceMetaWide {
  display: inline-block;
  width: 30%; }

.svtTittarservice-headingMargin {
  margin-left: 18px; }

/* Besvarad i listlage */
.svtFaqState-answered {
  width: 4.5em;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #b8dea8;
  color: #FFF; }
  .svtFaqState-answered .svtFaqState-answeredPos {
    width: 22px;
    height: 18px; }

/* Vanliga fragor/Hitta svar (FAQ)
   ========================================================================== */
.svtTittarserviceFaq .svtTittarserviceMargin {
  border-left: 0.25em solid #C7B6DC;
  background-color: #F3EAFD; }

/* Answer is fold out */
.svtTittarserviceFaq.svtArticleExpand {
  background: #fcf9ff;
  border-left: 0.25em solid #C7B6DC; }
  .svtTittarserviceArticleList .svtTittarserviceFaq.svtArticleExpand .svtTextBread-Article {
    margin-bottom: 0; }

/* Hjalpforum/Fraga oss
   ========================================================================== */
.svtTittarserviceForum .svtTittarserviceMargin {
  border-left: 0.25em solid #EECDA2;
  background-color: #FCF3CC; }

/* Answer is fold out */
.svtTittarserviceArticleList .svtTittarserviceForum.svtArticleExpand {
  background: #FFFDF5;
  border-left: 0.25em solid #EECDA2; }

/* Synpunkter/Tyck till
   ========================================================================== */
.svtTittarserviceSynpunkter .svtTittarserviceMargin {
  border-left: 0.25em solid #A3C5D9;
  background-color: #CADFEA; }

.svtTittarserviceSynpunkter .svtTittarservice-answer {
  background-color: #eff4f6; }

/* Answer is fold out */
.svtTittarserviceArticleList .svtTittarserviceSynpunkter.svtArticleExpand {
  background: #F4F9FB;
  border-left: 0.25em solid #A3C5D9; }

.svtTittarserviceArticle,
.svtTittarserviceArticle.svtArticleExpand {
  border-top: 1px solid #E3E3E3;
  border-right: none;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 2.3183925811%;
  padding-right: 1em;
  margin-bottom: 0; }
  .svtTittarserviceArticle .svtTextMeta-Article,
  .svtTittarserviceArticle.svtArticleExpand .svtTextMeta-Article {
    margin-bottom: 10px;
    margin-top: 0; }

.svtTittarserviceArticleList .svtTextMeta-Article {
  margin-bottom: 0;
  margin-top: 0; }

.svtCommentsArticle.svtArticleExpand {
  border: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }

.svtTittarserviceArticle.svtTittarserviceArticle-Faq {
  border-left: 0.25em solid #C7B6DC; }
  .svtTittarserviceArticle.svtTittarserviceArticle-Faq .svtTextBread-Article {
    margin-bottom: 0; }

.svtTittarserviceArticle-Forum.svtTittarserviceForum {
  border-left: 0.25em solid #EECDA2; }

.svtTittarserviceArticle-Forum.svtTittarserviceSynpunkter {
  border-left: 0.25em solid #A3C5D9; }

.svtTittarservice-svtBox-Plate {
  /*
	background-color: #F7F7F5;
	border: solid 1px #ECEBE9;
	*/
  background: #f9f9f9;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /* Only serach field, should be move to core
	@include border-radius($pad-marg-5px);
	margin-bottom: $pad-marg-10px;
	*/ }

.svtTittarservice-SearchBox, .svtTittarservice-alert {
  border-bottom: solid 1px #CCC; }

.svtTittarservice-alert {
  border: 1px solid #CCC;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #F2F2F2;
  padding: 20px;
  margin-bottom: 20px; }
  .svtTittarservice-alert h3,
  .svtTittarservice-alert p {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

.svtTittarservice-QuestionBox {
  display: block;
  padding: 10px 15px 5px;
  /*
	@include border-radius($pad-marg-5px, 0, 0, $pad-marg-5px);
	border-right: solid 1px $color-mediumlightgrey;
	border-bottom: solid 1px $color-mediumlightgrey;
	border-left: solid 1px $color-mediumlightgrey;
	*/ }

/* FORM */
.svtTittarservice-KundoForm {
  position: relative;
  width: 96%;
  margin: 0 auto; }
  .svtTittarservice-KundoForm select {
    color: #666; }
    .svtTittarservice-KundoForm select:focus {
      outline: #aaaaaa dotted thin;
      outline-offset: 2px; }
  .svtTittarservice-KundoForm .svtJsToggleMenu {
    position: absolute;
    right: 5px;
    top: -36px; }

.svtTittarservice-FormOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 40;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }

.svtTittarService-FormRespons {
  position: relative;
  z-index: 50; }

.svtTittarservice-FormBox {
  position: relative; }

.svtTittarservice-report,
.svtTittarservice-FormBox,
.svtTittarservice-Followpost {
  background-color: #F7F7F5;
  border: 1px solid #EEE;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 15px 0; }
  .svtTittarservice-report .svtH3,
  .svtTittarservice-report .svtTablaWeek-Title,
  .svtTittarservice-report .svt_voting__question,
  .svtTittarservice-FormBox .svtH3,
  .svtTittarservice-FormBox .svtTablaWeek-Title,
  .svtTittarservice-FormBox .svt_voting__question,
  .svtTittarservice-Followpost .svtH3, .svtTittarservice-Followpost .svtTablaWeek-Title, .svtTittarservice-Followpost .svt_voting__question {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 153.9%;
    color: #3c3c3c; }
  .svtTittarservice-report .svtForm,
  .svtTittarservice-report .svtFormSmall,
  .svtTittarservice-report .svtFormInverted,
  .svtTittarservice-FormBox .svtForm,
  .svtTittarservice-FormBox .svtFormSmall,
  .svtTittarservice-FormBox .svtFormInverted,
  .svtTittarservice-Followpost .svtForm, .svtTittarservice-Followpost .svtFormSmall, .svtTittarservice-Followpost .svtFormInverted {
    width: 93%;
    margin: 0 auto; }
    .svtTittarservice-report .svtForm .svtBasicTextArea,
    .svtTittarservice-report .svtFormSmall .svtBasicTextArea,
    .svtTittarservice-report .svtFormInverted .svtBasicTextArea,
    .svtTittarservice-FormBox .svtForm .svtBasicTextArea,
    .svtTittarservice-FormBox .svtFormSmall .svtBasicTextArea,
    .svtTittarservice-FormBox .svtFormInverted .svtBasicTextArea,
    .svtTittarservice-Followpost .svtForm .svtBasicTextArea, .svtTittarservice-Followpost .svtFormSmall .svtBasicTextArea, .svtTittarservice-Followpost .svtFormInverted .svtBasicTextArea {
      height: 180px; }
    .ieLte7 .svtTittarservice-report .svtForm .svtBasicInput,
    .ieLte7 .svtTittarservice-report .svtFormSmall .svtBasicInput,
    .ieLte7 .svtTittarservice-report .svtFormInverted .svtBasicInput,
    .ieLte7 .svtTittarservice-FormBox .svtForm .svtBasicInput,
    .ieLte7 .svtTittarservice-FormBox .svtFormSmall .svtBasicInput,
    .ieLte7 .svtTittarservice-FormBox .svtFormInverted .svtBasicInput,
    .ieLte7 .svtTittarservice-Followpost .svtForm .svtBasicInput, .ieLte7 .svtTittarservice-Followpost .svtFormSmall .svtBasicInput, .ieLte7 .svtTittarservice-Followpost .svtFormInverted .svtBasicInput {
      width: 95%;
      zoom: 1; }
  .svtTittarservice-report.svtTittarService-FormRespons,
  .svtTittarservice-FormBox.svtTittarService-FormRespons,
  .svtTittarservice-Followpost.svtTittarService-FormRespons {
    padding: 10px 15px; }

.svtTittarservice-Followpost {
  display: none; }

.svtTittarservice-aside {
  background-color: #f9f9f9; }

.svtTittarservice-menu {
  background-color: #f9f9f9; }
  .svtTittarservice-menu .svtButton, .svtTittarservice-menu .svtButton-Flexible, .svtTittarservice-menu .dsq-submit, .svtTittarservice-menu .svt_voting__button, .svtTittarservice-menu .svt_share__button {
    font-size: 100%; }

.svtTittarservice-paragraph p {
  font-size: 116%;
  line-height: 1.4em;
  margin-bottom: 1.3em; }

.svtTittarservice-DialogWrapper {
  padding-left: 2.3183925811%;
  padding-right: 2.3183925811%; }

.svtTittarservice-Dialog-Old {
  display: block;
  font-size: 100%;
  margin-bottom: 15px;
  background-color: #d0974d; }

/* Comments
   ========================================================================== */
.svtTittarserviceCommments .svtH3, .svtTittarserviceCommments .svtTablaWeek-Title, .svtTittarserviceCommments .svt_voting__question {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 123.1%;
  color: #333;
  font-weight: bold; }

.svtTittarserviceCommments .svtCommentsArticle {
  border-bottom: 1px solid #E3E3E3; }

.svtTittarserviceCommments .svtCommentsArticle.last {
  border-bottom: none; }

.svtTittarserviceCommments .svtCommentsLocked {
  display: block;
  font-size: 100%;
  background-color: #000; }

.svtTittarserviceCommments .svtForumLocked {
  margin-top: 10px;
  background-color: #FFF2D1; }

/* Answer
   ========================================================================== */
.svtTittarservice-answer {
  background: #FAF8F0;
  margin: 0;
  /* Used for avtars */ }
  .svtTittarserviceCommments .svtTittarservice-answer {
    border-top: 4px solid #68a954; }
  .svtTittarservice-answer h6 {
    background: #68A954;
    font-size: 93%; }
  .svtTittarserviceSynpunkter + .svtTittarserviceCommments .svtTittarservice-answer {
    background-color: #eff4f6; }
  .svtTittarservice-answer .svtMediaBlockFig-XS {
    max-width: 50px;
    width: 50px; }

/* Tittarservice Icons
   ========================================================================== */
.svtIconTittarservice-Old, .svtIconTittarservice-Locked {
  background-image: url("img/themes/svtse/tittarservice/sprite-icons-tittarservice.png");
  background-repeat: no-repeat; }

.svtIconTittarservice-Old, .svtIconTittarservice-Locked {
  display: block;
  float: left;
  text-indent: -9999px; }

.svtIconTittarservice-Old {
  width: 16px;
  height: 13px;
  background-position: 0 -120px; }

.svtIconTittarservice-Locked {
  width: 16px;
  height: 12px;
  background-position: 0 -160px; }

.svtTittarservice-Report .svtIcon_Email-Light-small, .svtTittarservice-Report .svt_voting__share-group .svt_voting__share_icon.svt_voting__share_icon--mail, .svt_voting__share-group .svtTittarservice-Report .svt_voting__share_icon.svt_voting__share_icon--mail {
  width: 17px;
  background-position: 0 -2318px; }

/* Generic Page search
   ========================================================================== */
.svtPageSearch + * {
  margin-top: 20px; }

.svtSearchWrapper-Large.focus {
  box-shadow: 0 0 5px #51cbee;
  border: 1px solid #51cbee; }

/* Search hits
   ========================================================================== */
.svtTittarservice-SearchHeading {
  margin-bottom: 10px; }
  .svtTittarservice-SearchHeading.svtH3, .svtTittarservice-SearchHeading.svtTablaWeek-Title, .svtTittarservice-SearchHeading.svt_voting__question {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 153.9%;
    color: #3c3c3c;
    font-weight: normal; }

.svtTittarserviceArticleList-Search {
  margin-bottom: 25px; }
  .svtTittarserviceArticleList-Search .highlighted {
    background-color: #FFF2D1;
    padding: 1px 5px;
    font-weight: bold; }

/* FEATURE DETECTION */
.no-postmessage .svtJsTittarserviceReport,
.no-postmessage .svtJsTittarserviceFollow,
.no-postmessage .svtJsKundoNewDialogFeedback .svtHide-No-Js {
  display: none; }

.svt_post-question {
  text-align: center; }

.svt_post-question__header {
  padding-left: 18px; }

.svt_post-question__frame {
  padding: 18px;
  background-color: #cce8fa; }

.svt_post-question__button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #008ce5;
  color: white;
  text-decoration: none;
  padding: 0.75em 0 0.7em;
  cursor: pointer;
  font-size: 1.2em; }
  @media only screen and (min-width: 601px) {
    .svt_post-question__button {
      max-width: 50%; } }
  .svt_post-question__button:visited {
    color: white; }
  .svt_post-question__button:hover {
    text-decoration: none;
    color: white;
    background-color: #007ccc; }
  .svtse_keyboard-navigation .svt_post-question__button:focus {
    outline: none;
    background-color: #ffc300; }
  .svtse_keyboard-navigation .svt_post-question__button:active {
    background-color: #008ce5; }
  .svtse_keyboard-navigation .svt_post-question__button:hover {
    text-decoration: none;
    color: white;
    background-color: #007ccc; }

/* ==========================================================================
   Media Carousel
   ========================================================================== */
/* Media Carousel arrows
   ========================================================================== */
.A_svtMediaCarouselArrow, .svtMediaCarouselLeftArrow, .svtMediaCarouselRightArrow {
  position: absolute;
  top: 8px;
  z-index: 20;
  padding: 5px 0;
  width: 33px;
  height: 33px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: all 0.1s ease-in-out 0s;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.ieLte8 .A_svtMediaCarouselArrow, .ieLte8 .svtMediaCarouselLeftArrow, .ieLte8 .svtMediaCarouselRightArrow {
  display: none; }

.svtMediaCarouselArrowActive {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.ieLte8 .svtMediaCarouselArrowActive {
  display: block; }

.no-touch .svtMediaCarouselArrowActive:hover {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.svtMediaCarouselLeftArrow {
  -moz-transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  transform-origin: left 50%;
  left: 2px; }

.svtMediaCarouselRightArrow {
  -moz-transform-origin: right 50%;
  -webkit-transform-origin: right 50%;
  -ms-transform-origin: right 50%;
  transform-origin: right 50%;
  right: 2px; }

.svtMediaCarouselSelected img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }

.svtMediaCarousel {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .svtMediaCarousel .svtMediaCarouselArrow {
    width: 33px; }
  .svtMediaCarousel .svtMediaCarouselContent {
    width: 999em; }
  .svtMediaCarousel .svtMediaCarouselFigure {
    float: left;
    width: 90px;
    cursor: pointer;
    height: auto;
    padding: 5px 0 5px 10px; }
    .svtMediaCarousel .svtMediaCarouselFigure:first-child {
      margin-left: -10px; }
    .svtMediaCarousel .svtMediaCarouselFigure .svtFigcaption, .svtMediaCarousel .svtMediaCarouselFigure .svtFigcaption-aside {
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .svtMediaCarousel .svtMediaCarouselFigure img {
      display: block; }
  .svtMediaCarousel .svtMediaCarouselPortrait img {
    width: 42.3%;
    margin-left: auto;
    margin-right: auto; }

/* For News carousel
   ========================================================================== */
.newsCarousel {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .newsCarousel .svtFigure {
    float: left; }

.svtImageSliderIconMinimized {
  display: none; }

.svtImageSliderIconMinimized .svtIcon, .svtImageSliderIconMinimized .svt_voting__disclaimer, .svtImageSliderIconMinimized .svt_voting__share-group .svt_voting__share_icon, .svt_voting__share-group .svtImageSliderIconMinimized .svt_voting__share_icon {
  width: 15px; }

.A_NewsCarouselArrow, .newsCarouselArrow {
  background-image: url("img/sprite-background-objects.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 -900px;
  height: 46px;
  margin-top: -46px;
  opacity: 0.8;
  padding: 0;
  position: absolute;
  width: 46px;
  z-index: 20;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }

.ieLte8 .newsCarousel .A_svtMediaCarouselArrow, .ieLte8 .newsCarousel .svtMediaCarouselLeftArrow, .ieLte8 .newsCarousel .svtMediaCarouselRightArrow {
  display: block; }

.newsCarouselArrow {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  top: 55%; }

.newsCarousel .svtMediaCarouselRightArrow {
  background-position: 0 -1000px;
  left: auto;
  right: 0; }

.svtMediaCarouselMinimized figcaption {
  position: absolute !important;
  left: -99999px !important; }

.svtMediaCarouselMinimized .newsCarouselArrow {
  position: absolute;
  left: -99999px !important; }

.svtMediaCarouselMinimized .svtImageSliderIconMinimized {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  bottom: 5px;
  display: block;
  left: 5px;
  padding: 3px 5px 4px 4px;
  position: absolute;
  z-index: 1; }

/* ==========================================================================
   Media Gallery
   ========================================================================== */
.js .svtPrintSingle .svtPrintSingle-This .svtMediaGalleryFigureContent {
  padding-bottom: 0; }

.js .svtPrintSingle .svtPrintSingle-This .svtMediaGalleryFigure {
  position: relative; }

.js .svtPrintSingle .svtPrintSingle-This .svtMediaGalleryTransparent {
  display: block; }

.js .svtJsMediaGalleryClickArea {
  cursor: pointer; }

.js .svtMediaGallerySlideshow .svtMediaGalleryCarousel {
  display: block; }

.js .svtMediaGallerySlideshow .svtMediaGalleryFigure {
  margin-bottom: 0; }

.js .svtMediaGallerySlideshow .svtMediaGalleryFigure:last-child {
  cursor: inherit; }

.js .svtMediaGallerySlideshow .svtMediaGalleryTransparent {
  display: none; }

.js .svtMediaGalleryTeaser .svtFigcaption, .js .svtMediaGalleryTeaser .svtFigcaption-aside {
  display: none; }

.js .svtMediaGalleryTeaser .svtMediaGallerySummary {
  display: block; }

.svtMediaGallerySummary {
  display: none; }
  .svtMediaGallerySummary .svtIcon_Camera_White {
    margin-top: 1px; }

.svtMediaGalleryFigure {
  margin-bottom: 20px;
  background: #000; }
  .svtMediaGalleryFigure img {
    display: block; }
  .svtMediaGalleryFigure .svtFigcaption, .svtMediaGalleryFigure .svtFigcaption-aside {
    font-size: 100%; }
  .svtMediaGalleryFigure .svtFigcaptionMeta {
    font-size: 93%; }
  .svtMediaGalleryFigure .svtMediaGalleryPhotographer {
    padding-top: 5px; }
  .svtMediaGalleryFigure .svtFigcaptionText {
    font-size: 108%;
    line-height: inherit;
    clear: both; }
  .svtMediaGalleryFigure .svtFigcaptionMeta + .svtFigcaptionText {
    padding-top: 7px; }

.svtMediaGalleryFullSize .svtFigcaptionMeta {
  float: left;
  max-width: 32%; }

.svtMediaGalleryFullSize .svtFigcaptionMeta + .svtFigcaptionText {
  clear: none;
  float: right;
  padding-top: 0;
  max-width: 65%; }

.svtMediaGalleryPortrait {
  width: 57.3%; }
  .svtMediaGalleryPortrait.svtMediaCarouselFigure img {
    width: 42.3%;
    margin-left: auto;
    margin-right: auto; }
  .svtMediaGalleryPortrait .svtFigcaptionTextContainer {
    padding-left: 42%; }

.svtVideoGallery .svtMediaCarousel .svtMediaCarouselFigure {
  width: 153px; }

.svtVideoGallery .svtMediaCarouselArrow {
  top: 26px; }

.svt-link-list {
  margin-bottom: 20px; }

.svt-link-list__inner {
  padding: 10px 15px 4px;
  background-color: #f2f2f2;
  border: solid #e6e6e6 1px; }

.svt-link-list__heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 6px;
  text-transform: uppercase; }

.ieLte8 .svt-link-list__heading {
  font-size: 13px; }

.svt-link-list__list {
  margin-left: 15px;
  width: 80%; }

.svt-link-list__list .svtIcon_List-Internal {
  background: none;
  overflow: visible;
  margin-left: 2px;
  padding-left: 3px; }

.svt-link-list__list-item {
  margin-bottom: 8px;
  margin-left: -15px; }

.svt-link-list__list-item-link {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px; }

.nss_sharebox {
  padding-right: 1px; }

.nss_sharebox__buttongroup {
  position: relative;
  margin-left: -2%;
  width: 102%; }

.nss_sharebox__button {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: bold;
  line-height: 12px;
  white-space: nowrap;
  color: #000;
  text-align: center;
  padding: 9px 0;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-color: #f2f2f2;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #e5e5e5;
  margin-bottom: 8px;
  margin-left: 2%;
  width: 48%;
  float: left; }
  .nss_sharebox__button:visited {
    color: #000; }
  .nss_sharebox__button:hover {
    color: #000;
    text-decoration: none; }
  .nss_sharebox__button:active {
    color: #000; }

.nss_sharebox__button-icon, .svt_voting__share-group .svt_voting__share_icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: none;
  vertical-align: bottom;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px; }

.nss_sharebox__button--comment {
  display: none; }

.nss_sharebox__shares {
  font-weight: normal;
  margin-left: 0.4em; }

.svtFactbox {
  margin-bottom: 20px; }

/*
.svtFactbox {
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: solid #e6e6e6 2px;
  border-bottom: solid #e6e6e6 2px;
}

.svtFactbox__label {
  @extend %A_svtText-Sans-Serif;
  font-size: 15px;
  margin-bottom: 12px;
}
*/
.svtFactbox__content {
  padding-top: 12px;
  padding-right: 11px;
  padding-left: 11px;
  background-color: #f2f2f2;
  border: solid #e6e6e6 1px; }

.svtFactbox__title {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 18px;
  margin-bottom: 6px; }

.ieLte8 .svtFactbox__title {
  font-size: 13px; }

.svtFactbox__body {
  font-size: 13px;
  line-height: 18px; }
  .svtFactbox__body h4 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: uppercase; }
  .svtFactbox__body ul {
    margin-bottom: 12px;
    margin-left: 15px; }
  .svtFactbox__body ol {
    margin-bottom: 12px;
    margin-left: 19px; }
  .svtFactbox__body li {
    padding-left: 1px; }
  .svtFactbox__body p {
    margin-bottom: 12px; }

.svt_submenu {
  margin-bottom: 10px; }

.svt_submenu__inner {
  border-bottom: 2px solid #e6e6e6; }

.svt_submenu__list--vertical .svt_submenu__list-item {
  display: block; }

.svt_submenu__list--horizontal {
  margin-bottom: 7px;
  -moz-column-count: 2;
  /* FF dosn't support % as value, default is 1em */
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 4px;
  column-count: 2;
  column-gap: 4px; }
  .svt_submenu__list--horizontal .svt_submenu__list-item {
    display: inline-block;
    margin-bottom: 4px;
    width: 100%; }
  @media only screen and (min-width: 601px) {
    .svt_submenu__list--horizontal {
      -moz-column-count: 1;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 1;
      -webkit-column-gap: 0px;
      column-count: 1;
      column-gap: 0px; }
      .svt_submenu__list--horizontal .svt_submenu__list-item {
        margin-right: 4px;
        width: auto; } }

.svt_submenu__list--nyheter .svt_submenu__link--active, .svt_submenu__list--nyheter .svt_submenu__link--active:visited, .svt_submenu__list--nyheter .svt_submenu__link--active:hover {
  background: #cc0022;
  border-color: #cc0022;
  color: white; }

.svt_submenu__list--sport .svt_submenu__link--active, .svt_submenu__list--sport .svt_submenu__link--active:visited, .svt_submenu__list--sport .svt_submenu__link--active:hover {
  background: #008de9;
  border-color: #008de9;
  color: white; }

.svt_submenu__list--kultur .svt_submenu__link--active, .svt_submenu__list--kultur .svt_submenu__link--active:visited, .svt_submenu__list--kultur .svt_submenu__link--active:hover {
  background: #770f99;
  border-color: #770f99;
  color: white; }

.svt_submenu__label {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 7px;
  text-transform: uppercase; }

.svt_submenu__link {
  display: block;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
  color: black;
  background: #f2f2f2;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }

.svt_submenu__link, .svt_submenu__link:visited, .svt_submenu__link:hover {
  color: black; }

.svt_submenu__link--active, .svt_submenu__link--active:visited, .svt_submenu__link--active:hover {
  background: #666;
  border-color: #333;
  color: white; }

/* ==========================================================================
   News App Stylings
   ========================================================================== */
.newsapp .svtseGlobalHeader,
.newsapp .svtGlobalFooterInfo,
.newsapp .svtShareBox__button.svtShareBox__button--print,
.newsapp .svtShareBox__button.svtShareBox__button--email {
  display: none; }

#smartbanner {
  position: relative;
  left: 0;
  top: 0;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  height: 78px;
  font-family: 'Helvetica Neue',sans-serif;
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
  background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
  background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none; }
  #smartbanner .sb-container {
    margin: 0 auto; }
  #smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold',Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased; }
    #smartbanner .sb-close:active {
      font-size: 13px;
      color: #aaa; }
  #smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    #smartbanner .sb-icon.gloss:after {
      content: '';
      position: absolute;
      left: 0;
      top: -1px;
      border-top: 1px solid rgba(255, 255, 255, 0.8);
      width: 100%;
      height: 50%;
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
      border-radius: 10px 10px 12px 12px; }
  #smartbanner.no-icon .sb-icon {
    display: none; }
  #smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
    #smartbanner .sb-info strong {
      display: block;
      font-size: 13px;
      color: #4d4d4d;
      line-height: 18px; }
    #smartbanner .sb-info > span {
      display: block; }
    #smartbanner .sb-info em {
      font-style: normal;
      text-transform: uppercase; }
  #smartbanner.no-icon .sb-info {
    left: 34px; }
  #smartbanner .sb-button {
    position: absolute;
    right: 2%;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; }
    #smartbanner .sb-button:active, #smartbanner .sb-button:hover {
      background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); }
  #smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url("/ece-news/statiskt/skins/svt/css/img/smartbanner_bg_stripes.gif");
    border-top: 5px solid #88B131;
    box-shadow: none; }
    #smartbanner.android .sb-close {
      border: 0;
      width: 17px;
      height: 17px;
      line-height: 17px;
      color: #b1b1b3;
      background: #1c1e21;
      text-shadow: 0 1px 1px #000;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); }
    #smartbanner.android .sb-close:active {
      color: #eee; }
    #smartbanner.android .sb-info {
      color: #ccc;
      text-shadow: 0 1px 2px #000; }
    #smartbanner.android .sb-info strong {
      color: #fff; }
    #smartbanner.android .sb-button {
      min-width: 12%;
      border: 1px solid #DDDCDC;
      padding: 1px;
      color: #d1d1d1;
      background: none;
      border-radius: 0;
      box-shadow: none; }
    #smartbanner.android .sb-button span {
      text-align: center;
      display: block;
      padding: 0 10px;
      background-color: #42B6C9;
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
      background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
      text-transform: none;
      text-shadow: none;
      box-shadow: none; }
    #smartbanner.android .sb-button:active,
    #smartbanner.android .sb-button:hover {
      background: none; }
    #smartbanner.android .sb-button:active span,
    #smartbanner.android .sb-button:hover span {
      background: #2AC7E1; }
  #smartbanner.windows .sb-icon {
    border-radius: 0px; }

/* ==========================================================================
   Navigation buttons
   ========================================================================== */
.svtCarousel__navPrevious {
  display: none;
  float: left; }
  .svtCarousel__navPrevious .svtNewsIcon__Circle22--left {
    float: left;
    display: block;
    background-image: url("/ece-news/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png");
    width: 22px;
    height: 22px;
    background-position: -248px -197px; }

.svtCarousel__navPrevious--active {
  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85; }

.svtCarousel__navPrevious--inactive {
  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
  opacity: 0.085; }

.svtCarousel__navNext {
  margin-left: 5px;
  display: none;
  float: left; }
  .svtCarousel__navNext .svtNewsIcon__Circle22--right {
    float: left;
    display: block;
    background-image: url("/ece-news/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png");
    width: 22px;
    height: 22px;
    background-position: -286px -197px; }

.svtCarousel__navNext--active {
  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85; }

.svtCarousel__navNext--inactive {
  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
  opacity: 0.085; }

/* ==========================================================================
   Carousel area
   ========================================================================== */
.svtCarousel__container {
  clear: both;
  margin: 0 -12px;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -ms-touch-action: none; }

.svtCarousel__content {
  position: relative;
  white-space: nowrap;
  *white-space: pre; }

/* ==========================================================================
   Carousel items
   ========================================================================== */
.svtCarousel__item {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px; }
  .svtCarousel__item img {
    display: block;
    width: 100%; }

.svtCarousel__item:first-child {
  margin-left: 12px; }

.svtCarousel__item:last-child {
  margin-right: 12px; }

.svtCarousel__figure {
  position: relative; }

.svtCarousel__author-container {
  position: relative;
  width: 100%; }

.svtCarousel__author-figure {
  position: absolute;
  width: 71px;
  height: 71px;
  right: 1px;
  top: 0;
  z-index: 0;
  margin-bottom: 6px; }
  .svtCarousel__author-figure:first-child {
    position: relative;
    z-index: 100; }
  .svtCarousel__author-figure img {
    margin-bottom: 0; }

.svtCarousel__author-image {
  border-radius: 50%;
  border: 1px solid rgba(153, 153, 153, 0.3);
  box-sizing: border-box; }

/* ==========================================================================
   Page control dots
   ========================================================================== */
.svtCarousel__pageControl {
  clear: both;
  text-align: center; }

.svtCarousel__pageControlContent {
  margin: 0 auto;
  overflow: hidden;
  _overflow: visible;
  display: inline-block;
  zoom: 1; }

.svtCarousel__pageControlDot--active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  height: 7px; }

.svtCarousel__pageControlDot--inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=21);
  opacity: 0.2125;
  height: 7px; }

/* ==========================================================================
   Media carousel with image and video support, captions, content summary,
   and page indicator.
   ========================================================================== */
.svtCarousel--mediaSwipe .svtCarousel__nav {
  margin-left: 10px;
  margin-top: -2px;
  float: right; }

.svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious {
  display: none;
  position: absolute;
  margin: auto 0;
  bottom: 0;
  top: 0;
  left: 5px;
  z-index: 100; }

.svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navPrevious--active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: inline; }

.svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext {
  display: none;
  position: absolute;
  margin: auto 0;
  bottom: 0;
  top: 0;
  right: 5px;
  z-index: 100; }

.svtCarousel--mediaSwipe .svtCarousel__nav--overlay .svtCarousel__navNext--active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: inline; }

.svtCarousel--mediaSwipe .svtCarousel__contentSummary {
  color: #808080;
  float: right;
  font-size: 12px;
  line-height: 16px;
  margin-top: -24px;
  margin-bottom: 8px; }

.svtCarousel--mediaSwipe .svtCarousel--containerOuter {
  position: relative; }

.svtCarousel--mediaSwipe .svtCarousel__item {
  width: 89%; }
  .svtCarousel--mediaSwipe .svtCarousel__item .svtplayer {
    cursor: pointer; }

.svtCarousel--mediaSwipe .svtCarousel__bottomArea {
  margin: 8px 0 12px 0; }

.svtCarousel--mediaSwipe .svtCarousel__captionText {
  clear: both;
  margin: 8px 0 12px 0; }

.svtCarousel--mediaSwipe .svtCarousel__captionPhoto {
  color: #808080;
  white-space: nowrap; }

.svtCarousel--mediaSwipe .svtCarousel__pageIndicator {
  color: #808080;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 1px 12px;
  line-height: 16px; }

.svtCarousel--mediaSwipe .svtCarousel__pageIndicatorNumber {
  color: #000; }

.touch .svtCarousel__nav--overlay {
  display: none; }

/* ==========================================================================
   Swipe with nearly ~90% wide content items
   and shows beginning of upcoming items
   ========================================================================== */
.svtCarousel--largeContent .svtCarousel__item {
  width: 89%; }

/* ==========================================================================
   Swipe content with 100% width and without margins
   ========================================================================== */
.svtCarousel--fullSizeContent .svtCarousel__item {
  width: 100%; }

.svtCarousel--fullSizeContent .svtCarousel__item:first-child {
  margin-left: 0; }

/* ==========================================================================
   Teaser set carousel - a set of article teasers presented as a carousel
   ========================================================================== */
.svtCarousel--teaserSet .svtCarousel__nav {
  position: absolute;
  top: 0px;
  right: 0px; }

.svtCarousel--teaserSet .svtCarousel__container img {
  margin-bottom: 6px; }

.svtCarousel--teaserSet .svtCarousel__container .svtCarousel__author-figure img {
  margin-bottom: 0; }

.svtCarousel--teaserSet .svtCarousel__item {
  width: 127px;
  padding-left: 8px;
  border-left: 1px solid #EEE;
  padding-bottom: 100%;
  margin-bottom: -100%; }

.svtCarousel--teaserSet .svtCarousel__item:first-child {
  padding-left: 0;
  border-left: none; }

.svtCarousel--teaserSet .svtCarousel__item > a {
  display: block;
  text-decoration: none !important; }

.svtCarousel--teaserSet .svtCarousel__item a:link {
  -webkit-tap-highlight-color: transparent; }

.svtCarousel--teaserSet .ieLte8 .svtCarousel__itemHeading,
.svtCarousel--teaserSet .svtCarousel__itemHeading {
  display: block;
  letter-spacing: normal;
  line-height: 18px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  clear: both; }

.svtCarousel--teaserSet .svtCarousel__item > a:hover .svtCarousel__itemHeading {
  text-decoration: underline !important; }

.svtCarousel--teaserSet .svtCarousel__itemText {
  color: #000;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 16px;
  margin: 3px 0;
  text-decoration: none !important; }

.svtCarousel--teaserSet .svtCarousel__itemTimestamp {
  color: #808080;
  font-size: 93%;
  letter-spacing: normal;
  line-height: 16px;
  margin: 3px 0;
  text-decoration: none !important; }

/* ==========================================================================
   Story swipe - teasers to related content
   ========================================================================== */
.svtCarousel--storySwipe {
  position: relative;
  border-top: 1px solid #e6e6e6;
  padding-top: 12px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: -1px; }
  .svtCarousel--storySwipe .svtCarousel__container {
    margin-bottom: 8px; }
  .svtCarousel--storySwipe .svtCarousel__storyLink {
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: right;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-top: -7px; }
  .svtCarousel--storySwipe .svtCarousel__storyLinkIcon {
    display: inline-block; }
  .svtCarousel--storySwipe .svtCarousel__item--opinion .svtCarousel__itemSlug {
    color: #DD7600; }

/* ==========================================================================
   Feature swipe - rendered at the bottom of news feed pages
   ========================================================================== */
.svtCarousel--featureSwipe, .svtCarousel--wideviewSwipe {
  padding-top: 12px; }
  .svtCarousel--featureSwipe .svtCarousel__container, .svtCarousel--wideviewSwipe .svtCarousel__container {
    position: relative;
    margin-bottom: 12px; }
  .svtCarousel--featureSwipe .svtCarousel__nav, .svtCarousel--wideviewSwipe .svtCarousel__nav {
    margin-top: 16px;
    margin-right: 18px; }
  .svtCarousel--featureSwipe .svtCarousel__item, .svtCarousel--wideviewSwipe .svtCarousel__item {
    border: none;
    padding-left: 0px;
    width: 40%;
    margin-right: 2%; }
  .svtCarousel--featureSwipe .svtCarousel__item > a, .svtCarousel--wideviewSwipe .svtCarousel__item > a {
    position: relative;
    background: #f2f2f2;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    color: #000;
    min-height: 175px;
    padding: 7.5% 6% 4% 6%; }
  .svtCarousel--featureSwipe .svtCarousel__author-figure, .svtCarousel--wideviewSwipe .svtCarousel__author-figure {
    width: 56.375%;
    height: auto;
    position: relative;
    display: inline-block;
    margin-right: -11.5%; }
  .svtCarousel--featureSwipe .svtCarousel__itemVignette, .svtCarousel--wideviewSwipe .svtCarousel__itemVignette {
    color: #808080;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
    margin-bottom: 1px; }
  .svtCarousel--featureSwipe .svtCarousel__itemHeading, .svtCarousel--wideviewSwipe .svtCarousel__itemHeading {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px; }
  .svtCarousel--featureSwipe .svtCarousel__itemSlug, .svtCarousel--wideviewSwipe .svtCarousel__itemSlug {
    color: #cc0022; }
  .svtCarousel--featureSwipe .svtCarousel__item--opinion .svtCarousel__itemSlug, .svtCarousel--wideviewSwipe .svtCarousel__item--opinion .svtCarousel__itemSlug {
    color: #DD7600; }

.svtCarousel--wideviewSwipe {
  position: relative; }
  .svtCarousel--wideviewSwipe .svtCarousel__nav {
    position: absolute;
    top: auto;
    bottom: -5px;
    margin-right: 0; }

/* ==========================================================================
   Carousel placed inside modal - Navigation arrows with fixed positioning,
   other margins, updated navigation
   ========================================================================== */
.svtCarousel--insideModal .svtCarousel__container {
  margin: 0; }

.svtCarousel--insideModal .svtCarousel__item:last-child {
  margin-right: 0; }

.svtCarousel--insideModal .svtCarousel__nav--overlay .svtCarousel__navNext {
  position: fixed;
  right: 2%;
  top: 50%;
  margin-top: -22px; }

.svtCarousel--insideModal .svtCarousel__nav--overlay .svtCarousel__navPrevious {
  position: fixed;
  left: 2%;
  top: 50%;
  margin-top: -22px; }

.svtCarousel--insideModal .svtCarousel__bottomArea {
  margin-bottom: 0;
  position: relative;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out; }

.svtCarousel--insideModal .svtCarousel__pageIndicator {
  position: absolute;
  right: 12px; }

.svtCarousel--insideModal .svtCarousel__caption {
  margin-left: 12px;
  margin-right: 75px; }

/* ==========================================================================
   Carousel inside modal in landscape mode - fixed positioned bottom area
   with transparent background
   ========================================================================== */
.svtCarousel--modalLandscapeMode .svtCarousel__bottomArea {
  background: white;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  min-height: 16px;
  max-width: 992px;
  padding: 10px 0; }

.svtCarousel--modalLandscapeMode .svtCarousel__bottomArea--hidden {
  opacity: 0; }

.svtCarousel--modalLandscapeMode .svtCarousel__pageIndicator {
  bottom: 10px; }

.svtCarousel--videoContent .svtCarousel__nav--overlay {
  display: block; }

.svtCarousel--videoContent .svtCarousel__item {
  width: 82%; }

.svt_modal-window__wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background: white;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }

.svt_modal-window__content {
  position: absolute;
  max-width: 992px;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto; }

.svt_modal-window__close-button {
  position: fixed;
  right: 3%;
  top: 5%;
  color: black;
  cursor: pointer;
  background: white;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  padding: 3px 8px 4px 8px;
  border-radius: 3px; }
  .svt_modal-window__close-button:hover {
    color: black;
    text-decoration: none; }
  .svt_modal-window__close-button .svt_modal-window__close-cross {
    font-size: 16px;
    top: 1px;
    position: relative; }

/*
 * First test version of typography for NSS. Going to be moved after testing has ended.
 * Todo: Move this to a separate file.
 */
/** Radius **/
/** Boxshadow **/
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix

	Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
	USED BY: .svtClearfix , .svtContainerBase
*/
.nss_wideview {
  margin-bottom: 12px; }
  .nss_wideview img {
    display: block; }
  .nss_wideview h1, .nss_wideview h2, .nss_wideview h3, .nss_wideview h4, .nss_wideview h5, .nss_wideview h6 {
    letter-spacing: normal; }
  @media only screen and (min-width: 601px) {
    .nss_wideview {
      margin-bottom: 16px; } }
  .nss_wideview a:focus {
    text-decoration: underline; }
  .nss_wideview .svtCarousel a:focus {
    outline: solid 2px #008de9; }

.nss_wideview__title {
  background-color: #f0f0f0;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 100%);
  border: solid 1px #ebebeb;
  border-bottom: solid 2px #dfdfdf;
  border-radius: 3px 3px 0 0;
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 19px;
  line-height: 21px;
  font-weight: bold;
  padding: 8px;
  padding-bottom: 6px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: -8px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__title {
      font-size: 21px;
      line-height: 23px; } }
  @media only screen and (min-width: 801px) {
    .nss_wideview__title {
      font-size: 24px;
      line-height: 26px; } }

.nss_wideview__title--heavy {
  background-color: #1a1a1a;
  background-image: linear-gradient(to bottom, #000 0%, #303030 100%);
  border: none;
  border-bottom: solid 2px #303030;
  color: #fff;
  margin-bottom: -8px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__title--heavy {
      margin-bottom: -12px; } }

.nss_wideview__title-link, .nss_wideview__title-link:hover, .nss_wideview__title-link:active, .nss_wideview__title-link:visited {
  color: inherit; }

.nss_wideview__screamer {
  background-color: #1a1a1a;
  background-image: linear-gradient(to bottom, #000 0%, #303030 100%);
  border-radius: 3px;
  position: relative;
  display: table;
  width: 100%;
  overflow: hidden;
  margin-top: 16px; }

.nss_wideview__screamer-prefix {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  padding: 0px 12px;
  background-color: #bf0020;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 70%);
  background-size: 200px 100%;
  background-position: -200px 0;
  background-repeat: no-repeat;
  border-radius: 3px 0 0 3px;
  -webkit-animation-delay: 3s;
  -webkit-animation-duration: 10s;
  -webkit-animation-name: nss_wideview__screamer-prefix-animation;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 3s;
  -moz-animation-duration: 10s;
  -moz-animation-name: nss_wideview__screamer-prefix-animation;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  animation-delay: 3s;
  animation-duration: 10s;
  animation-name: nss_wideview__screamer-prefix-animation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }
  @media only screen and (min-width: 601px) {
    .nss_wideview__screamer-prefix {
      padding: 0px 16px; } }

@-webkit-keyframes nss_wideview__screamer-prefix-animation {
  0% {
    background-position: -200px 0;
    text-shadow: none; }
  5% {
    text-shadow: white 0px 0px 10px; }
  10% {
    background-position: 200px 0;
    text-shadow: none; }
  100% {
    background-position: 200px 0; } }

@-moz-keyframes nss_wideview__screamer-prefix-animation {
  0% {
    background-position: -200px 0;
    text-shadow: none; }
  5% {
    text-shadow: white 0px 0px 10px; }
  10% {
    background-position: 200px 0;
    text-shadow: none; }
  100% {
    background-position: 200px 0; } }

@keyframes nss_wideview__screamer-prefix-animation {
  0% {
    background-position: -200px 0;
    text-shadow: none; }
  5% {
    text-shadow: white 0px 0px 10px; }
  10% {
    background-position: 200px 0;
    text-shadow: none; }
  100% {
    background-position: 200px 0; } }

.nss_wideview__screamer-prefix-icon {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-top: 4px;
  background-image: url("/ece-news/statiskt/skins/svt/css/img/nyheter/arrow_white_18x16.png");
  /*
	@include animation (nss_wideview__screamer-prefix-icon-animation, 5s, ease-in-out, 5s ,infinite);
	*/ }
  @media only screen and (min-width: 601px) {
    .nss_wideview__screamer-prefix-icon {
      display: none;
      margin-top: 5px; } }

/*
@include keyframe(nss_wideview__screamer-prefix-icon-animation) {
	0%{
		background-position: 100% 0%;
	}

	20% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 0% 0%;
	}
}
*/
.nss_wideview__screamer-prefix-text {
  display: none;
  white-space: nowrap;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  font-size: 15px;
  line-height: 22px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__screamer-prefix-text {
      display: inline; } }

.nss_wideview__screamer-header {
  color: #FFF;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  font-size: 100%;
  padding: 8px 16px; }

.nss_wideview__screamer-link {
  display: block; }
  .nss_wideview__screamer-link, .nss_wideview__screamer-link:hover, .nss_wideview__screamer-link:active, .nss_wideview__screamer-link:visited {
    color: inherit; }

.nss_wideview__screamer-title {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 21px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__screamer-title {
      font-size: 21px;
      line-height: 23px; } }
  @media only screen and (min-width: 801px) {
    .nss_wideview__screamer-title {
      font-size: 24px;
      line-height: 26px; } }

.nss_wideview__screamer-readmore {
  position: relative;
  width: 1%;
  vertical-align: middle;
  padding: 0px 16px;
  color: #ffe01a;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  display: none; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__screamer-readmore {
      display: table-cell; } }

.nss_wideview__screamer-readmore-text {
  display: none;
  margin-right: 4px; }
  @media only screen and (min-width: 801px) {
    .nss_wideview__screamer-readmore-text {
      display: inline; } }

.nss_wideview__screamer-readmore-icon {
  display: inline-block; }

.nss_wideview__bottom-divider {
  border-bottom: solid 3px #dfdfdf;
  margin-top: 24px;
  margom-bottom: 24px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview__bottom-divider {
      margin-top: 32px;
      margin-bottom: 32px; } }

.nss_wideview--startpage .nss_wideview__screamer {
  margin-top: 10px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview--startpage .nss_wideview__screamer {
      margin-top: -42px;
      border-radius: 3px 3px 0 0;
      border: solid 1px #E3E3E3;
      border-bottom: none;
      box-sizing: border-box; }
      .nss_wideview--startpage .nss_wideview__screamer .nss_wideview__screamer-prefix {
        border-radius: 3px 0 0 0; }
      .nss_wideview--startpage .nss_wideview__screamer .nss_wideview__screamer-header {
        padding: 8px 16px 7px; } }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_wideview--startpage .nss_wideview__screamer {
      margin-top: -39px; } }

.nss_wideview--startpage .nss_wideview__screamer + .nss_wideview__title {
  margin-top: 10px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview--startpage .nss_wideview__screamer + .nss_wideview__title {
      margin-top: 16px; } }

.nss_wideview--startpage .nss_wideview__title {
  margin-top: 10px; }
  @media only screen and (min-width: 601px) {
    .nss_wideview--startpage .nss_wideview__title {
      border-top: solid 1px #E3E3E3;
      border-right: solid 1px #E3E3E3;
      border-left: solid 1px #E3E3E3;
      font-size: 21px;
      line-height: 23px;
      margin-top: -41px;
      margin-bottom: -1px;
      padding: 7px 8px; } }
  @media only screen and (min-width: 801px) {
    .nss_wideview--startpage .nss_wideview__title {
      font-size: 22px;
      line-height: 24px; } }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_wideview--startpage .nss_wideview__title {
      margin-top: -40px; } }

@media only screen and (min-width: 601px) {
  .nss_wideview--startpage .nss_wideview__title--heavy {
    border-bottom: none;
    padding-top: 8px;
    padding-bottom: 8px; } }

/* ==========================================================================
   Figure - extend class
   ========================================================================== */
/* Base */
.nss_teaser-wideview--large.nss_teaser-wideview--large--top .nss_teaser__figure img, .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__figure img, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__figure img, .nss_teaser-wideview--mini .nss_teaser__figure img, .nss_teaser-wideview--analysis .nss_teaser__figure img {
  display: block; }

/* Modifiers */
.nss_teaser-wideview--large.nss_teaser-wideview--large--top .nss_teaser__figure, .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__figure, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__figure {
  margin-bottom: 4px; }

.nss_teaser-wideview--mini .nss_teaser__figure, .nss_teaser-wideview--analysis .nss_teaser__figure {
  float: left;
  margin-right: 12px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--mini .nss_teaser__figure, .nss_teaser-wideview--analysis .nss_teaser__figure {
      margin-right: 16px; } }

.nss_teaser-wideview--mini .nss_teaser__figure, .nss_teaser-wideview--analysis .nss_teaser__figure {
  width: 61px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--mini .nss_teaser__figure, .nss_teaser-wideview--analysis .nss_teaser__figure {
      width: 106px; } }

/* ==========================================================================
   Heading - extend class
   ========================================================================== */
/* Base */
.nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading, .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }
  .nss_teaser-wideview--mini .nss_teaser__heading a, .nss_teaser-wideview--analysis .nss_teaser__heading a, .nss_teaser-wideview--large .nss_teaser__heading a, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading a, .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__heading a, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__heading a, .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading a {
    color: inherit; }

/* Modifiers */
.nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
  font-size: 17px;
  line-height: 19px;
  margin-bottom: 3px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--mini .nss_teaser__heading, .nss_teaser-wideview--analysis .nss_teaser__heading {
      margin-bottom: 4px; } }

.nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
  font-size: 27px;
  line-height: 29px;
  margin-bottom: 4px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 48px;
      line-height: 52px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 48px;
      line-height: 52px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 48px;
      line-height: 52px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 48px;
      line-height: 52px; } }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--large .nss_teaser__heading, .nss_body__main .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      margin-bottom: 4px; } }

.nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__heading {
  font-size: 27px;
  line-height: 29px;
  margin-bottom: 4px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__heading {
      font-size: 36px;
      line-height: 38px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__heading, .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__heading {
      font-size: 48px;
      line-height: 52px; } }

.nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
  font-size: 37px;
  line-height: 39px;
  margin-bottom: 4px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 57px;
      line-height: 60px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 76px;
      line-height: 79px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      font-size: 80px;
      line-height: 82px; } }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--large.nss_teaser-wideview--large--big-heading .nss_teaser__heading {
      margin-bottom: 4px; } }

/* ==========================================================================
   Opinion - extend class
   ========================================================================== */
/* Base */
/* Modifiers */
.nss_teaser-wideview--mini.nss_teaser-wideview--opinion .nss_teaser__figure {
  display: none; }

.nss_teaser-wideview--opinion .nss_teaser__textwrapper {
  position: relative; }

.nss_teaser-wideview--opinion .nss_teaser__writers {
  position: relative;
  float: right; }

.nss_teaser-wideview--opinion .nss_teaser__figure-writer {
  display: inline-block;
  margin-left: 1px;
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  border: 1px solid rgba(153, 153, 153, 0.3); }

.nss_teaser-wideview--opinion .nss_teaser__writers--one {
  margin-left: 5px; }

.nss_teaser-wideview--opinion .nss_teaser__writers--two {
  margin-left: 5px; }
  .nss_teaser-wideview--opinion .nss_teaser__writers--two .nss_teaser__figure-writer {
    width: 55px; }

.nss_teaser-wideview--opinion .nss_teaser__writers--three, .nss_teaser-wideview--opinion .nss_teaser__writers--four {
  position: absolute;
  float: none;
  bottom: 0;
  right: 0; }

.nss_teaser-wideview--opinion .nss_teaser__textwrapper--three-writers {
  padding-bottom: 60px; }

.nss_teaser-wideview--opinion .nss_teaser__writers--three .nss_teaser__figure-writer {
  width: 50px; }

.nss_teaser-wideview--opinion .nss_teaser__textwrapper--four-writers {
  padding-bottom: 55px; }

.nss_teaser-wideview--opinion .nss_teaser__writers--four .nss_teaser__figure-writer {
  width: 45px; }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--one {
    position: absolute;
    top: 0;
    right: 0; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--one .nss_teaser__figure-writer {
    width: 70px; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__textwrapper--one-writer .nss_teaser__heading:before {
    content: " ";
    width: 77px;
    height: 75px;
    float: right; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--two {
    position: absolute;
    top: 0;
    right: 0; } }

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--two .nss_teaser__figure-writer {
    width: 62px; } }

@media only screen and (min-width: 1025px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--two .nss_teaser__figure-writer {
    width: 70px; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__textwrapper--two-writers .nss_teaser__heading:before {
    content: " ";
    width: 138px;
    height: 67px;
    float: right; } }

@media only screen and (min-width: 1025px) {
  .nss_teaser-wideview--opinion .nss_teaser__textwrapper--two-writers .nss_teaser__heading:before {
    width: 154px;
    height: 75px; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--three, .nss_teaser-wideview--opinion .nss_teaser__writers--four {
    position: relative;
    float: right;
    margin-left: 5px; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__textwrapper--three-writers {
    padding-bottom: 0; } }

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--three .nss_teaser__figure-writer {
    width: 55px; } }

@media only screen and (min-width: 1025px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--three .nss_teaser__figure-writer {
    width: 60px; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--opinion .nss_teaser__textwrapper--four-writers {
    padding-bottom: 0; } }

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--four .nss_teaser__figure-writer {
    width: 47px; } }

@media only screen and (min-width: 1025px) {
  .nss_teaser-wideview--opinion .nss_teaser__writers--four .nss_teaser__figure-writer {
    width: 50px; } }

.nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__TextWrapper,
.nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__TextWrapper {
  position: relative;
  padding-bottom: 0;
  margin-right: 0; }

.nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__figure,
.nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__figure {
  margin-bottom: 27px; }

.nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__writers,
.nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__writers {
  position: absolute;
  top: -69px;
  right: 10px; }
  @media only screen and (min-width: 801px) {
    .nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__writers,
    .nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__writers {
      top: -77px; } }
  .nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__writers .nss_teaser__figure-writer,
  .nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__writers .nss_teaser__figure-writer {
    width: 60px; }
    @media only screen and (min-width: 801px) {
      .nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__writers .nss_teaser__figure-writer,
      .nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__writers .nss_teaser__figure-writer {
        width: 70px; } }

.nss_teaser--large.nss_teaser-wideview--opinion .nss_teaser__heading:before,
.nss_teaser--wideview-large.nss_teaser-wideview--opinion .nss_teaser__heading:before {
  display: none; }

.nss_teaser-wideview--opinion .nss_teaser__vignette-prefix {
  text-transform: uppercase;
  color: #DD7600;
  font-size: 93%;
  letter-spacing: 0.03em; }

.nss_teaser-wideview--opinion .nss_teaser__inner {
  border-left-color: #f5d8b5;
  border-left-width: 3px;
  border-left-style: solid;
  padding-left: 12px; }

/*
--------------------------------------
Vignette - extend class
---------------------------------------*/
/* Base */
.nss_teaser-wideview .nss_teaser__vignette {
  color: #0059b3;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview .nss_teaser__vignette {
      font-size: 15px;
      line-height: 20px; } }

@media only screen and (min-width: 601px) {
  .nss_teaser-wideview--large .nss_teaser__vignette {
    font-size: 18px;
    line-height: 24px; } }

/*
--------------------------------------
Textcontent - extend class
---------------------------------------*/
/* Base */
.nss_teaser-wideview .nss_teaser__textcontent p,
.nss_teaser-wideview .nss_teaser__textcontent ul,
.nss_teaser-wideview .nss_teaser__textcontent ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }

@media only screen and (min-width: 601px) {
  .nss_teaser-wideview .nss_teaser__textcontent p,
  .nss_teaser-wideview .nss_teaser__textcontent ul,
  .nss_teaser-wideview .nss_teaser__textcontent ol {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 14px;
    line-height: 20px; } }

@media only screen and (min-width: 601px) {
  .nss_teaser-wideview--large .nss_teaser__textcontent p,
  .nss_teaser-wideview--large .nss_teaser__textcontent ul,
  .nss_teaser-wideview--large .nss_teaser__textcontent ol {
    font-size: 17px;
    line-height: 24px; } }

/*
--------------------------------------
Timestamp - extend class
---------------------------------------*/
/* Base */
.nss_teaser-wideview .nss_teaser__timestamp {
  color: #808080;
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap; }

/* Wideview grid
--------------------------------------------------------*/
@media only screen and (min-width: 601px) {
  .nss_wideview_grid, .nss_wideview_grid--in-halves, .nss_wideview__section--two-columns {
    margin: 0 -10px;
    /* Can be set in em, % or px */
    padding: 0;
    /* Remove if you already reset paddings */
    clear: both;
    list-style: none;
    /* Works with ul & ol */
    letter-spacing: -0.31em;
    word-spacing: -0.43em; }
    .nss_wideview_grid > article, .nss_wideview_grid--in-halves > article, .nss_wideview__section--two-columns > article {
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: top;
      padding: 0 10px;
      /* Can be set in em, % or px (must match .ingrid negative margins) */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

@media only screen and (min-width: 601px) {
  .nss_wideview_grid--in-halves > article, .nss_wideview__section--two-columns > article {
    width: 50%; } }

@media only screen and (min-width: 601px) {
  .nss_body__main .nss_wideview__section--two-columns > article {
    width: 100%; } }

@media only screen and (min-width: 1025px) {
  .nss_body__main .nss_wideview__section--two-columns > article {
    width: 50%; } }

/*
--------------------------------------
Wideview teasers - This file is included
in svt.se base therefore we added suffix
wideview to isolate these teasers from
teasers in news sections.
---------------------------------------*/
/* Base */
.nss_teaser-wideview {
  margin-top: 12px;
  *zoom: 1; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview {
      margin-top: 16px; } }
  .nss_teaser-wideview:before,
  .nss_teaser-wideview:after {
    content: "";
    display: table;
    clear: both; }
  .nss_teaser-wideview .nss_teaser__prefix {
    color: #bf0020; }
  .nss_teaser-wideview .nss_teaser__figure {
    position: relative; }
  .nss_teaser-wideview .nss_teaser__quote_figure {
    width: 50px;
    float: right;
    margin-left: 16px; }
  .nss_teaser-wideview .nss_teaser__vignette-prefix {
    text-transform: uppercase;
    font-size: 93%;
    letter-spacing: 0.03em; }

/* Modifiers */
.nss_teaser-wideview--large .nss_teaser__textwrapper {
  overflow: hidden; }

.nss_teaser-wideview--large.nss_teaser-wideview--large--top .nss_teaser__figure img {
  width: 100%; }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--large.nss_teaser-wideview--large--right .nss_teaser__figure {
    width: 49%;
    float: right;
    margin-left: 16px;
    margin-bottom: 0; } }

@media only screen and (min-width: 801px) {
  .nss_teaser-wideview--large.nss_teaser-wideview--large--left .nss_teaser__figure {
    width: 49%;
    float: left;
    margin-right: 16px;
    margin-bottom: 0; } }

@media only screen and (min-width: 601px) {
  .nss_teaser-wideview--mini {
    margin-top: 20px; } }

.nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTime,
.nss_teaser-wideview--mini .nss_teaser__figure .svtplayerSprite-LiveActive {
  display: none; }

.nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTeaserContainer {
  padding: 0;
  width: auto; }
  .nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTeaserContainer .svtplayerSprite-Play {
    transform: scale(0.75); }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTeaserContainer {
      padding: 4px; }
      .nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTeaserContainer .svtplayerSprite-Play {
        transform: none; }
      .nss_teaser-wideview--mini .nss_teaser__figure .svtplayerTeaserContainer .svtplayerTime {
        display: inline; } }

@media only screen and (min-width: 601px) {
  .nss_teaser-wideview--analysis {
    margin-top: 20px; } }

.nss_teaser-wideview--analysis .nss_teaser__inner {
  background: #f2f2f2;
  border-bottom: solid 2px #dfdfdf;
  padding: 8px;
  *zoom: 1; }
  .nss_teaser-wideview--analysis .nss_teaser__inner:before,
  .nss_teaser-wideview--analysis .nss_teaser__inner:after {
    content: "";
    display: table;
    clear: both; }

.nss_teaser-wideview--analysis .nss_teaser__textwrapper {
  overflow: hidden; }

.nss_teaser-wideview--analysis .nss_teaser__heading {
  margin-top: 0px;
  margin-bottom: 4px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser-wideview--analysis .nss_teaser__heading {
      margin-top: 4px;
      margin-bottom: 4px; } }

.nss_teaser-wideview--analysis .nss_teaser__vignette-prefix {
  color: #bf0020; }

.nss_teaser-wideview--sport .nss_teaser__vignette:before {
  content: "SPORT · ";
  color: #008de9; }

.nss_wideview__title--sport {
  background-color: #008de9;
  background-image: none;
  border: none;
  color: #fff; }

/* ==========================================================================
   Print styles
   ========================================================================== */
/**
 * Inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 *
 * Hard to avoid !important
 * Is there some solution on this? Would be nice to get rid of them
 */
@media print {
  * {
    background: #FFF !important;
    color: #333 !important;
    text-shadow: none !important;
    overflow: visible !important; }
  .svtseLocalHeader,
  .svtContainerAside,
  .svtContainerAside-Alt,
  .svtGlobalFooter,
  .svtNoPrint,
  .svtIcon,
  .svt_voting__disclaimer,
  .svt_voting__share-group .svt_voting__share_icon,
  .svtButton,
  .svtButton-Flexible,
  .dsq-submit,
  .svt_voting__button,
  .svt_share__button,
  .svtVideoSettings,
  .svtGRCookieContainer {
    display: none !important; }
  .svtseGlobalHeader {
    background: transparent !important; }
  .svtseLogo {
    display: list-item !important;
    list-style-image: url("/ece-news/statiskt/skins/svt/css/img/firstpage/svtse_logo_inverted.png") !important;
    list-style-position: inside !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 35px !important;
    width: 50px !important;
    margin-left: 7.5% !important; }
    .svtseLogo > * {
      display: none; }
  .svtLocalFooterInfo {
    padding-bottom: 0 !important; }
  .svtseFooterLogo {
    display: list-item !important;
    list-style-image: url("/ece-news/statiskt/skins/svt/css/img/firstpage/svtse_logo_inverted.png") !important;
    list-style-position: inside !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 35px !important;
    width: 100% !important; }
    .svtseFooterLogo * {
      display: none !important;
      margin: auto;
      width: 100% !important; }
  .svtTextBread-Article_Padding p,
  .svtTextBread-Article_Padding ul,
  .svtTextBread-Article_Padding ol,
  .svtTextBread-Article_Padding h4,
  .svtTextBread-Article_Padding time,
  .svtTextBread-Article_Padding div,
  .svtTextBread-Article_PaddingRight p, .svtTextBread-Article_PaddingRight ul, .svtTextBread-Article_PaddingRight ol, .svtTextBread-Article_PaddingRight h4, .svtTextBread-Article_PaddingRight time, .svtTextBread-Article_PaddingRight div {
    padding-left: 0 !important; }
  .svtTextMeta-Article {
    font-style: italic;
    color: #AAA; }
  .svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
    width: 85% !important;
    max-width: 900px !important; }
  section.svtContainerMain,
  section.svtContainerMain-Alt,
  section.svtContainerMain-70 {
    border-top: 1px solid #333;
    padding-top: 40px;
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important; }
  .svtArticleAside {
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3; }
  /* TODO: Remove if Local footer removed in the project / johb */
  .svtLocalFooter footer {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3; }
  /* Dont show global footer in printouts */
  .svtGlobalFooter footer {
    display: none; }
  a,
  a:visited {
    color: #000 !important;
    text-decoration: underline !important;
    font-weight: bold; }
  /* Print out links */
  svtLink:after,
  svtJsLoadArticle:after,
  p a:after,
  footer a:after {
    font-size: 11px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    color: #AAA !important;
    content: " [ " attr(href) " ] "; }
  abbr:after {
    font-weight: normal !important;
    text-decoration: none !important;
    color: #666 !important;
    content: " (" attr(title) ")"; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  thead {
    display: table-header-group; }
  body.svtPrintSingle article,
  body.svtPrintSingle .svtContainerFull {
    display: none !important; }
  body.svtPrintSingle article.svtPrintSingle-This {
    display: block !important; }
    body.svtPrintSingle article.svtPrintSingle-This article {
      display: block !important; }
  .svtTablaTable-SvtChannels tr {
    opacity: 1 !important;
    display: table-row !important; }
  .svtIconChannel-grund, .svtIconChannel-medium {
    text-indent: 0; }
  .svtImageCropperWrapper * {
    margin: 0 !important;
    padding: 0 !important; }
  /* firstpage readable */
  .svtContainer-100-100-50right-50right .svtMediaBlock,
  .svtContainer-100-100-50left-50left .svtMediaBlock {
    clear: both;
    overflow: hidden !important; }
  .newsCarousel {
    overflow: hidden !important; } }

/* ==========================================================================
   IE fix
   ========================================================================== */
/* Fixes for IE */
.ieLte7 .svtseFooterNavigation {
  zoom: 1; }

/** SVT Player - colors **/
/** Black to white **/
/**
 * Font sizes the YUI font way (start 13px)
 *
 *  Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 *  Over 26 See: http://bit.ly/fontsizes-svt
*/
/** Default font family **/
/** Radius **/
/** Boxshadow **/
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix

	Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
	USED BY: .svtClearfix , .svtContainerBase
*/
.svtplayerSprite-Live, .svtplayerSprite-LiveActive, .svtplayerSprite-Live-Small, .svtplayerSprite-LiveActive-Small, .svtplayerSprite-Play, .svtplayerSprite-Replay {
  background-image: url("http://media.svt.se/play/images/svtplayer/sprites_1x.png?v=1.1.0");
  background-repeat: no-repeat;
  display: block;
  float: left;
  text-indent: -9999px;
  overflow: hidden; }

.svtplayerSprite-Live, .svtplayerSprite-LiveActive {
  height: 23px;
  width: 50px;
  z-index: 1; }

.svtplayerSprite-Live-Small, .svtplayerSprite-LiveActive-Small {
  height: 16px;
  width: 33px;
  margin-bottom: 5px;
  margin-left: 5px; }

.svtplayerIcon-cc-stop, .svtplayerOverlayEmbed .svtplayerClose {
  background-image: url("http://media.svt.se/play/images/svtplayer/buttons.png?v=1.1.0");
  background-repeat: no-repeat; }

.svtplayerIconGeoblock, .svtplayerIconMobileblock {
  background-image: url("http://media.svt.se/play/images/svtplayer/block-icons.png?v=1.1.0");
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 50px; }

.svtplayerIcon-cc-off, .svtplayerIcon-cc-on, .svtplayerIcon-cc-connecting-0, .svtplayerIcon-cc-connecting-1,
.svtplayerIcon-cc-connecting-3, .svtplayerIcon-cc-connecting-2 {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 24px;
  width: 24px; }

.svtPlayer-XS .svtplayerIcon-cc-off, .svtPlayer-XS .svtplayerIcon-cc-on, .svtPlayer-XS .svtplayerIcon-cc-connecting-0, .svtPlayer-XS .svtplayerIcon-cc-connecting-1, .svtPlayer-XS .svtplayerIcon-cc-connecting-3, .svtPlayer-XS .svtplayerIcon-cc-connecting-2 {
  width: 18px;
  height: 18px; }

.svtplayerIcon-cc-off {
  background-image: url("http://media.svt.se/play/images/svtplayer/cast_icon_off.png?v=1.1.0"); }

.svtplayerIcon-cc-on {
  background-image: url("http://media.svt.se/play/images/svtplayer/cast_icon_on.png?v=1.1.0"); }

.svtplayerIcon-cc-connecting-0 {
  background-image: url("http://media.svt.se/play/images/svtplayer/cast_icon_connecting_0.png?v=1.1.0"); }

.svtplayerIcon-cc-connecting-1,
.svtplayerIcon-cc-connecting-3 {
  background-image: url("http://media.svt.se/play/images/svtplayer/cast_icon_connecting_1.png?v=1.1.0"); }

.svtplayerIcon-cc-connecting-2 {
  background-image: url("http://media.svt.se/play/images/svtplayer/cast_icon_connecting_2.png?v=1.1.0"); }

.svtplayerIcon-cc-buffering {
  background-repeat: no-repeat;
  background-image: url("http://media.svt.se/play/images/svtplayer/loader_2x.png?v=1.1.0");
  background-size: contain;
  display: inline-block;
  height: 1em;
  position: relative;
  width: 1em;
  -webkit-animation: spin 0.7s linear infinite;
  -moz-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite; }

.svtplayerIcon-cc-stop {
  background-position: 0 -200px;
  background-size: contain;
  width: 60px;
  height: 44px;
  display: block;
  margin: auto; }

.svtplayerIcon-cc-control-play, .svtplayerIcon-cc-control-pause, .svtplayerIcon-cc-control-forward, .svtplayerIcon-cc-control-rewind, .svtplayerIcon-cc-control-loading {
  background-image: url("http://media.svt.se/play/images/svtplayer/kontroll_1x.png?v=1.1.0");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 60px;
  height: 44px;
  display: block;
  margin: auto; }

.svtplayerIcon-cc-control-play {
  background-position: 0 -440px; }

.svtplayerIcon-cc-control-pause {
  background-position: 0 -528px; }

.svtplayerIcon-cc-control-forward {
  background-position: 0 -528px; }

.svtplayerIcon-cc-control-rewind {
  background-position: 0 -528px; }

.svtplayerIcon-cc-control-loading {
  background-image: url("http://media.svt.se/play/images/svtplayer/loader_2x.png?v=1.1.0");
  background-size: 50%;
  -webkit-animation: spin 0.7s linear infinite;
  -moz-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.svtplayerSprite-Play {
  background-position: 0 -22px;
  height: 20px;
  width: 17px; }
  .svtplayerSprite-Play.svtplayerSprite-Play-noLength {
    margin-left: 2px; }

.svtplayerSprite-Replay {
  background-position: 0 -202px;
  width: 23px;
  height: 26px; }

.svtplayerSprite-Live {
  background-position: 0 -177px; }

.svtplayerSprite-LiveActive {
  background-position: 0 -152px; }

.svtplayerSprite-Live-Small {
  background-position: 0 -134px; }

.svtplayerSprite-LiveActive-Small {
  background-position: 0 -116px; }

.svtplayerIconGeoblock {
  background-position: 0 0; }

.svtplayerIconMobileblock {
  background-position: 0 -50px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .svtplayerSprite-Live, .svtplayerSprite-LiveActive, .svtplayerSprite-Live-Small, .svtplayerSprite-LiveActive-Small, .svtplayerSprite-Play, .svtplayerSprite-Replay {
    background-image: url("http://media.svt.se/play/images/svtplayer/sprites_2x.png?v=1.1.0");
    background-size: 50px 256px; } }

/* GTE MEDIUM - Greater or Equal to MEDIUM **/
@media only screen and (min-width: 800px) {
  .svtVideoArea .svtVideoPlayer {
    margin-left: 15%;
    width: 70%;
    max-width: 680px; } }

.svtXFloatLeft {
  float: left; }

.svtXImageFullWidth {
  width: 100%; }

.svtXClearBoth {
  clear: both; }

.svtXMargin-Bottom-10px {
  margin-bottom: 10px; }

.svtXPadding-TopBottom-10px {
  padding-top: 10px;
  padding-bottom: 10px; }

.svtXPadding-Top-5px {
  padding-top: 5px; }

.svtXPadding-Bottom-5px {
  padding-bottom: 5px; }

.svtClearfix:before, .svtTablaPrintContainer:before, .svtClearfix:after, .svtTablaPrintContainer:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtClearfix:after, .svtTablaPrintContainer:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtClearfix, .svtTablaPrintContainer {
  zoom: 1; }

/* this class is a plugin class and is used by play */
.svtPlayer-z-top {
  z-index: 12; }

/* this class is a plugin class and is used by play */
.svtPlayer-z-middle {
  z-index: 11; }

/* this class is a plugin class and is used by play */
.svtPlayer-z-bottom {
  z-index: 10; }

.svtplayerFormText {
  margin-top: 1.0em;
  font-size: 1.3em;
  background-color: #FFF;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: none;
  height: 34px;
  width: 100%;
  padding: 2px 10px 2px 10px;
  display: block;
  margin-bottom: 1em; }

.svtplayerFormSelect {
  -webkit-appearance: button;
  -moz-appearance: button;
  padding: 8px 11px 8px 8px;
  border: none;
  background: #666 url("http://media.svt.se/play/images/svtplayer/dropdown-arrow.png?v=1.1.0") no-repeat right center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFF;
  font-size: 1.4em;
  display: block;
  /* margin-top : 1em; */
  margin-bottom: 1em;
  width: 100%; }
  .svtplayerFormSelect option {
    margin-top: .5em;
    margin-bottom: .5em;
    border: none; }

.svtplayerFormPassive {
  color: #888888; }

.svtplayerZVideo {
  -webkit-transform-style: preserve-3d; }

a.svtplayerFormButton {
  margin-top: 1em;
  font-size: 17px;
  padding: 8px 8px 8px 8px;
  display: block;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background-color: #666;
  color: #FFF; }
  a.svtplayerFormButton:hover {
    background-color: #48B613;
    text-decoration: none; }

/*Style for the popout player */
/*move to generic style*/
.svtFullFrame {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute; }

.svtPopoutPlayer {
  height: 100%;
  width: 100%; }

.svtplayerUnderline {
  text-decoration: underline; }

/* Style for the videoarticle page */
.svtVideoPlayer {
  width: 100%;
  margin: 0 auto;
  float: left;
  /* Not needed in smallsize but can't be changed during runtime (flash reloads). */ }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
/* this class is a plugin class and is used by play */
.svtplayerCenter-Outer {
  width: 100%;
  height: 100%;
  text-align: center; }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
.svtplayerCenter-Outer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
/* this class is a plugin class and is used by play */
.svtplayerCenter-Inner {
  display: inline-block;
  vertical-align: middle; }

.svtplayerInner-Bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0; }

.svtplayer-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto; }
  .svtplayer-thumbnail img {
    position: relative;
    width: 100%;
    display: block; }
  .svtplayer-thumbnail .svtplayerVideoIE,
  .svtplayer-thumbnail .svtplayerVideoNoIE {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.svtPlayer-hide {
  display: none; }

.svtplayer_visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.svtplayer-Marg-M-Right {
  margin-right: 10px; }

.svtplayerFloatLeft {
  float: left; }

.svtplayerFontXL {
  font-size: 146.5%;
  font-weight: bold; }

.svtplayerFontL {
  font-size: 167%;
  font-weight: bold;
  line-height: 23px; }

.svtVisuallyhidden, .svtStructural {
  position: absolute !important;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.svtplayerMarginLeftM {
  margin-left: 10px; }

.svtplayerMarginBottom-M {
  margin-bottom: 15px; }

.svtplayerErrorDescription {
  margin-bottom: 10px; }

.svtplayerClipboardButtonContainer {
  text-align: center; }

.svtPlayer-hide,
.svtPlayer-hide-important {
  display: none; }

.svtplayerInlineBlock {
  display: inline-block; }

.svtplayerCenter {
  text-align: center;
  display: inline-block; }

.svtplayerDisabled {
  cursor: default; }

/* Control bar --------------------------------------------------------------- */
.svtplayerCB {
  position: absolute;
  left: 0;
  bottom: 0; }

.svtplayerCBContainer {
  border: 4px solid #000;
  padding: 8px;
  background-color: #000;
  overflow: hidden;
  padding: 12px;
  opacity: 0.95;
  filter: alpha(opacity=90);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .svtplayerCBContainer:hover {
    text-decoration: none;
    background-color: #262626;
    color: #AFFFFF; }
    .svtplayerCBContainer:hover .svtplayerSprite-Play {
      background-position: 0px 0px; }
  .svtplayerCBContainer:focus {
    outline: #AFFFFF solid 2px; }

.svtplayerStartButton:focus ~ .svtplayerCBContainer {
  text-decoration: none;
  background-color: #262626;
  color: #AFFFFF; }
  .svtplayerStartButton:focus ~ .svtplayerCBContainer .svtplayerSprite-Play {
    background-position: 0px 0px; }

.svtplayerDisabled .svtplayerCBContainer:hover {
  background-color: #000;
  color: #FFF; }
  .svtplayerDisabled .svtplayerCBContainer:hover .svtplayerSprite-Play {
    background-position: 0 -22px; }

.svtplayerDisabled .svtplayerStartButton:focus ~ .svtplayerCBContainer {
  background-color: #000;
  color: #FFF; }
  .svtplayerDisabled .svtplayerStartButton:focus ~ .svtplayerCBContainer .svtplayerSprite-Play {
    background-position: 0 -22px; }

/* Error messages ------------------------------------------------------------ */
.svtplayerOverlayEnd {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
  background: url("http://media.svt.se/play/images/svtplayer/playlogo.png?v=1.1.0") no-repeat center center, -webkit-linear-gradient(top, #000, #333);
  background: url("http://media.svt.se/play/images/svtplayer/playlogo.png?v=1.1.0") no-repeat center center, -moz-linear-gradient(top, #000, #333);
  background: url("http://media.svt.se/play/images/svtplayer/playlogo.png?v=1.1.0") no-repeat center center, -ms-linear-gradient(top, #000, #333);
  background: url("http://media.svt.se/play/images/svtplayer/playlogo.png?v=1.1.0") no-repeat center center, -o-linear-gradient(top, #000, #333);
  background-color: #111;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Embed overlay ------------------------------------------------------------- */
.svtplayerOverlayEmbed {
  background-color: #111;
  color: #FFF;
  /* TODO: use one of the real h2s instead?*/
  /* Remove? */ }
  .svtplayerOverlayEmbed p {
    font-size: 131%;
    margin-bottom: 1em; }
  .svtplayerOverlayEmbed h2 {
    font-size: 138.5%;
    margin-left: 1.1em;
    margin-top: 0.9em;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-weight: bold;
    color: #cdcdcd; }
  .svtplayerOverlayEmbed .svtplayerClose {
    position: absolute;
    right: 1.1em;
    top: 0.9em;
    width: 40px;
    height: 40px;
    background-position: -925px -5px; }
    .svtplayerOverlayEmbed .svtplayerClose:hover {
      background-position: -925px -55px; }
  .svtplayerOverlayEmbed .svtplayerEmbedContent .svtplayerCenterInner {
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: 25%;
    top: 15%; }

/* Live countdown overlay ---------------------------------------------------- */
.svtplayerCountDownNow .svtplayerCBContainer {
  padding: 16px 18px; }

.svtplayerTime {
  font-weight: 800;
  padding: 0 0 0 12px;
  font-size: 13px;
  margin-top: 2px;
  line-height: 20px; }

.svtplayerTime, .svtplayerPlayFromStart {
  font-weight: 800;
  font-size: 13px;
  line-height: 20px;
  margin-top: 2px; }

.svtplayerTime {
  padding: 0 0 0 12px; }

.svtplayerPlayFromStart {
  padding: 0 10px;
  display: inline-block; }

.svtplayerOverlayLiveCountdown {
  position: absolute;
  left: 0;
  top: 0; }
  .svtplayerOverlayLiveCountdown .svtplayerSprite-Live {
    float: right;
    left: 10px;
    position: relative;
    top: -8px;
    margin-bottom: -15px; }

.svtplayerCountDownNow .svtplayerSprite-LiveActive {
  float: right;
  left: 30px;
  margin-bottom: -24px;
  margin-left: -50px;
  position: relative;
  top: -8px; }

.svtplayerOverlayLiveCountdown-Inner {
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  -ms-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  background-color: #222;
  max-width: 92%;
  opacity: 0.9;
  text-align: center; }

.svtplayerCountdownTitle {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px; }
  .svtplayerCountdownTitle h2 {
    font-size: 138.5%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; }

.svtplayerCountdownContainer {
  padding: 18px 0 12px; }

.svtplayerCountdownLetter {
  -moz-box-shadow: 0 -1px 0 #222;
  -webkit-box-shadow: 0 -1px 0 #222;
  box-shadow: 0 -1px 0 #222;
  background-color: #474747;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 3px 7px 0px 7px;
  margin: 0px 1px;
  float: left; }

.svtplayerCountdown {
  display: inline; }
  .svtplayerCountdown p {
    font-size: 108%;
    font-weight: bold;
    color: #c4c4c4; }
  .svtplayerCountdown.svtPlayer-hide {
    display: none; }

.svtplayerCountdownTime {
  display: inline-block;
  margin: 0;
  padding: 0px 20px; }

/* Pause overlay ------------------------------------------------------------- */
.svtplayerOverlayPause p {
  margin: 0px 5px 0 28px;
  text-align: left;
  color: #aaa;
  font-weight: bold; }

.svtplayerOverlayPause .svtplayerCBContainer {
  max-width: 150px; }

/* Base player style -------------------------------------------------------- */
.svtplayer, a.svtplayer {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 11px;
  font-weight: normal;
  color: #FFF;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  text-decoration: none;
  cursor: pointer; }
  .svtplayer img, a.svtplayer img {
    position: relative;
    width: 100%;
    display: block; }
    .svtplayer img.svtPlayer-hide, a.svtplayer img.svtPlayer-hide {
      display: none; }
  .svtplayer .svtplayerButtons-right, a.svtplayer .svtplayerButtons-right {
    position: absolute;
    top: 10px;
    right: 10px; }
  .svtplayer .svtplayerButtons-left, a.svtplayer .svtplayerButtons-left {
    position: absolute;
    top: 10px;
    left: 10px; }
  .svtplayer .svtplayerOverlay,
  .svtplayer .svtplayerVideoIE,
  .svtplayer .svtplayerVideoNoIE, a.svtplayer .svtplayerOverlay,
  a.svtplayer .svtplayerVideoIE,
  a.svtplayer .svtplayerVideoNoIE {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #17181a;
    background: rgba(23, 24, 26, 0); }
  .svtplayer .svtplayerCenterContainer, a.svtplayer .svtplayerCenterContainer {
    margin-top: 16%; }
  .svtplayer .svtplayerBottomLogo, a.svtplayer .svtplayerBottomLogo {
    margin-left: 200px; }
    .svtplayer .svtplayerBottomLogo img, a.svtplayer .svtplayerBottomLogo img {
      width: 124px;
      height: 53px;
      margin-left: -62px;
      display: block;
      left: 50%; }

.svtplayer-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* Different container widths ------------------------------------------------ */
/* XXSmall ------------------------------------------------------------------- */
.svtplayerHide-gte-XS {
  display: none; }

.svtPlayer-XXS .svtplayerHide-gte-XS {
  display: block; }

.svtPlayer-XXS .svtplayerHide-XXS {
  display: none; }

/* Small --------------------------------------------------------------------- */
.svtPlayer-S .svtplayerFontXL {
  font-size: 461.5%; }

.svtPlayer-S .svtplayerCountdownContainer {
  padding: 10px 0 14px; }

/* Small - medium ------------------------------------------------------------ */
.svtPlayer-S-M .svtplayerError .svtplayerCenter-Inner {
  padding: 15px;
  max-width: 80%; }

/* Medium - large ------------------------------------------------------------ */
.svtPlayer-M-L .svtplayerCountdownLetter {
  padding: 0 10px; }

.svtPlayer-M-L .svtplayerErrorHeadlineContainer {
  overflow: hidden;
  clear: both;
  margin: 0 auto;
  display: inline-block; }

.svtPlayer-M-L .svtplayerErrorHeadline {
  font-size: 153.9%;
  float: left;
  margin-top: 0; }

.svtPlayer-M-L .svtplayerInner-Bottom {
  bottom: 10px; }

.svtPlayer-M-L .svtplayerErrorIcon {
  float: left;
  margin-right: 20px; }

.svtPlayer-M-L .svtplayerCBContainer {
  height: 82px;
  width: 90px;
  border-width: 8px;
  padding: 0; }

.svtPlayer-M-L .svtplayerOverlayPause .svtplayerCBContainer {
  width: 134px;
  height: 96px; }

.svtPlayer-M-L .svtplayerOverlayPause p {
  margin: 0;
  text-align: center;
  font-size: 108%; }

.svtPlayer-M-L .svtplayerCountDownNow .svtplayerCBContainer .svtplayerSprite-Play {
  margin-top: 24px; }

.svtPlayer-M-L .svtplayerCountDownNow .svtplayerCBContainer .svtplayerSprite-LiveActive {
  left: 10px; }

.svtPlayer-M-L .svtplayerMarginLeftM {
  margin-left: 25px; }

.svtPlayer-M-L .svtplayerFontL {
  font-size: 269.2%;
  font-weight: bold;
  line-height: 50px; }

.svtPlayer-M-L .svtplayerFontXL {
  font-size: 538.5%; }

.svtPlayer-M-L .svtplayerCountdownTitle h2 {
  font-size: 182%; }

.svtPlayer-M-L .svtplayerCountdownContainer {
  padding: 12px 0 18px; }

.svtPlayer-M-L .svtplayerBGGradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); }

.svtPlayer-M-L .svtplayerCBContainer {
  height: 82px;
  width: 90px;
  border-width: 8px; }
  .svtPlayer-M-L .svtplayerCBContainer .svtplayerTime {
    display: block;
    padding: 0;
    margin: 0 !important; }
  .svtPlayer-M-L .svtplayerCBContainer .svtplayerSprite-Play {
    display: inline-block;
    float: none;
    background-position: 0 -81px;
    height: 33px;
    width: 28px;
    margin: 17px 0 8px 8px; }
    .svtPlayer-M-L .svtplayerCBContainer .svtplayerSprite-Play.svtplayerSprite-Play-noLength {
      margin-top: 24px; }
  .svtPlayer-M-L .svtplayerCBContainer:hover .svtplayerSprite-Play {
    background-position: 0px -45px; }

.svtPlayer-M-L .svtplayerStartButton:focus ~ .svtplayerCBContainer .svtplayerSprite-Play {
  background-position: 0px -45px; }

.svtPlayer-M-L.svtplayerDisabled:hover .svtplayerCBContainer .svtplayerSprite-Play {
  background-position: 0 -81px; }

.svtPlayer-M-L.svtplayerDisabled .svtplayerStartButton:focus ~ .svtplayerCBContainer .svtplayerSprite-Play {
  background-position: 0 -81px; }

/* Large --------------------------------------------------------------------- */
.svtPlayer-L .svtplayerError .svtplayerCenter-Inner {
  padding: 20px;
  max-width: 60%; }

/* Fullscreen ---------------------------------------------------------------- */
a.svtplayerVideoFullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: black;
  cursor: none; }

/* Chromecast ---------------------------------------------------------------- */
.svtplayer_chromecast-container {
  max-width: 200px;
  min-width: 150px;
  vertical-align: middle; }
  .svtplayer_chromecast-container.is--inactive {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%; }
  .svtplayer_chromecast-container.is--visible {
    display: inline-block; }

.svtplayer_cb-container--dynamic-width,
.svtPlayer-M-L .svtplayer_cb-container--dynamic-width {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-bottom: 2px; }

.svtPlayer-M-L .svtplayer_cb-container--dynamic-width {
  padding: 20px; }

.svtPlayer-M-L .svtplayer_chromecast-state--text {
  max-width: 200px; }

.svtPlayer-M-L .svtplayer_chromecast__button {
  padding: 6px 10px; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar {
  bottom: 0; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar-button {
  font-size: 2.5em; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar-button--secondary {
  font-size: 2em;
  line-height: 1.3em;
  padding: 0 0.18em 0 0.18em; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar--inner {
  height: 4em; }

.svtPlayer-M-L .is--live .svtplayer_chromecast-controlbar--inner {
  height: 3em; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar--volume-slider-container {
  font-size: 0.4em;
  height: 30px;
  left: -216%;
  padding: 0 4px;
  top: -320%;
  width: 150px; }

.svtPlayer-M-L .svtplayer_chromecast-controlbar--volume-slider {
  width: 90px; }

.svtPlayer-M-L .svtplayer_chromecast-onboarding {
  margin-right: 7em; }

.svtPlayer-M-L .svtplayer_chromecast-onboarding--text-long {
  display: inline; }

.svtplayer_chromecast__button {
  display: none;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 15; }
  .svtplayer_chromecast__button.is--inactive {
    width: auto; }
  .svtplayer_chromecast__button.is--visible {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0; }
  .svtplayer_chromecast__button.is--loading {
    background: #000; }

.svtPlayer-XS .svtplayer_chromecast-controlbar {
  padding: 0; }

.svtPlayer-XS .svtplayer_cb-container--dynamic-width {
  padding: 0; }

.svtPlayer-XS .svtplayer_chromecast-state--text {
  font-size: 10px;
  margin-left: 0; }

.svtPlayer-XS .svtplayer_chromecast-controlbar--inner-left {
  width: 60%; }

.svtPlayer-XS .svtplayer_chromecast-controlbar--inner-right {
  width: 40%; }

.svtPlayer-XS .svtplayer_chromecast-controlbar--device {
  display: none; }

.svtPlayer-XS .svtplayer_chromecast-controlbar--volume-slider-container {
  left: -178%;
  top: -265%;
  width: 90px; }

.svtPlayer-XS .svtplayer_chromecast-controlbar--volume-slider {
  width: 45px; }

.svtPlayer-XS .svtplayer_chromecast-onboarding {
  display: none; }

.svtplayer_chromecast-controlbar {
  cursor: default; }

.svtplayer_chromecast-controlbar--inner {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #E3E3E3;
  font-weight: bold;
  height: 3.5em;
  margin: 1em;
  padding: 0.8em 0.8em 0.3em;
  text-align: left; }
  .is--live .svtplayer_chromecast-controlbar--inner {
    height: 2.5em; }

.svtplayer_chromecast-controlbar--inner-cover {
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 10; }

.svtplayer_chromecast-controlbar--inner-divider {
  border-right: 1px solid #666;
  margin: 0 1.2em 0 1em;
  padding: 0.3em 0; }

.svtplayer_chromecast-controlbar--inner-left, .svtplayer_chromecast-controlbar--inner-right {
  display: block;
  vertical-align: middle; }

.svtplayer_chromecast-controlbar--inner-left {
  float: left;
  width: 40%; }

.svtplayer_chromecast-controlbar--inner-right {
  float: right;
  text-align: right;
  width: 60%; }

.svtplayer_chromecast-controlbar-button {
  font-size: 2em;
  cursor: pointer;
  vertical-align: middle; }
  .svtplayer_chromecast-controlbar-button:hover {
    background-color: #3c3c3c; }
  .svtplayer_chromecast-controlbar-button.is--active {
    color: #48B613; }
  .svtplayer_chromecast-controlbar-button.svt_icon {
    vertical-align: middle; }
  .svtplayer_chromecast-controlbar-button.svtPlayer-hide {
    display: none; }

.svtplayer_chromecast-controlbar-button--secondary {
  font-size: 1.5em;
  padding: 0 0.16em 0 0.16em; }
  .svtplayer_chromecast-controlbar-button--secondary.svt_icon {
    line-height: 1.4em; }

.is--live .svtplayer_chromecast-controlbar-button--seek {
  display: none; }

.svtplayer_chromecast-controlbar--volume {
  position: relative; }

.svtplayer_chromecast-controlbar--volume-slider-container {
  background-color: #262626;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  font-size: 0.5em;
  height: 22px;
  left: -245%;
  padding: 0 4px;
  position: absolute;
  top: -330%;
  transform: rotate(270deg);
  width: 120px; }
  .svtplayer_chromecast-controlbar--volume-slider-container .svt_icon--minus {
    transform: rotate(90deg); }

.svtplayer_chromecast-controlbar--volume-slider, .svtplayer_progressbar__range {
  -webkit-appearance: none;
  background-color: #3B3B3B;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  width: 100%; }
  .svtplayer_chromecast-controlbar--volume-slider:focus, .svtplayer_progressbar__range:focus {
    outline: none; }

.svtplayer_chromecast-controlbar--volume-slider::-webkit-slider-thumb, .svtplayer_progressbar__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  background-color: #FFF;
  border: 3px solid #FFF;
  width: 15px;
  height: 15px; }
  .svtplayer_chromecast-controlbar--volume-slider:hover::-webkit-slider-thumb, .svtplayer_progressbar__range:hover::-webkit-slider-thumb, .svtplayer_chromecast-controlbar--volume-slider:focus::-webkit-slider-thumb, .svtplayer_progressbar__range:focus::-webkit-slider-thumb {
    background-color: #6eba49;
    cursor: pointer; }

.svtplayer_chromecast-controlbar--volume-slider {
  margin: 0 0.5em;
  position: relative;
  top: 1px;
  width: 75px; }

.svtplayer_chromecast-controlbar-progress {
  position: relative;
  top: 1px; }

.svtplayer_chromecast-controls-progressbar {
  margin-bottom: 0.3em; }

.svtplayer_chromecast-indicator {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: #000;
  filter: alpha(opacity=90);
  font-size: 3em;
  opacity: 0.9;
  overflow: hidden;
  padding: 6px; }
  .svtplayer_chromecast-indicator .svt_icon {
    top: 1px; }

.svtplayer_progressbar__time {
  display: inline-block;
  padding-right: 1%;
  vertical-align: middle; }
  .svtplayer_progressbar__time.is--last {
    padding-left: 1%;
    padding-right: 0; }

.svtplayer_chromecast-state {
  padding: 0.3em 0;
  vertical-align: middle; }

.svtplayer_chromecast-onboarding {
  background-color: #7A006D;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin: 1em 6em 0 0;
  max-width: 75%;
  opacity: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out; }

.svtplayer_chromecast-onboarding--text {
  font-size: 1.2em; }

.svtplayer_chromecast-onboarding--text-long {
  display: none; }

.ieLte8 .svtVideoArea .svtVideoPlayer {
  margin-left: 15%;
  width: 70%;
  max-width: 680px; }

.ieLte7 .svtplayerCBContainer {
  width: 100px;
  top: 20%;
  left: 10%;
  position: absolute; }

.ieLte7 .svtPlayer-S-M-L .svtplayerCenter-Inner {
  top: 40%;
  left: 40%; }

.ieLte7 .svtPlayer-M-L .svtplayerSprite-Play {
  display: block; }

.ieLte8 .svtVideoArea .svtVideoSettings {
  position: absolute;
  top: 30px;
  right: 30px; }

.ieLte8 .svtVideoArea .svtVideoPlayer {
  float: none; }

.ieLte8 .svtplayerIconButton a {
  background-color: #000; }

.svtplayerTeaser,
.svtplayerCountDownNowTeaser {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px; }

.svtplayerCountDownNowTeaser {
  max-width: 90%; }
  .svtplayerCountDownNowTeaser .svtplayerTeaserContainer {
    width: 76px; }
  .svtplayerCountDownNowTeaser .svtplayerSprite-LiveActive {
    left: 40px;
    position: absolute;
    top: 11px; }

.svtplayerTeaserContainer {
  background-color: #000;
  overflow: hidden;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border: 4px solid #000;
  padding: 4px;
  color: white;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }
  .svtplayerTeaserContainer:hover, .svtplayerTeaserContainer:focus {
    text-decoration: none;
    background-color: #3B3B3B;
    color: #AFFFFF;
    outline: 0; }
    .svtplayerTeaserContainer:hover .svtplayerSprite-Play, .svtplayerTeaserContainer:focus .svtplayerSprite-Play {
      background-position: 0px 0px; }
    .svtplayerTeaserContainer:hover .svtplayerSprite-Replay, .svtplayerTeaserContainer:focus .svtplayerSprite-Replay {
      background-position: 0 -230px; }

.svtplayerStartButton:focus ~ .svtplayerTeaserContainer,
.svtplayerSprite-LiveActive:hover ~ .svtplayerTeaserContainer {
  text-decoration: none;
  background-color: #3B3B3B;
  color: #AFFFFF; }
  .svtplayerStartButton:focus ~ .svtplayerTeaserContainer .svtplayerSprite-Play,
  .svtplayerSprite-LiveActive:hover ~ .svtplayerTeaserContainer .svtplayerSprite-Play {
    background-position: 0px 0px; }

.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerTeaserContainer {
  padding: 8px;
  width: auto; }
  .svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerTeaserContainer:hover .svtplayerSprite-Play {
    background-position: 0px -45px; }

.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerStartButton:focus ~ .svtplayerTeaserContainer .svtplayerSprite-Play,
.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerSprite-LiveActive:hover ~ .svtplayerTeaserContainer .svtplayerSprite-Play {
  background-position: 0px -45px; }

.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerSprite-LiveActive {
  float: right;
  left: 8px;
  margin-bottom: -24px;
  margin-left: -50px;
  position: relative;
  top: -8px; }

.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerCountdownTitle {
  text-align: left;
  padding: 10px;
  margin-left: 40px;
  background: none;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; }
  .svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerCountdownTitle h2 {
    font-size: 138.5%; }

.svtPlayer-S-M-L .svtplayerCountDownNowTeaser .svtplayerSprite-Play {
  background-position: 0 -81px;
  height: 33px;
  width: 28px;
  margin-top: 3px;
  padding-right: 12px;
  border-right: 1px solid #666; }

.svtlib-svtplayer_overlay, .svtlib-svtplayer_overlay-control {
  display: inline-block;
  margin: 0 1em;
  vertical-align: middle; }
  .svtlib-svtplayer_overlay:focus, .svtlib-svtplayer_overlay-control:focus {
    outline: none; }

.svtlib-svtplayer_overlay-control {
  width: 475px;
  max-width: 90%;
  text-align: left; }

.svtlib-svtplayer_overlay__form {
  position: relative; }

.svtlib-svtplayer_overlay__form-input {
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -o-border-radius: 20px 20px 20px 20px;
  -ms-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  font-size: 230.8%;
  width: 170px;
  background-color: white;
  padding: 0px 10px;
  border: 2px solid transparent;
  line-height: 1;
  text-align: center; }
  .svtlib-svtplayer_overlay__form-input:focus {
    border-color: #0dd4d4; }
  .svtlib-svtplayer_overlay__form-input:focus {
    outline: none; }
  .svtlib-svtplayer_overlay__form-input::-webkit-input-placeholder {
    padding-top: 2px; }

.svtlib-svtplayer_overlay__icon {
  font-size: 277%;
  margin-bottom: 0.5em;
  color: #E3E3E3; }

.svtlib-svtplayer_overlay__link, .svtlib-svtplayer_overlay-ext-link__target {
  font-size: 108%;
  line-height: 1.6em;
  text-decoration: underline;
  white-space: nowrap;
  color: #afffff; }
  .svtlib-svtplayer_overlay__link:hover,
  .svtlib-svtplayer_overlay-ext-link__target:hover,
  .svtlib-svtplayer_overlay__link:visited, .svtlib-svtplayer_overlay-ext-link__target:visited {
    color: #afffff; }
  .svtlib-svtplayer_overlay__link:focus, .svtlib-svtplayer_overlay-ext-link__target:focus {
    outline: #afffff solid 2px; }

.svtlib-svtplayer_overlay-link-container__inner {
  display: block;
  margin-top: 1em; }

.svtlib-svtplayer_overlay-ext-link {
  white-space: nowrap;
  text-decoration: none;
  color: #afffff; }
  .svtlib-svtplayer_overlay-ext-link:hover,
  .svtlib-svtplayer_overlay-ext-link:visited {
    color: #afffff;
    text-decoration: none; }
  .svtlib-svtplayer_overlay-ext-link:focus {
    outline: #afffff solid 2px; }
  .svtlib-svtplayer_overlay-ext-link .svtlib-svtplayer_overlay-ext-link__target {
    text-decoration: underline; }
  .svtlib-svtplayer_overlay-ext-link .svt_icon--link-external {
    font-size: 116%;
    font-weight: bold;
    margin-right: 2px; }

.svtlib-svtplayer_overlay__button {
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -o-border-radius: 25px 25px 25px 25px;
  -ms-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  font-size: 93%;
  text-decoration: none;
  margin: 0 auto;
  background-color: #5a5f66;
  padding: 7px 20px;
  font-weight: bold;
  color: white;
  border: 2px solid transparent; }
  .svtlib-svtplayer_overlay__button:visited {
    color: white; }
  .svtlib-svtplayer_overlay__button:focus {
    border-color: #afffff;
    outline: 0;
    text-decoration: none; }
  .svtlib-svtplayer_overlay__button.is--primary {
    background-color: #236609; }
    .svtlib-svtplayer_overlay__button.is--primary:hover {
      background-color: #328810;
      text-decoration: none; }
    .svtlib-svtplayer_overlay__button.is--primary.is--disabled {
      color: #6c9b54; }
    .svtlib-svtplayer_overlay__button.is--primary.is--disabled:hover {
      background-color: #236609; }
  .svtlib-svtplayer_overlay__button:hover {
    background-color: #747780;
    color: white;
    text-decoration: none; }
  .svtlib-svtplayer_overlay__button.is--first {
    float: left; }
  .svtlib-svtplayer_overlay__button.is--last {
    float: right; }

.svtlib-svtplayer_overlay-buttons {
  font-size: 108%;
  width: 260px;
  max-width: 90%;
  margin: auto; }

.svtlib-svtplayer_overlay-buttons--spaced {
  margin-bottom: 2em;
  margin-top: 2em; }

.svtlib-svtplayer_overlay-image-blur {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0.3; }

.svtlib-svtplayer_overlay-video-blur {
  background-color: #333; }

.svtlib-svtplayer_overlay-title {
  font-size: 123.1%;
  line-height: 20px;
  color: white;
  margin-bottom: 1.5em; }

.svtlib-svtplayer_overlay-control-h2 {
  font-size: 108%;
  display: none; }

.svtlib-svtplayer_overlay-text {
  font-size: 108%;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 18px;
  display: none; }
  .svtlib-svtplayer_overlay-text.is--always-visible {
    display: block; }

.svtlib-svtplayer_overlay__form-error {
  font-size: 93%;
  color: #fcf6a2;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px; }

.svtPlayer-M-L .svtlib-svtplayer_overlay {
  max-width: 60%; }

.svtPlayer-M-L .svtlib-svtplayer_overlay__icon {
  font-size: 461.5%; }

.svtPlayer-M-L .svtlib-svtplayer_overlay-title {
  font-size: 167%;
  line-height: 26px; }

.svtPlayer-M-L .svtlib-svtplayer_overlay-control-h2 {
  font-size: 108%;
  color: white;
  margin-bottom: 5px;
  display: block; }

.svtPlayer-M-L .svtlib-svtplayer_overlay-text {
  font-size: 116%;
  line-height: 19px;
  margin-bottom: 10px;
  margin-top: 25px;
  display: block; }

.svtPlayer-M-L .svtlib-svtplayer_overlay__form-error {
  margin-bottom: 30px; }

.svtPlayer-M-L .svtlib-svtplayer_overlay__form-input {
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  -o-border-radius: 40px 40px 40px 40px;
  -ms-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  font-size: 153.9%;
  width: 170px;
  background-color: white;
  padding: 0px 20px; }

.svtPlayer-M-L .svtlib-svtplayer_overlay-link-container {
  margin-top: 3em; }

.svtPlayer-M-L .svtlib-svtplayer_overlay-buttons,
.svtPlayer-M-L .svtlib-svtplayer_overlay__link,
.svtPlayer-M-L .svtlib-svtplayer_overlay-ext-link__target {
  font-size: 116%;
  line-height: 19px; }

/* ==========================================================================
   SVT Player
   ========================================================================== */
/**
 * CSS for implementation of svtplayer on svt.se
 *
 */
.svtplayer:hover,
.svtplayer:active,
.svtplayerTime,
.svtplayerFake {
  color: #FFF; }

/* 	Quick fix for player release 2013-24. */
.svtplayer .svtPlayer-hide {
  display: none; }

/* Some SVT Player base styles
   ========================================================================== */
.A_playRoundedButton, .playParentalControlCloseButton {
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  display: block;
  text-align: center;
  padding: 7px 14px; }

.A_playButton, .playGradientButton, .playParentalControlCloseButton {
  border: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  font-weight: 800;
  outline: none; }
  .A_playButton:hover, .playGradientButton:hover, .playParentalControlCloseButton:hover, .A_playButton:focus, .playGradientButton:focus, .playParentalControlCloseButton:focus {
    text-decoration: none;
    outline: none; }
  .A_playButton:active, .playGradientButton:active, .playParentalControlCloseButton:active {
    outline: none; }

.A_playRoundedButton, .playParentalControlCloseButton {
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  display: block;
  text-align: center;
  padding: 7px 14px; }

.playGradientButton, .playParentalControlCloseButton {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#595a5f), to(#333538));
  background-image: -webkit-linear-gradient(top, #595a5f, #333538);
  background-image: -moz-linear-gradient(top, #595a5f, #333538);
  background-color: #595a5f;
  color: #FFF;
  text-shadow: 0 -1px 0 #212225; }
  .playGradientButton:visited, .playParentalControlCloseButton:visited {
    color: #FFF; }
  .playGradientButton:hover, .playParentalControlCloseButton:hover, .playGradientButton:focus, .playParentalControlCloseButton:focus {
    color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#737478), to(#5d5f61));
    background-image: -webkit-linear-gradient(top, #737478, #5d5f61);
    background-image: -moz-linear-gradient(top, #737478, #5d5f61);
    background-color: #737478; }
  .playGradientButton.disabled:hover, .disabled.playParentalControlCloseButton:hover, .playGradientButton.disabled:focus, .disabled.playParentalControlCloseButton:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#595a5f), to(#333538));
    background-image: -webkit-linear-gradient(top, #595a5f, #333538);
    background-image: -moz-linear-gradient(top, #595a5f, #333538);
    background-color: #595a5f; }
  .playGradientButton:active, .playParentalControlCloseButton:active {
    color: #FFF; }

/* CSS for parental guide overlay
   ========================================================================== */
.playParentalControlBlockedScreen {
  z-index: 9; }
  .playParentalControlBlockedScreen p, .playParentalControlBlockedScreen label {
    font-size: 13px;
    font-weight: 300; }
  .playParentalControlBlockedScreen h2 {
    font-size: 153.9%;
    margin-bottom: 0; }
  .playParentalControlBlockedScreen h3 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.3; }
  .playParentalControlBlockedScreen a {
    color: #AFFFFF;
    text-decoration: underline; }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
/* this class is a plugin class and is used by play */
.svtplayerCenter-Inner {
  display: inline-block;
  vertical-align: middle; }

.playOverlayScreen-Inner {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background-color: #212225;
  background: rgba(0, 0, 0, 0.85);
  width: 90%;
  max-width: 560px; }

.playParentalControlBlockedScreen-Inner {
  padding: 4%;
  text-align: left; }

.playOverlayScreen-Outer {
  position: absolute;
  top: 0;
  left: 0; }

.ieLte7 .playOverlayScreen-Outer {
  top: 70px;
  left: 0; }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
/* this class is a plugin class and is used by play */
.svtplayerCenter-Outer {
  width: 100%;
  height: 100%;
  text-align: center; }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
.svtplayerCenter-Outer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

/* From here: http://css-tricks.com/centering-in-the-unknown/ */
/* this class is a plugin class and is used by play */
.svtplayerCenter-Inner {
  display: inline-block;
  vertical-align: middle; }

.playParentalControlInput {
  padding: 5px;
  margin-top: 2%;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }

.playParentalControlCloseButton {
  float: right;
  font-size: 12px; }

.playOverlayScreenBottom-Outer {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%; }

.playOverlayScreenBottom-Inner {
  background-color: #212225;
  background: rgba(0, 0, 0, 0.85); }

.playOverlayTextMessage {
  text-align: center;
  color: #FFF;
  font-size: 153.9%;
  line-height: 1.5;
  font-weight: bold; }

.svt_video-new-player {
  min-width: initial !important; }
  .ieLte8 .svt_video-new-player {
    min-width: 200px !important; }

.svt_video-new-player__video {
  width: 100%; }
  .no-js .svt_video-new-player__video {
    display: none; }
  .svt_video-new-player--teaser .svt_video-new-player__video {
    display: none !important; }

.svt_video-new-player--teaser .svp_video-container {
  display: none !important; }

.svt_video-new-player__fallback {
  display: block;
  position: relative; }
  .svt_video-new-player__fallback:hover,
  .svt_video-new-player__fallback:focus {
    text-decoration: underline; }

.svt_video-new-player__fallback-image {
  display: block;
  width: 100%; }

.svt_video-new-player__fallback-text {
  position: absolute;
  left: 15px;
  bottom: 15px;
  padding: 5px 10px;
  background: #000;
  color: #FFF;
  text-decoration: inherit;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  font-size: 16px;
  font-size: 1rem; }

.svt_video-new-player__teaser {
  display: none;
  position: relative;
  cursor: pointer; }
  .svt_video-new-player--teaser .svt_video-new-player__teaser {
    display: block; }
  .no-js .svt_video-new-player__teaser {
    display: none; }
  .svt_video-new-player__teaser:hover,
  .svt_video-new-player__teaser:focus {
    text-decoration: underline; }

.svt_video-new-player__teaser-image {
  display: block;
  width: 100%; }

.svt_video-new-player__teaser-text {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 7px 10px;
  background: #000;
  color: #FFF;
  text-decoration: inherit;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; }

.svt_video-new-player__inappropriate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  text-align: center; }
  .svt_video-new-player__inappropriate--hidden {
    display: none; }

.svt_video-new-player__inappropriate-wrapper {
  display: table;
  height: 100%;
  width: 100%; }

.svt_video-new-player__inappropriate-article {
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle; }

.svt_video-new-player__inappropriate-header {
  font-size: 153.9%; }

.svt_video-new-player__inappropriate-text {
  margin-top: 1em;
  font-size: 123.1%; }

.svt_video-new-player__inappropriate-link {
  color: inherit;
  text-decoration: underline; }
  .svt_video-new-player__inappropriate-link:hover,
  .svt_video-new-player__inappropriate-link:focus,
  .svt_video-new-player__inappropriate-link:active,
  .svt_video-new-player__inappropriate-link:visited {
    color: inherit; }

.svt_video-new-player__inappropriate-button {
  margin-top: 1.5em;
  background: #FFF;
  color: #000;
  border: none;
  font-size: 123.1%;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 5px 10px; }

.svt_voting__alternative-text, .svt_voting__message, .svt_voting__result-text, .svt_voting__result-percent {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700; }

.svt_voting {
  *zoom: 1;
  background: #F2F2F2;
  padding: 1em;
  border-top: solid 3px #b37d12;
  margin-bottom: 20px;
  display: none; }
  .svt_voting:before,
  .svt_voting:after {
    content: "";
    display: table;
    clear: both; }
  .no-js .svt_voting {
    display: block; }
  .svtContainerAside .svt_voting {
    padding-bottom: 10px; }
  .svt_voting > section {
    margin-top: 1em; }

.svt_voting__disclaimer {
  clear: both;
  float: right; }

.svt_voting__vignette--open {
  display: block; }
  .svt_voting--voted .svt_voting__vignette--open,
  .svt_voting--closed .svt_voting__vignette--open {
    display: none; }

.svt_voting__vignette--closed {
  display: none; }
  .svt_voting--voted .svt_voting__vignette--closed,
  .svt_voting--closed .svt_voting__vignette--closed {
    display: block; }

.svt_voting__total-votes {
  display: block;
  margin-top: 0.25em; }

.svt_voting__description {
  margin-top: 1em; }

.svt_voting__alternative {
  *zoom: 1;
  margin: 1em 0; }
  .svt_voting__alternative:before,
  .svt_voting__alternative:after {
    content: "";
    display: table;
    clear: both; }

.svt_voting__alternative-label {
  color: #666;
  position: relative;
  font-size: 0; }
  .svt_voting__alternative-input:checked + .svt_voting__alternative-label {
    color: #4b4b4b; }
    .svt_voting__alternative-input:checked + .svt_voting__alternative-label > .svt_voting__circle-outer:after {
      background: #b37d12; }
  .svt_voting__alternative-label.svt_voting__alternative-label--checked {
    color: #4b4b4b; }

.svt_voting__alternative-input {
  display: none; }
  .no-js .svt_voting__alternative-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 42px;
    vertical-align: middle;
    margin-right: -42px;
    position: relative; }

.svt_voting__alternative-text {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  margin-left: 50px; }

.svt_voting__circle-outer {
  -webkit-border-radius: 21px 21px 21px 21px;
  -moz-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #d5c4a2;
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  margin-right: -42px;
  position: relative; }
  .no-js .svt_voting__circle-outer {
    display: none; }

.svt_voting__circle-outer:after {
  -webkit-border-radius: 17px 17px 17px 17px;
  -moz-border-radius: 17px 17px 17px 17px;
  border-radius: 17px 17px 17px 17px;
  position: absolute;
  content: '';
  display: block;
  width: 34px;
  height: 34px;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px; }

@media only screen and (min-width: 601px) {
  .svt_voting__alternative-text {
    margin-left: 32px; }
  .svt_voting__circle-outer {
    -webkit-border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    width: 24px;
    height: 24px;
    margin-right: -24px; }
  .svt_voting__circle-outer:after {
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px; } }

.svt_voting__button {
  width: 100%;
  margin-top: 1em;
  overflow: visible; }
  .svt_voting__message--error + .svt_voting__button {
    margin-top: 0; }

.svt_share__button {
  width: 49%;
  margin-top: 1em;
  overflow: visible;
  display: inline-block;
  box-sizing: border-box;
  float: left;
  text-align: center; }
  .svt_voting__message--error + .svt_share__button {
    margin-top: 0; }

.svt_voting__message {
  color: #666;
  margin-top: 1.5em;
  font-weight: 400; }

.svt_voting__results {
  margin: 0;
  padding: 0;
  list-style: none; }

.svt_voting__result {
  *zoom: 1;
  position: relative; }
  .svt_voting__result:before,
  .svt_voting__result:after {
    content: "";
    display: table;
    clear: both; }
  .svt_voting__result + .svt_voting__result {
    margin-top: 1em; }

.svt_voting__result-text {
  display: block;
  float: left;
  margin-right: 4em; }

.svt_voting__result-percent {
  display: block;
  position: absolute;
  float: right;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  text-align: right; }

.svt_voting__result-graph {
  clear: both;
  display: block;
  padding-top: 0.5em; }

.svt_voting__bar {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  overflow: hidden;
  display: block;
  height: 1em;
  background: #d5c4a2; }

.svt_voting__bar-value {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  display: block;
  height: 1em;
  width: 0;
  background: #c59c46; }

.svt_voting__link, .svt_voting__share_toggle {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
  display: block;
  margin-top: 1em;
  font-weight: 700; }

.svt_voting__result-group {
  margin-top: 1em; }

.js .svt_voting__result-group,
.js .svt_voting__share-group {
  display: none; }

.js .svt_voting--resultview .svt_voting__share_toggle--open,
.js .svt_voting--resultview .svt_voting__alternative-group,
.js .svt_voting--resultview .svtjs_voting_text__toggle {
  display: none; }

.js .svt_voting--resultview .svt_voting__result-group {
  display: block; }

.js .svt_voting--resultview .svt_voting__result-group .svtjs_voting_text__toggle {
  display: block; }

.js .svt_voting--shareview.svt_voting--closed .svt_voting__share_toggle--open,
.js .svt_voting--shareview.svt_voting--closed .svt_voting__result-group,
.js .svt_voting--shareview.svt_voting--closed .svt_voting__message,
.js .svt_voting--shareview.svt_voting--voted .svt_voting__share_toggle--open,
.js .svt_voting--shareview.svt_voting--voted .svt_voting__result-group,
.js .svt_voting--shareview.svt_voting--voted .svt_voting__message,
.js .svt_voting--shareview.svt_voting--maxvotes .svt_voting__share_toggle--open,
.js .svt_voting--shareview.svt_voting--maxvotes .svt_voting__result-group,
.js .svt_voting--shareview.svt_voting--maxvotes .svt_voting__message {
  display: none; }

.js .svt_voting--shareview .svt_voting__result-group,
.js .svt_voting--shareview .svtjs_voting_text__toggle {
  display: none; }

.js .svt_voting--shareview .svt_voting__share-group {
  display: block; }

.js .svt_voting--shareview .svt_voting__alternative-group,
.js .svt_voting--shareview .svt_voting__resultclosed-group,
.js .svt_voting--shareview .svt_voting__share_toggle--open {
  display: none; }

.js .svt_voting--voted .svt_voting__link,
.js .svt_voting--voted .svt_voting__share_toggle,
.js .svt_voting--voted .svt_voting__alternative-group,
.js .svt_voting--closed .svt_voting__link,
.js .svt_voting--closed .svt_voting__share_toggle,
.js .svt_voting--closed .svt_voting__alternative-group,
.js .svt_voting--maxvotes .svt_voting__link,
.js .svt_voting--maxvotes .svt_voting__share_toggle,
.js .svt_voting--maxvotes .svt_voting__alternative-group {
  display: none; }

.js .svt_voting--voted .svt_voting__share_toggle--open,
.js .svt_voting--voted .svt_voting__share_toggle--close,
.js .svt_voting--closed .svt_voting__share_toggle--open,
.js .svt_voting--closed .svt_voting__share_toggle--close,
.js .svt_voting--maxvotes .svt_voting__share_toggle--open,
.js .svt_voting--maxvotes .svt_voting__share_toggle--close {
  display: block; }

.js .svt_voting--voted .svt_voting__result-group,
.js .svt_voting--closed .svt_voting__result-group,
.js .svt_voting--maxvotes .svt_voting__result-group {
  display: block; }

.js .svt_voting--closed-hideresult .svt_voting__link,
.js .svt_voting--closed-hideresult .svt_voting__share_toggle,
.js .svt_voting--closed-hideresult .svt_voting__alternative-group,
.js .svt_voting--closed-hideresult .svt_voting__result-group,
.js .svt_voting--voted-hideresult .svt_voting__link,
.js .svt_voting--voted-hideresult .svt_voting__share_toggle,
.js .svt_voting--voted-hideresult .svt_voting__alternative-group,
.js .svt_voting--voted-hideresult .svt_voting__result-group,
.js .svt_voting--maxvotes-hideresult .svt_voting__link,
.js .svt_voting--maxvotes-hideresult .svt_voting__share_toggle,
.js .svt_voting--maxvotes-hideresult .svt_voting__alternative-group,
.js .svt_voting--maxvotes-hideresult .svt_voting__result-group {
  display: none; }

.js .svt_voting--closed-hideresult .svt_voting__share_toggle--open,
.js .svt_voting--voted-hideresult .svt_voting__share_toggle--open,
.js .svt_voting--maxvotes-hideresult .svt_voting__share_toggle--open {
  display: block; }

.svt_voting__share-group {
  clear: both;
  overflow: hidden; }
  .nojs .svt_voting__share-group .svt_voting__share_toggle--close {
    display: none; }
  .svtContainerAside .svt_voting__share-group .nss_sharebox__button-icon, .svtContainerAside .svt_voting__share-group .svt_voting__share_icon {
    margin-right: 0px; }
  .svtContainerAside .svt_voting__share-group .svt_voting__share_text {
    display: none; }
  .svtContainerAside .svt_voting__share-group .svt_share__button {
    overflow: hidden; }
    @media only screen and (min-width: 601px) and (max-width: 800px) {
      .svtContainerAside .svt_voting__share-group .svt_share__button {
        font-size: 0.8em; } }
  .svt_voting__share-group .svt_clearfix {
    *zoom: 1; }
    .svt_voting__share-group .svt_clearfix:before,
    .svt_voting__share-group .svt_clearfix:after {
      content: "";
      display: table;
      clear: both; }
  .svt_voting__share-group .svt_share__button__facebook,
  .svt_voting__share-group .svt_share__button__google {
    margin-right: 2%; }

.svt_voting__share_toggle {
  margin-left: 1.5em; }

@media only screen and (max-width: 340px) {
  .svt_voting__share_text {
    display: none; } }

.svt_voting__message--error {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #B50C0C;
  border: solid 1px #B50C0C;
  padding: 5px; }

/* Small, medium and large */
@media only screen and (min-width: 601px) {
  .svt_voting__link, .svt_voting__share_toggle {
    margin-top: 1.5em; }
  .svt_voting__button {
    float: left;
    width: 100%;
    padding-left: 3em;
    padding-right: 3em; }
    .svt_voting__button:disabled {
      padding-left: 3em;
      padding-right: 3em; } }

/* Large */
@media only screen and (min-width: 1025px) {
  .svt_voting__button {
    width: auto; } }

.svt_toplist__tab, .no-js .svt_toplist__title {
  position: relative;
  display: block;
  padding: 1em;
  text-align: center;
  color: #5E5E5E;
  background-color: #f5f5f5; }
  .svt_toplist__tab.svt_is-active, .no-js .svt_toplist__title {
    color: white;
    border-color: #007FD7;
    background: #007FD7; }
  .svt_toplist__tab.svt_is-active:after, .no-js .svt_toplist__title:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 0, 0, 0);
    border-top-color: #007FD7;
    border-width: .60em;
    margin-left: -.60em; }

.svt_toplist__tab-list {
  *zoom: 1;
  margin: 0;
  border-bottom: 3px solid #007FD7;
  display: block;
  width: 100%; }
  .svt_toplist__tab-list:before,
  .svt_toplist__tab-list:after {
    content: "";
    display: table;
    clear: both; }
  .svt_toplist__tab-list > li {
    float: left;
    display: block;
    width: 50%; }
  .no-js .svt_toplist__tab-list {
    display: none; }

.svt_toplist__title {
  font-size: 13px;
  font-size: 0.8125rem;
  display: none; }
  .no-js .svt_toplist__title {
    display: block; }

.svt_toplist__box {
  background-color: #f5f5f5;
  padding: 1px;
  margin-bottom: 2em; }
  .svt_toplist__box + .svt_toplist__box {
    display: none; }
  .no-js .svt_toplist__box {
    display: block; }

.svt_toplist__link-list {
  list-style-type: none;
  margin: 0 0 0 2em; }
  .svt_toplist__link-list > li {
    background: #ffffff; }
  .svt_toplist__link-list > li:first-child {
    counter-reset: list-counter;
    counter-increment: list-counter; }
  .svt_toplist__link-list > li:before {
    content: counter(list-counter);
    float: left;
    display: block;
    padding-top: .75em;
    margin-left: -2em;
    width: 2em;
    text-align: center;
    color: #007FD7; }
  .svt_toplist__link-list > li > a {
    display: block;
    padding: .75em; }
  .svt_toplist__link-list > li + li {
    margin-top: 1px;
    counter-increment: list-counter; }

.svt_toplist__link:hover {
  text-decoration: none; }
  .svt_toplist__link:hover .svt_toplist__link-title {
    text-decoration: underline; }

.svt_toplist__link-meta {
  display: block; }
  .svt_toplist__link-meta > * + *:before {
    font-size: 12px;
    font-size: 1.0909090909rem;
    position: relative;
    top: 0.15em;
    padding-right: 0.15em;
    content: '\2022'; }

.svt_toplist__link-time,
.svt_toplist__link-type {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #a3a3a3;
  font-weight: bold; }

.svtPageSearch h2 {
  color: #666;
  padding-left: 18px; }

.svtPageSearch .svtForm, .svtPageSearch .svtFormSmall, .svtPageSearch .svtFormInverted {
  background-color: #cce8fa;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }
  .svtPageSearch .svtForm input[type="text"], .svtPageSearch .svtFormSmall input[type="text"], .svtPageSearch .svtFormInverted input[type="text"] {
    width: 100%;
    height: 3.2em;
    border: 1px solid #E3E3E3;
    box-shadow: none;
    border-radius: 0; }

.svtse_keyboard-navigation .svtPageSearch .svtForm input[type="text"]:focus, .svtse_keyboard-navigation .svtPageSearch .svtFormSmall input[type="text"]:focus, .svtse_keyboard-navigation .svtPageSearch .svtFormInverted input[type="text"]:focus {
  border: solid 2px #ffc300; }

.svtPageSearch .svtKundoSearch {
  position: relative;
  padding: 1.4em; }

.svtPageSearch .svtSearchInputContainer {
  margin-bottom: 10px; }
  @media only screen and (min-width: 601px) {
    .svtPageSearch .svtSearchInputContainer {
      margin-right: 140px;
      margin-bottom: 0; } }

.svtPageSearch .svtSearchButton {
  display: block;
  width: 100%;
  padding: 0.75em 0;
  background-color: #008ce5;
  border: 0;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }
  .svtPageSearch .svtSearchButton > span {
    margin-right: 0.2em; }
  @media only screen and (min-width: 601px) {
    .svtPageSearch .svtSearchButton {
      position: absolute;
      top: 0;
      right: 0;
      width: 130px;
      font-size: 1.2em;
      padding: 0.75em 0 0.7em; } }
  .svtPageSearch .svtSearchButton:hover {
    background-color: #0083d6; }
  .svtse_keyboard-navigation .svtPageSearch .svtSearchButton:focus {
    background-color: #ffc300;
    outline: none; }
  .svtse_keyboard-navigation .svtPageSearch .svtSearchButton:active {
    background-color: #008ce5;
    color: #fff; }
  .svtse_keyboard-navigation .svtPageSearch .svtSearchButton:hover {
    background-color: #0083d6; }

.svt_buttonlist + * {
  margin-top: 40px; }

.svt_buttonlist h2 {
  color: #666;
  margin-left: 18px; }

.svt_buttonlist li {
  margin-top: 15px; }
  .svt_buttonlist li:first-child {
    margin-top: 0; }

.svtse_keyboard-navigation .svt_buttonlist .svt_buttonlist--list a:focus {
  background-color: #ffc300;
  outline: none; }

.svtse_keyboard-navigation .svt_buttonlist .svt_buttonlist--list a:active {
  background-color: transparent; }

.svtse_keyboard-navigation .svt_buttonlist .svt_buttonlist--list a:hover {
  text-decoration: none;
  border-left-color: #bee2f9;
  background-color: #f7f7f7; }

.svt_buttonlist a {
  position: relative;
  display: block;
  border-right: 1px solid #E3E3E3;
  color: #000;
  font-weight: bold;
  background-color: #FFF; }
  .svt_buttonlist a .svt_buttonlist--text {
    display: block;
    padding: 1.5em 68px 1.5em 18px;
    margin-left: 50px;
    border: 1px solid #E3E3E3;
    border-width: 1px 0; }
  .svt_buttonlist a .svt_buttonlist--icon {
    left: 0;
    background-color: #cce8fa; }
  .svt_buttonlist a .svt_buttonlist--arrow {
    right: 0; }
  .svt_buttonlist a .svt_buttonlist--icon,
  .svt_buttonlist a .svt_buttonlist--arrow {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    font-size: 2.2em;
    color: #008ce5; }
    .svt_buttonlist a .svt_buttonlist--icon .svt_icon,
    .svt_buttonlist a .svt_buttonlist--arrow .svt_icon {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      margin-top: -0.5em;
      text-align: center; }
  .svt_buttonlist a:hover {
    text-decoration: none;
    border-left-color: #bee2f9;
    background-color: #f7f7f7; }
    .svt_buttonlist a:hover .svt_buttonlist--icon {
      background-color: #bee2f9;
      color: #0083d6; }
    .svt_buttonlist a:hover .svt_buttonlist--arrow {
      color: #0083d6; }

.svtTittarservice-dialoglist + * {
  margin-top: 40px; }

.svtse_keyboard-navigation .svtTittarservice-dialoglist .svtButton:focus, .svtse_keyboard-navigation .svtTittarservice-dialoglist .svtButton-Flexible:focus, .svtse_keyboard-navigation .svtTittarservice-dialoglist .dsq-submit:focus, .svtse_keyboard-navigation .svtTittarservice-dialoglist .svt_voting__button:focus, .svtse_keyboard-navigation .svtTittarservice-dialoglist .svt_share__button:focus {
  border-color: #ffc300;
  border-width: 2px; }

.svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea:hover {
  background-color: #f7f7f7; }
  .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea:hover a {
    text-decoration: underline; }
  .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea:hover .svtTittarserviceMargin {
    border-left-color: #ecc695; }
  .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea:hover .svtFaqState-answered {
    background-color: #afda9d; }

.svtse_keyboard-navigation .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea a:focus {
  background-color: #ffc300;
  outline: none; }

.svtse_keyboard-navigation .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea a:active,
.svtse_keyboard-navigation .svtTittarservice-dialoglist .svtTittarservice-articleText.svtJsClickArea a:hover {
  background-color: transparent; }

/** Needs to be included last to be useful **/
/* ==========================================================================
   Extends
   ========================================================================== */
/**
 * Small css classes for reuse and "lego" style of markup
 *
 * Example a box with grey border and black background
 * <div class=" svtXBgAlmostWhite svtXBgColorBlack">...</div>
 *
 * Always with the prefix svtX
 */
/* Colors
   ========================================================================== */
.svtXColorWhite {
  color: #FFF; }
  .svtXColorWhite:hover, .svtXColorWhite:visited, .svtXColorWhite:active {
    color: #FFF; }

.svtXColorGrey {
  color: #AAA; }
  .svtXColorGrey:hover, .svtXColorGrey:visited, .svtXColorGrey:active {
    color: #AAA; }

.svtXColorDarkLightGrey {
  color: #4b4b4b; }
  .svtXColorDarkLightGrey:hover, .svtXColorDarkLightGrey:visited, .svtXColorDarkLightGrey:active {
    color: #4b4b4b; }

.svtXColorBlack {
  color: #000; }
  .svtXColorBlack:hover, .svtXColorBlack:visited, .svtXColorBlack:active {
    color: #000; }

.svtXColorDarkgrey {
  color: #666; }
  .svtXColorDarkgrey:hover, .svtXColorDarkgrey:visited, .svtXColorDarkgrey:active {
    color: #666; }

.svtXColorRegular, .svtTablaHeading a {
  color: #1A1A1A; }
  .svtXColorRegular:hover, .svtTablaHeading a:hover, .svtXColorRegular:visited, .svtTablaHeading a:visited, .svtXColorRegular:active, .svtTablaHeading a:active {
    color: #1A1A1A; }

.svtXColorBlue {
  color: #0059B3; }

.svtXColorLightCyan {
  color: #b2e5ff; }
  .svtXColorLightCyan:hover, .svtXColorLightCyan:visited, .svtXColorLightCyan:active {
    color: #b2e5ff; }

.svtXColorLightBlue {
  color: #E5EEF7; }

.svtXColorRed {
  color: #B50C0C; }

/* Background colors
   ========================================================================== */
.svtXBgColorGradientLightLightGrey {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background-image: -webkit-linear-gradient(top, #FFF, #EEE);
  background-image: -moz-linear-gradient(top, #FFF, #EEE);
  background-color: #EEE; }

.svtXBgColorGradientLightBlack {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#262626));
  background-image: -webkit-linear-gradient(top, #333, #262626);
  background-image: -moz-linear-gradient(top, #333, #262626);
  background-color: #262626; }

.svtXBgAlmostWhite {
  background-color: #f9f9f9; }

.svtXBgColorLightLightGrey {
  background-color: #EEE; }

.svtXBgColorWhite {
  background-color: #FFF; }

.svtXBgColorDarkWhite {
  background-color: #F2F2F2; }

.svtXBgColorLightLightBlue {
  background-color: #E5EEF7; }

.svtXBgColorDarkDarkGrey {
  background-color: #3B3B3B; }

.svtXBgColorLightLightBlack {
  background-color: #333; }

.svtXBgColorAlmostBlack {
  background-color: #262626; }

.svtXBgColorBlack {
  background-color: #000; }

/* Text shadow
   ========================================================================== */
.svtXTextShadowDark {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

/* Padding
   ========================================================================== */
.svtXPadding-0px {
  padding: 0; }

.svtXPadding-3px {
  padding: 3px; }

.svtXPadding-5px {
  padding: 5px; }

.svtXPadding-0-15px-10px {
  padding: 0 15px 10px; }

.svtXPadding-0-15px-15px-15px {
  padding: 0 15px 15px 15px; }

.svtXPadding-15px, .svtTablaNext {
  padding: 15px; }

.svtXPadding-5px-10px {
  padding: 5px 10px; }

.svtXPadding-10px {
  padding: 10px; }

.svtXPadding-5px-20px {
  padding: 5px 20px; }

.svtXPadding-10px-15px {
  padding: 10px 15px; }

.svtXPadding-10px-20px {
  padding: 10px 20px; }

.svtXPadding-20px-30px {
  padding: 20px 30px; }

.svtXPadding-20px-5pc {
  padding: 20px 5%; }

.svtXPadding-30px-2pc {
  padding: 30px 2%; }

.svtXPadding-50px-3pc {
  padding: 50px 3%; }

.svtXPadding-Top-3px {
  padding-top: 3px; }

.svtXPadding-Top-5px {
  padding-top: 5px; }

.svtXPadding-Top-10px, .svtTablaPrintHeader .svtTablaPrintMenu {
  padding-top: 10px; }

.svtXPadding-Top-20px {
  padding-top: 20px; }

.svtXPadding-Top-15px {
  padding-top: 15px; }

.svtXPadding-Top-30px, .svtVideoInfoArea {
  padding-top: 30px; }

.svtXPadding-Top-40px {
  padding-top: 40px; }

.svtXPadding-Top-50px {
  padding-top: 50px; }

.svtXPadding-Bottom-3px {
  padding-bottom: 3px; }

.svtXPadding-Bottom-5px {
  padding-bottom: 5px; }

.svtXPadding-Bottom-10px {
  padding-bottom: 10px; }

.svtXPadding-Bottom-15px, .svtTablaPrintHeader {
  padding-bottom: 15px; }

.svtXPadding-Bottom-20px, .svtVideoInfoArea, .svtTablaNext, .svtTablaNext header {
  padding-bottom: 20px; }

.svtXPadding-Bottom-30px {
  padding-bottom: 30px; }

.svtXPadding-Bottom-40px {
  padding-bottom: 40px; }

.svtXPadding-Right-5px {
  padding-right: 5px; }

.svtXPadding-Right-10px {
  padding-right: 10px; }

.svtXPadding-Right-15px {
  padding-right: 15px; }

.svtXPadding-Right-20px {
  padding-right: 20px; }

.svtXPadding-Left-20px {
  padding-left: 20px; }

.svtXPadding-5px-15px {
  padding: 5px 15px; }

.svtXPadding-15px-Bottom-5px {
  padding: 15px 15px 5px; }

.svtXPadding-10px-15px {
  padding: 10px 15px; }

.svtXPadding-5px-15px-10px {
  padding: 5px 15px 10px; }

.svtXPadding-15px-15px-0px {
  padding: 15px 15px 0; }

.svtXPadding-LeftRight-5px {
  padding-left: 5px;
  padding-right: 5px; }

.svtXPadding-LeftRight-15px {
  padding-left: 15px;
  padding-right: 15px; }

.svtXPadding-LeftRight-10px {
  padding-left: 10px;
  padding-right: 10px; }

.svtXPadding-LeftRight-15px {
  padding-left: 15px;
  padding-right: 15px; }

.svtXPadding-LeftRight-20px {
  padding-left: 20px;
  padding-right: 20px; }

.svtXPadding-TopBottom-7px {
  padding-top: 7px;
  padding-bottom: 7px; }

.svtXPadding-TopBottom-10px {
  padding-top: 10px;
  padding-bottom: 10px; }

.svtXPadding-TopBottom-15px {
  padding-top: 15px;
  padding-bottom: 15px; }

.svtXPadding-TopBottom-20px {
  padding-top: 20px;
  padding-bottom: 20px; }

.svtXPadding-TopBottom-30px {
  padding-top: 30px;
  padding-bottom: 30px; }

.svtXPadding-LeftRight-3pc, .svtVideoInfoArea {
  padding-left: 3%;
  padding-right: 3%; }

/* Margin
   ========================================================================== */
.svtXMargin-Neg5px-0px-0px-Neg5px {
  margin: -5px 0 -5px; }

.svtXMargin-Top-Neg3px {
  margin-top: -3px; }

.svtXMargin-Top-Neg10px {
  margin-top: -10px; }

.svtXMargin-Top-Neg20px {
  margin-top: -20px; }

.svtXMargin-Top-Neg40px {
  margin-top: -40px; }

.svtXMargin-Right-Neg10px {
  margin-right: -10px; }

.svtXMargin-LeftRight-auto {
  margin-left: auto;
  margin-right: auto; }

.svtXMargin-0px, .svtTablaNext .svtVignette, .svtTablaNext .svt_voting__vignette, .svtTablaNext .svt_voting__vignette--open, .svtTablaNext .svt_voting__vignette--closed, .svtTablaContent-Links {
  margin: 0; }

.svtXMargin-15px, .svtTablaPrintFooter {
  margin: 15px; }

.svtXMargin-30px-10px-10px {
  margin: 30px 10px 10px; }

.svtXMargin-10px-10px-0px {
  margin: 10px 10px 0; }

.svtXMargin-10px-20px-10px-0px {
  margin: 10px 20px 10px 0; }

.svtXMargin-20px-0px {
  margin: 20px 0; }

.svtXMargin-20px-0px-10px {
  margin: 20px 0 10px; }

.svtXMargin-5px {
  margin: 5px; }

.svtXMargin-10px {
  margin: 10px; }

.svtXMargin-10px-20px {
  margin: 10px 20px; }

.svtXMargin-10px-15px {
  margin: 10px 15px; }

.svtXMargin-Top-0px {
  margin-top: 0; }

.svtXMargin-Top-3px {
  margin-top: 3px; }

.svtXMargin-Top-5px, .svtTablaTitleInfo p + p, .svtTablaContent-Links li + li {
  margin-top: 5px; }

.svtXMargin-Top-10px, .svtTablaPrintContainer h2 + table, .svtTablaContent-Links, .svtTablaContent-Meta, .svtTablaContent-ChannelList {
  margin-top: 10px; }

.svtXMargin-Top-15px, .svtTablaPrintHeader {
  margin-top: 15px; }

.svtXMargin-Top-20px, .svtTablaNext .svtTablaContent + p {
  margin-top: 20px; }

.svtXMargin-Top-30px {
  margin-top: 30px; }

.svtXMargin-Top-40px {
  margin-top: 40px; }

.svtXMargin-Top-50px {
  margin-top: 50px; }

.svtXMargin-Bottom-3px {
  margin-bottom: 3px; }

.svtXMargin-Bottom-5px {
  margin-bottom: 5px; }

.svtXMargin-Bottom-10px {
  margin-bottom: 10px; }

.svtXMargin-Bottom-20px, .svtTablaNext, .svtTablaPrintContainer > .svtTablaDay {
  margin-bottom: 20px; }

.svtXMargin-Bottom-15px, .svtTablaPrintHeader {
  margin-bottom: 15px; }

.svtXMargin-Bottom-30px, .svtTablaWeek-Title {
  margin-bottom: 30px; }

.svtXMargin-Bottom-40px {
  margin-bottom: 40px; }

.svtXMargin-Bottom-50px {
  margin-bottom: 50px; }

.svtXMargin-Bottom-13em {
  margin-bottom: 1.3em; }

.svtXMargin-Bottom-10px-NEG {
  margin-bottom: -10px; }

.svtXMargin-Right-3px {
  margin-right: 3px; }

.svtXMargin-Right-5px {
  margin-right: 5px; }

.svtXMargin-Right-10px {
  margin-right: 10px; }

.svtXMargin-Right-15px {
  margin-right: 15px; }

.svtXMargin-Right-30px {
  margin-right: 30px; }

.svtXMargin-Left-0px {
  margin-left: 0; }

.svtXMargin-Left-5px {
  margin-left: 5px; }

.svtXMargin-Left-10px {
  margin-left: 10px; }

.svtXMargin-Left-15px {
  margin-left: 15px; }

.svtXMargin-Left-20px {
  margin-left: 20px; }

.svtXMargin-Left-33em {
  margin-left: 3.3em; }

/* Borders
   ========================================================================== */
.svtXBorder-Top {
  border-top: 1px solid #E3E3E3; }

.svtXBorder-Top-MediumLightgrey {
  border-top: 1px solid #CCC; }

.svtXBorder-Top-M {
  border-top: 4px solid #000; }

.svtXBorder-Top-M-Darkgrey {
  border-top: 4px solid #3B3B3B; }

.svtXBorder-Top-M-Lightgrey {
  border-top: 4px solid #E3E3E3; }

.svtXBorder-Top-Lightgrey, .svtTablaTable, .svtTablaTable-SvtChannels {
  border-top: 1px solid #E3E3E3; }

.svtXBorder-Top-LightLightGrey {
  border-top: 1px solid #EEE; }

.svtXBorder-Top-Lightlightgrey-2px {
  border-top: 2px solid #EEE; }

.svtXBorder-Bottom-LightLightGrey {
  border-bottom: 1px solid #EEE; }

.svtXBorder-Bottom {
  border-bottom: 1px solid #E3E3E3; }

.svtXBorder-Grey {
  border: 1px solid #AAA; }

.svtXBorder-MediumLightgrey {
  border: 1px solid #CCC; }

.svtXBorder-Lightgrey, .svtTablaNext {
  border: 1px solid #E3E3E3; }

.svtXBorder-3px-Lightgrey {
  border: 3px solid #E3E3E3; }

.svtXBorder-Right-3px-Lightgrey {
  border-right: 3px solid #E3E3E3; }

.svtXBorder-Left-3px-Lightgrey {
  border-left: 3px solid #E3E3E3; }

.svtXBorder-Lightlightgrey {
  border: 1px solid #EEE; }

.svtXBorder-Green {
  border: 1px solid #48B613;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }

.svtXBorder-Black {
  border: 1px solid #000; }

.svtXBorder-DarkDarkGrey {
  border: 1px solid #3B3B3B; }

.svtXBorder-Top-Black {
  border-top: 1px solid #000; }

.svtXBorder-Left-MediumLightgrey {
  border-left: 1px solid #CCC; }

.svtXBorder-Left-LightDarkgrey {
  border-left: 1px solid #808080; }

.svtXBorder-Left-Black {
  border-left: 1px solid #000; }

.svtXBorder-Left-LightLightGrey {
  border-left: 1px solid #EEE; }

.svtXBorder-Left-Grey {
  border-left: 2px solid #AAA; }

.svtXBorder-Left-Darkgrey {
  border-left: 1px solid #666; }

.svtXBorder-Left-DarkDarkGrey-4px {
  border-left: 4px solid #3B3B3B; }

.svtXBorder-Left-Grey-4px {
  border-left: 4px solid #AAA; }

.svtXBorder-Bottom-Grey {
  border-bottom: 1px solid #AAA; }

.svtXBorder-Bottom-Mediumlightgrey {
  border-bottom: 1px solid #CCC; }

.svtXBorder-Bottom-Darkgrey {
  border-bottom: 1px solid #666; }

.svtXBorder-Bottom-Lightgrey, .svtTablaTable, .svtTablaTable-SvtChannels, .svtTablaNext header, .svtTablaNext .svtTablaContent {
  border-bottom: 1px solid #E3E3E3; }

.svtXBorder-Bottom-Lightlightgrey {
  border-bottom: 1px solid #EEE; }

.svtXBorder-Bottom-Lightlightgrey-2px, .svtTablaPrintHeader {
  border-bottom: 2px solid #EEE; }

.svtXBorder-Bottom-M-Black {
  border-bottom: 4px solid #000; }

.svtXBorderColor-Lightgrey {
  border-color: #E3E3E3; }

.svtXBorder-Inset-Grey {
  border-top: 1px solid #353535;
  border-bottom: 1px solid #131313; }

.svtXBorder-Top-None {
  border-top: 0; }

.svtXBorder-Bottom-None, .svtTablaNext .svtVignette, .svtTablaNext .svt_voting__vignette, .svtTablaNext .svt_voting__vignette--open, .svtTablaNext .svt_voting__vignette--closed {
  border-bottom: 0; }

/* Border radius
   ========================================================================== */
.svtXBorder-Radius, .svtButton-Play, .svtButton, .svtButton-Flexible, .dsq-submit, .svt_voting__button, .svt_share__button, .svtButton-Inactive, .svt_voting__button:disabled, .svt_share__button:disabled, .svtButton-Notification_twitter, .svtButton-White, .svtTablaNext, .svtseSubmenuSearchWrapper-White, .svt_post-question__button {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }

.svtXBorder-Radius-Top {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.svtXBorder-Radius-Bottom {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

/* Clear
   ========================================================================== */
.svtXClearBoth {
  clear: both; }

.svtXClearLeft {
  clear: left; }

.svtXClearRight {
  clear: right; }

.svtXClearFix {
  clear: both;
  overflow: hidden; }

/* Display
   ========================================================================== */
.svtXDisplayBlock {
  display: block; }

.svtXDisplayInline {
  display: inline; }

.svtXDisplayInline-Block {
  display: inline-block; }

.svtXDisplayNone {
  display: none; }

.svtXDisplayTableRow {
  display: table-row; }

/* Float
   ========================================================================== */
.svtXFloatNone {
  float: none; }

.svtXFloatRight, .svt_voting__share_toggle {
  float: right; }

.svtXFloatLeft {
  float: left; }

.svtXNoFloatLeft-GTE-S {
  float: left; }

/** Position **/
/* Postion
   ========================================================================== */
.svtXTop-Neg3px {
  top: -3px; }

.svtXTop-0 {
  top: 0; }

.svtXPositionRelative {
  position: relative; }

.svtXPositionAbsolute {
  position: absolute; }

.svtXAbsoluteTopRight {
  position: absolute;
  top: 0;
  right: 0; }

.svtXAbsoluteTopLeft {
  position: absolute;
  top: 0;
  left: 0; }

/* Images
   ========================================================================== */
.svtXImageFullWidth {
  width: 100%; }

.svtXMaxWidth20p {
  max-width: 20%; }

.svtXMaxWidth25p {
  max-width: 25%; }

.svtXMaxWidth35p {
  max-width: 35%; }

.svtXMinWidth40p {
  min-width: 40%; }

.svtXMaxWidth40em, .svtTablaTitleInfo {
  max-width: 40em; }

.svtXMaxWidth50em {
  max-width: 50em; }

.svtXMaxWidth75p {
  max-width: 75%; }

.svtXMaxWidth65p {
  max-width: 65%; }

.svtXMaxWidth {
  max-width: 100%; }

.svtXFullWidth {
  width: 100%; }

.svtXMinHeight-35px {
  min-height: 35px; }

.svtXMinHeight-40px {
  min-height: 40px; }

.svtXMaxHeightSquare {
  max-height: 50px; }

/* Text
   ========================================================================== */
.svtXTextNormal, .svtTablaNext .svtTablaHeading {
  font-weight: normal; }

.svtXFontNormal {
  font-style: normal; }

.svtXFontSansSerif {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

.svtXTextBold {
  font-weight: bold; }

.svtXTextItalic {
  font-style: italic; }

.svtXTextTransformNone {
  text-transform: none; }

.svtXTextUpperCase {
  text-transform: uppercase; }

.svtXTextAlignCenter, .svtTablaPrintFooter {
  text-align: center; }

.svtXTextAlignRight {
  text-align: right; }

.svtXTextAlignLeft {
  text-align: left; }

a.svtXTextDecorationNone {
  text-decoration: none; }

.svtXLineHeight-12em {
  line-height: 1.2em; }

.svtXLineHeight20 {
  line-height: 20px; }

.svtXLineHeight24 {
  line-height: 25px; }

.svtXLineHeight36 {
  line-height: 36px; }

.svtXTextSize-12, .svtTablaTitleInfo p {
  font-size: 93%; }

/* List
   ========================================================================== */
.svtXNoListStyleType, .svtTablaContent-Links {
  list-style-type: none; }

/* Cursor
   ========================================================================== */
.svtXCursorPointer {
  cursor: pointer; }

/* Nowrap
   ========================================================================== */
.svtXNowrap {
  white-space: nowrap; }

/* Overflow
   ========================================================================== */
.svtXOverflowHidden {
  overflow: hidden; }

.svtXOverflowVisible {
  overflow: visible; }

/* Width (and height)
   ========================================================================== */
.svtXWidth642px {
  max-width: 642px; }

/* Video default */
.svtXWidth988px {
  max-width: 988px; }

.svtXWidth100px {
  width: 100px; }

.svtXWidth250px {
  max-width: 250px; }

.svtXWidth-19 {
  width: 19%; }

.svtXWidth-24 {
  width: 24%; }

.svtXWidth-32 {
  width: 33%; }

.svtXWidth-33 {
  width: 33%; }

.svtXWidth-33_3 {
  width: 33.3%; }

.svtXWidth-49 {
  width: 49%; }

.svtXWidth-50 {
  width: 50%; }

.svtXWidth-69 {
  width: 69%; }

.svtXWidth-75 {
  width: 75%; }

.svtXWidth-100 {
  width: 100%; }

.svtXWidth-24-GTE-M {
  width: 100%; }

.svtXWidth-33-GTE-S {
  width: auto; }

.svtXWidth-98to33-GTE-S {
  width: 98%; }

/* Show mobile first wise */
.svtXWidth-Gte-S {
  display: block; }

/* Height */
.svtXHeight-1000px {
  min-height: 1000px; }

.svtXHeight-100percent {
  height: 100%; }

/* Opacity
   ========================================================================== */
.svtOpacityArea {
  opacity: 1;
  -moz-transition: opacity 200ms linear 0s;
  -webkit-transition: opacity 200ms linear 0s;
  transition: opacity 200ms linear 0s; }

.svtOpacity-60 {
  opacity: 0.6; }

.svtOpacity-15 {
  opacity: 0.15; }

.svtOpacity-100 {
  opacity: 1; }

/* Text-overflow
   ========================================================================== */
.svtXTextOverflow {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* Columns
   ========================================================================== */
.svtXColumnBorders {
  -moz-column-rule: 1px solid #E3E3E3;
  -webkit-column-rule: 1px solid #E3E3E3;
  column-rule: 1px solid #E3E3E3; }

/* Layout center
   ========================================================================== */
.svtXTotalCenter {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.ieLte7 .svtXTotalCenter {
  top: 50%;
  left: 50%; }
  .ieLte7 .svtXTotalCenter > * {
    position: relative;
    top: -50%;
    left: -50%; }

/* ==========================================================================
   css vs js
   ========================================================================== */
/**
 * CSS that's used with javascript and javascript related styling
 *
 * Example can be a transition with browsers that's supports it and javascript as fallback
 */
/* Transition TODO: REMOVE */
.svtTransition {
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* Did this really work? */
  /* Yes it does NOW and breaks stuff */ }

.svtJsTransitionWidth {
  -moz-transition: width 250ms ease-in-out 0s;
  -webkit-transition: width 250ms ease-in-out 0s;
  transition: width 250ms ease-in-out 0s; }

/* TODO: Double class not allowed, find other solution */
.svtJsTransitionWidth.svtTransitionTarget-100w {
  width: 100% !important; }

.svtTransitionTarget-100w {
  width: 100%;
  clear: both;
  display: block;
  /* Sorry but because of IE7 we need the important */
  margin-left: 0 !important;
  margin-right: 0 !important; }

.svtJsTransitionBgColor {
  -moz-transition: background-color 2 "ease-in-out" 0s;
  -webkit-transition: background-color 2 "ease-in-out" 0s;
  transition: background-color 2 "ease-in-out" 0s; }

.svtJsTransitionBgColor.svtTransitionTarget-highlight {
  background-color: #FFFFCC; }

/* Javasript related styling
   ========================================================================== */
.no-js .svtJSClickPrint {
  display: none; }

.svtJs-log {
  position: absolute !important;
  display: none !important; }

.js .svtHide-Js {
  display: none; }

.js .svtInvisible-Js {
  visibility: hidden; }

.js .svtJsClickArea {
  cursor: pointer; }

.js .svtJsContract {
  cursor: pointer; }

.js .svtJsLoadArticleTarget {
  display: none;
  clear: both; }

.no-js .svtHide-No-Js {
  /* To hide responsive img tags for video players when no js. */
  display: none !important; }

.no-js
.svtShow-no-js {
  display: block; }

.no-js .svtJsGeolocationButton, .no-geolocation .svtJsGeolocationButton {
  display: none; }

/* No touch devices
   ========================================================================== */
/* Hover states for links in play area */
.no-touch .svtBox-ContainerPlay, .no-touch .svtAside-Play {
  /* Tag for FF-hover */ }
  .no-touch .svtBox-ContainerPlay article.svtJsClickArea:hover a, .no-touch .svtBox-ContainerPlay div.svtJsClickArea:hover a, .no-touch .svtAside-Play article.svtJsClickArea:hover a, .no-touch .svtAside-Play div.svtJsClickArea:hover a {
    color: #AFFFFF; }
  .no-touch .svtBox-ContainerPlay article.svtJsClickArea:hover .svtUnit-Play-hover, .no-touch .svtBox-ContainerPlay div.svtJsClickArea:hover .svtUnit-Play-hover, .no-touch .svtAside-Play article.svtJsClickArea:hover .svtUnit-Play-hover, .no-touch .svtAside-Play div.svtJsClickArea:hover .svtUnit-Play-hover {
    display: block; }

/* Performance fixes 
   ========================================================================== */
/*
 * Disable transitions for slower devices.
 * This is a quick fix to remove transition from the news teasers.
 * ToDo: rewrite news teasers...
 */
.no-fxtransition .svtJsArticle,
.no-fxtransition .svtJsArticle * {
  -moz-transition-duration: 0s !important;
  -webkit-transition-duration: 0s  !important;
  -o-transition-duration: 0s  !important;
  -ms-transition-duration: 0s !important;
  transition-duration: 0s !important; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xxsmall	<= 341px (mobile portrait)
 * xsmall	<= 600px (mobile first)
 * small	>= 601px and <= 800px (ex. iPad portrait)
 * medium	>= 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	>= 1024px (ex desktops and laptops)
 * xlarge	>= 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/**
 * @todo Where should this go? Can't be placed in extends, svtXFullWidth for
 * instance overrides the media queries since it's later in the cascade :(
 */
.svtXWidth100 {
  width: 100%; }

.svtXWidth44 {
  width: 44%; }

/* Small, medium and large
   ========================================================================== */
@media only screen and (min-width: 601px) {
  .svtAO-filterarea a {
    display: inline-block;
    margin-bottom: 0; }
  .svtAO-Aside {
    border-bottom: none;
    height: 100%;
    margin-top: 30px;
    padding: 10px 10px 0;
    position: absolute;
    right: 0; }
    .svtAO-Aside .svtLink-Arrow-Selected {
      margin: 0 -10px;
      padding-left: 17px; }
  .svtAO-charlist {
    margin-bottom: 15px; }
  .svtHide-E-XS {
    display: block; }
  .svtHide-E-XS-Inline {
    display: inline; }
  .svtHide-Gte-S {
    display: none; }
  .svtShow-Gte-S {
    display: block; }
  .svtGridBlock-1-5-5-5 .svtUnit {
    clear: none;
    float: left;
    width: 18.35%; }
  .svtGridBlock-1-5-5-5 .svtNth-2, .svtGridBlock-1-5-5-5 .svtNth-3, .svtGridBlock-1-5-5-5 .svtNth-4, .svtGridBlock-1-5-5-5 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-2-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtContainerMain {
    width: 65%;
    float: left;
    position: relative; }
  .svtContainerMainWidth {
    width: 65%; }
  .svtContainerMain-Alt {
    width: 53.5%;
    float: left;
    position: relative; }
  .svtContainerMain-70 {
    width: 70%;
    float: left;
    position: relative; }
  .svtContainerAside {
    width: 30%;
    float: right; }
  .svtContainerAside-Alt {
    width: 44%;
    float: right;
    margin-top: 0; }
  .svtContainerAside-25 {
    width: 25%;
    float: right; }
  .svtContainer-100-100-50left-50left {
    width: 50%;
    float: left; }
  .svtContainer-100-100-50right-50right {
    width: 50%;
    float: right; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMBFig-O-L-L-L {
      float: left;
      margin-right: 15px; }
      .svtMediaBlock .svtMBFig-O-L-L-L img {
        display: block; }
    .svtMediaBlock .svtMediaBlockFig-XS.svtMBFig-O-L-L-L {
      width: 10%;
      max-width: 40px; }
    .svtMediaBlock .svtMediaBlockFig-M.svtMBFig-O-L-L-L {
      width: 30%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-L-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-L-L-L {
      width: 48%; }
    .svtMediaBlock .svtMBFig-L-O-O-O {
      float: none;
      margin-right: 0;
      width: 100%; }
  .svtMediaBlock .svtMBFig-O-R-R-R {
    float: right;
    margin-left: 15px; }
  .svtMediaBlockFig-XS.svtMBFig-O-R-R-R {
    width: 10%;
    max-width: 40px; }
  .svtMediaBlockFig-M.svtMBFig-O-R-R-R {
    width: 30%; }
  .svtMediaBlockFig-L.svtMBFig-O-R-R-R {
    width: 35%; }
  .svtMediaBlockFig-XL.svtMBFig-O-R-R-R {
    width: 48%; }
  /* Exceptions for IE8 or less */
  /* Border around article */
  .svtArticleExpand {
    border: 1px solid #EEE;
    padding: 9px;
    margin: 0 -10px 15px -10px; }
  .svtHighlighter-Arrow_breakingNews {
    background: url(/ece-news/statiskt/skins/svt/css/img/nyheter/highlighter-arrows.png) no-repeat 0 50%;
    padding: 8px 32px 9px 100px; }
  .svtButton-Tab-S-Narrow {
    line-height: 28px;
    padding: 11px 15px 10px; }
  .svtXFloatLeft-GTE-S {
    float: left; }
  .svtXNoFloatLeft-GTE-S {
    float: none !important; }
  .svtXFloatRight-Gte-S {
    float: right; }
  .svtXWidthAuto-GTE-S {
    width: auto; }
  .svtXBorder-Left-Grey-1px-GTE-S {
    border-left: 1px solid #AAA; }
  .svtXWidth-33-GTE-S {
    /* somthings not right with the loading order */
    width: 33% !important; }
  .svtXWidth-98to33-GTE-S {
    width: 33%; }
  .svtXWidth-67-GTE-S {
    /* somthings not right with the loading order */
    width: 67% !important; }
  /* Don't write code here */ }

/* Small and medium
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .A_svtseHeaderH1 {
    font-size: 346.2%;
    line-height: 1em; }
  .svtWeather-Tab-Inactive h5,
  .svtWeather-Tab-Active h5 {
    padding: 7px 0.35em 10px; }
  /* Don't write code here */ }

/* Medium and large
   ========================================================================== */
@media only screen and (min-width: 801px) {
  /* Show this because we are no longer Lte S */
  .svtHide-Lte-S {
    /* unhide */
    display: block; }
  .svtHide-Lte-S-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-M {
    /* hide */
    display: none; }
  .svtClear-Lte-S {
    /* remove clear */
    clear: none; }
  .svtDisplayTable-Gte-M {
    display: table; }
  .svtDisplayTableCell-Gte-M {
    display: table-cell;
    vertical-align: top; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 14.9583333333%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-2-2-4-4 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtNth-1-2 {
    width: 48.875%; }
  .svtGridBlock-1-1-3-3 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-1-1-3-3 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-3-3 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-3-3 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-1-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtMediaBlockText-News p,
  .svtMediaBlockText-News ul,
  .svtMediaBlockText-News ol {
    font-size: 108%; }
  .svtMediaBlock .svtMBFig-O-O-L-L {
    float: left;
    margin-right: 15px; }
    .svtMediaBlock .svtMBFig-O-O-L-L img {
      display: block; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-L-L-L-L {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-O-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-O-L-L {
      width: 48%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-R-R-R-R {
      width: 48%; }
  /* Style for modern browsers */
  .svtTablaTable-SvtHeadChannels .svtTablaFuture,
  .svtTableRow-Gte-L {
    display: table-row; }
  /* Exceptions for IE8 or less */
  .svtGridBlock-Right .svtNth-4 {
    padding-top: 48px; }
    .svtGridBlock-Right .svtNth-4 h4 span {
      margin: 0; }
  .svtGridBlock-Right .svtNth-4.liveBroadcast {
    padding-top: 88px; }
  .liveBroadcastLink {
    display: block;
    line-height: 20px;
    height: 20px; }
  .svtJsTablaTimeIndicator {
    margin: 0 0 5px 0; }
  .svtTablaStepButtons {
    float: left;
    height: auto;
    width: 70px; }
  .svtTablaPrintMenu {
    float: right;
    clear: none; }
  h1,
  .svtH1 {
    font-size: 384.6%;
    line-height: 1.1; }
  h2,
  .svtH2,
  .svtH2-Myriad {
    font-size: 307.7%; }
  h3,
  .svtH3, .svtTablaWeek-Title, .svt_voting__question {
    font-size: 189%; }
  .svtH4 {
    /* To give same specificity TODO: find better solution unnecessary code duplication */
    font-size: 153.9%; }
  h5,
  .svtH5 {
    font-size: 116%; }
  h6,
  .svtH6, .svtTablaHeading {
    font-size: 100%; }
  .svtFigcaptionText {
    clear: none; }
  .svtNewsVignetteCollapsed {
    font-size: 15px; }
  .svtTextLead-Article {
    font-size: 123.1%; }
  .svtNewsH1, .svtFirstpageNewsH1 {
    font-size: 415.4%; }
  .svtNewsH2, .svtFirstpageNewsH2 {
    font-size: 307.7%; }
  .svtNewsH3, .svtFirstpageDisasterH1, .svtFirstpageNewsH3 {
    font-size: 230.8%; }
  .svtNewsH4 {
    font-size: 182%; }
  .svtNewsH5 {
    font-size: 153.9%; }
  .svtDisqus-H3 {
    font-size: 153.9%; }
  .svtImageCropper-25pc {
    margin-left: 0;
    margin-right: 0; }
  .svtImageCropper-right-50pc-M-L-zero {
    margin-right: 0; }
  .svtMediaGalleryFigure .svtFigcaptionMeta {
    float: left;
    max-width: 32%; }
  .svtMediaGalleryFigure .svtFigcaptionMeta + .svtFigcaptionText {
    clear: none;
    float: right;
    padding-top: 0;
    max-width: 65%; }
  .svtTittarservice-svtBox-Plate {
    background-color: #f9f9f9; }
  .svtTittarservice-SearchBox {
    float: left;
    position: relative;
    width: 69%;
    border-right: 1px solid #CCC;
    border-bottom: none; }
  .svtTittarservice-SearchBox.svtJsQToggled {
    border-bottom: 1px solid #CCC;
    background-color: #F2F2F2; }
  .svtTittarservice-QuestionBox {
    width: 30%;
    float: right;
    margin-top: 10px;
    background: #f9f9f9;
    padding: 10px 0 5px;
    clear: none;
    text-align: center; }
    .svtTittarservice-QuestionBox a {
      display: inline-block;
      margin: 0 auto;
      overflow: hidden; }
  .svtTittarservice-KundoForm {
    background: #f9f9f9;
    width: 97%;
    padding: 15px;
    float: left;
    clear: both; }
    .svtTittarservice-KundoForm .svtNth-1 {
      width: 30%;
      padding-right: 8%; }
    .svtTittarservice-KundoForm .svtNth-2 {
      width: 60%; }
    .svtTittarservice-KundoForm .svtForm .svtNth-1,
    .svtTittarservice-KundoForm .svtFormSmall .svtNth-1,
    .svtTittarservice-KundoForm .svtFormInverted .svtNth-1,
    .svtTittarservice-KundoForm .svtForm .svtNth-2, .svtTittarservice-KundoForm .svtFormSmall .svtNth-2, .svtTittarservice-KundoForm .svtFormInverted .svtNth-2 {
      width: 48%;
      padding-right: 0; }
    .svtTittarservice-KundoForm .svtJsToggleMenu {
      top: 0;
      right: 15px; }
  .svtTittarservice-Report .svtUnit.svtNth-2 {
    float: right; }
  .svtTittarservice-FormBox,
  .svtTittarservice-report,
  .svtTittarservice-Followpost {
    padding: 30px; }
    .svtTittarservice-FormBox .svtForm,
    .svtTittarservice-FormBox .svtFormSmall,
    .svtTittarservice-FormBox .svtFormInverted,
    .svtTittarservice-report .svtForm,
    .svtTittarservice-report .svtFormSmall,
    .svtTittarservice-report .svtFormInverted,
    .svtTittarservice-Followpost .svtForm, .svtTittarservice-Followpost .svtFormSmall, .svtTittarservice-Followpost .svtFormInverted {
      width: auto; }
  .svtIcon-XXL {
    height: 35px; }
  .svtBox-Padded {
    padding: 10px 20px; }
  /* Create padding inside article */
  .svtTextBread-Article_Padding {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_Padding p,
    .svtTextBread-Article_Padding ul,
    .svtTextBread-Article_Padding ol,
    .svtTextBread-Article_Padding h4,
    .svtTextBread-Article_Padding time,
    .svtTextBread-Article_Padding div {
      padding-left: 15%; }
    .svtTextBread-Article_Padding div p,
    .svtTextBread-Article_Padding div ul,
    .svtTextBread-Article_Padding div ol,
    .svtTextBread-Article_Padding div h4,
    .svtTextBread-Article_Padding div time,
    .svtTextBread-Article_Padding div div {
      padding-left: 0; }
  .svtTextBread-Article_PaddingRight {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_PaddingRight p,
    .svtTextBread-Article_PaddingRight ul,
    .svtTextBread-Article_PaddingRight ol,
    .svtTextBread-Article_PaddingRight h4,
    .svtTextBread-Article_PaddingRight time,
    .svtTextBread-Article_PaddingRight div {
      padding-right: 15%; }
    .svtTextBread-Article_PaddingRight div p,
    .svtTextBread-Article_PaddingRight div ul,
    .svtTextBread-Article_PaddingRight div ol,
    .svtTextBread-Article_PaddingRight div h4,
    .svtTextBread-Article_PaddingRight div time,
    .svtTextBread-Article_PaddingRight div div {
      padding-right: 0; }
  /* TODO: Refactor this is duplicated code for logo */
  .svtLocalTitleBox {
    height: 150px;
    border-bottom: none;
    margin-bottom: 0; }
  .svtseLocalTitle {
    bottom: 28px;
    margin-bottom: 0; }
  .svtseLocalTagline {
    bottom: 4px;
    width: 67%; }
  .svtBroadcastInfo {
    /* Trigger has Layout */
    height: 1em;
    position: absolute;
    right: 0;
    bottom: 56px; }
  .svtXWidth-24-GTE-M {
    width: 24%; }
  .svtXBorder-Left-Grey-GTE-M {
    border-left: 2px solid #AAA; }
  .svtseLocalUmbrellaLogotype img {
    max-height: 70px; }
  /* Don't write code here */ }

/* X-Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .svtColumns-2-3-4-5 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-3-6-6 .svtNth-4 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1, .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2, .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
    max-width: 96%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 32.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+4) {
    display: block;
    width: 24.8%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtMediaBlock .svtMBFig-L-O-L-L {
    width: 100%;
    float: none;
    margin-right: 0; }
  /* Uses medium image proportions on Small screen since small is too small then */
  .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
    width: 30%; }
  .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
    width: 30%; }
  .svtTittarservice-QuestionBox {
    margin-top: 5px; }
  .svtTittarservice-report,
  .svtTittarservice-FormBox,
  .svtTittarservice-Followpost {
    padding: 10px; }
  /* Don't write code here */ }

/* Medium
   ========================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-charlist li:nth-child(17) br {
    display: block; }
  .svtAO-navlist li a {
    width: 6%; }
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 65%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 30%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3
.svtNth-4 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    float: right; }
  .svtColumns-2-3-4-5 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1,
  .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
    max-width: 900px; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 24.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtTableMedium {
    display: table-row; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; }
  /* Don't write code here */ }

/* Large
   ========================================================================== */
@media only screen and (min-width: 1025px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-navlist li a {
    width: 2.5%;
    margin-bottom: 0; }
  /* Style for modern browsers */
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  /* Exceptions for IE8 or less */
  .svtColumns-2-3-4-5 {
    -moz-column-count: 5;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 5;
    -webkit-column-gap: 2%;
    column-count: 5;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .no-csscolumns .svtColumns-2-3-4-5 .svtColumnItem {
    width: 15.95%;
    float: left; }
  /* Show this because we are no longer Lte M */
  .svtHide-Lte-M {
    /* unhide */
    display: block; }
  .svtHide-Lte-M-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-L {
    /* hide */
    display: none; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 50%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 49%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtUnit {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2,
  .svtGridBlock-1-1-3-4 .svtNth-4 {
    float: right; }
  .svtGridBlock-1-2-2-4 .svtUnit,
  .svtGridBlock-2-2-2-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-3,
  .svtGridBlock-1-2-2-4 .svtNth-4,
  .svtGridBlock-2-2-2-4 .svtNth-2,
  .svtGridBlock-2-2-2-4 .svtNth-3,
  .svtGridBlock-2-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; }
  .svtTittarservice-report p,
  .svtTittarservice-articleText .svtXTextAlignCenter p, .svtTittarservice-articleText .svtTablaPrintFooter p {
    padding-right: 0; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 19.7%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .A_svtseHeaderH1 {
    font-size: 461.5%;
    line-height: 0.9em; }
  .svtContainerBase, .svtTablaPrintFooter, .svtTablaPrintHeader, .svtTablaPrintContainer {
    max-width: 988px; }
  .svtVideoAreaFull .svtContainerBase, .svtVideoAreaFull .svtTablaPrintFooter, .svtVideoAreaFull .svtTablaPrintHeader, .svtVideoAreaFull .svtTablaPrintContainer {
    max-width: 988px; }
  .svtBox-Padded {
    padding: 10px 20px; }
  /* Don't write code here */ }

/* xlarge
   ========================================================================== */
/**
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */