#buttons {
	width: 95%;
    opacity:0.9;
    background-color: #e6e6e6;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    z-index: 1001; /* Important to set this */
    position:fixed; 
    padding: 0px;
    margin-top: 0;
    margin-right: 10px;
    box-shadow: 0em .1em .5em .5em rgba(0,0,0,.45);
  }

  body {
  background-color: #eee;
  color: #555;
  counter-reset: linecounter;
  }

  .number{
  float: left;
  margin-left: -20px;
  border-right:1px;
  }

  .greektext {
  z-index: 1000;
  background-color: #fff;
  width: em(440);
  margin: 6em auto;
  margin-top: 3em;
  padding: 0.5em;
  border-radius: .25em;
  box-shadow: .1em .1em .5em rgba(0,0,0,.45);
  counter-reset: line;
  display: inline-block; 
  }  

  .line {
    display: block;
    line-height: 1.5rem;
    margin-left: 20px;
    counter-increment: linecounter;
  }

  .line:before {
  content: counter(linecounter,decimal-leading-zero);
  padding: 0 .5em;
  margin-right: .5em;
  color: #888;
  font-family: monospace;
  text-align: right;
  }


  .line:not(:nth-child(5n)):before {
  color: #e6e6e6;
  }


  .fred {
    background-color:#bbb;
  }

  .selected{
        line-height: 200%;
  }

  /*.line {
  margin-top: 0.5em;
  }*/

  .selected .short {
        display: inline-block;
        min-width: 1em;
        padding-top: 0.2em;
		background-origin:content-box;
        margin-right:1px;
        border-radius:3px;
        text-align: center;
  }

  .selected .long {
        display: inline-block;
        min-width: 1em;
  		padding-top: 0.2em;
		background-origin:content-box;
        margin-right:1px;
        border-radius:3px;
        text-align: center;
  }
.newpara {
	margin-top: 2em;
}

.speech {
	background: #F2F2F2;
}

.wordend::after {
	content: "\00a0";
}