/* Fonts */
.site_tv4 h2 {
	font: 1.5em Arial, Helvetica, sans-serif;
}

.site_tv4 h3 {
	font: bold 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.site_tv4 h4 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.site_tv4 #sites-navigation a{
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

.site_tv4 #main-navigation a{
	font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.site_tv4 #search{
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.site_tv4 #topic-content .program-menu .box .content a, .site_tv4 #topic-content .program-menu .box-content a {
	font: bold 1.4em Arial, Helvetica, sans-serif;
}

.site_tv4 .program-menu a {
	display: block;
	padding: 5px 14px 0 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.site_tv4 .box .content a, .site_tv4 .box-content a {
	font: bold 1em/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.site_tv4 .box .content p a {
    font-weight: normal;
}

.site_tv4 .box-content .pic-and-text li a {
	font-weight:bold;
}

.site_tv4 .box-content .small-pics-list li a {
	font-weight:normal;
}

/* Navigation */
.site_tv4 .navigation{
	float: left;
	width: 100%;
	min-height: 30px;
	list-style: none;
	margin-bottom: 0;
}

.site_tv4 .navigation li{
	float: left;
}

.site_tv4 .navigation a{
	display: block;
	min-height: 14px;
	padding: 8px;
	text-decoration: none;
}

.site_tv4 .navigation a:focus{
	-moz-outline-style: none;
}

.site_tv4 .navigation a:hover{
	text-decoration: underline;
}

/* Sites navigation */
.site_tv4 #sites-navigation{
	float: left;
	background: #77807F;
	border-bottom: 1px solid #676D6D;
	list-style: none;
	padding-left: 20px;
	width: 100%;
	min-height: 16px;
	margin: 0;
}

.site_tv4 #sites-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site_tv4 #sites-navigation li {
	float: left;
	background: url(../images/tv4/navigation/sites-navigation-li.gif) no-repeat left top;
	padding-left: 4px;
	height: 16px;
}

.site_tv4 #sites-navigation .selected {
	background: url(../images/tv4/navigation/sites-navigation-li-tv4.gif) no-repeat left top;
}

.site_tv4 #sites-navigation a {
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 9px !important;
	background: url(../images/tv4/navigation/sites-navigation-a.gif) no-repeat right top;
	display: block;
	padding-top:2px;
	padding-right:10px;
	height: 26px;
	/*text-transform: uppercase;*/
}

.site_tv4 #sites-navigation .selected a {
	background: url(../images/tv4/navigation/sites-navigation-a-tv4.gif) no-repeat right top;
	color: #DADBDB;
}

/* Main navigation */
.site_tv4 #main-navigation {
	background: url(../images/tv4/navigation/main-navigation-bg.jpg) no-repeat;
}

.site_tv4 #main-navigation li{
	position: relative;
	border-right: 1px solid #282828;
    padding: 0 1px 0 0;
}

.site_tv4 #main-navigation a{
	color:#fff;
	text-transform: uppercase;
}

.site_tv4 #main-navigation a.toggle{
	background: none;
}

.site_tv4 #main-navigation .hover-item a{
	text-decoration: none;
	background: url(../images/tv4/navigation/main-bg-over.jpg) repeat-x;
}

.site_tv4 #main-navigation .selected a{
	text-decoration: none;
	background: url(../images/tv4/navigation/main-bg-over.jpg) repeat-x;
}

.site_tv4 #main-navigation a.toggle span{
	background: url(../images/tv4/navigation/more-arrow.gif) no-repeat 2px 3px;
	padding-left: 10px;
}

.site_tv4 #main-navigation a.more-selected span{
	background: url(../images/tv4/navigation/more-arrow-down.gif) no-repeat 0 4px;
}

.site_tv4 #main-navigation a.menu-image{
    padding: 0 8px;
    height: 30px;
}

.site_tv4 #main-navigation a.menu-image span{
    display: block;
	height: 30px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.site_tv4 #main-navigation .hover-item a.image-toggle span{
    background-position: 0 -30px;
}

.site_tv4 .navigation-search {
	float: right !important;
	border: 0 !important;
}

.site_tv4 .navigation-search div {
	display: none;
}

/* Boxes */
.site_tv4 .box{
	float: right;
	border: 1px solid #FDFBFC;
	border-width: 1px 0 0 1px;
	width: 250px;
	clear: left;
	margin-bottom: 8px;
}

.site_tv4 .box-no-border {
	border: 0;
}


.site_tv4 .box-bottom {
	margin-bottom: 8px;
}

.site_tv4 .box h2{
	margin-bottom: 5px;
}

.site_tv4 .box h3{
	color: #fff;
	background-color: #9EB4B1;
	background-image: url(../images/tv4/bar-bg.gif);
	background-repeat: repeat-x;
	background-position: top left !important;
	min-height: 10px;
	padding: 6px;
}

.site_tv4 .box .content h3 {
	color: #000 !important;
}

.site_tv4 .box .content h3 a {
    line-height: 1;
}

.site_tv4 .box .has-suptitle h2 {
    margin-bottom: 0;
}

.site_tv4 .box .content.has-suptitle h3 {
    margin-top: 0;
}

.site_tv4 .box h3 .date {
	float: right;
}

.site_tv4 .box .intro {
	position: relative;
	float: left;
	width: 249px;
}

.site_tv4 .box .tag-heading-no-image.content {
	padding-top: 22px;
}

.site_tv4 .box .intro.no-top-border {
	border-top-width: 0;
}

.site_tv4 .box .intro .tag-heading {
	position: absolute;
	left: 0;
	top: 0;
	padding: 4px 7px;
}

.site_tv4 .intro .tag-heading {
	background: #6E6E6E url(../images/tv4/tag-heading.jpg) repeat-x;
	color: #fff;
	padding: 4px 7px;
}

.site_tv4 .intro .tag-heading-image {
	background: none;
	padding: 0 !important;
	text-indent: -9999px;
}

.site_tv4 .box .intro .shadow{
	left: 9px;
	top: 5px;
}

.site_tv4 .box .intro img{
	float: left;
    width: 250px;
}

.site_tv4 .box .content{
	float: left;
	width: 235px;
	background: #F5F5F5 url(../images/tv4/push-fade.jpg) no-repeat;
	border-left: 1px solid #FDFBFC;
	padding: 7px 7px 0;
}

.site_tv4 .box .content.transparent {
	background: transparent !important;
	border-left: none !important;
	float:left;
	padding:7px 7px 0pt;
	width:235px;
}

.site_tv4 .box-content{
	float: left;
	width: 236px;
	background: #DFE0E0;
	padding: 7px 7px 0;
}

.site_tv4 .box .box-content a:hover{
	text-decoration: none;
}

.site_tv4 .box .content h2 .external, .box .content h3 .external {
	background: none;
	color: #000 !important;
}

.site_tv4 .box .content h2 a{
	text-decoration: none;
}

.site_tv4 .box .content h2 a:hover{
	text-decoration: underline;
}

.site_tv4 .box .content h3, .site_tv4 .box .box-content h3{
	position: static;
	color: #fff;
	background: none;
	margin: 3px 0 7px;
	padding: 0;
}

.site_tv4 .box .content p, .site_tv4 .box-content p{
	margin-bottom: 7px;
}

.site_tv4 .box-full-width {
    border: 0 !important;
    margin-bottom: 0 !important;
    width: 464px;
}

.site_tv4 .box-full-width .content {
    background: #F5F5F5 url(../images/tv4/push-fade.jpg);
    width: 449px
}

.site_tv4 .box.layout-left, .site_tv4 .box.layout-right{
    border-top: 1px solid #333;
}

.site_tv4 .box.layout-left img, .site_tv4 .box.layout-right img{
    width: 94px;
}

.site_tv4 .box.layout-left img{
    float: left;
    margin: 0 7px 7px -7px;
}

.site_tv4 .site_tv4 .box.layout-right img{
    float: right;
    margin: 0 -7px 7px 7px;
}

.site_tv4 .box.layout-left .content div, .site_tv4 .box.layout-right .content div{
    overflow: hidden;
}

.site_tv4 .box.layout-left .tag-heading, .site_tv4 .box.layout-right .tag-heading{
    float: left;
    margin: 0 0 2px 0;
}

.site_tv4 .box h2, .site_tv4 .box .has-suptitle h3, .site_tv4 .box .has-subtitle h2{
	font: bold 1.6em Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.site_tv4 .box p {
    clear: both;
}

.box .content a, .box-content a{
	font: bold 1em/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.box .content p a {
    font-weight: normal;
}

/* Lists */
.box-content ul{
	width: 235px;
	list-style: none;
	margin-bottom: 7px;
}


.box-content .tag-heading,
.image-push-container .tag-heading,
.pic-and-text .tag-heading{
	background: none;
}

.box-content .pic-and-text li {
	position: relative;
	width: 233px;
	min-height: 60px;
	background: #FDFDFD url(../images/list-bg.jpg) no-repeat bottom;
	border:1px solid #DFE0E0;
	margin-bottom: 4px;
	cursor: pointer;
	padding-top: 4px;
}

.box-content .pic-and-text li.hover-item {
	background: #A2B6B5 url(../images/list-bg-over.jpg) no-repeat right top;
	border:1px solid #EFEFEF;
	width:233px;
}

.box-content .pic-and-text li.hover-item a {
	color: #fff;
}

#content .box-content .pic-and-text .large {
	background: none;
	border: 0;
	min-height: 0;
	cursor: auto;
	margin-bottom: 8px;
}

#content .box-content .pic-and-text .large IMG {
	position: relative;
	width: 250px;
	left: -7px;
	margin-top: -12px;
}
#content .box-content .small-pics-list .large IMG {
	margin-top: -16px;
}

#content .box-content .pic-and-text .large h4{
	margin: 4px 0 0 0;
	background-position: 0 2px;
}

#content .box-content .pic-and-text .large p {
	margin: 0;
}

#topic-content .box-content .pic-and-text li.hover-item{
	background-position: 94px top;
}

#topic-content .box-content ul.small-pics-list li.hover-item{
	background-position: 61px top;
}

#topic-content .box-content ul.full-width li.hover-item{
	background-position: left top;
}

.show-additional-items, .hide-additional-items{
	display: none;
}

.box-content ul h4 a {
	text-decoration: none;
}

.box-content ul li.large h4 a:hover{
	text-decoration: underline;
}

.box-content ul h4 a.video, .box-content ul h4 a.tv4nyheterna {
	background-position: 0 3px;
}

.box-content ul h4{
	padding: 0;
}

.box-content ul h4, .box-content ul p{
	margin: 0 7px 0 105px;
}

#additional-content .box-content ul h4, #additional-content .box-content ul p{
	margin: 0 105px 0 7px;
}

.box-content ul img{
	position: absolute;
	left: 0;
	top: 0;
	width: 94px;
}

#additional-content ul img{
	left: auto;
	right: 0;
}

.box-content ul p{
	font-weight: bold;
	padding-bottom: 7px;
}

.box-content ul p cite{
	font-weight: normal;
}

.box-content ul.small-pics-list li{
	min-height: 33px;
	background: #FDFDFD url(../images/list-bg.jpg) no-repeat bottom;
	padding-top: 9px;
}

.box-content .small-pics-list li.hover-item a {
	color: #fff;
}

.box-content ul.small-pics-list p{
	margin: 0 7px 0 69px;
}

#additional-content ul.small-pics-list p{
	margin: 0 69px 0 7px;
}

.box-content ul.small-pics-list img{
	width: 61px;
}

.box-content ul.full-width li{
	background-position: left bottom;
}

.box-content ul.contains-tag-heading li{
	padding-top: 0;
}

.box-content h4.program-type-heading, #additional-content .box-content h4.program-type-heading{
	margin: 0 0 7px 0;
}

.box-content ul.full-width h4 span.shadow, #additional-content .box-content ul.full-width span.shadow{
	left: 8px;
}

.box-content ul.full-width p, #additional-content  ul.full-width p{
	clear: left;
	margin: 0 7px 7px;
}

.content .anytime li{
	margin-bottom: 5px;
}

.main-push .content p a:hover, .box .content p a:hover {
	text-decoration: none;
}

.video {
	background:transparent url(http://www.tv4.se/tv4se/images/icons/play.png) no-repeat 0 0;
	text-indent: 17px;
}

a.video {
	padding-left: 17px;
 	text-indent: 0;
}

.ad h6 {
	color: #989C9C;
	line-height: 5px !important;
	margin-bottom: 5px;
	text-align: left;
}

.media-content {
	display: none;
}

/* TV4 Play styles */
#topic-content .box.cat_tv4play, #additional-content .box.cat_tv4play {
	border: 1px solid transparent;
}

#topic-content .box.cat_tv4play h3, #additional-content .box.cat_tv4play h3 {
	font: bold 1em/1.3em Arial, Verdana, Sans-serif;
	background: #00444d url(http://www.tv4.se/tv4se/images/play_pic-and-text_header.gif) no-repeat 6px 50% !important;
	color: #fefefe;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 8px 6px 6px 36px !important;
}

.cat_tv4play .box-content {
	background: #021018 url(http://www.tv4.se/tv4se/images/play_pic-and-text_bg.gif) no-repeat 0 0 !important;
}

.cat_tv4play .box-content .pic-and-text li {
	background: #000 !important;
	border: 0;
}

.cat_tv4play .box-content .pic-and-text li.large {
	background: none !important;
}

.cat_tv4play .box-content .pic-and-text li a.video, .cat_tv4play .box-content .pic-and-text li a.external {
	background: url(http://www.tv4.se/tv4se/images/play_pic-and-text_li.gif) no-repeat 0 0 !important;
	color: #d00b1f !important;
}

.cat_tv4play .box-content .pic-and-text li h4 a {
	color: #d00b1f !important;
}

.cat_tv4play .box-content .pic-and-text li.large a {
	color: #fff !important;
}

.cat_tv4play .box-content .pic-and-text li.large p {
	color: #b0b2b2 !important;
	margin-top: 5px;
}

.cat_tv4play .box-content .pic-and-text li.large a.video {
	background:transparent url(http://www.tv4.se/tv4se/images/play_pic-and-text_li_large.gif) no-repeat scroll 0 1px;
	padding-left: 20px !important;
}

/* AD's */
.site_tv4 .ad {
	border-color: #999D9D;
	border-style: solid;
	border-width: 0 0;
	clear: both;
	line-height: 0.8;
	margin-bottom: 8px;
	padding-bottom: 0;
	text-align: center;	
}

#header .ad {
	border: 0 none;
	margin: 0;
}

/* Lists with icons */
ul.more, ul.external, ul.anytime, dl.more, ul.news, dl.news, ul.user-input, ul.video, ul.images, .content ul, ul.replay {
	clear: both;
	list-style: none;
	background: none;
}

/* Icons */
.external{
	background: url(../images/tv4/main-push-more.gif) no-repeat 0 4px;
	text-indent: 14px;
}

a.external{
	text-indent: 0;
	padding-left: 14px;
}

.external a, a.external{
	color: #961A1C !important;
}

/* Classes */
.text-overlay{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.text-overlay-text{
	color: #fff;
	padding: 3px 0;
    text-indent: 10px;
}

.text-overlay-bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.1em;
	background: #000;
	opacity: 0.7;
	padding: 5px 0;
}

.tag-heading{
	position: relative;
	letter-spacing: 1px;
	padding: 3px 7px;
    background: #6E6E6E url(../images/tv4/tag-heading.jpg) repeat-x;
}

.box .intro .tag-heading{
	position: absolute;
	left: 0;
	top: 0;
	padding: 4px 7px;
}

.intro .tag-heading {
	background: #6E6E6E url(../images/tv4/tag-heading.jpg) repeat-x;
	color: #fff;
	padding: 4px 7px;
}

.intro .tag-heading-image {
	background: none;
	padding: 0 !important;
	text-indent: -9999px;
}