@charset "utf-8";

div#turquoise {
    background:url(spiral-dynamics-images/turquoise.gif) repeat-y;

    top:20px;
}

div#yellow {
    background:url(spiral-dynamics-images/yellow.gif) repeat-y;
    top:40px;
}

div#green {
    background:url(spiral-dynamics-images/green.gif) repeat-y;
    top:60px;
}

div#orange {
    background:url(spiral-dynamics-images/orange.gif) repeat-y;
    top:80px;
}

div#blue {
    background:url(spiral-dynamics-images/blue.gif) repeat-y;
    top:100px;
}

div#red {
    background:url(spiral-dynamics-images/red.gif) repeat-y;
    top:120px;
}

div#purple {
    background:url(spiral-dynamics-images/purple.gif) repeat-y;
    top:140px;
}

div#beige {
    background:url(spiral-dynamics-images/beige.gif) repeat-y;
    top:160px;
}



div.spiral_popup {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
    position:absolute;
  left:20px;
  top:150px;
  z-index:100;
  visibility:hidden;
	width:310px;
	padding-left:55px;
	padding-right:10px;


}

div.spiral_popup h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;
  margin:0 0 3px 0;
  padding:0;
  	color:black;
}

div.spiral_popup h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  margin:0 0 3px 0;
  padding:0;
  	color:black;
}

div.spiral_popup ul {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0 0 0 8px;
  padding:0 0 0 8px;
}

div.spiral_popup li {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0;
  padding:0;
  	color:black;
}