@import url("general.css");
/* GENERAL OVERRIDES */
body {
	background : #fff;
}
a, a:hover {
	color:#ae6421;
}

.day .play a, .day .play a:hover {
	color:#FDB64B !important;
}

#content {
  /* 2010-01-04 daniel - added 'overflow:hidden' for IE7 */
  overflow: hidden;
}

/* /GENERAL OVERRIDES */


/* ----- header ----- */
div#header-wrapper {
	padding-bottom:9px;
}
body.startpage div#header-wrapper, 
body.premiumpage div#header-wrapper,
body.format div#header-wrapper {
	background:transparent url(../images/tv3play_no/bar_fade_bg.png) repeat-x center bottom;
}
div#header {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:95;
	height:175px;
	background-color: #fff;
}

div#header h1 {
	display:block;
	width:110px;
	height:100%;
	text-indent:-9999px;
	background:transparent url(../images/tv3play_no/logo.png) no-repeat left center;
	float:left;
}

div#header h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

div#menu {
	width:800px;
	position: absolute;
	bottom:40px;
	right:0px;
	z-index:400;
	background-color: #424242;
	height: 40px;
}

ul#main-menu {
	float:left;
	padding-left:10px;
	height:35px;
}

ul#main-menu li {
	float:left;
	margin: 0;
	padding:10px 11px 10px 10px;
	position:relative;
}

ul#main-menu li.last {
	margin:0;
}

ul#main-menu li a {
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	padding:9px 6px;
}

ul#main-menu li.selected a, ul#main-menu li a.active {
	color:#fdb64b;
}

ul#main-menu li.myplay a {
	color:#b1b1b1;
}

ul#main-menu li.myplay a:hover {
	color:#fdb64b;
}

ul#main-menu li.myplay a.active {
  color:#fdb64b;
}

ul#main-menu li a {
	color:#fff;
}

ul#main-menu li a:hover, ul#main-menu li a.inactive:hover {
	color:#fdb64b;
}
ul#main-menu li  div.children {
	display:none;
	z-index:90;
	position:absolute;
	top:30px;
	left:-90px;
	padding-top:8px;
	width:160px;
}
ul#main-menu li.hover  div.children {
	display:block;
}

ul#main-menu li  div.children ul {
	background:transparent url(../images/gray-opaque-up-arrow-tv3no.png) no-repeat 130px 0;
	padding-top:6px;
	width:160px;
	list-style-position: outside;
	list-style: none;
	padding: 6px 0 0 0;
	margin: 0;
}

ul#main-menu li  div.children ul li {
	width:240px;
	background-color: #424242;
	/*opacity: .8;*/
	margin: 0px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight:bold;
	overflow: hidden;
	margin-left:4px;
}

ul#main-menu li  div.children ul li.hover {
	padding: 5px 14px 5px 14px;
	background-color: #31aeb4;
	background-image:none;
	color: #fff;
	margin-left:0px;
}
ul#main-menu li ul li a {
	color: #d2d5d7;
	font-size:13px;
	font-weight:bold;
	display: block;
/*	padding-left:30px;   override padding on "ul#main-menu li a"   */
	padding: 0 0 0 30px;
}
ul#main-menu li ul li.hover a {
	color: #fff;
}

div.children ul li.viasat4 a {
	background:transparent url(../images/viasat4playlogo-small.png) no-repeat 6px 0;
}

 div.children ul li.tv3no a {
	/*background:transparent url(../images/tv3-logo-small.png) no-repeat 10px 2px;*/
	background:transparent url(../images/tv3-no-logo-small.png) no-repeat 6px 0px;
}
 div.children ul li.tv6 a {
	background:transparent url(../images/tv6-logo-small.png) no-repeat 6px 0;
}
 div.children ul li.tv8 a {
	background:transparent url(../images/tv8-logo-small.png) no-repeat 6px 0;
}
 div.children ul li.viaplay a {
  background:transparent url(../images/viaplay-logo-small.png) no-repeat 6px 0;
}

ul#login-menu {
	position:absolute;
	right:0px;
	top:-80px;
}

ul#login-menu li {
	float:left;
	padding:0 12px;
	border-right: solid 1px #d1d1d1;
}

ul#login-menu li.facebook-login,
ul#login-menu li.search {
	padding:0 0 0 12px;
	border-right:0;
}
ul#login-menu li.search {
	position:relative;
	top: -2px;
}

ul#login-menu li a {
	font-size:12px;
	font-weight:bold;
	color:#1a1a1a;
	text-decoration:none;
	display:block;
	height:15px;
	padding-top:1px;
	float:left;
}

ul#login-menu li span {
	padding-top:1px;
	display:block;
	color:#1a1a1a;
}

ul#login-menu li.facebook-login a {
	background:transparent url(../images/facebook.gif) no-repeat 0 0;
	padding-left:22px;
}

fieldset.facebook a.facebook-login {
	background:transparent url(../images/facebook.gif) no-repeat 0 0;
	padding-left:22px;
}

a.facebook-login {
	padding-bottom:20px;
	margin-top:20px;
	float:left;
	font-weight:normal;
	text-decoration:none
}

ul#login-menu li a:hover {
	color:#AE6421;
}

div#menu input.search {
	background-color:#e7e7e7;
}

div#menu input {
	width:150px;
	font-size:12px;
	padding:2px 5px;
}

/* ----- /header ----- */


/* ----- playfeed ----- */
div#playfeed {
	position: absolute;
	z-index:0;
	bottom:20px;
	left:161px;
	font-size:12px;
}

div#playfeed h3 {
	display:inline;
	margin-right:4px;
	font-weight:bold;
	float:left
}

div#playfeed a {
	color:#6b6b6b;
}

div#playfeed a:hover {
	color:#009ea6;
}

/* ----- /playfeed ----- */


/* ----- flash/feature box ----- */
div#flash-wrapper, div#flash-wrapper-featurebox {
	background: #000 url(../images/tv3play_no/fade_tv3.png) repeat-x top center;
	height:360px;
	background-color: #000;
	width: 100%;
}

div#flash-container, div#flash-container-featurebox {
	height:360px;
	width:960px;
	background-color:transparent;
	z-index:0;
	width:640px;
	margin:0 auto;
	text-align:center;
}
 
.startpage div#flash-container-featurebox {
	height:360px;
	width:960px;
	z-index:0;
}

div#flash-fallback {
	width:960px;
	margin:0 auto;
}

div#flash-info-container {
	width:100%;
	background-color:#2b2b2b;
	margin: 0 auto;
}

div#flash-info-content-container {
	width:640px;
	margin:0 auto;
	padding:20px 0;
	color:#fff;
	font-size:11px;
}

div#flash-info-content-container div.fb-like {
	height:20px;
	float:left;
	width:80px;
	margin-left:4px;
	margin-top:-4px;
}
div#flash-info-content-container div.fb-like a {
	height:20px;
	margin-top:5px;
	padding-bottom:8px;
	padding-left:25px;
	padding-top:3px;
	background: url(../images/fb-like.png) no-repeat 0 0;
}

div#flash-info-content-container a {
	color:#f59330;
}
div#flash-info-content-container h2 {
	font-size:18px;
	margin-bottom:6px;
}
div#flash-info-content-container p.description {
	color:#fff;
	font-weight:bold;
	display:inline;
	font-size:12px;
}

div#flash-info-content-container .long-desc p.description {
	padding-bottom:15px;
	display:block
}

div#flash-info-content-container .long-desc {
	display:none
}

div#flash-info-content-container div.add-playlist {
	height:20px;
	float:left
}

div#flash-info-content-container div.add-playlist span.my-playlist {
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	background: url(../images/tv3play_no/playlist-ico.png) no-repeat 0 2px;
	float:left;
}

div#flash-info-content-container div.rate {
	height:20px;
	float:left;
	width:125px;
	margin-left:10px
}

div#flash-info-content-container div.rate .inner {
	float:left;
	margin-right:5px
}

div#flash-info-content-container div.rate .rating-stars {
	float:left;
	margin-top:-1px
}

div#flash-info-content-container div.rate .star-rating a {
	margin:0px!important
}

div#flash-info-content-container a {
	font-weight:bold;
	text-decoration:none;
	margin:0 3px;
	font-size:11px
}

div#flash-info-content-container div.info {
	margin:8px 0 22px 0;
	font-size:11px
}

div#flash-info-content-container div.info div {
	float:left;
	padding:0 5px;
	border-left:solid 1px #737574;
}

div#flash-info-content-container div.info div.important {
	color:#ff8580;
}

div#flash-info-content-container div.info div.episode {
	border-left:0;
	padding-left:0;
}

/* ----- /flash/feature box ----- */



/* ----- main-content ----- */
div#main-content {
	background-color: #FFF;
	width:960px;
	min-height:350px;
	margin:0 auto;
}

div#main-content div.frontbanner-ad {
	margin-top:10px;
}

div#main-content div.teasers {
	margin:0 0 45px 0;
	background:transparent url(../images/tv3play_no/teasers-bg.gif) repeat-x bottom left;
	padding:35px 0 40px 0;
}

div#main-content div.teasers div {
	width:224px;
	float:left;
	margin-right:20px;
}

div#main-content div.teasers div.last {
	margin-right:0;
}

div#main-content div.teasers div h3 {
	margin-bottom:12px;
}

div#main-content div.teasers div h3 a {
	font-size:15px;
	font-weight:bold;
	color: #1a1a1a;
	text-decoration:none;
	padding-right:10px;
	background:transparent url(../images/tv3play_no/rightarrow.gif) no-repeat center right;
}

div#main-content div.teasers div p {
	font-weight:bold;
	font-size:12px;
}

div#main-content div.teasers div.hover h3 a, div#main-content div.teasers div.hover p {
	color:#691251;
}

body.startpage div.clips-main-container {
	float:left;
	width:714px;
	margin-top:10px;
}

body.startpage div.clips-main-container div.clips-container {
	width:714px;
}

body.startpage div.clips-main-container div.clips-container ul.clips {
	width:712px;
}

body.startpage div.clips-main-container div.clips-container ul.clips li {
	margin-right:24px;
}

body.startpage div.clips-main-container div.clips-container ul.clips li.last {
	margin-right:0px;
}

div.clips-container {
	position:relative;
	height:240px;
}

/*div.clips-container h2 */
div#main-content h2 {
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	color:#d87e2b;
	margin-bottom:5px;
}

.clip-table-header div.clips-links, div.clips-container div.clips-links, .paging-box div.clips-links {
	position:absolute;
	right:60px;
	top:4px;
	font-size:12px;
	line-height:12px;
	color:#1a1a1a;
}
div.clips-links a {
	margin-right:5px;
}

.clip-table-header div.paging-links, div.clips-container div.paging-links, .paging-box div.paging-links {
	position:absolute;
	right:0;
	top:0;
	font-size:19px;
	line-height:18px;
	color:#979797;
	font-weight:bold;
	height:21px;
}

.clip-table-header div.paging-links a.paging, div.clips-container div.paging-links a.paging, div.paging-box div.paging-links a.paging {
	margin:0;
	display:block;
	text-indent:-9999px;
	height:13px;
	width:6px;
	outline:none;
	float:left;
}
.clip-table-header div.paging-links a.paging.previous, div.clips-container div.paging-links a.paging.previous, div.paging-box div.paging-links a.paging.previous {
	background:transparent url(../images/tv3play_no/previous.png) no-repeat scroll 0 0;
	margin:3px 3px 0 3px;
}
.clip-table-header div.paging-links a.paging.next, div.clips-container div.paging-links a.paging.next, div.paging-box div.paging-links a.paging.next  {
	background:transparent url(../images/tv3play_no/next.png) no-repeat scroll 0 0;
	margin:3px 0 0 5px;
}
.clip-table-header div.paging-links div, div.clips-container div.paging-links div, div.paging-box div.paging-links div {
	float:left
}

.sort-links {
	position:absolute;
	right:186px;
	top:5px;
	font-size:12px;
	line-height:12px;
	color:#717171
}

.sort-links span.sort {
	font-weight:bold;
	padding-right:0px;
	padding-left:10px;
}

.sort-links ul {
	display:inline;
	margin-right:8px;
	padding-left:10px;
	border-right:solid 1px #cccccc;
}

.sort-links ul li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
	color:#717171
}

.sort-links ul li a {
	font-weight:normal;
}

.sort-links ul li a.selected {
	text-decoration:none;
	font-weight:bold;
	color:#717171
}

.sort-links label {
	float:left;
	font-size:12px;
	margin-right:6px;
	color:#717171;
	font-weight:bold
}

.sort-links select {
	float:left;
	font-size:10px;
	margin-right:10px;
	margin-top:-5px;
}

.sort-links span.season {
	border-right:1px solid #CCCCCC;
}

span.current-page {
	color:#f79233;
}

div.clips-container, div.paging-box {
	width:958px;
	position:relative;
}
div.clips-container {
	overflow:hidden;
}

div.latest-clips {
	width:960px;
	position:relative;
}

ul.clips, ul.clips li {
	margin:0;
	padding:0;
}

ul.clips {
	position:relative;
	z-index:1;
	margin-left:2px;
	width:956px;
	height:174px;
	background:#ffffff;
}

ul.clips li {
	position:relative;
	width:160px;
	height:215px;
	float:left;
	list-style:none;
	margin-right:39px;
	font-size:11px;
}

ul.clips li.empty {
	padding-top: 75px;
	text-align:center;
	font-size: 13px;
	z-index: 100;
	height:155px;
}

ul.clips li.last {
	margin-right:0px;
}

ul.clips li.hover {
	color:#ae6421;
}

ul.clips li div.info {
	width:160px;
	height:50px;
	/*	overflow:hidden;*/
	float:left;
	margin-top:8px;
}

ul.clips li div.info a {
	font-size:12px;
	font-weight:900;
	color:#6b6b6b;
	text-decoration:none;
	display:block;
	margin-bottom:2px;
}

ul.clips li.hover div.info a {
	color:#ae6421;
}

ul.clips li.hover img.clip-border {
	border-bottom:solid 4px #F59330;
}
ul.clips li div.info span.episodeinfo {
font-weight:normal;
}
ul.clips li div.broadcast-date {
	width:92px;
	float:left;
}

ul.clips li div.broadcast-date.important {
	color:#ae6421;
}

ul.clips li div.duration {
}

ul.clips li img {
	z-index:1;
}

ul.clips li img.clip-border {
	height:90px;
	width:160px;
	left:0px;
	top:0px;
	position:absolute;
	z-index:5;
}

ul.clips li img.clip-live {
	height:31px;
	width:47px;
	left:0px;
	top:0px;
	position:absolute;
	z-index:7;
}

ul.clips li img.play-button {
	height:32px;
	left:65px;
	position:absolute;
	top:32px;
	width:35px;
	z-index:10;
	visibility:hidden;
}

ul.clips li.hover img.play-button {
	visibility:visible;
}

ul.clips li a.vote {
	display:block;
	float:left;
}

ul.clips li a.playlist {
	display:block;
	float:right;
}

li.clip div.info div.long-info {
	display:none;
	position:absolute;
	z-index:150;
	top:75px;
	background:transparent url(../images/tv3play_no/opaque-info.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	left:180px;
	width:200px;
	padding:15px 15px 15px 27px;
}

li.clip div.info div.long-info.left {
	background:transparent url(../images/tv3play_no/opaque-info-left.png) no-repeat scroll right top;
	left:-260px;
	padding:15px 27px 15px 15px;
}

div.banners {
	width:222px;
	float:right;
}

/* Added 100114 for FF */
div.banners img {
  margin-bottom:3px; 
}

div.banners a.banner img {
	float:right;
	margin-bottom:2px;
}

div.tabs {
/*	margin:18px 0 18px 0; */
	border-bottom:solid 1px #d4d4d4;
	width:960px;
  margin:0 auto;
  border-left:solid #d4d4d4 1px;
  margin-bottom: 18px;
}

div.tabs a {
	font-size:15px;
	font-weight:bold;
	color:#272727;
	text-decoration:none;
	border:solid #d4d4d4 1px;
	border-left:0;
	border-bottom:0;
	display:block;
	float:left;
	padding:5px 10px;
	
}

div.tabs-a-o a {
	padding:5px
}

div.tabs a.first {
	border-left:solid #d4d4d4 1px;
}

div.tabs a.selected {
	color:#AE6421;
}

div.tabs a.inactive {
	color:#b2b2b2;
}

div.tabs a:hover {
	color:#f79233;
}

ul.column {
	float:left;
	width:310px;
	padding:0 10px 50px 0;
}

div.column {
	float:left;
	width:230px;
	padding:0 10px 50px 0;
}
div.column ul {
	padding-bottom:10px;
}
div#main-content div.column h2 {
	letter-spacing:0;
}
div#main-content div.column h2.inactive {
	color:#a6a6a6;
}

div.column ul li, ul.column li {
	margin:6px 0;
	list-style: none outside;
	color:#000;
}

div.column ul li a, ul.column li a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

div.column ul li a:hover, ul.column li a:hover {
	text-decoration:underline;
}

div#main-content.main-body {
	font-size:12px;
	color:#1a1a1a;
	padding-bottom:60px;
}
 div.main-body.page {
   position:relative;
 }
div.main-body-content, div.main-body.page p,
div.main-body.page hr {
	width:574px;/*	margin-bottom:100px;  */

}

div.main-body.page p img {
	float:right;
	position:absolute;
right:0;
}

div.main-body p {
	margin-bottom:22px;
}

div#main-content h1 {
	font-size:1.4em;
	font-weight:normal;
	color:#141414;
	padding: 20px 0 22px 0;
}

div#main-content.main-body h2 {
	font-size:14px;
	font-weight:bold;
	color:#1a1a1a;
	margin: 22px 0 8px 0;
}

div.main-body img.right {
	float:right;
}

div.main-body blockquote, div.main-body ul, div.main-body ol, div.main-body dl {
	margin: 1em;
}

div.main-body ol, div.main-body ul, div.main-body dl {
	margin-left: 2em;
}

div.main-body ol li {
	list-style: decimal outside;
}

div.main-body ul li {
	list-style: disc outside;
}

div.main-body dl dd {
	margin-left: 1em;
}

div.main-body a.rss {
	background:transparent url(../images/rss.gif) no-repeat scroll 0 0;
	padding:1px 0 0 22px;
}

div.main-body ul.rss-feeds {
	margin:0;
}
div.main-body ul.rss-feeds li {
	list-style: none;
	margin:0 0 1em 0;
}

div.main-body a.previous {
	margin-right:14px;
}

div.tour-index {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding: 20px 0;
	margin: 20px 0;
}
div.tour-index ol {
	margin:0 0 0 24px;
}
/* ----- /main-content ----- */


/* ----- footer ----- */
div#footer-top {
	width:100%;
	margin: 10px auto 0 auto;
	background:url("../images/tv3play_no/bar_fade_bg.png") repeat-x scroll center top #323334;
	height:45px;
}

div#footer-top-content {
	width:960px;
	margin:0 auto;
	padding-top:17px;
	position:relative;
}

div#footer-top-content h3 {
	font-size:13px;
	font-weight:bold;
	color: #fdb64b;
	display:inline;
	margin-right:20px;
}

div#footer-top-content a {
	font-size:12px;
	color: #fff;
	padding:0 2px;
	margin-right:3px;
	font-weight:bold;
}

div#footer-top-content a:hover {
	text-decoration:none;
}

div#footer-top-content input {
	position:absolute;
	right:0;
	top:6px;
	width:209px;
	font-size:12px;
	padding:0 5px;
}

div#footer {
	width:100%;
	margin: 0 auto;
	background-color:#414243;
	padding-bottom:45px;
}

div#footer-content {
	width:960px;
	margin:0 auto;
	padding-top:22px;
}

div#footer-content div {
	float:left;
}

div#footer-content div ul {
	float:left;
	margin-right:60px;
}

div#footer-content h3 {
	font-size:12px;
	font-weight:bold;
	color: #fdb64b;
	margin-bottom:6px;
}

div#footer-content a {
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

div#footer-content a:hover {
	color:#d2d5d7;
}

div#footer-content li {
	margin-bottom:6px;
}

/* ----- /footer ----- */


/* ----- login ----- */
div.login {
	background:transparent url(../images/tv3play_no/opaque-bg.png) repeat 0 0;
	padding:20px;
	width:260px;
	display:none;
	position:absolute;
	color:#fff;
	z-index:300;
}

div.login a { color:#fff }

div.login p {
	margin-bottom:15px;
	font-weight:bold;
	padding-right:20px
}

div.login input {
	width:80px;
	margin-right:8px;
	margin-left:0px;
}

div.login input.button {
	border:none;
	background:none;
	padding:0;
	margin:0;
	color:#32e2ea;
	font-weight:bold;
	width:auto
}

div.login .facebook-login {
	display:block;
	border-top:solid 1px #966f8b;
	padding-top:10px;
	margin-top:10px;
	font-weight:bold;
	text-decoration:none;
	width:260px;
}

div.login .facebook-login img {
	margin-right:8px;
	margin-bottom:-3px;
}

a.overlay-close {
	position:absolute;
	top:4px;
	right:2px;
}

/* ----- /login ----- */


/* ----- message ----- */
div.messagebox {
	background:transparent url(../images/tv3play_no/opaque-bg.png) repeat 0 0;
	padding:20px;
	width:auto;
	display:none;
	position:absolute;
	color:#fff;
	z-index:300;
}

div.messagebox p {
	margin-bottom:15px;
	font-weight:bold;
	padding-right:20px
}

div.messagebox p a {
	color:#fff
}

/* ----- /message ----- */


/* ----- playlistbox ----- */
div.playlistbox {
	background:transparent url(../images/tv3play_no/opaque-bg.png) repeat 0 0;
	padding:20px;
	width:295px;
	display:none;
	right:0;
	position:absolute;
	color:#fff;
	z-index:300;
}

div.playlistbox  span.my-playlist {
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	background: url(../images/playlist-ico-white.png) no-repeat 0 2px;
}

div.playlistbox  ul {
	border-bottom:solid 1px #966f8b;
	padding:6px 0 10px 0;
	margin-bottom:10px;
	list-style: square inside 
}

div.playlistbox  ul li {
	padding-left: 4px;
	list-style: disc inside 
}

div.playlistbox  a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
/* ----- /playlistbox ----- */


/* ----- autocomplete ----- */
.ac_results {
	padding: 0px;
	border: 0;
	overflow: hidden;
	color: #c1c1c1;
	z-index:98;
	top:129px!important
}

.ac_results ul {
	/*width: 100%;*/
	background:transparent url(../images/tv3play_no/opaque-up-arrow.png) no-repeat 200px 0;
	padding-top:6px;
	width:240px;
	list-style-position: outside;
	list-style: none;
	padding: 6px 0 0 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	width:240px;
	/*background-color: #000;*/
	background:transparent url(../images/tv3play_no/opaque-bg.png) repeat 0 0;
	/*opacity: .8;*/
	margin: 0px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight:bold;
	overflow: hidden;
	margin-left:4px;
}

.ac_loading {
	background : Window url(../images/tv3play_no/loader.gif) right center no-repeat;
}

.ac_results li.ac_over {
	padding: 5px 14px 5px 14px;
	background-color: #a0287c;
	background-image:none;
	color: #fff;
	font-weight:bold;
	margin-left:0px;
}

/* ----- /autocomplete ----- */



/*added by erik*/
.clips-list-container {
	overflow:hidden;
	background : url(../images/viaplay_loader.gif) center center no-repeat;
}

body.startpage .clips-list-container {
	overflow:hidden;
	width:714px;
	background : url(../images/tv3play_no/loader.gif) center center no-repeat;
}

.star {
	display:none
}

a.disabled {
	cursor:default
}

.disabled img {
	opacity: .3;
}

.content-block-full {
	width:960px;
	padding:20px 0;
	margin-top:20px;
}

ul.playlist {
	margin-bottom:20px;
	float:left
}

ul.playlist li {
	display:block;
	width:100%;
	float:left;
	padding:6px 0;
}

.content-block-full ul.playlist li { 
	width:940px
}

ul.playlist p {
	float:left;
	padding-top:12px;
	padding-left:10px;
	color:#353535
}

img.avatar,div.fb-photo {
	float:left;
	margin-left:10px;
}

/* Specify here which should have an icon instead of text */
.clips-container a.playlist,
table.playlist a.playlist,
table.clip-list a.playlist,
div.playfeed a.playlist
	 {
	display:block;
	width:17px;
	height:13px;
	text-indent:-9999px;
	background:transparent url(../images/tv3play_no/playlist.gif) no-repeat 0 0;
}
.clip-list a.playlist:hover {
	text-decoration:none;
}
a.playlist span {
	visibility:hidden;
}
.clips-container a.playlist.hover {
	background:transparent url(../images/tv3play_no/playlist-hover.gif) no-repeat 0 0;
}
.clips-container a.playlist.added {
	background:transparent url(../images/playlist-done.gif) no-repeat 0 0;
}
div.playfeed a.playlist{
	display:inline-block;
	margin-left:3px;
}

.meta {
	color:#7c7c7c;
}

#playfeed ul {
	float:left
}

#playfeed .event a {
	color:#bd2f92
}

div.banner {
	margin-bottom:3px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.star-rating {
	float:left;
	width:14px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}

div.rating-cancel, div.rating-cancel a {
	background:url(../images/delete.gif) no-repeat 0 -16px
}

div.star-rating, div.star-rating a {
	background:url(../images/tv3play_no/star.png) no-repeat 0 0px
}

div.rating-cancel a, div.star-rating a {
	display:block;
	width:14px;
	height:100%;
	background-position:0 0px;
	border:0
}

div.star-rating-on a {
	background-position:0 -16px!important
}

div.star-rating-hover a,div#flash-info-content-container  div.star-rating-hover a {
	background-position:0 -32px
}

/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default !important
}

/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important
}

.rating-cancel {
	display:none!important
}

/* END jQuery.Rating Plugin CSS */



/*clips tables*/


.clip-list a {
	text-decoration:none;
	color:#717171;
}

.clip-list a:hover {
	text-decoration:underline;
}

.clip-list .col1 {
	text-align:left
}

.clip-list .col2 {
	text-align:right;
	width:75px
}

.clip-list .col3 {
	text-align:right;
	width:95px
}

.clip-list .col4 {
	text-align:left;
	width:155px;
	padding-left:53px
}

.clip-list .col5 {
	text-align:center;
	width:144px
}

.clip-list .col6 {
	/*text-align:right;*/
	width:110px;
	padding-right:0px
}

.clip-list .season-col {
}

.clip-list thead .col1 {
	width:278px
}

.clip-list thead .col2 {
}

.clip-list thead .col3 {
}

.clip-list thead .col4 {
}

.clip-list thead .col5 {
}

.clip-list thead .col6 {
}

.clip-list tbody .col1 {
	padding-left:25px;
	width:278px
}

.clip-list tbody .col2 {
}

.clip-list tbody .col3 {
}

.clip-list tbody .col4 {
}

.clip-list tbody .col5 {
}

.clip-list tbody .col6 {
}

.clip-list .col5 .rating-stars {
	margin-left:38px
}

.clip-list tbody .col6 .playlist {
	margin-right:36px;
}

.clip-list .season-col a {
	padding-left:15px;
	background:url(../images/tv3play_no/toggle-closed.gif) no-repeat 0 1px
}

.clip-list .season-col a:hover {
	text-decoration:none;
}

.clip-list tr.open .season-col a {
	background:url(../images/tv3play_no/toggle-open.gif) no-repeat 0 4px
}

.clip-list tr th, .clip-list tr td {
	background:#ffffff
}

.clip-list tr.hover th, .clip-list tr.hover td {
	background:#e1e1e1
}

.clips tbody .col1 {
	padding-left:10px;
}

.clip-table-header {
	margin-top:20px;
	border-bottom:1px solid #D4D4D4;
	position:relative
}

.clip-table-header h2 {
	margin-bottom:8px!important
}

.clip-list-container {
	width:960px;
	overflow:hidden;
	background:transparent url(../images/viaplay_loader.gif) no-repeat scroll center center;
}

/*playlist tabell 961px
*/
div.mostviewed {
	padding:0 0 40px 0;
}
div.playfeed, div.profile, div.playlist {
	border-top:1px solid #D4D4D4;
	padding:10px 0 40px 0;
}
div.subscriptions {
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	padding:10px 0 10px 0;
	margin-bottom:30px;
}
div.searchresult {
	margin-bottom:40px;
}
div.searchresult ul,div.searchresult li,div.searchresult h3 {
	float:left;
	margin-right:5px;
}
div.searchresult h3 {
	width:80px;
}
div.searchresult a {
	text-decoration:none;
}
div.searchresult a:hover {
	text-decoration:underline;
}
div.playlist div.paging-box {
	border-top:1px solid #D4D4D4;
	margin-top:10px;
	padding-top:10px;
}
div.playlist div.paging-box div.clips-links {
	top:15px;
}
div.playlist div.paging-box div.paging-links {
	top:10px;
}

table.playlist th.col1-2 {
	text-align:left
}

table.playlist th.col3 {
	text-align:left
}

table.playlist th.col4 {
	text-align:left;
}

table.playlist th.col5 {
	text-align:left;
}

table.playlist th.col6 {
	text-align:left;
}

table.playlist th.col7 {
	text-align:left
}

table.playlist th.col8 {
	text-align:left
}

table.playlist td {
	padding-top:5px;
	padding-bottom:3px;
}

table.playlist td a {
	text-decoration:none;
	font-weight:bold;
	color:#717171
}

table.playlist tbody td {
	height:46px;
}

table.playlist td.col1 {
	width:27px;
	text-align:left;
	position:relative
}

table.playlist td.col2 {
	width:86px;
	text-align:left
}

table.playlist td.col3 {
	width:255px;
	text-align:left
}

table.playlist td.col4 {
	width:57px;
	text-align:left;
}

table.playlist td.col5 {
	width:174px;
	text-align:left;

}

table.playlist td.col6 {
	width:94px;
	text-align:left
}

table.playlist td.col7 {
	width:138px;
	text-align:left
}

table.playlist td.col8 {
	width:27px;
	text-align:left;
	padding-left:20px;
}

table.playlist tr td.col1 a.move-up {
	position:absolute;
	top:0px;
	left:8px;
}

table.playlist tr td.col1 a.move-down {
	position:absolute;
	bottom:4px;
	left:8px;
}
/*
table.playlist tr.tr-hover td.col1 a.move-up {
	display:block !important;
}

table.playlist tr.tr-hover td.col1 a.move-down {
	display:block !important;
}
*/
table.playlist tr.tr-hover td, tr.tr-hover td, tr.tr-hover th {
	background:#e5e5e5
}

table.playlist tr.tr-hover td a {
	color:#000;
}

table.playlist tr td.col8 a {
	color:#c8c8c9
}

table.playlist tr.tr-hover td.col8 a {
	color:#009EA6
}

.sort-wrapper {
	width:100%;
	height:33px;
	padding-top:15px;
	position:relative;
}

table.playlist td.col2 div {
	position:relative
}
table.playlist tr td img {
	z-index:1;
}
table.playlist tr td img.clip-border {
	height:45px;
	width:80px;
	z-index:5;
	position:absolute;
	left:0;
	top:0;
}

table.history th.col1-2 {
	text-align:left
}

table.history td.col1, table.mostviewed td.col1 {
	width:0px!important
}

table.subscriptions th.col1 {
	width:550px;
	text-align:left;
}

table.subscriptions th.col2 {
	width:290px;
	text-align:left
}

table.subscriptions th.col3 {
	width:91px;
	text-align:left
}

table.subscriptions td.col1 {
	width:550px;
	text-align:left;
}

table.subscriptions td.col2 {
	width:290px;
	text-align:left
}

table.subscriptions td.col3 {
	width:91px;
	text-align:left;
	padding-left:20px
}

table.subscriptions tr.tr-hover td {
	background:#e5e5e5
}

table.subscriptions tr.tr-hover td a {
	color:#009ea6
}

table.subscriptions tr td.col3 a {
	color:#c8c8c9
}

table.subscriptions tr.tr-hover td.col3 a {
	color:#5c5d60
}

table.subscriptions td a {
	text-decoration:none;
	font-weight:bold;
	color:#717171
}

table.mostviewed th.col3, table.playlist.mostviewed td.col3 {
	width:340px;
}

/*profile-page*/
.personal {
	padding:20px 0 40px 0;
	position:relative
}

.personal label {
	width:150px;
	float:left;
	clear:both;
	position:relative;
	/*padding: 7px 0;*/
	font-weight:bold
}

.personal input {
	/*position:absolute;
	top: 7px;*/
	margin-bottom:10px;
	right:0px;
	width:200px;
	background-color:#E7E7E7;
}

.personal p {
	width:320px;
	float:left;
	clear:both;
	position:relative;
	padding: 7px 0;
	font-weight:bold
}

.personal span.hidden-pw {
	position:absolute;
	top: 7px;
	right:0px;
	width:200px
}

.personal span.hidden-pw a {
	padding-left:5px;
	color:#1a1a1a;
	font-weight:normal
}

.personal img {
	position:absolute;
	top:-30px; /*fix this? never use minus */
	right:150px;
}

.notifications {
	padding:20px 0 40px 0;
}

.notifications div {
	padding:10px 0
}

.notifications div span {
	width:115px;
	float:left;
	font-weight:bold
}

.notifications select {
	width:125px;
	margin-left:10px
}

.notifications label input {
	position:relative;
	top:3px
}

.facebook {
	padding:20px 0 40px 0;
}

.facebook div {
	padding:10px 0
}

.facebook div span {
	width:115px;
	float:left;
	font-weight:bold
}

.facebook select {
	width:125px;
	margin-left:10px
}

.facebook a {
	color:#1a1a1a;
	font-weight:normal
}

.facebook label input {
	position:relative;
	top:3px
}

input.button-cancel {
	border:none;
	padding:2px 6px;
	color:#ffffff;
	background:#878787;
	font-weight:bold;
}

input.button-submit {
	border:none;
	padding:2px 6px;
	color:#ffffff;
	background:#000000;
	margin-left:6px;
	font-weight:bold;
}

div.widget {
	border-bottom:1px solid #D4D4D4;
	padding:20px 0 20px 0;
	font-weight:bold;
	position:relative;
}
div.widget.step4 {
	border-bottom:0;
}
div.widget select, div.widget input, div.widget label.radio {
	font-weight:normal;
}
div.widget select {
	margin-left:5px;
}
div.widget.step1 {
	height:87px;
}
div.widget.step1 div {
	position:absolute;
	top:28px;
	left:46px;
}
div.widget.step1 label {
	width:165px;
	display:block;
	float:left;
}
div.widget.step1 select {
	display:block;
	float:left;
}
div#main-content.main-body div.widget h2 {
	display:inline;
	padding:0 30px 0 0;
	font-size:24px;
	color:#691251;
}
div#main-content.main-body div.widget.step2 h2 {
	color:#691251;
}
div#main-content.main-body div.widget.step3 h2 {
	color:#691251;
}
div#main-content.main-body div.widget.step4 h2 {
	color:#691251;
}
div.widget.step2 div {
	margin:20px 0 0 45px;
}
div.widget.step2 div div {
	margin:0;
	float:left;
}
div.widget.step2 div div div {
	margin:0 10px 0 0;
}
div.widget fieldset {
	float:left;
	position:relative;
	margin:0 40px 0 0;
}
div.widget.step2 h3 {
	float:left;
	padding:0 15px 0 0;
}
div.widget.step2 label {
	display:block;
}
div.widget.step3 #widget_administration_preview {
	display:block;
	margin:20px auto 0 auto;
}
div.widget.step4 div {
	position:absolute;
	top:28px;
	left:46px;
}
div.widget.step4 div span {
	display:block;
	margin-bottom:10px;
}
div.widget.step4 input.code {
	width:400px;
}
div.widget a.download {
	text-decoration:none;
	font-weight:normal;
	padding:4px 8px;
	color:#fff;
	background-color:#000;
	display:block;
	position:absolute;
	top:26px;
	left:450px;
	width:60px;
}
div.widget a.download:hover {
	color:#fff;
	background:#009ea6;
}
/*desktop widget*/

/* override the step1 div height, height must be set since content is absolute in step 1 */
div.widget.step1 optgroup {
	font-weight: bold;
	padding-left: 4px;
}
div.widget.step1 option {
	font-weight: normal;
}
div.widget.step1.desktop {
	height:434px;
}
div.widget.step1.desktop select{
	width:126px;
}
/* override the step1 label width */
div.widget.step1.desktop label{
	width:110px;
}


div.widget.step1.desktop .image {
	left:290px;
	top:0px;
	width:300px;
	font-weight:normal;
}

div.widget.step2.desktop p, div.widget.step3.desktop p {
	padding-top:20px;
	font-weight:normal;
	width:300px;
}
/* override widget download link, use relative positioning*/
div.widget.desktop a.download {
	position:relative;
	top: 0px;
}
/*/desktop widget*/
/*register specific*/
#main-content div.col1 {
	width:448px;
	float:left;
	padding-bottom:30px;
	margin-right:64px
}

#main-content div.col2 {
	width:448px;
	float:left
}

.register {
	padding:20px 0 40px 0;
	position:relative
}

.reporterror {
	padding:0 0 20px 0;
	position:relative
}

.register label, .reporterror label {
	width:120px;
	float:left;
	clear:both;
	/*position:relative;
	padding: 7px 0;*/
	font-weight:bold
}
.reporterror div.verification input {
  margin-left:120px;
}
.reporterror p.hint {
  margin-left:120px;
}
.reporterror div.verification img {
  margin: 3px;
}
.reporterror .textarea {
	height:120px;
}

.register input, .reporterror input.textfield {
  /*position:absolute;
	top: 7px;*/
	right:150px;
	width:180px;
	margin-bottom:10px;
	background-color:#E7E7E7;
}
.register label input#terms {
	width:auto;
}

.register label span.instruction {
	position:absolute;
	top: 7px;
	right:0px;
	width:140px;
	font-weight:normal;
	color:#6B6B6B
}

.reporterror textarea {

	width:230px;
	height:120px;
	background-color:#E7E7E7;
	font-weight:normal;
}

.register p.label {
	width:320px;
	float:left;
	clear:both;
	position:relative;
	padding: 7px 0;
	font-weight:bold
}

.register span.hidden-pw {
	position:absolute;
	top: 7px;
	right:0px;
	width:200px
}

.register span.hidden-pw a {
	padding-left:5px;
	color:#1a1a1a;
	font-weight:normal
}

.register img {
	position:absolute;
	top:20px;
	right:150px;
}

label.reset {
	padding-left:20px;
}

label.reset input {
	right:auto;
	left:0px;
}

.errorbox {
	background:#eaeaea;
	color:#f00;
	padding:12px 8px;
	font-weight:bold
}

label.error {
	color:#f00;
}

input.hover {
	background:#f79233;
}

.preamble {
	font-weight:bold;
	padding-bottom:10px;
}

/*Added by VSS */

/* Styling for the profile page */
.personal .terminate-account {
}

.personal .terminate-account a {
  color:#1A1A1A;
  font-weight:normal;
}

.fb_profile_label {
  height:10px;
  margin:0;
  padding:0;
  width:395px;
}
.playlist_notify {
  float:left;
}
.playlist_notify input {
  margin-top:5px;
  vertical-align:text-bottom;
}

.playlist_notify label {
  margin-top:5px;
  vertical-align:text-bottom;
}

/*Styling for the register page */
#notify_about_new {
	height:40px;
	float:left;
}
.register #UserProfile_gender {
  margin-bottom:10px;
  background-color:#E7E7E7;
}

.register #UserProfile_age {
  margin-left:0px;
  margin-bottom:10px;
  background-color:#E7E7E7;
}

.register .playlist_notify {
  float:left;
  width:400px;
}
.register .playlist_notify br {
	line-height:0;
}
.register .playlist_notify input {
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:0;
	right:0;
	width:auto;
	margin-right:10px;
	background-color:#fff;

}

.register .playlist_notify label {
  	display: block;
	width: 270px;
	float: left;
	font-weight:normal;
	margin-top:18px;
	clear:none;
	

}


/* Styling for the login page */
.login #LoginForm_rememberMe {
  width:20px;
  margin-left:0px;
}

.login {
	padding:20px 0 0px 0;
	position:relative
}

.login label {
	width:85px;
	clear:both;
	position:relative;
	/*padding: 7px 0;*/
	font-weight:bold;
	float:left
}

.login input {
	/*position:absolute;
	top: 7px;*/
	margin-bottom:10px;
	right:0px;
	width:200px;
	background-color:#E7E7E7;
	margin-left:10px;
}

.login p {
	width:320px;
	float:left;
	clear:both;
	position:relative;
	padding: 7px 0;
	font-weight:bold
}

#login_submit {
  background:transparent none repeat scroll 0 0;
  border:medium none;
  color:#fff;
  font-weight:bold;
  margin:0;
  padding:0;
  width:auto;
}

.login #login_submit:hover {
  cursor: pointer;
}

/* Styling for the login overlay dialog */
.overlay-bread {
  margin-bottom:10px;
  font-weight:bold;
}

/* Styling for the password recovery */
.password_recover #User_username {
  width:150px;
  margin:10px;
}
/* ----- header ----- */

/* error page */
.version {
  border-top:1px solid lightgrey;
  font-size:10px;
  margin-top:5px;
}

div#main-content div#tv-guide h2 {
  background:#FFFFFF url(../images/tv3play_no/playtime_122x40.jpg) no-repeat scroll center 0;
}

/*welcome- and first time -overlay */
.welcome-overlay, .first-time-overlay { position:absolute; top:115px; left:50%; margin-left:-200px; width:376px; background:#fff; z-index:90999; padding:24px}
.welcome-overlay h3, .first-time-overlay h3 { font-size:22px; margin:5px 0 20px 0 }
.welcome-overlay .inner, .first-time-overlay .inner { background:#c25b88; margin-bottom:1px; padding:10px 20px 28px 20px}
.first-time-overlay .inner { padding-bottom:10px }
.first-time-overlay li.inner { padding:10px 20px 10px 30px; background: #C25B88 url(../images/first-time-bullet.png) 20px 16px no-repeat; }
.first-time-overlay li.inner a { font-size:14px; color:#fff; text-decoration:none; font-weight:bold; height: 16px; padding-right:20px; }
.first-time-overlay li.inner-fb a { background: #C25B88 url(../images/small-fb-icon.png) no-repeat right center;  }
.first-time-overlay li.inner a:hover { text-decoration:underline }
.welcome-overlay .inner p.desc, .first-time-overlay .inner p.desc { font-weight:bold; font-size:18px; color:#fff; line-height:20px; margin-bottom:18px}
.first-time-overlay .inner p span { color:#e8b0c9; }
.welcome-overlay .inner .first{ margin-left:4px}
.welcome-overlay .inner label, .welcome-overlay .inner p { color:#fff; line-height:18px; font-weight:bold; margin:8px 0 }

.first-time-overlay p.bottom-text { text-align:center; font-weight:bold; padding-top:15px; font-weight:bold; color:#242424 }
.first-time-overlay p.bottom-text a { font-weight:normal; color:#242424  }

.welcome-overlay .inner .button-submit { position:absolute; right:50px; bottom:50px; width:70px }
.close-dont-show { float:right}

.close-dont-show { width:117px; height:17px; background:transparent url(../images/dont-show-bg.png) no-repeat 0 0; padding-top:2px; padding-left:30px; font-size:11px; color:#676767; font-weight:bold; text-decoration:none}
.close-dont-show:hover { color:#676767 }
.close-e-overlay { position:absolute; top:5px; right:5px; width:11px; height:9px; background:transparent url(../images/overlay-x.gif) no-repeat 0 0;}


/*rating - bg-stars*/
.rating-stars {	background: url(../images/tv3play_no/bgstars-rated-0.png) no-repeat 2px center; float:left; height:16px; margin-top:-1px; width:72px;  }
.rating-stars.rated-0 {	background: url(../images/tv3play_no/bgstars-rated-0.png) no-repeat 2px center; }
.rating-stars.rated-1 {	background: url(../images/tv3play_no/bgstars-rated-1.png) no-repeat 2px center; }
.rating-stars.rated-2 {	background: url(../images/tv3play_no/bgstars-rated-2.png) no-repeat 2px center; }
.rating-stars.rated-3 {	background: url(../images/tv3play_no/bgstars-rated-3.png) no-repeat 2px center; }
.rating-stars.rated-4 {	background: url(../images/tv3play_no/bgstars-rated-4.png) no-repeat 2px center; }
.rating-stars.rated-5 {	background: url(../images/tv3play_no/bgstars-rated-5.png) no-repeat 2px center; }

ul.clips li div.info a {
	display:block;
	width:100%;
	max-height:30px; /*double line-height*/
	overflow:hidden;
}
ul.clips li div.duration {
	float:left;
}

/* takeover + branded */
body.framed-player.format div#flash-wrapper {
	background-image: url(../images/branded/tv3-no-bg.jpg);
}
div#header-wrapper.framed-player {
	padding-bottom:9px;
	background: url(../images/tv3play_no/bar_fade_bg.png) repeat-x scroll center bottom transparent;
}
body.branded-player.format div#header-wrapper,
body.takeover.format div#header-wrapper {
	padding-bottom:0;
	background:none;
}