/* ------------------------------------------------

	HIGHLIGHTS! STYLES
	
	For use with the include file as well as the
	embedded version in the content masthead 
	version of the calendar wheel.
	
	Selectors using the #main-box id refers 
	to usage of the spotlight block/include in a 
	main content area (this is considered the 
	standard usage). Use of the .compact class refers 
	to the usage of the spotlight block/include 
	in the right column. Use of the .full class 
	refers to the MPT page content masthead 
	version, which is not an include, but embedded
	page code.
	

------------------------------------------------- */

#main-box-highlights
 
{
	/*border-bottom: 4px solid #1b4688;*/
	padding-bottom: 0em;
}

.spotlight #main-box-highlights
{
	width: auto;
	height: auto;
	background-color: #fff;
	background-image: url('/PREVENTION/images/prevention-publication-bg.png');
	background-position: 0px -25px;
	background-repeat: no-repeat;
	border: 4px solid #ededed;
	border-radius: 12px;
}

.compact #main-box-highlights
{
	width: 90%;
	margin-left: 10px; 
	padding: 20px; 
	background-image: url('/PREVENTION/images/prevention-publication-bg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #cdcdcd;
}

#masthead-highlights
{
	margin: 0;
	padding: 10px 10px 0px 10px;
	font-weight: bold;

}

.spotlight #main-box-highlights #masthead-highlights
{
	width: auto;
	font-size: 18px !important;
	color: #1b4688;
}

.compact #main-box-highlights #masthead-highlights
{
	width: auto;	
	font-size: 16px !important;
	text-align: center;
	color: #1b4688;
}

.full #main-box-highlights #masthead-highlights
{
	color: #1b4688;
}

#feature-image-highlights
{	
	float: left;
	clear: left;
	max-width: 100%; 
	padding: 0;
}

.full #feature-image-highlights
{	
	margin: 20px 10px 30px 10px !important; 
}

.spotlight #main-box-highlights #feature-image-highlights
{
	margin-top: 20px;
	margin-right: 20px !important;
	margin-bottom: 00px !important;
	margin-left: 20px !important;
}

.compact #main-box-highlights #feature-image-highlights
{
	float: none;
	clear: none;
	margin-left: auto;
	margin-right: auto;
}

#main-box #annual-content
{
	/*margin: 0px 0px 0px 140px;*/
	padding: 10px 10px;
}

.full #annual-content
{
	font-weight: normal;
	color: #1b4688;	
}

.spotlight #main-box-highlights #annual-content
{
	width: auto;

	padding-right: 20px;
	padding-left: 10px;
	font-size: 1em;
	color: inherit;
}

.compact #main-box-highlights #annual-content
{
	width: 92%;
	margin: auto;
	padding: 10px 0px 0px 0px;
	font-size: 1em;
	text-align: center;
}

.spotlight #main-box-highlights #annual-content a, .compact #annual-content a
{
	color: inherit;
	text-decoration: underline;
}

.spotlight #main-box-highlights #annual-content a:visited, .compact #annual-content a:visited
{
	color: inherit;
}

.full #annual-content a
{
	color: blue;
}

.spotlight #intro, .compact #intro
{
	display: none;	
}

#innerContent #full-list-highlights
{
	margin: 0;
	padding: 10px 10px 10px 20px !important;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
	border-top: 2px solid #cdcdcd;
}

#innerContent .full #main-box-highlights #full-list-highlights
{
	clear: both;
}

#innerContent .spotlight #full-list-highlights, .compact #full-list-highlights
{
	display: none;
}

#innerContent #full-list-highlights li
{
	margin: 1em 0;
	padding: 0px !important;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
	font-weight: bold;
}



#innerContent #full-list-highlights li.list-bottom
{
	margin: 0;
}

#innerContent .full #full-list-highlights li.list-bottom
{
	display: none;
}

#innerContent #full-list-highlights  a
{
	color: blue;
	font-weight: normal;
	text-decoration: underline;
}

#show-btn-highlights, .toggle
{
	display: block;
	width: 40%;
	margin: 0 auto;
	padding: 4px 8px;
	border: 2px solid #ededed;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	background-color: #ddd;
	text-align: center;
	font-size: 10px;
	font-family: "Arial", "Verdana", "sans-serif";
	font-weight: bold;
	text-decoration: none;
}

#show-btn-highlights:hover
{
	background-color: #ededed;
}

.compact #main-box-highlights #show-btn-highlights, .full #main-box-highlights #show-btn-highlights
{
	display: none;
	width: 70%;
}