.FrontDesk .Overview #MainContent { float: none }

#MainColumn { float: left; margin-bottom: 69px; width: 632px; }

.FrontDesk #PageHeader { display: none; }

/* BEGIN: Icons */
/*--------------*/

/* --- Video Play Icons --- */
span.btn_play { background-color: #1e73bd; display: block; height: 35px; text-indent: -9999em; width: 35px; }
span.btn_play { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
span.btn_play:after { border-bottom: 6px solid transparent; border-left: 6px solid #FFF; border-top: 6px solid transparent; content: " "; display: block; height: 0; left: 15px; position: absolute; top: 13px; width: 0; }
.ie7 a.btn_play { background: #1e73bd url("/StaticContent/images/global/bkg.playicon.gif") no-repeat center center; }

/*------------*/
/* END: Icons */

/* --- section_top_stories --- */
#section_top_stories { background: no-repeat scroll 298px 0 transparent; height: 255px; position: relative; }
#section_top_stories h2 { text-indent: -9999em; height: 0; }
#section_top_stories #selected_image,
#section_top_stories #off_stage_image { display: block; height: 255px; left: 300px; position: absolute; width: 330px; }
#section_top_stories #selected_image { z-index: 2 }
#section_top_stories .video .media_button { background-color: #1e73bd; border: 1px solid #2F81B0; bottom: 15px; height: 33px; position: absolute; right: 17px; width: 33px; z-index: 3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;	
	-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);	
	   -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);	
	        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);	
} 
#section_top_stories .video .media_button:before { border-bottom: 7px solid transparent; border-left: 7px solid #FFFFFF; border-top: 7px solid transparent; bottom: 9px; color: transparent; content: "."; display: inline; font-size: 0; height: 0; line-height: 0; position: absolute; right: 13px; text-indent: -9999px; width: 0; z-index: 4; } 
.ie7 #section_top_stories .video .media_button { background-image: url("/images/3.0/global/spt.global.png"); background-position: -575px 0px; }
#section_top_stories .video .media_button {}
#section_top_stories #off_stage_image { z-index: 1; }
#accordion_top_stories { background-color: #1e73bd; display: block; left: -10px; min-height: 263px; position: absolute; top: -8px; width: 310px; z-index: 2; }
#accordion_top_stories,
#top_story_takeover div {
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	     -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	        box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
}
#accordion_top_stories,
#accordion_top_stories a { color: #fff; text-decoration: none; }
#accordion_top_stories li { border-bottom: 1px solid #2C77A5; border-top: 1px solid #6FABCD; display: block; overflow: hidden; width: 100%; }
#accordion_top_stories li h3 a { display: block; font-size: 15px; font-weight: bold; height: 29px; line-height: 29px; overflow: hidden; padding: 0 50px 0 10px; position: relative; z-index: 1; }
#accordion_top_stories li h3 a:hover,
#accordion_top_stories li h3 a:focus { background-color: #2483e4 }
#accordion_top_stories.isAnimating li h3 a:hover,
#accordion_top_stories.isAnimating li h3 a:focus { background-color: #1e73bd }
#accordion_top_stories li.opened > div { display: block }
#accordion_top_stories li.opened h3 { display: none }
#accordion_top_stories li h3 a span { border-bottom: 4px solid transparent; border-left: 4px solid #FFFFFF; border-top: 4px solid transparent; color: transparent; display: block; font-size: 0; height: 0; line-height: 0; margin: 6px 0 0; position: absolute; right: 23px; text-indent: -9999em; top: 4px; width: 0; }
#accordion_top_stories li h3 a span:before { content: "."; display: block; font-size:10px; height: 9px; margin: 6px 0 0; overflow:hidden; padding: 9px 0 0 9px;  position: absolute; left: -12px; text-shadow: 0px 0px 2px rgba(0,0,0,0.5); top: -15px; width: 9px; z-index: -1; }
#accordion_top_stories li h3 a span:before {
	-webkit-border-radius: 12px;
		 -moz-border-radius: 12px;
			 -o-border-radius: 12px;
					border-radius: 12px;
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(7, 88, 163, 0)), to(#0758A3), color-stop(.90,#0758A3)
	);
	background-image: -moz-linear-gradient(rgba(7, 88, 163, 0) 0%, #0758A3 90%)
}
#accordion_top_stories li h3 a span:after { content: " " ; display: block; height: 20px; margin: 6px 0 0; position: absolute; left: -13px; top: -16px; width: 20px; z-index: -2; }
#accordion_top_stories li h3 a span:after {
	-webkit-border-radius: 12px;
		 -moz-border-radius: 12px;
			 -o-border-radius: 12px;
					border-radius: 12px;
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(133, 184, 212, 0)), to(#85B8D4), color-stop(.37,rgba(133, 184, 212, 0))
	);
	background-image: -moz-linear-gradient(rgba(133, 184, 212, 0) 37%, #85B8D4 100%)
}
.ie7 #accordion_top_stories li h3 a span,
.ie8 #accordion_top_stories li h3 a span,
.ie9 #accordion_top_stories li h3 a span { background: url("/images/home/accordion.nextbutton.png") no-repeat scroll 0 0 transparent; border: none; display: block; height: 20px; margin: 4px 0 0; position: absolute; right: 16px; text-indent: -99999px; top: 0; width: 20px; }
#accordion_top_stories li > div { display: none; height: 137px; overflow: hidden; padding: 0 10px; }
#accordion_top_stories li p { color: #FFFFFF; font-size: 100%; line-height: 15px; margin: 9px 0 0; } 
#accordion_top_stories li p.subhead { font-weight: bold; }
#accordion_top_stories li .item_type { font-size: 100%; font-weight: normal; margin: 8px 0 -10px; }
#accordion_top_stories h4 { font-size: 184%; line-height: 24px; margin: 1px 0 -5px; }
#accordion_top_stories h4 a { display: block; font-weight: bold; max-height: 48px; overflow: hidden; padding-bottom: 2px; } 
.ie7 #accordion_top_stories h4 a { max-height: 51px; }
#accordion_top_stories h4 .arrow { border-color: transparent white; border-width: 5px; margin: 0 0 0 5px; position: relative; top: -6px; } 
.ie7 #accordion_top_stories h4 .arrow { display: inline-block; margin: -6px 0 0 5px; position: static; } 
#accordion_top_stories li .accordion_image { height: 0; left: -9999em; position: relative; }

#top_story_takeover { line-height: 0; }
#top_story_takeover a,
#top_story_takeover h3,
#top_story_takeover p { color: #FFF; }
#top_story_takeover a:hover { text-decoration: none; }
#top_story_takeover div { background-color: #1E73BD; display: block; padding: 10px 10px 6px; position: absolute; top: 165px; width: 610px; z-index: 3; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

#top_story_takeover a { display: block; line-height: 0; }

#top_story_takeover h3 { font-size: 182%; font-weight: bold; }
#top_story_takeover img { position: relative; z-index: 2; }
#top_story_takeover p { font-size: 100%; }

.top_story_takeover_text { background-color: #1E73BD; display: block; padding: 10px 10px 6px; width: 610px; }
.top_story_takeover_text a,
.top_story_takeover_text h3,
.top_story_takeover_text p { color: #FFF; }
.top_story_takeover_text h3 { font-size: 182%; font-weight: bold; }
.top_story_takeover_text p { font-size: 100%; }



/* --- section_whats_new (3.0 content_list and callout components) --- */
#section_whats_new { margin: 16px 0 0; }
#section_whats_new h2 { background-image: url("/images/sprites/spt.headlines.png"); background-position: 0 -40px; background-repeat: no-repeat; border-bottom: 4px solid #1e73bd; height: 21px; margin: 22px 0 10px; padding-bottom: 13px; text-indent: -9999em; } 

.content_list li { border-bottom: 1px solid #e0e0e0; overflow: hidden; padding: 15px 0; }
.content_list li .summary { float: left; margin-right: 10px; width: 389px; }
.content_list li h3 { font-size: 215%; line-height: 30px; margin-bottom: 4px; }
.content_list.alt li h3 { font-size: 138.5%; }
.content_list li h3 .arrow { border-width: 6px; top: -7px; }
.content_list.alt li h3 .arrow { top: -6px; }
.content_list li p { font-size: 93%; line-height: 18px; margin: 0; }
.content_list li em { display: block; font-size: 116%; font-style: normal; margin-bottom: 8px; }
.content_list li a:hover { color: #3d3d3d; text-decoration: none; }
.content_list li .byline { color: #666; font-weight: bold; margin-bottom: 0; }
.content_list li a.timestamp { display: block; margin-bottom: 9px; }
.content_list li a.timestamp .arrow { border-width: 3px; top: -3px; }
.content_list li .company { color: #666; }
.content_list li .btn_play { bottom: 4px; left: 4px; position: absolute; }
.content_list li .count { font-size: 93%; border-left: 1px dotted #ccc; margin-left: 7px; padding-left: 7px; text-transform: uppercase; }
.content_list li > .image { display: block; float: left; font-size: 1px; height: 130px; overflow: hidden; position: relative; width: 230px; }

.content_list .video .icon { background-position: 0 -449px; }
.content_list .discussion .icon { background-position: 0 1px; }
.content_list .event .icon { background-position: 0 -299px; }

.FrontDesk .content_list .timestamp a { color: #3d3d3d; }
.FrontDesk .content_list .timestamp a:hover,
.FrontDesk .content_list .timestamp a:focus { color: #666; }

/* --- callout (item in or outside of .content_list) --- */
.callout { border-bottom: 1px solid #e0e0e0; overflow: hidden; padding: 15px 0; }
.callout > div { background: none #fff; border: 1px solid #ccc; overflow: hidden; padding: 12px 12px 12px 9px; width: auto; }
.callout div h3 { font-size: 100%; font-weight: bold; line-height: 13px; margin-bottom: 6px; }
.callout div h4 { font-size: 138.5%; margin: 2px 0 4px; }
.callout div h4 a .arrow { border-width: 5px; top: -5px; }
.callout div p { font-size: 93%; margin-bottom: 4px; }
.callout div a .arrow { border-width: 4px; top: -4px; }
.callout div div { float: right; width: 464px; }
.callout div > a { margin: 4px 20px 0 0; }
.callout .image { height: 110px; margin-right: 30px; width: 110px; }
.callout .image img { height: 110px; width: 110px; }

/* --- content_list and callout shared --- */
.content_list li a, 
.callout a { font-weight: bold; }
.content_list li h3 a,
.content_list li .timestamp,
.content_list li .timestamp .arrow,
.callout a { color: #3d3d3d; }

.content_list li h3 a:hover,
.content_list li h3 a:focus,
.content_list li a.timestamp:hover,
.content_list li a.timestamp:focus,
.callout div a:hover,
.callout a:focus { color: #666; }

.content_list li a .arrow,
.callout a .arrow { left: 5px; margin: 0; position: relative; }
.content_list li h3 a:hover .arrow,
.content_list li h3 a:focus .arrow,
.content_list li a.timestamp:hover .arrow,
.content_list li a.timestamp:focus .arrow,
.callout a:hover .arrow,
.callout a:focus .arrow { border-left-color: #666; }
.content_list .image,
.callout .image { display: block; float: left; font-size: 1px; overflow: hidden; }

/* TODO: remove entire block after correctness verification of above ^
#section_whats_new ul li { border-bottom: 1px solid #E0E0E0; float: left; margin-bottom: 16px; padding-bottom: 13px; width: 100%; }
#section_whats_new ul li a { color: #3D3D3D; text-decoration: none; }
#section_whats_new ul li a:hover,
#section_whats_new ul li a:focus { color:#666; }
#section_whats_new ul li a.icon { display: block; font-size: 93%; margin-bottom: 9px; padding: 1px 0 1px 20px; }
#section_whats_new ul li a.icon span.arrow { top: -3px; }
#section_whats_new ul li a.icon span.arrow,
#section_whats_new ul li h5 a span.arrow { border-width: 3px; margin-left: 4px; position: relative; top: -3px; }
#section_whats_new ul li .image { display: block; float: right; font-size: 10px; margin: -1px 1px 0 0; position: relative; }
#section_whats_new ul li .image img { height: 130px; width: 230px; }
#section_whats_new ul li .image span.btn_play { bottom: 4px; left: 2px; position: absolute; }
#section_whats_new ul li.after_featured { border-top: 1px solid #E0E0E0; padding-top: 17px; }
#section_whats_new ul li.alt { border-top: 1px solid #E0E0E0; padding-top: 16px; }
#section_whats_new ul li div { display: inline-block; float:left; width: 384px; }
#section_whats_new ul li.featured { background: #FFF; border: 1px solid #CCC; padding: 12px 0 12px 9px; width: 621px; }
#section_whats_new ul li.featured img { display: block; float: left; height: 110px; padding-right: 0; width: 110px; }
#section_whats_new ul li.featured div { float: right; padding-right: 40px; width: 447px; }
#section_whats_new ul li.featured div h4 { font-size: 100%; line-height: 100%; margin: 2px 0 5px; }
#section_whats_new ul li.featured div h5 { font-size: 138.5%; margin-bottom: 5px; }
#section_whats_new ul li.featured div h5 a span.arrow { top: -5px; }
#section_whats_new ul li.featured div p { margin-bottom: 4px; }
#section_whats_new ul li.featured div ul { border: none; float: left; padding: 0; width: 400px; margin:0; }
#section_whats_new ul li.featured div ul li { border: none; float: left; font-weight: bold; margin: 0 20px 0 0; padding: 0; width: auto; }
#section_whats_new ul li.featured div ul li a span.arrow { border-width: 3px; margin-left: 3px; position: relative; top: -3px; }
#section_whats_new ul li h4 { font-size: 215%; font-weight: bold; line-height: 29px; margin: 0 0 4px -1px; width: 350px; }
#section_whats_new ul li h4 a,
#section_whats_new ul li h5 a,
#section_whats_new ul li a.icon { font-weight: bold; }
#section_whats_new ul li h4 a span.arrow { margin-left: 6px; position: relative; top: -7px; }
#section_whats_new ul li h4 a:hover span.arrow, 
#section_whats_new ul li h4 a:focus span.arrow, 
#section_whats_new ul li h5 a:hover span.arrow, 
#section_whats_new ul li h5 a:focus span.arrow, 
#section_whats_new ul li.featured ul li a:hover span.arrow,
#section_whats_new ul li.featured ul li a:focus span.arrow,
#section_whats_new ul li a.icon:hover span.arrow,
#section_whats_new ul li a.icon:focus span.arrow { border-color: transparent transparent transparent #666; }
#section_whats_new ul li p { margin-bottom: 7px; font-size: 93%; line-height: 148%; }
#section_whats_new ul li p.byline { margin-bottom: 0px; font-size: 93%; line-height: 93%; font-weight: bold; }
#section_whats_new ul li p.byline a:hover,
#section_whats_new ul li p.byline a:focus { color: #3D3D3D; }
#section_whats_new ul li p.byline .author { color: #1e73bd; }
#section_whats_new ul li p.byline .company { color: #666; }
#section_whats_new span.arrow { background: none; display: inline; height: 0px; width: 0px; } 
*/




