Custom CSS for tinyMCE in Wordpress

/*
Theme Name: whatEver
Description: Used to style the TinyMCE editor.
*/

/* Those css files are also included by my theme stylesheet for frontend */
/* Reset browser defaults */
@import url('reset.css');

/* Apply basic typography styles */
@import url('typography.css');

/* add a nice pattern to the background of tinymce windows */
html {
    background: url("../images/black-stripe.gif") repeat scroll 0 0 #282828;
    background-color: #b5b5b5;
}

body.mceContentBody {
    background: #FFFFFF;
  border: none;
  color: #000000;
  font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif;
  font-size: 12px;
    width: 377px;
  padding: 2px 5px 10px 5px;
    border-left: 1px dashed #bababa;
    border-right: 1px dashed #bababa;
    margin: 0 auto;
    display: block;
}

body.mceContentBody a.verde {
    background: #4f7600 url(../images/arrowbianca_right.png) no-repeat 95% 50%;
    color: #FFFFFF;
    padding: 5px 21px 5px 7px;
    margin-right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
body.mceContentBody a.verde:hover { background: #729133 url(../images/arrowbianca_right.png) no-repeat 95% 50%; color: #FFFFFF; }
body.mceContentBody p {
    padding-right: 5px;
    margin: 10px 0;
    line-height: 18px;
}

body.mceContentBody p.sottotitolo {
    color: #6F9502;
    font-size: 14px;
    margin: 0 0 20px 0;
    border: solid 1px #cccccc;
    padding: 10px 10px 10px 10px;
    margin: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}