/*
#can {
	height: 500px;
	width: 500px;
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#wrapper {
	height: 1000px;
}

#leftColumn{
	width: 25%;
	float: left;
	height: 100%;
	padding-left: 25px; 
}

#rightColumn{
	width: 60%;
	float: left;
	height: 100%;
}*/


/*
/*.img { 
/*    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
/*    image-rendering: -moz-crisp-edges;          /* Firefox                        */
/*    image-rendering: -o-crisp-edges;            /* Opera                          */
/*    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
/*    image-rendering: pixelated; /* Chrome */
/*    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
/*    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
/*
}
*/

body {
  font-size: normal;
}

.list-option {
  display: block;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
  margin: 2px 0;
  border-left: 3px solid transparent;
}
.list-option.active-list {
  background-color: #c8e6c9;
  border-left: 3px solid #388e3c;
  font-weight: bold;
}
details.active-details > summary {
  background-color: #e8f5e9;
  border-left: 3px solid #388e3c;
  padding-left: 6px;
  font-weight: bold;
}