body {
    background:  #DCDCDC;
    font-family: vedana, arial, tahoma, helvetica, sans-serif;
    font-size:   10px;
}

a {
    font-family:     verdana, arial, tahoma, helvetica, sans-serif;
    text-decoration: none;
    font-size:       12px;
    font-weight:     bold;
    color:           #000;
}

select {
    font-family: Verdana;
    font-size: 10px;
}

.titulo {
    color:       #FCA42C;
    font-size:   25px;
    font-weight: bold;
}

.button {
    background: #CCCCCC;
    border:     1px #000000 solid;
}

.explanation {
    border:      1px #CDCDCD solid;
    color:       #000000;
    font-family: verdana;
    font-size:   11px;
    width:       425px;
}
.explanation p {
    text-indent: 15px;
    text-align:  justify;
}

.myDiv {
    overflow:    auto;
    background:  #FEFEFE;
    font-family: courier new;
    font-size:   11px;
    width:       425px;
    height:      100px;
}

#formatButtons {
    border:         1px #000000 solid;
    margin-bottom:  5px;
    padding:        5px;
    width:          413px;
}

.button {
    background:  #EFEFEF;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-serif;
    font-size:   11px;
}

.boldButton {
    cursor: hand;
    font-weight: bold;
    width:       40px;
}

.italicButton {
    cursor: hand;
    font-style: italic;
    width:      40px;
}

.underlineButton {
    cursor: hand;
    text-decoration: underline;
    width:           40px;
}

.linkButton {
    cursor: hand;
}

.cores {
    width: 100%;
}

.cores td {
    border: 1px #000000 solid;
    height: 20px;
}

.smilies {
    width: 100%;
}

.smilies td {
    height: 20px;
}

.smilies td img {
    cursor: hand;
}

.buttonCores {
    cursor: hand;
    border: 0px #000000 solid;
    width:  40px;
}