anchor.diff:  
     .header {
       float: left;
  -    width: 600px;
  -    height: 110px;
  -    display: block;
  -    padding: 25px;
  -    padding-bottom: 10px
  +    width: 650px;
  +    height: 150px;
  +    display: block;
  +
  +    background-image: url("http://vishub.org/assets/heard_mail.png;");
  +
  +  }
  +
  +  .bottom_img{
  +    float: left;
  +    width: 650px;
  +    height: 105px;
  +    display: block;
  +
  +    background-image: url("http://vishub.org/assets/pie_mail.png;");
   
     }
   
  
positive.code:                    :locals => {:activity => @notification.notified_object} %>
        </div>
      </div>
    </div>
  </div>
  <div class="size12 blue-opacity" style="padding: 3px 5px 5px 25px;">
    <p>
      <%= raw t('notification.config_html', :url => 'http://vishub.org/settings') %>
    </p>
  </div>
  </body>
  </html>
  
  
negative.code:   }
  
    .word-break {
      overflow: hidden;
      padding-right: 25px;
      word-wrap: break-word;
      -moz-binding: url('xbl.xml#wordwrap');
    }
  
      /***********parte inferior ***********/
  
    .box2 {
      float: left;
      width: 650px;
      display: block;
      padding: 25px;
      padding-top: 0px;
      background-color: #F9F9F9;
  
    }
  
  