body {
    width:50%;
    padding: 30px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}


#heading {
    border-radius: 10px;
}

    #heading h1 {
        padding-top: 1px;
        padding-left: 20px;
        font-style: italic;
        font-weight: bold;
    }
    #heading p {
        padding-left: 20px;
        color: white;
    }

#textdata {
    margin: 0px;
    color: black;
    background-color: transparent;
    background-image: url('../images/vnk_text.png');
    font-size: large;
}

/*   end of align*/

#homeList {
    font-size: medium;

}

#txtarea {
    color: red;
    background-color: yellow;
}

/* VN characters table*/
#typingList {
    margin: 20;
    text-align: center;
}

    #typingList table {
        border-collapse: separate;
        border-spacing: 2px;
        background: #CCC;
    }

        #typingList table th {
            background: #EEE;
            font-weight: 700;
            padding: 10px 20px;
            color:black;
        }

        #typingList table tbody {
            padding: 0;
            margin: 0;
            border-collapse: collapse;
            border-spacing: 0px;
        }

        #typingList table td {
            color: darkgreen;
            padding: 5px 10px;
            font-size: normal;
        }

        #typingList table tr:nth-child(odd) {
            color: red;
            background: white;
        }





/* Style for tootip*/
.tooltip-head {
    color: #fff;
    background: blue;
    padding: 10px 10px 5px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    margin-bottom: -2px; /* Hide default tooltip rounded corner from top */
}

    .tooltip-head .glyphicon {
        font-size: 22px;
        vertical-align: bottom;
    }

    .tooltip-head h3 {
        margin: 0;
        font-size: 18px;
    }

.tooltip-inner {
    text-align: left
}