.ac-container { width: 550px; margin: 10px auto 30px; text-align: left; }
.ac-container label { font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif; padding: 5px 20px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #fff; background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%); background: linear-gradient(top,#fff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0); box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1); }
.ac-container label:hover { background: #fff; }
.ac-container input:checked + label, .ac-container input:checked + label:hover { background: #c6e1ec; color: #3d7489; text-shadow: 0 1px 1px rgba(255,255,255,0.6); box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1); }
.ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../Images/Home/arrow_down.png) no-repeat center center; }
.ac-container input:checked + label:hover:after { background-image: url(../Images/Home/arrow_up.png); }
.ac-container input { 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 .3s ease-in-out,box-shadow .6s linear; -moz-transition: height .3s ease-in-out,box-shadow .6s linear; -o-transition: height .3s ease-in-out,box-shadow .6s linear; -ms-transition: height .3s ease-in-out,box-shadow .6s linear; transition: height .3s ease-in-out,box-shadow .6s linear; }
.ac-container article p { font-style: italic; color: #777; line-height: 23px; font-size: 14px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); }
.ac-container input:checked ~ article { -webkit-transition: height .5s ease-in-out,box-shadow .1s linear; -moz-transition: height .5s ease-in-out,box-shadow .1s linear; -o-transition: height .5s ease-in-out,box-shadow .1s linear; -ms-transition: height .5s ease-in-out,box-shadow .1s linear; transition: height .5s ease-in-out,box-shadow .1s linear; box-shadow: 0 0 0 1px rgba(155,155,155,0.3); }
.ac-container input:checked ~ article.ac-medium { height: auto; padding: 10px; }