/**
*    Tools: Notice
**
*    Used on: -> gallery
*
*    @author  Frenk T. Sedmak Nahtigal
*    @version 1.03
**/

/* =Notice
----------------------------------------------- */
.notice {
    width: 100.3%;
    margin-bottom: 24px;
    float: left;
    position: relative;
    left: -2px;
    overflow: visible;
}

    .notice > span {
        width: 60px;
        height: 23px;
        position: absolute;
        bottom: 1px;
    }

    .notice.left > span {
        left: 0;
    }

    .notice.right > span {
        right: 0;
    }

    .notice > div {
        line-height: 1.4;
        padding: 12px 20px;
    }

        .notice.left > div {
            margin-left: 54px;
        }

        .notice.right > div {
            margin-right: 54px;
        }

    .notice > a {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 6px;
        text-indent: -9999px;
    }

        .notice.left > a {
            right: 5px;
        }

        .notice.right > a {
            right: 58px;
        }

    .notice.hide {
        display: none;
    }

    .notice > ul {
        width: 860px;
        line-height: 1.4;
        margin-right: 54px;
        float: left;
    }

        .notice > ul li {
            width: 257px;
            padding: 12px 10px 12px 20px;
            float: left;
            word-wrap: break-word;
        }

        .notice > ul li:first-child {
            padding-left: 19px;
        }

            .notice > ul li h4,
            .notice > ul li p {
                width: 100%;
                float: left;
            }