/*
a:hover{
background-color:yellow;
}
*/

body{

 font-family: Verdana, Geneva, sans-serif;
}

li{
 padding:10px;
}



 a{
 text-decoration: none;


  color: #137be2;

}


a:hover{
 text-decoration: none;
 cursor: pointer;
 cursor: hand;
 color:black;

}


img.audioIcon{
border:1px solid white;
cursor: pointer;
cursor: hand;
 vertical-align: middle;
 padding:5px;
}

img.audioIcon:hover{
border:1px solid #eaeaea;
 border:1px solid #b2b2b2;

}

table.tableDictation{
border:1px solid black;

}

table.tableDictation td{
padding: 14px;
border:0px solid black;
}


div.dialog{

margin-bottom:15px;
border:0px solid red;
}





div.box{

 border:2px solid #eaeaea;
 margin:15px;
 padding:15px;
}




/* ***************** Page *******************/

.lessonPage{


 max-width: 600px;
 border:2px solid #eaeaea;
 padding:20px;

}


div.breadcrumbs{

 margin:10px;
}





/* ***************** Listing *******************/

div.listing{

display:flex;
}




div.listingLeft, div.listingCenter, div.listingRight{

border:3px solid #eaeaea;
 padding:5px;
 margin: 7px;
 padding-right:22px;

}


ul.noBullets{
 list-style-type: none;
 margin-top:0px;
 border:0px solid red;

}



div.question{

 /*
 font-weight:bold;
 */


 margin-bottom: 15px;

}


/* ***************** Answers *******************/

span.answer{
 /*
 background-color: khaki;
  background-color: #ffffcc;
 */
background-color: #ebe9d2;
 border: 1px solid #eaeaea;
 margin:2px;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 cursor: pointer;
 cursor: hand;

}

span.answer:hover{

 background-color: #ffffcc;


}


.answerResult{



}

span.answerRight, span.answerWrong{
 margin:5px;
 padding:5px;
 font-style: italic;
 font-weight: bold;
 position:relative;
 margin-top:-125px;

}


span.answerRight{
 border:2px solid greenyellow;
 background-color: #ccffcc;

}

span.answerWrong{
 border:2px solid #ffcccc;
 background-color: #f8e4e5;

}



/************* Questions ******************/

.questionList li{

border:1px solid #eaeaea;
 padding-bottom: 25px;
}