﻿.Accordion
{
    width: auto;
    background: none repeat scroll 0 0 #D9E0F0;
    /*box-shadow: 0 0 2px #333;*/
    margin: 0 auto;
}

.Accordion-Header
{
    cursor: pointer;
    /*background: #676f7a;
    background: -webkit-gradient(center bottom, #676f7a 0%, #5e6773 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center bottom, #676f7a 0%, #5e6773 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center bottom, #676f7a 0%, #5e6773 100%) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center bottom, #676f7a 0%, #5e6773 100%) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center bottom, #676f7a 0%, #5e6773 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#676f7a, endColorstr=#5e6773);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#676f7a, endColorstr=#5e6773)";*/
    /*border-bottom: 1px solid #5e6773;*/
    background: url(img/accordion_nomal.png);
    border: none;
    padding: 9px;
    color: #FFF;
}

    /*.Accordion-Header:hover
    {
        /*background: #E6E6E6;
        background: url(img/accordion_hover.png);
    }*/

    .Accordion-Header span
    {
        font-size: 11px;
        font-weight: bold;
        text-transform: capitalize !important;
    }

.Accordion-Header-Selected
{
    background: url(img/accordion_hover.png);
    background-position: center;
    color: #FFF;
    padding: 9px;
}

    .Accordion-Header-Selected span
    {
        font-size: 11px;
        font-weight: bold;
        text-transform: capitalize !important;
    }

.Accordion-Content
{
    border: 1px solid #00AEEE;
    background: #FFF;
    border-top: none;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
}

.Accordion-Header .notification
{
    background: none repeat scroll 0 0 #515c6c;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 9px;
    padding: 2px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    width: auto;
    min-width: 14px;
}

.Accordion-Header-Selected .notification
{
    background: none repeat scroll 0 0 #047098;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 9px;
    padding: 2px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    width: auto;
    min-width: 14px;
}
