/* @group Notice Styles */

span.attention,
span.notice,
span.alert,
span.download,
span.approved,
span.media,
span.note,
span.cart,
span.camera,
span.doc {
    display: block;
    padding: 8px 10px 8px 36px;
    margin: 5px 0;
}

span.attention {
    color: #B79000;
    border: 1px solid #E7BD72;
    background: #FFF3A3 url(images/notice/attention.png) 10px 50% no-repeat;
}

span.notice {
    color: green;
    border: 1px solid #EEE;
    background: #EEE;
}

span.alert {
    color: #CF3738;
    font-size:12px;
    border: 2px solid #e5606f;
    background: Transparent url(images/notice/alert.png) 10px 50% no-repeat;
}

span.download {
    color: #1C6B8B;
    border: 1px solid #6ABCE2;
    background: #A8CDE3 url(images/notice/download.png) 10px 50% no-repeat;
}

span.approved {
    color: #666;
    border: 1px solid #a8a8a8;
    background: #ccc url(images/notice/approved.png) 10px 50% no-repeat;
}

span.media {
    color: #C76E34;
    border: 1px solid #FFBB65;
    background: #FFE0B6 url(images/notice/media.png) 10px 50% no-repeat;
}

span.note {
    color: #B79000;
    border: 1px solid #E7BD72;
    background: #FFF3A3 url(images/notice/note.png) 10px 50% no-repeat;
}

span.cart {
    color: #666;
    border: 1px solid #C5C5C5;
    background: #E6E6E6 url(images/notice/cart.png) 10px 50% no-repeat;
}

span.camera {
    color: #666;
    border: 1px solid #C5C5C5;
    background: #E6E6E6 url(images/notice/camera.png) 10px 50% no-repeat;
}

span.doc {
    color: #C76E34;
    border: 1px solid #FFBB65;
    background: #FFE0B6 url(images/notice/doc.png) 10px 50% no-repeat;
}