/**
 * Contains styles shared by all themes, such as page layout, default colors etc.
 *
 */
body {
	background-color: #FFF;
	margin: 0;
	background-image: url(images/background-body.gif);
	background-repeat: repeat;
}

body,input,button,submit,select,textarea {
	font-family: arial, sans-serif;
	font-size: 8pt;
}

input[disabled='disabled'] {
	background: #ebebe4;
	/**color:blue; **/
	cursor:default;
}

a.default-anchor, a:visited.default-anchor {
	color: #0079AA;
}

.disabled {
	background: #ebebe4;
	cursor:default;
}
.alphapng {
	behavior: url(/themes/default/iepngfix.htc);
}

.iepointer {
	cursor: hand;
	cursor: pointer;	
}
/**
 * The .imagePreload class can be used to prefetch images 
 * that you know will be used later, e.g. when hovering 
 */
.imagePreload {
	display: none;
}

table {
	border-collapse: collapse;
}

img {
	border: none;
}

h1,h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

h1 {
	font-size: 130%;
}

#dim-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000000;
	z-index: 110;
}

p {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color: #383838;
}

.clear-floats {
	clear: both;
}

.clear-left {
	clear: left;
}
.analytics-wrapper img {
	/*hide nielsen image which otherwise causes the entire page to be pushed 10 pixels down*/
	display: none;

}

#body-wrapper {
	margin: 0 auto;
	padding: 0px 0px;
	background-color: #FFF;
	border-right: 1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	width: 1020px;
}

.header-banner {
	text-align: center;
	padding: 10px 0px;
}

.otherplay {
	
	padding: 0px 0 0px;
}

.otherplay_inner{
	margin: 0 40px;	
	padding-top: 20px
}

.otherplay h2 {
	marign-top: 0px;
	margin-bottom: 0px;
	color: #339999;
	font-size: 20px;
	font-weight: bolder;
	
}

.other-play a {
	color: #0079aa;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-right: 8px;	

}

.other-play-link-wrapper {

}

.other-play-link-wrapper a {
	color: #0079aa;
	text-decoration: none;
	font-size: 11px;
		

}

.other-play-link-wrapper img {
	padding-left: 4px;
}

.otherplay .k5-video-teaser .program-name {
	color: #468aa5;
}

.top-and-banner-wrapper {
	background-image: url(images/header-backg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#topheader-wrapper {
	border-bottom: 1px solid #b5b5b5;
	position: relative;
	height: 83px;
}

#topheader #logo-wrapper {
	position: absolute;
	top: 0px;
	left: 40px;
}

#topheader #search-wrapper {
	position: absolute;
	top: 25px;
	right: 38px;
}

#topheader #topmenu-wrapper {
	position: absolute;
	top: 18px;
	left: 162px;
	height: 58px;
}

#topheader #topmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 110%;
	height: 58px;
}

#topheader #topmenu li {
	float: left;
}

.topmenutext {
	display: none;
}

#topheader #topmenu li a {
	padding: 0px;
	margin: 1px;
	display: block;
	font-size: 10px;
	
	/* fix for IE not displaying correct mouse cursor 
	cursor: hand;
	cursor: pointer;
	*/
}

#topmenu-start a {
	background-image: url(images/header-menu-start.png);
	height: 58px;
	width: 91px;
}

#topmenu-a-oe a {
	background-image: url(images/header-menu-program-aoe.png);
	height: 58px;
	width: 161px;
}

.searchfield {
	background-image: url(images/search-backg.gif);
	background-repeat: no-repeat;
}

#search-form {
	width: 207px;
	height: 29px;
}

#gwt-suggest-box {
	border: none;
	width: 143px;
	padding: 5px 0px 6px 10px;
	margin-left: 1px;
	font-size: 12px;
	color: #4c4d52;
	font-weight: bold;
	background: transparent;
}

.logininfo-loggedinas {
	color: #686868;
}

.logininfo-item a {
	color: #0079aa;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.logininfo-facebook-connect a {
	background-image: url(/themes/default/images/facebook-icon.png);
	background-repeat: no-repeat;
	padding-left: 19px;	
}
.register-facebook-connect a {
	margin-top: 10px;
	display: block;
	color:#0079AA;
}
.register-main {
	position: relative;
	min-height: 400px;
}

.register-main h1 {
	color: #8AC100;
	font-size: 180%;
	font-weight: bolder;
	margin: 15px 0;
}

#main-login-wrapper {
	padding: 40px 0;
}

.login-panel-right {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 350px;
	background-color: #FFFACD;
	border: 1px solid #CCC;
}

.login-panel-facebook {
	padding: 10px;
	color: #666
}
.login-panel-facebook h2 {
	font-size: 150%;
	font-weight: bolder;
	color: #666;
	background-image: url(/themes/default/images/facebook-icon_medium.png);
  	background-repeat: no-repeat;
	padding:14px;
  	padding-left: 55px;
}



.logininfo-item {
	border-left: 1px solid #c3c3c3;
	padding: 0px 7px;
}

.logininfo-loggedinas,.logininfo-login {
	border-left: none;
}

.login-information {
	color: #9fa1a4;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
}

a.login-information-facebookconnect {
	color: #FFF;	
}

.login-form {
	width: 265px;
	border-right: 1px solid #57575b;
	height: 210px;
}

.login-header-text {
	display: none;
}

.login-header {
	background-image: url("images/header-login.png");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
	height: 25px;
}

.login-label {
	display: block;
	color: #8bd3f5;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.login-invalid .header {
	font-size: 180%;
	color:#57575b;
}

.login-invalid .message a {
	color: #0079AA;
}

.login-email input,.login-password input {
	margin-bottom: 20px;
}

.login-label-rememberme {
	display: inline;
}

.rememberme-wrapper {
	display: block;
}

.login-rememberme input {
	margin-left: 0px;
}

.login-box input {
	border: 1px groove #9e9e9e;
	padding: 5px 0px 6px 10px;
	font-size: 12px;
	color: #4c4d52;
	font-weight: bold;
	width: 200px;
}

.login-forgotpwd a {
	display: block;
	color: #9fa1a4;
	font-weight: bold;
	margin-left: 118px;
	margin-top: -18px;
	margin-bottom: 18px;
}

#login-button {
	margin-bottom: 0px;
	margin-left: 137px;
}

.register-description {
	color: #686868;
	width: 400px;	
}

.login-register a {
	background-image: url("images/login-register.png");
	background-position: right top;
	background-repeat: no-repeat;
	width: 234px;
	height: 45px;
	display: block;
	position: absolute;
	right: 50px;
	top: 330px;
	
	/* fix for IE not displaying correct mouse cursor
	cursor: hand;
	cursor: pointer; */
}

.login-register a:hover {
	background-image: url("images/login-register-o.png");
	background-position: right top;
	background-repeat: no-repeat;
	width: 234px;
	height: 45px;
	display: block;
	position: absolute;
	right: 50px;
	top: 330px;
}

.login-facebook a {
	background-image: url("images/login-facebook.png");
	background-position: right top;
	background-repeat: no-repeat;
	width: 234px;
	height: 45px;
	display: block;
	position: absolute;
	right: 50px;
	top: 220px;
	
	/* fix for IE not displaying correct mouse cursor
	cursor: hand;
	cursor: pointer; */
}

.login-facebook a:hover {
	background-image: url("images/login-facebook-o.png");
	background-position: right top;
	background-repeat: no-repeat;
	width: 234px;
	height: 45px;
	display: block;
	position: absolute;
	right: 50px;
	top: 220px;
}

.login-line {
	color: #57575b;
	height: 1px;
	width: 265px;
	background-color: #57575b;
	border: 0;
	position: absolute;
	right: 50px;
	top: 292px;
	margin-right: -15px;
}

.login-register-text {
	display: none;
}

.login-facebook-text {
	display: none;
}

#subheader-wrapper {
	border-bottom: 1px solid #c2c2c2;
	background-color: #F0F0F0;
	background-image: url(images/subheader-backg.gif);
	height: 29px;
	text-align: right;
}

#subheader-system-message {
	color: #696969;
	padding: 10px 40px;
	background-color: #FFFACD;
}

#subheader-system-message b{
	color: #000000;
}

#subheader-system-message a{
	color: #0079AA;
	text-decoration: none;
	font-weight: bold;
}

#logininfo-wrapper {
	padding: 8px 33px 0 0;
}

#footer-wrapper {
	border-top: 1px solid #d7d7d7;
	color: #9fa1a4;
	background-color: #FFF;
}

#footer {
	padding: 10px;
}

#footer-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#footer-menu li {
	display: inline;
	border-left: 1px solid #CCC;
}

#footer-menu li.first {
	border-left: none;
}

#footer-menu li a {
	padding: 5px 5px 5px 10px;
	margin: 1px;
	color: #0079aa;
	text-decoration: none;
	font-weight: bold;
}

#main-wrapper {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #eee;
}

#main {
	padding: 10px 2px;
	background-image: url(images/a-o-backg.gif);
	background-repeat: repeat-x;
	height: 100%;
	/* fixes disappearing text in IE6 when using float: left*/
	position: relative;
	overflow: hidden;	
	
}

.video-play-main {
	position: relative;	
}

.main-tag {
	height: 100%;
	background-color: #FFF;
	padding: 10px 2px;
}
.all-program-main {
	background-image: url(images/all-video-backg.jpg);
	padding-top: 0px;
	padding-bottom: 20px;
	position: relative;
	height: 100%;
}

.all-program-top-wrapper {
	position: relative;
	height: 300px;
}

.all-program-top-header {
	position: absolute;
	top: 11px;
	left: 80px;
}

.all-program-top-flicker {
	/*This will align the flicker against the background*/
	position: absolute;
	top: 63px;
	left: 0px;		
	width: 100%;
	padding-left: 20px;
}



#main.start {
	padding: 0px;	
}

#main h3 {
	margin-left: 40px;
}

#main div h3 {
	margin-left: 0px;	
}


/**
 * The .simple-main div wraps the main content on simple pages (such as login, thank you for registering, change password, etc.)
 */
.simple-main {
	margin: 20px;
}

.simple-main h2 {
	margin-bottom: 5px 0px 10px 0px;
}

.simple-main p {
	margin-bottom: 20px;
}

#program-related {
	padding: 10px 0px;
}

.k5-PlaySuggestBoxPopup, .gwt-SuggestBoxPopup {
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 152px;
	z-index: 101; /*must be larger than #player*/
}

.gwt-SuggestBoxPopup {
	width: auto;	
}

.k5-PlaySuggestBoxPopup .suggestion-item {
	text-decoration: none;
	color: #4c4d52;
}

.k5-PlaySuggestBoxPopup a:hover .suggestion-item {
	background-color: #CCC;
}

.k5-PlaySuggestBoxPopup .selected, .gwt-SuggestBoxPopup .item-selected {
	background-color: #CCC;
}

.k5-PlaySuggestBoxPopup .suggestion-label {
	padding: 4px 4px 2px 10px;
	font-weight: bold;
	display: block;
	color: #4c4d52;
}

.suggestion-divider {
	height: 5px;
	border-bottom: 1px dashed #CCC;
}

.suggestion-program-name,.suggestion-program-latest-episode,.suggestion-video
	{
	padding: 3px 10px;
	display: block;
	color: #4c4d52;
}

.suggestion-program-description {
	color: #999;
}

.suggestion-program-latest-episode {
	font-style: italic;
	padding-left: 10px;
}

.suggestion-highlight {
	font-weight: bold;
	background-color: lightblue;
}

video-popup-westpanel {
	width: 160px;
}

.video-popup-centerpanel {
	width: 241px;
	margin: 16px 0 2px 0;
}

.video-popup-image {
	border: 1px solid #d1d1d1;
	margin: 20px;
}

.video-popup-program {
	color: #3cb8ea;
	font-size: 150%;
	font-weight: bold;
}

.video-popup-description {
	font-weight: bold;
}

.video-popup-episodeinfo {
	
}

.video-popup-free {
	
}

video-popup-cost {
	
}

video-popup-channel {
	
}

.gwt-TabPanel {
	width: 100%;
}

.gwt-TabBar {
	border-top: 1px solid #dfdfdf;
	background-color: #FFFFFF;
	background-image: url(images/tabbar-backg.gif);
	color: #363636;
}

.gwt-TabPanelBottom {
	padding: 10px;
}

.gwt-TabBarItem.gwt-TabBarItem-selected {
	border-right: 1px solid #d3d3d3;
	background-color: #FFF;
	color: #363636;
	font-weight: bold;
}

.gwt-TabBarFirst-wrapper {
	padding-left: 36px;
	border-right: 1px solid #bcbcbc;
}

.gwt-TabBarItem {
	border-right: 1px solid #bcbcbc;
	padding: 8px 10px 7px 10px;
	cursor: pointer;
	font-weight: bold;
	width: 130px;
	padding-left: 20px;
}

.program-start-screen-table {
	margin: 30px 136px 35px 147px;
}

.program-start-screen-image {
	width: 350px;
	height: 180px;
	overflow: hidden;
	background-image: url(images/program-start-screen-image-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.program-start-screen-image-bottom {
	background-image: url(images/program-start-screen-image-bottom.png);
	background-repeat: no-repeat;
}

.program-start-screen-table h1 {
	color: #8AC100;
	font-size: 23px;
}

.program-start-screen-table h1 a {
	color: #8AC100;
	text-decoration: none;
}

.program-start-screen-table .program-description a {
	text-decoration: none;
	color: #797979;
	font-size: 11px;
}

.program-start-screen-table a {
	color: #0079aa;
}

.program-start-screen-table .player-ontv-displaystring,
.program-start-screen-table .player-portal-link {
	margin-top: 5px;
}

#video-start-wrapper {
	height: 425px;
	width: 1020px;
	position: relative; 
}

#player {
	height: 460px;
	width: 700px;
	background-color: #000;
	color: #FFF;
	position: relative;
	overflow: hidden;
	background-image: url(images/inskin-bak.jpg?v=2);
}

#player-active-wrapper {
	position: absolute;
	z-index: 111; /*must be larger than k5-DimPanel*/
}

.player-overlay-wrapper {
	width: 640px;
	height: 360px;
	margin: 60px 30px 40px;
}

.player-overlay {
	background-image: url(images/gray-semi-transparent.png);
	height: 100%;
	width: 100%;
}

.player-overlay-inner {
	padding: 30px 40px 10px 40px;
}

.program-longdescription-wrapper {
	margin-top: 10px;	
}

.program-fblike-wrapper  {
	margin-top: 10px;	
}

.player-outer {
	padding: 0px 0px 20px 0px;
}

#newsflash-wrapper {
	background-color: #FFF;
	color: #797979;
	margin: 0px 20px;
	padding: 0px 10px 0px 10px;
	font-size: 11px;
}

#newsflash .newsflash-column-wrapper {
	float: left;
	width: 25%;
}

.newsflash-column {
	padding: 20px 5px;
}

#newsflash h3 {
	font-size: 130%;
	text-transform: none;
	text-decoration: none;
	font-weight: bolder;
	color: white;
	margin: 0;
	padding: 5px 7px;
	height: 40px;
	background-image: url(images/footer-header-bg-1.png);
	background-repeat: no-repeat;
}

#newsflash h3.color2 {
	background-image: url(images/footer-header-bg-2.png);
}

#newsflash h3.color3 {
	background-image: url(images/footer-header-bg-3.png);
}

#newsflash h3.color4 {
	background-image: url(images/footer-header-bg-4.png);
}

#newsflash h3.color5 {
	background-image: url(images/footer-header-bg-5.png);
}

.rss-feed-entry-heading, .newsflash-item-heading {
	font-size: 11px;
	margin: 0 0 2px;
	padding: 0px;
	font-weight: bold;
	color: #4c4d52;
}
.rss-feed-entry-heading a, .rss-feed-entry-heading a:hover {
	font-weight: bold;
	color: #4c4d52;
	text-decoration: none;
}

.rss-feed-entry-body {
	margin: 0px 0px 10px 0px;
	color: #797979;
}

.rss-feed-entry-body a, .rss-feed-entry-body a:hover {
	color: #797979;
	text-decoration: none;
}


.rss-feed-entry-read-more, .newsflash-read-more {
	white-space: nowrap;
	color: #0079aa;
	text-decoration: none;
}

.newsflash-body a, .newsflash-body a:hover {
	color: #797979;
	text-decoration: none;	
}

#newsflash .link-list-sitelet a, #newsflash .link-list-sitelet a:hover {
	color: #0079aa;
	text-decoration: none;
}

#newsflash .link-list-entry {
	margin-bottom: 3px;
}

.k5-VideoInfoWidget-wrapper {
	width: 162px;
	
}

.k5-VideoInfoWidget-wrapper-first {
	width: 142px;
}

.k5-VideoInfoWidget-wrapper-last {
	width: 142px;
}

.k5-VideoInfoWidget-wrapper-first .k5-VideoInfoWidget {
	margin-left: 0px;
}

.k5-VideoInfoWidget-wrapper-last .k5-VideoInfoWidget {
	margin-right: 0px;
}


.k5-VideoInfoWidget {
	position: relative;
	color: #797979;
	margin: 0px 20px 10px 20px;
}

.k5-VideoInfoWidget-nametitle {
	font-weight: bold;
	color: #797979;
	text-decoration: none;
	letter-spacing: 0.1px;
	line-height: 15px;
}

.k5-VideoInfoWidget-programtitle {
	font-weight: bold;
	color: #8AC100;
	text-decoration: none;
	letter-spacing: 0.1px;
	line-height: 15px;
}

.k5-VideoInfoWidget-thumbnail {
	height: 68px;
	width: 120px;
	overflow: hidden;
	clear: right;
	display: block;
}

.k5-VideoInfoWidget-thumbnail img {
	
}

.k5-VideoInfoWidget-linkswrapper:hover .k5-VideoInfoWidget-nametitle {
	text-decoration: underline;
}

.k5-VideoInfoWidget-linkswrapper:hover .k5-VideoInfoWidget-programtitle {
	text-decoration: underline;
}

.k5-VideoInfoWidget-overlay {
	display: none;
	position: absolute;
	top: 20px;
	left: 37px;
	width: 45px;
	height: 30px;
	z-index: 99;
	background-image: url(images/playbutton.png);
	background-repeat: no-repeat;
}

.k5-VideoInfoWidget-p2pOverlay {
	position: absolute;
	top: 34px;
	left: 89px;
	width: 28px;
	height: 28px;
	z-index: 99;
	background-image: url(images/p2p_background.png);
	background-repeat: no-repeat;
}

.k5-VideoInfoWidget-p2pOverlay-inner {
	position: absolute;
	left: 6px;
	top: 7px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}

.k5-VideoInfoWidget-textOverlay {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 120px;
	display: block;
	height: 11px;
	text-indent: 1px;
	color: #FFF;
	font-size: 9px;
	background-color: #2CAFE3;	
	text-transform: uppercase;
	text-decoration: none;
}
.k5-VideoInfoWidget-live {
	background-color: #FF0083;
}

#live-countdown {
  color: #797979;
  margin-top: 10px;
  font-weight: bold;
}



.k5-VideoInfoWidget-linkswrapper {
	position: relative;
}

.k5-VideoInfoWidget-linkswrapper:hover .k5-VideoInfoWidget-overlay {
	display: block;
	z-index: 1;
}

#newsticker-wrapper {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.newsticker-heading,.newsticker-body {
	float: left;
	padding: 7px 9px 7px 7px;
	
}

.newsticker-heading {
	color: #4c4d52;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/newsticker-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

#newsticker {
	height: 29px;
	background-image: url(images/newsticker-arrow2.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.newsticker-body {
	color: #777;
	padding-left: 13px;
	padding-top: 8px;
	background-image: url(images/newsticker-line.gif);
	background-repeat: no-repeat;
}

.newsticker-body a {
	color: #0079aa;
}

.newsticker-body .title,.newsticker-body .description {
	float: left;
}

.newsticker-body .description {
	margin-left: 5px;
}

.k5-Table .header td {
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.k5-Table .header .current-sort {
	font-weight: bold;
	padding-left: 10px;
	background-image: url(images/sort-descending.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.k5-Table .header .current-sort.ascending {
	background-image: url(images/sort-ascending.png);
}

.k5-Table td {
	padding: 3px 5px;
}

.k5-Table .k5-Table-row-selected {
	background-color: #FFFFEF;
}

.k5-Table-row-odd {
	background-color: #F0F0F0;
}

.k5-ProgramCommentPanel-commentInput {
	width: 250px;
	height: 70px;
}

.k5-CommentPanel-progress {
	margin-left: 10px;	
}

.gwt-ProgressBar-shell {
	border: 1px solid #999;
	height: 11pt;
}

.gwt-ProgressBar-bar {
	background-color: #CCC;
}

.gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: #000;
}

#video-info-wrapper {
	left: 70px;
	position: absolute;
	top: 10px;
}

#video-info {
}

.video-info-stats {
	float: left;
	border-right: 1px solid #d3d3d3;
	margin: 20px;
	margin-right: 0px;
	padding-right: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #4c4d52;
	max-width: 415px;
}

.video-info-stats div {
	line-height: 18px;
}

.video-info-extra-wrapper {
	max-width: 180px;
	float: left;
}

.video-info-extra {
	padding: 20px;	
}

.video-info-stats-time .time {
	font-weight: normal;
}

.video-info-stats-aired .time {
	font-weight: normal;
}

.video-info-stats-end-date .time {
	font-weight: normal;
}

.video-info-stats #gwt-voting-widget {
	width: 75px;
}

h1.video-info-stats-header {
	font-size: 22px;
	font-weight: bolder;
}

h1.video-info-stats-header a {
	text-decoration: none;
	color: #8ac100;
}

.video-info-stats-season-episode {
	font-weight: bold;
}

.video-info-stats-vote {
	margin-top: 10px;
}

.video-info-stats-vote .label {
	color: #4c4d52;
	font-size: 12px;
	font-weight: bolder;
}

.video-info-stats-vote .k5-VotingWidget {
	float: left;
}

.video-info-description {
	float: left;
	padding: 20px;
	width: 450px;
}

h2.video-info-description-header {
	color: #42B9EB;
	font-size: 20px;
}

h2.video-info-description-header .equalizer {
	font-size: 22px;
}

p.video-info-description-description {
	color: #797979;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

p.video-info-availability-description {
	color: #797979;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-top: 5px;
} 

.video-buy-label {
	background-image: url("images/buy-program.png");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
}

.buy-header {
	display: none;
}

.video-buy-description {
	color: #9fa1a4;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.video-buy-flag {
	margin-right:5px;
	
}
.video-buy-country {
	font-size: 110%;
	display: block;
	margin-bottom: 5px;
}
.video-buy-cost {
	margin-bottom: 30px;
	font-size: 110%;
}

.video-buy-type {
	display: block;
	height: 33px;
	margin-bottom: 10px;
}

.video-buy-card a {
	background-image: url("images/buy-creditcard.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-card a:hover {
	background-image: url("images/buy-creditcard-over.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-sms a {
	background-image: url("images/buy-sms.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-sms a:hover {
	background-image: url("images/buy-sms-over.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-valuecode a {
	background-image: url("images/buy-code.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-valuecode a:hover {
	background-image: url("images/buy-code-over.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
	width: 143px;
	display: block;
}

.video-buy-text {
	display: none;
}

.video-player-outer {
	margin-top: 172px;
}

.player-left-inner, .player-right-inner {
	height: 460px;
	width: 158px;
	position: relative;
}

.player-left-bg, .player-right-bg {
	position: absolute;	
	top: -49px;
	height: 562px;
	width: 160px;
	background-repeat: no-repeat;
}

.player-left-bg {
	left: -2px;
	background-image: url("images/player-add-left.png");
}

.player-right-bg {
	background-image: url("images/player-add-right.png");
}

.player-ad {
	position: absolute;	
	top: 38px;
	height: 404px;
	width: 158px;
}

.player-left .player-ad {
	left: 0px;
}

.player-right .player-ad {
	right: 0px;	
}

.player-bottom {
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 11px;
}

.player-ontv-header {
	font-weight: bold;
}
.player-portal-link, .player-ontv-displaystring {
	background-repeat: no-repeat;
	background-position: left center;
	
} 
.player-ontv-displaystring {
	padding-left: 15px;
	background-image: url(images/player-bottom-arrow.png);
}

.player-portal-header {
	font-weight: bold;
}

.player-portal-link {
	padding-left: 15px;
	background-image: url(images/player-bottom-arrow.png);
}

.player-bottom a {
	color: #0079aa;
}

.k5-InputField .gwt-TextBox, .k5-InputField .gwt-PasswordTextBox,  .k5-SelectionList .gwt-ListBox{
	border-style: groove;
	border-width: 2px;
	border-color: #e3e3e3;
	padding: 2px 5px;
}



.k5-SelectionBox select {
	border: groove 2px #e3e3e3;

}
	
.validationError {
	border: 1px dotted red;
	padding: 2px 4px;
}
.k5-RegistrationPanel-youMustAgree {
	color: red;	
}

.k5-EditForm-label {
	color: #686868;
	font-weight: bold;
}

.k5-EditForm-description {
	color: #666;
	margin: 3px 0px;
}

#gwt-profile-header {
	margin: 20px 30px 20px 30px;
}

#gwt-profile-edit {
	background-color: #FFF;	
}

.k5-ProfileHeaderPanel-right {
	margin-left: 20px;
}

.k5-ProfileHeaderPanel-right-name {
	color: #8AC100;
	font-size: 18px;
	font-weight: bold;
}

.k5-ProfileHeaderPanel-right-viaFacebook {
	margin-top: 10px;
	color: #777777;
}

#gwt-profile-edit .gwt-TabPanelBottom {
	padding: 30px;
}

.k5-ProfileHeaderPanel-left a {
	font-size: 80%;
	color: #0079aa;
	text-decoration: none;
}

.k5-ProfileHeaderPanel-upload {
	border: 2px solid #666;
	padding: 20px;
	background-color: #FFF;
}

button.loading {
	background-image: url(/themes/default/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center left;
	background-color: #FFF; /* must match loading-gif color*/
}

#video-comments-wrapper {
	margin: 20px 20px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC ;
	position: relative;
}

.k5-CommentDisplay {
	margin-left: 40px;
	margin-bottom: 10px;
}

.k5-CommentDisplay-divider {
	margin: 0 5px 0 5px;
	color: #cccccc;
}

.k5-CommentPanel-loginToComment {
	color: red;
	margin-top: 10px;
	margin-bottom: 10px;
}

.k5-CommentDisplay-content {
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
	-o-text-overflow: ellipsis; /* Opera */
	text-overflow: ellipsis; /* IE, Safari (WebKit) */
	margin-top: 3px;
}

.k5-ConfirmationWidget-wrapper { 
	font-size: 9px;
	padding-right: 3px;
	color: #797979;
}

.k5-ConfirmationWidget-wrapper a {
	cursor: pointer;
}

.k5-TextBoxCharacterController-tooManyCharacters {
	color: red;
}

.k5-CommentDisplay-header {
	
}

.k5-CommentsListPanel-pageController {
	position: absolute;
	top: -5px;
	right: 20px;
}

.k5-CommentsListPanel-autoUpdate {
	position: absolute;
	left: 350px;
	top: 22px;	
}

.k5-CommentsListPanel-autoUpdate label {
	position: relative;
	top: -2px;
	color: #999;
}


.k5-CommentsListPanel {
	border-left: 1px solid #CCC;
}

.k5-CommentsListPanel-column1 {
	width: 300px;
}

.k5-CommentsListPanel-column2 {
	width: 300px;
}

.k5-CommentPanel-left {
	margin-right: 40px;
	margin-left: 20px;
}

.k5-CommentPanel-left .gwt-TextBox {
	width: 250px;
	border: solid #b5b5b5 1px;
	
}

.k5-CommentPanel-left .gwt-Label {
	font-weight: bold;
	color: #363636;
}

.k5-CommentPanel-left .gwt-HTML {
	font-weight: bold;
	color: #363636;
}

.k5-CommentPanel-left .gwt-HTML a {
	font-weight: bold;
	color: #363636;
}

.k5-TextBoxCharacterController {
	font-weight: normal !important;
	margin-bottom: 10px;
}

.topicWrapper {
	background-image: url(images/comment-topic-backg.gif);
	background-repeat: no-repeat;
}

.k5-CommentPanel-topicInput {
	border: medium none !important;
}

.k5-CommentPanel-commentInput {
	width: 250px;
	height: 70px;
	border: solid #b5b5b5 1px;
}

.k5-CommentDisplay-date {
	
}

.k5-CommentDisplay-commenter {
	
}

.k5-CommentDisplay-topic {
	color: #8AC100;
	font-weight: bold;
	margin-left: 7px;
}

.k5-CommentDisplay-header {
	margin-left: 7px;
}

.k5-CommentDisplay-content {
	margin-top: 5px;
	width: 200px;
}

.video-info-wrapper {
	width: 150px;
	height: 200px;
	float: left;
}

.video-info {
	margin: 5px;
	padding: 5px;
	color: #797979;
}

.video-info-title a {
	font-weight: bold;
	text-decoration: none;
	color: #797979;
}

.video-info-title a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #797979;
}

.searchresults-main {
	padding: 10px 2px;
	height: 100%;
	/* fixes disappearing text in IE6 when using float: left*/
}
.searchresults-header {
	color: #8AC100;
	font-size: 140%;
	font-weight: bolder;
}

.program-info-wrapper {
	float: left;
	width: 300px;
}

.program-info {
	margin: 5px 5px 5px 0;
	padding: 5px 30px 40px 30px;
	text-align: left;
	color: #282828;	
}

.program-info-title a {
	color: #383838;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.program-info-description {
	margin: 5px 0 5px 0;
}

.program-info-ontv {
	font-weight: bold;
}

.k5-SearchResults-header {
	color: #8AC100;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 7px;
	font-weight: bolder;
}

.k5-PageableVideoPanel {
	margin-top: 10px;
	margin-left: 29px;
}

.k5-PageableVideoPanel-main {
	width: 940px;
}

.k5-DoubleVideoPanel-top {
	border-bottom: 1px solid #dfdfdf;
}

.k5-DoubleVideoPanel {
	
}

.searchresults-video {
	
}

h3,
.all-program-top-header h1,
.k5-AToZPanel-wrapper h1 {
	color: #8ac100;
	font-size: 180%;
	font-weight: bolder;
	margin: 15px 0px;
}

.k5-AdminPanel h3 {
	margin-top: 0px;	
}


.admin-header {
	padding: 20px;
	background-color: #D1EFC2;
	border-bottom: 1px solid #CCC;
	font-size: 120%;
}

.admin-header-links {
	float: right;	
}
.admin-header-text {
	float: left;	
}
.gwt-TabPanel h3 {
	margin-left: 28px;
}

.k5-InfoMessage {
	padding: 10px 10px 10px 0px;
	color: #FF0083;
	font-weight: bold;
}

.k5-AToZPanel-wrapper {
	margin: 0 30px 15px;
}

.k5-AToZPanel-legend {
	float: right;
	width: 300px;
	height: 23px;
	position: relative;
}

.k5-AToZPanel-legend span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.k5-AToZPanel-legend div {
	float: left;
	width: 10px;
	height: 10px;
	margin: 1px 7px 0 0;
	background-color: #ff0083;
}

.k5-AToZPanel-column {
	width: 220px;
}

.k5-AToZPanel-label {
	font-weight: bolder;
	font-size: 200%;
	padding: 20px 0px 15px 10px;
}

.k5-AToZPanel-program {
	color: #797979;
	text-decoration: none;
	font-size: 110%;
}

.k5-AToZPanel-program-wrapper {
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	border-left: 1px solid #d8d9da;
}

.k5-AToZPanel-program-wrapper {
	float: left;
	color: #797979;
}

.k5-AToZPanel-program-topical {
	color: #ff0083;
	font-weight: bold;
}

.k5-AToZPanel-programs {
	margin-bottom: 15px;
}

.k5-AToZPanel-channel-logo {
	margin-right: 3px;	
}

.k5-otherplay-AToZ {
	margin-top: 25px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}

.k5-otherplay-AToZ .k5-AToZPanel-legend {
	margin-top: 15px;
}

.k5-LargeTextArea {
	width: 300px;
	height: 130px;
}

.gwt-DialogBox {
	background-color: #FFF;
	border: 4px solid #CCC;
}

.gwt-DialogBox .Caption {
	padding: 5px;
	font-size: 14pt;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.gwt-DialogBox .dialogContent {
	margin: 10px;
}

.k5-PageController {
	margin: 5px 0px;
}

.k5-PageController-label {
	margin-right: 3px;
}

.k5-PageController-arrow {
	margin: 0 5px;
}


.k5-PageController .gwt-PushButton {
	cursor: pointer;
	padding: 4px 4px;
}
.k5-PageController .gwt-PushButton-up-disabled {
	cursor: auto;
}

.k5-PageController-nextButton {
	padding-right: 8px;
}
.k5-PageController-previousButton {
	padding-left: 8px;
}
.k5-PageController-link {
	padding: 3px 5px;
	float: left;
	display: block;
	color: #0079aa;
	font-weight: bold;
	text-decoration: none;
}

a.k5-PageController-link:hover {
	background-color: #ebebeb;
}

.k5-PageController-link-selected {
	font-weight: bold;
	text-decoration: none;
}

.textlisting-wrapper {
	width: 220px;
}

.textlistings-wrapper {
	margin: 0px 70px;
}

.textlisting h5 {
	font-size: 15px;
	font-weight: bold;
	color: #262626;
	margin: 20px 0;
	letter-spacing: -0.5px;
}

.textlisting {
	padding: 5px 12px;
}


.textlisting-item a {
	color: #797979;
	text-decoration: none;
}

.textlisting-item a:hover {
	text-decoration: underline;
}

.textlisting-item {
	margin-bottom: 10px;
}

.textlisting-item-program {
	font-weight: bold;
}

.k5-PageableVideoPanel .k5-PageController {
	float: right;
}

.k5-PageableVideoPanel-top {
	width: 945px;
}

.k5-DoubleVideoPanel-bottom {
	margin-top: 20px;
}

.k5-PageableVideoPanel-header {
	color: #8AC100;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bolder;
}

.k5-ProgramSortedVideoPanel-header {
	margin-left: 30px;
	margin-top: 25px;
}

.k5-PageableVideoPanel-message {
	color: #999;
	padding-left: 2px;
}

.k5-PageableVideoPanel .k5-PageController {
	margin-right: -2px;
}

.k5-PageController-next,.k5-PageController-previous {
	cursor: pointer;
}

.k5-DimPanel {
	background-color: #000;
	z-index: 99; /*must be less than the player window*/
	cursor: default;
}

.k5-PlaylistViewer {
	margin: 0px auto;
	height: 160px;
}

.k5-PlaylistViewer-wrapper {
	width: 900px;
}

.k5-PlaylistViewer-videos {
	width: 700px;
	margin-left: 5px;
}

.k5-PlaylistViewer-button {
	cursor: pointer;
	margin-top: 30px;
}

option.outside-of-sweden {
	border-bottom: 1px dotted #CCC;	
}
option.shortcut {
	font-weight: bold;
}
option.shortcut-last {
	border-bottom: 1px dotted #CCC;
}

.payment-info-box {
	position: absolute;
	display: block;	
	right: 14px;
	bottom: 12px;
}

.payment-info-box table {
	margin-left: auto;
}
.payment-info-box img {
	margin-top: 4px;
	margin-left: 4px;
}

.user-purchased-old {
	color: #999;
	font-style: italic;
}

.user-purchased-old a {
	color: #888;
	font-style: italic;
}

.user-purchases-receipt, .user-purchases-video {
	color:#0079AA;
	text-decoration: none;
}

.payment-problem {
	color: #ff0000;
	padding-bottom: 10px;
} 

.k5-orderinfo {
	font-family: monospace;
	background: white;
	color: black;
}

#copyright-notice {
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 15px;
}

.k5-table-searchbox {
	margin: 10px 0px;
}

#help-wrapper {
	margin: 5px auto;
	padding: 10px 20px 40px 20px;
	background-color: #FFF;
	border-right: 1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	border-top:1px solid #b5b5b5;
	width: 530px;
}

#help-text {
}

#help-text p {
	margin-bottom: 1em;
}

#help-text ul {
	margin-top:0;
	
	}
	

#help-text h1 {
		font-size: 140%;
	color: #666;
}

#help-text h2 {
	font-size: 130%;
}


#help-text h3 {
	font-size: 12px;
	color: #000;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}

#maintenance-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
	border:1px solid #b5b5b5;
	text-align: center;
	font-size: 14px;
	margin-top: 200px;
	line-height: 20px;
	height: 100%;
	background-color: #FFF;
}

#maintenance-logo {
	display: block;
	margin: 20px 0 20px 0;
}

#maintenance-body-wrapper {
	margin: 0 auto;
	padding: 0px 0px;
	width: 1020px;
}

.valuecode-main {
	padding: 20px 265px;
}

.valuecode-main td {
	padding: 4px 10px;	
}

.k5-flashrequired {
	padding: 30px;
	text-align: center;
	font-size: 12px;
}
.playertest-info-box {
	top:170px;
	display:block;
	position:absolute;
	right:40px;
	height: 49px;
	width: 302px;
	padding: 5px 0 0 5px;
	background-image: url(images/testclip-background.png);
}

.playertest-info-text {
	font-size:11px;
	margin-left:5px;
	padding:0;
}

.playertest-info-box img {
	margin-top:0px;
}

.facebook-login-progress {
	background-image: url(/themes/default/images/facebook-login-progress.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.k5-FacebookLogoutConfirmDialogBox {
	z-index: 111; /* must be larger than dim-panel */	
}

.k5-FacebookLogoutConfirmDialogBox .gwt-Button {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.k5-KlarnaMobilPayment {
	background: #fff;
	z-index: 111;
	font-size: 12px;
	width: 640px;
	height: 360px;
}

.k5-KlarnaMobilPayment a {
	color: #0079AA;
}

.k5-KlarnaMobilPayment-wrapper {
	width: 100%;
}

.k5-KlarnaMobilPayment-top {
	height: 55px;
	background: url(/themes/default/images/buy-mobile-headline.png) no-repeat 25px 20px;
	border-bottom: 1px solid #ccc;		
	padding-left: 180px; 
}

.k5-KlarnaMobilPayment-bottom {
	background: url(/themes/default/images/klarna-logo.png) no-repeat 560px center;
	height: 44px;
}

.k5-KlarnaMobilPayment-bottom .gwt-Image {
	cursor: pointer;
	cursor: hand;
	margin-top: 6px;
	margin-left: 12px;
}

.k5-KlarnaMobilPayment-top .gwt-Label {
	padding-top: 24px;
	font-size: 14px;
	font-weight: bold;
}

.k5-KlarnaMobilPayment-note {
	font-size: 10px;
	margin-top: 3px;
}

.k5-KlarnaMobilPayment-main td {
	padding-bottom: 1px;	
}

.k5-KlarnaMobilPayment .gwt-TextBox {
	font-family: monospace;
	font-size: 12px;
	width: 190px;
}

.k5-KlarnaMobilPayment .gwt-TextBox,
.k5-KlarnaMobilPayment .gwt-Button,
.k5-KlarnaMobilPayment .gwt-Anchor {
	margin-right: 10px;	
}

.k5-KlarnaMobilPayment-main {
	background-color: #F1F1F1;
	padding-left: 23px;
	padding-top: 5px;
	height: 259px;
	border-bottom: 1px solid #ccc;
}

.k5-KlarnaMobilPayment-description {
	padding-top: 10px;
	width: 500px;
	font-weight: bold;
}

.k5-KlarnaMobilPayment-purchasenotpossible, .k5-KlarnaMobilPayment-purchasedone {
	background-color: #F1F1F1;
	padding-top: 80px;
	height: 179px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	line-height: 2em;
}

.k5-KlarnaMobilPayment-productinfo {
	margin-top: 15px;
}

.k5-KlarnaMobilPayment-mobile {
	margin-top: 15px;
}

.k5-KlarnaMobilPayment-error {
	color:#0079AA;
	font-style:italic;
	font-weight:bold;
	margin-top:5px;
	width:380px;
}

.k5-KlarnaMobilPayment-code {
	margin-top: 5px;
}

.k5-KlarnaMobilPayment-productinfo-label {
	font-weight: bold;
	margin-right: 10px;
}

.k5-KlarnaMobilPayment .gwt-Button {
	font-size: 12px;
	width: 60px;
}
.k5-KlarnaMobilPayment-loading {
	visibility: hidden;
	display: inline;
	margin-right: 5px;
}

.k5-KlarnaMobilPayment-cancel {
	height: 44px;
	width: 100%;
	background-color: #ffffff;
	vertical-align: middle;
	border-top: 1px solid #ccc;
}

.k5-teaser-bar {
	background-color: white;
	padding: 7px 0 6px 41px;
}

.k5-teaser-bar-item {
	float: left;
	padding: 1px;
}

.k5-teaser-bar-item img {
	vertical-align: bottom;
}

.k5-fade-cover {
	width: 100%;
	height: 100%;
	background-color: white;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	opacity: 1;
}

.k5-tab-panel {
	margin-top: -1px;
}

.k5-tabs {
	height: 29px;
	background-image: url("images/tabbar-backg.gif");
	border-top: 1px solid #dfdfdf;
	padding-left: 40px;
	position: relative;
	color: #363636;
	font-weight: bold;
	line-height: 29px;
}

.k5-tab {
	min-width: 120px;
	height: 100%;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	float: left;
	margin-left: -1px;
	padding: 0 20px;
	cursor: pointer;
}

.k5-tab.selected {
	background-color: white;
}

.k5-tab table {
	min-width: 120px;
}

.k5-tab td {
	padding: 0;
}

.k5-tab .buttons {
	margin-left: 17px;
}

.k5-tab .button {
	display: inline;
	margin-left: 3px;
	border: 1px solid #c6c6c6;
	padding: 1px 5px 1px 6px;
	background-image: url(images/season-button-disabled.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	font-weight: normal;
	color: #59a2bf;
}

.k5-tab.selected .button {
	border-color: #b5b5b5;
	background-image: url(images/season-button-off.png);
	color: #0079aa;
}

.k5-tab.selected .button.selected {
	background-image: url(images/season-button-on.png);
	font-weight: bold;
	color: #363636;
}

.k5-tab .button .source {
	display: none;
}

.k5-tab-contents {
	display: none;
	overflow: hidden;
	position: relative;
}

.k5-tab-contents.selected {
	display: block;
}

.k5-video-selector-panel {
	padding: 20px 0 30px;
	margin: 0 40px;
}

.k5-video-selector-panel-other-play {
	padding: 20px 0 30px;
	margin: 0 40px;
}

.k5-video-selector-panel .program-tag {
	display: none;
}

.k5-video-selector-panel.video-type-PROGRAM {
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
}

.k5-video-selector-panel h2 {
	color: #8ac100;
	font-size: 20px;
	font-weight: bolder;
}

.k5-video-selector-panel .page-navigation a {
	text-decoration: none;
	color: #0079aa;
}

.k5-video-selector-panel .page-navigation .next-page {
	padding-right: 10px;
	background-image: url(/kanal5play/page-next.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.k5-video-selector-panel .page-navigation .prev-page {
	padding-left: 10px;
	background-image: url(/kanal5play/page-previous.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.k5-video-selector-panel .page-navigation .position {
	padding: 0 5px;
}

.k5-video-selector-panel .page-navigation .no-next-page {
	color: #848484;
	padding-right: 10px;
	background-image: url(/kanal5play/page-next-disabled.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.k5-video-teasers-grid {
	padding-top: 17px;
	overflow: hidden;
	color: #999999;
	margin: 0px -7px;
}

.k5-video-teasers-grid td {
	padding: 0 0 0 21px;
	vertical-align: top;
}

.k5-video-teasers-grid td.first {
	padding-left: 0;
}

.k5-video-teaser {
	padding: 7px;
	overflow: hidden;
	color: #797979;
}

.k5-video-teaser-wrapper {
	width: 174px;	
}

.k5-video-teaser img {
	display: block;
	padding-bottom: 6px;
}

.k5-video-teaser div {
	position: relative;
}

.k5-video-teaser a {
	text-decoration: none;
}

.k5-video-teaser .play-overlay {
	display: none;
	position: absolute;
	top: 30px;
	left: 57px;
	width: 45px;
	height: 30px;
	z-index: 99;
	background-image: url(images/playbutton.png);
	background-repeat: no-repeat;
}

.k5-video-teaser a:hover .play-overlay {
	display: block;
}

.k5-video-teaser .p2p-overlay {
	position: absolute;
	top: 53px;
	left: 117px;
	width: 37px;
	height: 32px;
	z-index: 99;
	background-image: url(images/p2p_overlay_bg.png);
	background-repeat: no-repeat;
}

.k5-video-teaser .p2p-overlay span {
	position: absolute;
	left: 6px;
	top: 8px;
	display: block;
	color: white;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}

.k5-video-teaser .text-overlay {
	position: absolute;
	top: 77px;
	left: 0px;
	width: 158px;
	display: block;
	height: 11px;
	padding: 1px;
	text-indent: 1px;
	color: white;
	font-size: 9px;
	background-color: #2cafe3;
	text-transform: uppercase;
	text-decoration: none;
}

.k5-video-teaser .text-overlay.live {
	background-color: #ff0083;
}

.k5-video-teaser .title {
	color: #797979;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 15px;
}

.k5-video-teaser a:hover .title {
	text-decoration: underline;
}

.k5-video-teaser .program-name {
	color: #8ac100;
}

.k5-video-teaser .shown-on-tv-date {
	color: #b5b5b5;
}

/******************* Kommentarer *****************************/

.k5-comments-toggle {
	margin-top: 14px;
	white-space: nowrap;
}

.k5-comments-toggle a {
	color: black;
	text-decoration: none;
	padding-left: 17px;
	background-image: url(images/plus.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.k5-comments-toggle a.open {
	background-image: url(images/minus.gif);
}

.video-comments-header {
	margin-bottom: 15px;
	color: #363636;
	font-size: 18px;
}

.comment-thread {
}

.comment-thread-wrapper {
	margin-top: 20px;
	display: none;
}

.comment-thread-input-wrapper {
  padding: 20px 0px;
  background: #F5F5F5;
  background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFF));
  background:-moz-linear-gradient(top, #F5F5F5, #FFF);
  background:-o-linear-gradient(top, #F5F5F5, #FFF);
  background:linear-gradient(top, #F5F5F5, #FFF);
}

.comment-thread-input-wrapper table {
	margin: 0px auto;
	
}

label.comment-label {
  display: block;
  font-weight: bold;
  margin-right: 20px;
}

.comment-send-wrapper {
  float: right;
  margin-top: 5px;
}

.comment-field {
  border: 1px solid #B5B5B5;
  width: 350px;
  float: right;
}
.kommentaur-divider-odd {
	display: block;
	clear: both;
	border-top: 1px solid #CCC;	
}
.comment-wrapper {
  float: left;
  width: 320px;
}
.comment-more-wrapper {
  margin: 10px 0px;
}
.comment {
  padding: 10px 15px 10px 0px;
}
.kommentaur-item-odd .comment {
	padding-right: 0px;	
	padding-left: 15px;
}

.kommentaur-name, .kommentaur-reply-name {
  color: #8AC100;
  font-weight: bold;
}
.comment-reply {
	margin-top: 10px;	
}
.kommentaur-message, .kommentaur-reply-message {
    margin: 10px 0px 4px;
}

.kommentaur-message {
	overflow: hidden;	
}
.comment-report * {
  color: #666;
  font-size: 9px;
}
.comment button {
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  cursor: pointer;
}

.kommentaur-loadingmore {
	margin:	3px 3px;
	float: left;
}
a.kommentaur-loadmore {
	float: left;
	color: #0079AA;
	font-weight: bold;		
}
.kommentaur-loadedinfo {
  float: right;
}

.comment-header {
  margin-left: 30px;
  margin-bottom: 20px;
  font-size: 18px;
}

/*********** SLUT KOMMENTARER **********/

.gwt-DialogBox .Caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

IMG.error404{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.gauge-chart-text {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}



/********** STARTSIDEBLÄDDRAREN ***************/
#video-start-wrapper {
	background-position: top left;
	background-repeat: no-repeat;
}

.flicker-background-clickable {
	display: block;
	height: 425px;	
	width: 190px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	color: transparent; 
}

.flicker-background-clickable-left {
	left: 0px;	
}
.flicker-background-clickable-right {
	right: 0px;	
}

.flicker-item {
	position: absolute;
	top: 0px;
	left: 0px;	
	background-color: #FFF;
	width: 640px;
	height: 360px;
}
.flicker-item a {
	text-decoration: none;
}

.touch .flicker-item {
	position: relative;
	top: auto;
	left: auto;	
}

.cssreflections .flicker-item-active {
	-webkit-box-reflect:below -6px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(rgba(0, 0, 0, 0.3)));
}
.flicker-item-reflection {
	display: none;
	height: 37px;
	width: 640px;
	overflow: hidden;	
}
.csstransforms .flicker-item-reflection img {
	-webkit-transform: scaleY(-1);
	    -ms-transform: scaleY(-1);
 	   -moz-transform: scaleY(-1);
	     -o-transform: scaleY(-1);
		    transform: scaleY(-1);
	opacity:0.15;
}
.no-csstransforms .flicker-item-reflection img {
	filter: flipv alpha(opacity='15');
}
.no-cssreflections .flicker-item-active .flicker-item-reflection {
	display: block;	
}


.flicker-items {
	position: absolute;
	top: 24px;
	left: 191px;
}

.touch .flicker-items {
	overflow: hidden;	
	width: 640px;
}

.flicker-paging-wrapper {
	position: absolute;
 	bottom: 15px;
 	left: 191px;
 	width: 640px;
}

.no-cssreflections .flicker-paging-wrapper {
	z-index: 101; /* more than flicker-item-reflection */	
}
.flicker-paging {
	float: left;
   	position:relative;
   	left:50%;
   	text-align:center;
    /* Yes, this is an awkward way of centering a div with dynamic width, see http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */	
}

.flicker-paging a {
	float: left;
	display: block;	
	position: relative;
	right: 50%;
}

.flicker-page-number {
	padding: 0 3px;
	margin: 3px 3px;
	color: #666;
	text-decoration: none;
	font-size: 15px;
	
}

.flicker-page-number-active {
	color: #3B9ECD;
	font-weight: bold;
	border: 2px solid #3B9ECD;
	border-bottom: none;
	border-top: none;
	margin: 3px 1px; /* equal to inactive margin - border*/
	
}
a.flicker-page-arrow {
	opacity: 0.7;
	margin-top: 3px;
}
a.flicker-page-arrow:hover {
	opacity: 1;
}
.flicker-page-arrow img {
	padding: 3px 10px;
	vertical-align: text-top;
}

.flicker-item-arrow {
	position: absolute;
	bottom: 18px;
	right: 18px;		
	width: 70px;
	height: 45px;
	background-repeat: no-repeat;
	background-image: url(/themes/default/images/flicker-play-button.png);	
}

.flicker-item-inside:hover .flicker-item-arrow {
	background-image: url(/themes/default/images/flicker-play-button-hover.png);
}
.flicker-item-box-wrapper {
	position: absolute;
	background-image: url(/themes/default/images/gray-semi-transparent.png);
	width: 200px;
	top: 10px;
	left: 10px;
	height: 340px;	
	overflow: hidden;
}

.flicker-item-box {
	padding: 14px;	
	color: #FFF;
}

.flicker-item-subtitle {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}

.flicker-item-desc {
	margin-top: 10px;
	font-size: 13px;
}

.flicker-item-title {
	color: #45BEEE;
	font-size: 24px;
	line-height: 85%;
	font-weight: normal;
}

/*** Lectric, används i flickern för touch-devices ****/
.lectric-slider,.lectric-slider .items {
  position: relative;
}
.lectric-slider .items {
  left: 0;
  width: 100000px;
}
.lectric-slider-touch {
  -webkit-transform: translate3d(0, 0, 0);
}
.lectric-slider-touch .items {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-font-smoothing: antialiased;
}
.lectric-slider-touch .item {
  -webkit-transform: translate3d(0, 0, 0);
}