/*
Theme Name: EcoTour
Theme URI: http://smthemes.com/ecotour-free-wordpress-theme
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 1.0
License: Creative Commons 3.0
Theme date: 01/30/2013
License URI: license.txt
Tags: light, tan, white, three-columns, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/

@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed:300,400,700|Roboto:300,400,500');


.clearfix:after {                                                             
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}  

body {
	padding:0px;
	font-family:'Roboto Condensed', arial;
	font-size:13px;
	margin:0px;
	margin-bottom:0px;
}


html { height: 100%; }
body {height: 100%; }

#content {min-height: 100%; }


body {
	background:url(images/background.png) left top repeat;
	color:#292929;
}

textarea:focus, input:focus{
	outline:none;
}

iframe {
	border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
	border-style: none;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/	
}

button {
	
	
	font-family: "Oswald",sans-serif;
	letter-spacing: 0.2px;
	color: #636363;
	text-align: center;
	
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /*#dddddd*/
	border: 1px solid #aaa;
	border-radius: 6px;
	
	padding: 2px 7px;
    cursor: pointer;
   
    
	
}

button:hover {
	background: linear-gradient(to bottom, #ffffff 0%,#c8c8c8 100%);
	color: #2e2e2e;
	border-color: #888;
}

button:focus {
   outline: 0;
}
button:active {
outline: 0;
}
	
/* ------------------------------------  index ----------------------------------------------- */



#s:focus {
	outline:none;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
h1 {
	font-family: 'Oswald',sans-serif;
	font-weight:normal;
	font-size:21px;
}
h2 {
	font-family: 'Oswald',sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0px;
	padding:7px 0px;
}
h3 {
	font-family: 'Oswald',sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0px;
	padding:10px 0px;
}
img {
	border-width:0px;
}




.container {
	width: 1000px;
	margin: 0px auto;
}


.articles dd {
	margin-left:0px;
}
.featured_image{
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #dadada;
	background:#fff;
}
.aligncenter { margin:0 auto; display:block;}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
a.readmore {
	float:right;
}




.widget2 ul {
	overflow:hidden;
}
.widget2 ul li{
	padding-top:10px;
	/*margin-top:-2px;*/
	padding-bottom:10px;
	margin-bottom:-1px;
	overflow:hidden;
}
.widget ul li{
	padding-top:15px;
	margin-top:-2px;
	padding-bottom:15px;
	margin-bottom:-1px;
}
.widgetf {
	min-height:1px;
}
.widgetf ul {
	overflow:hidden;
}
.widgetf ul li{
	padding-top:15px;
	margin-top:-2px;
	padding-bottom:15px;
	margin-bottom:-1px;
}
.widgetf .widget_tweets ul li{
}
.widgetf .widget_tweets ul li.tweets-bird{
	background:url(images/tweetf.png) left 50% no-repeat;
}



.widget_posts ul li img {
	float:left;
	/*padding:2px; */
	background:#fff;
	/*margin-right:5px;*/
}
.widget_posts ul li {
	overflow:hidden;
}
.tabs_widget ul, .widget_posts ul {
	overflow:hidden;
	
}

.widget_archive ul li, #content .cat-item a, #footer .cat-item  a{
	padding-left:10px;
	background:url(images/li.png) left 50% no-repeat;
}
.widget_categories .children {
	margin-left:20px;
	margin-top:20px;
}
#header .cat-item {
	padding-left:0px;
}
.widget_archive ul li a {
	font-weight:bold;

	text-decoration:none;
}
.widget_archive ul li a span {
	color:#ff9f01;
}


#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-family: 'Oswald',sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
	color:#4a4a4a;
}

.related-posts {
	margin-bottom:20px;
	overflow:hidden;
}
.related-posts li {
	float:left;
	background:#fff;
	padding:5px;
	border:1px solid #cdcdcd;
	margin-left:12px;
	margin-bottom:12px;
	position:relative;
}
.related-posts li.first {
	margin-left:0px;
}
.related-posts a img {
}
.related-bg {
	display:block;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background:red;
	margin:5px;
	padding-bottom:0px;
	height:60px;
    opacity: 0.7;
    filter: alpha(opacity = 70);
	border-top:1px solid #fff;
}
.related-ttl span {
	position:absolute;
	display:block;
	color:#fff;
	margin-top:-60px;
    padding: 5px;
	padding-bottom:0px;
	height:45px;
    overflow: hidden;
}


.tags span{
	font-family: 'Oswald',sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#4a4a4a;
}
.tags {
	margin:0px;
	margin-top:-20px;
	margin-bottom:20px;
	padding:0px;
}
.articles dd dl {
	margin:30px 0px;
}
.articles dd dl dd{
	margin-bottom:15px;
	margin-left:50px;
	padding-bottom:0px;
	border:none;
}
.articles ul {
	clear:both;
	padding-left:40px;
}
.articles ul li {
	list-style:disc outside none;
	margin-bottom:15px;
}


ul.contact-details {
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
ul.contact-details li {
	padding-left:40px;
	height:32px;
	line-height:32px;
	float:left;
	width:39%;
}

.googlemap {
	padding:4px;
	background:#fff;
	border:1px solid #d9d9d9;
	margin-bottom:40px;
	margin-top:10px;
}
.feedback h3 {
	padding-top:0px;
}
.feedback {
	margin-top:40px;
}
.feedback .input input, .feedback textarea {
	width:100%;
	background: none;
	color: #979797;
	border:0px;
}
.feedback .input {
	border: 1px solid #d8d8d8;
	padding:5px;
	margin-top:-15px;
}
.feedback p {
	margin-bottom:20px;
}

#commentform input{
	width:100%;
}
#commentform input#submit {
	width:auto;
}
.comment-author  img{
	background:#fff;
	padding:5px;
	border:1px solid #cdcdcd;
	float:left;
	margin-right:10px;
}
.author-name, .says{
	font-weight:bold;
}
.commentmetadata {
	color:#676767;
}
.commentlist {
	margin:10px;
	overflow:hidden;
	
}
.reply, .children .reply {
	float:right;
}
.comment {
	overflow:hidden;
	border-top:1px solid #cdcdcd;
	padding-top:20px;
	margin-top:-1px;
}
.comment ul.children {
	margin-left:45px;
	overflow:hidden;
}
ul.children li.comment {
	line-height:15px !important;
}
ul.children li.comment.odd .comment-body{
	
}
.comment-body {
	margin-bottom:15px;
	overflow:hidden;
	padding:5px;
}
.form-allowed-tags {
	font-style:italic;
	color:#676767;
}
.comment-form-comment label {
	display:block;
}
#respond {
	margin-bottom:40px;
}
.comment-form-comment textarea {
	width:100%;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.widget.banners  {
	margin-right:-20px;
	padding-right:0px;
	overflow:hidden;
	margin-bottom:20px;
}
.widget h3 {
	padding-top:0px;
}
.banners a{
	display:block;
	margin-bottom:5px;
	margin-right:10px;
	float:left;
}


.searchbtn {
	cursor:pointer;
}


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


	
#footer {
	/*background:url(images/content-shadow.png) 50% top no-repeat;   */
	overflow: auto;
	padding-top:50px;
	color:#2a2a2a;
}

#footer .container {
	padding-top:20px;
	overflow: auto;
	/*width:1000px;*/
	width:100%;
	background:url(images/footer-background.png) left top repeat-x;
}


#footer .widget_meta ul li{
	line-height:30px;
}


.footer_txt {
	background-color: #fafbfa;
	color:#7f7f7f;
	text-align:center;
	border-top:1px solid #393939;
	height:50px;
	line-height:50px;
	clear:both;
}
.footer-widgets {
	width:920px;
	/*overflow:hidden;*/
	overflow:visible;
	margin:0px auto;
	position:relative;
}

.footer-widgets-container {
	background-color: #fafbfa;
    overflow: auto;
}
.widgetf {
	float:left;
	/*width:270px;*/
	margin-right:0px;
	padding-right:10px;
	z-index:9999;
	padding-left:30px;
	
	color:#999999;
}

.widget_meta .widget_logo, .widget_categories .widget_logo, .widget_search .widget_logo {
	display:none;
}
.widget_first {
	padding-left:1px;
	/*width:260px;*/
	padding-right:30px;
}
.widgetf_last {
	margin-right:0px;
	border-right-width:0px;
	padding-right:0px;
	/*width:260px;*/
}

.widgetf h3 {
	color:#fff;
}
.widgetf .caption img {
	display:none;
}

.widgetf .caption h3 {
	font-size:20px;
	color:#2a2a2a;
}
.widgetf, .widgetf a {
	color:#2a2a2a;
}

#footer .widgetf .widget_posts ul li{
	line-height:15px;
}
.widgetf .widget_comments ul li{
	border-top:1px solid #393939;
}

#footer .tabs_widget dt{
	border:none;
}
#footer .tabs_widget .widget-container {
	border:none;
	padding:0px;
	background:none;
	margin-bottom:20px;
}
#footer .widget-container li.widget {
	background:none;
	padding:0px;
}




.cal {
  padding-bottom: 20px;
  width: 370px;
}

.holi {
  padding-bottom: 20px;
  width:260px;
}

.sources {
  padding-bottom: 20px;
  width:185px;
}

.s_txt {
	line-height: 21px;
  padding-top: 1px;
}

/* -----------------------------------------------------------------------------*/


.tags span, h3 {
	color:#1b1b1b;
}
/*#5D3613;;*/ 

.link {
	color:#a8843d; /* #9B6A26 #a8843d*/
  text-decoration:none;
  outline: none;
  cursor:pointer;
}

.link:hover {
	color:#7F4C12;
  
} 

a:link {
	color:#a8843d; /* #9B6A26 #a8843d*/
  text-decoration:none;
  outline: none;
}

a:hover {
	color:#7F4C12;
  
} 

a:active {
	color:#7F4C12;
  
}   
body a:hover {
	color:#7F4C12;
  
}
a:visited {
	color:#9B6A26;
  
}
a.post_ttl {
	color:#1b1b1b;
	text-decoration:none;
}
a.post_ttl:hover {
	color:#343434;

}

b {
	color: #666666;
}

#header {
	background:url(images/top-background.png) left top repeat-x;
}
#header .container {
	position:relative;
}
#logo {
	color: #fbf4ee;
    float: left;
    font-family: Oswald,sans-serif;
    font-size: 8em;
    letter-spacing: 3px;
    margin-left: 13px;
    margin-top: -11px;
    position: absolute;
    text-shadow: 1px 1px 2px #544e45;
    z-index: 3;	

}

#head1 {	
	color: #6f6352;
    display: block;
    float: left;
    font-size: 140%;
    height: 27px;
    letter-spacing: 4px;
    margin-left: 5px;
    position: relative;
    text-shadow: 1px 1px 2px rgba(102, 94, 83, 0.5);
    width: 400px;
	
}

#nav1 {
	display: block;
    float: left;
    font-size: 106%;
    height: 26px;
    letter-spacing: 3px;
    margin: 7px 0 0 5px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(137, 124, 105, 0.5);
    width: 570px;
}

.li_0 {
	
	display: block;
    float: left;
    height: 30px;
    margin-left: 5px;
    padding: 0 5px;
    position: relative;
}

.li_0 a {
	color: #996d41;
}

.li_0 a:hover {
	 text-shadow: 1px 1px 1px rgba(137, 124, 105, 0.8);
}

.act {	
	color: #a8843d;	
}

#hi_1 {
	background-image: url("images/ukkok_200.png");
	background-position: 22px -3px;
    background-repeat: no-repeat;
    background-size: 200px auto;
	height:125px;
	width:235px;
	position:absolute;
	float:left;
	display:block;
	margin-left:240px;
	
}


#hi_2 {
	/*background-image: url("images/kake.png");
    background-position: -18px 4px;
    background-repeat: no-repeat;
    background-size: 540px auto;*/
	display: block;
    float: left;
    font-family: Oswald,sans-serif;
    height: 72px;
    margin-left: 420px;
    margin-top: 26px;
    position: absolute;
    text-transform: uppercase;
    width: 580px;
}


#hi_3 {
	background-image: url("images/tv_200.png");
  background-position: 4px 23px;
  background-repeat: no-repeat;
  background-size: 150px auto;
	height:110px;
	width:160px;
	position:relative;
	float:left;
	display:block;
	margin-left:5px;
}


#secondarymenu-container {
	position:relative;
	height:125px;
	overflow:hidden;
}
#secondarymenu {
	display: -moz-inline-stack;
	display:inline-block;
	min-height:52px;
	height:52px;
	zoom:1;
	display: inline;
	
}
#secondarymenu ul.menus{
	overflow:hidden;
	float:left;
	box-shadow:1px 1px 5px #888;
	background:#fff;
    border:5px solid #FAF8F5;
    margin-top: 30px;
    padding:8px 0;
	
}
#secondarymenu li{
	float:left;
	padding:0px 20px;
	border-left:1px solid #8f857c;
	margin-left:-1px;
	position:relative;
}
#secondarymenu li:first {
}
#secondarymenu a {
	text-decoration:none;
	color:#8f857c;
}
.menusearch {
	margin: 25px 0px 0px 800px;
    padding: 3px 10px;
    position: absolute;
    width: 184px;
    z-index: 3;
}
.searchform {
	position:relative;
	overflow:hidden;
}
.searchbtn{
	background:url('images/search.png') 50% no-repeat;
	padding:5px;
	border-width:0px;
	padding:5px;
	line-height:1px;
	height:30px;
	width:30px;
	margin-left:5px;
	right:5px;
	top:3px;
	position:absolute;
}

.searchtxt {
  line-height:30px;
	background: #fff;
	-moz-box-shadow:inset 1px 1px 3px #b3b3b3;
  -webkit-box-shadow:inset 1px 1px 3px #b3b3b3;
  box-shadow:inset 1px 1px 3px #b3b3b3;
	border:1px solid #f5f5f5;
	color:#b2b2b2;
	font-family: 'Oswald',sans-serif;
	text-decoration:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	clear:left;
	padding:0px;
	padding-left:15px;
	
	height:30px;
	width:180px;
	/*float:right;*/
}

.searchtxt:focus {
color:#3d3d3d;
}

.login {
display: inline-block;	
float:left;
}

.menusearch input{
	font-size: 85%;
    height: 23px;
    line-height: 20px;
    margin-left: 6px;
    width: 50px;
	padding: 0 0 0 10px;
}



#log {
display: block;
color: #909090;
font-family: Oswald,sans-serif;
margin-top: 2px;

}



#log_r {
padding: 5px 0 0 48px;
color:#ff3020;
font-family: Oswald,sans-serif; 
}

#user_info { 
color:#909090;
padding: 2px 10px 0px 0px;
font-family: Oswald,sans-serif; 
text-align: right;
}  

#uname {  
color:#909090;
padding-right:6px;
font-family: Oswald,sans-serif; 

}

#logout { 
padding-right:6px;
font-family: Oswald,sans-serif; 
}


#header-box {
	overflow:hidden;
	position:relative;
	clear:both;
	padding-bottom:5px;
}
#mainmenu-container {
	clear: left;
    float: left;
	position:absolute;
	bottom:5px;
	top:0px;
	margin-right:20px;
}
#mainmenu {
	
	width: 192px;
	box-shadow:1px 1px 5px #888;
	background:#fff;
    border:5px solid #FAF8F5;
	position:absolute;
	bottom:10px;
	top:4px;
	padding-top:10px;
}
#header #mainmenu  ul.menus{
	overflow:hidden;
	margin:23px;
}
#mainmenu li {
	text-align:center;
	padding:10px 0px;
	border-top:1px dashed #b4afa9;
	position:relative;
	margin-top:-1px;
}
#mainmenu li:hover {
	background:url('images/menu-li-active.png') 50% top no-repeat;
}
#mainmenu li a{
	font-family: 'Oswald',sans-serif;
	color:#664a31;
	text-decoration:none;
	
}
.horizontal-menu #header-box {
	overflow:visible;
}
.horizontal-menu #mainmenu-container {
	
	width:100%;
	position:static;
}
.horizontal-menu #mainmenu {
	width:100%;
	position:static;
	padding:0px;
	height:75px;
	margin-left:-5px;
}
.horizontal-menu #header #mainmenu  ul.menus{
	margin:0px;
}
.horizontal-menu #mainmenu li a{
	font-size:15px;
}
.horizontal-menu #header #mainmenu li {
	float:left;
	padding:0px 30px;
	line-height:75px;
	margin-left:-3px;
	margin-top:0px;
	border:none;
	border-left:3px solid #FAF8F5;
}


#header #secondarymenu li ul {
	left:-10%;
	width:120%;
	min-width:170px;
	top:20px;
}
#header li ul {
		display:none;
		position:absolute;
		left:80%;
		top:5px;
		height:auto;
		width:170px;
		background:none;
	}
	.horizontal-menu #header li ul {
		top:70px;
		left:-10%;
		width:120%;
	}
	#header li ul  .transparent {
		background:#000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		opacity: 0.03;
		filter: alpha(opacity = 3);
		border-top-width:0px;
		z-index:1;
		width: 100%;
		height:100%;
		position: absolute;
		*margin-left:-3px;
	}
	#header li ul  .inner {
		background:#fff;
		border:4px solid #faf8f5;
		opacity:1.0;
		margin:2px;
		height:100%;
		padding:10px 0px;
		z-index:2;
		position:relative;
		
		
	}
	.sub-menu {
		
		display:none;
		z-index:4;
	} 
	#header .sub-menu li:hover {
		background:none;
	}
	#header .sub-menu li {
		border:none !important;
		width:auto;
		float:none !important;
		display:block !important;
		clear:left;
		padding:0px !important;
		margin:0px 10px;
		margin-top:-2px;
		text-align:center;
		line-height:25px !important;
		height:auto;
		word-wrap:normal;
		background:none;
	}
	#header ul.children li a, .sub-menu li a {
		/*font-family:arial !important;*/
		color:#8f857c !important;
		font-size:13px !important;
		text-shadow:none !important;
	}
	#header .sub-menu .sub-menu {
		background:#fff;
		border:4px solid #faf8f5;
		left: 100%;
		top: 0;
	}

/*==================== OMAT ======================*/

.box_shadow {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
}




/* ------------------------------------  uutiset slidorion ---------------------------- */

.news_slide { 
padding: 10px 20px 10px 10px;
background-color:#FFFFFF;
display: block; 
position: absolute; 
width: 710px; 
height:100%; 
}

.news_slide .v_side {
display: block;
float: left; 
}

.news_slide .o_side {
display: block; 
float: right;
}

.news_slide .n_item {
width: 350px;
height: 39px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
font-size: 11px;
color: #828181;

}


.news_slide .o_n_item {
width: 350px;
height:30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

.news-item-headline{
  font-family: 'Oswald',sans-serif;
	font-size: 14px;
  letter-spacing: 0.4px;
	font-weight:normal;
} 






/* ------------------------------------- telkku haku -------------------------------- */

#ha_btn {
   display:block;                              
	 position: relative;
	 float:right;
   height: 20px;
  margin-top: 13px;
   width: 20px;
   cursor:pointer;
     
}

.ha_search {
  background: transparent url(images/search_btn.png) top left no-repeat;
  background-size: 20px 20px;
}

.ha_close {
  background: transparent url(images/close_btn.png) top left no-repeat;
  background-size: 20px 20px;
}


#ha {
	height:30px;
	display:none;                              
	margin-left: -10px;
  margin-top: -41px;
  position: absolute;
  width: 212px;
}

#ha_res {
  border-bottom: 1px dashed #C2B8A6;
  margin-bottom: 10px;
}

.res_dat {
  font-weight:bold;
  color: #707070;
}

.res_date {
  display: block;
  text-align:right;
  width: 33px;
  float: left;
  font-weight:bold;
  color: #707070;
}

.res_time {
 display: block;
 text-align:right;
 width: 38px;
 float: left;
}

.res_title {
  display: block;
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: right;
}

.cha_bar {
 height:15px;
 border-top: 1px dashed #C2B8A6;
 padding-top: 8px;
}

.prog_bar {
  padding: 2px 0px 2px 0px;
  height: 14px;
}
.cha_bar img {
  display: block;
  float: left;
  height: 15px;
}

.res_box {
display: block;
width: 240px;
-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,1);
box-shadow: 0px 0px 15px 3px rgba(0,0,0,1);
border: 7px solid #faf8f5;
}


/* --------------------------------------------------------------------- */

.b_top {
border-top: 1px dashed #C2B8A6;
}

.b_bottom {
border-bottom: 1px dashed #C2B8A6;
}


dd {
  /*cursor:pointer; */
}

.rating_stars {  
  display:block;                              
	position: relative;
	width: 140px;
	height: 15px;
}
.rating_stars .stars_0 {
	display:block;
  position: absolute;
	background: transparent url(images/stars_02.png) top left no-repeat;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 15px;
	z-index: 11;
}
.rating_stars .stars_1 {
	display:block;
  position: absolute;
	background: transparent url(images/stars_1.png) top left no-repeat;
	top: 0px;
	left: 0px;
	height: 15px;
	z-index: 12;
}





/*------------------------------------- tv-elokuvat -----------------------------------*/

.tve {
/*clear:both;*/
}

.spacer {
display:block;
clear: both;
width:100%;
height:0px;
}

.tve_moreless {  
display: inline-block;
float:right;
width: 16px;  
cursor:pointer;  
}
.more {  
background: transparent url(images/more.png) top left no-repeat;      
}
.more:hover {  
background: transparent url(images/more_o.png) top left no-repeat;      
}   
.less {  
background: transparent url(images/less.png) top left no-repeat;      
}
.less:hover {  
background: transparent url(images/less_o.png) top left no-repeat;      
}


.poster_ifr { /* 100 x 155 */
width: 102px;  
height: 157px; 

display:block;
float:left;
padding:0px 10px 10px 0px;
}

.tve_name {
font-family: 'Oswald',sans-serif;
font-size: 16px;

letter-spacing: 0.4px;
padding: 7px 0 9px;
color: #484848;
}

.tth {
    background: #666666 none repeat scroll 0 0;
    border-radius: 9px;
    color: #ffffff;
    display: block;
    font-family: "Roboto Condensed",arial;
    font-size: 13px;
    font-weight: bold;
    margin-top: -54px;
    margin-left: -50px;
    opacity: 0.9;
    padding: 3px 10px 3px 10px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
	z-index:999;
}

.tth_w {
    background: #666666 none repeat scroll 0 0;
    border-radius: 9px;
    color: #ffffff;
    display: block;
    /*font-family:arial !important;*/
    font-size: 12px;
    font-weight: bold;
    margin-top: -54px;
    margin-left: -50px;
    opacity: 0.9;
    padding: 3px 10px 3px 10px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
	z-index:999;
}

.rec_block {
display:none;
clear: both;
margin-left: 342px;
margin-top: -25px;
padding: 5px;
position: absolute;
}

.no_block {
display:none;
}

.poster_tv {
display:block;
float:left;
clear: both;
} 

.poster_tv img {
 border:1px solid #E3E3E3;
}

.movis {
display:block;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #00a600 transparent transparent transparent;
line-height: 0px;
_border-color: #00a600 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
margin: 1px;
} 

.tve_date_bar {
font-size: 13px;
padding:3px 0px 3px 10px;
font-weight: bold;
color: #757575;
font-size: medium;

/*clear:both;*/
}


.tve_details {
font-weight:normal;
padding: 5px 0px 10px 3px;
/*clear:both;*/
overflow: hidden;
}

.tve_desc {       
    display: block;
    margin-left: 112px;
}


.tve_kanava_aika {       
display: block;
float: left;
padding: 3px 10px 0px 0px;
/*clear:both;*/   
width:102px;
}


.tve_kanava_img {
display: block;
float: left;
padding: 4px 0px 0px 0px;
}


.tve_klo {
    color: #666666;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 3px 0px;
}
.tve_tanaan {
    /*clear:both;*/
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    padding: 7px 5px 3px 0px;
}
.tve_huomenna {
    /*clear:both;*/
    color: #999999;
    display: block;
    float: left;
    font-size: 13px;
    padding: 7px 4px 3px 0px;
}
.tve_pvm {
    clear:both;
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    padding: 7px 5px 3px 0px;
}

.imdb_r {
    color: #999999;
    display: inline;
    font-weight: bold;
    margin-right: 4px;
    position: relative;
    top: -3px;
} 


.tve_trailer {
display: inline;
margin-left: 10px;
position: relative;
top: 4px;
width: 45px;
} 

/*------------------------------------------- tv-ohjelmat ----------------------------------------*/


/*---------- acc --------------- */

.acc_name {		
	cursor: pointer;
  display:inline-block; 
  text-align:center;
  padding: 2px 4px;
}

.kanavat_list {
	display: block;
  position:relative; 
  text-align:justify; 
  text-align-last:justify; 
  height: 180px;  
  width:250px; 
  margin-left:auto;
  margin-right:auto;  
  
}

    
.kanavat {
	display: block;
  position:relative; 
  text-align:justify; 
  text-align-last:justify;      
  
}


.menu { position:relative; text-align:justify; text-align-last:justify; border:1px solid silver; height:2.2em; min-width:800px; }
.menu li { display:inline-block; background:silver; padding:.5em 1em; cursor:pointer; text-align:center; }
.menu li:hover { background:black; color:white; }
.menu:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }
  
.acc_content {	

}

.on {
	background: #990000;
}
	
.over {
	background: #CCCCCC;
}


.kanavat_list img{
  
}

.wat_rec {
margin-left: 5px;
display: inline-block;
width: 14px;
background: transparent url(images/wat_rec.png) top left no-repeat; 
}

.wat_rec_a {
margin-left: 5px;
display: inline-block;
width: 14px;
background: transparent url(images/wat_rec_a.png) top left no-repeat; 
}

.wat {
margin-left: 5px;
display: inline-block;
width: 14px;
background: transparent url(images/wat_jat.png) top left no-repeat; 
}

.s_rec {
margin-left: 5px;
display: inline-block;
width: 14px;
background: transparent url(images/s_rec.png) top left no-repeat; 
}

.tv_movie {
margin-left: 5px;
display: inline-block;
width: 14px;
background: transparent url(images/tv_movie.png) top left no-repeat; 
}

.kanava_alue {
display:none;
width:100%;

} 

.pv_on {

width:100px;
/*display:none;position: absolute;*/
} 

.ohjelma {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding-top: 1px;
} 

.kanava_nav{
    clear: both;
    height: 20px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    white-space: normal;
    width: 100%;
    margin-bottom: 5px;
}

.tv_days {
	  background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #c2b8a6;
    /*border-top: 1px dashed #c2b8a6; */
    /*top: 2px;*/
    margin-left: 0;
    padding: 6px 15px 11px;
    position: absolute;
    width: 216px;
    z-index: 99;
}

.tv_days div{
    height: 16px;
    text-align: center;
    color:#a8843d; /* #9B6A26 #a8843d*/
    text-decoration:none;
    outline: none;
    cursor:pointer;
}

.tv_days div:hover {
	color:#7F4C12;
  
}

.tv_day {
  display: inline-block;
  color:#a8843d;
  margin:0 auto;
  width:100px;
  cursor:pointer;
}

.tv_day:hover {
	color:#7F4C12;
}

.day {
 width: 20px;
 cursor:pointer;
}

#next_day {
width: 20px;
float:right;
cursor:pointer;
background: transparent url(images/arrow-right-16.png) top left no-repeat;   
}

#prev_day {
width: 20px;
float:left;
cursor:pointer;
background: transparent url(images/arrow-left-16.png) top left no-repeat;   
}

.favo {
margin-left: 5px;
display: inline-block;
margin-left: 5px;
width: 14px;
background: transparent url(images/stars_1.png) top -1px left 0px no-repeat;      
}

.favo_n {                               
margin-left: 5px;
display: inline-block;
margin-left: 5px;
width: 14px;
background: transparent url(images/stars_0.png) top left no-repeat;
}

.active > div{
display:block;
}
  
.fav_channel {
display:block;
width: 40px;
float:right;
}

.program-popup-title {
  width: 100%;
  font-family: 'Oswald',sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0px;
	padding:10px 0px;
  border-bottom: 1px solid #e3e2e2;
  color: #484848;
}

.program-popup-info {
clear: both; 
width: 100%;
display:block;
border-bottom: 1px solid #e3e2e2;
}

.program-popup-description {
padding-top: 8px;
}

.program-popup-description img {
width: 160px;
}


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

.en-block {
	display: inline-block;
	width: 355px;
	margin-bottom: 16px;
}

.en-link {
	display: block;
	height: 48px;
	overflow: hidden;
	width: 220px;
	padding-left: 10px;
	line-height: 1.2;

}



.en-mlink {
	display: block;
	height: 18px;
	overflow: hidden;
	width: 255px;
	padding-left: 10px;

}

.en-mdes {
	display: block;
	height: 70px;
	overflow: hidden;
	width: 255px;
	padding-left: 10px;

}

@supports (-webkit-appearance:none) {
	
	.en-mdes {
		height: 78px;
	}
}
    

.en-cats {
	display: block;
	width: 235px;
	float: right;
	text-align: left;
}

.en-mcats {
	display: block;
	width: 265px;
	float: right;
	text-align: left;
}


.en-cat-block {
	background-image: url("images/icon_tag.png");
	
	display: inline-block;
	
	
	background-color: #737373;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-size: 15px 15px;
	border-radius: 6px;
	
	margin: 0 4px 4px 0;
	padding: 3px 6px 3px 23px;
	color: #ffffff;
	cursor:pointer;
}

.en-cat-block a {
	font-family: 'Roboto Condensed', arial;
	font-size: 12px;
	color: #ffffff;
}
	
.en-cat-block:hover {
	background-image: url("images/icon_tag_h.png");
	background-color: #d6d6d6;
	color: #343434;
	-webkit-box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 40%);
} 

.en-cat-block:hover a{
	color: #343434;
}
.en-cat-block a:hover {
	color: #343434;
}	
	
.en-img {
	display: block;
	float: left;
}



.bil-week {
	
	display: inline-block;
	width: 177px;
	margin-bottom: 8px;
	
}

.bil-date {
	
	font-size: 14px;
	font-weight: bold;
	color: #9c9c9c;
	padding: 0 0 0 25px;
	border-bottom: 1px solid #eaeaea;
	margin: 0 14px 4px 0px;
	
}

.bil-entry {
	display: block;
	height: 37px;
	
}

.bil-pos {
	
	display: block;
	float: left;
	font-size: 28px;
	height: 30px;
	margin: -2px 10px 0 0;
}

.bil-track-name {
	display: block;
	float: left;

	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 150px;	
	
}

.bil-track-artist {
	display: block;
	float: left;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 150px;
	font-weight: bold;
	color: #727272;	
	
}







/* ----------------------------- jt-tip ----------------------------- */



#JT {
	display:block;
	position: absolute; 
	z-index: 1101;
	border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
}


#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
  border:7px solid #FAF8F5;   
  overflow: hidden;
}



.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;   
}


.jt{
cursor:pointer;
}


#jt-box-outer {    /* >>>>>> */
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#jt-box-close {     /* >>>>>> */
	position: absolute;
  top: -15px;
	/*right: -15px;*/
	width: 0px;
	height: 0px;
	background: transparent url(images/jt-box.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: block;
}


/* ------------------------------------------------------------------- */


#tv_week, #tv_tod {
padding:0px 0px;
}

#tv_week a, #tv_tod a {
display:inline-block;
padding:0px 0px 10px 0px;

}

#tvw, #tvt {
    
    padding-top: 15px;
}

.tvw {
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.4px;
}    

fig {
    display: block;
    background: #fff none repeat scroll 0 0;
    
    margin: 0;
    overflow: hidden;
    padding: 0;
    
} 

#tvw fig {
    height: 166px;
    width: 246px;
}
#tvt fig {
    height: 136px;
    width: 203px;
}
   

#tv_week fig img, #tv_tod fig img, #now_strm  fig img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#tv_week a:hover fig img, #tv_tod a:hover fig img, #now_strm a:hover fig img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

#tv_tod .re {
    display:inline-block;
    background: #999999 none repeat scroll 0 0;
    color: white;
    border: 1px dotted #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-style: normal;
    margin: 10px;
    padding: 1px 5px;
    position: absolute;
    z-index: 3;

}

#tv_tod .new {
    display:inline-block;
    background: #4070a0 none repeat scroll 0 0;
    color: white;
    border: 1px dotted #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-style: normal;
    margin: 10px;
    padding: 1px 5px;
    position: absolute;
    z-index: 3;

}

#ttv_today h3 {
	color: #484848;
	padding: 0px 4px 4px 6px;
	border-left: 10px solid #d8d8d8;
	margin: 30px 0px 10px 0px;
}

#ttv_today h3:first-letter {
	text-transform:uppercase;
}

#ttv_today h3:first-of-type {
    
    margin: 10px 0px 10px 0px !important;
}

#ttv_today {
	padding-top: 0px;
}

#ttv_today p {
	margin: 10px 0px 10px 0px;

}	
#ttv_today img {
	margin: 0px 0px 10px 0px;
}	


#ttv_today li {
	margin: 0px 0px 0px 15px !important;
	padding: 0px;
	color: #7f7f7f;
	font-weight: bold;
}

/* ------------------------------------- sää -----------------------------------------------*/

.saa_toggle {
	display: block;
	float:right;
}
.saa_toggle_txt {
	width: 16px;  
	cursor:pointer;  
	display:block;  
}

#saa_load {
	border-top: 1px dashed #c2b8a6;
}



/* ----------------------------------- kalenteri --------------------------------------------*/



.y_sel {
  display: block;
  float: left;
}

#year {
  border: 1px solid lightgray;
    color: dimgray;
    font-family: oswald;
    font-size: 14px;
    height: 23px;
    margin: -1px 10px;
    padding: 0;
    width: 60px;
}

.year_option {
	font-family: oswald;
}

.cmonth {
  background-position: 0 7px;
  background-repeat: repeat-x;
  cursor: pointer;
  display: block;
  height: 24px;
  width: 25px;
} 

.cprev {
  float:left;
  background-image: url("images/l.png");
  
}
.cprev:hover {
   background-image: url("images/l_.png");
}

.cnext {
  float:right;
  background-image: url("images/r.png");
  

}

.cnext:hover {
   background-image: url("images/r_.png");

}

.m_name {
    display: block;
    float: left;
    font-family: "Oswald",sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin: 0 10px 0 19px;
    text-align: right;
    width: 84px;
}


.cal_control {
    display: block;
    height: 28px;
    margin: 0px 4px 5px 30px;
    
}

.cal_table {
    clear:both;
    display: block;
}

td.calendar-day  { 

	position:relative; 
} 

td.calendar-day img  { 
	float:left;
	display:block;  
	position:relative; 
	margin: 7px 0 0 2px;
} 

div.calendar-day { background-color:#ffffff; height:80px; cursor:pointer;}

td.calendar-day:hover  { background-color:#E0E0E0;  }

td.calendar-day-np  { 
	background:#eeeeee; 

} 

div.calendar-day-np { 

}

td.calendar-day-head { 
	font-weight:bold; 
	text-align:right; 
	width:150px; 
	padding-left: 24px;
	padding-right: 7px;
	border-bottom:1px solid #999; 
}

div.day-number    { 
	color: #707070;
    float: right;
    font-weight: bold;
    margin: 4px 4px 4px 0;
    padding: 0px;
    text-align: center;
    width: 15px; }

div.today {
	/*border: 1px solid #828181;*/
	border: 3px solid #a9c7d5;
	margin: 0px !important;
	padding: 1px;
}

div.holiday  {
	color: #e11a1a; 
} 

td.holiday {
	background: #fedfdf none repeat;
}

td.calendar-day, td.calendar-day-np {
	border-bottom: 1px solid #999;
    font-size: 11px;
    padding: 2px;
}

td.sunday {
	background: #fedfdf none repeat;
}

div.holiday {
	color: #ff1818;
}

td.week-number, td.week-number-np {
	padding-right:10px;
	text-align:center; 
}


#hdays .h_1{
	text-align:right; 
}

#hdays .h_2{
	font-weight:bold;
	padding: 0px 10px 0px 10px;
}

#cal_info {
	
    color: #ffffff;
    display: block;
	z-index:99;
	position: absolute;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    /*margin-left: -10px;
    margin-top: -28px;*/
	background-color: #737373;
    border: 1px solid #a3a3a3;
    border-radius: 6px;
    padding: 3px 6px 3px 6px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
}

#cal_info hr { border: 0; 
	border-bottom: 1px dashed #ccc; 
	margin: 6px 5px 5px 5px; 
	}
	
td.sport_1 { /* kotipeli */
	background-image: url("images/sport_1.png");
	background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 22px auto;
}

td.sport_ { /* vieraspeli */
	background-image: url("images/sport_.png");
	background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 22px auto;
}


/*---------------------------------------- trailers -----------------------------------------*/


img[trailer="yt"] {
	cursor: pointer !important;
} 

#trailer_bg {
	display: none;
	background-color: #000000eb;
	z-index: 9999;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.tr_close {
	position: absolute;
	display: none;
	top: 25px;
	left: 25px;
	background-image: url("./images/back.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height: 70px;
	width: 70px;
	opacity: 0.7;
	cursor: pointer !important;
}

.tr_close:hover {opacity: 1;} 

.tr_container {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.no_trailer {
	background: url("./images/notrailer.jpg") no-repeat fixed center; 
	background-size: contain;
}


/*----------------------------------------- movies ------------------------------------------*/



.ad_info_layer {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9999;
	background-color:#ffffff6e;
	color:white;
	text-align:center;
}

.ad_info_box { 
	border-radius: 15px;
	background-color: black;
	padding: 20px;
	display: inline-block;
	margin: 22% auto;
	font-size: large;
	width: 60%;
	line-height: normal;
	cursor:pointer;
}

#no_info {
	text-decoration: underline;
}




.sort {
	display: block;
	float:left; 	
}

.sort_img {
	display: block;
	float:left; 
	line-height: 0.0;	
}

.asc {
	display:block;
	height:13px;
	width:20px;	
	background:url(images/asc_.png) left top no-repeat;	
	cursor:pointer;
}

.asc:hover, .asc_act {
	background:url(images/asc.png) left top no-repeat;	
}

.desc {
	display:block;
	height:13px;
	width:20px;	
	background:url(images/desc_.png) left top no-repeat;	
	cursor:pointer;
}

.desc:hover, .desc_act {
	background:url(images/desc.png) left top no-repeat;	
}

.sort_name {
	display: block;
	float: left;
	padding: 2px 12px 0 6px;
	font-family: "Oswald",sans-serif;
	font-size: 13px;	
}

#mov_ha_btn {
  cursor: pointer;
  display: none;
  height: 20px;
  margin: 7px 0 0 170px;
  position: absolute;
  width: 20px;
}

.mov_ha_clear {
  background: url("images/close_btn.png") no-repeat;
  background-position: 3px 1px;
  background-size: 17px 17px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mov_ha_clear:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

#per_ha_btn {
  cursor: pointer;
  display: none;
  height: 20px;
  margin: 7px 0 0 170px;
  position: absolute;
  width: 20px;
}

.per_ha_clear {
  background: url("images/close_btn.png") no-repeat;
  background-position: 3px 1px;
  background-size: 17px 17px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.per_ha_clear:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}


.per_toggle, .col_toggle {
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    margin: 4px 0 0 0px;
    width: 16px;
}


.co_link {
	cursor: pointer;
	color: #b1b1b1;
	font-size: 18px;
	font-family: 'Oswald',sans-serif;
	margin-top: 10px;
	border-bottom: 1px dashed #C2B8A6;
	padding-bottom: 4px;
}

.co_link:hover {
	color: #828282;
	
}

.co_active {
	cursor: auto;
	color: #5353531;
	font-size: 18px;
	font-family: 'Oswald',sans-serif;
	margin-top: 10px;
	border-bottom: 1px dashed #C2B8A6;
	padding-bottom: 4px;
}

.co_active:hover {
	color: #5353531;
}

.col_name {
	cursor: pointer;
	
}

.col_ln {
	cursor: pointer;
	color: #a8843d;
}

.col_ln:hover {
	
   color: #7F4C12;
	
}




.gen_toggle {
	clear: both;
	display: block;
	float:right;  
	margin-top: 7px;
}

.gen_toggle_txt {
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: right;
}

.gen_title {
	font-family: 'Oswald',sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	display: block;

}

#gen_txt {
	display:none;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	overflow: auto;
	/*border-bottom: 1px dashed #C2B8A6;*/
}

.gen_list {
	display: block;
	float:left; 
	padding: 7px 0 0 5px;
	width: 95px; 
}

.gen_name {
	font-family: "Oswald",sans-serif;
	font-size: 13px;
	margin-top: -3px;
	padding: 0 25px;

	color:gray;
	word-wrap:nowrap;
}


.check_box {
	background:url(images/check_box.png) left top no-repeat;	
	display:block;
	float: left;
	width: 16px;
	height: 16px;
	cursor: pointer;
	
}

.check_box:hover {
	background:url(images/check_hover.png) left top no-repeat;	
}


.checked {
	background:url(images/check_checked.png) left top no-repeat;	
}

.clr_g  {
	display: block;
	float: left;
	margin: 0px 100px 4px 4px;
	font-size: 12px;	

}


.music_gen_txt {
   
   width: 248px;
   
   
}

.m_gen_list {
    display: block;
    float: left;
    padding: 7px 0 0 0px;
    width: 110px;
	overflow: visible;
	white-space: nowrap;
}


.m_gen_name {

    font-family: "Oswald",sans-serif;
    font-size: 11px;
    margin-top: -3px;
    padding: 0 25px;
    color: gray;
    word-wrap: nowrap;

}




.year_toggle, .tags_toggle {
	clear: both;
	display: block;
	float:right;  
	margin-top: 7px;
}

.year_toggle_txt, .tags_toggle_txt {
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: right;
}

.year_title {
	font-family: 'Oswald',sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	display: block;

}

#year_active {
	display: block;
	float:right; 
	font-family: "Oswald",sans-serif;
	font-size: 15px;
	margin: -24px 0 0 43px;
	position: absolute;
	word-wrap:nowrap;
	color:gray;
}



.year_block {
	display:none;	
	height:300px;
	width:200px;	
}


#year_txt, #tags_txt {
	display:none;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	height:300px;
	width:200px;
	overflow: hidden;
	/*border-bottom: 1px dashed #C2B8A6;*/
}


.year_list {
	display: block;
	height:1.5em;
	padding: 7px 0 3px 1px;
	width: 180px; 
	color:gray;
	border-bottom: 1px solid #e8e8e8;
}


.year_list:last-of-type {

}

.year_list:hover {
	background-color:lightgray; 
	color:white;
	cursor: pointer;
}

.year {
display: block;
	float:left; 
	font-family: "Oswald",sans-serif;
	font-size: 13px;
	margin-top: -3px;
	padding: 0 10px;
	word-wrap:nowrap;
}

.year_tot {
	display: block;
	float:right; 
	font-family: "Oswald",sans-serif;
	font-size: 9px;
	margin-top: 3px;
	padding: 0 10px;
	word-wrap:nowrap;
}

.sel_y {
	background-color:gray; 
	color:white;		
}

.clr_y {
		
}



.tags_toggle {
	clear: both;
	display: block;
	float:right;  
	margin-top: 7px;
}

.tags_toggle_txt {
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: right;
}

.tags_title {
	font-family: 'Oswald',sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	display: block;

}

#tags_active {
	display: block;
	float:right; 
	font-family: "Oswald",sans-serif;
	font-size: 15px;
	margin: -24px 0 0 43px;
	position: absolute;
	word-wrap:nowrap;
	color:gray;
}



.tags_block {
	display:none;	
	height:300px;
	width:200px;	
}


#tags_txt {
	display:none;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	height:300px;
	width:200px;
	overflow: hidden;
	/*border-bottom: 1px dashed #C2B8A6;*/
}


.tags_list {
	display: block;
	height:1.5em;
	padding: 7px 0 3px 1px;
	width: 180px; 
	color:gray;
	border-bottom: 1px solid #e8e8e8;
}


.tags_list:last-of-type {

}

.tags_list:hover {
	background-color:lightgray; 
	color:white;
	cursor: pointer;
}

.mtags {
	display: block;
	float:left; 
	font-family: "Oswald",sans-serif;
	font-size: 13px;
	margin-top: -3px;
	padding: 0 10px;
	word-wrap:nowrap;
}

.tags_tot {
	display: block;
	float:right; 
	font-family: "Oswald",sans-serif;
	font-size: 9px;
	margin-top: 3px;
	padding: 0 10px;
	word-wrap:nowrap;
}

.sel_t {
	background-color:gray; 
	color:white;		
}

.tags_sel_list {
	display: block;
	height:19px;
	padding: 7px 0 3px 1px;
	width: 180px; 
	background-color:gray; 
	color:white;
	border-bottom: 1px solid #e8e8e8;
	border-right: 20px solid #fff;
	cursor: pointer;
}

.sel_tags {
	padding: 10px 0px 0px 0px;
	
}

#sel_tags_holder:first-child {
	margin-top: 10px;
	
}

.tags_sel_list:hover  {
	
}	



.remove_tag {
	display: block;
	position: relative;
	background: transparent url("./images/delete.png") no-repeat scroll 0px 0px;
	background-size: 15px;
	float:right;
	margin-top: 1px;
	margin-right: -18px;
	width:15px;
	height:15px;
	-webkit-filter: saturate(0);
	filter: saturate(0);
	opacity: 0.4;
	filter: alpha(opacity=40); 
	z-index:1;
}

.tags_sel_list:hover .remove_tag {
	-webkit-filter: saturate(2);
	filter: saturate(2);
	opacity: 1;
	filter: alpha(opacity=100); 
	
}

.tags-nano {
	margin-top: 5px;
}

.clr_t {
		
}




#fav_active {
	display: block;
	float:right; 
	font-family: "Oswald",sans-serif;
	font-size: 15px;
	margin: -24px 0 0 64px;
	position: absolute;
	word-wrap:nowrap;
	color:gray;
	cursor:pointer;
}



.fav_toggle {
	clear: both;
	display: block;
	float:right;  
	margin-top: 7px;
}

.fav_toggle_txt {
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: right;
}



.fav_block {
	display:none;	
	height:300px;
	width:200px;	
}


#fav_txt {
	display:none;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	height:300px;
	width:200px;
	overflow: hidden;
	/*border-bottom: 1px dashed #C2B8A6;*/
}

.f_bl {
background-repeat: no-repeat;
	display: block;
	float:left; 	
	position: absolute;
	height:16px;
	width:16px;
	z-index: 20;
	margin: -5px 0;	
}

.fav_y {
	background-image: url("images/fav_y.png");
}

.fav_g {
	background-image: url("images/fav_g.png");

}

.fav_d {
	background-image: url("images/fav_d.png");

}

.f_n {
    background-position: 0 3px;
    background-size: 13px 14px;
    float: left;
    overflow: hidden;
    padding: 3px 5px 3px 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}

.f_nd {
background-image: url("images/fav_d.png");
background-repeat: no-repeat;
}
.f_ny {
background-image: url("images/fav_y.png");
background-repeat: no-repeat;
}
.f_ng {
background-image: url("images/fav_g.png");
background-repeat: no-repeat;
}	

.del_f {
background-image: url("images/bin.png");
background-repeat: no-repeat;	
background-size: 12px 12px;
background-position: 0px 4px;
float: left;
height:16px;
width:16px;
cursor:pointer;
}

.f_ret {
background-image: url("images/ret.png");
background-repeat: no-repeat;	
background-size: 12px 12px;
background-position: 0px 4px;
float: left;
height:16px;
width:16px;
cursor:pointer;
}

.fq {
color: #a8843d;
cursor:pointer;
}

.fq:hover {
	color:#7F4C12;
} 

.se_tr {
background-image: url("images/s_tr1.png");	
background-repeat: no-repeat;
display: block;
position: relative;
height:16px;
width:16px;
z-index: 20;
/*margin: 128px 0px 0px 85px;*/
margin-bottom: -16px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
top: 125px;
left: 83px;
}


.s_tr {
background-image: url("images/s_tr1.png");	
background-repeat: no-repeat;
display: block;
position: relative;
height:16px;
width:16px;
z-index: 20;
/*margin: 128px 0px 0px 85px;*/
margin-bottom: -16px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
top: 125px;
left: 83px;
}



.sr_tr {
background-image: url("images/sr_tr1.png");	
}

.s_tr2 {
background-image: url("images/s_tr2.png");	
}

.s_tr3 {
background-image: url("images/s_tr3.png");	
}

.p_name_bar {
color: #b8b8b8;
clear: both;
font-size: 17px;
padding: 3px 0 3px 10px;
}

.p_m_list {
border-bottom: 1px dashed #c2b8a6;
padding: 5px 0 10px 0px;
}

.m_p_item {
font-size: 15px;
font-weight: bold;
padding: 4px 0 3px 20px;	
}

.m_p_item_y {
color:#919191;
font-size: 14px;	
}

#movie_container {
	
	padding: 10px 15px 20px;
}

#movie_block {
    margin-left: 0px;
    clear: both;
    display: block;
    overflow: hidden;
    width: 708px;
}    

.articles .movies_head {
	padding: 0px 13px 10px 10px;
}

.asterisk {
    background-image: url("images/icon_asterisk.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: dimgray;
    display: block;
    font-size: 14px;
    letter-spacing: -0.02em;
    margin: 0 0 0 10px;
    padding: 0 0 0 25px;
}

.suodin {
    background-image: url("images/icon_tag.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: dimgray;
    display: block;
    font-size: 14px;
    letter-spacing: -0.02em;
    margin: 6px 0 0 35px;
    padding: 0 0 0 20px;
}

.current_list {
	display:block;
	float:right;
	text-align:right;
	margin: -14px 0px 0px 0px;
	color:dimgray;
	font-size: 110%;
	background-color:transparent;
	
}
.list {
    border: 0 none;
    display: block;
    float: left;
    height: 230px;
    margin-bottom: 12px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 5px 1px;
    text-align: center;
    width: 110px;
	cursor: pointer;
}

.mz_list {
    border: 0 none;
    display: block;
    float: left;
    height: 210px;
    margin-bottom: 12px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 5px 1px;
    text-align: center;
    width: 169px;
	cursor: pointer;
}

.list:hover, .mz_list:hover { 
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
border-bottom: 0px dashed #C2B8A6;
}

.list_active, .mz_list_active { 
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
border-bottom: 0px dashed #C2B8A6;
}

.list_arrow {
    display: block;
	  border-left: 58px solid transparent;
    border-right: 58px solid transparent;
    border-top: 20px solid #c5c5c5;
    height: 0;
    margin: 9px -3px;
    position: absolute;
    width: 0;
    z-index: 20;
	
}

.list p {
   display: block;
   margin: 0 auto;
   width: 100px;font-weight: normal;
   font-size: 11px;
   font-stretch: condensed;
   color:#676767;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   height: 18px;
   
}

.sm_poster {	
	height: 148px;
    margin: 0 auto;
    position: relative;
    width: 102px;
}

.mz_sm_poster {	
	height: 155px;
    margin: 0 auto;
    position: relative;
    width: 156px;
}

.mz_list .mz_sm_poster:hover > .o_bg {
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
}

.list .sm_poster:hover > .o_bg {
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
}

.o_bg {
	opacity:0;
	filter: alpha(opacity=0);
	background-color: rgb(0, 0, 0); /*fallback*/
    background-color: rgba(0, 0, 0, 0.5);
    height: 137px;
    margin: -147px 0 0 1px;
    padding: 5px;
    position: absolute;
    width: 90px;
	-webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
}

	
.o_info {
	display: block;
	color: #ffffff;	
	text-align: center;
}


.k_title {
display: block;
font-family: roboto condensed;
font-size: 18px;
font-weight: normal;
padding: 10px 5px 4px;
margin: 0 0 10px 10px;
width: 670px;
}




.j_title {
    clear: both;
    font-size: 14px;
    font-weight: normal;
    height: 180px;
    padding: 5px 0 7px 5px;
    width: 677px;
	cursor: pointer;
}


.j_title:hover { 
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
border-bottom: 1px dashed #ffffff;
}




/* ----------------  confirm -----------------------*/


.confirm {
	display:none;
    background-color: white;
    font-weight: 500;
    height: 100px;
    padding: 36px 25px;
    box-sizing: border-box;
    top: 5px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    left: 50%;
	top: 30%;
    max-width: 320px;
    position: fixed;
    transform: translateX(-50%);
    width: calc(100% - 10px);
    
	color:gray;
	font-size: 110%; 
	text-align:center;

}	


.confirm button {
    
    display: inline-block;
    width: 80px;
   
}

.confirm button:hover {
    
}



#confirm_block {
	display:none;
	z-index: 899;
	padding: 20px 15px;
}




.check_box_set { 
	background:url(/templates/eco/images/check_box.png) left top no-repeat;
	display:block; 	
	float: left;
 	width: 16px; 
	height: 16px;
 	cursor: pointer;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}  

.check_box_set:hover { 	
	background:url(/templates/eco/images/check_hover.png) left top no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}   

.checked_set {
    background: rgba(0, 0, 0, 0) url(/templates/eco/images/check_checked.png) no-repeat scroll left top;
}




/* ----------------  music -----------------------*/

#music_container {
	padding: 10px 15px 20px;
}

.articles .mz_home_head {
	padding: 0px 13px 10px 10px;
}

.mz_home_sub_head {
	font-family: 'Oswald',sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
	color: #6d6d6d;
	border-bottom: 1px dashed #C2B8A6;
	margin-bottom: 5px;
	padding: 0px 0px 4px 10px;
}
	

.mz_result_title {
	
	background-image: url("images/icon_asterisk.gif");
	background-position: 9px 3px;
	background-repeat: no-repeat;
	padding-left: 32px;
	
}

.img_tbl_box {
	
	display: block;
	float: right;
	text-align: right;
	margin: -33px -16px 0px 0px;
	background-color: transparent;
}

.img_list, .tbl_list {
	width: 26px;
	height: 26px;
	float: right;
	background-position: center;
	background-size: 25px;
	cursor:pointer;
	
}

.img_list:hover, .tbl_list:hover {
	opacity: 0.9;
}
	
.img_list {
	background-image: url("images/disp_images.png");

	opacity: 0.3;
}

.tbl_list {
	background-image: url("images/disp_list.png");

	opacity: 0.3;
} 

.list_type_active {
	opacity: 0.7;
	cursor:auto;
}

.list_type_active:hover {
	opacity: 0.7;
	cursor:auto;
}



.filter-type {
	color: #a7a7a7;
	font-family: 'Oswald',sans-serif;
	font-size: 12px;
	font-weight: normal;
	display:inline-block;
	
}



.td_box {
	display:none;
	padding: 20px 0px !important;
	background-color: #fff !important;
}


.mz_i {
    display: none;
    width:100%;
    height: auto;
    /*-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    border-bottom: 0px dashed #C2B8A6;
    float: left;
    margin: 0 0 10px 3px;*/
}


.mz_box {
	height: auto;
	display:none;
	width:100%;
	padding: 0px 0px;
}

.mz_box .mz_list {
	height: 211px !important;
}	

.similar_artists .mz_list, .similar_artists td {
	background-color: #ebf4ff !important;
}	
.similar_artists .td_box {
    background-color: #fff !important;
}

.similar_artists .art_box {
	 border: none !important;
	 margin-bottom: 0px !important;
	 background-color: #fff !important;
	}	

	
.art_box {
	width:100%; 
	padding:0px 0px 19px 0px;
	display: inline-block;
	/*margin-bottom: 15px;*/
	border-bottom: 1px dashed #C2B8A6;
}

.box_art_image_holder {
	float: right;
	margin: 10px 10px 15px 15px;
}

.box_art_image {
    display: block;
    width: 300px;
    height: 300px;
	opacity: 0;
}

.box_art_image > img {
    position: absolute;
    display: none;
}

.box_art_info {
	float: right;
	width: 100%;
	margin: 0px 0px 10px 0;
}

.box_art_bio {
	font-family: 'Oswald',sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0px 15px 0px;
	color: #333;
	line-height: 1.5em;
	text-align: justify;
}

.bio_box_art_name {
	font-family: 'Oswald',sans-serif;
	color: #6d6d6d;
	font-size: 18px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px dashed #C2B8A6;
	margin: 0px 0px 10px 0px;
	padding:0px 5px;
}

.bio_tags_holder {
	margin-bottom:10px;
	line-height: 1.2em;
	
}

.artist_tag, .mgen_tag {
	background-image: url(images/icon_tag.png);
    display: inline-block;
    background-color: #808080b0;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 15px 15px;
    border-radius: 6px;
    margin: 0 4px 4px 2px;
    padding: 4px 6px 3px 23px;
    color: #ffffff;
	font-family: 'Roboto Condensed', arial;
    font-size: 12px;
	cursor:pointer;

}

.artist_tag:hover, .mgen_tag:hover {
	background-image: url("images/icon_tag.gif");
    background-color: #e7e7e7;
    color: #343434;
	-webkit-box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
}

.remove_tag_header {
	padding-right: 23px;
}

.remove_tag_header .remove_tag {
	margin-top: -1px;
    opacity: 0.7;
    filter: grayscale(1) invert(0) brightness(1.8) contrast(1);
}

.remove_tag_header:hover .remove_tag {
	-webkit-filter: saturate(2);
	filter: saturate(2);
	opacity: 1;
	filter: alpha(opacity=100); 
	
}


.show_more {
	color: #a8843d;
    cursor: pointer;
}

.show_more:hover {
	color: #7F4C12;
}



.tube_search_tip {
	display:none;
	position:absolute;
	margin-top: -5px;
	margin-left: 60px;
	

}



.tube_search_tip_tag {
	
display: inline-block;
background-image: url("images/youtube.png");
background-color: #ffffffeb;
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
border-radius: 14px;
width: 16px;
padding: 6px 9px 6px 35px;
margin: 5px 5px 5px 0px;
cursor: pointer;
box-shadow: 0px 0px 3px 2px #00000094;
height: 11px;
	
}	


#tube_player_frame {
	display: none;
	width: 230px;
	height: 300px;
	padding-bottom: 25px;
	border-bottom: 1px solid gray;
	margin-left: -15px;
	position: relative;
}


.tube_track {
    color: #606060;
    font-family: "Oswald",sans-serif;
    cursor: pointer;
    padding: 1px 0px 1px 2px;
    display: block;
    width: 218px;
    height: 40px;
    border-bottom: 1px solid #dbdbdb;
}


.remove_tube_trk, .remove_tube_pl {
	
	display: none;
	position: absolute;
	background: transparent url("./images/delete.png") no-repeat scroll 0px 0px;
	background-size: 15px;
	left: 206px;
	margin-top: 2px;
	width:15px;
	height:15px;
	-webkit-filter: saturate(0);
	filter: saturate(0);
	opacity: 0.4;
	filter: alpha(opacity=40); 
	z-index:999;
}

.remove_tube_trk:hover , .remove_tube_pl:hover{
	-webkit-filter: saturate(2);
	filter: saturate(2);
	opacity: 1;
	filter: alpha(opacity=100); 
	
}

.tube_pl_toggle {

    clear: both;
    display: block;
    float: right;
    margin-top: 5px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-size: 17px !important;

}


#tube_player {
	width: 240px;
	margin: 10px 0px 10px 0px;
	overflow: visible;
	position: absolute;
	display: none;
}	


#tube_playlist_holder {
	
	position: absolute;
    margin: 40px 0px 0px -20px;
    padding: 0px 0px 0px 0px;
    height: 400px;
    width: 240px;
    overflow: hidden;
    display: block;
	
}	

.tube_playlist_title {
    font-family: 'Oswald',sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0px 5px 0px;
    display: block;
    width: 212px;
    margin: 0px 0px 0px -10px;
    position: absolute;
}

.tube_playlist {
    padding-bottom: 10px;
	padding-top: 15px;
	position: relative;
	width: 235px;
	margin-left: 0px;
    
}

.tube_playlist .tube_track{
    color: #606060;
	font-family: "Oswald",sans-serif;
	cursor: pointer;
	padding: 1px 0px 1px 2px;
	display: block;
	width: 218px;
	height: 40px;
	border-bottom: 1px solid #dbdbdb;
}

.tube_playlist .tube_track:hover{
    background-color: #dbdbdb;
	
}
.tube_playlist  .tube_track_active {
    
	background-color: aliceblue;
	border-left: 3px solid #0072ff63;
    left: -3px;
    position: relative;
    padding-left: 3px;
}

.remove_tube_list {
	display: block;
	margin: -20px 0px 0px -40px;
    position: absolute;
	
	
}	

.make_tube_playlist {
	background: transparent url("./images/youtube.png") no-repeat scroll 16px 3px;
	background-size: 28px;
	height: 24px;
	display: inline-block;
	width: 48px;
	position: absolute;
	
}	

.alb_box {
	width:100%; 
	padding:0px 0px;
	display: inline-block;
	border-bottom: 1px solid #b3b3b3;
	margin: 0px 0px 15px 0px;
}

.box_cover {
	float: left;
	margin: 10px;
}

.alb_box_art {
	font-family: 'Oswald',sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;

	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	width: 250px;

}
.alb_box_art_name {
	color: #6d6d6d;
	font-size: 18px;
}
.alb_box_art_name:hover {
	color: #b3b3b3;
}


.box_tracks {
	float: right;
	width: 430px;
	margin: 10px 0px 20px 0;
}

.show_ml {
    display: inline-block;
    float: right;
    width: 16px;
    cursor: pointer;
	margin-top: 6px;
}

.ml_name {
	width: 675px;
	display: inline-block;
	font-size:16px;
	font-family: 'Oswald',sans-serif;
	cursor:pointer;	
	color: #acacac;
	margin-left: 5px;
	padding: 0px 0px 2px 10px;

}	

.ml_name:hover {
	color: #7e7e7e;
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 0px solid #cbcbcb;	
	
	font-family: 'Oswald',sans-serif;
	font-size: 14px;
	width:100%;
}	
	
.pure-table-head td {
    
	background-color: #eee !important;
	color: #a6a6a6;
	/*background-color: #e0e0e0;color: #00000047;*/
    
    text-align: left;
    vertical-align: bottom;
}



.pure-table td {
    border-left: 1px solid #cbcbcb;
    border-left-width: 1px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    font-size: inherit;
    margin: 0;
    padding: 2px 5px;
	
	border-width: 0 0 1px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #cbcbcb;
	background-color: transparent;
	max-width: 0;
}

.td_box .pure-table td {	
	background-color: #f9f9f9 ;
}

.td_box .pure-table-head td {	
	background-color: #b5b5b5 !important;
	color: #fff;	
}

.box_tracks td {
	background-color: #fff !important;
}

.td_num_track {
	width: 5%;
	text-align:center !important;
}

.td_tit_track {
	width: 25%;
	padding-left: 28px !important;
}


.td_art_track {
	width: 25%;
}

.td_alb_track {
	width: 25%;
}

.td_gen_track {
	width: 10%;
}


.td_dur_track {
	width: 5%;
	text-align:center !important;
}

.td_pla_track {
	width: 5%;
	text-align:center !important;
}

.td_pla_track span {
	margin: -10px 0px !important;
}

.td_art {
	width: 40%;
}

.td_tag {
	width: 20%;
}

.td_gen {
	width: 20%;
}

.td_alb {
	width: 10%;
	text-align:center !important;
}

.td_tra {
	width: 10%;
	text-align: right;
	padding-right: 44px !important;
}


.td_pla {
	width: 15%;
}

.td_dur {
	width: 10%;
	text-align:center !important;
}

.td_fav {
	width: 5%;
	text-align:right;
	
}

.scroll {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pure-table-head .td_fav {

}	
	
/* ----------------  tags -----------------------*/

.tag {
    background-color: #737373;  
    background-repeat: no-repeat; 
    background-position: 4px 4px; 
    background-size: 15px 15px;
    border-radius: 6px;
    font-size: 12px;
    margin: 0 4px;
    padding: 3px 6px 3px 23px;
    color: #ffffff;
}
.time_tag {
    
    background-image: url("images/icon_clock.png");
    display: inline-block;
}

.country_tag {
    
    background-image: url("images/country.png");
    display: inline-block;
}

.language_tag {
    
    background-image: url("images/language.png");
    display: inline-block;
}

.gen_tag {
    background-image: url("images/icon_tag.png");
    cursor: pointer;
    display: inline-block;
    
}

.gen_tag:hover {
    background-image: url("images/icon_tag_h.png");
    background-color: #d6d6d6;
    color: #343434;
	-webkit-box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 40%);
}

#genre .tag {
margin: 4px 6px 2px 2px;	
}	

.o_tag {
    background-position: 4px 3px;
    border: 1px solid #a3a3a3; 
    display: block;
    margin: 7px 2px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	/*
  display: block;
    font-size: 12px;
    font-weight: normal;
    
    padding: 3px 6px 3px 23px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.6);
	 */
}

.i_tag {
   border: none; 
   float:right;
   margin-top: -17px;
}

.tag_fav {
background-image: url("images/fav_y.png");
   background-position: 4px 2px;
   background-size: 16px 16px;
   position: absolute;
   top: 185px;
   z-index: 99;
   left: 44px;
   opacity: 0.8;
   cursor:pointer;
   width: 102px;
}

.tag_eye {
	 background-image: url("images/icon_eye.png");
   background-position: 4px 2px;
   background-size: 16px 16px;
}

.tag_date {
	 background-image: url("images/icon_date.png");
   
}

.tag_f {
	 background-image: url("images/icon_f.png");
  
}

.tag_nr_d {
	 background-image: url("images/icon_d.png");
   cursor: pointer;
}

.tag_nr_d0 {
	 background-image: url("images/icon_d0.png");
   cursor: pointer;
}


#q_e {
	background: #666666 none repeat scroll 0 0;
    border-radius: 9px;
    color: #ffffff;
    display: block;
    font-family: "Roboto Condensed",arial;
    font-size: 13px;
    font-weight: bold;
    /*margin-left: -60px;*/
    margin-top: -40px;
    opacity: 0.9;
    padding: 7px 10px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    z-index: 999;
}




.qe_input {
	font-size: 12px;
    height: 13px;
    margin-bottom: 5px;
    width: 25px;
}
.qe_select {
	font-size: 12px;
    height: 19px;
    margin-bottom: 5px;
    width: 45px;
}

.q_e_s {
background-color: #999999;
border: 2px solid #bfb6b6;
border-radius: 4px;
color: #ffffff;
display: inline-block;
padding:3px;

border-radius: 4px;
cursor:pointer	
}

.q_e_c {
background-color: #a33333;
    border: 2px solid #bfb6b6;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: cursive;
    font-size: 12px;
    margin-left: 9px;
    padding: 0 5px;		
}

.q_e_s:hover {
background-color: #ffffff;
border: 2px solid #aeaeae;
color: #696969;		
}

.q_e_c:hover {
background-color: #f94c4c;
border: 2px solid #bfb6b6;
color: #433333;
}


.inf {
    display: block;
    margin: 0 auto;
    width: 100px;
}

u {
    font-family: 'Oswald',sans-serif;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
    padding: 5px 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
u.post_ttl {
	color:#1b1b1b;
	text-decoration:none;
}
u.post_ttl:hover {
	color:#343434;

}





.list p b { 
	font-size: 13px;
margin-left: 0px;
margin-top: -1px;
margin-right: 4px;
position: relative;

}

.list p  img{ 
	display: inline-block;
	position: relative;
	margin-bottom: -3px;

}


.sm_star {
    display: block;
    height: 15px;
    position: relative;
    width: 70px;
	margin: 0 auto;
     
}

.sm_star0 {
   background: transparent url("images/stars_0.png") no-repeat scroll left top;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}

.sm_stars1 {
    background: transparent url("images/stars_1.png") no-repeat scroll left top;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

#paging {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 690px;
}


.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
	
    display: inline-block;
    padding: 5px 9px;
    margin-right: 7px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}


#paging a{
	
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}

.page.next_p, .page.next_p:hover{
	background-image: url("images/arrow-right-24.png");
	background-repeat: no-repeat;
	background-position: -1px 1px;
}

.page.prev_p, .page.prev_p:hover{
	background-image: url("images/arrow-left-24.png");
	background-repeat: no-repeat;
	background-position: -3px 1px;
}
	
.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
background: #616161 none repeat scroll 0 0;
border: 1px solid #4b4b4b;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.8);
color: #f0f0f0;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}




/*-------------------------------------------------*/

.mov_i {

  display:none;
  width:702px; 
  height:auto;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
  border-bottom: 0px dashed #C2B8A6;
  float: left;
  margin: 0 0 10px 3px;

}

.edi_i {

	display:none;
	clear: both;
	display: none;
    height: 1140px;
    margin: 0 0 12px;
    width: 725px;
	overflow: hidden;
}

.ed {
	display:block;
	background-repeat: no-repeat; 
	background-image: url("images/ed.png");
	background-position: 0 6px;
	float: right;
	position:absolute;
	height:40px;
	position: relative;
    width: 40px;
    z-index: 999;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	
}


#data_container {

}

.data {
display: none;
}


#box {
  display:none;
  width:840px; 
  height:auto;
  padding:15px;
  position:absolute;
  background: none repeat scroll 0 0 #ffffff;
  -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.8); 
  z-index:899;
  /*overflow: hidden;*/	
  margin:0 auto;
}

.overlay {
    /*background: url("loading.png") no-repeat scroll 50% 50% transparent;*/
    position: fixed;
    display:none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 898;
}

.loader {
	margin: 0 auto;
    text-align: center;
	padding-top: 20px;
}	
	

.loading {
   background: url("images/loaderb.gif") no-repeat scroll 50% 50% transparent;
	 padding: 0 4px;
   margin:0 auto;
   display:block; 
	 width:50%;
	 height:20px;
}



/*---------------------------------- content -------------------------------------------------------------------*/
#content {
	/*background:url(images/content-background.png) 50% top repeat-y;*/
	margin: 5px auto 0;
}

#content .container {
	background-color: #ffffff;
	padding:0px;
	width:1000px;
	overflow: hidden;
	min-height:400px;
	
}

.c_table {
	border-left:7px solid #faf8f5;
	border-right:7px solid #faf8f5;
	border-top:7px solid #faf8f5;
	border-bottom:7px solid #faf8f5;
	border-collapse: collapse;
	width: 1000px;
	font-size: inherit;
}

.ctd {
	vertical-align: top;
	margin: 0px;
	padding:0px;
}

.td1 {
	width: 100%; /* 438px; */
}

.td2 {
	border-left:7px solid #faf8f5;
}

.td3 {
	border-left:7px solid #faf8f5;
	
}
.main_content {
    
    padding:0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background:#ffffff;
	min-height: 640px;
	
   
}

.movies_sidebar {
		
	width:240px;
	margin-right:0px;
	margin-left:0px;
}

.sidebar {
		
	width:245px;
	margin-right:3px;
	margin-left:0px;
}
	
.sidebar-left {
	
	width:290px;
	margin-left:0px;
	
}

.sidebar ul.children, .sidebar-left ul.children {
	margin-left:7px;
}
.sidebar ul.children li, .sidebar-left ul.children li {
	font-size:90%;
}
.sidebar .widget_categories, .sidebar-left .widget_categories{
	font-size:14px;
}
.sidebar .widget_categories li, .sidebar-left .widget_categories li {
	padding:10px 0px;	
}
.sidebar .children, .sidebar-left .children {
	
	background:url(images/cat-children.png) right top no-repeat;
	overflow:hidden;
	margin-top:-13px;
	padding-top:20px;
}

.widget-container {
	overflow:hidden;
}
.widget {
		padding:0px 15px;
		padding-bottom:20px;
		padding-top:20px;
		margin-top:-8px;
}

.widget2 ul li, .widget ul li {
	/*border-top:1px dotted #e9e7e5;  */
}
.widget2, .widget {
	/*border-top:5px dotted #faf8f5; */
}
#footer .widget ul li {
	border-bottom-width:0px;
}
.widgetf ul li {
	/*border-top:1px dotted #c1c1c1;  */
}
.widget2 {
	margin-bottom:10px;
    padding: 10px 0px 20px 0px;
	/* background:url(images/widget-separator-right.png) right top no-repeat; */
	margin-top: 0px;
	}
	.widget2 .inner {
    padding:	0px 20px 0px 20px;
	}
	.widget2 .caption h3 a{
		text-decoration:none;
		font-size:18px;
		
	}
	.widget2 .caption h3 {
		float:left;
		font-size:18px;
		padding-right:20px;
	/*	background:url(images/widget-caption.png) right 20px no-repeat; */
	}
	.widget2 .caption {
		margin:0px -30px;

		padding:0px 30px;
		overflow:hidden;
	}
	.sidebar-left .tabs_widget {
	/*	background:url(images/widget-separator.png) left top no-repeat; */
	}
.tabs_widget {
				list-style:none;
			/*	background:url(images/widget-separator-right.png) right top no-repeat; */
				margin:0px;
				padding-left:20px;
				margin-top:-8px;
			}
			.tabs_widget dd{
				clear:left;
				display:none;
				margin:0px;
				margin-left:-12px;
			}
			.tabs_widget dd.active{
				display:block;
			}
			.tabs_widget dt {
				float:left;
				color:#888;
				background:#1c1c1c;
				border:1px solid #393939;
				padding:8px;
				margin-right:6px;
				margin-bottom:20px;
				margin-top:20px;
				cursor:pointer;
				background:#fff;
				color:#5d3613;
				border:4px solid #fff;
				box-shadow:1px 1px 5px #888;
			}
			.tabs_widget dt.active {
				background:#eeeadf;
			}
			.tabs_widget dt:hover {
				background:#eeeadf;
			}
			
			






.articles {
    margin: 0;
    overflow: hidden;
    padding: 10px 20px 20px;;
}
	
	.articles dd {
		overflow:hidden;
		padding-bottom:20px;
		padding-top:7px;
	}
	.articles dt p {
		color:#828181;
	}
	.articles dt p img{
		margin:0px 5px;
		margin-bottom:-4px;
	}
	.articles dt {
		padding:0px;
		margin:0px;
	
    /*background:url(images/articles-separator.png) top left no-repeat; */
	}
.featured_image {
	border:1px solid #f3e0cf;
	padding:7px;
}
.widget_comments .avatar img {
	border:1px solid #f3e0cf;
}

.widget_posts ul li img {
	/*border:1px solid #f3e0cf; */
}

.googlemap {
	background:#fff;
	border:1px solid #f3e0cf;
}
input.readmore, a.readmore {
	background:#eeeadf;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding:5px 35px;
	color:#5d3613;
	text-decoration:none;
	border:4px solid #fff;
	cursor:pointer;
	box-shadow:1px 1px 5px #888;
	margin-right:5px;
}
.feedback .input {
	border: 1px solid #f3e0cf;
}

#comment {
	border:1px solid #f3e0cf;
	color:#dbdada;
}
.comment {
	border-top:1px solid #f3e0cf;
}