/* CORE STYLES */

/* noty bar */
.noty_bar {
        position: fixed;
        display: none;
        z-index: 9999999;
}

/* noty_message */
.noty_bar .noty_message {
        text-align: center;
}

/* noty close button */
.noty_bar .noty_close {
        cursor: pointer;
}

/* noty modal */
.noty_modal {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 10000;
        opacity: 0.6;
        display: none;
        left: 0;
        top: 0;
}

/* noty container for noty_layout_topLeft & noty_layout_topRight */
ul.noty_cont {
        position: fixed;
        z-index: 10000000;
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 300px;
}
ul.noty_cont li {
        position: relative;
        float: left;
        clear: both;
        list-style: none;
        padding: 0px;
        margin: 10px 0 0 0;
        width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
}
ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
ul.noty_cont.noty_layout_topRight li {float:right}

/* LAYOUTS */

/* noty_layout_top */
.noty_bar.noty_layout_top {
        top: 0;
        left: 0;
        width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
}

/* noty_layout_bottom */
.noty_bar.noty_layout_bottom {
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
}

/* noty_layout_center */
.noty_bar.noty_layout_center {
        top: 40%;
}

/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_layout_topLeft,
.noty_bar.noty_layout_topRight,
.noty_bar.noty_layout_bottomLeft,
.noty_bar.noty_layout_bottomRight {
        width: 100%;
        clear: both;
        position: relative;
}

.noty_bar.noty_layout_topLeft .noty_message,
.noty_bar.noty_layout_topRight .noty_message,
.noty_bar.noty_layout_bottomLeft .noty_message,
.noty_bar.noty_layout_bottomRight .noty_message {
        text-align: left;
}

/* noty_layout_topCenter */
.noty_bar.noty_layout_topCenter {
        top: 20px;
}