
#ct-left-column{
    vertical-align: top;
}
#ct-mid-column{
    vertical-align: top;
}

#ct-page-content{
    padding: 0 10px;
}

.ct-avatar100{
    width: 100px;
    height: 100px;
    border: solid 2px #CCC;
    position: relative;
}

.ct-avatar .filedrop-progress{
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
}

.filedrop{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.filedrop-progress.animated .ui-progressbar-value{
    background-image: url(img/pbar-ani.gif);
}
/*.filedrop .fileup-form{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}*/
.filedrop .fileup-input{
    /*width: 400px;
    height: 100%;*/
    cursor: pointer;
    position: absolute;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    width: auto !important;
}

.ct-avatar-frame{
    width: 100px;
    height: 100px;
    background: url(img/blank_avatar.png) no-repeat center;
}

.ct-admin-button{
    float: right;
    width: 32px;
    height: 32px;
    background: url(img/cog_edit.png) no-repeat center;
}

.iconpanel-section-title{
    background: #FC8;
    padding: 2px 20px;
}

.iconpanel-item{
    float: left;
    width: 100px;
    height: 110px;
    text-align: center;
    margin: 4px 2px;
}
.iconpanel-item:hover{
    background-color: #FFF8E0;
}
.iconpanel-icon{
    width: 64px;
    height: 64px;
    /*border: solid 1px #FC8;*/
    margin: auto;
}

.icon-cv{
    background-image: url(icons/cv.png);
}

.ct .page-title{
    padding: 8px 20px;
    font-size: 20px;
}

.ct .page-title .button{
    margin-left: 8px;
}

/* menu */

/*.ct .menu{
    padding: 4px 2px;
    border-top: solid 1px #CCC;
}*/

/* blog */

.ct .blog .new-post{
    padding: 1px 10px;
    background-color: #FC8;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
.ct .blog .new-post:hover{
    background-color: #FDA;
}
.ct .blog .new-post div{
    vertical-align: middle;
}
.ct .blog .posts{
    margin-top: 4px;
    border-top: solid 1px #CCC;
    padding: 0 10px;
}
.ct .blog .no-posts{
    text-align: center;
    padding: 30px 10px;
    font-style: italic;
}
.ct .blog .post.preview{
    border-bottom: dashed 1px #CCC;
    padding: 10px;
}
.ct .blog .post.preview .title{
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 4px;
}
.ct .blog .post.preview.draft{
    background-color: #DDD;
    color: #999;
}

/*.ct .comments{
    margin: 20px;
    border: solid 1px #F60;
    background: #F95;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
.ct .comments-title{
    color: #FFEAD5;
    border-bottom: solid 3px #FFEAD5;
    margin: 0 10px;
    font-size: 20px;
}
.ct .button.add-comment{
    margin: 2px 10px;
    padding: 1px 10px;
    background-color: #F60;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
.ct .button.add-comment:hover{
    background-color: #FDA;
}
.ct .add-comment-form{
    margin: 2px 10px;
    padding: 1px 10px;
    background-color: #F60;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ct .add-comment-form .button{
    display: inline-block;
    padding: 1px 10px;
    background-color: #FFEAD5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ct .add-comment-form .msg-error{
    margin-top: 4px;
    border-color: #F00;
    color: #FFF;
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ct .add-comment-form textarea{
    width: 100%;
}
.ct .no-comments{
    text-align: center;
    padding: 10px 10px;
    font-style: italic;
}

.ct .comment-area-main{
    margin: 0 20px 0 -20px;
}
.ct .comment-area{
    margin-left: 40px;
}
.ct .comment{
    position: relative;
    margin-bottom: 4px;
    padding: 2px 8px;
    min-height: 40px;
}
.ct .comment .avatar{
    position: absolute;
    z-index: 10;
    left: 0;
    width: 40px;
    height: 40px;
    /-*margin: 0 4px 4px 0;*-/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: solid 3px #FFEAD5;
}
.ct .comment .creator{
    float: left;
    margin-left: 32px;
    padding: 0 10px 0 10px;
    font-size: 10px;
    
    background: #F60;
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0s;
}
.ct .comment .time{
    float: left;
    margin-left: 10px;
    font-size: 10px;
}
.ct .comment .content{
    clear: both;
    color: #004;
    font-size: 12px;
    margin-left: 24px;
    padding-left: 20px;
    
    background: #FFEAD5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
*/

.form.table{ display:table; }
.form.table .section{ display: table-row; }
.form.table .label{ display: table-cell; font-weight: bold; vertical-align: top;}
.form.table .inputs{ display: table-cell; }
.form.table .msg-area{ display: table-caption; }

.form .wysiwyg{
    width: 600px;
    height: 120px; 
    padding: 0;
}
/*.form .wysiwyg iframe{
    width: 99% !important;
    margin: 2px;
}*/

.ct .pager{
    text-align: center;
}
.ct .pager span{
    margin: 0 6px;
}
.ct .pager .active{
    font-weight: bold;
}

.ct .user-perms .multistate{
    margin-left: -12px;
}

.ct .vote-area img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.ct .vote-area .time {
    font-size: 10px;
    margin-left: 5px;
}
.ct .voto-star {  
    width: 22px;
    height: 22px;  
}
.ct .button-voto-star { cursor: pointer; }
.voto-star-inactive {
    background-image: url(icons/star.png);
    background-position: 0px -22px;
}
.voto-star-active {
    background-image: url(icons/star.png);
    background-position: 0px 0px;
}
.voto-star-grey {
    background-image: url(icons/star.png);
    background-position: 0px -44px;     
}
.ct .voto {

}

.ct .text-search .button{
    margin-left: 6px;
    display: inline-block;
    padding: 1px 6px 2px;
    border: solid 1px #F60;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ct .search-results{
    margin-top: 4px;
    border-top: solid 1px #CCC;
}

.ct .search-results .result{
    margin-top: 4px;
    padding: 0px 8px;
    border: solid 1px #CCC;
}
.ct .search-results .result .title{
    font-size: 1.2em;
    margin: 3px 0;
}

.ct .search-results .subresult{
    padding: 2px 0;
    margin-left: 30px;
    border-top: dashed 1px #CCC;
}

.ct .search-results .facets{
    background: #EEE;
    padding: 4px 8px;
}

.ct .search-results .sorts .sort{
    display: inline-block;
    padding: 4px 10px;
    border: solid 1px #EEE;
    margin-right: 4px;
}

.ct .search-results .sorts .sort.active{
    background-color: #F95;
}
.ct .search-results .sorts .sort.disabled{
    color: #CCC;
}


.ct .ideas .post.preview{
    border-bottom: dashed 1px #CCC;
    padding: 10px;
}
.ct .ideas .idea.preview .title{
    margin-bottom: 4px;
}
.ct .ideas .idea.preview .title:hover{
    text-decoration: underline; 
}   
.ct .ideas .idea{
    margin-top: 4px;
    border-top: solid 1px #CCC;
    padding: 0 10px;
}
.ct .menu-idea-titolo {
    font-weight: bold; 
}
.ct .likes-bar,
.ct .votes-bar { 
    margin-top: 2px;
    padding: 5px; 
    border-top: 1px solid #CCC; 
    border-bottom: 1px solid #CCC; 
}

.ct .add-vote {
    /* background: url(icons/vote.png) left top no-repeat #EEEEEE; */
    background: #EEEEEE;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 3px;
    padding-left: 3px;
    color: #0066CC;
    border-top: dashed 1px #CCC;
    border-bottom: dashed 1px #CCC;
}

.ct .add-vote:hover { background: #ffCC88; }

.ct .show-vote {
    background: #EEEEEE;
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
    color: #0066CC;
    border-top: dashed 1px #CCC;
    border-bottom: dashed 1px #CCC;
}

.ct .show-vote:hover { background: #ffCC88; }

.ct .new-question,
.ct .new-idea {
    background: #EEEEEE;
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
    color: #0066CC;
    border-top: dashed 1px #CCC;
    border-bottom: dashed 1px #CCC;
}

.ct .new-idea:hover { background: #ffCC88; }

.ct table.stars { display: inline;}

.ct #ct-left-column-content .block{
    padding: 10px 0;
    border-top: solid 1px #CCC;
}

.ct #ct-left-column-content .block .title{
    font-weight: bold;
}

.ct #ct-left-column-content .block .menu-item{
    color: #06c;
    padding: 0px 10px;
}
.ct #ct-left-column-content .block .menu-item:hover{
    background: #FC8;
}
.ct #ct-left-column-content .block .add-item{
    margin-top: 4px;
    border-top: dashed 1px #CCC;
    border-bottom: dashed 1px #CCC;
    font-style: italic;
    background: #EEE;
}
.ct #ct-left-column-content .block .add-item .icon-16{
    vertical-align: -13%;
}

.ct .menulist-placeholder{
    height: 24px;
    background: #EEF;
    border: dashed 2px #1c94c4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ct .wd-structure-form .question{
    margin-left: 40px;
}
.ct .wd-structure-form .question-text{
    margin-left: 40px;
}
.ct .wd-structure-form .new-question{
    margin: 2px 0 8px 40px;
    display: inline-block;
    background: none repeat scroll 0 0 #BB0000;
    border: 1px outset #BB0000;
    border-radius: 6px 6px 6px 6px;
    color: #FFF;
    padding: 0px 5px;
}

.ct .wd .thread{
    margin-bottom: 10px;
}
.ct .wd .questions{
    margin-left: 20px;
}
.ct .wd .inactive{
    background-color: #EEE;
    color: 777;
    font-style: italic;
}

.ct .wd-thread .inactive{
    background-color: #EEE;
}
.ct .wd-thread .children-area{
    margin-left: 30px;
    padding-left: 10px;
    border-left: dashed 1px #CCC;
}
.ct .wd-thread .answer .content{
    float: left;
    clear: both;
    margin: 4px 0;
    padding: 2px 12px;
    border: solid 2px #F6AF48;
    border-radius: 0 16px 16px 16px;
    -webkit-border-radius: 0 16px 16px 16px;
    -moz-border-radius: 0 16px 16px 16px;
}
.ct .wd-thread .reply-button{
    float: left;
    font-size: 0.9em;
    background: #DDC;
    padding: 1px 6px;
    border: solid 2px #CCB;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.ct .wd-thread .question,
.ct .wd-thread .answer{
    clear: both;
}
.ct .wd-thread .question-title{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #C00;
}
.ct .wd-thread .question-content{
    margin: 4px 0;
    padding: 10px;
    background: #EFE;
    border-radius: 0 16px 16px 16px;
    -webkit-border-radius: 0 16px 16px 16px;
    -moz-border-radius: 0 16px 16px 16px;
}
.ct .new-vote-form .label {
    display: none;
}
.button.vote-button {
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ct .button-show:hover,
.ct .button.show-like:hover,
.ct .button.like-button:hover,
.ct .button.vote-button:hover {        
    text-decoration: underline;
}
.ct .like-icon-button {
    height: 30px; width: 35px;
    background: url('img/like30.png');     
}
.ct .like-record {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 20px;
    padding-top: 2px;
    padding-left: 25px;
    background: url('img/like20.png') no-repeat;     
}
.ct .new-like-area {
    padding: 5px;
}
.ct .act_ct_ent_like {
    background: url('img/like40.png') no-repeat top right;     
}
.ct .act_ct_ent_vote {
    background: url('img/star40.png') no-repeat top right;     
}
.ct .act_ct_ent_idea {
    background: url('img/idea40.png') no-repeat top right;     
}
.ct .act_ct_ent_comment {
    background: url('img/comments_red40.png') no-repeat top right;     
}
.ct .act_ct_ent_post { 
    background: url('img/post40.png') no-repeat top right;     
}
.ct .activity-date {font-size: 10px;}
.icon-24-mod-ideas{background-image:url(../../icons/24/mod-ideas.png);}
.ct .activity {
    border: 1px solid #CCCCCC;
    margin-bottom: 4px;
    padding: 4px 8px;
}
.ct .notification { 
    border: 1px solid #CCCCCC;
    margin-bottom: 4px;
    padding: 4px 30px;
}
.ct .noread { border: 2px solid #CCCCCC; }
.ct .notification.commented { background: url('img/comments_red20.png') no-repeat top left; background-position: 2px 4px;   }
.ct .notification.liked { background: url('img/like20.png') no-repeat top left;  background-position: 2px 4px;  }
.ct .notification.voted { background: url('img/star20.png') no-repeat top left;  background-position: 2px 4px;  }
