/* landing page */

div#champion_grid 
{

}

div#champion_grid img.champion_thumbnail 
{
	width: 188px;
	height: 147px;
}

div#champion_grid p#dropdown_container 
{
	text-align: right;
	margin-bottom: 10px;
}

div#champion_grid div#dropdown_container .grid_dropdown 
{
	border: inset 1px #D9D9D9;
}

div#champion_grid div#thumbnails 
{
	position: relative;
	width: 586px;
}

div#thumbnails div.thumbnail_wrapper
{
	float: left;
	width: 188px;
	padding: 0px 11px 11px 0px;
	cursor: pointer;
}

div#thumbnails div.champion_grid_page 
{
	display: none;
}

div.popup_bio_content 
{
	display: none;
	width: 206px;
}

div.popup_bio_content div.popup_header_wrapper 
{
	float: left;
}

div.popup_bio_content div.popup_header_wrapper  h4 
{	
	float: left;
	padding-left: 11px;
	width: 184px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}

div.popup_bio_content div.popup_header_wrapper a.close_button 
{
	float: left;
	display: block;
	padding: 0;	
	width: 11px;
	height: 11px;
	background-image: url('/images/global/close-popup.gif');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;
}

div.popup_bio_content img 
{
	float: left;
	padding: 8px;
	border: solid 1px #D3D3D3;
}

div.popup_bio_content p 
{
	margin: 4px 0px 4px 0px;
}

div.popup_bio_content a 
{
	display: inline-block;
	padding: 6px 20px 6px 20px;
	background-color: #D3D3D3;
}

div.popup_bio_content p.bio_link_wrapper 
{
	text-align: center;
}

div#champion_overlay_container 
{
	position: absolute;
	left: 33%;
	top: 15%;
	padding: 8px 16px 12px 16px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	display: none;
}

div#champion_overlay_container div.popup_bio_content 
{
	display: block;
}

/* end landing page */

/* detail page */

div#champion 
{
}

div#champion h3 
{
	margin-bottom: 32px;
}

div#champion h4 
{
	font-weight: bold;
}

div#champion img.champion_photo
{
	float: left;
	margin-right: 16px;	
}

div#champion div#stat_box  
{
	float: left;
	width: 195px;
}

div#champion div#stat_box h4 
{
	margin-bottom: 1em;
	border-bottom: dotted 1px #000000;
}

div#champion div#stat_box span.goal_footer 
{
	display: block;
	padding-top: 0.5em;
	border-top: dotted 1px #000000;
}

div#champion div#blurb 
{
	float: left;
	width: 586px;
	margin-top: 32px;
}

div#champion div#blurb h4 
{
	margin-bottom: 1em;
	color: #CC0000;
}

div#champion a#landing_link 
{
	float: right;
}

/*end detail page */

/* meal plans detail page */

div#meal_plan 
{
}

div#meal_plan div#left_column 
{
	float: left;
	width: 324px;
	padding: 0px 40px 0px 0px;
}

div#meal_plan div#left_column h3 
{
	padding-bottom: 1em;
}

div#meal_plan div#right_column 
{
	float: right;
	width: 234px;
}

div#meal_plan div#right_column img.champion_photo 
{
	width: 234px;
	height: 183px;
}

div#meal_plan div#right_column p.champion_story_link 
{
	text-align: right;
}

div#meal_plan div#right_column table.champion_stats 
{
	width: 234px;
	border-collapse: collapse;	
	font-weight: bold;
}

div#meal_plan div#right_column table.champion_stats td 
{
	width: 117px;
}

div#meal_plan div#right_column table.champion_stats td.border 
{
	border-bottom: dotted 1px #000000;
}

div#meal_plan div#right_column .champion_dropdown 
{	
	width: 234px;
	margin-top: 6px;	
}	

/* end meal plans detail page */

/* meal plans landing page */

div#champion_plans 
{
	padding-top: 20px;
}

div#champion_plans h3 
{
	font-weight: bold;
	margin-bottom: 1em;
}

div#champion_plans table.champion_plan_links 
{
	width: 588px;
}

div#champion_plans table.champion_plan_links td.champion_plan_link 
{
	width: 147px;
}

/* end meal plans landing page */