/*
	lite minify-reset!
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
a:focus {
  outline: 0;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
body, html {
  height: 100%;
}
body {
  background: url(/images/new-background.png) repeat-x #ffffff 0px 0px;
  font-family: verdana, sans-serif;
  line-height: 1.4;
}
#wrapper {
  width: 990px;
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -10px;
}
#head {
	margin:0 auto;
  width: 990px;
  height: 98px;
  overflow: hidden;
  position: relative;
}
#head .logo {
  /*background:url(/images/new-logo.png) no-repeat top left;*/

  /*margin-top: 14px;*/
  height: 98px;
  width: 215px;
  float: left;
}
#menu-position {
	left:215px;
	position:absolute;
}
#menu-middle {
	margin-left:282px;
	
}
#menu {
margin-left:-50%;
  /*position: absolute;
  bottom: 0;*/
  /*background: url(/images/menu_background.png);*/
  font-family: arial;
  height:98px;
}
#menu li {
  /*background: url(/images/menu_separator.png) right no-repeat;*/
  height:98px;
  float: left;
  margin-top:-6px;
}
/*
#menu li.left, #menu li.right {
  width: 10px;
  height: 65px;
  background: no-repeat;
}
#menu li.left {
  background-image: url(/images/menu_left.png);
}
#menu li.right {
  background-image: url(/images/menu_right.png);
  background-position: right;
}
#menu li.last {
  background: none;
}
*/
#menu a {
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  margin:0 10px;
  margin-top:40px;
  display: block;
  color: #a0a0a0;
  text-decoration: none;
  text-shadow: black 1px 1px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#menu a:hover {
  color: #989898;
	background:#666;
}
#menu a.active {
	background:white;
  color: black;
  text-shadow:none;
}
#searchblock {
  position:absolute;
  right:0;
  width:210px;
  margin-top:38px;
}

#search .field{
	background:url(/images/new-searchfield.png);
	height:23px;
	width:145px;
	border:none;
	float:left;
	padding-left:5px;
}
#search .field:focus, #search .active{
	background:url(/images/new-searchfield.png) 0px 23px;
}
#search .button{
	float:left;
	cursor:pointer;
	background:url(/images/new-search.png);
	width:60px;
	height:23px;
	border:none;
}

/*
#searchbar {
  height: 32px;
  padding-top: 10px;
  margin-bottom: 16px;
}
#searchbar .field {
  margin-top: 2px;
  float: left;
  border: 1px solid #ccc;
  width: 177px;
  padding: 0 6px;
  height: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#searchbar .button {
  margin-top: 2px;
  float: left;
  display: block;
  height: 22px;
  background: #ff9c0d url(/images/knapp-bg.png) 0 -40px repeat-x;
  color: #fff;
  padding: 3px;
  font-weight: bold;
  border: 1px solid #ff9c0d;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 50px;
  font-size: 11px;
  text-align: right;
  margin-left: 5px;
}
#searchbar .search-glass {
  display: block;
  width: 14px;
  height: 14px;
  background: url(/images/glass.png);
  float: left;
  position: relative;
  left: -45px;
  top: 7px;
  cursor: pointer;
}
#searchbar #loginform {
  margin-top: 4px;
  font-size: 11px;
}
#searchbar #loginform label {
  float: left;
  margin-left: 5px;
}
#searchbar #loginform #username, #searchbar #loginform #password {
  margin-top: -2px;
  float: left;
  border: 1px solid #ccc;
  width: 120px;
  padding: 0 6px;
  height: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#searchbar #loginform #remember {
  float: left;
  margin-left: 4px;
}
#searchbar #loginform .register, #searchbar #loginform .submit {
  float: left;
  display: block;
  height: 22px;
  background: #ff9c0d url(/images/knapp-bg.png) 0 -40px repeat-x;
  color: #fff;
  padding: 3px;
  font-weight: bold;
  border: 1px solid #ff9c0d;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 67px;
  font-size: 11px;
  text-decoration: none;
  margin-top: -2px;
  margin-left: 4px;
}
#searchbar #loginform .register {
  height: 14px;
}
*/
#content {
	margin: 0 auto;
	margin-top:10px;
	width:990px;
  /*	height:700px;
	outline:1px solid black;
*/
}
#content #dualbox-left, #content #dualbox-right {
  float: left;
}
#content #dualbox-left {
  width: 522px;
  height:360px;
  /*
		.pic{
			width:400px;
			height:250px;
			position:relative;
			.title{
				padding: 2px 5px;
				display:block;
				background: rgba(0,0,0,0.55);
				color:white;
			}
			.description{
				padding: 2px 5px;
				position:absolute;
				display:block;
				bottom:0;
				left:0;
				right:0;
				background: rgba(0,0,0,0.5);
				color:white;
			}
			.pic-overlay{
				position:absolute;
				top:0;
				left:0;
				bottom:0;
				right:0;
				display:block;
			}
		}
		.hidden{
			display:none;
		}
		#pic-pagination{
			float:left;
			position:relative;
			left:50%;
			margin-top:20px;
			div{
				float:left;
				position:relative;
				left:-50%;
			}
			a{
				width:10px;
				height:10px;
				margin-right:20px;
				background:#fff;
				border:1px solid black;
				float:left;
				.rounded_corners(2px);
				
				&.current{
					background: #000;
				}
			}
		}*/

}
#content #dualbox-left .x-recommendations {
  position: relative;
}
#content #dualbox-left .x-recommendations .x-recommendation {
  color: black;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  width:516px;
  min-height:280px;
  
}
#content #dualbox-left .x-recommendations .x-recommendation:hover {
  color: #333;
}
#content #dualbox-left .x-recommendations .x-recommendation img {
  border:3px solid black;
  width: 516px;
  height: 280px;
  display:block;
}
#content #dualbox-left .x-recommendations .x-recommendation .x-description {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: -3px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=80);
  padding: 6px 5px;
  color:white;
  margin-bottom:5px;
}
#content #dualbox-left .x-recommendations .x-recommendation .x-description .x-title {
  font-family: Arial, sans-serif;
  font-size: 26px;
  background:url(/images/new-play-logo.png) no-repeat 0 0px;
  padding-left:38px;
}
#content #dualbox-left .x-recommendations .x-recommendation:hover .x-description .x-title {

	text-decoration:underline;

}

#content #dualbox-right {
  width: 434px;
  margin-left: 34px;
  /*
		dl{
			dt{
				width:40px;
				float:left;
				clear:left;
				margin-bottom:5px;
				
				img{
					float:right;
					
				}
			}
			dd{
				width:495px;
				margin-top:2px;
				margin-bottom:3px;
				margin-left:15px;
				float:left;
				clear:right;
				font-size:14px;
			}
		}*/

}
#content #dualbox-right .latest .latest-row {
	float:left;
	clear:both;
	width:434px;
	margin-bottom:2px;
}
#content #dualbox-right .latest .latest-channel {
  width: 24px;
float:left;
  /*height:26px;  /*
  float: left;
  clear: left;
  /*margin-bottom: 5px;*/
  text-align:center;
}
#content #dualbox-right .latest .latest-episode {
  /*height:26px;*/
  /*margin-top: 2px;
  margin-bottom: 3px;
  */
  margin-left: 15px;
  float: left;
  /*clear:right;*/
  font-size: 14px;
  width:315px;
}
#content #dualbox-right .latest .latest-date {
	width: 80px;
	float:right;
	font-size:14px;
	color:#aaa;
	text-align:right;
}

#content #episode-container {
	width:990px;
	float:left;
}
/*
#content #episode-container .episode {
  width: 168px;
  margin: 12px 15px;
  /*height:95px;*/
/*
  float: left;
  text-align: center;
  position: relative;
}
#content #episode-container .episode .episode-image {
  width: 168px;
  height: 95px;
  display:block;
}
#content #episode-container .episode span {
  font-size: 11px;
}
#content #episode-container .episode .episode-title-number {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 60px;
  color: white;
  display: block;
  width: 168px;
  height: 95px;
  text-decoration: none;
}
#content #episode-container .episode .episode-title-number.current {
	color:#ffd022;
}
#content #episode-container .episode .episode-title-number:hover {
  text-decoration: underline;
  color:white;
}
#content #episode-container .episode .episode-title-number span {
	  background: rgba(0, 0, 0, 0.4);
  text-decoration: none;
	color:white;
	padding: 0 6px;
  font-size: 22px;
  display: block;
  /*width: 168px;
  margin-top: 30px;*/
/*  position:absolute;
  right:0;
  bottom:0;
  margin:4px;
}
*/
#content .spacer {
  float: left;
  width: 990px;
  clear: both;
}
#content div.back {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  text-align: center;
}
#content div.back a {
  font-size: 40px;
  color: white;
  text-decoration: none;
  text-shadow: white 0 0 50px;
}
#content #play {

  /*
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  background: #444;
  overflow: hidden;
  z-index: 9999;
  border-top: 5px solid #222;
  border-bottom: 5px solid #222;
  padding: 20px 0 40px 0;
  */
  background: #444 url(/images/new-play-background.png) 0 -1px repeat-x;
  float:left;
  width:100%;
  /*width:990px;*/
  text-align:center;
  padding-bottom:20px;
}
#content #play #byline {
	width:750px;
	text-align:left;
	margin:0 auto;
	border-bottom:1px dotted #444;
	overflow:auto;
}
#content #play #byline a{
	color:white;
}
#content #play h1 {
  margin:10px 0;
  color: black;
}
#content #play div.description {
  text-shadow: black 1px 1px 2px;
  color: white;
  font-size: 12px;
  width: 750px;
  margin: 0 auto;
  text-align: justify;
}
#content #play #playersizes{
	float:right;
}
#content #play #playersizes a {
  text-shadow: none;
  font-size: 12px;
  color: orange;
}
#content #play .player-normal {
  height: 450px;
  width: 750px;
}
#content #play .player-big {
  height: 600px;
  width: 990px;
}
#content #play .player-small {
  height: 300px;
  width: 550px;
}
#content .overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#content #form_add .admin-separator, #content #form_edit .admin-separator {
  float: left;
  clear: both;
  width: 100%;
}
#content #form_add label, #content #form_edit label {
  float: left;
  width: 200px;
  margin-right: 5px;
  text-align: right;
}
#content #form_add label:after, #content #form_edit label:after {
  content: ":";
}
#content #form_add input, #content #form_edit input {
  width: 200px;
  float: left;
}
#content #form_add textarea, #content #form_edit textarea {
  width: 400px;
  height: 100px;
  float: left;
}
#content #form_add img.preview, #content #form_edit img.preview {
  width: 40px;
  height: 12px;
}
#content #form_add img.preview-hover, #content #form_edit img.preview-hover {
  position: absolute;
  right: 0;
  z-index: 999;
}
#content #form_add .drag-n-drop, #content #form_edit .drag-n-drop {
  /*
			display: block;
			width:200px;
			height:30px;
			background:pink;
			border:3px solid firebrick;
			float:left;
			clear:right;
			text-align:center;
			*/

}
#content #form_add .drag-n-drop:hover, #content #form_edit .drag-n-drop:hover {
  /*
				width:220px;
				margin-left:-10px;
				margin-top:-10px;
				height:50px;*/

}
#content #form_add .drag-highlight, #content #form_edit .drag-highlight {
  background: #fda;
}
#content #form_add .drag-hover, #content #form_edit .drag-hover {
  background: orange;
}
#content .listing-col {
  width: 247px;
  float: left;
}
#content .listing-col .list-show{
	height:20px;
	margin-top:6px;
	margin-bottom:6px;
}
#content .listing-col .letter{
  font-family: arial, sans-serif;
  font-size: 20px;
  clear:both;
}
#content .listing-col .list-show a {
  font-size: 12px;
  color: #2E6983;
  margin-top:-2px;
  display:block;
}
#content #admin-table td {
  border: 1px solid black;
  padding: 5px;
}
.ajaxform {
  position: fixed;
  top: 10%;
  left: 20%;
  width: 60%;
  height: 70%;
  background: pink;
  padding: 20px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ajaxform label {
  float: left;
  width: 200px;
  margin-right: 5px;
  text-align: right;
}
.ajaxform label:after {
  content: ":";
}
#footer, #push {
  width: 100%;
  clear: both;
  background: #000;
  height: 10px;
}
#push {
  background: transparent;
}
#link-embed-value{
	font-size:11px;
	background:firebrick;
	color:orange;
	font-weight:bold;
}
#about-webbtv{
	float:left;
	margin-top:20px;
	border-top: 2px dotted #ccc;
	font-size: 12px;
	width:990px;
}
#about-webbtv p{
	margin-bottom:5px;
}
.list-img{
	width:20px;
	float:left;
	clear:left;
	display:block;
	height:20px;
	height:20px;
	text-align:center;
	margin-right:8px;
}
#topbox{
	margin-bottom:8px;
	float:left;
	width:990px;
}
#topbox h1{
	font-size:22px;
	float:left;
	display:block;
}
#topbox h1 .green{
	color:#090;
}
#top-channels{
	display:block;
	float:right;
}
#top-channels li{
	display:block;
	float:left;
}
#top-channels li img{
	padding-left:10px;
	opacity:0.6;
	filter: alpha(opacity=60);
}
#top-channels li img:hover, #top-channels li.active img{
	opacity:1;
	filter: alpha(opacity=100);
}
.top-channels-absolute{
	position:absolute;
	float:none;
	right:0;
	top:0;
}
#topper{
	position:relative;
}
#content.play-background{
	width:100%;
	margin:0;
	overflow:auto;
}
.tight{
	margin:0 auto;
	width:990px;
}
#play-background{
	background: olive;
}
#x-pagination{
	margin-top:290px; 	
	float:left;
	left:50%;
	position:relative;
}
#x-pagination div{
	left:-50%;
	position:relative;
}
#x-pagination a{
	height:10px;
	width:10px;
	float:left;
	border:2px solid black;
	margin: 0 5px;
	font-size:10px;
	text-decoration:none;
	color:black;
	line-height:10px;
}
#x-pagination a.current{
	background:black;
}
#x-pagination a.prev,#x-pagination a.next{
	height:14px;
	border:0;
	width:13px;
}
#x-pagination a.prev{
	background:url(/images/pil-left.png);
}

#x-pagination a.next{
	background:url(/images/pil-right.png);
}
/*
#content #episode-container.frontpage .episode{
	text-align:left;
	height:130px;
	margin:12px 9px;
}
#content #episode-container.frontpage .episode a{
	text-decoration:none;
	color:black;
}
#content #episode-container.frontpage .episode .episode-image{
	border:3px solid #888;
}
#content #episode-container.frontpage .episode:hover .episode-image{
	border-color:#ffcc33;
}
*/
.new-date{
	float:left;
	width:990px;
	background:url(/images/top-gradient-solid.png);
	height:23px;
	padding: 4px 10px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
}
.episode{
	float:left;
	width:168px;
	margin: 12px 15px;
	position:relative;
	display:block;
	height:120px;
	text-decoration:none;
	font-size:11px;
	color:black;
	cursor:pointer;
}
.episode-img{
	height:95px;
	width:168px;
	display:block;
	border:3px solid #555;
	
}
.episode:hover .episode-img{
	border:3px solid #ffcc33;
}
.current .episode-img{
	border:3px solid #ffdd00;
}
.episode-number{
	position:absolute;
	top:72px;
	right:-3px;
	color:white;
	background:black;
	background:rgba(0,0,0,0.4);
	filter: alpha(opacity=60);
	padding:2px 4px;
	font-size:16px;
	font-family:verdana, sans-serif;
}
.under{
	float:left;
	display:block;
	margin-top:4px;
	width:168px;
}
.sub-img{
	margin-bottom:-4px;
	margin-right:4px;
}
.fiftybox{
	width: 470px;
	margin: 10px;
	float:left;
	border:1px solid #aaa;
	-moz-border-radius: 10px;
}
.fifty-top{
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

	background:url(/images/top-gradient-solid.png);
	height:23px;
	padding: 4px 10px;
}
.fiftybox div{
	padding:5px;
	font-size:12px;
}
.fiftyimg{
	width:460px;
}
#a-o{
	width:990px;
	float:left;
}
.link{
	color:#2288df;
	text-decoration:none;
	font-size:14px;
}
.link:hover{
	text-decoration:underline;
}
.link .arrow{
	font-size:150%;
}
.fb-share{
	width:150px;
	height:25px;
	background: url(/images/fb-share.png);
	display:block;
	margin-right:10px;
	float:left;
}
.fb-share:hover{
	background-position:0 25px;
}
.fb-share-byline{
	float:left;
	color:white;
}
#fontpage-spam{
	float:left;
	width:990px;
}
#fontpage-spam .fb-share-byline{
	color:black;
}
#fontpage-spam .fb-share-big{
	display:block;
	width:550px;
	height:40px;
	background: url(/images/big-share.png) no-repeat;
	padding-left:45px;
	line-height:40px;
	font-size:20px;
}
.wide-and-big{
	width:100%;
	float:left;
	font-size:22px;
}

.popularity{
	width:100px;
	background:#ccc;
	height:10px;
	max-width:100px;
}
.popularity .bar{
	max-width:100px;
	display: block;
	float:left;
	background:#ffb327;
	height:10px;
}



#y-recomendations{
	width:990px;
	height:284px;
	float:left;
	position:relative;
	overflow:hidden;
}
.y-recomendation{
	width:720px;
	position:absolute;
	top:0;
	left:0;
	border:2px solid black;
}
.y-image{
	float:left;
	width: 516px;
	height: 280px;
}
.y-container{
	float:right;
	width:204px;
	font-size:12px;
	background:black;
	color:white;
	height:280px;
}

.y-container h2{
	padding-top:10px;
	font-size:24px;
	display:block;
	text-align:center;
}

.y-description{
	font-size:11px;
	border-top:1px solid white;
	padding:10px 0;
	border-bottom:1px solid white;
	width:170px;
	margin:10px auto;
	text-align:justify;

}

.y-play{
	color:white;
	text-align:center;
	display:block;
	font-size:16px;
}

#y-rightmenu{
	float:right;
	width:270px;
	height:280px;
}
#y-rightmenu a{
	text-decoration:none;
	display:block;
	width:250px;
	float:left;
	margin:0 10px;
	padding:10px 0;
	color:black;
	border-top:1px solid white;
	border-bottom:1px solid white;	
}
#y-rightmenu a span{
	text-decoration:underline;
}
#y-rightmenu a img{
	margin-right:5px; 
	margin-bottom:-3px;
}
.img-box{
	display:block;
	float:left;
	width:30px;
	text-align:center;
	height:24px;
}
#y-rightmenu a.active{
	border-top:1px solid black;
	border-bottom:1px solid black;
}

.floatleft{
	float:left;
}

.frontpage-separator{
	width:990px;
	float:left;
	border-top:5px dotted #ccc;
	margin-top:20px;
	padding:10px;
}
.frontpage-table{
	width:700px;
}
.frontpage-table .sub-img{
	float:right;
	margin-right:5px;
}
.frontpage-table a{
	font-family:"Helvetica Neue",Arial,Helvetica;
	color:#2c6ecd; 
	text-decoration:none;
}
.frontpage-table a:hover{
	text-decoration:underline;
}

.weekday{
	font-size:14px;
	font-weight:bold;
	margin:15px 0 5px;
	display:block;
}

#sufttips{
	float:right;
	width:200px;
	border:5px dotted #ccc;
	border-top:none;
	border-right:none;
	border-top:none;
	padding:15px;
}
#sufttips a{
	display:block;
	float:left;
	clear:both;
}