/*
    Document   : style
    Created on : 6-lug-2009, 9.59.18
    Author     : FranchinM
    Description:
        Purpose of the stylesheet follows.
*/

html,body,form{margin:0;padding:0;}
body{font-family:Arial, sans-serif; font-size:11px; color:#666666;}

/* div contenitore di tutta la pagina */
div#container{margin:auto;width:1000px;position:relative;border:0px solid red;}

/* contenuto sotto l'intestazione e sopra il footer */
#main-content-wrapper {clear:both;margin-bottom:50px;}

/* titolo della pagina */
#page-title {float:left;width:394px;border:0px solid blue;padding-left: 5px;}
/* titolo della pagina backend */
#page-title-be {width:394px;height:35px;border:0px solid blue;padding-left: 5px;}


/* colonna dove vengono stampati gli eventi, i banner e gli argomenti delle aree tematiche */
#right-column {float:right;width:191px;border:0px solid gray;overflow:hidden;}

/* colonna di sinistra */
#column-left {float:left;width:392px;border:0px solid gray;padding:3px;padding-left:5px;overflow:hidden;}

/* colonna per contenuto che occupa la colonna di sinistra + quella centrale */
#column-left-center {float:left;width:767px;border:0px solid gray;padding:3px;padding-left:5px;margin-right: 28px; overflow:hidden;}

/* colonna centrale */
#column-center {float:left;width:378px;border:0px solid gray;padding:0px;overflow:hidden;}

.column-content{
    min-height: 450px; /* min-height hack per ie6 e firefox, nelle due righe successive*/
    /*    height: auto !important;
        height: 450px;*/
}

/* left 399px */
/* center 410px */
/* right 191px */

/* Box di ricerca sotto al menu */
#search-box {
    height:28px;
    width:375px;
    padding-top: 3px;
    padding-bottom: 4px;
    margin-right:35px;
    position: relative;
    float:left;
    left:399px;
}

#search-box .radioBox {position:absolute;left:120px; top:3px; font-size: 10px;}
#search-box .searchRadio {width:12px;height:12px;border:0px;vertical-align:text-bottom;}

#search-input {
    margin-right:5px;
    width: 100px;
}

#go-search {position:absolute; left:200px; top:9px;}
#district-combo {width:140px;position:absolute;right:0px;top:5px;}
/********************************************************************************/



/* footer della pagina */
#footer {background-color:#ebebeb;padding:10px 5px;clear:both;}
#footer ul {margin:0;margin-left:10px;padding:0;list-style-type:none;list-style-image:none;}
#footer li {display:inline;margin:0 5px;}
#footer li a {text-decoration: none;color:#666;}
#footer li a:hover {text-decoration: underline;}

#poll-list {
    margin-left:10px;
    margin-top:10px;
    height:100%;    
}

#argoments-list {
    margin-left:10px;
    margin-top:10px;
    height:100%;
}
#argoments-list ul {
    display: block;
    clear:both;
}
#argoments-list li {
    /*    margin-top:2px;
        margin-bottom:2px;*/
    margin: 3px;
    padding-left:20px;
}


#loadingAjaxRequest {
    position:absolute;
    z-index: 99999;
    right:400px;
    display: none;
}



/* BANNER */
#banners-area  {
    text-align: center;
    padding-top:30px;
}
#banners-area a {
    display: block;
    padding:5px;
    margin-top:10px;
}
#banners-area a img {
    max-width: 170px;
    width: expression(this.width > 169 ? 170: true );
}

/* intestazioni */
h1, h2, h3, h4, h5, h6, h7 {font-family:Georgia;color:#ed1c24;font-weight:normal;margin:0px;padding:0px;}

h1,h2 {font-size: 22px;margin-bottom:7px; }
h1 a, h2 a, h1 a:hover, h2 a:hover {color:#ed1c24;text-decoration: none;}

h3 {font-size: 18px;margin-bottom:5px;}
h3 a , h3 a:hover {color:#ed1c24;text-decoration: none;}

h4 {font-size: 16px;}
h4 a , h4 a:hover {color:#ed1c24;text-decoration: none;}

h5 {font-size: 14px;color:#ed1c24;font-family:Georgia;font-weight: bold;margin-bottom:10px;}
h5 a, h5 a:hover {color:#ed1c24;text-decoration: none;}

h6 {font-size: 12px;}
h6 a, h6 a:hover {color:#ed1c24;text-decoration: none;}

.redText {color:#ed1c24;}

.showed {display:block;}
.hidden {display:none;}

/* righe */
hr {border:0px;border-bottom: 1px solid #c0c0c0;clear:both;}
hr.dotted {border:0px;border-bottom: 1px dotted #c0c0c0;clear:both;}

/* paragrafi */
p {margin:0px;padding:0px;}

/* liste */
ul.linkList {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style-image: none;
    list-style: none;
    /*border: 1px solid black;*/
}
ul.linkList li {
    background-image: url(../images/continue.gif);
    background-repeat: no-repeat;
    padding: 2px 0px;
    padding-left: 20px;
    margin: 3px;
    display: block !important;
    /*        height: 16px !important;*/
    /*        line-height: 16px !important;*/
    /*border: 1px solid black;*/
}

/* Images */
img{border:0}
img.userPic {width:50px;border:1px solid #D3CACB; padding:1px;}

img.margined {margin-top:3px;}
img.userPicSmall {width:35px;margin-left:15px;}
img.userPicMedium {width:100px;}
img.userPicHigh {width:50px;}
img.userPicReal {
    max-width: 150px;
    width: expression(this.width > 149 ? 150: true );
    border: 3px solid #c0c0c0;
}

.radioButton {height:15px;width:15px;border: none;}


/* THUMB IMAGES */
* html img.thumb {
    height: expression( this.scrollHeight > 80 ? "82px" : "auto" );  /*sets max-height for IE */
}
/** html img.thumb {
   width: expression( document.body.clientWidth > 90 ? "92px" : "auto" );  sets max-width for IE
}*/
img.thumb {
    max-width: 82px;
    max-height: 82px;
    width:expression(this.width > 81 ? 82 : true);
    border: 2px solid #c0c0c0;
    padding: 1px;
}
.thumbVideoWrapper {position:relative;}
.thumbVideoWrapper .play {
    position: absolute;
    top:40px;
    left:80px;
    width:30px;
}

.clearAfterFloat {
    height: 1%;
}
.clearAfterFloat:after {
    content: ";";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* Links */
a{text-decoration:underline;color:#333333;}
a:hover{text-decoration:none;/*color:#808080;*/}
a.minorLink {font-size:10px;}

a:hover img {
    opacity:0.9;
    filter:alpha(opacity=90);
}

a.goLink {
    display:block;
    background-image: url(../images/icon/go.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    /*background:url(../images/scroll/prev.gif) no-repeat;*/
    /*width: 15px;*/
    height: 15px;
}
a.goLinkLeft {
    display:block;
    background-image: url(../images/icon/go.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    /*background:url(../images/scroll/prev.gif) no-repeat;*/
    /*width: 15px;*/
    height: 15px;
}
a.continue {
    display:block;
    background: url(../images/continue.gif) no-repeat right;
    /*background:url(../images/scroll/prev.gif) no-repeat;*/
    /*width: 15px;*/
    height: 15px;
    padding-right: 18px;
}

a.underlineHover {text-decoration: none;}
a.underlineHover:hover {text-decoration: underline;}

/* Input */
input {background-image:url('../images/input_bg.gif'); background-repeat:repeat-x;border: 1px solid #c0c0c0;
       padding-left:5px;padding-top:3px;padding-bottom:2px;margin:0px;color: #333333;}
/* input button*/
.button {height:23px;font-weight:normal;}

/*textarea*/
textarea {
    font-family: Arial; font-size: 12px; color: #333;padding:3px;
}
/* combo box*/
select {
    background-image:url('../images/input_bg.gif'); background-repeat:repeat-x;border: 1px solid #c0c0c0;
    height:20px;color: #333;font-family: Arial; font-size: 11px;}

.greyContainer {
    padding:5px;border:1px solid #D1D1D1;background-color:#EBEBEB;font-weight:bold;
}

/* Common messages */
#common-message-container {clear: left;margin-right: 210px; margin-bottom: 20px;}
div.message{font-weight:bold;padding:2px 23px;background-repeat:no-repeat;height:14px;}
div.message-errore{color:#FFF;background-color:#EB733F;background-image:url('../images/icon/msg_errore.gif');}
div.message-successo, div.comunicazione{color:#fff;background-color:#95E481;background-image:url('../images/icon/msg_success.gif');}

.comunicazione a {color:#fff; font-weight:bold;}

/* News */
.newsPreview {clear:both;margin-bottom:30px;}

/*.newsPreview h2 {margin:0px;padding:0px;}*/
.newsTextPreview {margin-top:5px;padding-right:10px;}
.newsTextPreview a {text-decoration: none; color:#666;}
.newsTextPreview a:hover {text-decoration: underline;}
/*
p.newsTextPreview:first-line {font-weight:bold;}
*/

.argLable {
    cursor:pointer;
    background-image: url(../images/icon/bullet_toggle_plus.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding:0px;
    padding-left: 18px;
    margin: 0px;
}
.argListShowed {
    background-image: url(../images/icon/bullet_toggle_minus.png) !important;
    background-repeat: no-repeat;
}

.argListContainer {display:none;}


img.small {
    width: 142px;
}

img.big {
    width: 285px;
}

.newsImagePreviewBig {
    float:left;
    overflow:hidden;
    width:285px;
    height:140px;
    margin-bottom:5px;
    margin-right:15px;
    margin-top:0px;
}
.newsImagePreviewSmall {
    float:left;
    overflow:hidden;
    width:142px;
    height:70px;
    margin-bottom:5px;
    margin-right:15px;
    margin-top:0px;
}

.newsContentIcons {clear:both;height:20px;}




input.goButton {

    display:block;
    padding:0px;
    padding-right: 15px;
    padding-bottom: 1px;
    background-color: #fff;
    background-image: url(../images/icon/go.gif);
    background-repeat: no-repeat;
    background-position: right;
    color: #333;
    font-weight: bold;
    border: 1px solid #c0c0c0;
    height:19px;
    /*background:url(../images/scroll/prev.gif) no-repeat;*/
}


#news-multimedia-content {
    /*clear: both;*/
/*    margin-top: 20px;*/
}


/* Profilo */
#profile-box {
    width:100%;
    min-height:150px;
    background-color:#EA703F;
    background-image:url(../images/sfondo_profilo.jpg);
    background-position: right top;
    background-repeat: repeat-y;
    border:0px solid gray;
    padding: 20px;
    padding-top:5px;
    margin-bottom: 20px;
}

#profile-box h2 {
    color:#fff;
    padding-bottom:5px;
}
/* immagine del profilo */
#profile-box img#profile-pic {
    margin-top: 10px;
    float:left;
    border-color: #EEEEEE;
}
#profile-box #user-data {
    float: left;
    width: 250px;
    color: #333;
}
#profile-box #user-data ul.bottom {
    margin-top:20px;
}
#profile-box #user-data ul {
    display: block;
    list-style: none;
    list-style-image: none;
    padding:0px;
    margin:0px;
    margin-left: 20px;
}
#profile-box #user-data li {
    display: block !important;
    height: 16px !important;
    line-height: 16px !important;
    border-bottom:1px solid #F79F6F;
}
#profile-box #user-description {
    color: #333;
    float:left;
    margin-left: 20px;
    width:300px;
    /*border:1px solid green;*/
}
#profile-box #user-description p {
    padding: 3px 0;
}

#new-content-links {
    text-align:right;
}

.friendList hr {
    width: 90%;
}
.friendList .friend {
    /*border: 1px solid black;*/
    float:left;
    margin: 5px;
    position:relative;
    /*background-image:*/
}

.friendList .friend a {
    text-decoration: none;
}

.friendList .friend a:hover img {
    text-decoration: none;
    opacity:0.9;
    filter:alpha(opacity=90);
}
.friendList .friend img {
    float:left;
    margin:1px 4px;
}
.friendList .friend span {
    display: block;
    font-weight: normal;
}


#search-friends-result {
    width:99%;
    padding-top:20px;
    height:300px;
    background-position: 0px 0px;
}
#search-friends-result .friend img {
    margin-right:10px;
}
#search-friends-result .friend a {
    color: #666;
}

#search-friends-result .acceptFriendship {
    /*color:#ed1c24;*/
    font-weight:bold
}
#search-friends-result .friend{
    width: 240px;
    height: 150px;
}
#search-friends-result .friendName {
    font-weight: bold;
    color:#ed1c24;
}
#search-friends-result .friend span {
    display: block;
    margin-top:3px;
}


#profile-friends {
    float:left;
    width: 350px;
    min-height:300px;
    background-position: 0px 18px;
    /*border: 1px solid black;*/
    /*background-image:*/
}
#profile-friends .friend{
    width: 160px;
    height: 80px;
}
#profile-friends .friend span {
    margin-top:12px;
}
#profile-friends #show-all-link {
    /*display: block;*/
    width:300px;
    text-align: right;
    float:left;
    margin-top:20px;
    /*padding:10px 3px;*/
}
#profile-friends .friend a:hover {
    text-decoration: none;
    color: #333;
}
#profile-friends .newFriend {
    background: url(../images/icon/new.gif) no-repeat 65px 0px;
}
#profile-friends .newFriend img {
    border: 1px solid #ed1c24;
}

#no-friends-msg {padding:10px;margin-top:5px;display:block;}

#profile-multimedia {
    float: right;
    width:380px;
    position: relative;
    padding:5px;
    margin-bottom: 50px;
}


/* Area eventi */

#event-area {
    padding-top: 31px;
    background-image: url(../images/event/titolo_eventi.jpg);
    background-repeat: no-repeat;
}

#event-area .eventRow {
    height: 86px;
    position: relative;
    background-image: url(../images/event/sfondo_eventi_grigio.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
#event-area .eventRowSelected {
    background-image: url(../images/event/sfondo_eventi.jpg);
    background-repeat: no-repeat;
}

#event-area .eventRow .eventDate {
    position: absolute;
    top:  8px;
    left: 22px;
    font-family: Georgia;
    font-size: 12px;
    color: #fff;
}
#event-area .eventRow img {
    position: absolute;
    left: 16px;
    top: 23px;
    width: 52px;
    height: 36px;
}
#event-area .eventRow .eventTitle a, #event-area .eventRow .eventTitle a:hover {
    text-decoration: none;
    color:#666;
}
#event-area .eventRow .eventTitle {
    font-family: Georgia;
    font-size: 12px;
    margin:0px;
    margin-left: 86px;
    padding: 0px;
    padding-top: 2px;
    height: 46px;
    overflow: hidden;
    text-decoration: none;
    width:100px;
}

#event-area .eventRow .eventPeriod {
    color: #ed1c24;
    display: block;
    margin-left: 86px;
}
/*******************************************************************************/


/* dialog segnalazione*/
#dialog-segnalazione, #dialog-messaggio, #dialog-richiedi-album {
    display: none;
}
#text-segnalazione, #text-messaggio {width:364px; height:50px;}

#text-oggetto {width:367px;}



/* Visualizzazione articolo*/
#news-img {
    width: 510px;
    height: 355px;
    overflow: hidden;
    margin-right: 10px;
}
* html #news-img img  {
    width: expression(this.width > 511 ? 510: true );
}

#news-img img {
    max-width: 510px !important;
    padding:0px !important;
    clear:left !important;
    margin-bottom:10px !important;
}


.newsBody {
    width: 500px;
    overflow: auto;
    padding-top:10px;
    font-size: 12px;
}


/*Utility news links */
#news-utility-links {
    margin:0px;
    padding:0px;
    float: right;
    width:240px;
}

#news-utility-links ul {
    display: block;
    margin:3px;
    padding:0px;
    list-style: none;
    list-style-image: none;
}
.newsUtilityLinks li {
    display: block !important;
    height: 28px !important;
    line-height: 23px !important;
    padding-left: 29px !important;
}
.newsUtilityLinks li a {text-decoration: none;color:#666;}
.newsUtilityLinks li a:hover {text-decoration: underline;}
.newsUtilityLinks .comFriends {background: url(../images/icon/comFriend.jpg) no-repeat;}
.newsUtilityLinks .mail {background: url(../images/icon/sendMail.jpg) no-repeat;}


.shareLinks li {
    background: url(../images/icon/shareNetworks.png) no-repeat;
    cursor: pointer;
    display: block !important;
    height: 16px !important;
    line-height: 16px !important;
    padding-left: 25px !important;
    margin:3px;
}
.shareLinks .facebook {background-position:0px -224px!important;}
.shareLinks .google {background-position:0px -320px!important}
.shareLinks .mySpace {background-position:0px -528px!important}
.shareLinks .digg {background-position:0px -176px!important}
.shareLinks .delicious {background-position:0px -160px!important}
.shareLinks .oknotizie {background: url(../images/icon/oknotizie.png) no-repeat;}
.shareLinks .friendfeed {background-position:0px -288px!important}
.shareLinks .twitter {background-position:0px -864px!important}
.shareLinks .wikio {background: url(../images/icon/wikio.png) no-repeat;}
.shareLinks .linkedin {background-position:0px -416px!important}
.shareLinks .myspace {background-position:0px -528px!important}
.shareLinks .windowslive {background: url(../images/icon/windowslive.png) no-repeat;}
.shareLinks .technorati {background-position:0px -800px!important}
.shareLinks .none {background: none;}

#join-blog-button {
    display: block;
    background: url(../images/icon/joinBlog.png) no-repeat;
    height: 40px;
    width: 250px;
    margin-top: 100px;
}
#back-to-areaTematica, #back-to-areaTematica:hover {
    text-decoration: none;
    margin-top:10px;
    margin-left:5px;
}
#back-to-areaTematica:hover img {
    opacity:0.9;
    filter:alpha(opacity=90);
}
#back-to-areaTematica img {
    width: 20px;
    padding:1px;
    border: 1px solid #c0c0c0;
    vertical-align: text-bottom;
    margin:10px 3px 0 3px;

}


/* Form di registrazione */
/*#registration-form {}
    #registration-form input {margin:3px;width: 200px }
    #registration-form select {margin:3px;width: 207px}

    #registration-form .button {width:150px;}*/

/* modifica profilo */
#updating-profile-form .picBox {
    float:right;
    width:350px;
    padding:20px;
    padding-top:100px;
    /*border-left: 1px solid #c0c0c0;*/
}
#updating-profile-form .picBox input {
    width:300px;
}
.fieldsTitle {
    padding-bottom:20px;
}
.profileUpdateBox {
    padding: 25px;
}

.profileUpdateBox span {
    /*background: url(../images/sfondo_input_out.jpg) repeat-y;*/
    background-color: #F7F7F7;
    padding: 5px 2px;
}
.profileUpdateBox .userPic {
    float:left;
    margin-right:10px;
}

.profileUpdateBox #foto{
    height:25px;
}
.formField {
    float: left;
    width: 300px;
    /*border:1px solid red;*/
    height:70px;
}
.formField input, .formField select {margin-top:5px;}

#user-password-management {
    padding: 25px;
}


.saveDataButton {
    clear: both;
    margin-top:30px;
    background: url(../images/sfondo_salva_dati.jpg) repeat-y right;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    /*text-align: right;*/
    padding:2px;
    position: relative;
    width: 99%;
    height:15px;
}
.saveDataButton a {
    display: block;
    position: absolute;
    right:2px;
    top: 2px;
    text-decoration: none;
    font-weight: bold;
    background: url(../images/icon/go.gif) no-repeat right;
    height: 15px;
    padding-right:20px;
}




#user-presentation {
    width: 550px;
    height: 100px;
    font-family: Arial;
}

.dialogWindows .contentPreview {
    float: right;
    margin-right: 20px;
}

.dataForm input {
    margin:3px 0px;width: 200px;
    vertical-align: middle;
    height:18px;
    padding-top:1px;
    padding-bottom:1px;
}
.dataForm select {
    margin:3px 0px;width: 207px;
    vertical-align: middle;
    padding-top:1px;
    padding-bottom:1px;
    height: 20px;
}
.dataForm textarea {
    margin:3px 0px;width: 205px;font-family:Arial;font-size: 11px;
}
.dataForm textarea.tinymce {height:150px;width:700px;}

.dataForm .button {
    width: 150px
}
.dataForm .smallButton {
    font-size: 11px;
    padding:1px 5px;
    width:80px;
}

.dataForm small {
    /*font-weight: bold;*/
    font-size:11px;
    display: inline-block;
    width:120px;
}

.dataForm .multimedia-content-box .imageContainer {
    float:left;
    padding:0px;
    margin:0 2px;
    width:55px;
    text-align: center;
    height:80px;
    overflow: hidden;
}
.dataForm .multimedia-content-box .imageContainer a {
    padding-top:2px;
}

.dataForm .multimedia-content-box {

}
.dataForm .multimedia-content-box img {
    width: 50px;
    padding:1px;
    border:1px solid #c0c0c0;
    margin-bottom:0;
}
.dataForm .multimedia-content-box input {
    width: 12px;
    height: 12px;
    border:0px;
    margin:2px;
    padding:0px;
}

/* ### Backend ### */


/* colonna menu */
#be-menu-column {
    float:left;
    width:200px;
    margin-right:20px;
    background-color:#EA703F;
    background-image:url(../images/sitComBlog/sfondo_under_blog.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border:0px solid gray;
    padding: 5px;
    padding-bottom: 30px;
}

#be-help-links {
    text-align: right;
    margin-right:10px;
}

#be-menu-list {
    list-style-type: none;
    list-style-image: none;
    margin:0px;
    padding: 0px;
    font-family: Georgia;
    font-size: 14px;

}
#be-menu-list li {
    margin:0px;
    /*height: 31px;*/
    border-bottom: 1px solid #c0c0c0;
}
#be-menu-list li.active {
    /*background:;*/
}
#be-menu-list li a {
    display: block;
    padding: 6px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
#be-menu-list li a:hover {
    text-decoration: none;
    color: #ffffff;
}



/* tabella */

#be-area-content table, .coopTable {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    width: 700px;
}
#be-area-content table td, #be-area-content table th, .coopTable th, .coopTable td {
    border: 0;
    padding:5px;
    border: 1px solid #c0c0c0;
}

#be-area-content table th, .coopTable th {
    background-color: #EA703F/*#ed1c24*/;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-family: Georgia;
    font-size:12px;
}
#be-area-content table .operationCell, .coopTable .operationCell {
    width:80px;
}
#be-area-content table .thumbnail {
    text-align: center;
}

#be-area-content table tr, .coopTable tr {height:20px;}
#be-area-content table tr.even, .coopTable tr.even {}
#be-area-content table tr.odd, .coopTable tr.odd {background-color: #ebebeb;}

#new-record-link {
    margin:10px 1px;
}

/* operazione sul record */
ul.recordOperationsList {
    list-style: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
}
ul.recordOperationsList li {}
ul.recordOperationsList a {
    padding: 3px 0px;
    padding-left: 17px;
    text-decoration: none;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
}
ul.recordOperationsList a:hover {text-decoration: underline;}

.tableScrollerWrapper {
    overflow-y: auto;
    max-height:300px;
    height: expression( this.scrollHeight > 301 ? "300px" : "auto" );
}

a.recordModify {background: url(../images/icon/pencil.gif) no-repeat 0px 1px;}
a.recordMoveUp {background: url(../images/up.gif) no-repeat 0px 1px;}
a.recordMoveDown {background: url(../images/down.gif) no-repeat 0px 1px;}
a.recordModifyGroup {background: url(../images/icon/group.gif) no-repeat 0px 1px;}
a.recordBlock {background: url(../images/icon/lock.gif) no-repeat 0px 1px;}
a.recordUnlock {background: url(../images/icon/lock_open.gif) no-repeat 0px 1px;}
a.recordDelete {background: url(../images/icon/block.gif) no-repeat 0px 1px;}
a.recordView {background: url(../images/icon/show.gif) no-repeat 0px 1px;}
a.recordNew {background: url(../images/icon/add.gif) no-repeat 0px 1px;}
a.recordPublish {background: url(../images/icon/world.gif) no-repeat 0px 1px;}
a.recordRestore {background: url(../images/icon/restore.gif) no-repeat 0px 1px;}
a.recordDraft {background: url(../images/icon/page_error.gif) no-repeat 0px 1px;}

a.recordPending {background: url(../images/icon/hourglass.gif) no-repeat 0px 1px;}
a.addAsFriend {background: url(../images/icon/user_add.gif) no-repeat 0px 1px;}
a.acceptFriendship {background: url(../images/icon/accept.gif) no-repeat 0px 1px;}

a.help {background: url(../images/icon/help.gif) no-repeat 0px 1px;}

a.viewNewsImageLink {background: url(../images/icon/images-content.gif) no-repeat 0px 2px; margin-right:5px;}
a.viewNewsVideoLink {background: url(../images/icon/video-content.gif) no-repeat 0px 2px; margin-right:5px;}

a.recordAction {padding: 3px 0px;padding-left: 17px;text-decoration: none;}
a.recordAction:hover {text-decoration: underline;}


/* finestra dialog */
.dialogWindows {margin: 20px 10px;display: none;}

/* form */
.dialogWindows form input {
    width: 250px;
    margin: 3px;
}
.dialogWindows form select {
    width: 260px;
    margin: 3px;
}
.dialogWindows form .multipleSelect {height:100px;border:0px solid #666;}

.dialogWindows form .button {width: 100px;}
.dialogWindows form .radioButton {width: 13px;vertical-align: text-bottom}











/* sit com */
#main-sitcom-column {
    /*border: 1px solid red;*/
    padding:0 10px;
    float:left;
    width:680px;
    overflow-x:hidden;
}
.episodePreview {
    cursor:pointer;
    padding:2px;
    border:3px solid #ebebeb;
}
#sitcom-media-player-box {
    /*min-height: 330px;*/
    /* min-height hack per ie6 e firefox, nelle due righe successive*/
    /*height: auto !important;*/
    height: 440px;
    border: 0px solid red;
}
#episode-screenshot {
    background-color: #000;
    cursor: pointer;
    position: relative;
    border: 1px solid #000;
}
#episode-screenshot #play-button {
    position:absolute;
    display: block;
    height:49px;
    width: 49px;
    top:140px;
    left:280px;
    background: url(../images/play.gif) no-repeat ;
}
#episode-screenshot #video-frame {
    overflow: hidden;
    width: 500px;
    height:347px;
    margin-left: 45px;
    padding-top:1px;
}
#episode-screenshot #video-commands-bar img {
    width:583px;
    margin-left:1px;
    border: 1px solid #c0c0c0;
}

#episode-screenshot #video-info-overlay {
    position: absolute;
    top: 0px;
    left:10px;
    height: 328px;
    width:180px;
    padding:10px;
    z-index: 10000;
    background-color: #000;
    opacity:0.75;
    filter:alpha(opacity=75);
    color: #fff;
}
#episode-screenshot #video-info-overlay .title {
    font-size: 22px;
    font-family: Georgia;
}
#episode-screenshot #video-info-overlay p {
    position: absolute;
    bottom: 10px;
    padding-bottom: 30px;
    padding-right:10px;
}
#episode-screenshot #video-info-overlay .epidodeNumber {
    color: #EC1B21;
    font-size: 16px;
    font-family: Georgia;
    display: block;
    margin-bottom: 100px;
}

#blog-sitCom-title {
    background-image:url(../images/sitComBlog/titolo_blog_sit-com.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height:54px;
    clear:both;
}
#sitcom-blog-column {
    float:right;
    /*border: 1px solid red;*/
    width:290px;
    padding:0px;
    overflow-x:hidden;
}

#sitcom-characters {
    float:left;
    width:350px;
}

.inline-links {list-style-image:none;list-style-type:none;padding:10px 5px;margin:0px;}
.inline-links li {display:inline;padding:0px;margin:0px 10px;}
.inline-links a {text-decoration:none;}
/*#titoli-di-coda-link {display:block;clear:both;margin:10px 3px;text-decoration:none;font-weight:normal;width:90px;overflow:hidden;}*/
/*#titoli-di-coda-link {display:block;clear:both;margin:10px 3px;text-decoration:none;font-weight:normal;width:90px;overflow:hidden;}*/

#sitcom-between-times {
    float:left;
    width:330px;
    /*border:1px solid green;*/
}
#sitcom-between-times img {
    float:left;
    margin: 25px 10px;
}
#sitcom-between-times-thumbs {
    margin-top:15px;
    height:110px;
    background:url('../images/scroll/scroll_bg.jpg') repeat-x;
    position:relative;
}
#sitcom-between-times-thumbs .borderSx{
    position:absolute;
    bottom:1px;
    left:0px;
    width:4px;
    height:110px;
    background:url('../images/scroll/border_sx.gif') no-repeat;
}
#sitcom-between-times-thumbs .borderDx{
    position:absolute;
    bottom:1px;
    right:-4px;
    width:4px;
    height:110px;
    background:url('../images/scroll/border_dx.gif') no-repeat;
}

#previous-video {
    clear:both;
    padding-top:20px;
    /*border:1px solid green;*/
}
#previous-video h3 {margin-bottom:10px;}

#previous-video .episodeBox {
    /*border-top: 1px solid #c0c0c0;*/
    position: relative;
    height: 200px;
    background-position: 0px -6px;
}
#previous-video .active {
    display: block;
}
#previous-video .inactive {
    display: none;
}
#previous-video .episodeBox .episodeVideo{
    float:left;
    width:120px;
    overflow: hidden;
    margin-right:10px;
    padding: 20px 10px;
}

/* sempre sitcom */
#character-description {
    margin: 20px 20px 40px 0;
}
#character-description p {
    margin-bottom: 10px;
    font-size: 12px;
}
#character-description p.dialog {
}
#vote-character {
    display: block;
    background: url(../images/vota_personaggio.gif) no-repeat;
    height: 70px;
    width: 250px;
}

#view-sitcom-poll-result {
    margin:10px 0 30px 5px;
}

#other-character-pictures {
    text-align: center;
}
#other-character-pictures img {
    /*width:80px;*/
    border:1px solid #c0c0c0;
    padding:1px;
    margin:6px 14px;
}
#other-character-pictures a.active img  {
    border:2px solid #E76A3A;
    padding:0px;
    opacity:0.9;
    filter:alpha(opacity=90);
}
#other-character-pictures a:hover img{
    opacity:0.9;
    filter:alpha(opacity=90);
}

#interview {
    background-color:#EA7240;
    background-image:url(../images/sfondo_intervista_personaggio.jpg);
    background-position: bottom; background-repeat: repeat-x;
    border:0px solid gray;
    padding:10px 10px;
    padding-bottom:30px;
    margin:0px;
    color: #000;
}
#interview img.thumbVideo {
    float:left;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 2px solid #c0c0c0;
}
#interview p {font-style: italic;font-family: Georgia;padding-top:20px;font-size:12px;}
#interview a {
    margin:20px 0;
    color: #000;
}
#interview a.characterLink {
    display: block;
    background: url(../images/icona_indirizzo_personaggio.gif) no-repeat;
    padding-left:25px;
    height:25px;
}

/* default player box */

* html .playerBox {
    /*height: expression( this.scrollHeight < 259 ? "260px" : "auto" );*/
    /*sets max-height for IE*/
}

.playerBox {
    width: 376px;
    min-height: 260px;
    max-height: 260px;
    height: 260px;
    text-align: center;
    margin:0px;
    /*background: url(../images/playerBox_bg.png) repeat;*/
    background-color: #EEEEEE;
    border:1px solid #c0c0c0;
    overflow: hidden;
    position: relative;
    margin: 0px;
}
/*#profile-multimedia*/
.userLoggedIn {
    padding-bottom:20px;
}

.playerBox a.reportContentLink {
    position: absolute;
    left:0px;
    bottom: 0px;
    /*border:1px solid #fff;*/
    border-top: 0px solid #c0c0c0;
    /*background: url(../images/icon/nuovi-messaggi.gif) no-repeat 3px;*/
    /*background-color:#EA703F;*/
    /*background-color:#FFF;*/
    cursor: pointer;
    display: block !important;
    /*height: 14px !important;*/
    /*line-height: 14px !important;*/
    padding:2px;
    text-align: left;
    /*padding-left: 21px !important;*/
    text-decoration: none;
    font-weight: bold;
    color:#666;
    
    z-index: 100;
}
.playerBox a.deleteContentLink {
    position: absolute;
    right:0px;
    bottom: 0px;
    /*border:1px solid #fff;*/
    border-top: 0px solid #c0c0c0;
    /*background-color:#EA703F;*/
    /*background-color:#FFF;*/
    cursor: pointer;
    display: block !important;

    padding:2px;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    color:#666;
    /*width: 100%;*/
    z-index: 100;
}
.playerBox a.reportContentLink:hover {
    /*background-color:#C54816;*/
}

/** html .playerBox img  {
   width: expression( document.body.clientWidth > 381 ? "382px" : "auto" );
    sets max-width for IE
}*/
* html .playerBox img  {
    height: expression( this.scrollHeight > 259 ? "260px" : "auto" );
    /*sets max-height for IE*/
}

.playerBox img {
    max-width: 376px;
    max-height: 260px;
    /*width: expression( this.height < 260 ? "376px" : true );*/
}

a.scrollVideo {
    display: block;
    width: 80px;
    height: 50px;
    z-index: -1;
}
a.videoPlayer {
    display: block;
    width: 376px;
    height: 260px;
}











/* Tabs nella colonna centrale video e immagini redattori e utenti */

/*contenitore di entrambi i tabs (utenti e redattori) */
#multimedia-content-tabs {
    background: url(../images/sitComBlog/sfondo_top_blog.jpg)  repeat-x;
    background-color:#EA703F;
    padding: 2px;

}
#multimedia-content-tabs hr {
    color: #fff;
    height:0;
    border:0;
    margin:0px;
    padding: 0px;
}
#multimedia-content-tabs ul li a {
    padding-right:21px;
    margin-left:21px;
    color:#CB0101;
    font-family: Georgia;
}

#multimedia-content-tabs ul li {
    border: 0px solid #D42917;
}


.ui-state-default {
    background: url(../images/tabCorners/orange-top-left.gif) no-repeat top left !important;
    background-color: #E66639 !important;
}
.ui-state-default a {
    background: url(../images/tabCorners/orange-top-right.gif) no-repeat top right;
    background-color: #E66639;
}
.ui-state-active {
    background: url(../images/tabCorners/top-left.gif) no-repeat top left !important;
    background-color: #fff !important;
}
.ui-state-active a {
    background: url(../images/tabCorners/top-right.gif) no-repeat top right;
    background-color: #fff;
}
.ui-state-hover a {
    color: #CB0101;
}

#tab-video-users, #tab-video-admin {
    background: url(../images/tabCorners/top-right-content.gif) no-repeat top right;
    background-color: #fff;
}
#tab-images-users, #tab-images-admin {
    background: url(../images/tabCorners/top-left-content.gif) no-repeat top left;
    background-color: #fff;
}


/* il tab di destra deve essere posizionato tutto a destra*/
#multimedia-content-tabs ul li.rightTab {
    margin-left:4px;
}

/*contenitore di singolo tabs */
#multimedia-content-tabs .tabs {
    width: 184px;
    float:left;
    padding:0px;
    /*height: 130px;*/
    margin-top:3px;
}
#multimedia-content-tabs .leftTabs {
    margin-right:1px;
}
#multimedia-content-tabs .rightTabs {
    margin-left:1px;
}
/* contenuto di una singola scheda*/
#multimedia-content-tabs .tab-box {
    background-color: #fff;
    position: relative;
    height: 120px;
}
#multimedia-content-tabs .tab-box .addNew {
    position: absolute;
    top:4px;
    right:4px;
    padding:8px;
}
#multimedia-content-tabs .tab-box .showAllLink, #multimedia-content-tabs .tab-box .hideAllLink {
    position: absolute;
    bottom:5px;
    right:5px;
    padding-right: 18px;
    padding-top:1px;
}
#multimedia-content-tabs .tab-box .showAllLink {
    background: url(../images/down.gif) no-repeat right;
    padding-right: 18px;
    padding-top:1px;
}
#multimedia-content-tabs .tab-box .hideAllLink {
    background: url(../images/up.gif) no-repeat right;
}

#multimedia-content-tabs .tab-box h6 {
    color: #333;
    display: block;
    background-color: #EEE;
    border-bottom: 1px solid #ECECEC;
    font-weight:bold;
    padding:1px;
    margin-bottom:10px;
    margin-right:20px;
    font-family: Georgia;
}


/* preview immagine all'interno della scheda*/
#multimedia-content-tabs .singleContent img {
    float:left;
    margin-right:5px;
    cursor: pointer;
}



.others-content-box {
    background-color:#FFFFFF;
    border:1px solid #EA703F;
    border-top:0;
    border-bottom:0;
    clear:both;
    padding:0px;
    width: 372px;
    /*height: 270px;*/
    padding-top: 10px;
    position:relative;
    top:-3px;
}
.others-content-box .singleContent {
    float:left;
    width: 178px;
    height: 90px;
    overflow: hidden;
    padding-left:6px;
    margin:3px 0;
    border: 1px solid #fff;
}
.pageNavigationLinks {
    /*text-align: center;*/
    /*padding:3px 0px;*/
    position: relative;
    height:25px;
    /*border: 1px solid black;*/
}
.pageNavigationLinks .nextLink {
    background: url(../images/continue.gif) no-repeat right;
    position: absolute;
    right: 10px;
    top:3px;
    padding-right: 18px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
}
.pageNavigationLinks .previousLink {
    background: url(../images/previous.gif) no-repeat;
    position: absolute;
    left: 10px;
    top:3px;
    padding-left: 20px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
}


/* Blog colonna centrale */
#blog-column-title {
    background-image:url(../images/blog_title.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height:54px;
    clear:both;
}

#tem-area-logo {
    /*    padding:0px;
        margin: 0px;*/
    /*border: 1px solid green;*/
}

/* Comments area */
#area-commenti {
    background-color:#EA703F;
    background-image:url(../images/sitComBlog/sfondo_under_blog.jpg);
    background-position: bottom; background-repeat: repeat-x;
    border:0px solid gray;
    padding:20px 10px;
    margin:0px;
    color: #000;
    position:relative;
    /*top: -3px;*/
}
#user-not-logged-in-blog-text {color: #fff;font-size:12px;display:block;}
#area-commenti a, .sideLinks a {color:#fff; text-decoration: underline; }
#area-commenti a:hover {text-decoration: none; }

/*  Etichetta commenti */
.commentLabel {font-family:Georgia; font-style: italic; font-size: 14px; color: #000;display: block;margin-bottom:15px;visibility:hidden;}
/* Combo per filtrare gli eventi */
#comment-filter {float:right;}
#comment-filter select {width:130px;padding-left:3px;}

.talk {clear:both; border:0px solid black;}
.talkComment {clear:both;}

.talkReplies {display:none;border-left:5px dotted #fff;}

.commentHeader {font-weight:bold;}
.comment-left-column {float:left;width:70px;}
.comment-right-column {float:left;width:280px;}
.comment-right-column-sitcom {float:left;width:190px;}

a.subCommentsLink {text-decoration:none;font-weight: normal;}

.bottomLinks {float:right;}
.bottomLinks img, .sideLinks img, .notificheLinks img {vertical-align:text-bottom;margin-right:3px;margin-left:6px;}
.notificheLinks a {
    color:black;
}

.notificheLinks {
    background-color:#cc0000;
    padding:2px;
}

.scroll_checkboxes {
    height: 50px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    margin:0px;
    width:367px;
}

.checkbox_line input{
    width: 10px;
    margin-left:10px;
    margin-right:10px;
    padding:0px;
}

#area-commenti textarea {
    border: 1px solid #ed1c24;
    width:260px;
    height: 50px;
    overflow: auto;
}

.charsLeft {
    color:#333;
    font-weight:normal;
    padding:1px 3px;
    font-size: 10px;
}

.newCommentTextBlur {
    color: #808080;
    height: 25px;
}
.newCommentTextFocus {
    height: 50px;
    color: #333333;
}


input.postReplyButton {
    width: 80px;
    margin-left:180px;
    margin-top:5px;
}


#new-talk-box textarea {height:25px;}

#paginazione-commenti {clear:both;float:right;}
#paginazione-commenti span {color: #fff;margin:0px 3px;}
.nextPage {}
#current-page {color:#eee;}


.blogRow {
    height: 60px;
    padding-top:17px;
    padding-left:17px;
    /*text-align: center;*/
    background-image:url(../images/sfondo_titolo_area_arancio.jpg);
    background-repeat: repeat-x;
    /*background-color: #F76B38;*/
    color: #fff;
    font-family: Georgia;
    font-size: 18px;
}



/* NOTIFICATION */

/* HACK che aggiunge un elemento alla fine del blocco per allungarlo fino ad altezza immagine */
.notification {
    padding: 10px;
    border: 0px solid red;
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding:20px;
}
.notification h6 {
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;

}
.notification .imageBox {
    width:110px;
    float:left;
}
.notification .imageBox img {
    max-width: 100px;
    width: expression(this.width > 99 ? 100: true );
    border: 1px solid #D3CACB;
    padding:2px;
}
.notification .rightBox {
    width:600px;
    float:right;
}
.notification .rightBox h6 {
    margin-bottom: 5px;
}
.notification p.friendMessage {
    font-style: italic;
}
.notification p {
    padding:2px 2px;
    margin:0px;
}
.notification .user {
    padding-top: 5px;
}

.notification .links a {
    margin-right: 30px;
    color: #666;
    text-decoration: none;
}

.testoMessaggio {
    display:none;
}






ul.genericTab {
    list-style-type:none;
    list-style-image:none;
    /*border-bottom: 1px solid #c0c0c0;*/
    margin:0;
    /*margin-top:10px;*/
    padding:3px 0px;
}
ul.genericTab li {
    background-color:#EBEBEB;
    display:inline;
    /*border:1px solid #c0c0c0;*/
    border:0px;
    padding:3px 20px;
    margin:0 1px;
}
ul.genericTab li.selected {
    border:1px solid #c0c0c0;
    border-bottom:1px solid #EBEBEB;
}
ul.genericTab li a {
    text-decoration: none;
}
ul.genericTab li a:hover {
    text-decoration: none;
}
ul.genericTab li.selected a {
    color: #ed1c24;
}


div.tabBox {
    background-image: url(../images/sfondo_tab_box.jpg);
    background-repeat: repeat-x;
    background-position: 0px -6px;
    z-index:0;
    /*border-right:1px solid #ebebeb;
    border-left:1px solid #ebebeb;*/
}





















/*
Sondaggi
*/
ul.poll {
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
}
ul.poll li.question {
    margin: 10px 0px;
    padding: 0px;
    font-weight: bold;
}
ul.poll li.question ul.answer {
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
}

ul.poll li.question ul.answer li {
    margin: 10px 0px;
    padding: 0px;
    font-weight: normal;
    height: 1%;
    list-style: none;
}

ul.poll li.question ul.result li {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom:5px;
    width: 180px;
}
.pollGoButton {width:80px !important;}

.sitComPoll .row {float:left;width:280px;border-bottom: 1px dotted #c0c0c0;height: 66px; padding:3px;}
.sitComPoll .row img {float:left;margin:3px;width:60px;}
.sitComPoll div.barWrapper {
    width:150px;
    margin-top:20px;
    vertical-align: bottom;
    margin-left:70px;
}
.sitComPoll div.barWrapper div {
    border: 1px solid #ed1c24;
    background-color: #EA703F;
    height:18px;
}
.sitComPoll  span {
    display: block;
    padding:4px 0;
    margin-left:70px;
    /*float:left;*/
    font-weight: bold;
}



ul.poll li.question ul.answer div.barWrapper {
    width:100px;
    clear:both;
    float:left;
    margin:2px 5px 2px 0;
    vertical-align: bottom;
}
ul.poll li.question ul.answer div.barWrapper div {
    border: 1px solid #ed1c24;
    background-color: #EA703F;
    height:15px;
}
ul.poll li.question ul.answer span {
    display: block;
    padding:4px;
    float:right;
    font-weight: bold;
}

.pollBox {
    padding:15px;
    margin: 20px 40px 10px 0;
    height: 320px;
    width: 180px;
    float:left;
    text-align: center;
    border-bottom: 1px dotted #c0c0c0;
    overflow: hidden;
}
.pollBox h6 {
    margin:3px 0;
}
.pollBox p {}
.pollBox img {
    width: 140px;
}
.pollBox .imgWrapper {
    height: 170px;
    margin-bottom:5px;
    overflow: hidden;
}


#doc-search-box .tabBox h6 {
    font-weight: bold;
    font-family: Arial;
    margin-left: 5px;
}
#doc-search-box .tabBox {
    padding:20px;
}
#doc-search-box h4 {
    margin: 5px 2px;
}

#doc-search-box .linkList {
    margin-bottom: 30px;
}
#doc-search-box ul.linkList li {
    margin:8px;
}

.slideDown {
    background: url(../images/down.gif) no-repeat right;
    padding-right: 18px;
    padding-top:1px;
}
.pollTitleLink {
    display: block;
    margin-top: 10px;
    margin-bottom:3px;
    margin-left:3px;
    vertical-align: text-bottom;
    background: url(../images/continue.gif) no-repeat left;
    padding-left: 20px;
    padding-top:1px;
}

.codiceEtico {
    font-size: 12px;
    padding:10px;
    margin-top:15px;
}
.codiceEtico p {
    padding:5px;
}




#titoli-di-coda {
    width:300px;
    text-align: center;
}
#titoli-di-coda h5 {
    margin-top:20px;
    margin-bottom:5px;
    clear:both;
}

#titoli-di-coda #cast {
    width:250px;
    padding-left:20px;
    margin:auto;
    margin-bottom:20px;
    height:200px;
}
#titoli-di-coda #cast .realName {
    display: block;
    width:150px;
    float:right;
    text-align:center;
    font-size: 12px;
}
#titoli-di-coda #cast .characterName {
    float:left;
    width:60px;
    display: block;
    text-align:left;
    clear:left;
    font-weight: bold;
    font-size: 12px;
}

#titoli-di-coda img {
    width:110px;
    margin:10px;
}

#titoli-di-coda p {
    margin-top:20px;
}