.msg-alert{
 text-align: left;
 margin-bottom:15px;padding:10px;
 border-radius:4px;text-shadow:0 1px 0 #fff;position: relative;
 background:#fff;color:#444;border:1px solid #ddd;
}

.msg-alert span{display: block; background-repeat: no-repeat; position: absolute; top: 50%;
	background: url("courses-sprite.png") no-repeat 0 33px; width: 31px; height: 31px; left: 17px; margin-top: -15px;
}
.msg-alert-hint		{background: #ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3);}
.msg-alert-hint span	{background-position: 0 0;}
.msg-alert-hint a	{color:#2d7091;}
.msg-alert-hint a:hover	{color:#2196f3;}
.msg-alert-warning	{background: #fffceb;color:#e28327;border-color:rgba(226,131,39,.3);}
.msg-alert-warning span	{background-position: 0 -144px;}
.msg-alert-danger	{background: #fff1f0;color:#d85030;border-color:rgba(216,80,48,.3);}
.msg-alert-danger span	{background-position: 0 -96px;}
.msg-alert-success	{background: #f2fae3;color:#659f13;border-color:rgba(101,159,19,.3);}
.msg-alert-success span	{background: url("success.png") no-repeat 0 0; width: 36px; height: 33px; left: 15px; margin-top: -16px;}

*+.msg-alert{margin-top:15px;}
.msg-alert>:last-child{margin-bottom:0;}
.msg-alert > div {padding: 0 0 0 55px !important;}
.msg-alert h1,
.msg-alert h2,
.msg-alert h3,
.msg-alert h4,
.msg-alert h5,
.msg-alert h6{color:inherit;}
	.msg-alert>.uk-close:first-child{float:right;}
	.msg-alert>.uk-close:first-child+*{margin-top:0;}
	.msg-alert-large{padding:20px;}
	.msg-alert-large>.uk-close:first-child{margin:-10px -10px 0 0;}







pre.syntax {
    font-family: Courier New;
    background-color: #eee;
    padding: 1em 1em 1em 1em;
    border: 1px solid #ddd;
    /*width: 750px;*/
    max-height: 160px;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 17px;
}
.msg-notification .syntax {white-space: pre-wrap;}

.msg-notification .syntax {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    min-height: 38px;
    max-height: 200px;
    margin: 24px 0;
    overflow-x: auto;
    padding: 19px 30px 24px 42px;
}

.msg-notification {text-align: left;}
.msg-notification .warning,
.msg-notification .note,
.msg-notification .tip,
.msg-notification .hint,
.msg-notification .play
{
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    /*min-height: 38px;*/
    margin: 24px 0;
    padding: 19px 30px 24px 42px;
    position: relative;
}
.msg-notification .warning {
    background: #fef2f2;
    border-color: #fcdddd;
}
.msg-notification .note {
    background: #f6fbf3;
    border-color: #ceebbd;
}
.msg-notification .tip {
    background: #fffcf9;
    border-color: #fcecda;
}
.msg-notification .hint {
    background: #f7fafe;
    border-color: #e4eefb;
}
.msg-notification .play {
    background: #f2fbfc;
    border-color: #d7ebf0;
}

.msg-notification .ico-warning:before,
.msg-notification .ico-note:before,
.msg-notification .ico-tip:before,
.msg-notification .ico-hint:before
{
    background: url("courses-sprite.png") no-repeat 100px;
    content: '';
    height: 31px;
    top: -9px;
    left: -6px;
    position: absolute;
    width: 31px;
}
.msg-notification .ico-warning:before {background-position: 0 -96px;}
.msg-notification .ico-note:before {background-position: 0 -49px;}
.msg-notification .ico-tip:before {background-position: 0 -144px;}
.msg-notification .ico-hint:before {background-position: 0 0;}