@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.Accordion {
	border: solid 1px;
	border-color:#999 #555 #555 #999;
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.Accordion .title {
	border-top: solid 1px #fff;
	background-color:#e5e5e5;
	margin: 0px;
	padding:.5em .5em .5em 32px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background:url(images/expand.gif) 6px 50% no-repeat;
}

.Accordion .body {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 150px;
	background-color:#fff;
	width:99.5%;
	}
#nss-wrapper-browser-ie6 .Accordion .body,
#nss-wrapper-browser-ie7 .Accordion .body
	{
	overflow: visible;
	}
	
	
.column.resources .Accordion .body {
	height: 190px;
}

.Accordion .body ul
	{
	margin-left:32px;
	}
.Accordion .body li
	{
	text-transform:capitalize;
	list-style:disc;
	}
.AccordionPanelOpen .title {
	border-bottom:none;
	background-image:url(images/collapse.gif);
}
#parentPageWrap .AccordionPanelOpen .title 
	{
	background-image:none;
	}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
}
.AccordionPanelOpen .AccordionPanelTabHover {
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .title {
	border-top-color:#fff;
	color:#fff;
	}

.loan .Accordion .title {
	background-color: #fcb040;
	border-top-color:#fff;
	color:#fff;
	}
.loan .AccordionPanelOpen .title {
	background-color: #fd6;
	border-bottom:1px solid #fcb040;
	color:#631;
	}

.resources .Accordion .title,
.timeframe .Accordion .title
	{
	background-color: #8CC63F;
	color:#fff;
	}
.resources .AccordionPanelOpen .title,
.timeframe .AccordionPanelOpen .title
	{
	background-color: #be6;
	border-bottom:1px solid #8CC63F;
	color:#163;
	}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .title {
	}