.HarpNotify
{
    width:50%;
    height:auto;
    float:left;
    color:#FFFFFF;
    word-wrap:break-word;
    padding:0.5em 0 0.5em 0;
    z-index: 999999;
    position:fixed;
    top:0;
    left:25%; 
}
.HarpNotify .bg {
    background:url('images/robo-system.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width:64px;
    height:64px;
    float:left;
    display:none;
    margin:0.5em 0.5em 0 0;
}
.HarpNotify .warning
{
    background-color:#FCC308;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9; 
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;  
    color:#000000;
    width:100%;
    float:left;
    padding:1%;
}
.HarpNotify p
{
    font-weight:bold;
    font-size:1.5em;  
    margin:0.1em 0.1em 0.1em 0.1em; 
}
.HarpNotify .warning .n-icon
{
    background:url('images/warning.png'); 
    width:32px;
    height:32px;
    display:inline-block;
    float:right;
}

.HarpNotify .info
{
    background-color:#63B8FF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9; 
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;  
    color:#000000;
    width:100%;
    float:left;
    padding:1%;
}
.HarpNotify p
{
    font-weight:bold;
    font-size:1.5em;  
    margin:0.1em 0.1em 0.1em 0.1em; 
}
.HarpNotify .info .n-icon
{
    background:url('images/info.png'); 
    width:32px;
    height:32px;
    display:inline-block;
    float:right;
}

.HarpNotify .success
{
    background-color:#43CD80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9; 
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;  
    color:#000000;
    width:100%;
    float:left;
    padding:1%;
}
.HarpNotify p
{
    font-weight:bold;
    font-size:1.5em;  
    margin:0.1em 0.1em 0.1em 0.1em; 
}
.HarpNotify .success .n-icon
{
    background:url('images/success.png'); 
    width:32px;
    height:32px;
    display:inline-block;
    float:right;
}


.HarpNotify .error
{
    background-color:#FF4040;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9; 
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;  
    color:#000000;
    width:100%;
    float:left;
    padding:1%;
}
.HarpNotify p
{
    font-weight:bold;
    font-size:1.5em;  
    margin:0.1em 0.1em 0.1em 0.1em; 
}
.HarpNotify .error .n-icon
{
    background:url('images/error.png'); 
    width:32px;
    height:32px;
    display:inline-block;
    float:right;
}