/* 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;
}