/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/09/10
	
	CONTENTS
	========
	Defines styles for the accordion module used on all landing pages, including group homepage.
*/
#aside {
	width:235px;
	background:url('../images/css/rhs-top.png') 0 0 no-repeat; /* IE6.css uses a GIF */
	margin:0 auto 3px;
	padding:0;
}

#aside div.rhsPanel {
	background:url('../images/css/rhs-panel.gif') 0 0 no-repeat;
	cursor:pointer;
	margin:-5px 0 0;
	padding:1px 0 0 8px;
	position:relative;
	outline:none;
}
#aside div.rhsPanel img {
	position:absolute;
	top:2px; left:8px;
	width:29px;
	height:29px;
	display:block;
}
#aside div.rhsTopPanel div.rhsPanel {
	background:none;
	margin:0;
}
* html #aside div.rhsBottomPanel { margin-bottom:-10px; }
#aside div.rhsBottomPanel div.rhsPanel {
	margin:-5px 0 -8px;
	padding:0;
	background:none;
}

#aside div.rhsBottomPanel div.rhsPanel div.rhsTogglerWrap {
	background:url('../images/css/rhs-bottom-panel.png') 0 0 no-repeat;
	padding:1px 0 0 8px;
	zoom:1;
}
#aside div.rhsPanel h3 {
	margin:0;
	padding:7px 28px 3px 35px;
	min-height:24px;
	color:#000;
	text-decoration:none;
	font-size:1.1em;
	background:url('../images/css/personal-rhs-toggle-on.gif') 200px 8px no-repeat;
}
#aside div#rhsActive h3 { background:url('../images/css/personal-rhs-toggle-off.gif') 200px 8px no-repeat; }
#aside div.rhsMenuItem {
	font-size:1.1em;
	color:#fff;
}
#aside div.rhsMenuItem div.rhsInnerMenu {
	background:#343434 url('../images/css/personal-rhs-gradient.gif') 0 0 repeat-x;
	border-left:#adadad 1px solid;
	border-right:#adadad 1px solid;
	padding:10px 0 9px;
	min-height:140px;
	height:auto !important;
	height:140px;
}

#homeAside #aside div.rhsMenuItem div.rhsInnerMenu {
	min-height:85px;
	height:auto !important;
	height:85px;
}

#aside div.rhsBottomPanel div.rhsMenuItem div.rhsInnerMenu { padding:12px 0 1px; }
#aside div.rhsBottomPanel div#rhsBottom { 
	padding:0;
	background:url('../images/css/rhs-bottom-open.png') 0 bottom no-repeat;
	height:8px;
	margin:0;
}
#aside div.rhsMenuItem ul, 
#aside div.rhsMenuItem ol, 
#aside div.rhsMenuItem p { margin:0; padding:0; }
#aside div.rhsMenuItem a {
	color:#fff;
	text-decoration:underline;
}
#aside div.rhsMenuItem a:hover { text-decoration:none; }
#aside div div.rhsMenuItem p { margin:0 10px; }
#aside div.rhsMenuItem ul {
	list-style:none;
	padding:0 0 1px;
}
#aside div.rhsMenuItem ul li {
	margin:3px 0 3px 20px;
	padding:0 0 0 12px;
	background:url('../images/css/personal-yellow-arrow-right.gif') 0 .2em no-repeat;
}
#aside div.rhsMenuItem li.rhsMore { font-weight:bold; }
#aside div.rhsMenuItem ol {
	margin:0;
	padding:0 0 1px;
	color:#fc0;
}
#aside div.rhsMenuItem ol li {
	margin:3px 0 3px 60px;
	padding:0;
}
#homeAside #aside div.rhsBottomPanel div#rhsBottom { 
	background:url('../images/css/rhs-bottom-open_home.png') 0 bottom norepeat;
}