.accordion 
{
  border: 1px solid #364760;
  margin: 0 0 1px 0;
}

.accordion > div 
{
    display: none;
}

.no-js .accordion > div { display: block; }

.accordion > h2
{
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 20px 8px 10px;
    background: #4a6182;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(54,71,96)), color-stop(0.5, rgb(74,97,130)) );
    background-image: -webkit-linear-gradient(bottom, rgb(54,71,96) 50%, rgb(74,97,130) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(54,71,96) 50%, rgb(74,97,130) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(54,71,96) 50%, rgb(74,97,130) 50%);
    background-image: -o-linear-gradient(bottom, rgb(54,71,96) 50%, rgb(74,97,130) 50%);
    background-image: linear-gradient(bottom, rgb(54,71,96) 50%, rgb(74,97,130) 50%);
}

/* ie 7/8/9 fix */
.ie7 .accordion > h2,
.ie8 .accordion > h2,
.ie9 .accordion > h2 
{
    background: #4a6182 url(../../../../../static/img/ui/header1-bg-repeat-x.png) repeat-x 0 50%;   
}

.accordion > h2 > .arrow
{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
}

.accordion > h2 > .arrow.close
{
    background: url(../../../../../static/img/ui/sprite-icon.png) no-repeat -33px -559px;
}

.accordion > h2 > .arrow.open
{
    background: url(../../../../../static/img/ui/sprite-icon.png) no-repeat -33px -598px;
}

#content .accordion .inner 
{
    padding: 0 30px 30px 30px;
    overflow: hidden;    
}

#content .accordion .inner .first,
.accordion .inner p:first-child 
{
    margin-top: 20px;    
}

#content .accordion .inner .last,
.accordion .inner p:last-child 
{
    margin-bottom: 0;    
}