/* Layout for ranking lists */

.rankPanel {
	margin-top:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}

	.rankPanel a {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
	.rankPanel a:visited {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
	.rankPanel a:hover {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
	.rankPanel a:active {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.rankPanel.topChoices { /*PETE - replace this part*/
	background: url(/images/topchoices.jpg) top left no-repeat;
	padding-top:90px;
}

.rankPanel.wellPerform { /*PETE - replace this part*/
	background: url(/images/well_performing_program.jpg) top left no-repeat;
	padding-top:90px;
}

.rankPanel.underEvaluation { /*PETE - replace this part*/
	background: url(/images/under_evaluation.jpg) top left no-repeat;
	padding-top:90px;
}


.rankPanel div.title {
	position:relative;
	/* background: url(/images/arrow3.gif) left no-repeat #E0DBBE;
	background-position:5px 10px; */
	background-image: url(/images/rank_bg.jpg);	
	padding:5px 15px 5px 10px;
	margin-left:5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
	.rankPanel div.title span.rank {
	    /*background: url(/images/arrow3.gif) left no-repeat;	*/
		padding-left: 12px;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
	}

	.rankPanel div.title a.name {
	position:absolute;
		margin:0;
		padding:0;
		text-align:right;
		right:15px;
		font-size: 16px;
		text-decoration: underline;
		font-weight:bold;
		color: #FFFF00;
	}

	.rankPanel div.title a.new { /*PETE - add this part*/
		position:absolute;
		right:5px;
		background:url(/images/new.gif) right no-repeat;
		padding-right:30px;
	}

	.rankPanel .icons {
		width:34px;
		padding:0;
		margin:0 8px 0 20px;
		float:left;
	}

		.rankPanel .icons img {
			display:block;
		}

	.rankPanel dl.info { /*PETE - replace this part*/
		list-style:none;
		margin:10px 0 0 15px;
		padding:0;
		display:block;
		float:left;
		width:220px;  /*sets width of box to help with text enlargment */
		line-height:auto;
	}

		.rankPanel dl.info dt {
			font-weight:bold;
			float:left;
			margin:0 4px 0 0;
			line-height:auto;
			padding-left:40px;
		}

		.rankPanel dl.info dd { /*PETE - add this part*/
			display:block;
			
		}

			.icon_payout {
				background:url(/images/ico_payout.jpg) top left no-repeat;
			}

			.icon_minInvestment {
				background:url(/images/ico_minimum.jpg) top left no-repeat;
			}

			.icon_date {
				background:url(/images/ico_date.jpg) top left no-repeat;
			}

			.icon_status {
				background:url(/images/ico_status.jpg) top left no-repeat;
			}

		.rankPanel dl.info dd {
			line-height:auto;
		}


	.rankPanel div.investmentBox {
		background-color:#e5e5e5;
		border:1px solid #ccc;
		width: 190px;
		float:right;
		text-align:center;
		margin:10px 0;
		padding:5px;
	}

		.rankPanel div.investmentBox span.our_investment {
			display:block;
			font-size:18px;
			color: #990000;
			font-weight: bold;
		}

	.rankPanel div.ratings {
		clear:right;
		text-align:right;
		margin-top:10px;
	}

		.rankingPanel div.ratings a {
			/* ummmmm */
		}

	.rankPanel div.buttons {
		text-align:right;
		padding:10px 0;
	}	

		.rankPanel div.buttons img {
			display:inline;
		}