/************************
* CSS of div elements
*
*         ID
*************************/
#divTitle
{
  z-index: 2;
  text-align: center;
  width: 100%;
}

#divAll
{
  display: inline-block;
  width: 100%;
}

#divResult
{
  text-align: center;
}

#disclaimer
{
  text-align: center;
  width: 100%;
  color: #908181;
}
/************************
* CSS of table elements
*
*         classes
*************************/

.cellValue
{
  text-align: center;
  width: 10%;
  cursor: pointer;
}

.cellTitle
{
  width: 35%;
}

/******* element *******/

table
{
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  width: 90%;
  font-size: large;
}

td, th
{
  border: black 1px solid;
}

tr:nth-child(odd)
{
  background-color: lightyellow;
}

tr:nth-child(even)
{
  background-color: lightgray;
}

th
{
  height: 35px;
}


.selected
{
  background-color: lightcoral;
}
/************************
* CSS of document
*
*       elements
*************************/
body
{
  background-color: lightblue;
  font-family: calibri;
}

/************************
* CSS of score
*************************/

#score
{
  font-size: 40px;
}

#scoreMessage
{
  text-align: center;
  font-size: 30px;
}

.negativeScore
{
  color: darkred;
}

.neutralScore
{
  color: #C16A1D;
}

.positiveScore
{
  color: darkgreen;
}