html {
    height:100%;
    border:none;
}
ul, li {
    list-style-type: none;
    margin: 0; padding: 0;
}

input[type="search"] {
    font-size:2em;
}
body {
    position:relative;
    font-family:Arial,Helvetica,sans-serif;
    height:100%;
    min-width:1030px;
    margin:0;
    padding:0;
    border:none;
    background-color:#EFEFEF;
    overflow:hidden;
}
aside{ 
    font-size:small;
    float:right ; 
    color:grey;
}
#t0,#tt0 rect { fill:red; color:red; }
#t1,#tt1 rect { fill:blue; color:blue; }
#t2,#tt2 rect { fill:brown; color:brown; }
#t3,#tt3 rect { fill:green; color:green; }
#t4,#tt4 rect { fill:cyan; color:cyan; }
#t5,#tt5 rect { fill:chartreuse; color:chartreuse; }
#t6,#tt6 rect { fill:olivegreen; color:olivegreen; }
#t7,#tt7 rect { fill:lawngreen; color:lawngreen; }
#t8,#tt8 rect { fill:lightseagreen; color:lightseagreen; }
#t9,#tt9 rect { fill:mediumorchid; color:mediumorchid; }
#t10,#tt10 rect { fill:olive; color:olive; }
#t11,#tt11 rect { fill:purple; color:purple; }
#t12,#tt12 rect { fill:seagreen; color:seagreen; }
#t13,#tt13 rect { fill:teal; color:teal; }
#t14,#tt14 rect { fill:saddlebrown; color:saddlebrown; }
#t15,#tt15 rect { fill:violet; color:violet; }
#numTopics{
    margin-left:1em;
    margin-right:0.5em;
}
#content {
    height:100%;
    margin:7px;
    margin-top:0;
}

#topics, #documents {
    margin:0;
    overflow-y:scroll;
    height:90%;
    border-top:groove;
    border-left:groove;
    border-bottom:groove;
    border-right:1px solid grey;
}
.hide, .hide * {
    display: none;
}
.topics {
    height:100%;
    width:20%;

    display:table;
}
.left{ float:left;}
.right { float:right; }
.canvas { 
    width:60%; 
    height:1000px; 
    font-size:small;
}
.code {
    width:100%;
    font-size:large;
}
.pre {
    border-width: 1px; 
    border-style:solid;
    border-spacing: 1em; 
    border-color:#AAA;
    background-color:#DDD;
    text-align: justify;
    padding:2em;
    font-family:monospace;
    font-weight:normal;
    font-style:normal;
    white-space:pre-line;
}
h2 { 
    text-align:center;
    font-size:large; 
}
hr { width:90%; }

.progress * { cursor:wait }

.hilite {
    background-color:yellow;
}

div.cloud {
    display:block;
    margin: 1%;
    padding: 1%;
    font-size:6pt;
    border-style:groove;
    border-color : sky-blue;
    background-color:#E9E9E9;
 }
div.cloud:hover { 
    background-color:#48C;
    border-style:ridge;
    cursor:pointer;
}
div.cloud:after { 
    content:'\A';
}
div.cloud.highlight {
    background-color:#369;
}
div.cloud > *.map {
    width:100%;
    height:0;
}
div.cloud.highlight > *.map {
    height:240px;
}
div.cloud.highlight:hover {
    cursor:default;
    background-color:#369;
}

div .word {display:none}
div .word[data-weight]:first-child {
    font-size:2em;
    display:inline;
}
.word:first-child:after {content:' ...';}
div.expand .word{
    display:inline;
    margin:0.2em;
}
div.expand .word:first-child:after {content:' ...';}
div.expand .word:before { content:' '; }
div.expand .word[data-weight="16"]{font-size:4em; font-weight:800;}
div.expand .word[data-weight="15"]{font-size:3.87em; font-weight:770;}
div.expand .word[data-weight="14"]{font-size:3.74em; font-weight:740;}
div.expand .word[data-weight="13"]{font-size:3.6em; font-weight:720;}
div.expand .word[data-weight="12"]{font-size:3.46em; font-weight:690;}
div.expand .word[data-weight="11"]{font-size:3.32em; font-weight:660;}
div.expand .word[data-weight="10"]{font-size:3.16em; font-weight:630;}
div.expand .word[data-weight="9"]{font-size:3.0em; font-weight:600;}
div.expand .word[data-weight="8"]{font-size:2.83em; font-weight:565;}
div.expand .word[data-weight="7"]{font-size:2.65em; font-weight:530;}
div.expand .word[data-weight="6"]{font-size:2.45em; font-weight:490;}
div.expand .word[data-weight="5"]{font-size:2.24em; font-weight:450;}
div.expand .word[data-weight="4"]{font-size:2.0em; font-weight:400;}
div.expand .word[data-weight="3"]{font-size:1.73em; font-weight:345;}
div.expand .word[data-weight="2"]{font-size:1.41em; font-weight:280;}
div.expand .word[data-weight="1"]{font-size:1em; font-weight:50;}

span.id:before{
    content:"⌄ ";
}
.submenu {
    position: relative;
    left: -2px;
    z-index: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    white-space: nowrap;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 25px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #eee;
    border-top: 1px solid #ccc;
}
.submenu li {
    height: 0;
    line-height: 25px;
    background:#fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}
.submenu li:hover {
    background: #ddd;
}