body{
    /* view */
    background-color: #FFFFFF;

    /* scrollbar */
    scrollbar-base-color:#FFFFFF;

    /* font */
    color:#666666;

    text-align:left;
}

/* a href */
a { text-decoration:none; }
a:link { color:#5588CC; }
a:visited { color:#55AA66; }
a:active { color: #8888AA; }
a:hover { color:#CCDDFF; position:relative; top:1px; left:1px; }


/* H */
H1 {
    font-size:120%;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    color:#666688;

    margin: auto;
    padding: 0px 4px 1px 4px;
    border-left: 8px #ff9900 solid;
    border-bottom: 0px #aaaaaa solid;
}

H2 {
    font-size:130%;
    font-style:normal;
    font-weight:bold;
    color:#666688;
    background-color: #ddddee;

    margin: auto;
    padding: 0px 4px 0px 4px;
    border-top: 1px #eeeeee solid;
    border-left: 1px #eeeeee solid;
    border-right: 1px #aaaaaa solid;
    border-bottom: 1px #aaaaaa solid;
}

H3 {
    font-size:120%;
    font-style:normal;
    font-weight:normal;
    color:#668888;
    background-color: #ddeeee;

    margin: auto;
    padding: 0px 8px 0px 8px;
    border-top: 1px #eeeeee solid;
    border-left: 1px #eeeeee solid;
    border-right: 1px #aaaaaa solid;
    border-bottom: 1px #aaaaaa solid;
}

H4 {
    font-size:100%;
    font-style:normal;
    font-weight:bold;
    color:#778877;

    margin: auto;
    padding: 0px 4px 0px 4px;
    border-left: 4px #ddeeee solid;
    border-bottom: 1px #ddeeee solid;
}

hr { color:#8888AA; height:1; }

i {
    font-style:normal;
    color:#ee9988;
}


TD {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
/* text atribute */
.title {
    font-size:180%;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    color:#AAAAFF;

    padding: 2px 8px;

    border-top: 1px #444444 solid;
    border-left: 1px #444444 solid;
    border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
}

.date {
    font-size:80%;
    font-style:normal;
    line-height:normal;
    font-weight:bolder;
    color:#AAAAAA;
}

.text {
    font-size:80%;
    font-style:normal;
    font-weight:normal;
    color:#666688;

    margin: auto;
    padding: 0px 8px 0px 8px;
}

.note {
/*    font-size:80%;*/
    font-style:normal;
    font-weight:normal;
    color:#CC7777;

    margin: auto;
    padding: 0px 8px 0px 8px;
}

.coment {
    font-size:90%;
    font-style:normal;
    font-weight:normal;
    color:#666688;
}

.console {
    font-size:90%;
    font-style:normal;
    line-height:100%;
    font-weight:normal;
    background-color: #666666;
    color:#eeeeff;
    margin: auto;
    padding: 1px 4px 2px 4px;
    border-top: 1px #444444 solid;
    border-left: 1px #444444 solid;
    border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
}

.block {
    text-align:left;
    background-color: #ffffff;
    width:100%;
    border-left: 0px solid #888888;
    border-right: 1px solid #444444;
    border-top: 0px solid #888888;
    border-bottom: 1px solid #444444;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 2px 4px 2px 4px;
}
.body {
    text-align:left;
    background-color: #ffffff;
    border-left: 1px solid #888888;
    border-right: 0px solid #444444;
    border-top: 1px solid #888888;
    border-bottom: 0px solid #444444;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}