@charset "UTF-8";

.collaspPanelBG{float:left; width:100%; padding:5px 0 5px 0px;margin-bottom:0px;}
.Accordion {
	overflow: hidden;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636466;
	line-height: 24px;
	height:auto;
	outline:none;
}

.collaspPanel {
	margin-top:5px;
	padding: 0px;
	/*border-top:1px solid #e1e1e1;*/
}


.collasppanelTab {
	background:url(plus.png) no-repeat 99.4% 11px;
	margin: 0 0 10px 0px;
	padding: 5px 10px;
	cursor: pointer;  border:1px solid #ccc;
	/*width:976px;*/
	 background-color:#f8f8f8;
}

.PanelTabBig
{
	background:url(../images/gradient_bg_plus_big.jpg) no-repeat left top;
	height:59px;
	font-weight:normal; 
}

.PanelTabBig .numb
{
	float:left;
	width:20px;
}

.PanelTabBig span
{
	float:left;
	width:900px;
}

.collasppanelTab .numb {
	font-weight:bold;
	margin-right:5px;
}

.collaspContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 15px 0 15px;
	background-color:#FFF;
}
.ie6 .collaspContent ul{padding-left:20px;}
.collaspContent li{margin-left:0; width:500px;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "collaspOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.collaspOpen .collasppanelTab {
	background:url(minus.png) no-repeat 99.4% 11px;
	color:#333333;
	font-weight:bold;
}

.collaspOpen .PanelTabBig
{
	background:url(../images/gradient_bg_minus_big.jpg) no-repeat left top;
	height:59px;
	font-weight:bold;
}

/*
.collaspOpen .collasppanelTab {
	background:url(../images/down.jpg) no-repeat left top;
	color:#39c1d7;
}
*/

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "collaspHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.collaspHover {
	color: #555555;
}
.collaspOpen .collaspHover {
	color: #555555;
}

/* 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.
 */

.accordianbg
{    height:26px;
	font-weight:bold;
	background-image: url(../images/accordianbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#636466;
	padding-left:10px;
	margin-top:6px;
}
.accordianbg a:visited
{    text-decoration:none;
	color:#636466;
	
}

.accordianbg a:link
{    text-decoration:none;
	color:#636466;
}
.accordianbg a:hover
{    text-decoration:none;
	color:#636466;
}
.accordianbg a:active
{    text-decoration:none;
	color:#636466;
}

.Accordion .alphabullets1 {display:block;}
.Accordion .alphabullets1 li {margin-left:10px; list-style:lower-alpha; width:99%;}

.accordiantitle {clear:both; display:block; margin:20px 0; font-size:14px; font-weight:bold; color:#49a02a}

@media screen and (max-width:640px){
.collasppanelTab{ background-image:none; padding:6px 15px; line-height:18px;}
.collaspOpen .collasppanelTab{background-image:none; padding:6px 15px; line-height:18px;}
}