/* Global whitespace reset */
* {
	padding:0;
	margin:0;
}

/*
	HTML basic element styling
*/
table, tbody {margin: 0; padding: 0;}
table td {font-style: none; vertical-align: top;}
table td, table th, table tr {border: 0;}
table {margin-bottom: 4px;}
table, table tr, table th, table td, img {
	border: 0px;
}
table th {
	text-align: left;
	color: #642;
}
body, html {
	color: #753;
}
a {text-decoration: none; color: #c35;}
a:hover {text-decoration: underline;}
.play a:visited {color: #777; font-weight: normal;}
//.play a:visited:after {content: ' (avattu)';}
.popup a, a.play-now {color: #b26;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

/*

	Main layout

*/
body, html {font-family: "Arial", sans-serif; min-height: 100%; min-width: 950px;}
#content, #header, #menu, #day-control {min-width: 900px;}
html {
	color: black;
	background-color: #C4b17f;
	background-image: url(/media/img/body-colorslide.png);
	background-repeat: repeat-x;
}

/*
	
	Header + logo

*/
#header {
	background-color: #81Ceef;
	background-image:url(/media/img/header-colorslide.png);
	background-repeat: repeat-x;
	display: block;
	border: 0;
	height: 72px;	// was 72px
}

#header-inner {
	padding: 16px;
	clear: both;
}

#logo {
	float: left;
}
#logo img {border: 0px; padding-right: 16px;}
#logo, a#logo, a#logo:visited, a#logo:active, a#logo:hover {color: #444; text-decoration: none;}

/*
	Menu
*/
#menu {
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu ul {
  padding-left: 16px;
  display: block;
  clear: both;
  text-decoration: none;
}

#menu ul {
  list-style-type: none; 
  font-weight: bold;
  font-size: 18px;
}

#menu li a, #menu li span {
  float: left;
  height: 24px;
  margin-right: 16px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
} 

#menu, #menu a {
  background-color: #6bd;
  color: #f0f0f0;
}

#menu .active, #menu a:hover, #menu a.parent {
  text-decoration: none;
  background-color: #f8f8ff;
  color: #556;
}

#menu .active, #menu a:hover {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
}

#menu a.parent {
  margin: 0;
  padding: 0;
}

/*
	Facet menu
*/
ul.facetmenu {
	display: block;
	list-style-type: none;
	margin-bottom: 16px;
}

.facetmenu li {
	display: inline;
	margin-right: 4px;
}

.facetmenu span, .facetmenu a {
	padding: 4px;
	border: 1px solid #999;
	font-weight: bold;
	-moz-border-radius: 4px;
}

.facetmenu li, .facetmenu a {
	background-color: #e4e4e8;
	color: #668199;
	text-decoration: none;
}

.facetmenu a:hover {
	background-color: #fafafa;
	color: #444;
	text-decoration: none;
}

.facetmenu .active {
	background-color: #fff;
	color: #000;
}

/*

	Search

*/
#search-term {
	background-color: #f0fcff;
	color: #668;
	border: 2px solid #6e9bb7;
	padding: 4px;
	letter-spacing: 0px;
	font-weight: normal;
}
form #search-term {
	font-family: "Verdana", sans-serif;
}
#search-submit {
	padding: 2px;
}
.search-results {
	width: 70%;
}
ul.search-results {
	list-style-type: none;
	padding-left: 8px;
	margin-left: 0;
}
ul.search-results li {
	padding-left: 0;
	margin-left: 0;
	font-size: 90%;
}
.source {
	color: #406040;
	background-color: #ffffff;
}


/*

	Contents

*/
#content {
	clear: both;
	padding: 8px;
	padding-left: 16px;
	padding-top: 20px;
	min-height: 440px;
}
#content, #menu .active {
	background-color: #f8f8ff;
}
#content-end {
	clear: both;
}

/*
	Footer
*/
#footer {text-align: left; margin-top: 12px; margin-right: 12px; margin-left: 16px; clear: both; font-family: "Arial"; font-size: 14px; margin-bottom: 12px;}
#footer a:hover {text-decoration: none; border-bottom: 1px solid #a62;} 
#footer * {color: #805135; }
#footer a {text-decoration: none; border: 0px; border-bottom: 1px solid d9caa5; }
#footer a, #footer strong {margin-right: 8px;}
address {text-decoration: none; font-style: normal;}
#footer dt {font-weight: bold;}
#footer dl {text-align: right; float: right; width: 200px;}
.clearit {clear: both;}
#copyright {text-align: left; font-size: 11px; padding-top: 6px; opacity: 0.8;}
#footer-links li {float: left; width: 25%; text-align: left;}
#footer li {list-style-type: none;}

/*
	EPG menu
*/
/*

	EPG navigation
	
*/
#epg-menu {
	border: 0px;
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
	clear: both;
	padding: 4px;
	padding-left: 16px;
}

#day-control td {
	color: #666;
	border: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
}
#day-control label {
	font-size: 11px;
}
#day-control .button {
	border: 1px solid;
	padding-bottom: 1px;
	border-color: #aaa;
}

#day-control .datenow {
	padding-left: 6px;
	padding-right: 6px;
	font-weight: normal;
	border: 1px solid #bbb;
	background-color: #e0e0e0;
	padding-bottom: 1px;
}
.button a, a.button {
	background-color: #e8e8e8;
	color: #999;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
.button.left:hover, .button.right:hover {
	text-decoration: none;
	background-color: #ffddee;
	color: #ff66aa;
	border-color: #ff66aa;
}


/*
	Popups
*/
#popup-background {
	visibility: hidden;
	background: #999;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.25;
/*
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	filter:alpha(opacity=25);
*/
}

.airing {width: 100%; max-width: 640px;}
.popup {z-index: 1000; color: #444;}
.popup h1, .popup h2, .popup h3, .popup h4 {font-family: "Arial";}
.popup .description {color: #222;}
.popup-title {padding-bottom: 8px; padding-top: 6px; margin-right: 28px;}
.popup-title.play a {padding-left: 24px; background: url('/media/img/play-now-large.png'); background-repeat: no-repeat;}
.popup .date {padding-bottom: 8px; clear: both; font-style: italic; color: #666;}
.popup p {font-weight: normal;}
.popup img {display: block; padding: 2px;}
.popup-close-wrapper {
	font-size: 20px;
	float: right;
}
a.popup-close {
	border: 1px solid black;	
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;

	border-color: #777;
	background-color: #ddd;
	color: #777;
}
.popup-close:hover {
	text-decoration: none;

	border-color: #f99;
	background-color: #f77;
	color: #ffffff;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    width: 600px; 	/* small popup: 450px */
    height: 400px;	/* small popup: no minimum height */
    background-color: #fafafa;
    border: 2px solid #ccc;
    padding: 16px;
    margin: 8px;
}
.popup * {
    color: #333;
}

// Close image
a.popup-close, a.popup-close:hover {
	background-color: #fff;
	background: url('/media/img/x.png');
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	width: 25px;
	height: 29px;
	background: red;
}

/*
	Data table
*/
table.datatable td, table.datatable th {
	padding-left: 4px;
	padding-right: 4px;
}

/*
	EPG
*/

.expires {font-weight: bold; color: #999; padding-top: 8px;}

/*
	Misc
*/
img.depiction {border: 1px solid #999; padding: 2px; margin: 4px; }
.channel {padding: 2px; margin-right: 2px;}
h1 {font-size: 19pt; padding-top: 14px;}	
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}
a.clip {font-size: 10pt;}
.description {font-size: 9pt;}
.clip {font-weight: normal; }
.clip, h4 {font-size: 11px; font-family: font-family: "Verdana", sans-serif;}
.channel-title {font-size: 12pt; text-align: center; display: block; padding-bottom: 2px;}
.channel-content {padding: 4px; vertical-align: top; padding-left: 0px;}
td, th {padding-right: 0px;}
th {margin-bottom: 8px;}
.clip {width: 210px; clear: left; padding-right: 0; margin-right: 0; whitespace: no-wrap;}
.clip h4 {margin-bottom: 0px;}
.clip p {padding-bottom: 1px;}
.clip * {/*white-space: nowrap;*/ }
.empty-channel {width: 100%; text-align: center; font-weight: normal;}

/* Color styles */
.table-block {border: 2px solid #ddcccc; border-right: 0; border-top: 0;}
.epg-block {border: 2px solid #ddcccc; border-right: 0; border-top: 0; width: 20%;}
.epg-slot td {font-size: 12px; font-family: font-family: "Verdana", sans-serif; color: #d35; padding-bottom: 1px;}
.epg-slot .slot-time {color: #684422; padding-left: 2px;}
.epg-slot td {vertical-align: top;}
.epg-slot.more {display: none;}

.channel-content {border: 0px solid #f8d6e6; background-color: #fffdfc}
.channel-content {border-left: 2px solid #edd; border-bottom: 2px solid #edd; /*#fae0f0;*/ }
.clip {padding-bottom: 1px; margin-bottom: 1px;}
.channel-title {color: #444;}

.running td {background-color: #edd; font-weight: bold; color: #684422;}
.running .slot-title { width: 100%;}
.expired {text-decoration: line-through;}

/*
	Icons
*/
.play-now.iconized {font-size: 13px; padding-left: 14px; background-image: url('/media/img/icon-play-now.png'); background-repeat: no-repeat; background-position: 0px 4px; }
.buy-now.iconized {font-size: 13px; padding-left: 14px; background-image: url('/media/img/icon-buy-now.png'); background-repeat: no-repeat; background-position: 0px 4px; }
.buy-now a, a.buy-now {color: #D5773B; background-color: #ffffff;}

/* Facebook */
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top left; }