/* CSS styles for COMPANHY REPORTING section of DG FISMA thematic website */

@media all {
    /* reset */
    
    #maincontent .cr-table h3 {
        margin: 0;
        padding: 10px;
    }
    td {
        vertical-align: top;
    }
    /*table*/
    
    .cr-table {
        width: 100%;
    }
    .cr-table h3 {
        text-align: center;
        text-transform: uppercase;
    }
    .cr-table .lev-1 {
        border: 20px solid #34495E;
    }
    #maincontent .cr-table .lev-1>h3 {
        background: #34495E;
        color: #fff;
        padding: 5px 25px;
        font-size: 2em;
    }
    .cr-table .lev-2 {
        border: 20px solid #3498DB;
    }
    #maincontent .cr-table .lev-2>h3 {
        background: #3498DB;
        color: #fff;
        padding: 5px 25px;
        font-size: 1.6em;
    }
    .cr-table .lev-2:nth-of-type(1) {
        border-bottom: 1px solid #34495E;
    }
    .cr-table .lev-3 {
        width: 50%;
        background: #ECF0F1;
    }
    .cr-table .lev-3:last-of-type {
        border-left: 1px solid #34495E;
    }
    #maincontent .cr-table .lev-3>h3 {
        background: #95A5A6;
        color: #fff;
        padding: 5px 25px;
        font-size: 1.2em;
    }
    .cr-table .lev-3 p {
        padding: 5px 15px;
    }
    .cr-table .lev-3 ul {
        padding-bottom: 15px;
        padding-top: 5px;
    }
    /* EXPAND */
    a.expand {
        background: url("../images/elements/icon-plus.png") no-repeat left 2px;
        padding: 0 0 5px 30px;
        text-decoration: none;
        display: block;
    }
    a.expand-on {
        background-image: url("../images/elements/icon-minus.png");
        color: #551A8B;
    }
/*
    a.expand:before {
        background-color: #95A5A6;
        color: #fff;
        content: "+";
        font-size: 20px;
        text-decoration: none;
        padding: 0 6px 3px 6px;
        margin-right: 10px;
        border-radius: 50%;
    }
    a.expand-on:before {
        background-color: #3498DB;
        content: "-";
        padding: 0 10px 3px 10px;
    }
*/

    .container-expand .container-expand {
        padding-left: 20px;        
    }
/*
    .container-expand .container-expand a.expand:before {
        font-size: 16px;
        padding: 0 4px 2px 4px;
    }
    .container-expand .container-expand a.expand-on:before {
        font-size: 18px;
        padding: 0 7px 1px 7px;
    }
*/
}