.themed-container {
    border-radius: 2pt;
    border: 1pt solid rgb(133, 158, 191);
    background-color: #EAF1FA;
}

.themed-container-header {
    background-color: rgb(204, 222, 243);
    border-radius: 2pt;
    border: 1pt solid rgb(177, 200, 225);
    font-weight: bold;
    height: 15pt;
    padding-left: 10pt;
}

.themed-container-content {
    border-radius: 1pt;
    padding: 5pt;
}

.themed-button {
    border: 1pt solid rgb(171, 186, 208);
    border-radius: 2pt;
    text-align: center;
    background-color: rgb(217, 231, 245);
}

.themed-button-text {
    margin: auto;
    cursor: default;
    display: block;
}

.themed-button:hover {
    background-color: #4C72A2;/*rgb(247, 225, 141);*/
    border-color: #4C72A2;/*rgb(238, 207, 78);*/
     color: #fff;
}


.themed-button-disabled {
    opacity: 0.4;
    color: gray;
}

.themed-button-disabled:hover {
    background-color: rgb(217, 231, 245);
    border-color: rgb(171, 186, 208);
    color: gray;
}


.ribbon {
    height: 70px;
    text-align: left;
    background-image: url(../images/ribbon_light.png);
    padding: 2px 0px 2px 0px;
}

.ribbon-item {
    text-align: center;
    float: left;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
    font-size: 8pt;
    height: 70px;
    border-radius: 4px;
    padding: 1px 1px 1px 1px;
}


.ribbon-item:hover {
    background-color: #4C72A2;/*rgb(248, 224, 136);*/
    padding: 0px 0px 0px 0px;
    border: 1px solid  #4C72A2;/*rgb(236, 199, 87);*/
     color: #fff;
}

.ribbon-item-disabled {
    opacity: 0.4;
    color: gray;
    cursor: default;
}

.ribbon-item-disabled:hover {
    background-color: initial;
    padding: 1px 1px 1px 1px;
    border: none;
}

.ribbon-item-pressed {
    background-color: #4C72A2;/*rgb(255, 216, 108);*/
    padding: 0px 0px 0px 0px;
    border: 1px solid #4C72A2;/*rgb(236, 199, 87);*/
     color: #fff;
}

.ribbon-border { border: 1px solid #859ebf; }

.ribbon-item-icon { margin-top: 5px; }

.ribbon-item-text {
    vertical-align: bottom;
    position: relative;
}

.group-splitter {
    background-image: url(../images/group_splitter.png);
    width: 3px;
    height: 100%;
    float: left;
    margin: 0px 2px 0px 2px;
}

.group-inner-splitter {
    background-image: url(../images/group_inner_splitter.png);
    width: 3px;
    height: 100%;
    float: left;
    margin: 0px 2px 0px 2px;
}

.themed-table { border-collapse: collapse; }

.themed-table-header {
    width: 100%;
    cursor: default;
    border-collapse: collapse;
}

.themed-table-header-cell {
    background-color: rgb(235, 243, 251);
    border: 1px solid rgb(132, 157, 189);
}

.themed-table-row { border: 1px solid rgb(196, 217, 246); }

.themed-table-row-cell { border: 1px solid rgb(196, 217, 246); }