/* RESET */
button, input, textarea, .openingBig .commenti {font-family:'Noto Sans',sans-serif}
button, input, textarea {padding:2px 2%;color:#222;line-height:16px;font-size:13px;border:1px solid #CCC}
.articolo .wrapperArticle .info p {margin:0}
.articolo .wrapperArticle .info p a, .mainContainer .boxMultimedia .info p a, .mainContainer.light article .info p a {font-weight:normal}
.relatedNewsBox {clear:both}

/* BOX / FORM INVIO COMMENTO */
.cont-commenti {margin-bottom:40px;padding:20px;background:#FFF}
.custom-box {display:none}
.boxCommento .captchaComment {margin:10px 0;display:none}
.boxCommento .captchaComment input {width:220px;float:left}
.boxCommento form textarea {width:431px;padding:10px 5px;color:#666;overflow:auto}
.fotonotizia .boxCommento form textarea {width:540px}
label.checkTitle {margin-right:5px;color:#002968;font-size:12px;font-weight:bold}
.checkboxFB input[type=checkbox] {width:1px;height:1px;margin:-1px;padding:0;border:0;position:absolute;clip:rect(0 0 0 0);overflow:hidden}
.checkboxFB input[type=checkbox] + label {display:inline-block;height:14px;padding-left:14px;line-height:20px;background:url(../../img/community-center/spriteCommenti.png) 0 0 no-repeat;font-size:15px;vertical-align:middle;cursor:pointer}
.checkboxFB input[type=checkbox]:checked + label {background-position:0 -16px}
.lt-ie9 .checkboxFB input[type=checkbox] {width:auto;height:auto;margin-top:4px;clip:auto}
.lt-ie9 .checkboxFB input[type=checkbox] + label {background-image:none}
.submitComment {background:#002C53;color:#FFF;border:1px solid #CCC;font-size:18px;font-weight:bold;text-transform:uppercase;display:block}
.submitComment:hover {background:#FFF;color:#002C53}
.submitComment.disabled, .submitComment:disabled {background:#ECEDEE;color:#333}

#message, #commenti {font-family:'Noto Sans',sans-serif}
#message {margin:20px 0;padding:0;clear:both}
#message .box {margin-bottom:25px;padding:20px;border:1px solid #ECEDEE;background:#F7F8F8;position:relative;display:none}
#message .box.popup {width:443px;padding:18px;border:3px solid #002968;position:fixed;top:15%;opacity:0.9;filter:alpha(opacity=90);z-index:10000;box-shadow:5px 5px 3px #999;display:none}
.fotonotizia #message .box.popup {width:552px}
#message .box.alert {border-color:#C00}
#message .boxOff {margin-top:20px}
#message .box p {margin-bottom:20px;color:#333;font-size:15px;line-height:18px}
#message .loginMessage, #message .message, #message .boxOff p {text-align:center}
#message .loginMessage {margin-bottom:20px}
#message .regButton, #message .loginButton, #message .closeButton {width:150px;border:1px solid #CCC;color:#C00;background:#FFF;font-size:14px;font-weight:bold;text-align:center;text-transform:uppercase;display:inline-block}
#message .logoutButton, #message .disclaimButton {padding:0 5px;font-size:12px;color:#C00;font-weight:bold;position:absolute;top:20px;right:15px;cursor:pointer}
#message .closeButton {width:20px;height:20px;line-height:20px;position:absolute;right:5px;top:5px;display:none}
#message .popup .closeButton {display:block}
#message .logoutButton {border-right:1px solid #C00;right:89px}
#message .regButton:hover, #message .loginButton:hover, #message .closeButton:hover {color:#FFF;background:#C00;border:1px solid #FFF;cursor:pointer}
#message .logoutButton:hover, #message .disclaimButton:hover {text-decoration:underline}
#message .title {margin-bottom:10px;color:#002968;line-height:20px;font-size:20px;font-weight:bold;font-family:'Noto Sans',sans-serif;text-align:center;text-transform:uppercase}
#message .boxCommento > .title {text-align:left}
#message .box.boxFB .title {padding-top:30px;background:url(http://www.mediaset.it/res/dbmediaset/img/toolbarPlaylist/ico_fb.png) no-repeat center top}
#message .authorName {margin-bottom:10px;color:#333;line-height:20px;font-size:14px;font-weight:normal;font-family:'Noto Sans',sans-serif;text-align:left}
#message .authorName span {color:#002968;font-weight:bold;text-transform:uppercase}
#message .box .checkboxFB {float:right;width:180px;margin:5px 0 15px;line-height:19px;background:url(http://www.mediaset.it/res/dbmediaset/img/toolbarPlaylist/ico_fb.png) no-repeat 0 0;text-align:right}
#message .submitComment {margin:0 auto;padding:0 25px;line-height:30px}
#message .popup .submitComment {width:40px;cursor:pointer}
#commenti {border-top:1px solid #ECEDEE;position:relative}
#commenti .boxCommento {margin-bottom:20px;padding:20px;border:1px solid #ECEDEE;background:#F7F8F8;position:relative}
#commenti .boxCommento .title {padding-top:0}
#commenti .checkboxFB {float:left;margin:10px 0 0;padding-left:25px;line-height:20px;background:url(http://www.mediaset.it/res/dbmediaset/img/toolbarPlaylist/ico_fb.png) no-repeat 0 0;text-align:left}
#commenti .submitComment {margin-top:-22px;padding:0 10px;line-height:24px;float:right}
#commenti .risposta .boxOff .title {margin-bottom:5px}
#commenti .risposta .authorName, #commenti .risposta .logoutButton, #commenti .risposta .disclaimButton {display:none}

/* ELENCO COMMENTI */
#commenti .title, #commenti .totCommenti {color:#002968}
#commenti .title {margin-bottom:30px;padding-top:15px;line-height:16px;font-size:20px;font-weight:bold;font-family:'Noto Sans',sans-serif;text-align:left;text-transform:uppercase}
#commenti .title:before {width:35px;height:24px;background:url(../../img/community-center/spriteCommenti.png) no-repeat 0 -47px;float:left}
#commenti .totCommenti {padding-bottom:14px;background:url(../../img/community-center/spriteCommenti.png) no-repeat 0 -16px;line-height:16px;font-size:13px;position:absolute;right:5px;top:18px;display:none}
#commenti .totCommenti strong, #commenti .totCommenti span {float:left;padding-right:2px;background:#FFF}
#commenti .totCommenti strong {padding-left:2px}
#commenti .totCommenti span:after {content:"";width:38px;height:16px;border-bottom:2px solid #036;position:absolute;right:0;top:1px}
#commenti .viste {margin-bottom:34px;padding-bottom:15px;background:#F9F8F8;border-bottom:1px solid #ECEDEE;position:relative}
#commenti .viste ul {width:100%;height:34px;background:#FFF;list-style-type:none}
#commenti .viste ul:after {content:"";width:483px;height:15px;border-left:1px solid #ECEDEE;border-right:1px solid #ECEDEE;position:absolute;left:0;top:33px}
.fotonotizia #commenti .viste ul:after {width:592px}
#commenti .viste ul li {width:236px;margin-top:4px;line-height:28px;background:#ECEDEE;border:1px solid #ECEDEE;border-radius:7px 7px 0 0}
.fotonotizia #commenti .viste ul li {width:290px}
#commenti .viste ul li.piu-recenti {float:left;margin-left:1px}
#commenti .viste ul li.piu-recenti:after {content:"";width:10px;height:33px;border-bottom:1px solid #ECEDEE;position:absolute;left:238px;top:0}
.fotonotizia #commenti .viste ul li.piu-recenti:after {left:292px}
#commenti .viste ul li.piu-votati {float:right;margin-right:1px}
#commenti .viste ul li:hover {background:#F9F8F8}
#commenti .viste ul li.on {margin:1px 0 0;line-height:32px;background:url(../../img/bgRelatedBox.png);border-bottom:0;box-shadow:0 0 1px 1px #F9F8F8}
#commenti .viste ul li a {color:#333;font-size:14px;font-weight:bold;text-align:center;text-transform:uppercase;cursor:pointer;display:block}
#commenti .viste ul li.on a, #commenti .viste ul li:hover a {color:#002968}
#commenti .viste ul li.on a {font-size:16px;cursor:default}

.commento-item {margin-bottom:18px;padding:10px;background:#ECEDEE;position:relative}
.commento-item.listaFigli {margin-bottom:18px;padding:0 0 10px 20px;background:none;border-bottom:1px solid #ECEDEE;position:relative}
.commento-item:before {width:0;height:0;border-bottom:12px solid #ECEDEE;border-right:12px solid transparent;position:absolute;top:-12px;left:10px}
.commento-item.listaFigli:before {left:30px}
.commento-item .author .msg_author {float:left;color:#002968;font-size:12px;font-weight:bold}
.commento-item .author .msg_date {float:right;color:#666;font-size:11px}
.commento-item .msg_text {color:#000}
.articolo .commento-item .msg_text, .fotonotizia .commento-item .msg_text {margin:0;padding:20px 0 30px;font-size:14px;line-height:16px}
.articolo .commento-item .msg_text a, .fotonotizia .commento-item .msg_text a {font-weight:normal}
.commento-item .msg_text a:hover {text-decoration:underline}
.commento-item .buttons {float:right;font-size:12px;color:#D5D5D5}
.commento-item .buttons a, .commento-item .buttons span, .commento-item .totRisposte {font-size:11px}
.commento-item .buttons a, .commento-item .buttons span {float:left}
.commento-item .buttons a {cursor:pointer}
.commento-item .buttons a:hover {font-weight:bold}
.commento-item .reply-item .buttons span:last-child {display:none}
.commento-item .totRisposte, .mainContainer .commento-item .totRisposte {padding-bottom:14px;line-height:16px;color:#036;background:url(../../img/community-center/spriteCommenti.png) repeat-x 0 -16px;text-align:center;position:absolute;bottom:4px;left:10px;cursor:pointer}
.commento-item .totRisposte:hover {background-position:10px -16px}
.commento-item .totRisposte strong, .commento-item .totRisposte span {float:left;padding-bottom:1px;background:#ECEDEE}
.commento-item .totRisposte strong {padding-left:1px}
.commento-item .totRisposte span {width:48px}
.commento-item .totRisposte:hover span {font-weight:bold}
.commento-item .totLike, .commento-item .like, .mainContainer .commento-item .totLike, .mainContainer .commento-item .like {padding:0 4px;color:#C00;text-align:center}
.commento-item .totLike strong {padding-right:2px}
.commento-item .like {width:46px}
.commento-item .unlike {width:93px}
.commento-item .wait {width:65px}
.commento-item .replyTo, .mainContainer .commento-item .replyTo {width:48px;padding:0 0 0 4px;color:#036;text-align:right}
.commento-item.listaFigli li {margin-bottom:4px;padding:10px 10px 25px;background:#ECEDEE;list-style:none}
.commento-item.listaFigli .msg_text {margin:0;padding:20px 0 10px}
.info {margin-bottom:20px;padding:20px;background-color:#ECEDEE}
.info p, .mainContainer .boxMultimedia .info p a, .mainContainer.light article .info p a {color:#036}
.info p {line-height:18px;font-size:15px;text-align:center}
.info p a {padding-left:15px;background:url(../../img/spriteTgcom.png) no-repeat 4px -110px;cursor:pointer}
.info p a:hover span {text-decoration:underline}
.info.loading {background:url(../../img/loading-circle.gif) center 20px no-repeat #ECEDEE}
.info.loading p {padding:40px 0 10px}

#comment-navigation {width:100%;margin-bottom:20px;list-style-type:none;float:left}
#comment-navigation.end, #comment-navigation.hidden {display:none}
#comment-navigation .next a, .commento-item.listaFigli .altri {float:right;height:25px;padding:0 10px 0 35px;background:url(../../img/community-center/spriteCommenti.png) no-repeat 0 -47px;color:#002968;font-size:14px;font-weight:bold;text-align:right;text-transform:uppercase}
#comment-navigation .next a:hover, .commento-item.listaFigli .altri:hover {cursor:pointer}
.commento-item.listaFigli .altri {margin-top:10px}

/* COMMENTI REDAZIONE */
.commento-item.highlight, .commento-item.listaFigli li.reply-item.highlight {background:#FFF;border:2px solid #ECEDEE}
.commento-item.highlight:after, .reply-item.highlight:first-child:before {content:"";width:0;height:0;border-bottom:8px solid #FFF;border-right:7px solid transparent;position:absolute;left:12px;top:-8px}
.commento-item.highlight .msg_author, .reply-item.highlight .msg_author {width:80px;height:30px;background:url("../../img/logoFooter.png") no-repeat 0 0 / 80px;text-indent:-9999px}
.commento-item.highlight .msg_date, .reply-item.highlight .msg_date {padding-top:8px}
.commento-item.highlight .msg_text, .reply-item.highlight .msg_text {padding-top:40px}
.commento-item.highlight .totRisposte strong, .commento-item.highlight .totRisposte span {background:#FFF}
.reply-item.highlight:first-child:before {border-bottom-width:9px;border-right-width:11px;left:10px}
.lt-ie9 .commento-item.highlight .msg_author, .lt-ie9 .reply-item.highlight .msg_author {font-size:16px;line-height:30px;color:#C50000;background:none;text-transform:uppercase;text-indent:0}

/* DISCLAIMER */
#disclaimer, #bg_disclaimer {display:none}
#disclaimer, #disclaimer .closeDisclaimer {background:#ECEDEE;border:3px solid #036}
#disclaimer {width:500px;padding:30px;color:#333;position:fixed;top:15%;left:0;z-index:9998}
#disclaimer h3, #disclaimer .closeDisclaimer {color:#036}
#disclaimer h3 {margin-bottom:26px;font-size:16px;text-transform:uppercase}
#disclaimer p {margin:0;line-height:26px;font-size:13px}
#disclaimer .closeDisclaimer {width:40px;height:40px;line-height:40px;font-size:24px;font-weight:bold;text-align:center;border-radius:23px;position:absolute;top:-14px;right:-14px;cursor:pointer}
#bg_disclaimer {background:#000;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0.7;filter:alpha(opacity=70);z-index:9997}

/*	HOMEPAGE */
.homepage .commenti, .homepage .commenti .totRisposte, .homepage .commenti .listacommenti {float:left}
.homepage .commenti, .homepage .commenti .listacommenti {width:100%}
.homepage .commenti {border:0}
.homepage .commenti .totRisposte, .homepage .commenti .leggitutti {margin-top:5px;font-size:12px;line-height:16px;color:#036}
.homepage .commenti .totRisposte {padding-bottom:14px;background:url(../../img/community-center/spriteCommenti.png) no-repeat 0 -16px;text-align:center;position:relative}
.homepage .commenti .totRisposte:hover {background-position:20px -16px;background-repeat:no-repeat}
.homepage .commenti .totRisposte strong, .homepage .commenti .totRisposte span, .homepage .commenti .totRisposte span:after {padding-bottom:1px}
.homepage .commenti .totRisposte strong, .homepage .commenti .totRisposte span {float:left;background:#FFF}
.homepage .softNews .commenti .totRisposte strong, .homepage .softNews .commenti .totRisposte span {background:#EEEDED}
.homepage .sfondoBox .commenti .totRisposte strong, .homepage .sfondoBox .commenti .totRisposte span {background:#DFEFFF}
.homepage .commenti .totRisposte strong {padding-left:4px}
.homepage .commenti .totRisposte span {width:68px}
.homepage .commenti .totRisposte:hover span {font-weight:bold}
.homepage .commenti .totRisposte span:after, .homepage .commenti .totRisposte:hover strong:after {content:"";width:35px;height:16px;border-bottom:2px solid #036;position:absolute;right:0}
.homepage .commenti .totRisposte:hover strong:after {width:30px;top:1px;left:0}
.homepage .commenti .leggitutti {float:right;padding-right:15px;background:url(../../img/spriteTgcom.png) no-repeat 191px -113px;display:none}
.homepage .commenti .leggitutti:hover {text-decoration:underline}
.homepage .commenti .listacommenti {margin-top:5px}
.homepage .commenti .commento-item {margin-bottom:2px;padding:0;background:url(../../img/bgRelatedBox.png) repeat-x left bottom transparent;border:1px solid #EEE}
.homepage .commenti .commento-item:before {display:none}
.homepage .commenti .commento-item:hover {box-shadow:0 0 4px #AAA;cursor:pointer}
.homepage .commenti .commento-item a {padding:8px 20px;display:block}
.homepage .commenti .commento-item .author .msg_author, .homepage .commenti .commento-item .msg_text {line-height:15px}
.homepage .commenti .commento-item .author .msg_author {margin-right:5px}
.homepage .commenti .commento-item .author .msg_author:after {content:"-";padding-left:5px;display:inline-block}
.homepage .commenti .commento-item .msg_text {margin:0;padding:0;font-size:11px}
.homepage .commenti .commento-item:hover a .author .msg_author, .homepage .commenti .commento-item:hover a .msg_text {/*text-shadow:1px 1px #AAA*/}

.homepage .commenti.col-2, .homepage .commenti.col-3 {height:33px;margin-top:5px;position:relative}
.homepage .commenti.espansa {height:51px}
.homepage .commenti .totRisposte, .homepage .commenti.col-1 .leggitutti {margin-top:0}
.homepage .commenti.espansa .totRisposte {margin-top:14px}
.homepage .commenti.col-1 .totRisposte {padding:0;background:none}
.homepage .commenti.col-1 .totRisposte strong {padding-left:2px}
.homepage .commenti.col-1 .totRisposte span:after, .homepage .commenti.col-1 .totRisposte:hover strong:after {width:0}
.homepage .commenti.col-1 .leggitutti {background-position:130px -113px}
.homepage .commenti.col-2 .leggitutti, .homepage .commenti.col-3 .leggitutti {margin-top:4px}
.homepage .commenti.espansa .leggitutti {width:58px;margin-top:10px;padding:0;background-position:52px -97px}
.homepage .commenti .commenta, .homepage .commenti.col-1 .commenta, .homepage .commenti.col-3 .commenta {background-position:112px -113px}
.homepage .commenti.col-2 .listacommenti, .homepage .commenti.col-3 .listacommenti {width:auto;position:absolute;top:0;left:94px}
.homepage .commenti.col-2 .commento-item, .homepage .commenti.col-3 .commento-item {margin:0 2px;float:left}
.homepage .commenti.col-2 .commento-item {width:188px}
.homepage .commenti.col-3 .commento-item {width:260px}
.homepage .commenti.col-2 .commento-item a, .homepage .commenti.col-3 .commento-item a {height:30px;padding:8px 12px}

/* COMMENTI REDAZIONE */
.homepage .commenti .commento-item .author img.msg_author {width:55px;height:15px}