/*
 * $Id: toggle.css,v 1.3 2010/04/23 17:49:12 lisa Exp $
 * Styles for simple expand contract details. derived from the diffuser tree.


/*
 * relative position for banner so that the
 * absolutely-positioned checkbox will be inside it.
 */
div.banner
{
	position: relative;
	left: 0px;
	height: auto;
}

/*
 * banner for leaves is white
 */
div.block div.banner
{	background-color: rgb(255,255,255);
}


/*
 * expander is displayed as a block-level element because the
 * link has no content. it floats left so the "name" link doesn't
 * break after it.
 */ 
div.banner a.expander
{	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: no-repeat left top;
}

/*
 * nodes specified as "open" start with the minus image.

div.block a.expander
{	background-image: url(../images/s6m.gif);
}
*/ 
/*
 * nodes specified as "closed" start with the plus image.

div.block a.expander
{	background-image: url(../images/s6p.gif);
}
 */
/*
 * node name. line height is 18 pixels so that the text
 * is centered with the button.
 */
div.banner div.name 
{
	display: block;
	font-family : Tahoma, Verdana, Arial, sans-serif ;
	margin-left: 2px;
	text-decoration: none; 
	line-height: 16px;
	/*width:95%;
	font-size: 12px;*/
	font-size: 0.8em;
	font-weight: bold;
}

span.hometeaser{
	margin-left: 2px;
	font-size: 0.8em;
	display: block;
	position: relative;
	font-weight: normal;
	line-height: 14px;
}

div.homedetail{
	font-size: 0.8em;
	position: relative;
	font-weight: normal;
	line-height: 14px;
	/**/
	width:150px;
}

div.newsdetail{
	font-size: 0.8em;
	position: relative;
	font-weight: normal;
	line-height: 14px;
	margin: 1px 0px 1px 22px;
	width:336px;
}

div.detail {
	/* margin-left: 2px; */
	display: none;
	position: relative;
	/*font-size: 12px;*/
	/*width:95%;
	margin: 1px 0px 1px 22px;
	
	list-style: outside !important;
	padding-left: 0px;*/
}


 /*
 * leaves' children are always initially closed, so they
 * need to use the plus graphic.
 */
div.block a.expander
{	background-image: url(../images/s6p.gif);
}


/*
 * child detail, initially hidden.
 */
div.block ul
{	display: none;
	/*list-style: outside !important;
	padding-left: 0px;*/
}