@import url("olisa_custom.css?v=develop-SNAPSHOT");

.textColorCircle,
.notificationBadge {
    border: 1px solid #5895b4;
    background-color: #5895b4;
    color: white;
}

.toolStrip {
    border: 1px solid #6AA0BB;
}

.iconButtonSelected {
    background: url("./images/controls/text_input.gif") repeat-x scroll 0 0 #E6F1F7;
    border: 1px solid #6DA2BD;
    color: #333333;
}

.calendarOver,
.calendarOverDark {
    background-color: #FFFFFF;
}


/*=================================================================================
   12a) RibbonBar, and RibbonGroup / RibbonButton (nee ToolStripGroup and IconButton)
=================================================================================*/
.ribbonBar {
    border-left: 1px solid #6AA0BB;
    border-right: 1px solid #6AA0BB;
}

.ribbonGroupTitle,
.ribbonGroupTitleOver,
.ribbonGroupTitleSelected,
.ribbonGroupTitleSelectedDisabled,
.ribbonGroupTitleSelectedOver,
.ribbonGroupTitleDown,
.ribbonGroupTitleSelectedDown,
.ribbonGroupTitleDisabled {
    background: #C5D9E4;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333333;
    font-family: Arial, Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
}

.ribbonButton,
.ribbonButtonOver,
.ribbonButtonDown,
.ribbonButtonFocused,
.ribbonButtonFocusedOver,
.ribbonButtonFocusedDown,
.ribbonButtonSelected,
.ribbonButtonSelectedFocused,
.ribbonButtonSelectedDown,
.ribbonButtonSelectedFocusedDown,
.ribbonButtonSelectedOver,
.ribbonButtonSelectedFocusedOver,
.ribbonButtonDisabled,
.ribbonButtonSelectedDisabled {
    background: transparent;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333333;
    font-family: Arial, Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    padding: 4px;
}

.ribbonButtonDown {
    border: 1px solid #C5D9E4;
    color: #333333;
}

.ribbonButtonOver,
.ribbonButtonDown,
.ribbonButtonSelected,
.ribbonButtonSelectedOver,
.ribbonButtonFocused,
.ribbonButtonFocusedOver,
.ribbonButtonSelectedFocusedOver {
    border: 1px solid #C5D9E4;
    color: #333333;
    background-color: #ebfafa;
}

.ribbonButtonSelected,
.ribbonButtonSelectedFocused,
.ribbonButtonSelectedDown,
.ribbonButtonSelectedFocusedDown,
.ribbonButtonSelectedFocusedOver {
    background: url("./images/controls/text_input.gif") repeat-x scroll 0 0 #E6F1F7;
    border: 1px solid #6DA2BD;
}

.ribbonButtonDisabled {
    color: #ababab;
}

/* IconButton icon and menuIcon styles - used for spacing top and bottom of the title in v-buttons */
.ribbonButtonHIcon {
    vertical-align: middle;
}

.ribbonButtonHMenuIcon {
    vertical-align: middle;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ribbonButtonVIcon {
    vertical-align: middle;
    margin-bottom: 5px;
}

.ribbonButtonVMenuIcon {
    vertical-align: middle;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-top: 4px;
}