/*
Here is an example of how accordion (concertina) can be used,
please follow the same structure:

<div id="Accordion2" class="accordion-container"> 
    <div class="accordion-header-background">
        <h2 class="accordion-header">Accordion Header 1</h2> 
    </div>
    <div class="accordion-content"> 
        <label>Some content</label>
    </div> 

    <div class="accordion-header-background">
        <h2 class="accordion-header">Accordion Header 2</h2>
    </div> 
    <div class="accordion-content"> 
		<label>Some content</label>
    </div> 
</div>

*/



.accordion-container
{
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.accordion-header-background
{
    background-image: url(../../img/concertina-head-gradient.png);
    background-repeat: repeat-x;
    padding-right: 12px;
    border: 1px solid #c7c7c7;
    margin: -1px 0 0 0;
}

.accordion-header
{
    font-size: 12px;
    line-height: 15px;
    color: #2a3795;
    border: none;
    cursor: pointer;
    height: 18px;
    padding: 10px; /*background-image: url(../../img/concertina-head-gradient.png); 	background-repeat:repeat-x; */ /*-moz-border-radius: 5px; 	-webkit-border-radius: 5px; 	border-radius: 5px;*/
}

.active-header
{
    /*-moz-border-radius: 5px 5px 0 0; 	-webkit-border-radius: 5px 5px 0 0; 	border-radius: 5px 5px 0 0; 	background: url(images/active-header.gif) #cef98d; 	background-repeat: no-repeat; 	background-position: right 50%;*/
    background-image: url(../../img/concertina-arrow-up.png);
    background-repeat: no-repeat;
    background-position: right 50%;
}

.inactive-header
{
    background: url(../../img/concertina-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 50%; /*background-color: #ffffff;*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7', GradientType=0 );*/
}

.accordion-content
{
    font-size: 11px;
    line-height: 17px;
    color: #75787b;
    border: 1px solid #c7c7c7;
    padding: 20px 12px 20px 10px;
    background: #ffffff;
    border-top: 0; /*-moz-border-radius: 0 0 5px 5px; 	-webkit-border-radius: 0 0 5px 5px; 	border-radius: 0 0 5px 5px;*/ /*cursor: pointer;*/
}





/*.active-header:hover {
}*/

/*.inactive-header:hover {
}*/