@import url("general.css");
/* ----- header ----- */
div#header {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:95;
	padding-top:16px;
	height:194px;
}

div#header h1 {
	display:block;
	width:113px;
	height:137px;
	text-indent:-9999px;
	background:transparent url(../images/tv8-logo.png) no-repeat 0 0;
	float:left;
	margin:38px 0 0 0;
}

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

div#menu {
	background:transparent url(../images/tv8-menu-bg.png) no-repeat 0 0;
	width:786px;
	height:30px;
	position: absolute;
	bottom:83px;
	right:0px;
	padding:6px 10px 0px 16px;
	z-index:400;
}

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

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

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

ul#main-menu li a {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

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

ul#main-menu li a.inactive {
	color:#b2b2b2;
}

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


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

ul#main-menu li div.children ul {
	background:transparent url(../images/gray-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;
}

ul#main-menu li div.children ul li {
	width:240px;
	/*background-color: #000;*/
	background:transparent url(../images/gray-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;
}

ul#main-menu li div.children ul li.hover {
	padding: 5px 14px 5px 14px;
	background-color: #0059b0;
	background-image:none;
	color: #fff;
	margin-left:0px;
}
ul#main-menu li ul li a {
	color: #c1c1c1;
	font-size:13px;
	font-weight:bold;
	display: block;
	padding-left:30px;
}
ul#main-menu li ul li.hover a {
	color: #fff;
}
 div.children ul li.tv3 a {
  background:transparent url(../images/tv3-logo-small.png) no-repeat 10px 2px;
}
 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;
}

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

ul#login-menu li {
	float:left;
}

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

ul#login-menu li.facebook-login {
	padding:0 0 0 12px;
	border-right:0;
}

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

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

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:#0059b0;
}

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

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

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


/* ----- playfeed ----- */
div#playfeed {
	position: absolute;
	z-index:0;
	bottom:38px;
	left:152px;
	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:#0059b0;
}

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


/* ----- flash/feature box ----- */
div#flash-wrapper {
	height:360px;
	background-color: #000
}

div#flash-container {
	height:360px;
	width:100%;
	background-color:#000;
	position:absolute;
	z-index:0;
}

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

div#flash-info-container {
	width:100%;
	background-color:#293e5c;
	margin-bottom:44px;
}

div#flash-info-content-container {
	width:586px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
	color:#cccccc;
}

div#flash-info-content-container p.description {
	color:#fff;
	font-weight:bold;
	display:inline;
}

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/playlist-ico-white.png) no-repeat 0 2px;
	float:left;
}

div#flash-info-content-container div.rate {
	height:20px;
	float:left;
	width:200px;
	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;
	color:#75bcf1;
}

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 #cccccc;
}

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;
}

/*remove this when inserting real flash */
div#flash-container {
	background:#FFFFFF url(../images/fade_tv8.png) repeat-x scroll 0 0;
}
/* ----- /flash/feature box ----- */



/* ----- main-content ----- */
div#main-content {
	width:960px;
	min-height:350px;
	margin:0 auto;
	padding-bottom:30px;
}

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

div#main-content div.teasers {
	margin:0 0 45px 0;
	border-bottom:solid 1px #06467f;
	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:14px;
	font-weight:bold;
	color: #06467f;
	text-decoration:none;
	padding-right:10px;
	background:transparent url(../images/rightarrow_e8141b.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:#0059b0;
}

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

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

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:254px;
}

/*div.clips-container h2 */
div#main-content h2 {
	font-weight:bold;
	font-size:21px;
	line-height:21px;
	letter-spacing:-0.4px;
	color:#06467f;
	margin-bottom:14px;
}

.clip-table-header div.clips-links, div.clips-container div.clips-links, .paging-box div.clips-links {
	position:absolute;
	right:70px;
	top:5px;
	font-size:12px;
	line-height:12px;
	color:#06467f;
}
div.clips-links a {
	color: #606161;
	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:21px;
	line-height:21px;
	color:#06467f;
	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/previous_06467f.gif) 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/next_06467f.gif) 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:-2px
}

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

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

div.clips-container, div.paging-box {
	width:956px;
	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:#0059b0;
}

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

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

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

ul.clips li.hover img.clip-border {
	border-bottom:solid 4px #0059b0
}

ul.clips li div.broadcast-date {
	width:92px;
	float:left;
}

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

ul.clips li div.duration {
	width:62px;
	float:right;
}

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/gray-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/gray-opaque-info-left.png) no-repeat scroll right top;
	left:-260px;
	padding:15px 27px 15px 15px;
}

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

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

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

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:#0059b0;
}

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

div.tabs a:hover {
	color:#0059b0;
}

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;
	color:#000;
}
div#main-content div.column h2.inactive {
	color:#a6a6a6;
}

div.column ul li, ul.column li {
	padding: 0 0 0 10px;
	margin:6px 0;
	list-style: disc inside;
	color:#000;
}

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

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-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:20px;
	font-weight:bold;
	color:#141414;
	padding: 20px 0 22px 0;
}

div#main-content.main-body h2 {
	font-size:14px;
	font-weight:bold;
	color:#141414;
	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%;
	background-color:#fff;
	height:30px;
}

div#footer-top-content {
	background:transparent url(../images/tv8-footer-menu-bg.png) no-repeat 0 0;
	width:942px;
	height:26px;
	margin:0 auto;
	padding:10px 0px 0 16px;
	position:relative;
}

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

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

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

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

div#footer {
	width:100%;
	padding:16px 0 15px 0;
	border-bottom:solid 30px #fff;
	background:#fff url(../images/tv8-footer-bg-bottom.png) no-repeat bottom center;
}

div#footer-content {
	background:#dadada url(../images/tv8-footer-bg-top.png) no-repeat 0 0;
	width:938px;
	margin:0 auto;
	padding:22px 0 0 20px;;
}

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

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

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

div#footer-content a {
	font-size:12px;
	font-weight:bold;
	color:#8b8b8b;
	text-decoration:none;
}

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

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

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


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

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

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

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 #686868;
	padding-top:10px;
	margin-top:10px;
	font-weight:bold;
	text-decoration:none
}

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/gray-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
}

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


/* ----- playlistbox ----- */
div.playlistbox {
	background:transparent url(../images/gray-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 #686868;
	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:#afd1ea;
	text-decoration:none;
	font-weight:bold;
}
/* ----- /playlistbox ----- */


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

.ac_results ul {
	/*width: 100%;*/
	background:transparent url(../images/gray-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/gray-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/viaplay_loader.gif) right center no-repeat;
}

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

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



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

body.startpage .clips-list-container {
	overflow:hidden;
	width:712px;
	background : url(../images/viaplay_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;
}

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/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/playlist-hover_06467f.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:#0059b0
}

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/star_0059b0.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/toggle-closed.png) no-repeat 0 1px
}

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

.clip-list tr.open .season-col a {
	background:url(../images/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;
}

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:#0059b0
}

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

table.playlist tr.tr-hover td.col8 a {
	color:#5c5d60
}

.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:#0059b0
}

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:#06467f;
	font-weight:normal
}

.personal img {
	position:absolute;
	top:-30px;
	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:#06467f;
	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;
}
/*div#main-content.main-body div.widget.step2 h2 {
	color:#31aeb4;
}
div#main-content.main-body div.widget.step3 h2 {
	color:#a6a216;
}
div#main-content.main-body div.widget.step4 h2 {
	color:#ae4474;
}*/
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:#06467f;
}
/*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:#06467f;
	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:#a5003d;
	padding:12px 8px;
	font-weight:bold
}

label.error {
	color:#a5003d;
}

input.button-submit.hover {
	background:#06467f;
}

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

/*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 */
.register #UserProfile_gender {
  margin-left:68px;
  margin-bottom:10px;
  background-color:#E7E7E7;
}

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

.register #UserSettings_terms {
  width:20px;
}

.register .playlist_notify {
  float:none;
  width:500px;
  margin-top:10px;
  margin-bottom: 10px;
}
.register .playlist_notify label {
  font-weight:normal;
  
  vertical-align:top;
  width:475px;
  float:none;
}

.register .playlist_notify input {
  margin-top:0px;
  right:0;
  width:20px;
}


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

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

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

.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:#32E2EA;
  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;
}