.msg .x-box-mc {
    font-size:14px;
}
.successmsg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #CED9E7;
    border: 2px solid #0000d7;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .successmsg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #CED9E7;
    border: 2px solid #00c700;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #fa0000;
}
#msg-div .msg p {
    margin: 0;
    color: #c70000;
}

#msg-div .successmsg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #00c700;
}
#msg-div .successmsg p {
    margin: 0;
    color: #00c700;
}

.clockInStyle { 
        background-color: #0c0 !important;
        background: #0c0 !important;
        font-weight: bold !important;
    color: #fff !important;
}

.clockOutStyle { 
        background-color: #c00 !important;
        font-weight: bold !important;
}

.interestingItem {
color: #87BA2D !important; 
}

.orange-row .x-grid-cell { 
    background-color: #fde9d9 !important; 
} 

.red-row .x-grid-cell { 
    background-color: #f2dcdb !important;
}

.blue-row .x-grid-cell {
    background-color: #97cef2 !important;
}

.yellow-row .x-grid-cell {
    background-color: #f2ee87 !important;
}

.bold-red .x-grid-cell {
        color:red !important;
        font-weight: bold !important;
}

.foreground-green .x-grid-cell {
        color:green !important;
}

.strike-through { 
        text-decoration: line-through !important; 
}

.add-note {
        background-image: url("/app/resources/images/icons/note.png") !important;
        background-repeat: no-repeat;
        background-position: right center;
}