/*css design - Gaelle Guelton - http://www.onsitus.it*/

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
}
a{
outline:none;
text-decoration:none;
color:#99C2EB;
}
a img{
border:none;
}
a:hover{
text-decoration:underline;
}
.clearfix{
display:block;
height:0;
clear:both;
}
.left_col{
float:left;
width:530px;
overflow:hidden;
}
.right_col{
float:right;
width:410px;
overflow:hidden;
}
.highlight{
padding:15px 0;
}
/*main container*/
#container{
width:960px;
margin:0 auto;
}
/*top logo*/
#logo h1{
margin:0;
padding:0;
}
#logo h1 a{
display:block;
width:570px;
height:150px;
background:url(../immagini/comotv24_logo.jpg) no-repeat top left;
}
#logo h1 a span{
display:none;
}
/*main menu*/
#menu{
margin-bottom:25px;
height:25px;
line-height:25px;
background:url(../immagini/menu_bg.jpg) no-repeat top left;
font-size:13px;
font-weight:bold;
color:#FFF;
}
#menu a{
padding:0 20px;
color:#FFF;
}
#menu a:hover{
text-decoration:underline;
}
/*video box*/
#video_box, #programmi_box{
overflow:hidden;
height:1%; /*per IE*/
}
#video_box .right_col{
height:473px;
margin-top:3px;
margin-bottom:10px;
background:#26303B url(../immagini/latest_bg.jpg) no-repeat bottom right;
}
/*content box*/
#content{
overflow:hidden;
margin-top:30px;
height:1%; /*per IE*/
}
h2{
margin-top:0;
font-size:20px;
color:#FFCC00;
font-weight:bold;
}
/*banner - right col*/
.banner{
border:1px solid #26303B;
text-align:center;
margin-bottom:20px;
padding:10px 0;
}
/*footer*/
#footer{
clear:both;
height:30px;
line-height:30px;
margin-top:40px;
text-align:center;
font-size:10px;
color:#26303B;
border-top:1px solid #26303B;
}
/*video tab menu*/
/*content style*/
#videotabs{
height:25px;
}
.tabcontent{
height:420px;
overflow:auto;
}
.item a{
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}
.item span{
display:block;
margin-bottom:5px;
font-size:11px;
}
.item img{
float:left;
padding:2px 15px 2px 2px;
background:url(../immagini/video_thumb_bg.jpg) no-repeat top left;
}
		
		

/*tab style*/		
.shadetabs{
margin:0;
padding:0;
font: bold 13px Verdana;
list-style-type: none;
background-color:#000;
cursor:pointer;
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
display:block;
float:left;
margin-right:4px;
line-height:25px;
text-align:center;
position: relative;
z-index: 1;
color: #FFF!important;
}
.shadetabs li a span{
display:block;
float:left;
height:25px;
background:url(../immagini/tab_span_bg.jpg) repeat-x;
}
.shadetabs li a b{
display:block;
float:left;
width:10px;
height:25px;
background:url(../immagini/tab_b_bg.jpg) no-repeat top left;
}
.shadetabs li a em{
display:block;
float:left;
width:10px;
height:25px;
background:url(../immagini/tab_em_bg.jpg) no-repeat top right;
}
.shadetabs li a:visited{
color: #FFF;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #FFF;
}
.shadetabs li a.selected span{
display:block;
float:left;
height:25px;
background: url(../immagini/tab_span_bg_selected.jpg) repeat-x;
}
.shadetabs li a.selected b{
display:block;
float:left;
width:10px;
height:25px;
background: url(../immagini/tab_b_bg_selected.jpg) no-repeat top left;
}
.shadetabs li a.selected em{
display:block;
float:left;
width:10px;
height:25px;
background: url(../immagini/tab_em_bg_selected.jpg) no-repeat top right;
}
.shadetabs li a.selected:hover{
text-decoration: none;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
/*tab menu programmi box*/
#programmi_list{
width:230px;
height:438px;
padding:10px 0 0 10px;
background:#26303B url(../immagini/programmi_list_bg.jpg) no-repeat bottom left;
position:absolute;
margin-top:-10px;
margin-left:-250px;
z-index:100;
overflow:auto;
}

#closeimage{
position:absolute;
margin-top:-33px;
/*margin-left:350px;
margin-left:-55px;*/
margin-left:-252px;
z-index:101;
}

#programmi_list .accordion{
height:420px;
overflow:auto;
}
#programmi_list h3{
margin:0;
margin-bottom:2px;
padding:3px 0 3px 15px;
font-size:12px;
line-height:18px;
color:#99C2EB;
background:url(../immagini/arrow_icon_closed.jpg) no-repeat left 7px;
cursor:pointer;
}
#programmi_list h3.active{
background:url(../immagini/arrow_icon_open.jpg) no-repeat left 7px;
}
h3 a{
font-size:12px;
}
h4{
margin:0;
margin-bottom:2px;
padding:3px 0 3px 30px;
}
h4 a{
font-size:12px;
color:#FFF;
font-weight:normal;
}
/*pagina programmi*/
#programmi_box{
margin-top:10px;
background-color:#26303B;
}
#programmi_box .tabcontent{
height:600px;
padding:10px;
overflow:hidden;
}
#programmi_box #programmi_list .accordion{
height:600px;
overflow:auto;
}
#programmi_box #programmi_list{
float:left;
width:230px;
height:600px;
overflow:auto;
background-image:none;
position:static;
margin-top:0;
margin-left:0;
padding:0;
z-index:100;
}
#programmi_box #programmi_files{
float:left;
width:700px;
height:600px;
padding:0 0 0 10px;
overflow:auto;
}
#programmi_box #video2{
padding:10px;
}
#programmi_box #playlist_files{
height:600px;
overflow:auto;
}
#programmi_box #programmi_files .item{
float:left;
width:330px;
margin-bottom:0;
padding-right:10px;
}
#programmi_box #playlist_files .item{
float:left;
width:450px;
margin-bottom:0;
padding-right:10px;
}
/*pagine elenco news*/
#elenco_news{
border-bottom:1px dotted #222;
}
p.intro{
margin-bottom:30px;
}
.list_item{
padding:20px 10px;
border-top:1px dotted #222;
}
.list_item h3 span{
display:block;
font-size:10px;
font-weight:normal;
}
#elenco_news img{
float:left;
margin-right:10px;
}
.list_item img{
padding:2px;
border:1px dotted #666;
}
.img_row{
margin-top:30px;
}
#elenco_news .img_row img{
margin-right:8px;
margin-bottom:8px;
}
.list_item p{
margin-bottom:0;
}
.list_item .figure  
{
float: left; 
width: 13%;
height: 140px;
border:none;
margin: 0.5em; 
padding: 0.5em;
}

.list_item .figure h3
{
font-size:11px;
font-weight:normal;
text-align: center;
text-indent: 0;
}

.list_item .figure h3 span
{
font-size:10px;
font-weight:normal;
font-style: italic;
text-align: center;
text-indent: 0;
}

/*pagine preview news*/
#preview_news{
border-bottom:1px dotted #222;
}
p.intro{
margin-bottom:30px;
}
#preview_news .list_item
{
float:left;
padding:20px 10px;
border-top:1px dotted #222;
width:150px;
height:150px;
}
#preview_news .list_item h3 span{
display:block;
font-size:10px;
font-weight:normal;
}