Added CSS and images for warning boxes.

css/stylesheet.css

@@ -263,3 +263,45 @@ a {
 .cf {
   zoom:1;
 }
+
+.noteclassic, .noteimportant, .notewarning, .notetip {
+  margin: 2em;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70% !important;
+  min-height: 40px;
+  clear: both;
+  text-align: justify;
+  vertical-align: middle;
+  border-collapse: collapse;
+  padding: 15px 20px 15px 80px;
+  background-position: 20px 50%;
+  background-repeat: no-repeat;
+  -moz-border-radius: 20px;
+  -khtml-border-radius: 20px;
+  border-radius: 20px;
+}
+
+.noteclassic {
+  border: 2px solid #99D;
+  /*background-color: #eef;*/
+  background-image: url(../images/note.png);
+}
+
+.noteimportant {
+  border: 2px solid #ff0;
+  /*background-color: #ffc;*/
+  background-image: url(../images/important.png);
+}
+
+.notewarning {
+  border: 2px solid #d99;
+  /*background-color: #fdd;*/
+  background-image: url(../images/warning.png);
+}
+
+.notetip {
+  border: 2px solid #9d9;
+  /*background-color: #dfd;*/
+  background-image: url(../images/tip.png);
+}