.plugin_note {
  margin: 2em auto; /*Отступ от левого края элемента*/
  max-width: 100%; /* Максимальная ширина страницы в процентах */ 
  min-height: 10px; /* Минимальная высота */
  text-align: justify; /*горизонтальное выравнивание текста в пределах элемента (justify - по ширине)*/
  vertical-align: middle;/*Выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента.*/
  border-collapse: collapse; /* отображать границы вокруг ячеек таблицы*/
  padding: 12px 17px 12px 27px; /*Устанавливает значение полей вокруг содержимого элемента*/
  /*background-position: 20px 50%;*/
  background-repeat: no-repeat;/*Определяет, как будет повторяться фоновое изображение (no-repeat
Устанавливает одно фоновое изображение)*/
  -moz-border-radius: 3px; /*Устанавливает набор цветов для нижней границы элемента*/
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: black;
  overflow: hidden;
}

.plugin_note .li {
  color: black !important;
}
 
.noteclassic {
  /*серый grey #708090  #dcdcdc*/ /*набор цветов*/
  /*background-image: url(images/note.png);*/ /*путь к иконкам - не используется*/
  background: linear-gradient(
            to right,
            #708090 0%,
            #708090 1%,
            #dcdcdc 1%,
            #dcdcdc 100%
        );  

}
 
.noteblue {
  /*синий blue #0000ff  #eeeeff*/
  /*background-image: url(images/note.png);*/
  background: linear-gradient(
            to right,
            blue 0%,
            blue 1%,
            #eeeeff 1%,
            #eeeeff 100%
        );  
}
 
.noteyellow {
  /*желтый yellow #ffff00 #ffffcc*/
  /*background-image: url(images/important.png);*/
    background: linear-gradient(
            to right,
            #ffff00 0%,
            #ffff00 1%,
            #ffffcc 1%,
            #ffffcc 100%
        ); 
}
 
.notegreen {
  /*зеленый green #008000  #ddffdd*/
  /*background-image: url(images/warning.png);*/
    background: linear-gradient(
            to right,
            #008000 0%,
            #008000 1%,
            #ddffdd 1%,
            #ddffdd 100%
        ); 
}
 
.notered {
  /*красный red #ff0000* #ffdddd/
  /*background-image: url(images/tip.png);*/
    background: linear-gradient(
            to right,
            #ff0000 0%,
            #ff0000 1%,
            #ffdddd 1%,
            #ffdddd 100%
        ); 
}

.noteorange {
  /*оранжевый orange #ff8c00 #ffe2bd*/
  /*background-image: url(images/tip.png);*/
    background: linear-gradient(
            to right,
            #ff8c00 0%,
            #ff8c00 1%,
            #ffe2bd 1%,
            #ffe2bd 100%
        ); 
}

.notepurple {
  /*фиолетовый purple #800080 #ebc7eb*/
  /*background-image: url(images/tip.png);*/
    background: linear-gradient(
            to right,
            #800080 0%,
            #800080 1%,
            #ebc7eb 1%,
            #ebc7eb 100%
        ); 
}

.notebrown {
  /*коричневый brown #805c38  #f0d698*/
  /*background-image: url(images/tip.png);*/
    background: linear-gradient(
            to right,
            #805c38 0%,
            #805c38 1%,
            #f0d698 1%,
            #f0d698 100%
        ); 
}

.noteblack {
  /*черный black #000000  d3d3d3*/
  /*background-image: url(images/tip.png);*/
    background: linear-gradient(
            to right,
            black 0%,
            black 1%,
            #d3d3d3 1%,
            #d3d3d3 100%
        ); 
}


/*серый grey #708090  #dcdcdc*/
/*синий blue #0000ff  #eeeeff*/
/*желтый yellow #ffff00 #ffffcc*/
/*зеленый green #008000  #ddffdd*/
/*красный red #ff0000* #ffdddd/
/*оранжевый orange #ffda99 #ffe2bd*/
/*фиолетовый purple #800080 #ebc7eb*/
/*коричневый brown #805c38  #e8b37d*/
/*черный black #000000  e6e8e6*/