/* == FOLDED CORNERS */

      .tenor {
          float:right;
          padding: 2em;
          margin: -4.5em 0 0 0;
      }

      .note {
          position: relative;
          /*width: 480px;*/
          padding: 2em;
          margin: 0.7em auto;
          /*color: white;*/
          /*background: silver;*/
          color: black;
          background: white;
          overflow: hidden;
          font-weight: bold;
      }

      .note:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          border-width: 0 25px 25px 0; /* This trick side-steps a webkit bug */
          border-style: solid;
          /*border-color: white white gray gray; */
          /*background: gray; */
          border-color: #f9f9f9 #f9f9f9 yellow yellow; /* A bit more verbose to work with .rounded too */
          background: yellow; /* For when also applying a border-radius */
          display: block; width: 0; /* Only for Firefox 3.0 damage limitation */
      }

      .note:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          border-width: 25px 0 0 25px; /* This trick side-steps a webkit bug */
          border-style: solid;
          /*border-color: white white gray gray; */
          /*background: gray; */
          border-color: yellow yellow #f9f9f9 #f9f9f9; /* A bit more verbose to work with .rounded too */
          background: yellow; /* For when also applying a border-radius */
          display: block; width: 0; /* Only for Firefox 3.0 damage limitation */
      }

      /*.note p {margin: 0;}*/
      /*.note p + p {margin: 1.5em 0 0;}*/