/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:0px 0; font:0.8em/1.5 "arial", serif; text-align:center; padding-top:0px; margin-top:0px;}

a {text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:0px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:5px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

 #wrapper{
    margin: 0;
    padding: 0;
	background-color:#ffffff;
	
}

#languages {
padding-top:5px;
float: right;
	
}

#languages a{
	

	text-decoration:none;
	font-size:10px;
	
}

#languages a:hover {
	
	color:#333333;
	text-decoration:none;
	
}


#languages a:active {
	
	color:#b30101;
	text-decoration:none;
	
}


#booking {

	left: 0px;
	width: 975px;
	height: 95px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:2px;
}

#booking h2 {
    background: #27a2ce;
    color: #333333;
    border-bottom: 1px solid white;
    padding: 1px 2px;
	height:1px;
}

#booking .jtype {
    text-align: center;
    padding: 0 0.7em 1em 0em;
}

#booking form {
    margin: 5px 0 0.5em 1em;
    padding: 0;
}

#booking th, #booking td {
    text-align: left;
    padding-right: 0px;
    padding-bottom: 10px;
	padding-left:0px;
    color: #0c4366;
	padding-top:0px;
}

#booking .text {
    width: 120px;
    border: 1px solid #999999;
}

#booking .submit {
    border: 1px solid #ffffff;
    background: #b30101;
    color: white;
    font-weight: bold;
    font-size: 11px;
}

#booking .advanced {
    margin-top: 3px;
    margin-left: 20px;
}


#booking a {
    color: #b30101;
    text-decoration: none;
    font-weight: bold;
}

#booking img {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}
/* TOP MENU */
#topmenu {
text-align : center;
width : 300px;
float : left;
background : #ffffff ;
color : #000000;
margin : 0;
padding : 0px 0 10px 0;
}
#topmenu ul {
padding : 0;
margin : 0;
list-style-type : none;
}
#topmenu li {
padding : 0;
margin : 0;
display : inline;
list-style-type : none;
}
#topmenu a, #topmenu a:visited {
margin : 0 0 0 -6px;
text-align : center;
text-decoration : none;
padding : 10px 18px 10px 18px;
color : #000000;
font : 11px "trebuchet ms",arial, tahoma, verdana, sans-serif;
border-left : 1px solid #585858;
border-bottom : 0;
background : #ffffff;
}
#topmenu a:hover {
color : #ed1c25;
background : #fff;
border-bottom : 0;
}
#topmenu a.last {
border-right : 1px solid #585858;
}
#topbox {
float : left;
width : 100%;
background : #fff;
margin : 20px 0 20px 0;
padding : 0;
}



/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}
    
/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; text-align:left;}
    
	#header {position:relative; padding-bottom:15px;}

        #logo {margin:0; font-weight:normal;}
        
        #slogan {margin:0;}
        
        #search {position:absolute; bottom:15px; right:0; padding:7px;}
        #search #search-input {width:175px; padding:3px;}
        #search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}

    #nav {clear:both; padding:5px 0; height:28px; border-left:0 !important; border-right:0 !important;}
    
        #nav ul {margin:0; padding:0; list-style:none; font:11px "arial",sans-serif;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:7px 15px; border:0; background:url("../images/dot-03.gif") 100% 0 repeat-y;}
        #nav ul li#nav-active a {border:0;}
    #rss_scroll {clear:both; padding:5px 0; border-left:0 !important; border-right:0 !important;}
	#content {position:relative; padding:10px 0 0px 0; overflow:hidden;}

	#footer {clear:both; font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
4) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {float:left; width:630px;}

#player { display:inline; float:right; height:345px;}
#player_info {width: 200px; height:320px;}

    #topstory-title {padding:10px; height:39px;}
    #topstory-title h2 {margin:0; margin-bottom:2px; text-decoration:none; font-size:14px;}
    #topstory-title p.date {margin:0; font-size:85%;}
    
    #topstory-perex { padding:10px; font-size:110%;}
    #topstory-perex p {margin:0; font-size:11px;  text-align:justify; float:left; line-height:normal;}

#aside {float:right; width:310px;}

#photos {margin:0; font-size:0; line-height:0; width:630px; float:left;}
#photos a {border:0;}
#photos img {display:block; float:left; width:113px; height:74px; margin-left:12px; border:0; margin-bottom:12px;}

.col30 {float:left; width:310px;}
.col30.margin {margin:0 15px;}

    .col30 h4 {margin-bottom:3px;}
    .col30 ul {margin:20px 0 !important;}
    .col30 p.date {margin:0; font-size:85%;}
    .col30 p.bb {padding-bottom:10px; background:url("../images/dot-02.gif") 0 100% repeat-x;}
    .col30 p img.f-left {margin-right:10px;}
    .col30 p {position:relative;}

/* ----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

ul.ul-list {margin:0px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../images/ico-list.gif") 0 4px no-repeat;}

.hx-style01 {background:url("../images/dot.gif") 0 50% repeat-x; font-size:85%; }
.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}
.hx-style02 {background:url("../images/dot.gif") 0 50% repeat-x; font-size:85%; width:630px;}
.hx-style02 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}

a.ico-more {padding:5px 7px; border:0 !important;}

/* VIDEO LIST */
#channel_name{   color:#ffffff; background-color:#b30101;}
.channels_title {color:#b30101; font-size:24px; }

#channel_name h3{font-size:10px; padding:4px 4px 4px 4px;}

.videolist {color:#333333;padding:4px;margin: 0 0 1px 0; height:55px;padding-left:0px;}
.videolistpic {float: left;margin: 2px 10px 5px 3px;width:80px; height:55px;}
.videolist a { color:#b30101; text-transform:uppercase; font-size:11px; text-decoration:none;}
.videolist a:hover {color:#333333;}

.videolist  p {color:#333333;padding:0px;margin: 0 0 0 0; line-height:normal;}


/* VIDEO LIST PAGER */
.pager {display:inline; color: #666666; font-size:10px;}

.wm_player{
	height: 310px;;
	width: 400px;
	z-index:1000;
}
/* Scroller RSS
   ------ */
.scroll
{
	float: left;
	height:50px;
	max-height:50px;
}

#scroller {
	overflow:hidden;
	display:block;
	padding-top:0px;
	font-size:10px;
	color:#636363;
}

#scroller a {
color:#ffffff;
font-weight:bold;
font-size:10px; 
}

#rss_scroll p
{
	margin: 0px;
}
.content_container{
	height:300px;
}
#contentlist{
	height:300px;
}
.contentlist_loader{
	position: absolute;
	width: 310px;
	height:300px;
	z-index:1000;
}
.subcategories_container{
	height:28px;
}
.subcategories_loader{
	padding-top:6px;
	padding-left:10px;
	color:#B30101;
}
.subchannel_container{
}
.subchannel_loader{
	height:200px;
}
.subchannel_list{
	height:220px;
}
.search_box{
	padding-right:20px;
}


/*Advanced search form */
#adv_search_box {
	color: #000000;
	margin-top:0px;
	padding-left:5px;

}

#adv_search_box fieldset
{

border:0px;

}


#adv_search_box label {

font-weight: normal;
float: left;
margin-left: 0px; /*width of left column*/
width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#000000;
font-size:11px;
display:block;
}

.adv_search_box submit{
	background: #FFFFFF;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 10px;
	}

#adv_search_box	input,select,textarea,combo {

	    background: #FFFFFF;
		color: #000000;
		font-size:10px;
		border: solid 1px #B30101;
		margin-bottom:10px;
		width:110px;
		display:block;
		height:16px;
	}
#adv_search_box br {
height:15px;
}
.content_details_loader{
	height:100px;
	position:absolute;
	width:610px;
	color:#FFFFFF;
}
.show_video{

}

#rating .star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star_rating.gif) top left repeat-x;		
	float:left;
}
#rating .star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
#rating .star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
#rating .star-rating li a:hover{
	background: url(../images/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
#rating .star-rating a.one-star{
	left: 0px;
}
#rating .star-rating a.one-star:hover{
	width:20px;
}
#rating .star-rating a.two-stars{
	left:20px;
}
#rating .star-rating a.two-stars:hover{
	width: 40px;
}
#rating .star-rating a.three-stars:hover{
	width: 60px;
}
#rating .star-rating a.three-stars{
	left: 40px;
}
#rating .star-rating a.four-stars{
	left: 60px;
}	
#rating .star-rating a.four-stars:hover{
	width: 80px;
}
#rating .star-rating a.five-stars{
	left: 80px;
	text-decoration:none;
}
#rating .star-rating a.five-stars:hover{
	width: 100px;
	text-decoration:none;
}
#rating .star-rating .current-rating{
	background: url(../images/one_star.gif) left -1000px repeat-x;
}	
#rating .star-rating .current-rating{
	padding-top:5px;
	top:0;
	left:0;
	text-indent:-1000em;
	height:14px;
	line-height:14px;
	outline:none;
	overflow:hidden;
	border: none;
	color: #333333;
}
#rating .star-rating .current-rating{
	
	background-position: left center;
}

#rating .inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	padding-top:10px;
	color: #333333;
}

#rating .rating
{
	border: 0px solid #9DC732;
	
	color: #333333;
	
}

#rating{
height:35px;

}
#rating_div{
	padding-left:150px;
}
#current_rating span{
	color:#666666;
	font-size:11px;
	line-height:normal;

}
#rating span{
	color:#AFAFAF;
	font-size:11px;
	line-height:normal;
	float:left;
	padding-left:5px;
	padding-top:4px;

}
#rating a{
	text-decoration:none;
}
#PlayerControls{
	font-size:10px;
}
.video_comenti p{
	width:100%;
}
.video_comenti{
	margin-bottom:10px;
	height:40px;
	width:100%;
}
.add_comment{
	font-size:11px;
	margin-bottom:10px;
}
.addcomenti_textarea
{
	width:200px;
	height:100px;
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #2A2A2A;
	color:#000000;
	display:block;
	font-size:12px;
	margin-bottom:2px;
}
.nameinput{
	width: 200px;
	height:15px;
	font-size:12px;
	border:1px solid #2A2A2A;
}
.addcomenti label{
	font-size:11px;
}
.form_error{
	font-size:11px;
	font-weight:bold;
}
.submit{
	width:50px;
	border:1px solid #2A2A2A;
	margin-top:10px;
	font-size:11px;
}
.commentlist{
	font-size:11px;
}
.comment_text{
	font-size:11px;
}
.comment_pager{
	font-size:11px;
	margin-top:5px;
	width:200px;
}
.info_loader{
	text-align:center;
	vertical-align:middle;
	width:200px;
}
.comment_show_name, .comment_show_back{
	font-size:11px;
}
.comment_show_comment{
	margin-top:10px;
}
#tellAFirend{
	font-size:11px;
}
.video_correlati {padding:4px;margin: 0px 0 5px 0; height:40px;}
.video_correlatipic {float: left;margin: 3px 5px 4px 0;width:45px; height:40px;}
.video_correlati a { text-transform:uppercase; font-size:11px;}
#related_content_list p { margin:0;  font-size:11px;}
#related_content_list{
	width:200px;
}
.related_abstract{
	width:120px;
}
#video_box{
height:310px;
	width:400px;
}

/* livechannels list
   ------ */
   
   
   
 .livechannel_item {display:block; height:37px; width:300px; min-width:3000px;}
.livechannel_thumbnail{	float: left;}
.livechannel_time {float:left; color:#B30101; margin-right:10px; margin-left:10px;  font-size:11px;}
.livechannel_title{ text-transform:uppercase; font-size:11px; color:#333333;  }
.livechannel_abstract{ color:#999999; padding-left:45px; text-decoration:none; font-size:11px; height:30px; min-height:30px;}
  
.livechannel_list_title{
		color: #ffffff;
		text-transform:uppercase;
		padding: 0 0 0 0;
		font: bold 1.5em;
		margin:3px 3px 3px 3px;
		width:360px;
		text-align: right;
}

.livechannel_link_list {
	height:340px;
	width:360px;
	padding-left: 10px;
	background: transparent;
}
.livechannel_link{
		background: url(../images/TTV_mini_live.png) no-repeat;
		padding-left:40px;
	
		font: bold 1.2em;
		color:#FFFFFF;
		width:300px;
		height:40px;
		display: block;
		text-decoration: none;
}
.livechannel_link:hover{
		background: url(../images/TTV_mini_live.png) no-repeat;
		padding-left:40px;
		
		font: bold 1.2em;
		color:#A4CD27;
		width:300px;
		height:40px;
		display: block;
		text-decoration: none;
}
	.clock{
		display:inline; padding-left:80px; color:#ffffff; font-size:10px;

	}

.playout_schema ul{
	height:220px;

	color:#ffffff;
	list-style: none;
	background:#FFFFFF;

}
.playout_schema li{
   height:50x;
	max-height:50px;
	//min-height:50px;
	color:#ffffff;
}
.playout_schema{
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	
}
#livechannel_list { color:#999999;	background:#FFFFFF;}
#livechannel_list  ul { clear: both; margin: 0 0 1em 0; padding: 0 0 0 0;width:280px;	background:#FFFFFF;}
#livechannel_list  li { display: block; }
#livechannel_list  a { padding: 1px 5px; margin: 0 0 0 0; text-decoration: none; color: #ffffff; background: inherit; font-size:11px; }
#livechannel_list  a.current { color: #fff; background: #c3dd14; }
#livechannel_list  a:hover { background: #fff; color: #444;}
#livechannel_list  p { height:60px; min-height:60px;}

.activeOnairContent { color: #000000; display:block;}
.activeOnairContent div{
color: #B30101;
}
.activeOnairContent span{
color:  #B30101;
}
.links{
	background:#333333;
}
.list_links{
	width:610px;
	float:right;
	margin-bottom:5px;
}
.list_links a{
	color:#FFFFFF;
	font-size:11px;
	border-bottom:1px solid #5f5f5f;
	margin-right:10px;
	margin-bottom:4px;
	background:transparent url(../images/ico-list.gif) no-repeat scroll 0pt 4px;
	padding-left:14px;
	height:16px;
	padding-top:4px;
}
.list_links a:hover{
	color:#FFFFFF;
	font-size:11px;
	border-bottom:1px solid #FFFFFF;
}
.open_link{

}
.video_details{
	background-color: #333333;
	margin-bottom:10px;
	top:0px;
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

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

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:hand;
}
lang_link{
	margin-left:4px;
	}
#divPlayer{
	height:310px;
	width:400px;
}