﻿#content-canvas.homepage
{
	padding-right: 4px;
}

.homepage
{

}

.homepage .column
{
	width: 314px;
	margin-left: 11px;
}
.homepage .column.first
{
	margin-left: 0px;
}

.homepage .highlight
{
	background-image: url(/common/template/images/home_hl_top_curve.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.homepage .highlight h2
{
	padding-left: 4px;
	background-image: url(/common/template/images/home_drag_heading_texture.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.homepage .highlight h2 span
{
	display: block;
	position: relative;
	padding-left: 36px;
}

.homepage .highlight h2 span span
{
	position: absolute;
	top: -3px;
	left: 0;
	width: 27px;
	height: 25px;
	padding: 0;
	text-indent: -1000em;
	background: url(/common/template/images/home_drag_heading_toggle_open.png) left center no-repeat;
	cursor: pointer;	
}


.homepage .highlight h2 a.sub
{
	padding-left: 5px;
	color: #ffffff;
	font-size: 0.75em;
	text-transform: none;
}

.homepage .highlight .content
{
	padding: 6px 8px 0 6px;
	background-image: url(/common/template/images/home_hl_content_bg.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.homepage .highlight .action
{
	width: 300px;
	background: #ffffff url(/common/template/images/home_hl_action_button_bg.png) bottom left no-repeat;
}

.homepage .highlight .end
{
	height: 8px;
	background-image: url(/common/template/images/home_hl_bottom_curve.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Changes required to the numerical tab styles for the homepage only. */
.homepage .numerical-tabs dl
{
	height: 347px;
}

.homepage .numerical-tabs dd
{
	height: 310px;
}

.homepage .numerical-tabs dd img
{
	float: none;
	width: 100%;
	margin: 0;
}

.homepage .numerical-tabs dd > a:first-child
{
	margin: 0;
}

/* Changes required to the image tab styles for the homepage only. */
.homepage .image-tabs dt
{
	width: 96px;
	background: url(/common/template/images/hl_image_tabs_tag_inactive_slim.png) left top no-repeat;
}

.homepage .image-tabs dt + dd + dt
{
	left: 102px;
}
.homepage .image-tabs dt + dd + dt + dd + dt
{
	left: 204px;
}

.homepage .image-tabs dt img
{
	margin-left: 7px;
}


/* themed homepage-specific image-tabs */
.homepage .highlight.insights .image-tabs dt.active
{
	background-image: url(/common/template/images/theme/insights/hl_image_tabs_tag_slim.png);
}


/* closed highlight item */
.homepage .highlight .closed
{
	min-height: 0;
}

.homepage .highlight .closed h2
{
	margin-bottom: 0 !important;
}

.homepage .highlight .closed h2 ~ *
{
	display: none;
}

.homepage .highlight .closed h2 span span
{
	background-image: url(/common/template/images/home_drag_heading_toggle_closed.png);
}


