/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

    /* Toggler - default style */
    .toggler {
        margin:25px 0 25px 0;
        cursor:pointer;
        text-decoration: none;
        font-size: 1.4em;
        font-weight:bold;
        line-height:30px;
        display: block;
        text-align: left;
    }

    .toggler-closed {
        color:#333;
        padding-left:20px;
        height:30px;
        background: transparent url('../images/toggleElements/toggle_478x30_dn.gif') center right no-repeat;
        border: solid 0px white;
        text-align: left;
    }
    .toggler-closed:hover {
        color: #000;
        padding-left:20px;
        height:30px;
        background: transparent url('../images/toggleElements/toggle_478x30_dn.gif') center right no-repeat;
        border: solid 0px #e3e3e3;
        text-align: left;
    }
    .toggler-opened {
        color:#333;
        padding-left:20px;
        height:30px;
        background: transparent url('../images/toggleElements/toggle_478x30_up.gif') center right no-repeat;
        border: solid 0px white;
        text-align: left;
    }
    .toggler-opened:hover {
        color: #000;
        padding-left:20px;
        height:30px;
        text-align: left;
        background: transparent url('../images/toggleElements/toggle_478x30_up.gif') center right no-repeat;
        border: solid 0px #e3e3e3;
    }

    /* Container - default style */
    .toggler-c {
    }
    .toggler-c-closed {
       background:transparent;
       border:solid 1px #A68112;
       margin:-25px 0px 25px 0px;
       padding:20px;
       text-align: left;
    }
    .toggler-c-opened {
        margin:-25px 0px 40px 0px;
       padding:20px;
       background:transparent;
       border:solid 1px #A68112;
       text-align: left;
    }

    .toggler-c {
        text-align: left;
        }

}

/* Print -------------------------------------------------------------------- */
@media print {

    .toggler-c { margin-bottom:25px; }
    .toggler { display: none; }

}
