#content div.showHide {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background: #478d95 url(/pantheon/images/Chronos/snippets/ShowHide/close.png) no-repeat 2px -1px;
}

    #content div.showHide.showOpen {
        background: #478d95 url(/pantheon/images/Chronos/snippets/ShowHide/open.png) no-repeat 4px 0;
    }

    #content div.showHide p.showHideTitle {
        padding: 4px 0 4px 40px !important;
        color: #FFF;
        border-top: 1px solid #ccc;
        background-color: transparent;
        outline: 0 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        #content div.showHide p.showHideTitle:focus, #content div.showHide p.showHideTitle::focus, #content div.showHide p.showHideTitle::-moz-focus-border {
            outline: 0 !important;
            border: 0 !important;
        }

        #content div.showHide p.showHideTitle.open {
            background: transparent url(/pantheon/images/Chronos/snippets/ShowHide/arrow.png) repeat-x 0 28px;
        }

#content table div.showHide p.showHideTitle.open {
    margin: 0;
}

div#content div.showHide p.open {
}

div#content div.showHide p.mouseOver {
    color: #f3693f;
}

#content p.showHideTitle {
    margin-bottom: 0;
}

#content div.showHide div.showHideContent {
    background: #f6f6f6 url(/pantheon/images/Chronos/snippets/ShowHide/arrow.png) repeat-x 0 -14px;
    padding: 15px 10px 10px 10px;
}

    #content div.showHide div.showHideContent table.em {
        margin: 12px 0 0 !important;
    }

div#content div.showHideControls {
    font-size: 0.9em;
    margin-bottom: 14px;
    padding: 6px;
}

    div#content div.showHideControls p {
        display: inline;
        margin: 0;
        padding: 0;
        text-decoration: underline;
        cursor: pointer;
    }

#content div.showHide .showHideContent table {
    margin-bottom: 0px;
}