.ac-container{width:850px;margin:10px auto 30px auto;text-align:justify;font-family:verdana,arial,sans-serif;font-size:12px;} label.ac-cont{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-style:bold;padding:3px;position:relative;text-align:center;z-index:20;display:block;height:30px;cursor:pointer;color:green;text-shadow:0px 1px 1px rgba(255,255,255,0.6);line-height:30px;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#ffffff),color-stop(100%,#D8F3BA));background:-webkit-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-o-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-ms-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:linear-gradient(top,#ffffff 1%,#D8F3BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#D8F3BA',GradientType=0);box-shadow:0px 0px 0px 1px rgba(15,186,15,0.3),1px 0px 0px 0px rgba(255,255,255,0.9) inset,0px 2px 2px rgba(15,186,15,0.3);} label.ac-cont:hover{background:#D8F3BA;} .ac-container input[type=radio]:checked + label.ac-cont,.ac-container input[type=radio]:checked + label.ac-cont:hover{background:#D8F3BA;color:green;text-shadow:0px 1px 1px rgba(255,255,255,0.6);box-shadow:0px 0px 0px 1px rgba(15,186,15,0.3),0px 2px 2px rgba(15,186,15,0.3);} .ac-container label.ac-cont:hover:after,.ac-container input[type=radio]:checked + label.ac-cont:hover:after{content:'';position:absolute;width:24px;height:24px;right:13px;top:7px;background:transparent url(../images/arrow_down.png) no-repeat center center;} .ac-container input[type=radio]:checked + label.ac-cont:hover:after{background-image:url(../images/arrow_up.png);} .ac-container input[type=radio]{display:none;} .ac-container article{background:rgba(255,255,255,0.5);margin-top:-1px;overflow:hidden;height:0;position:relative;z-index:10;-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;} .ac-container article p{font-style:italic;color:green;line-height:23px;font-size:14px;padding:20px;text-shadow:1px 1px 1px rgba(255,255,255,0.8);} .ac-container input[type=radio]:checked ~ article{-webkit-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-moz-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-o-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;-ms-transition:height 0.5s ease-in-out,box-shadow 0.1s linear;transition:height 0.5s ease-in-out,box-shadow 0.1s linear;box-shadow:0px 0px 0px 1px rgba(15,186,15,0.3);} .ac-container input[type=radio]:checked ~ article.ac-small{height:140px;} .ac-container input[type=radio]:checked ~ article.ac-medium{height:180px;} .ac-container input[type=radio]:checked ~ article.ac-large{height:230px;} .ac-container input[type=radio]:checked ~ article.ac-full{height:auto;padding:20px;}.ac-container input[type=radio]:checked ~ article.ac-full-new{height:auto;padding:5px 1px 5px 1px;}