[data-role="notification-message"]{
    height:auto;
    background:rgba(0,0,0,.9);
    -moz-border-bottom-left-radius:4px; 
    -o-border-bottom-left-radius:4px; 
    -webkit-border-bottom-left-radius:4px; 
    border-bottom-left-radius:4px; 
    -moz-border-bottom-right-radius:4px; 
    -o-border-bottom-right-radius:4px; 
    -webkit-border-bottom-right-radius:4px; 
    border-bottom-right-radius:4px;  
    box-shadow: 0 3px 3px rgba(0,0,0,.5);
    position:absolute !important;
    display:block !important;
    z-index:500 !important;
    left:0;
    width:100%;
	min-width:320px !important;
	max-width:500px !important;
	margin-top:-200px;
	padding:12px 15px 7px !important;
	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
}

[data-role="notification-message-icon"]{
    width:30px;
    height:30px;
    min-width:30px;
    min-height:30px;
    max-width:30px;
    max-height:30px;
    background-image:url('/scripts/plugins/notification-message/images/notification-icons.png');
    background-repeat:no-repeat;
    background-position:30px 0;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
    margin:0 10px 10px 0;
    border-collapse:collapse !important;
    border:none !important;
}

[data-role="notification-message-content"]{
    font-size:90% !important;
	line-height:140%;
    color:#fff !important;
    text-shadow:none !important;
    display:inline-block;
    padding-top:7px;
}

[data-role="notification-message"].notification-message-top-center{
    top:45px;
  
}

[data-role="notification-message"].notification-message-top-left{
    top:45px;
    left:0;
}

[data-role="notification-message"].notification-message-top-right{
    top:45px;
    right:0;
}

[data-role="notification-message"].notification-message-center-center{
    top:50%;
    left:50%;
    right:50%;
    bottom:50%;
}

[data-role="notification-message"].notification-message-center-left{
    top:50%;
    left:0;
    bottom:50%;
}

[data-role="notification-message"].notification-message-center-right{
    top:50%;
    right:0;
    bottom:50%;
}

[data-role="notification-message"].notification-message-bottom-center{
    bottom:0;
    left:50%;
    right:50%; 
}

[data-role="notification-message"].notification-message-bottom-left{
    bottom:0;
    left:0;
}

[data-role="notification-message"].notification-message-bottom-right{
    bottom:0;
    right:0; 
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    [data-role="notification-message-icon"]{
        background-image:url('/scripts/plugins/notification-message/images/notification-icons@2x.png');
        background-size:auto 30px;
    }
}
@media only screen and (min-width:1025px){
     [data-role="notification-message"]{
        left:50%;
	    margin-left:-250px;
     }
}
@media only screen and (max-width:1024px){
    [data-role="notification-message"]{
        width:100%;
     }    
}

@media only screen and (width:768px) and (orientation:portrait){
    [data-role="notification-message"]{
        width:500px;
        left:50%;
        margin-left:-300px;
    }
}
@media only screen and (width:1024px) and (orientation:landscape){
    [data-role="notification-message"]{
        left:50%;
        width:500px;
	    min-width:500px;
	    margin-left:-250px;
    }
}
@media only screen and (max-width:320px) and (orientation:portrait){
	/* Targets iPhone in portrait orientation */
	[data-role="notification-message"]{
	    width:100%;
	    min-width:320px;
	}
}
@media only screen and (min-width:480px) and (orientation:landscape){
	/* Targets iPhone in landscape orientation */
	[data-role="notification-message"]{
	    width:100%;
	    min-width:480px;
	}
}


[data-role="page-message"]{
    height:95px;
    background:#DDDD58;
    box-shadow: 0 3px 3px rgba(0,0,0,.5);
    position:absolute !important;
    display:block !important;
    z-index:500 !important;
    left:0;
    width:100%;
    width: 100% !important;
	margin-top:-200px;
	padding:12px 15px 7px !important;
	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
    text-align: center;
}

[data-role="page-message-content"]{
    margin-top: 50px !important;
    font-size: 100%;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}