html {
    height: 100%;
}

body,
td,
pre {
    color: #2f2f2f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 8px;
}

body {
    background: #fff;
    min-height: calc(100% - 20px);
}

body.mceForceColors {
    background: #fff;
    color: #2f2f2f;
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1em
}

h5 {
    font-size: .83em
}

h6 {
    font-size: .75em
}

.mceItemTable,
.mceItemTable td,
.mceItemTable th,
.mceItemTable caption,
.mceItemVisualAid {
    border: 1px dashed #BBB;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    cursor: default
}

table td,
table th {
    cursor: text
}

ins {
    border-bottom: 1px solid green;
    text-decoration: none;
    color: green
}

del {
    color: red;
    text-decoration: line-through
}

cite {
    border-bottom: 1px dashed blue
}

acronym {
    border-bottom: 1px dotted #CCC;
    cursor: help
}

abbr,
html\:abbr {
    border-bottom: 1px dashed #CCC;
    cursor: help
}

/* IE */
* html body {
    scrollbar-3dlight-color: #F0F0EE;
    scrollbar-arrow-color: #676662;
    scrollbar-base-color: #F0F0EE;
    scrollbar-darkshadow-color: #DDD;
    scrollbar-face-color: #E0E0DD;
    scrollbar-highlight-color: #F0F0EE;
    scrollbar-shadow-color: #F0F0EE;
    scrollbar-track-color: #F5F5F5;
}