.Table {
  display: table;
  width: 100%;
}


table.framework { 
  border-collapse: collapse; 
  background-color: lightgrey; 
}

div.pogil table { 
  border-collapse: collapse; 
  border: 1px solid lightgrey; 
}


table.framework th { 
  font-size: 1.2em; 
}

table {
	vertical-align: text-top;
}

.EU { 
  background-color: #F0F0F0; 
  font-weight: bold; 
  font-style: italic; 
  border-top: 3px #86A82F solid; 
}

.EU > td { 
  vertical-align: top;	      
}

.LO { 
  background-color: white;
}

.LO > td { 
  vertical-align: top; 
}

.hover-tip { 
  color: #86A82F; 
  border:0px; 
  padding:0px; 
  border-spacing:.5em; 
}

.hover { 
  color: #86A82F; 
}

.pd { 
  border-top: 3px #86A82F solid; 
  background-color:lightgrey; 
  padding: 0 .3em; 
}

.overview { 
  border-left: solid 6px #86A82F; 
  padding-left: .5em;  
}

.overview:first-letter {  
  float: left; 
  font-size: 3em; 
  padding-right: 0.1em; 
  font-weight: bold; 
  line-height: 1em;
}

.Title {
  display: table-caption;
  text-align: left;
  font-weight: bold;
  font-size: larger;
}

.Heading {
  display: table-row;
  font-weight: bold;
  text-align: left;
}

.Row {
  display: table-row;
}

.Cell {
  display: table-cell;
  border: solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
}

.hover {
  color: green;
  display: inline;
}

/** Headings with Icons **/
#introduction-and-goals {
  background: url(../../img/introandgoalsicon.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#learning-activities {
  background: url(../../img/learningactivities.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#explore-activity {
  background: url(../../img/explore.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#summary {
  background: url(../../img/summary.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#still-curious {
  background: url(../../img/brain.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#self-check {
  background: url(../../img/target.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

#reflection-for-your-portfolio {
  background: url(../../img/notepad-2.png) no-repeat; 
  background-size: 2.5em;
  padding-left: 2.7em;
  display: block;
}

.pogil {
  background-color: lightgrey;
  border-top: 3px #6c7a95 solid; 
  padding: 0 .3em;
}

#portfolio {
  background-color: lightgrey; 
  border-top: 3px #6c7a95 solid; 
  padding: 0 .3em; 
}

#est-length { 
	/*background: url(../../img/time.png) no-repeat left center; 
	background-size:1.2em 1.2em; padding-left: 2em;  
*/
  background: url(../../img/time.png) no-repeat; 
  background-size: 1em;
  padding-left: 1.3em;
  display: block;
  font-size: 15px;
}

#accordion h3 { 
	   font-weight: bold; 
	   padding-left: 1.75em;
}

#accordion div { 
	   font-family: Arial, sans-serif; 
	   font-size: 13px; 
}

#accordion a:link, #accordion a:visited {
	   color: blue;
	   text-decoration: none;
}

#accordion a:hover, #accordion a:active {
	   color: blue;
	   text-decoration: underline;
}