/* root element for accordion. decorated with rounded borders and gradient background image */

.toolsaccordion {
    width: 90%;
    margin-left: 16px;
    margin-top: 57px;
}

.toolsaccordion h3 {
    width: 75%;
    line-height: 2;
    margin: 0px;
    border-bottom: 1px solid #073370;
    margin-left: 11%;
    padding-top: 3px;
}

.toolsaccordion h3:hover {
    background: #073370;
}

.toolsaccordion h3:hover a {
    color: white !important;
}

.starredBlock {
    background: #073370;
}


/* accordion pane */

.accordionDiv {
    width: 100%;
    display: inline-block;
}

.accordionDiv h3 a {
    padding: 0px !important;
    padding-left: 15px !important;
    margin-left: 0px !important;
}

.toolsaccordion div>.pane {
    display: none;
    background-color: white;
    font-size: 1.2em;
    width: 75%;
    margin-left: 11%;
    /*margin-left: 15px;*/
}

.pane a {
    border-bottom: 1px solid #073370;
}

.pane a:hover,
.pane a:focus {
    background: #ececec;
}

.toolsaccordion div:target>.pane {
    display: block;
}

.toolsaccordion A:link,
.toolsaccordion A:visited,
.toolsaccordion A:active {
    text-decoration: none;
    padding-left: 22px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    padding-right: 10px;
}

.toolsaccordion div.pane a {
    color: #073370;
    line-height: 2;
}

.toolsaccordion H3 A:link,
.toolsaccordion H3 A:visited {
    color: #073370;
    font-family: Arial;
    margin-left: -15px;
    font-size: 0.9em;
    background: none;
}

.starredBlock a {
    color: white !important;
}

@media (max-width: 600px) {
    .toolsaccordion {
        width: 150%;
    }
}

@media (max-width: 400px) {
    .toolsaccordion {
        width: 220%;
    }
}