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

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

@media projection, screen {

    /* Toggler - default style */
    .toggler {
        margin:10px 0 0px 0;
        cursor:pointer;
        text-decoration: none;
        line-height:30px;
        display: block;
    }
    .toggler-closed {
        color:#333;
        padding-left:20px;
        height:30px;
        border: solid 1px #efefef;
    }
    .toggler-closed:hover {
        color: #000;
        padding-left:20px;
        height:30px;
        border: solid 1px #e3e3e3;
    }
    .toggler-opened {
        color:#333;
        padding-left:20px;
        height:30px;
        border: solid 1px #efefef;
    }
    .toggler-opened:hover {
        color: #000;
        padding-left:20px;
        height:30px;
        border: solid 1px #e3e3e3;
    }

    /* Container - default style */
    .toggler-c {
    }
    .toggler-c-closed {
       background:transparent;
       border:solid 1px #e3e3e3;
       margin:-10px 0px 25px 0px;
       padding:20px;
    }
    .toggler-c-opened {
       margin:-10px 0px 25px 0px;
       padding:20px;
       background:#F8F8F8;
       border:solid 1px #fff;
    }

}

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

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

}