.badge-anonymous-user     ,
.badge-unconfirmed-user   ,
.badge-registered-user    ,
.badge-member             ,
.badge-contributor        ,
.badge-editor             ,
.badge-site-admin         ,
.badge-system-admin    ,
.r0, .r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10, .r11, .r12, .r13, .r14, .r15   
{
  width: 150px;
  padding: 5px;
  margin: 10px 0;
  border: 1px solid #ccc;
  font-size: 0.9em;
  font-weight: bold;
}

.r0      {
  color: #999999;
}

.badge-anonymous-user, .r1       {
  color: #777777;
}
.badge-unconfirmed-user, .r7     {
  color: #513b8d;
}
.badge-registered-user, .r2       {
  color: #113b8d;
}
.badge-member, .r6                {
  color: #117322;
}
.badge-contributor, .r5 {
  color: #c97200;
}
.badge-editor {
  color: #c97200;
}
.badge-site-admin, .r3            {
  color: #c90000;
}
.badge-system-admin, .r4          {
  color: #c90000;
}

.badge-special-role, .r8, .r9, .r10, .r11, .r12, .r13, .r14, .r15 {
  color: #00697c;
}

div.role-choose {
margin: 0; 
padding: 0;
border: 0;
}

div.role-choose label.option {
color: inherit;
cursor: pointer;
padding: 5px 10px;
display: block;
border: 1px solid #fff;
}

div.role-choose label.option:hover {
background-color: #eee;
border: 1px outset #888;
}

div.role-choose label.option:active {
border: 1px inset #888;
}

table.user-role-manager td, table.user-role-manager th {
vertical-align: top;
padding: 10px;
}

.preview-roles .form-checkboxes {
  padding-left: 20px;
}