.widget_invitesidebar {
    margin: 0px;
    padding: 0px;
}
.widget_invitesidebar #tab_coauthor {
    float: right;
    width: 116px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}
.widget_invitesidebar #tab_invite {
    float: left;
    width: 113px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}
.widget_invitesidebar #coauthor_list, .widget_invitesidebar #invite_list {
    padding-top: 10px;
    padding-left: 15px;
    clear: both;
}
.widget_invitesidebar #invite_friends, .widget_invitesidebar #invite_guests {
    padding: 10px 0 10px 0px;
    max-height: 300px;
    overflow-y: auto;
}
.widget_invitesidebar #invite_guests, .widget_invitesidebar #invited_guests {
    height: 100px;
}
.widget_invitesidebar #invited_coauthors, .widget_invitesidebar #invited_guests {
    padding: 10px 0 10px 0px;
}

/* Title for Sections */
.widget_invitesidebar .title {
    color:#359bd7;
    font-size: 1.2em;
    font-weight: bold;
}

.widget_invitesidebar .name {
    margin-left: 5px;
    color: #58595a;
}

.widget_invitesidebar #new_inviter {
    float: left;
    border: solid #ced4dd 1px;
    height: 18px;
    width: 155px;
}
.widget_invitesidebar #invite_area {
    margin: 10px 0 10px 5px;
    width: 195px;
}

.widget_invitesidebar #add_coauthor {
    float: right;
    margin-top: 1px;
    height: 27px;
    width: 27px;
    cursor: hand;
    cursor: pointer;
    display: block;
    background: url(../images/add_button.png) no-repeat 0 0;
}
.widget_invitesidebar #add_coauthor:hover {
    background-position: 0 -27px;
}
.widget_invitesidebar #add_coauthor:active {
    background-position: 0 -54px;
}

.widget_invitesidebar #new_inviter_submit_text {
    color:#484848;
    font-style:italic;
}

.widget_invitesidebar .avatar {
    margin-left: 2px;
    /* vertical-aligning for image automatically aligns text besides it */
    vertical-align: middle;
}

/* start - CSS for checkbox */
.widget_invitesidebar #invite_friends .checkbox, .widget_invitesidebar #invited_coauthors .checkbox {
    float: left;
    width: 22px;
    height: 22px;
    padding-top: 7px;
    background-color: #ecebeb;
}
.widget_invitesidebar #invite_guests .checkbox, .widget_invitesidebar #invited_guests .checkbox {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: -3px;
    background-color: #ecebeb;
}
.widget_invitesidebar .unchecked, .widget_invitesidebar .checked, .widget_invitesidebar .invited {
    width: 22px;
    height: 22px;
    cursor: hand;
    cursor: pointer;
}

.widget_invitesidebar .unchecked {
    background: url(../images/unchecked.gif) no-repeat;
}

.widget_invitesidebar .checked {
    background: url(../images/checked.gif) no-repeat;
}

.widget_invitesidebar .invited {
    background: url(../images/remove.gif) no-repeat;
}
/* end - CSS for checkbox */