#accordion{
     width: 650px;
}

.ac-container{
    width: 90%;
    margin: 10px auto; 30px auto;
    text-align: left;
}
.ac-container label{
    background-image : url(images/q.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin-top: 10px;
    z-index: 20;
    display: block;
    cursor: pointer;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background-image : url(images/q.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin-top: 10px;
    position: relative;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 24px;
    right: 13px;
    top: 10px;
}
.ac-container input{
    display: none;
}
.ac-container ul{
    background-image : url(images/a.gif);
    background-repeat: no-repeat;
    margin: 5px 0 0 0;
    padding: 0 0 0 5px;
    overflow-y: auto;
    height: 0px;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}
.ac-container input:checked ~ ul{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
}
.ac-container ul p{
    margin: -5px 0 0 0;
}
.ac-container input:checked ~ ul.acheight50{height: 50px;}
.ac-container input:checked ~ ul.acheight100{height: 100px;}
.ac-container input:checked ~ ul.acheight150{height: 150px;}
.ac-container input:checked ~ ul.acheight200{height: 200px;}
.ac-container input:checked ~ ul.acheight250{height: 250px;}
.ac-container input:checked ~ ul.acheight300{height: 300px;}
.accordion input:checked ~ ul.acheightauto{height: auto;}