#feedback-button {
    position: absolute;
    right: 0;
    top: 200px;
    outline: none;
}
#feedback-button:focus {
    -moz-outline-style: none;
}

#feedback-widget-close {
    position: absolute;
    top: -30px;
    right: -25px;
    cursor: pointer;
}

.ui-dialog {
    overflow: visible;
}

/**** index ****/

#feedback table.list td {
    padding: 10px 15px;
}

#feedback td.details p {
    margin-top: 3px;
}

#feedback td.votes {
    font-size: 32px;
    width: 40px;
    font-weight: bold;
}

#feedback td.votes div {
    text-align: center;
    padding: 10px 7px;
    min-width: 35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f2f2f2;
}


#feedback td.feedback-private {
    color: #ff0000;
    background-color: #ffcccc;
    font-weight: bold;
}

.feedback-type-idea, .feedback-type-general, .feedback-type-problem {
    font-weight: normal;
    font-size: 11px;
    padding: 2px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
}

.feedback-type-general {
    background-color: #d8f4ff;
    color: #3a95c4;
}

.feedback-type-idea {
    background-color: #e4ffbc;
    color: #499e00;
}

.feedback-type-problem {
    background-color: #ffd8d8;
    color: #ff4e4e;
}

.feedback-comments {
    margin-right: 10px;
    font-size: 11px;
}
.feedback-user {
    font-size: 11px;
}
#feedback td.details p img, #feedback p .feedback-user img {
    vertical-align: middle;
}
#feedback td.details p .avatar, #feedback p .feedback-user .avatar {
    margin: 0 5px;
}

.feedback-date {
    font-size: 11px;
}

.feedback-status-new, .feedback-status-accepted, .feedback-status-done, .feedback-status-wontdo, .feedback-status-duplicate {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 8px;
    color: #ffffff;
    font-size: 9px;
    text-transform: uppercase;
}

.feedback-status-new {
    background-color: #ff4e4e;
}
.feedback-status-accepted {
    background-color: #499e00;
}
.feedback-status-done {
    background-color: #3a95c4;
}
.feedback-status-wontdo {
    background-color: #a760ff;
}
.feedback-status-duplicate {
    background-color: #009e8e;
}



/**** detail ****/



#feedback div.votes {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding: 15px 7px 10px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f2f2f2;
    float: left;
    margin-right: 25px;
}

#feedback p.num-votes {
    font-size: 10px;
    text-align: center;
    color: #747474;
    margin: 5px 0;
}

#feedback #vote-down {
    float: left;
    margin-right: 2px;
}

#feedback #vote-up {
    float: left;
}

#feedback-detail-heading {
    margin: 0;
    padding: 10px 0 0 0;
}

#feedback-detail-heading .feedback-status-new, #feedback-detail-heading .feedback-status-accepted, #feedback-detail-heading .feedback-status-done, #feedback-detail-heading .feedback-status-wontdo, #feedback-detail-heading .feedback-status-duplicate {
    margin-right: 10px;
    vertical-align: middle;
}



.message.staff .staff {
    float: left;
    clear: left;
    padding-left: 10px;
    color: #747474;
    font-size: 11px;
}

.message.staff {
    background-color: #f1fbff;
}





#feedback-duplicate {
    margin: 10px 0 20px 0;
    padding: 15px 30px;
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


#feedback-duplicate {
    border-color: #cff2b2;
    background-color: #f4ffe9;
}