 <style>

   html, body { height:100%;}
#container { overflow: hidden; height:100%;display:inline-flex;max-width:70%; padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
#left-column { float:left; height:100%; width:100%;display:inline-block; }

#container .shrink { width:auto-10px;float:left;border: 1px solid black;}

   #test{

   }
   #test:hover{
   background-color:#00a9ffbd;

   }
div.ex1 {
  width:500px;
  margin: auto;
  border: 3px solid #73AD21;
}

div.extrainfo {
  max-height: 500px;
  margin-left:10px;
    margin-top:30px;

  overflow-y: auto;
  overflow-x: auto;
  overflow: scroll;
  resize: both;
z-index:20;
}
.editor {

  float:left;

}

.moreoptions {


    cursor: pointer;


}


table{ font-family: arial, sans-serif;}
td{width:1px;white-space:nowrap;}



td {
  text-align: left;
}

th {
	background-color: white;
  text-align: left;
  padding: 8px;


}

div.collocaid-vis
{

width:100%;
clear:both;
height:100%;
position:relative;
border: 0 solid #c5c5c5;

    }



</style>
