.Preview .reportHeader {
    font-weight: bold;
    font-size: 20px;
}

.Preview .label label {
    /*float:left;*/
    color: grey;
}

.Preview .data label {
    font-weight: bold;
    /*float: left;*/
    margin-left: 10px;
}

.Preview .primtiveData {
    font-weight: bold;
    margin-top: 4px;
}

.Preview primtiveData {
    font-weight: bold;
}

.Preview table {
    /*margin-top: 5px;
    margin-left: 30px;*/
    border-color:lightgrey;
    border-collapse:collapse;
    /*table-layout:fixed;*/
}

.Preview    table.templateContainer {
            width: 100%;
    }

.Preview table td,
.Preview table th {
    border-style: solid;
    border-width: 1px;
    border-color:lightgrey;
    padding: 3px;
    /*text-align:center;*/
    width: 150px;
    vertical-align: top;
    text-align:left;
}

.Preview .collectionLabel {
    font-size: larger;
    font-weight: bold;
}

.Preview .NewObjectSection {
    background-color: white;
}

.Preview .smallObject {
    float:left;
    margin:5px;
    padding:5px;
}

    .Preview .smallObject .label,
    .Preview .smallObject .data {
        float: left;
        width: 120px !important;
        margin: 0px;
        min-height: 14px;
    }


.Preview .primitiveCollection {
    margin-left:20px;
    margin-top:10px;
}

.Preview .collapser {
    width: 100%;
    text-align: center;
    border: solid 1px lightblue;
}

 .Preview   .collapser th,
 .Preview   .collapser td {
        margin: 0px;
        /*padding: 0px;*/
        padding-bottom: 0px;
        padding-top: 0px;
    }

 .Preview   .collapser th:first-child {
        background-color: lightblue;
    }

.Preview .templateContainerReport {
    width: 800px;
}