/*html, body {
    width: 100%;
    height: auto;
}*/

table, tr, th, td{
    text-align: center;
}

.map {
    width: 100%;
    height: 450px;
    border: gray solid 1px;
}

.dummymap {
    width: 100%;
    height: 0;
    visibility: hidden;
}

.scalebar {
    /*position: relative;*/
    height: 20px;
    /*height: 20px;*/
}

.content-wrapper {
    min-height: 1500px;
}

.time_chart {
    width: 100%;
    height: 450px; 
}

.word_chart {
    width: 100%;
    height: 450px; 
}

.text {
    width: 100%;
    height: 450px;
    overflow:scroll;
    max-height:450px;
}

.selector {
    vertical-align: middle;
    width: 12%;
}

#date_picker,  #red  {
    background: gray;
    padding: 10px;
    z-index: 0; 
    position: absolute;
    left: 25%;
    top: 50px;
    width: 50%;
}

#legend {
    /*background: white;*/
    border: gray solid 1px;
    padding: 10px;
    z-index: 0; 
    position: absolute; 
    right: 15px; 
    top: 100px;
}

#switch {
    padding: 10px;
    text-align: center;
    position: relative;
}

#time_stamp {
    color: #ff6600;
    font-size: 16px;
    text-decoration: none;
    cursor: default;
}


////// new things  /////

.topics {
    width: 100%;
    height: 1500px;
    /*display: table-cell;*/
}

.topic_chart{
    width: 100%;
    height: 350px;
}

.data-topic {
    width: 100%;
    height: 400px;
}

.sentences {
    width: 100%;
    height: 500px;
    max-height: 500px;
    overflow: scroll;
}

.lines {
    margin: 0px;
    padding: 2px;
    display: table;
}

.cellOfLine {
    height: 8px;
    vertical-align: middle;
    margin-top: 8px;
    display: table-cell;
}

.color0{ color:#FF0000;} .bgcolor0{ background-color:#FF0000;} // red
.color1{ color:#0000FF;} .bgcolor1{ background-color:#0000FF;} // blue
.color2{ color:#00FF00;} .bgcolor2{ background-color:#00FF00;} // green
.color3{ color:#B93B8F;} .bgcolor3{ background-color:#B93B8F;} // plum
.color4{ color:#FFA500;} .bgcolor4{ background-color:#FFA500;} // orange
.color5{ color:#808000;} .bgcolor5{ background-color:#808000;} // olive
.color6{ color:#A52A2A;} .bgcolor6{ background-color:#A52A2A;} // brown 
.color7{ color:#9BB4EE;} .bgcolor7{ background-color:#9BB4EE;} // grey
.color8{ color:#FF1493;} .bgcolor8{ background-color:#FF1493;} // deep pink
.color9{ color:#87CEEB;} .bgcolor9{ background-color:#87CEEB;} // sky blue