@charset "UTF-8";

/*css for the widget on Welcome page */

/* Accordion container: borders on the left, right, and bottom. The top border of the Accordion
 * rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, accordion expands horizontally to fill
 * up available space.

 */
.Accordion {	
border-left: solid 1px #8dbae4;
border-right: solid 1px #8dbae4;	
border-bottom: solid 10px #006699;
width:250px;
overflow: hidden;
text-align:center;
}

/* AccordionPanel: container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
*/
.AccordionPanel {
margin: 0px;
padding: 0px;
}

.AccordionPanel img {
border:none;
}



/* AccordionPanelTab: container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.

 */
.AccordionPanelTab {
	background-color: #006699;
	color:#fff;
	font-size:10px;
	border-bottom: solid 1px #333;
	margin: 0px;

	cursor: pointer;
	
}

/* AccordionPanelContent: *MUST* specify a height on the Accordion Panel
 * Content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
	border:none;
	font-size:10px;
}


.AccordionPanelContent p {
padding-top:4px;
}



.AccordionPanelContent img {
border:none;
}

/* change the appearance of the panel tab in its various states
 */
.AccordionPanelOpen .AccordionPanelTab {
background-color:#8dbae4;
color:#fff;



}

.AccordionPanelOpen .AccordionPanelTab img{
border:none;
}

.AccordionPanelTabHover {
color:#CAE1F2;
}
.AccordionPanelOpen .AccordionPanelTabHover {
/*background-color:#CAE1F2;
color:#ae6713;
*/
background-color:#8dbae4;
color:#fff;

}


.AccordionFocused .AccordionPanelTab {
background-color: #006699;
color:#fff;
}


.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color:#8dbae4;

}