/* scheda */

#scheda {margin:20px 5px 0;}

/* menu tab */
#menuTab {height:32px; margin:0 0 20px; padding:0 10px; background: url(http://ftv02.stbm.it/img/scheda/bg_menutab.gif) bottom left repeat-x;}
#menuTab ul { width: 100%; float: left; padding: 0px; margin: 0px;}
#menuTab li { float: left; padding: 0px; margin: 0px 1px 0 0; color: #821517;_width:93px;text-align:center; }
#menuTab li div { height:32px; overflow:hidden; text-align:center; padding:0 5px;}
#menuTab li a { display: block; height: 32px;  text-decoration:none; color:#821517; background:url(http://ftv02.stbm.it/img/scheda/bg_tab.gif) center bottom no-repeat;}
#menuTab li a:hover, #menuTab li#sel,  #menuTab li#sel a { background:url(http://ftv02.stbm.it/img/scheda/bg_tab_sel.gif) center bottom no-repeat;  display:block; color:#FFF; }
#menuTab li a img {margin-top: -30px; vertical-align:middle}
#menuTab li a:hover img,  #menuTab  li#sel img,  #menuTab li#sel a img, #menuTab  a:hover {margin:0; vertical-align:middle ;}
#menuTab li  em {font-style:normal; position:relative; top:-2px; _top:-4px } /*per i numeri nei tab*/
#menuTab li a:hover em, #menuTab li#sel em {font-style:normal; position:relative; top:-17px; _top:-19px} /*per i numeri nei tab che si spostano all'hover*/

/* elementi scheda film */
#scheda h1 {margin:0 3px 15px;} /* DA 25 A 15! */
#filmDati {margin:0 3px 15px; font-size:12px;} /* DA 25 A 15! */
#filmDati a { background: url(http://ftv02.stbm.it/img/common/arrow_red.gif) 0 3px no-repeat; padding-left:10px;}

#filmScheda {margin:0 0 10px; font-size:12px; line-height:18px; float:left; display:inline /*per ie6*/}
#filmScheda_sx {float:left; margin-right:10px; width:166px; text-align:center}
#filmScheda_dx {float:right; margin-left:10px; width:125px;}

#filmScheda_sx #filmExtra {padding:8px 0; text-align:left}
#filmScheda_sx #filmExtra ul {margin:2px 8px 0; line-height:12px;  font-size:11px;}
#filmScheda_sx #filmExtra ul li { background: url(http://ftv02.stbm.it/img/common/arrow_red.gif) 0 6px no-repeat; padding:2px 10px; }

#filmScheda_dx .critica {font-size:11px; margin-top:20px; }
#filmScheda_dx .redArrow {margin:20px 0 0 0; color:#af0c03;font-size:11px;}

.sksocialblk { float: left; width: 50px; height: 70px; overflow: hidden; }
.sksocialblk#fb { width: 50px; }
.sksocialblk#tw { width: 64px; }
.sksocialblk#gp { padding-top: 2px; }

#widget-voti { position: relative; }
#widget-videoteca { position: relative; height: 22px; padding: 0; margin: 0; margin-bottom: 10px; }
#ins-videoteca { display: block; margin: 0; position: absolute; top: 0; left: 0; width: 84px; height: 22px; overflow: hidden; text-indent: -999px; background: url(http://ftv02.stbm.it/img/scheda/butt_videoteca_corto.gif) top left no-repeat; }
.fumetto { color:#999; display: block; margin: 0; position: absolute; right: 0; bottom: 0; width: 32px; height: 20px; overflow: hidden; padding-left: 4px; text-align: center; padding-top: 2px; background: url(http://ftv02.stbm.it/img/scheda/fumetto-h.gif) top left no-repeat; }
a.fumetto { color:#af0c03; }
#widget-voti .fumetto { top: 16px; }
#widget-voti h3 { margin-bottom: 5px; }

.sx_newsbox {border: 1px solid #ccc; padding: 10px; padding-top: 5px; margin-top: 10px; padding-top: 35px; background: white url(../img/scheda/sx_post.gif) 2px 2px no-repeat; }
.sx_newsbox h3 { font: bold 10pt "Lucida Grande","Trebuchet MS",sans-serif; text-align: left; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 5px;}
.sx_newsbox h3 a { color: #af0c03; }
.sx_newsbox p { font: normal 8.5pt "Lucida Grande","Trebuchet MS"; color: #333; margin: 0; text-align: left; }
.sx_newsbox p.autore { color: #999; }
.sx_newsbox p.data { font-size: 8pt; text-align: right; color: #999; margin-bottom: 5px; }

.sx_trailer { border: 1px solid #ccc; padding: 3px; margin-top: 10px; position: relative; }
.sx_trailer .thumbnailimg { width: 155px; margin: 0; } 
.sx_trailer .trailer-thumb { position:relative; }
.sx_trailer img.play { position:absolute; top:40%; left:60px; width:auto; height:auto; padding:0; border:none; background:url(http://ftv02.stbm.it/img/common/play.png) 0 0 no-repeat}
.sx_trailer h3 { font-size: 9pt; font-weight: normal; line-height: 120%; margin: 5px 0;}

.cxoptools { margin: 10px 0; border: 1px solid #ccc; border-width: 0 0 1px 0; padding: 10px 0; }
.cxoptools .cxcommenta { text-transform: uppercase; color: #af0c03; font-weight: bold; }
.cxoptools #votaOpinione { background: none; float: right; padding: 0; }
.cxcontocommenti { position: relative; }
.cxcontocommenti .fumetto { top: -15px; left: 5px; right: inherit; }

.cx_recensione .testo, .cx_opinione .testo { text-align: justify; margin-top: 5px; }
#main .cx_opinione h2 { margin-bottom: 5px; }

.cx_extra_testo p { text-align: justify; }

#filmScheda #filmScheda_cx p.sommario { margin: 0; }
#filmScheda_cx h2 { border: none; color: #af0c03; text-transform: uppercase; font-size: 10.5pt; margin-top: 20px; }
#filmScheda_cx h2 a {  color: #af0c03; }
#filmScheda_cx .expander { display: none; color: #af0c03; font-weight: bold;}
#filmScheda_cx .dexpander { display: none; color: #af0c03; font-weight: bold; }
span.autore { font-weight: bold; }

#scheda #filtroOpinioni {margin-top:-20px;width:639px;background: #F4F4F4;}

/*segnala un errore*/
#errore {background:#f4f4f4; padding:5px; position:relative}
#errore a#close {position:absolute; top:0; right:3px; font-size:11px}
#segnalaErrore p {font-size:11px; line-height:12px; margin:13px 0 5px}
#segnalaErrore textarea {width:328px; height:70px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-top:0; padding:2px;}
#segnalaErrore input.button {margin-left:290px; margin-top:3px}


/* box opinioni */
#opinioni {margin:5px 0; width:649px;float:left;  display:inline; background:#F4F4F4; padding:10px 2px 0}
#opinioni .center {margin-bottom:10px}


/* photogallery */
#photogallery {margin:5px 0 30px;}

#photogallery #player {width:655px; height:92px; background:url("http://ftv02.stbm.it/img/scheda/bg_player.gif") no-repeat; }

#phPrev, #phNext  {float:left;}
#phPrev a { display: block; width: 26px; height: 92px; background-image: url(http://ftv02.stbm.it/img/scheda/slide_prev.gif); } 
#phPrev a:hover {background-image: url(http://ftv02.stbm.it/img/scheda/slide_prev_over.gif);}
#phNext a {display:block; width:26px; height:92px; background-image: url(http://ftv02.stbm.it/img/scheda/slide_next.gif);}
#phNext a:hover {background-image: url(http://ftv02.stbm.it/img/scheda/slide_next_over.gif);}
#photoset {float:left; width:603px; padding-top:10px;} /* per centrare in verticale*/

#photoset a {border:1px solid #e1e1e1; float:left; margin:0 6px 0 8px; padding:2px;}
#photoset a:hover {border:1px solid #af0c03}
#photoset span {width:100px;  display:block; text-align:center; background:#000;} /* altezza massima foto: 67px*/
#photoset span img {height:67px; vertical-align:bottom}


/*gallery*/
#scheda .gallery {display:inline; float:left; margin:5px 0}
#scheda .thumb {float:left; margin:7px  13px; width:104px; text-align:center; display:inline; }
#scheda .thumb  img {margin:0 auto 5px;}
#scheda .thumb a img {border:1px solid #e1e1e1; padding:1px; }
#scheda .thumb a:hover img {border:1px solid #af0c03}

/*trailer*/
#player {width:500px; float:left; margin-right:15px; margin-bottom:10px}
#trailer .thumb {margin:0 20px 20px 0;}
#trailer .thumb a img.play, #trailer .thumb a:hover img.play {border:none}

/*filmografia*/
#filmografia  {margin:-15px 0 10px; font-size:12px; line-height:18px; float:left; display:inline /*per ie6*/; width:100%}
#filmografia .box {margin-bottom:5px; padding-bottom:5px; width:100%; font-size:11px;line-height:14px; border-bottom:#e6e6e6 1px solid}
#filmografia .box .thumb {text-align:center; width:104px; margin:5px 0;float:left}
#filmografia .box .thumb a {border:1px solid #c2c2c2; padding:1px; background:#FFF; margin:0; display:block}
#filmografia .box .thumb a:hover  {border:1px solid #af0c03}
#filmografia .box .thumb img {height:67px; border:none; padding:0;}
#filmografia .box .thumb a:hover img {border:none} 
#filmografia .box .thumb span {width:100px; background:#000; height:67px; display:block;} /* altezza massima foto: 67px*/
#filmografia .box .txt {width:540px; float:left; margin:3px 0 6px 5px;}
#filmografia .txt a {color:#af0c03; margin-right:5px;  background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
#filmografia .txt dt a {color:#af0c03; font-weight:bold; margin-right:0; background:none; padding:0;}
#filmografia .txt dt span {display:block}
#filmografia dd {padding:0; margin:0; }
#filmografia h4 {background:#f4f4f4; padding:1px 5px;font-size:14px; margin:15px 0 10px}

#cast  {margin:-15px 0 10px; font-size:12px; line-height:18px; float:left; display:inline /*per ie6*/; width:100%}
#cast h4 {background:#f4f4f4; padding:1px 5px;font-size:14px; margin:15px 0 10px}
#cast .box {margin-bottom:5px; padding-bottom:5px; width:100%; font-size:11px;line-height:14px; border-bottom:#e6e6e6 1px solid}
#cast .box .thumb {text-align:center; width:104px; margin:5px 0;float:left}
#cast .box .thumb a {border:1px solid #c2c2c2; padding:1px; background:#FFF; margin:0; display:block}
#cast .box .thumb a:hover  {border:1px solid #af0c03}
#cast .box .thumb img {height:67px; border:none; padding:0;}
#cast .box .thumb a:hover img {border:none} 
#cast .box .txt {width:540px; float:left; margin:3px 0 6px 10px;}
#cast dt a {color:#222; font-weight:bold; margin-right:0; background:none; padding:0;font-size: 12px;}
#cast dt span {display:block}
#cast dd { margin-left: 0; margin-top: 2px;}
#cast .txt dd a {color:#af0c03; margin-right:5px;  background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}

.gallery .thumb h3 {font-weight:normal; font-size:11px; font-style:italic; background:transparent}
.gallery h3 {background:#f4f4f4; padding:1px 5px;font-size:14px}
.gallery h3 a, #contZoom h3 a { color:#af0c03;}
h3.indice {background:#f4f4f4; padding:1px 5px; font-size:11px; font-weight:normal;}
h3.indice a {font-weight:bold; color:#af0c03; font-size:14px}

/*nella collezione di*/
#collezioneUtenti h2 {margin-bottom:20px}
#collezioneUtenti p {font-size:12px; margin-bottom:10px}
#collezioneUtenti .utente {width:100px; float:left; display:inline; text-align:center; margin:10px 9px 10px 0;}
#collezioneUtenti .utente img {margin:0 auto 5px; display:block; background:#FFF; padding:1px;  border:#c2c2c2 1px solid}
#collezioneUtenti .utente a { font-weight:bold; color:#af0c03;}
#collezioneUtenti .paginazione {margin-top:10px}


/*recensioni*/
#filmRece  {float:left; width:470px; margin-bottom:25px}
#filmRece h3 {margin:0; border-bottom:#e6e6e6 1px solid; font-size:15px; line-height: 20px; }
#filmRece h4 {font-size:12px}
#filmRece  .autore {font-size:11px; margin-bottom:5px; text-align:right; font-style:italic; clear: both; }
#filmRece .redArrow {margin-top:15px}
#filmRece #segnalaErrore textarea {width:450px; height:70px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-top:0; padding:2px;}
#filmRece #segnalaErrore input.button {margin-left:412px; margin-top:3px}
#filmRece table#schedaDvd {width:100%;border:1px solid #cfcab5;margin: 0;}
#filmRece table#schedaDvd caption {color:#af0c03; font-size:14px; font-weight:bold; text-align:left; margin-top:10px}
#filmRece table#schedaDvd td {padding:1px 5px; vertical-align:top}
#filmRece table#schedaDvd .color {background:#eceae1}

/* taglist */
.reltaglist { margin: 20px 0; }
.reltaglist ul { display: inline; }
.reltaglist li { display: inline; margin-left: 8px; }

/* playlist */

.nickhead { margin: 8px; padding-bottom: 10px; border-bottom: 1px solid #ccc; width: 300px; margin-top: 10px; }
.nickhead .avatar { float: left; margin-right: 15px; margin-left: 0; }
.nickhead .avatar img { padding: 2px; border: 1px solid #ccc; }
.nickhead .nickname { padding: 10px 0; }
.nickhead .nickname a { color: #6af; font-size: 10pt; font-weight: bold; }
.nickhead .nicklink a { color: #333; font-size: 8pt; font-weight: normal; margin-right: 10px; }
.contribheader { clear: left; margin: 8px; }
.contribheader span { margin-right: 10px; }
.playfoto { float: left; margin: 0 10px 5px 8px; }
.playfoto img { width: 200px; }
.foglia h1 { font: bold 12pt "Arial",sans-serif; margin: 25px 0 10px 8px; color: #af0c03; padding: 0; }
div.social { display: block; position: relative; top: -24px; left: 40px; font-size: 8pt; width: 300px;  }
div.social img { margin-right: 5px; vertical-align: text-bottom; }
.bookmarkenv { float: right; margin-right: 8px; padding-top: 0px; }
.bookmarkenv a { color: #333; margin-left: 10px; }

/* videoteca */

#videotecalista #submenu ul { list-style: none; display: block; font-family: "Lucida Grande","Trebuchet MS",sans-serif; font-size: 9pt; }
#videotecalista #submenu ul li { list-style: none; display: inline; margin-right: 10px; }
#videotecalista #submenu ul li a { padding-left: 12px; background: url(http://ftv02.stbm.it/img/my/submenu.gif) left 50% no-repeat; color: #af0c03; }
#videotecalista #submenu ul li.selected a { color: #666; background-image: url(http://ftv02.stbm.it/img/my/submenu-selected.gif); }
#videotecalista #submenu ul li a img { margin: 0; border: 0; vertical-align: bottom; }
#videotecalista #submenu { margin-bottom: 20px; }

#videotecalista .sort { font: bold 9pt "Arial",sans-serif; color: #999; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#videotecalista .sort em { font-style: normal; padding-right: 15px; background: url(http://ftv02.stbm.it/img/my/sort-on.gif) right 30% no-repeat; margin-right: 20px; }
#videotecalista .sort a { color: #af0c03; text-decoration: none; padding-right: 15px; background: url(http://ftv02.stbm.it/img/my/sort-off.gif) right 30% no-repeat; margin-right: 20px; }
#videotecalista .sort a:hover { color: #af0c03; text-decoration: underline; }
#videotecalista .sort a.up { background-image: url(http://ftv02.stbm.it/img/my/sort-up.gif); }
#videotecalista .sort a.down { background-image: url(http://ftv02.stbm.it/img/my/sort-down.gif); }

#videotecalista .blocco-videoteca { clear: both; padding: 15px 0; border-bottom: 1px solid #ccc; font-size: 9pt; font-family: "Lucida Grande","Trebuchet MS",sans-serif; line-height: 130%; font-weight: normal; }
#videotecalista span.celomanca { width: 30px; display: block; float: left; border-right: 1px solid #af0c03; }
#videotecalista span.datetime { width: 86px; display: block; float: left; padding-left: 10px; font-size: 8pt; }
#videotecalista .celomanca-manca { color: #999; }
#videotecalista span.utente { width: 280px; padding: 0 10px;  display: block; float: left; border-right: 1px solid #af0c03; border-left: 1px solid #af0c03; font-size: 8pt; }
#videotecalista span.utente img { float: left; padding: 1px; border: 1px solid #ccc; margin-right: 10px; }
#videotecalista span.utente a { font-weight: bold; color: #6af; font-size: 9pt; }
#videotecalista .sort span.utente a { color: #af0c03; }
#videotecalista .celomanca-manca span.utente a { font-weight: bold; color: #F99; }
#videotecalista span.qualita { width: 80px; padding-left: 10px;  display: block; float: left; border-right: 1px solid #af0c03; }
#videotecalista span.formato { width: 100px; padding-left: 10px;  display: block; float: left; }
#videotecalista span.qualita img, 
#videotecalista span.formato img { vertical-align: top; margin-right: 10px; }
#videotecalista { margin-bottom: 15px; }

p.collezioni { background: url(http://ftv02.stbm.it/img/my/videoteca/celo.gif) -2px top no-repeat; padding-left: 22px; margin-top: 5px; }
p.desideri { background: url(http://ftv02.stbm.it/img/my/videoteca/manca.gif) -2px top no-repeat; padding-left: 22px; margin-top: 5px; }

#nome-screen #nome-foto { float: left; }
#nome-screen #nome-info { float: left; width: 180px; margin-left: 10px; }
#nome-screen .periodo-attivita { margin-bottom: 10px; color:#ccc;}
#nome-screen .periodo-attivita span { margin-right: 0px; color: #999; margin: 0 2px 0 0; }
#nome-screen .periodo-attivita span.on { color:red; }


/* ATTIVITA */
#attivita-scala { position: relative; width: 194px; height: 32px; background: white url(http://ftv02.stbm.it/img/scheda/attivita.gif) 0 0 no-repeat; }
#attivita-indicatore { display: block; text-decoration: none; position: absolute; height: 20px; background: white url(http://ftv02.stbm.it/img/scheda/attivita.gif) 0 0 no-repeat; }
#attivita-scala { margin-bottom: 20px; }

.film-piu .film-piu-film { float: left; width: 170px; margin-right: 10px; }
.film-piu .film-piu-film h4 a { font-size: 12px; color: #af0c03; }
#presentazione > div > h2 { clear: both; margin: 30px 0  10px; border: none; background: #eee; padding: 2px; }

#presentazione a.vedi-tutte { display: block; text-align: right; font-size: 12px; font-weight: bold; color: #af0c03; background: url(http://ftv02.stbm.it/img/common/arrow_red.gif) right 2px no-repeat; padding-right: 13px; }
.film-piu .fploc { display: block; width: 170px; height: 240px; overflow: hidden; margin-bottom: 5px; }
.film-piu a.vedi-tutte { position:absolute; top: 245px; right: 0; width: 150px;}
.film-piu { height: 320px; }
.film-piu-gallery { position: relative; }

.elenco-voti { margin-bottom: 40px; }
.elenco-voti-foto { margin-top: 20px; }
.elenco-voti-foto li { width: 32%; float: left; height: 60px; overflow: hidden; }
.elenco-voti-foto li .avatar { float: left; margin: 0 10px 5px 0; padding: 1px; border: 1px solid #ccc; }
.elenco-voti-foto li .nick a { font-size: 10pt; font-weight: bold; }
.elenco-voti-foto li .voto img { position: relative; top: 4px; }

.elenco-voti-nomi li  { width: 31%; float: left; height: 20px; overflow: hidden; font-size: 10pt; white-space: nowrap; margin-right: 10px; }
.gruppo-voto { margin-top: 20px; }
#main .gruppo-voto h3 { margin-bottom: 20px; text-transform: uppercase; color: #af0c03; }
#main .gruppo-voto h3 img { position: relative; top: 2px; }
#voti-header { font-size: 12pt; margin-bottom: 30px; }