.vmcWS-VMCDesktop {
    position: absolute;
    top: 30px;
    left: 3px;
    bottom: 0;
    width: 100%;
}
.cvmcAttribute > tr {
    min-height:50px;
}

.cVMCDesktop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.officeBlue .cVmcDesktopNavigator {
    background-image: linear-gradient(#E1EEFF, #D1E5FF, #C1DCFF, #B1D3FF);
    border: 1px solid #6593CF;
}

.office365Blue .cVmcDesktopNavigator {
    background-image: linear-gradient(#CEE0F6, #C8DAF0, #B6C8DE, #B3C5DB);
    border: 1px solid #859EBF;
}

.cVmcDesktopNavigator {
    height: 20px;
    font-size: 12px;
    padding: 3px 3px;    
}


#VMCLeftPanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    min-width: 5px;
}

#VMCRightPanel {
    position: absolute;
    top: 0;
    left: 300px;
    right: 0;
    bottom: 0;
    min-width: 5px;
    margin-left: 5px;
}

.officeBlue #vertical-divider {
    background-color: white;
    border: 1px solid #6593CF;
}

.office365Blue #vertical-divider {
    background-color: #BBCEE6;
    border: 1px solid #859EBF;
}

#vertical-divider {
    left:300px;
    top: 0;
    width: 5px;
    background-color: white;
}


.cVMCViewer {
    position: absolute;
    left: 0;
    right: 5px;
    top: 0;
    bottom: 0px;
}


#VMCContentPanel {
    position: absolute;
    top: 0;
    left: 3px;
    right: 0;
    bottom: 50%;
    margin-bottom: 5px;
    min-height:5px;
}

#VMCMediaPlayerPanel {
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 0;
    height: 50%;
    min-height: 5px;
}

.officeBlue #horizontal-divider {
    background-color: white;
    border: 1px solid #6593CF;
}

.office365Blue #horizontal-divider {
    background-color: #BBCEE6;
    border: 1px solid #859EBF;
}

#horizontal-divider {    
    left: 3px;
    bottom: 50%;
    height: 5px;
}

.officeBlue #horizontal-divider {
    background-color: white;
    border: 1px solid #6593CF;
}

.office365Blue #horizontal-divider {
    background-color: #BBCEE6;
    border: 1px solid #859EBF;
}

.cRightPanelTitle {    
    height: 30px;
    font-size: 12px;
}

.officeBlue .cRightPanelTitle {
    color: #15428B;
    background-color: #99BBE8;
    border: 1px solid #6593CF;
}

.officeBlue .cRightPanelTitleButton {
    color: #333;
    background-image: linear-gradient(#FFE2BF, #FEB75F, #FED49E, #FFFAF3);
    border: 1px solid #6593CF;
}

.office365Blue .cRightPanelTitle {
    color: #15428B;
    background-color: #BBCEE6;
    border: 1px solid #859EBF;
}

.office365Blue .cRightPanelTitleButton {
    color: black;
    background-image: linear-gradient(#DCEBFC, #9DC6F5, #C4DDF9, #FAFCFF);
    border: 1px solid #859EBF;
}

.cRightPanelTitleButton {
    height: 18px;
    font-size: 13px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding: 3px 5px;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    display: inline-block
}


.caccordion {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    right: 0;
}


.cAttachment {    
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5%;
    border: 1px solid transparent;
    outline: 1px solid transparent;
}

.officeBlue .cAttachment:hover {
    border: 1px solid #FFF6D1;
    outline: 1px solid #C0A777;
    background-image: linear-gradient(to bottom, #FFF8D9 45%, #FFD54D 30%, #FFEEAE) !important;
}

.officeBlue .cAttachment.active {
    border: 1px solid #FFF6D1;
    outline: 1px solid #C0A777;
    background-image: linear-gradient(to bottom, #FFF8D9 45%, #FFD54D 30%, #FFEEAE) !important;
}


.office365Blue .cAttachment:hover {
    border: 1px solid #FFF6D1;
    outline: 1px solid #C0A777;
    background-image: linear-gradient(to bottom, #FFF8D9 45%, #FFD54D 30%, #FFEEAE) !important;
}

.office365Blue .cAttachment.active {
    border: 1px solid #FFF6D1;
    outline: 1px solid #C0A777;
    background-image: linear-gradient(to bottom, #FFF8D9 45%, #FFD54D 30%, #FFEEAE) !important;
}