/* Accordion
----------------------------------*/
.ui-accordion {
    /*padding-bottom:10px;*/
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 300px;
	overflow: hidden;
	background:#fff;
}

/* if it comes in single column module in left panel */
.content-right-container .ui-accordion, .content-one-column .ui-accordion {
     /*padding-bottom:10px;*/
	margin: auto;
	margin-bottom: 10px;
	width: 215px;
	overflow: hidden;
	/*float: left;*/
}

.ui-accordion .ui-accordion-header
{
    cursor: pointer;
    position: relative;
    zoom: 1;
    color:#ffffff;
    font-weight:bold;
	padding-right: 10px;
}
.ui-accordion .ui-accordion-li-fix
{
    display: inline;
}
.ui-accordion .ui-accordion-header-active
{
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
	background: url(../images/ui-triangle-l-e.gif) no-repeat right 12px;
    display: block;

    padding: 10px 25px 10px 10px;
	color: #ffffff;
}
.ui-accordion .ui-accordion-header a:hover
{/* 
	background: url(../images/ui-triangle-l-e-hover.png) no-repeat right 12px;
	padding-right: 0;*/
}

.ui-accordion .ui-state-active a {
	color: #ea3392;
	cursor:default;
}
.ui-accordion .ui-accordion-header .ui-icon
{
    position: absolute;
    left: .5em;
    top: 50%;

}

/*.ui-accordion .ui-accordion-header span.ui-icon-triangle-1-e {
	background: url(../images/ui-triangle-l-e.gif) no-repeat right 5px;
	display: block;
}

.ui-accordion .ui-accordion-header span.ui-icon-triangle-1-s {
	background: url(../images/ui-triangle-l-s.gif) no-repeat right 5px;
	display: block;
}
*/
/* Change these styles to style header of accordion*/
.ui-accordion .ui-state-default
{
    font-size:13px;
    font-weight: bold;
    color: #ffffff;
    background-color: #1c4255;
	border-bottom: 1px solid #6aa5c3;
} 
.ui-accordion .ui-state-active 
{
    font-size:13px;
    font-weight: bold;
    color: #ea3392;
    background-color: #ffffff;
	cursor:default;
}
.ui-accordion .ui-state-default a
{
	background: url(../images/accordion_default.png) no-repeat right 7px;
}
.ui-accordion .ui-state-default a:hover
{
	background: url(../images/accordion_default_hover.png) no-repeat right 5px;
}
.ui-accordion .ui-state-active a
{
	background: url(../images/accordion_selected.png) no-repeat right 8px;
	padding-right: 10px;
}
.ui-accordion .ui-state-active a:hover
{
	text-decoration:none;
}
/* end*/

.ui-accordion .ui-accordion-content
{
	background-color: #ffffff;
    padding: 0 10px 10px 10px;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: hidden;
    display: none;
}
.ui-accordion .ui-accordion-content .read-more {
	margin-top: 5px;
}
.ui-accordion .ui-accordion-content-active
{
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.ui-accordion .ui-state-active a{
		background: url(../images/accordion_selected.png) no-repeat right 6px;
	}
}
/*Accordion*/

/*

<div class="ui-accordion ui-widget ui-helper-reset">
  <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top">
    <span class="ui-icon ui-icon-triangle-1-s"/>
    <a href="#">Section 1</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
    Section 1 content
  </div>
  <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
    <span class="ui-icon ui-icon-triangle-1-e"/>
    <a href="#">Section 2</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
    Section 2 content
  </div>
  <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
    <span class="ui-icon ui-icon-triangle-1-e"/>
    <a href="#">Section 3</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
    Section 3 content
  </div>
</div>

ui-accordion
ui-accordion-header
ui-accordion-content
ui-accordion-content-active

*/