body {
    }

    .texteditor {
        left: 21%;
        top: 17%;
        position: absolute;
        opacity: 0.9;
        /*filter: alpha(opacity=40);*/
        width: 460px;
        height: 400px;
        padding: 16px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        background-color: #f6ebeb;
        z-index: 1002;
        overflow:hidden;
        /*border-radius: 10px;
        border: 5px solid #666666;*/    
    }
    .triangle-isosceles {
              position: relative;
              padding: 15px;
              margin: 1em 0 3em;
              color: #000;
              background: #f3961c;
              border-radius: 10px;
              background: linear-gradient(top, #f9d835, #f3961c);
           }
  blockquote {
      position:absolute;
      bottom:20px;
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size:20px;
  text-indent: 40px;
}

.greendot {
	background: #8AAF6D;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.orangedot {
	background: #F6B939;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.reddot {
	background: #DB4251;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}