body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.not-on-screen
{
    display: none;
}

th,td
{
    line-height: 22px;
    border:solid 1px #ccc;
    padding:5px;
}

i
{
    content:"\00a0";
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;    
    &.green
    {
        background-color:green;
    }
    &.red
    {
        background-color:red;
    }
    &.orange
    {
        background-color:orange;
    }
    
    &.icon-grin2
    {
        color:green;
    }
    &.icon-angry2, &.icon-blocked
    {
        color:red;
    }
    &.icon-confused2, &.icon-contrast
    {
        color:orange;
    }

}

.right
{
    text-align: right;
}

.left
{
    text-align: left;
}