@import url(box.css);

div#position_chart {
	width:560px;
	margin-bottom:33px;
	
}

div#position_chart div.header h2 {
	float:left;
}

div#position_chart div.header ul {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:24px;
}

div#position_chart div.header ul li {
	float:left;
	margin-left:15px;
}

ul#chart_options {
	list-style-type:none;
	margin:0;
	padding:0;	
	width:429px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

ul#chart_options li {
	float:left;
	margin-bottom:30px;
	margin-right:10px;
	margin-left:10px;
/*	text-align:center;*/
	position:relative;
}

ul#chart_options li h3 {
	text-align: center;
	padding:0;
	margin:0;
	font-size: 12px;
}
ul#chart_options img {
	border:none;
	display:block;	
}

ul#chart_options a:link, 
ul#chart_options a:visited {
	text-decoration:none;
	color:#89A6C4;
	display:block;
}

p#position_chart_blurb {
	clear:left;
	width:409px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}
div.clear {
	clear:left;
}

/*popup bubbles*/
/*bubble*/
span.bubble {
	position:absolute;
	background:url(/img/position-chart/bubble-top.png) top no-repeat;
	width:327px;
	left:-100px;
/*	display:none;*/
	visibility:hidden;
	padding-top:20px;
	padding-bottom:10px;
	color:#5C7191;
}
span.bubble span.bubble-content {
	background:url(/img/position-chart/bubble-middle.png) repeat-y;
	display:block;
	padding-left:5px;
	padding-right:10px;
	text-align: left;
}
span.bubble span.bubble-inner {
	background:url(/img/position-chart/bubble-bottom.png) bottom no-repeat;
	display:block;
	padding-bottom:19px;
}

span.bubble img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

span.bubble p {
	text-align:left;
	font-weight:normal;
	margin-bottom:0;
}

span.bubble ul {
	margin-left:0;
	padding-left:18px;
	text-align:left;
	list-style-type:square;
	display:block;
}

span.bubble ul li {
	margin-bottom:0 !important;
	font-weight:normal;
	float:none !important;
	text-align: left;
}
li.bubble-list {
	text-align: left;
}

/*end bubble*/