﻿/*.row { vertical-align: top; height:auto !important; }
.list {display:none; }
.show {display: none; }
.hide:target + .show {display: inline; }
.hide:target {display: none; }
.hide:target ~ .list {display:inline; }*/

/* CSS Tree Expand/Collapse styles */
/*****************************/
/*Previous expand collapse css*/

ol.tree
{
    padding: 0 0 0 0; /*width: 300px;*/
    height: auto;
}

li
{
    position: relative; /*margin-left: -15px;*/
    list-style: none;
    padding-left: 0;
}

li input
{
    position: absolute;
    left: 0;
    margin-left: 0;
    /*opacity: 0;*/
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}

li input + ol
{
    /* background:  url(../images/down.png) 40px 0 no-repeat;*/ /*background: url('../images/down.png') no-repeat;*/
    background-position: center right;
    border-right: 20px solid transparent; /*margin: -0.938em 0 0 -44px; /* 15px */
    margin: -1.738em 0 0 -44px;
    height: 30px;
}

li input + ol > li
{
    display: none;
    margin-left: -14px !important;
    padding-left: 1px;
}

li label
{
    background: url('../images/down.png') no-repeat;
    background-position: center right;
    cursor: pointer;
    display: block; /*padding-left: 37px;*/
    color: #860d86;
    font-family: Arial;
    font-size: 16px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 20px; /* increase click area */
    padding-top: 20px;
    padding-bottom: 10px; /*height: 30px;     padding-top: 10px;     padding-bottom: 10px; */
}

li label:focus
{
    color: red;
}

li input:checked + ol
{
    /*background: url(toggle-small.png) 40px 5px no-repeat;*/ /*background: url('../images/up.png') no-repeat right top;*/ /*margin: -1.25em 0 0 -44px; /* 20px */
    margin: -1.75em 0 0 -44px; /*padding: 1.563em 0 0 80px;*/
    padding: 0.963em 0 0 70px;
    height: auto;
}

li input:checked + ol > li
{
    display: block;
    margin: 0 0 0.125em; /* 2px */
}

li input:checked + ol > li:last-child
{
    margin: 0 0 0.063em; /* 1px */
}

/*****************************/
/*Latest expand collapse css*/
.header
{
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: url('../images/down.png') no-repeat;
    background-position: center right;   
    height: 30px;
    padding: 15px 0px 10px 0px; /*top right bottom left*/  
}

.header a
{
    display: block;    
    font-family: Arial;  
}

.content
{
    display: none;
    padding-left: 20px;    
}

/*****************************/

hr
{
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
}
a:link
{
    color: #860d86;
    text-decoration: none;
}
a:visited
{
    color: #860d86;
    text-decoration: none;
}
a:hover
{
    color: #860d86;
    text-decoration: none;
}
a:active
{
    color: #860d86;
    text-decoration: none;
}
