body {
padding : 0px ;
margin : 0px ;
}

table, th, td {
border: solid 1px black ;
text-align: center;
padding 6px;
}

th {
padding:4px 12px 3px 12px;
}


#container3gram {
position : relative ;
margin-right : auto ;
margin-left : auto ;
width : 900px ;
padding-top : 0px ;
margin-top : 0px ;
}

#lintel {
width : 900px;
height : 65px;
text-align : center;
margin-top : 100px;
padding-top : 15px;
}

#lintel input[type="text"] {
width:500px;
}

#input-area {
border : 1px solid black ;
padding-left: 15px;
}

#input-area input[type="text"], textarea {
width : 770px ;
}

input[type=button] {
border : 2px solid darkgrey ;
padding : 2px 3px 1px 3px ;
width:160px;
}

#progress-bar {
width:900px;
}

#toggle-area {
margin-top : 10px ;
margin-bottom : 12px ;
}

.select-button {
border : 2px solid darkgrey ;
padding : 1px 3px 1px 3px ;
width:40px;
}

#trigram-listing {
padding-top : 20px ;
}

#results #trigram-listing {
float : left ;
width : 100% ;
margin : 0px ;
}

.three-gram-found {
color : red ;
}

.printable {
color : white ;
font-size : 14px ;
}

.red-border {
border : 4px solid red ;
border-radius: 5px;
padding: 2px 3px 1px 3px ;
}

#myProgress {
    width: 100%;
    height:20px;
    background-color: lightyellow;
}