.hScrollTrack, .hScrollTrackDown, .hScrollTrackOver, .hScrollTrackDisabled { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box; background: -moz-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; background: -webkit-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; background: linear-gradient(to bottom, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; } .vScrollTrack, .vScrollTrackDown, .vScrollTrackOver, .vScrollTrackDisabled { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box; background: -moz-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; background: -webkit-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; background: linear-gradient(to right, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box; } .vScrollThumbGripDisabled { background-position: -16px -40px; } .vScrollThumbGrip { background-position: -26px -40px; } .vScrollThumbGripOver { background-position: -36px -40px; } .vScrollThumbGripDown { background-position: -46px -40px; } .hScrollThumbGripDisabled { background-position: -40px -16px; } .hScrollThumbGrip { background-position: -40px -26px; } .hScrollThumbGripOver { background-position: -40px -36px; } .hScrollThumbGripDown { background-position: -40px -46px; } /*============================================================ This CSS file is generated by skins/EnterpriseSeries/sass/_base.scss DO NOT edit this .css file directly, unless renamed to something other than skin_styles.css otherwise it will get overwritten by _base.scss. ==============================================================*/ /*============================================================ "Enterprise" theme CSS styles Copyright 2001 and beyond, Isomorphic Software :: Contents :: 1) General default text default border drop indicator hover canvas 2) Buttons Button ImgButton StretchImgButton 3) Menu MenuButton 4) Window Dialog 5) Layout drop line drag placeholder splitbar (resizebar) SplitPane 6) TabSet tab titles 7) SectionStack image SectionHeaders CSS SectionHeaders 8) Forms general headerItem text items selectItem checkbox & radioButton ColorChooser DateChooser 9) Slider & Rangebar 10) DetailViewer 11) ListGrid parts headers cells 12) ToolStrip 12a) ToolStripGroup and IconButton 13) Tools 14) TileGrid 15) Scrollbars ------------ internal/unused styles ============================================================*/ /*============================================================ 1) General ============================================================*/ [data-isc-overflow-style="none"] { -ms-overflow-style: none; } [data-isc-overflow-style="none"]::-webkit-scrollbar { display: none; } ol, ul { -webkit-text-size-adjust: 100%; } .pageBackground { background: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* default text */ .normal, .normalFocused, .normalDisabled { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .normalDisabled { color: #ababab; } .defaultBorder { border: 1px solid #ababab; } /* drag outline */ .dragOutline { border: 1px dashed #f90f0b; } /* drop indicator */ .dropBorder { background-color: gray; } /* hover canvas */ .canvasHover, .gridHover, .formHover { background-color: #fdfdd3; border: 1px solid gray; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 5px; } /* group label */ .groupLabel { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-left: 5px; padding-right: 5px; } .richTextEditor p { margin-top: 0px; margin-bottom: 0px; } /* CSS3 Mode */ .richTextEditorBorder { border-top: 3px solid #e0e0e0; border-bottom: 4px solid #e0e0e0; border-left: 4px solid #e0e0e0; border-right: 4px solid #e0e0e0; -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; } /*============================================================ 2) Button button.baseStyle buttonStrip.baseStyle buttonTable.baseButtonStyle listBar.labelStyle listGrid.headerBaseStyle (not in this skin) ============================================================*/ .button, .buttonOver, .buttonFocused, .buttonFocusedOver, .buttonDown, .buttonFocusedDown, .buttonSelected, .buttonSelectedFocused, .buttonSelectedDown, .buttonSelectedFocusedDown, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonDisabled, .buttonSelectedDisabled { background-color: #f0f0f0; background-image: url("./images/cssButton/button_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); border: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 2px; } /* CSS3 Mode */ .buttonRounded, .buttonRoundedOver, .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedDisabled, .buttonRoundedSelectedDisabled, .buttonRoundedPending, .buttonRoundedPendingOver, .buttonRoundedPendingFocused, .buttonRoundedPendingFocusedOver, .buttonRoundedPendingDown, .buttonRoundedPendingFocusedDown, .buttonRoundedPendingSelected, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedDown, .buttonRoundedPendingSelectedFocusedDown, .buttonRoundedPendingSelectedOver, .buttonRoundedPendingSelectedFocusedOver, .buttonRoundedPendingDisabled, .buttonRoundedPendingSelectedDisabled, .buttonRoundedDeselectedDisabled, .filterOperatorIcon, .filterOperatorIconOver, .filterOperatorIconFocused, .filterOperatorIconFocusedOver, .filterOperatorIconDown { background-color: #f0f0f0; background-image: url("./images/cssButton/button_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); border: 1px solid #b15a59; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 3px; } /* CSS3 Mode */ .buttonRounded, .buttonRoundedPending, .filterOperatorIcon { border: 1px solid #ababab; -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px; -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px; box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px; } /* CSS3 Mode */ .buttonRoundedDisabled, .buttonRoundedPendingDisabled, .buttonRoundedDeselectedDisabled .filterOperatorIconDisabled { background-color: #e8e8e8; background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); border-bottom: 1px solid #c9b6b6; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #bfbfbf; } .buttonDisabled { background-color: #e8e8e8; background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); border-bottom: 1px solid #c9b6b6; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #bfbfbf; } .buttonDisabled, .buttonSelectedDisabled { color: #ababab; font-weight: normal; } /* CSS3 Mode */ .buttonRoundedDisabled, .buttonRoundedSelectedDisabled, .buttonRoundedPendingDisabled, .buttonRoundedPendingSelectedDisabled, .buttonRoundedDeselectedDisabled, .filterOperatorIconDisabled { color: #ababab; font-weight: normal; } .buttonFocused, .buttonFocusedOver, .buttonSelectedFocused, .buttonSelectedFocusedOver, .buttonSelectedFocusedDown { border: 1px solid #ababab; } /* CSS3 Mode */ .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedSelectedFocused, .buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedFocusedDown, .buttonRoundedPendingFocused, .buttonRoundedPendingFocusedOver, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedFocusedOver, .buttonRoundedPendingSelectedFocusedDown, .filterOperatorIconFocused, .filterOperatorIconFocusedOver, .filterOperatorIconSelected, .filterOperatorIconSelectedFocused, .filterOperatorIconSelectedFocusedOver { border: 1px solid #ababab; } .buttonOver, .buttonFocusedOver, .buttonSelectedFocused, .buttonSelectedFocusedOver { background-color: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5)); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; } /* CSS3 Mode */ .buttonRoundedOver, .buttonRoundedFocusedOver, .buttonRoundedSelectedFocused, .buttonRoundedSelectedFocusedOver, .buttonRoundedPendingOver, .buttonRoundedPendingFocusedOver, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedFocusedOver, .filterOperatorIconOver, .filterOperatorIconFocusedOver, .filterOperatorIconSelectedFocused, .filterOperatorIconSelectedFocusedOver { background-color: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe)); background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; border: 1px solid #858585; } .buttonDown, .buttonFocusedDown, .buttonSelectedDown, .buttonSelectedFocusedDown { background-color: #bdddff; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjYzFkZGY2Ii8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(5%, #addbf5), color-stop(10%, #c3e1f4), color-stop(14%, #e2ecf3), color-stop(19%, #f1f2f3), color-stop(29%, #f1f2f3), color-stop(81%, #c1ddf6), color-stop(95%, #92cef7), color-stop(100%, #92cef7)); background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); background-image: linear-gradient(to bottom, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); border: 1px solid #597db1; } /* CSS3 Mode */ .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedPendingDown, .buttonRoundedPendingFocusedDown, .buttonRoundedPendingSelectedDown, .buttonRoundedPendingSelectedFocusedDown { background-color: #bdddff; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6)); background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); background-image: linear-gradient(to bottom, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3; -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3; box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3; border: 1px solid #597db1; } .buttonSelected, .buttonSelectedFocused, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonSelectedDisabled { background-color: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5)); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; } /* CSS3 Mode */ .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedDisabled, .buttonRoundedPendingSelected, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedOver, .buttonRoundedPendingSelectedFocusedOver, .buttonRoundedPendingSelectedDisabled { background-color: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe)); background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; border: 1px solid #858585; } .buttonRoundedPending, .buttonRoundedPendingOver, .buttonRoundedPendingFocused, .buttonRoundedPendingFocusedOver, .buttonRoundedPendingDown, .buttonRoundedPendingFocusedDown, .buttonRoundedPendingSelected, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedDown, .buttonRoundedPendingSelectedFocusedDown, .buttonRoundedPendingSelectedOver, .buttonRoundedPendingSelectedFocusedOver { color: #0066cc; } .buttonRoundedDeselectedDisabled { color: #a8a8a8; text-decoration: line-through; } /* ImgButton */ .imgButton, .imgButtonOver, .imgButtonSelected, .imgButtonSelectedDisabled, .imgButtonSelectedOver, .imgButtonDown, .imgButtonSelectedDown, .imgButtonDisabled { font-family: Arial, Verdana, sans-serif; font-size: 11px; } .imgButtonDisabled { color: #666666; } /* StretchImgButton */ .stretchImgButton, .stretchImgButtonSelected, .stretchImgButtonSelectedOver, .stretchImgButtonOver, .stretchImgButtonDown, .stretchImgButtonSelectedDown, .stretchImgButtonSelectedDisabled, .stretchImgButtonDisabled, .stretchImgButtonPending, .stretchImgButtonPendingSelected, .stretchImgButtonPendingSelectedOver, .stretchImgButtonPendingOver, .stretchImgButtonPendingDown, .stretchImgButtonPendingSelectedDown, .stretchImgButtonPendingSelectedDisabled, .stretchImgButtonPendingDisabled { font-family: Arial, Verdana, sans-serif; font-size: 11px; } .stretchImgButtonOver, .stretchImgButtonPendingOver { font-weight: normal; } .stretchImgButtonDisabled, .stretchImgButtonSelectedDisabled, .stretchImgButtonPendingDisabled, .stretchImgButtonPendingSelectedDisabled { color: #ababab; font-weight: normal; } .stretchImgButtonPending, .stretchImgButtonPendingSelected, .stretchImgButtonPendingSelectedOver, .stretchImgButtonPendingOver, .stretchImgButtonPendingDown, .stretchImgButtonPendingSelectedDown { color: #0066cc; } /* Button Title */ .buttonTitle, .buttonTitleOver, .buttonTitleDown, .buttonTitleSelected, .buttonTitleFocused, .buttonTitleSelectedFocused, .buttonTitleSelectedOver, .buttonTitleFocusedOver, .buttonTitleSelectedFocusedOver, .buttonTitleSelectedDown, .buttonTitleFocusedDown, .buttonTitleSelectedFocusedDown, .buttonTitleDisabled, .buttonTitleSelectedDisabled { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .buttonTitleDisabled, .buttonTitleSelectedDisabled { color: #ababab; font-weight: normal; } /*============================================================ 3) Menus ============================================================*/ .menuBorder { border: 1px solid #ababab; } .menuMain, .menuFill { background-image: url(./images/Menu/menu_background.png); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(100%, #dbdbdb)) padding-box; background: -moz-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background: -webkit-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background: linear-gradient(to right, #f5f5f5, #dbdbdb) padding-box; -moz-background-size: 24px; -o-background-size: 24px; -webkit-background-size: 24px; background-size: 24px; } .menuMainRTL, .menuFillRTL { background-image: url(./images/Menu/menu_background_rtl.png); background-position: right; } .menuMain, .menuMainRTL, .menuFill, .menuFillRTL { background-color: white; background-repeat: repeat-y; background-attachment: scroll; } .gridBodyAnimated, .menuFillAnimated, .menuFillRTLAnimated { -moz-transition: -moz-transform 350ms; -o-transition: -o-transform 350ms; -webkit-transition: -webkit-transform 350ms; transition: transform 350ms; } .treeMenuBody { background: white; } .menu, .menuSelected, .menuOver, .menuSelectedOver, .menuDisabled, .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled, .menuIconField, .menuIconFieldOver, .menuIconFieldSelected, .menuIconFieldSelectedOver, .menuIconFieldDisabled, .treeMenuSelected, .treeMenuSelectedOver, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { border-bottom: 1px solid transparent; border-top: 1px solid transparent; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-bottom: 2px; padding-top: 2px; } .menuOver, .menuOverDark, .menuSelectedOver, .menuSelectedOverDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .treeMenuSelected, .treeMenuSelectedDark, .treeMenuSelectedOver, .treeMenuSelectedOverDark, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-position: bottom left; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); border-bottom: 1px solid #c4ddfd; border-top: 1px solid #c4ddfd; -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; } .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled { padding-left: 4px; } .menuIconField, .menuIconFieldDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelected, .menuIconFieldSelectedDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .menuIconFieldDisabled { padding-left: 4px; padding-right: 4px; } .menuDisabled, .menuTitleFieldDisabled, .menuIconFieldDisabled { color: #ababab; } /* menu header buttons */ .menuButton, .menuButtonOver, .menuButtonDown, .menuButtonDisabled, .menuButtonFocused, .menuButtonFocusedDown, .menuButtonFocusedOver, .menuButtonSelected, .menuButtonSelectedDown, .menuButtonSelectedOver, .menuButtonSelectedDisabled, .menuButtonPending, .menuButtonPendingOver, .menuButtonPendingDown, .menuButtonPendingDisabled, .menuButtonPendingFocused, .menuButtonPendingFocusedDown, .menuButtonPendingFocusedOver, .menuButtonPendingSelected, .menuButtonPendingSelectedDown, .menuButtonPendingSelectedOver, .menuButtonPendingSelectedDisabled { background-color: #dedede; background-image: url("./images/cssButton/button_stretch.png"); background-repeat: repeat-x; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); border: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; } .menuButtonOver, .menuButtonPendingOver { background-color: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5)); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); } .menuButtonDown, .menuButtonFocusedDown, .menuButtonFocusedOver, .menuButtonSelected, .menuButtonSelectedDown, .menuButtonSelectedOver, .menuButtonPendingDown, .menuButtonPendingFocusedDown, .menuButtonPendingFocusedOver, .menuButtonPendingSelected, .menuButtonPendingSelectedDown, .menuButtonPendingSelectedOver { background-color: #bdddff; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2JjZGFmNiIvPjxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNhMmQzZjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(9%, #addbf5), color-stop(13%, #c3e1f4), color-stop(17%, #e2ecf3), color-stop(22%, #f1f2f3), color-stop(78%, #bcdaf6), color-stop(83%, #b1d7f6), color-stop(87%, #a2d3f6), color-stop(100%, #92cef7)); background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%); background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%); background-image: linear-gradient(to bottom, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%); border: 1px solid #ababab; } .menuButtonDisabled, .menuButtonSelectedDisabled, .menuButtonPendingDisabled, .menuButtonPendingSelectedDisabled { color: #ababab; border: 1px solid #ababab; } .menuButtonPending, .menuButtonPendingOver, .menuButtonPendingDown, .menuButtonPendingFocused, .menuButtonPendingFocusedDown, .menuButtonPendingFocusedOver, .menuButtonPendingSelected, .menuButtonPendingSelectedDown, .menuButtonPendingSelectedOver { color: #0066cc; } /*============================================================ 4) Window window.styleName - windowBackground window.bodyStyle - windowBody window.headerStyle - windowHeader window.hiliteHeaderStyle - windowHeaderHilite window.headerLabelDefaults.styleName - windowHeaderText window.statusBarDefaults.styleName - windowStatusBar Dialog dialog.styleName - dialogBackground dialog.bodyStyle - dialogBody dialog.headerStyle - dialogHeader dialog.hiliteHeaderStyle - dialogHeaderHilite dialog.headerLabelDefaults.styleName - dialogHeaderText ============================================================*/ .windowBackground { background: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(15%, #e0e0e0), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); border: 1px solid #b5b5b5; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0; -webkit-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0; box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0; } .windowBackgroundFill { background: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(15%, #e0e0e0), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%); border: 1px solid #b5b5b5; } .windowBody, .dialogBody { background-color: white; border: 1px solid #b5b5b5; -moz-box-shadow: 0 1px #ededed, 0 -1px #ededed; -webkit-box-shadow: 0 1px #ededed, 0 -1px #ededed; box-shadow: 0 1px #ededed, 0 -1px #ededed; } .windowHeader, .dialogHeader { padding: 0; } .windowHeaderText, .dialogHeaderText { color: #4D4D4D; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; } .windowStatusBar { border-bottom: 1px solid white; border-left: 1px solid #999999; border-right: 1px solid white; border-top: 1px solid #999999; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .modalMask { background-color: black; } /*============================================================ 5) Layout ============================================================*/ .layoutDropLine { background-color: white; border-top: 2px dotted #ff7a75; pointer-events: none; } .layoutPlaceHolder { border: 1px solid black; } .hSplitbar { background: #ebebeb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf)); background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: linear-gradient(to bottom, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); } .hSplitbarDown { border: 1px solid gray; } .vSplitbar { background: #ebebeb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf)); background-image: -moz-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -webkit-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: linear-gradient(to right, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); } .vSplitbarDown { border: 1px solid gray; } .splitPaneSidePanel, .splitPaneSidePanelOnScreen, .splitPaneSidePanelOffScreen { border-right: 1px solid gray; } .splitPaneSidePanelRTL, .splitPaneSidePanelOnScreenRTL, .splitPaneSidePanelOffScreenRTL { border-left: 1px solid gray; } .splitPaneSidePanelOnScreen, .splitPaneSidePanelOnScreenRTL, .splitPaneSidePanelOffScreen, .splitPaneSidePanelOffScreenRTL { -moz-transition: -moz-transform 250ms; -o-transition: -o-transform 250ms; -webkit-transition: -webkit-transform 250ms; transition: transform 250ms; } .splitPaneSidePanelOnScreen, .splitPaneSidePanelOnScreenRTL { /* make the slide in transition slightly longer */ -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .splitPanePagedPanelPagesContainerAnimated, .navStackPagedPanelPagesContainerAnimated { -moz-transition: -moz-transform 450ms; -o-transition: -o-transform 450ms; -webkit-transition: -webkit-transform 450ms; transition: transform 450ms; } .detailPaneTitle, .detailPaneTitleDisabled, .listPaneTitle, .listPaneTitleDisabled { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /*============================================================ 6) TabSet and tab titles ============================================================*/ .tabSetContainer { background-color: white; border: 1px solid #bfbfbf; color: #d6d6d6; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .tabBaseline { z-index: 10000000; } .tab, .tabOver, .tabSelected, .tabSelectedOver, .tabDown, .tabSelectedDown, .tabSelectedDisabled, .tabDisabled { font-family: Arial, Verdana, sans-serif; font-size: 11px; } .tabTitle, .tabTitleDown, .tabTitleOver, .tabTitleDisabled, .tabTitleSelected, .tabTitleSelectedDown, .tabTitleSelectedOver, .tabTitleSelectedDisabled, .vtabTitle, .vtabTitleSelected, .vtabTitleOver, .vtabTitleDown, .vtabTitleSelectedOver, .vtabTitleSelectedDown, .vtabTitleDisabled, .vtabTitleSelectedDisabled { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-bottom: 1px; } .tabTitleOver, .vtabTitleOver { color: #15428B; } .tabTitleSelected, .vtabTitleSelected { color: #000000; font-weight: normal; } .tabTitleSelectedOver, .vtabTitleSelectedOver { color: #15428B; font-weight: normal; } .tabTitleDisabled, .tabTitleSelectedDisabled, .vtabTitleDisabled, .vtabTitleSelectedDisabled { color: #ababab; padding-bottom: 1px; } .tabScrollerTopBackDisabled, .tabScrollerTopBack, .tabScrollerTopBackDown, .tabScrollerTopForwardDisabled, .tabScrollerTopForward, .tabScrollerTopForwardDown, .tabScrollerRightBackDisabled, .tabScrollerRightBack, .tabScrollerRightBackDown, .tabScrollerRightForwardDisabled, .tabScrollerRightForward, .tabScrollerRightForwardDown, .tabScrollerBottomBackDisabled, .tabScrollerBottomBack, .tabScrollerBottomBackDown, .tabScrollerBottomForwardDisabled, .tabScrollerBottomForward, .tabScrollerBottomForwardDown, .tabScrollerLeftBackDisabled, .tabScrollerLeftBack, .tabScrollerLeftBackDown, .tabScrollerLeftForwardDisabled, .tabScrollerLeftForward, .tabScrollerLeftForwardDown { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tabScrollerTopBackDisabled, .tabScrollerTopBack, .tabScrollerTopBackDown { margin-left: 1px; border: 1px solid #ababab; border-bottom-width: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-box-shadow: inset 1px -1px 2px #fff; -webkit-box-shadow: inset 1px -1px 2px #fff; box-shadow: inset 1px -1px 2px #fff; } .tabScrollerBottomBackDisabled, .tabScrollerBottomBack, .tabScrollerBottomBackDown { margin-left: 1px; border: 1px solid #ababab; border-top-width: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow: inset 1px 1px 2px #fff; -webkit-box-shadow: inset 1px 1px 2px #fff; box-shadow: inset 1px 1px 2px #fff; } .tabScrollerTopBackDisabled, .tabScrollerBottomBackDisabled { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabScrollerTopBack, .tabScrollerBottomBack { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabScrollerTopBackDown, .tabScrollerBottomBackDown { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabScrollerTopForwardDisabled, .tabScrollerTopForward, .tabScrollerTopForwardDown { border: 1px solid #ababab; border-bottom-width: 0; border-left-width: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: inset -1px -1px 2px #fff; -webkit-box-shadow: inset -1px -1px 2px #fff; box-shadow: inset -1px -1px 2px #fff; } .tabScrollerBottomForwardDisabled, .tabScrollerBottomForward, .tabScrollerBottomForwardDown { border: 1px solid #ababab; border-top-width: 0; border-left-width: 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: inset -1px 1px 2px #fff; -webkit-box-shadow: inset -1px 1px 2px #fff; box-shadow: inset -1px 1px 2px #fff; } .tabScrollerTopForwardDisabled, .tabScrollerBottomForwardDisabled { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabScrollerTopForward, .tabScrollerBottomForward { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabScrollerTopForwardDown, .tabScrollerBottomForwardDown { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabScrollerRightBackDisabled, .tabScrollerRightBack, .tabScrollerRightBackDown { margin-top: 1px; border: 1px solid #ababab; border-left-width: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: inset 1px 1px 2px #fff; -webkit-box-shadow: inset 1px 1px 2px #fff; box-shadow: inset 1px 1px 2px #fff; } .tabScrollerLeftBackDisabled, .tabScrollerLeftBack, .tabScrollerLeftBackDown { margin-top: 1px; border: 1px solid #ababab; border-right-width: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-box-shadow: inset 1px -1px 2px #fff; -webkit-box-shadow: inset 1px -1px 2px #fff; box-shadow: inset 1px -1px 2px #fff; } .tabScrollerRightBackDisabled, .tabScrollerLeftBackDisabled { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabScrollerRightBack, .tabScrollerLeftBack { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabScrollerRightBackDown, .tabScrollerLeftBackDown { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabScrollerRightForwardDisabled, .tabScrollerRightForward, .tabScrollerRightForwardDown { border: 1px solid #ababab; border-top-width: 0; border-left-width: 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: inset 1px -1px 2px #fff; -webkit-box-shadow: inset 1px -1px 2px #fff; box-shadow: inset 1px -1px 2px #fff; } .tabScrollerLeftForwardDisabled, .tabScrollerLeftForward, .tabScrollerLeftForwardDown { border: 1px solid #ababab; border-top-width: 0; border-right-width: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow: inset -1px -1px 2px #fff; -webkit-box-shadow: inset -1px -1px 2px #fff; box-shadow: inset -1px -1px 2px #fff; } .tabScrollerRightForwardDisabled, .tabScrollerLeftForwardDisabled { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabScrollerRightForward, .tabScrollerLeftForward { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabScrollerRightForwardDown, .tabScrollerLeftForwardDown { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabPickerDisabledtop, .tabPickertop, .tabPickerDowntop { margin-left: 1px; border: 1px solid #ababab; border-bottom-width: 0; -moz-box-shadow: inset 0px -1px 2px #fff; -webkit-box-shadow: inset 0px -1px 2px #fff; box-shadow: inset 0px -1px 2px #fff; } .tabPickerDisabledtop { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabPickertop { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabPickerDowntop { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabPickerDisabledbottom, .tabPickerbottom, .tabPickerDownbottom { margin-left: 1px; border: 1px solid #ababab; border-top-width: 0; -moz-box-shadow: inset 0px 1px 2px #fff; -webkit-box-shadow: inset 0px 1px 2px #fff; box-shadow: inset 0px 1px 2px #fff; } .tabPickerDisabledbottom { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabPickerbottom { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabPickerDownbottom { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabPickerDisabledright, .tabPickerright, .tabPickerDownright { margin-top: 1px; border: 1px solid #ababab; border-left-width: 0; -moz-box-shadow: inset -1px 0px 2px #fff; -webkit-box-shadow: inset -1px 0px 2px #fff; box-shadow: inset -1px 0px 2px #fff; } .tabPickerDisabledright { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabPickerright { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabPickerDownright { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabPickerDisabledleft, .tabPickerleft, .tabPickerDownleft { margin-top: 1px; border: 1px solid #ababab; border-right-width: 0; -moz-box-shadow: inset 1px 0px 2px #fff; -webkit-box-shadow: inset 1px 0px 2px #fff; box-shadow: inset 1px 0px 2px #fff; } .tabPickerDisabledleft { border-color: #cccccc; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box; } .tabPickerleft { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box; } .tabPickerDownleft { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box; } .tabScrollerTopBackSpriteDisabled, .tabScrollerTopBackSprite, .tabScrollerTopBackSpriteDown, .tabScrollerRightBackSpriteDisabled, .tabScrollerRightBackSprite, .tabScrollerRightBackSpriteDown, .tabScrollerBottomBackSpriteDisabled, .tabScrollerBottomBackSprite, .tabScrollerBottomBackSpriteDown, .tabScrollerLeftBackSpriteDisabled, .tabScrollerLeftBackSprite, .tabScrollerLeftBackSpriteDown, .tabScrollerTopForwardSpriteDisabled, .tabScrollerTopForwardSprite, .tabScrollerTopForwardSpriteDown, .tabScrollerRightForwardSpriteDisabled, .tabScrollerRightForwardSprite, .tabScrollerRightForwardSpriteDown, .tabScrollerBottomForwardSpriteDisabled, .tabScrollerBottomForwardSprite, .tabScrollerBottomForwardSpriteDown, .tabScrollerLeftForwardSpriteDisabled, .tabScrollerLeftForwardSprite, .tabScrollerLeftForwardSpriteDown { background-image: url(./images/TabSet/tabset_sprite.png); } .tabScrollerTopBackSpriteDisabled { background-position: 0px 0px; } .tabScrollerTopBackSprite { background-position: 0px -23px; } .tabScrollerTopBackSpriteDown { background-position: 0px -46px; } .tabScrollerRightBackSpriteDisabled { background-position: -122px 0px; } .tabScrollerRightBackSprite { background-position: -122px -19px; } .tabScrollerRightBackSpriteDown { background-position: -122px -38px; } .tabScrollerBottomBackSpriteDisabled { background-position: -38px 0px; } .tabScrollerBottomBackSprite { background-position: -38px -23px; } .tabScrollerBottomBackSpriteDown { background-position: -38px -46px; } .tabScrollerLeftBackSpriteDisabled { background-position: -76px 0px; } .tabScrollerLeftBackSprite { background-position: -76px -19px; } .tabScrollerLeftBackSpriteDown { background-position: -76px -38px; } .tabScrollerTopForwardSpriteDisabled { background-position: -19px 0px; } .tabScrollerTopForwardSprite { background-position: -19px -23px; } .tabScrollerTopForwardSpriteDown { background-position: -19px -46px; } .tabScrollerRightForwardSpriteDisabled { background-position: -145px 0px; } .tabScrollerRightForwardSprite { background-position: -145px -19px; } .tabScrollerRightForwardSpriteDown { background-position: -145px -38px; } .tabScrollerBottomForwardSpriteDisabled { background-position: -57px 0px; } .tabScrollerBottomForwardSprite { background-position: -57px -23px; } .tabScrollerBottomForwardSpriteDown { background-position: -57px -46px; } .tabScrollerLeftForwardSpriteDisabled { background-position: -99px 0px; } .tabScrollerLeftForwardSprite { background-position: -99px -19px; } .tabScrollerLeftForwardSpriteDown { background-position: -99px -38px; } .tabPickerSpriteDisabledtop, .tabPickerSpritetop, .tabPickerSpriteDowntop, .tabPickerSpriteDisabledright, .tabPickerSpriteright, .tabPickerSpriteDownright, .tabPickerSpriteDisabledbottom, .tabPickerSpritebottom, .tabPickerSpriteDownbottom, .tabPickerSpriteDisabledleft, .tabPickerSpriteleft, .tabPickerSpriteDownleft { background-image: url(./images/TabSet/tabset_sprite.png); } .tabPickerSpriteDisabledtop { background-position: -168px 0px; } .tabPickerSpritetop { background-position: -168px -23px; } .tabPickerSpriteDowntop { background-position: -168px -46px; } .tabPickerSpriteDisabledright { background-position: -231px 0px; } .tabPickerSpriteright { background-position: -231px -20px; } .tabPickerSpriteDownright { background-position: -231px -40px; } .tabPickerSpriteDisabledbottom { background-position: -188px 0px; } .tabPickerSpritebottom { background-position: -188px -23px; } .tabPickerSpriteDownbottom { background-position: -188px -46px; } .tabPickerSpriteDisabledleft { background-position: -208px 0px; } .tabPickerSpriteleft { background-position: -208px -20px; } .tabPickerSpriteDownleft { background-position: -208px -40px; } /*============================================================ 7) SectionStack and NavigationBar ============================================================*/ .sectionStack { border-bottom: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; } /* SectionStack headers - image based */ .imgSectionHeaderTitleclosed, .imgSectionHeaderTitleopened, .imgSectionHeaderTitleOverclosed, .imgSectionHeaderTitleOveropened { border-left: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .imgSectionHeaderTitleDisabledopened, .imgSectionHeaderTitleDisabledclosed { border-left: 5px; color: gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .sectionHeaderTitleopened, .sectionHeaderTitleclosed { color: white; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .sectionHeaderTitleDisabledopened, .sectionHeaderTitleDisabledclosed { color: gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* SectionStack headers - css based */ .sectionHeaderopened, .sectionHeaderclosed, .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 2px 2px 2px 3px; } .sectionHeaderopened, .navToolbar { background: url(./images/SectionHeader/header_opened_stretch.png) padding-box; background-attachment: scroll; background-color: #dbdbdb; background-repeat: repeat-x; background-size: 100% 100%; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(17%, #f0f0f0), color-stop(43%, #e3e3e3), color-stop(48%, #e3e3e3), color-stop(61%, #e8e8e8), color-stop(74%, #ededed), color-stop(87%, #ededed), color-stop(100%, #ededed)) padding-box; background: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box; background: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box; background: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box; } .sectionHeaderclosed { background-color: #d9d9d9; background-image: url(./images/SectionHeader/header_closed_stretch.png); background-repeat: repeat-x; background-attachment: scroll; border-top: 1px solid #ababab; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNkZWRlZGUiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNhYmFiYWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmFiYWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(8%, #f7f7f7), color-stop(35%, #dedede), color-stop(39%, #d1d1d1), color-stop(43%, #cfcfcf), color-stop(65%, #e0e0e0), color-stop(83%, #ededed), color-stop(96%, #ededed), color-stop(96%, #ababab), color-stop(100%, #ababab)) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box; background: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box; background: linear-gradient(to bottom, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box; } .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { background-color: whitesmoke; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFEBEBEB'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(22%, #f5f5f5), color-stop(48%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%); border: 1px solid #e6e6e6; color: gray; } .cellopened { background-color: #FF0000; } .cellclosed { background-color: #FF00AA; } .navBarAddedFadeIn { -moz-transition: opacity 225ms 225ms; -o-transition: opacity 225ms 225ms; -webkit-transition: opacity 225ms; -webkit-transition-delay: 225ms; transition: opacity 225ms 225ms; } .navBarRemovedFadeOut { -moz-transition: opacity 225ms; -o-transition: opacity 225ms; -webkit-transition: opacity 225ms; transition: opacity 225ms; } .navBarFadeIn { -moz-transition: opacity 315ms 135ms; -o-transition: opacity 315ms 135ms; -webkit-transition: opacity 315ms; -webkit-transition-delay: 135ms; transition: opacity 315ms 135ms; } .navBarFadeOut { -moz-transition: opacity 315ms; -o-transition: opacity 315ms; -webkit-transition: opacity 315ms; transition: opacity 315ms; } .navBarOldLeftButtonBack { -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 180ms, 450ms; -o-transition-duration: 180ms, 450ms; -webkit-transition-duration: 180ms, 450ms; transition-duration: 180ms, 450ms; } .navBarNewLeftButtonBack, .navBarNewLeftButtonForward { -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 337.5ms, 450ms; -o-transition-duration: 337.5ms, 450ms; -webkit-transition-duration: 337.5ms, 450ms; transition-duration: 337.5ms, 450ms; -moz-transition-delay: 112.5ms, 0ms; -o-transition-delay: 112.5ms, 0ms; -webkit-transition-delay: 112.5ms, 0ms; transition-delay: 112.5ms, 0ms; } .navBarOldLeftButtonForward { -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 315ms, 450ms; -o-transition-duration: 315ms, 450ms; -webkit-transition-duration: 315ms, 450ms; transition-duration: 315ms, 450ms; } .navBarOldTitleBack, .navBarOldTitleForward { -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 180ms, 450ms; -o-transition-duration: 180ms, 450ms; -webkit-transition-duration: 180ms, 450ms; transition-duration: 180ms, 450ms; } .navBarNewTitleBack, .navBarNewTitleForward { -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 365.625ms, 450ms; -o-transition-duration: 365.625ms, 450ms; -webkit-transition-duration: 365.625ms, 450ms; transition-duration: 365.625ms, 450ms; -moz-transition-delay: 84.375ms, 0ms; -o-transition-delay: 84.375ms, 0ms; -webkit-transition-delay: 84.375ms, 0ms; transition-delay: 84.375ms, 0ms; } .navBarHeader, .navButton, .navButtonOver, .navButtonFocused, .navButtonFocusedOver, .navButtonDown, .navButtonFocusedDown, .navButtonSelected, .navButtonSelectedFocused, .navButtonSelectedDown, .navButtonSelectedFocusedDown, .navButtonSelectedOver, .navButtonSelectedFocusedOver, .navButtonDisabled, .navButtonSelectedDisabled, .navBackButton, .navBackButtonOver, .navBackButtonFocused, .navBackButtonFocusedOver, .navBackButtonDown, .navBackButtonFocusedDown, .navBackButtonSelected, .navBackButtonSelectedFocused, .navBackButtonSelectedDown, .navBackButtonSelectedFocusedDown, .navBackButtonSelectedOver, .navBackButtonSelectedFocusedOver, .navBackButtonDisabled, .navBackButtonSelectedDisabled, .navForwardButton, .navForwardButtonOver, .navForwardButtonFocused, .navForwardButtonFocusedOver, .navForwardButtonDown, .navForwardButtonFocusedDown, .navForwardButtonSelected, .navForwardButtonSelectedFocused, .navForwardButtonSelectedDown, .navForwardButtonSelectedFocusedDown, .navForwardButtonSelectedOver, .navForwardButtonSelectedFocusedOver, .navForwardButtonDisabled, .navForwardButtonSelectedDisabled { padding: 0px 10px 0px 10px !important; /* !important to override the cellpadding attribute */ color: #2779ff; font-family: Arial, Verdana, sans-serif; font-size: 15px; line-height: 24px; } .navButtonDown, .navButtonFocusedDown, .navButtonSelectedDown, .navButtonSelectedFocusedDown, .navBackButtonDown, .navBackButtonFocusedDown, .navBackButtonSelectedDown, .navBackButtonSelectedFocusedDown, .navForwardButtonDown, .navForwardButtonFocusedDown, .navForwardButtonSelectedDown, .navForwardButtonSelectedFocusedDown { color: #82b2ff; } .navBarHeader { padding: 0px !important; color: #000000; font-weight: bold; } .navBackButton, .navBackButtonOver, .navBackButtonFocused, .navBackButtonFocusedOver, .navBackButtonDown, .navBackButtonFocusedDown, .navBackButtonSelected, .navBackButtonSelectedFocused, .navBackButtonSelectedDown, .navBackButtonSelectedFocusedDown, .navBackButtonSelectedOver, .navBackButtonSelectedFocusedOver, .navBackButtonDisabled, .navBackButtonSelectedDisabled { /* The back button has 3px less padding because the back arrow icon creates an illusion of more padding. */ padding-left: 7px !important; padding-right: 10px !important; } .navForwardButton, .navForwardButtonOver, .navForwardButtonFocused, .navForwardButtonFocusedOver, .navForwardButtonDown, .navForwardButtonFocusedDown, .navForwardButtonSelected, .navForwardButtonSelectedFocused, .navForwardButtonSelectedDown, .navForwardButtonSelectedFocusedDown, .navForwardButtonSelectedOver, .navForwardButtonSelectedFocusedOver, .navForwardButtonDisabled, .navForwardButtonSelectedDisabled { padding-left: 10px !important; padding-right: 10px !important; } .navItemHeader { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; background: url(./images/SectionHeader/header_opened_stretch.png) padding-box; background-attachment: scroll; background-color: #dbdbdb; background-repeat: repeat-x; background-size: 100% 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYWJhYiIvPjxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiYWJhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ababab), color-stop(6%, #f5f5f5), color-stop(17%, #f0f0f0), color-stop(43%, #e3e3e3), color-stop(48%, #e3e3e3), color-stop(61%, #e8e8e8), color-stop(74%, #ededed), color-stop(87%, #ededed), color-stop(94%, #ededed), color-stop(100%, #ababab)) padding-box; background: -moz-linear-gradient(top, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box; background: -webkit-linear-gradient(top, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box; background: linear-gradient(to bottom, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box; } /*============================================================ 8) Forms ============================================================*/ /* general form styles */ .formTitle, .formTitleRTL, .formTitleFocused, .formTitleFocusedRTL, .formTitleDisabled, .formTitleDisabledRTL, .formTitleError, .formTitleErrorRTL, .formTitlePending, .formTitlePendingRTL, .formTitlePendingFocused, .formTitlePendingFocusedRTL, .formTitlePendingDisabled, .formTitlePendingDisabledRTL, .formTitlePendingError, .formTitlePendingErrorRTL, .formCell, .formCellRTL, .formCellFocused, .formCellFocusedRTL, .formCellDisabled, .formCellDisabledRTL, .formCellError, .formCellErrorRTL, .formCellPending, .formCellPendingRTL, .formCellPendingFocused, .formCellPendingFocusedRTL, .formCellPendingDisabled, .formCellPendingDisabledRTL, .formCellPendingError, .formCellPendingErrorRTL { -webkit-text-size-adjust: 100%; } .formTitle, .formTitleRTL, .formTitleFocused, .formTitleFocusedRTL, .formTitleDisabled, .formTitleDisabledRTL, .formTitleError, .formTitleErrorRTL, .formTitlePending, .formTitlePendingRTL, .formTitlePendingFocused, .formTitlePendingFocusedRTL, .formTitlePendingDisabled, .formTitlePendingDisabledRTL, .formTitlePendingError, .formTitlePendingErrorRTL, .formCell, .formCellRTL, .formCellFocused, .formCellFocusedRTL, .formCellDisabled, .formCellDisabledRTL, .formCellError, .formCellErrorRTL, .formCellPending, .formCellPendingRTL, .formCellPendingFocused, .formCellPendingFocusedRTL, .formCellPendingDisabled, .formCellPendingDisabledRTL, .formCellPendingError, .formCellPendingErrorRTL, .formHint, .formHintRTL, .formHintDisabled, .formHintDisabledRTL, .headerItem, .headerItemRTL, .headerItemDisabled, .headerItemDisabledRTL, .headerItemError, .headerItemErrorRTL, .nativeSelectItem, .nativeSelectItemRTL, .nativeSelectItemFocused, .nativeSelectItemFocusedRTL, .nativeSelectItemDisabled, .nativeSelectItemDisabledRTL, .nativeSelectItemError, .nativeSelectItemErrorRTL, .nativeSelectItemPending, .nativeSelectItemPendingRTL, .nativeSelectItemPendingFocused, .nativeSelectItemPendingFocusedRTL, .nativeSelectItemPendingDisabled, .nativeSelectItemPendingDisabledRTL, .nativeSelectItemPendingError, .nativeSelectItemPendingErrorRTL, .staticTextItem, .staticTextItemRTL, .staticTextItemFocused, .staticTextItemFocusedRTL, .staticTextItemDisabled, .staticTextItemDisabledRTL, .staticTextItemError, .staticTextItemErrorRTL, .staticTextItemPending, .staticTextItemPendingRTL, .staticTextItemPendingFocused, .staticTextItemPendingFocusedRTL, .staticTextItemPendingDisabled, .staticTextItemPendingDisabledRTL, .staticTextItemPendingError, .staticTextItemPendingErrorRTL, .textItem, .textItemRTL, .textItemFocused, .textItemFocusedRTL, .textItemDisabled, .textItemDisabledRTL, .textItemError, .textItemErrorRTL, .textItemPending, .textItemPendingRTL, .textItemPendingFocused, .textItemPendingFocusedRTL, .textItemPendingDisabled, .textItemPendingDisabledRTL, .textItemPendingError, .textItemPendingErrorRTL, .textItemHint, .textItemHintRTL, .textItemDisabledHint, .textItemDisabledHintRTL, .uploadItem, .uploadItemRTL, .uploadItemFocused, .uploadItemFocusedRTL, .uploadItemDisabled, .uploadItemDisabledRTL, .uploadItemError, .uploadItemErrorRTL, .uploadItemPending, .uploadItemPendingRTL, .uploadItemPendingFocused, .uploadItemPendingFocusedRTL, .uploadItemPendingDisabled, .uploadItemPendingDisabledRTL, .uploadItemPendingError, .uploadItemPendingErrorRTL, .uploadItemHint, .uploadItemHintRTL, .uploadItemDisabledHint, .uploadItemDisabledHintRTL, .selectItemControl, .selectItemControlRTL, .selectItemControlFocused, .selectItemControlFocusedRTL, .selectItemControlDisabled, .selectItemControlDisabledRTL, .selectItemControlError, .selectItemControlErrorRTL, .selectItemControlPending, .selectItemControlPendingRTL, .selectItemControlPendingFocused, .selectItemControlPendingFocusedRTL, .selectItemControlPendingDisabled, .selectItemControlPendingDisabledRTL, .selectItemControlPendingError, .selectItemControlPendingErrorRTL, .selectItemText, .selectItemTextRTL, .selectItemTextFocused, .selectItemTextFocusedRTL, .selectItemTextDisabled, .selectItemTextDisabledRTL, .selectItemTextError, .selectItemTextErrorRTL, .selectItemTextPending, .selectItemTextPendingRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL, .selectItemTextPendingDisabled, .selectItemTextPendingDisabledRTL, .selectItemTextPendingError, .selectItemTextPendingErrorRTL, .selectItemTextHint, .selectItemTextHintRTL, .selectItemTextDisabledHint, .selectItemTextDisabledHintRTL, .comboBoxItemPendingText, .comboBoxItemPendingTextRTL, .pickerSearchBox, .pickerSearchBoxRTL, .pickerSearchBoxFocused, .pickerSearchBoxFocusedRTL, .pickerSearchBoxDisabled, .pickerSearchBoxDisabledRTL, .pickerSearchBoxError, .pickerSearchBoxErrorRTL, .pickerSearchBoxPending, .pickerSearchBoxPendingRTL, .pickerSearchBoxPendingFocused, .pickerSearchBoxPendingFocusedRTL, .pickerSearchBoxPendingDisabled, .pickerSearchBoxPendingDisabledRTL, .pickerSearchBoxPendingError, .pickerSearchBoxPendingErrorRTL, .pickerSearchBoxHint, .pickerSearchBoxHintRTL, .pickerSearchBoxDisabledHint, .pickerSearchBoxDisabledHintRTL, .pickListCell, .pickListCellRTL, .pickListCellOver, .pickListCellOverRTL, .pickListCellSelected, .pickListCellSelectedRTL, .pickListCellSelectedOver, .pickListCellSelectedOverRTL, .pickListCellDisabled, .pickListCellDisabledRTL, .pickListCellDark, .pickListCellDarkRTL, .pickListCellOverDark, .pickListCellOverDarkRTL, .pickListCellSelectedDark, .pickListCellSelectedDarkRTL, .pickListCellSelectedOverDark, .pickListCellSelectedOverDarkRTL, .pickListCellDisabledDark, .pickListCellDisabledDarkRTL, .pickListCellPending, .pickListCellPendingRTL, .pickListCellPendingOver, .pickListCellPendingOverRTL, .pickListCellPendingSelected, .pickListCellPendingSelectedRTL, .pickListCellPendingSelectedOver, .pickListCellPendingSelectedOverRTL, .pickListCellPendingDisabled, .pickListCellPendingDisabledRTL, .pickListCellPendingDark, .pickListCellPendingDarkRTL, .pickListCellPendingOverDark, .pickListCellPendingOverDarkRTL, .pickListCellPendingSelectedDark, .pickListCellPendingSelectedDarkRTL, .pickListCellPendingSelectedOverDark, .pickListCellPendingSelectedOverDarkRTL, .pickListCellPendingDisabledDark, .pickListCellPendingDisabledDarkRTL, .pickListCellDeselected, .pickListCellDeselectedRTL, .pickListCellDeselectedOver, .pickListCellDeselectedOverRTL, .pickListCellDeselectedSelected, .pickListCellDeselectedSelectedRTL, .pickListCellDeselectedSelectedOver, .pickListCellDeselectedSelectedOverRTL, .pickListCellDeselectedDisabled, .pickListCellDeselectedDisabledRTL, .pickListCellDeselectedDark, .pickListCellDeselectedDarkRTL, .pickListCellDeselectedOverDark, .pickListCellDeselectedOverDarkRTL, .pickListCellDeselectedSelectedDark, .pickListCellDeselectedSelectedDarkRTL, .pickListCellDeselectedSelectedOverDark, .pickListCellDeselectedSelectedOverDarkRTL, .pickListCellDeselectedDisabledDark, .pickListCellDeselectedDisabledDarkRTL, .tallPickListCell, .tallPickListCellRTL, .tallPickListCellOver, .tallPickListCellOverRTL, .tallPickListCellSelected, .tallPickListCellSelectedRTL, .tallPickListCellSelectedOver, .tallPickListCellSelectedOverRTL, .tallPickListCellDisabled, .tallPickListCellDisabledRTL, .tallPickListCellDark, .tallPickListCellDarkRTL, .tallPickListCellOverDark, .tallPickListCellOverDarkRTL, .tallPickListCellSelectedDark, .tallPickListCellSelectedDarkRTL, .tallPickListCellSelectedOverDark, .tallPickListCellSelectedOverDarkRTL, .tallPickListCellDisabledDark, .tallPickListCellDisabledDarkRTL, .tallPickListCellPending, .tallPickListCellPendingRTL, .tallPickListCellPendingOver, .tallPickListCellPendingOverRTL, .tallPickListCellPendingSelected, .tallPickListCellPendingSelectedRTL, .tallPickListCellPendingSelectedOver, .tallPickListCellPendingSelectedOverRTL, .tallPickListCellPendingDisabled, .tallPickListCellPendingDisabledRTL, .tallPickListCellPendingDark, .tallPickListCellPendingDarkRTL, .tallPickListCellPendingOverDark, .tallPickListCellPendingOverDarkRTL, .tallPickListCellPendingSelectedDark, .tallPickListCellPendingSelectedDarkRTL, .tallPickListCellPendingSelectedOverDark, .tallPickListCellPendingSelectedOverDarkRTL, .tallPickListCellPendingDisabledDark, .tallPickListCellPendingDisabledDarkRTL, .tallPickListCellDeselected, .tallPickListCellDeselectedRTL, .tallPickListCellDeselectedOver, .tallPickListCellDeselectedOverRTL, .tallPickListCellDeselectedSelected, .tallPickListCellDeselectedSelectedRTL, .tallPickListCellDeselectedSelectedOver, .tallPickListCellDeselectedSelectedOverRTL, .tallPickListCellDeselectedDisabled, .tallPickListCellDeselectedDisabledRTL, .tallPickListCellDeselectedDark, .tallPickListCellDeselectedDarkRTL, .tallPickListCellDeselectedOverDark, .tallPickListCellDeselectedOverDarkRTL, .tallPickListCellDeselectedSelectedDark, .tallPickListCellDeselectedSelectedDarkRTL, .tallPickListCellDeselectedSelectedOverDark, .tallPickListCellDeselectedSelectedOverDarkRTL, .tallPickListCellDeselectedDisabledDark, .tallPickListCellDeselectedDisabledDarkRTL, .labelAnchor, .labelAnchorRTL, .labelAnchorDisabled, .labelAnchorDisabledRTL, .labelAnchorError, .labelAnchorErrorRTL, .labelAnchorFocused, .labelAnchorFocusedRTL { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .roundedTextItem, .roundedTextItemRTL, .roundedTextItemFocused, .roundedTextItemFocusedRTL, .roundedTextItemDisabled, .roundedTextItemDisabledRTL, .roundedTextItemError, .roundedTextItemErrorRTL, .roundedTextItemPending, .roundedTextItemPendingRTL, .roundedTextItemPendingFocused, .roundedTextItemPendingFocusedRTL, .roundedTextItemPendingDisabled, .roundedTextItemPendingDisabledRTL, .roundedTextItemPendingError, .roundedTextItemPendingErrorRTL, .roundedTextItemHint, .roundedTextItemHintRTL, .roundedTextItemDisabledHint, .roundedTextItemDisabledHintRTL { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .formTitle, .formTitleRTL, .formTitleFocused, .formTitleFocusedRTL, .formTitlePending, .formTitlePendingRTL, .formTitlePendingFocused, .formTitlePendingFocusedRTL { color: #003168; } .formTitleDisabled, .formTitleDisabledRTL, .formTitlePendingDisabled, .formTitlePendingDisabledRTL { color: #ababab; } .formTitleError, .formTitleErrorRTL, .formTitlePendingError, .formTitlePendingErrorRTL, .formCellError, .formCellErrorRTL, .formCellPendingError, .formCellPendingErrorRTL { color: #692023; font-weight: bold; } .formHint, .formHintRTL, .formHintDisabled, .formHintDisabledRTL { color: #684547; padding: 3px; } /* Allow for nested forms to lie flush against the left-hand edge of the containing form */ .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled, .nestedFormContainerError { padding-left: 0px; } .nestedFormContainerRTL, .nestedFormContainerFocusedRTL, .nestedFormContainerDisabledRTL, .nestedFormContainerErrorRTL { padding-right: 0px; } /* headerItem */ .headerItem, .headerItemRTL, .headerItemDisabled, .headerItemDisabledRTL, .headerItemError, .headerItemErrorRTL { color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; } .nativeSelectItemRTL[multiple] { direction: ltr; } .nativeSelectItemRTL[multiple] > optgroup > option, .nativeSelectItemRTL[multiple] > option { direction: rtl; } /* text-based items common props */ .textItem, .textItemRTL, .textItemFocused, .textItemFocusedRTL, .textItemDisabled, .textItemDisabledRTL, .textItemError, .textItemErrorRTL, .textItemPending, .textItemPendingRTL, .textItemPendingFocused, .textItemPendingFocusedRTL, .textItemPendingDisabled, .textItemPendingDisabledRTL, .textItemPendingError, .textItemPendingErrorRTL, .textItemHint, .textItemHintRTL, .textItemDisabledHint, .textItemDisabledHintRTL, .selectItemText, .selectItemTextRTL, .selectItemTextFocused, .selectItemTextFocusedRTL, .selectItemTextDisabled, .selectItemTextDisabledRTL, .selectItemTextError, .selectItemTextErrorRTL, .selectItemTextPending, .selectItemTextPendingRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL, .selectItemTextPendingDisabled, .selectItemTextPendingDisabledRTL, .selectItemTextPendingError, .selectItemTextPendingErrorRTL, .selectItemTextHint, .selectItemTextHintRTL, .selectItemTextDisabledHint, .selectItemTextDisabledHintRTL, .comboBoxItemPendingText, .comboBoxItemPendingTextRTL, .pickerSearchBox, .pickerSearchBoxRTL, .pickerSearchBoxFocused, .pickerSearchBoxFocusedRTL, .pickerSearchBoxDisabled, .pickerSearchBoxDisabledRTL, .pickerSearchBoxError, .pickerSearchBoxErrorRTL, .pickerSearchBoxPending, .pickerSearchBoxPendingRTL, .pickerSearchBoxPendingFocused, .pickerSearchBoxPendingFocusedRTL, .pickerSearchBoxPendingDisabled, .pickerSearchBoxPendingDisabledRTL, .pickerSearchBoxPendingError, .pickerSearchBoxPendingErrorRTL, .pickerSearchBoxHint, .pickerSearchBoxHintRTL, .pickerSearchBoxDisabledHint, .pickerSearchBoxDisabledHintRTL { margin: 0; background: white; border: 1px solid #ababab; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: black; padding: 4px 2px 4px 2px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-appearance: none; } .textItem:-moz-placeholder, .textItemRTL:-moz-placeholder, .textItemFocused:-moz-placeholder, .textItemFocusedRTL:-moz-placeholder, .textItemDisabled:-moz-placeholder, .textItemDisabledRTL:-moz-placeholder, .textItemError:-moz-placeholder, .textItemErrorRTL:-moz-placeholder, .textItemPending:-moz-placeholder, .textItemPendingRTL:-moz-placeholder, .textItemPendingFocused:-moz-placeholder, .textItemPendingFocusedRTL:-moz-placeholder, .textItemPendingDisabled:-moz-placeholder, .textItemPendingDisabledRTL:-moz-placeholder, .textItemPendingError:-moz-placeholder, .textItemPendingErrorRTL:-moz-placeholder, .textItemHint:-moz-placeholder, .textItemHintRTL:-moz-placeholder, .textItemDisabledHint:-moz-placeholder, .textItemDisabledHintRTL:-moz-placeholder, .selectItemText:-moz-placeholder, .selectItemTextRTL:-moz-placeholder, .selectItemTextFocused:-moz-placeholder, .selectItemTextFocusedRTL:-moz-placeholder, .selectItemTextDisabled:-moz-placeholder, .selectItemTextDisabledRTL:-moz-placeholder, .selectItemTextError:-moz-placeholder, .selectItemTextErrorRTL:-moz-placeholder, .selectItemTextPending:-moz-placeholder, .selectItemTextPendingRTL:-moz-placeholder, .selectItemTextPendingFocused:-moz-placeholder, .selectItemTextPendingFocusedRTL:-moz-placeholder, .selectItemTextPendingDisabled:-moz-placeholder, .selectItemTextPendingDisabledRTL:-moz-placeholder, .selectItemTextPendingError:-moz-placeholder, .selectItemTextPendingErrorRTL:-moz-placeholder, .selectItemTextHint:-moz-placeholder, .selectItemTextHintRTL:-moz-placeholder, .selectItemTextDisabledHint:-moz-placeholder, .selectItemTextDisabledHintRTL:-moz-placeholder, .comboBoxItemPendingText:-moz-placeholder, .comboBoxItemPendingTextRTL:-moz-placeholder, .pickerSearchBox:-moz-placeholder, .pickerSearchBoxRTL:-moz-placeholder, .pickerSearchBoxFocused:-moz-placeholder, .pickerSearchBoxFocusedRTL:-moz-placeholder, .pickerSearchBoxDisabled:-moz-placeholder, .pickerSearchBoxDisabledRTL:-moz-placeholder, .pickerSearchBoxError:-moz-placeholder, .pickerSearchBoxErrorRTL:-moz-placeholder, .pickerSearchBoxPending:-moz-placeholder, .pickerSearchBoxPendingRTL:-moz-placeholder, .pickerSearchBoxPendingFocused:-moz-placeholder, .pickerSearchBoxPendingFocusedRTL:-moz-placeholder, .pickerSearchBoxPendingDisabled:-moz-placeholder, .pickerSearchBoxPendingDisabledRTL:-moz-placeholder, .pickerSearchBoxPendingError:-moz-placeholder, .pickerSearchBoxPendingErrorRTL:-moz-placeholder, .pickerSearchBoxHint:-moz-placeholder, .pickerSearchBoxHintRTL:-moz-placeholder, .pickerSearchBoxDisabledHint:-moz-placeholder, .pickerSearchBoxDisabledHintRTL:-moz-placeholder { color: #6395cf; opacity: 1; text-overflow: ellipsis; } .textItem::-moz-placeholder, .textItemRTL::-moz-placeholder, .textItemFocused::-moz-placeholder, .textItemFocusedRTL::-moz-placeholder, .textItemDisabled::-moz-placeholder, .textItemDisabledRTL::-moz-placeholder, .textItemError::-moz-placeholder, .textItemErrorRTL::-moz-placeholder, .textItemPending::-moz-placeholder, .textItemPendingRTL::-moz-placeholder, .textItemPendingFocused::-moz-placeholder, .textItemPendingFocusedRTL::-moz-placeholder, .textItemPendingDisabled::-moz-placeholder, .textItemPendingDisabledRTL::-moz-placeholder, .textItemPendingError::-moz-placeholder, .textItemPendingErrorRTL::-moz-placeholder, .textItemHint::-moz-placeholder, .textItemHintRTL::-moz-placeholder, .textItemDisabledHint::-moz-placeholder, .textItemDisabledHintRTL::-moz-placeholder, .selectItemText::-moz-placeholder, .selectItemTextRTL::-moz-placeholder, .selectItemTextFocused::-moz-placeholder, .selectItemTextFocusedRTL::-moz-placeholder, .selectItemTextDisabled::-moz-placeholder, .selectItemTextDisabledRTL::-moz-placeholder, .selectItemTextError::-moz-placeholder, .selectItemTextErrorRTL::-moz-placeholder, .selectItemTextPending::-moz-placeholder, .selectItemTextPendingRTL::-moz-placeholder, .selectItemTextPendingFocused::-moz-placeholder, .selectItemTextPendingFocusedRTL::-moz-placeholder, .selectItemTextPendingDisabled::-moz-placeholder, .selectItemTextPendingDisabledRTL::-moz-placeholder, .selectItemTextPendingError::-moz-placeholder, .selectItemTextPendingErrorRTL::-moz-placeholder, .selectItemTextHint::-moz-placeholder, .selectItemTextHintRTL::-moz-placeholder, .selectItemTextDisabledHint::-moz-placeholder, .selectItemTextDisabledHintRTL::-moz-placeholder, .comboBoxItemPendingText::-moz-placeholder, .comboBoxItemPendingTextRTL::-moz-placeholder, .pickerSearchBox::-moz-placeholder, .pickerSearchBoxRTL::-moz-placeholder, .pickerSearchBoxFocused::-moz-placeholder, .pickerSearchBoxFocusedRTL::-moz-placeholder, .pickerSearchBoxDisabled::-moz-placeholder, .pickerSearchBoxDisabledRTL::-moz-placeholder, .pickerSearchBoxError::-moz-placeholder, .pickerSearchBoxErrorRTL::-moz-placeholder, .pickerSearchBoxPending::-moz-placeholder, .pickerSearchBoxPendingRTL::-moz-placeholder, .pickerSearchBoxPendingFocused::-moz-placeholder, .pickerSearchBoxPendingFocusedRTL::-moz-placeholder, .pickerSearchBoxPendingDisabled::-moz-placeholder, .pickerSearchBoxPendingDisabledRTL::-moz-placeholder, .pickerSearchBoxPendingError::-moz-placeholder, .pickerSearchBoxPendingErrorRTL::-moz-placeholder, .pickerSearchBoxHint::-moz-placeholder, .pickerSearchBoxHintRTL::-moz-placeholder, .pickerSearchBoxDisabledHint::-moz-placeholder, .pickerSearchBoxDisabledHintRTL::-moz-placeholder { color: #6395cf; opacity: 1; text-overflow: ellipsis; } .textItem:-ms-input-placeholder, .textItemRTL:-ms-input-placeholder, .textItemFocused:-ms-input-placeholder, .textItemFocusedRTL:-ms-input-placeholder, .textItemDisabled:-ms-input-placeholder, .textItemDisabledRTL:-ms-input-placeholder, .textItemError:-ms-input-placeholder, .textItemErrorRTL:-ms-input-placeholder, .textItemPending:-ms-input-placeholder, .textItemPendingRTL:-ms-input-placeholder, .textItemPendingFocused:-ms-input-placeholder, .textItemPendingFocusedRTL:-ms-input-placeholder, .textItemPendingDisabled:-ms-input-placeholder, .textItemPendingDisabledRTL:-ms-input-placeholder, .textItemPendingError:-ms-input-placeholder, .textItemPendingErrorRTL:-ms-input-placeholder, .textItemHint:-ms-input-placeholder, .textItemHintRTL:-ms-input-placeholder, .textItemDisabledHint:-ms-input-placeholder, .textItemDisabledHintRTL:-ms-input-placeholder, .selectItemText:-ms-input-placeholder, .selectItemTextRTL:-ms-input-placeholder, .selectItemTextFocused:-ms-input-placeholder, .selectItemTextFocusedRTL:-ms-input-placeholder, .selectItemTextDisabled:-ms-input-placeholder, .selectItemTextDisabledRTL:-ms-input-placeholder, .selectItemTextError:-ms-input-placeholder, .selectItemTextErrorRTL:-ms-input-placeholder, .selectItemTextPending:-ms-input-placeholder, .selectItemTextPendingRTL:-ms-input-placeholder, .selectItemTextPendingFocused:-ms-input-placeholder, .selectItemTextPendingFocusedRTL:-ms-input-placeholder, .selectItemTextPendingDisabled:-ms-input-placeholder, .selectItemTextPendingDisabledRTL:-ms-input-placeholder, .selectItemTextPendingError:-ms-input-placeholder, .selectItemTextPendingErrorRTL:-ms-input-placeholder, .selectItemTextHint:-ms-input-placeholder, .selectItemTextHintRTL:-ms-input-placeholder, .selectItemTextDisabledHint:-ms-input-placeholder, .selectItemTextDisabledHintRTL:-ms-input-placeholder, .comboBoxItemPendingText:-ms-input-placeholder, .comboBoxItemPendingTextRTL:-ms-input-placeholder, .pickerSearchBox:-ms-input-placeholder, .pickerSearchBoxRTL:-ms-input-placeholder, .pickerSearchBoxFocused:-ms-input-placeholder, .pickerSearchBoxFocusedRTL:-ms-input-placeholder, .pickerSearchBoxDisabled:-ms-input-placeholder, .pickerSearchBoxDisabledRTL:-ms-input-placeholder, .pickerSearchBoxError:-ms-input-placeholder, .pickerSearchBoxErrorRTL:-ms-input-placeholder, .pickerSearchBoxPending:-ms-input-placeholder, .pickerSearchBoxPendingRTL:-ms-input-placeholder, .pickerSearchBoxPendingFocused:-ms-input-placeholder, .pickerSearchBoxPendingFocusedRTL:-ms-input-placeholder, .pickerSearchBoxPendingDisabled:-ms-input-placeholder, .pickerSearchBoxPendingDisabledRTL:-ms-input-placeholder, .pickerSearchBoxPendingError:-ms-input-placeholder, .pickerSearchBoxPendingErrorRTL:-ms-input-placeholder, .pickerSearchBoxHint:-ms-input-placeholder, .pickerSearchBoxHintRTL:-ms-input-placeholder, .pickerSearchBoxDisabledHint:-ms-input-placeholder, .pickerSearchBoxDisabledHintRTL:-ms-input-placeholder { color: #6395cf; opacity: 1; text-overflow: ellipsis; } .textItem::-webkit-input-placeholder, .textItemRTL::-webkit-input-placeholder, .textItemFocused::-webkit-input-placeholder, .textItemFocusedRTL::-webkit-input-placeholder, .textItemDisabled::-webkit-input-placeholder, .textItemDisabledRTL::-webkit-input-placeholder, .textItemError::-webkit-input-placeholder, .textItemErrorRTL::-webkit-input-placeholder, .textItemPending::-webkit-input-placeholder, .textItemPendingRTL::-webkit-input-placeholder, .textItemPendingFocused::-webkit-input-placeholder, .textItemPendingFocusedRTL::-webkit-input-placeholder, .textItemPendingDisabled::-webkit-input-placeholder, .textItemPendingDisabledRTL::-webkit-input-placeholder, .textItemPendingError::-webkit-input-placeholder, .textItemPendingErrorRTL::-webkit-input-placeholder, .textItemHint::-webkit-input-placeholder, .textItemHintRTL::-webkit-input-placeholder, .textItemDisabledHint::-webkit-input-placeholder, .textItemDisabledHintRTL::-webkit-input-placeholder, .selectItemText::-webkit-input-placeholder, .selectItemTextRTL::-webkit-input-placeholder, .selectItemTextFocused::-webkit-input-placeholder, .selectItemTextFocusedRTL::-webkit-input-placeholder, .selectItemTextDisabled::-webkit-input-placeholder, .selectItemTextDisabledRTL::-webkit-input-placeholder, .selectItemTextError::-webkit-input-placeholder, .selectItemTextErrorRTL::-webkit-input-placeholder, .selectItemTextPending::-webkit-input-placeholder, .selectItemTextPendingRTL::-webkit-input-placeholder, .selectItemTextPendingFocused::-webkit-input-placeholder, .selectItemTextPendingFocusedRTL::-webkit-input-placeholder, .selectItemTextPendingDisabled::-webkit-input-placeholder, .selectItemTextPendingDisabledRTL::-webkit-input-placeholder, .selectItemTextPendingError::-webkit-input-placeholder, .selectItemTextPendingErrorRTL::-webkit-input-placeholder, .selectItemTextHint::-webkit-input-placeholder, .selectItemTextHintRTL::-webkit-input-placeholder, .selectItemTextDisabledHint::-webkit-input-placeholder, .selectItemTextDisabledHintRTL::-webkit-input-placeholder, .comboBoxItemPendingText::-webkit-input-placeholder, .comboBoxItemPendingTextRTL::-webkit-input-placeholder, .pickerSearchBox::-webkit-input-placeholder, .pickerSearchBoxRTL::-webkit-input-placeholder, .pickerSearchBoxFocused::-webkit-input-placeholder, .pickerSearchBoxFocusedRTL::-webkit-input-placeholder, .pickerSearchBoxDisabled::-webkit-input-placeholder, .pickerSearchBoxDisabledRTL::-webkit-input-placeholder, .pickerSearchBoxError::-webkit-input-placeholder, .pickerSearchBoxErrorRTL::-webkit-input-placeholder, .pickerSearchBoxPending::-webkit-input-placeholder, .pickerSearchBoxPendingRTL::-webkit-input-placeholder, .pickerSearchBoxPendingFocused::-webkit-input-placeholder, .pickerSearchBoxPendingFocusedRTL::-webkit-input-placeholder, .pickerSearchBoxPendingDisabled::-webkit-input-placeholder, .pickerSearchBoxPendingDisabledRTL::-webkit-input-placeholder, .pickerSearchBoxPendingError::-webkit-input-placeholder, .pickerSearchBoxPendingErrorRTL::-webkit-input-placeholder, .pickerSearchBoxHint::-webkit-input-placeholder, .pickerSearchBoxHintRTL::-webkit-input-placeholder, .pickerSearchBoxDisabledHint::-webkit-input-placeholder, .pickerSearchBoxDisabledHintRTL::-webkit-input-placeholder { color: #6395cf; opacity: 1; text-overflow: ellipsis; } .uploadItem, .uploadItemRTL, .uploadItemFocused, .uploadItemFocusedRTL, .uploadItemDisabled, .uploadItemDisabledRTL, .uploadItemError, .uploadItemErrorRTL, .uploadItemPending, .uploadItemPendingRTL, .uploadItemPendingFocused, .uploadItemPendingFocusedRTL, .uploadItemPendingDisabled, .uploadItemPendingDisabledRTL, .uploadItemPendingError, .uploadItemPendingErrorRTL, .uploadItemHint, .uploadItemHintRTL, .uploadItemDisabledHint, .uploadItemDisabledHintRTL { margin: 0; border: 0; padding: 0; background: #fff; color: black; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-appearance: none; } .comboBoxItemPendingText, .selectItemText, .selectItemTextFocused, .selectItemTextDisabled, .selectItemTextError, .selectItemTextPending, .selectItemTextPendingFocused, .selectItemTextPendingDisabled, .selectItemTextPendingError, .selectItemTextHint, .selectItemTextDisabledHint { border-right: 0; } .comboBoxItemPendingTextRTL, .selectItemTextRTL, .selectItemTextFocusedRTL, .selectItemTextDisabledRTL, .selectItemTextErrorRTL, .selectItemTextPendingRTL, .selectItemTextPendingFocusedRTL, .selectItemTextPendingDisabledRTL, .selectItemTextPendingErrorRTL, .selectItemTextHintRTL, .selectItemTextDisabledHintRTL { border-left: 0; } .textItem, .textItemRTL, .textItemPending, .textItemPendingRTL, .textItemHint, .textItemHintRTL, .pickerSearchBox, .pickerSearchBoxRTL, .pickerSearchBoxPending, .pickerSearchBoxPendingRTL, .pickerSearchBoxHint, .pickerSearchBoxHintRTL { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #ababab; } .textItemDisabled, .textItemDisabledRTL, .textItemPendingDisabled, .textItemPendingDisabledRTL, .textItemDisabledHint, .textItemDisabledHintRTL, .selectItemTextDisabled, .selectItemTextDisabledRTL, .selectItemTextPendingDisabled, .selectItemTextPendingDisabledRTL, .selectItemTextDisabledHint, .selectItemTextDisabledHintRTL, .pickerSearchBoxDisabled, .pickerSearchBoxDisabledRTL, .pickerSearchBoxPendingDisabled, .pickerSearchBoxPendingDisabledRTL, .pickerSearchBoxDisabledHint, .pickerSearchBoxDisabledHintRTL { background-color: white; border: 1px solid #ababab; color: #ababab; } .textItemDisabled:-moz-placeholder, .textItemDisabledRTL:-moz-placeholder, .textItemPendingDisabled:-moz-placeholder, .textItemPendingDisabledRTL:-moz-placeholder, .textItemDisabledHint:-moz-placeholder, .textItemDisabledHintRTL:-moz-placeholder, .selectItemTextDisabled:-moz-placeholder, .selectItemTextDisabledRTL:-moz-placeholder, .selectItemTextPendingDisabled:-moz-placeholder, .selectItemTextPendingDisabledRTL:-moz-placeholder, .selectItemTextDisabledHint:-moz-placeholder, .selectItemTextDisabledHintRTL:-moz-placeholder, .pickerSearchBoxDisabled:-moz-placeholder, .pickerSearchBoxDisabledRTL:-moz-placeholder, .pickerSearchBoxPendingDisabled:-moz-placeholder, .pickerSearchBoxPendingDisabledRTL:-moz-placeholder, .pickerSearchBoxDisabledHint:-moz-placeholder, .pickerSearchBoxDisabledHintRTL:-moz-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemDisabled::-moz-placeholder, .textItemDisabledRTL::-moz-placeholder, .textItemPendingDisabled::-moz-placeholder, .textItemPendingDisabledRTL::-moz-placeholder, .textItemDisabledHint::-moz-placeholder, .textItemDisabledHintRTL::-moz-placeholder, .selectItemTextDisabled::-moz-placeholder, .selectItemTextDisabledRTL::-moz-placeholder, .selectItemTextPendingDisabled::-moz-placeholder, .selectItemTextPendingDisabledRTL::-moz-placeholder, .selectItemTextDisabledHint::-moz-placeholder, .selectItemTextDisabledHintRTL::-moz-placeholder, .pickerSearchBoxDisabled::-moz-placeholder, .pickerSearchBoxDisabledRTL::-moz-placeholder, .pickerSearchBoxPendingDisabled::-moz-placeholder, .pickerSearchBoxPendingDisabledRTL::-moz-placeholder, .pickerSearchBoxDisabledHint::-moz-placeholder, .pickerSearchBoxDisabledHintRTL::-moz-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemDisabled:-ms-input-placeholder, .textItemDisabledRTL:-ms-input-placeholder, .textItemPendingDisabled:-ms-input-placeholder, .textItemPendingDisabledRTL:-ms-input-placeholder, .textItemDisabledHint:-ms-input-placeholder, .textItemDisabledHintRTL:-ms-input-placeholder, .selectItemTextDisabled:-ms-input-placeholder, .selectItemTextDisabledRTL:-ms-input-placeholder, .selectItemTextPendingDisabled:-ms-input-placeholder, .selectItemTextPendingDisabledRTL:-ms-input-placeholder, .selectItemTextDisabledHint:-ms-input-placeholder, .selectItemTextDisabledHintRTL:-ms-input-placeholder, .pickerSearchBoxDisabled:-ms-input-placeholder, .pickerSearchBoxDisabledRTL:-ms-input-placeholder, .pickerSearchBoxPendingDisabled:-ms-input-placeholder, .pickerSearchBoxPendingDisabledRTL:-ms-input-placeholder, .pickerSearchBoxDisabledHint:-ms-input-placeholder, .pickerSearchBoxDisabledHintRTL:-ms-input-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemDisabled::-webkit-input-placeholder, .textItemDisabledRTL::-webkit-input-placeholder, .textItemPendingDisabled::-webkit-input-placeholder, .textItemPendingDisabledRTL::-webkit-input-placeholder, .textItemDisabledHint::-webkit-input-placeholder, .textItemDisabledHintRTL::-webkit-input-placeholder, .selectItemTextDisabled::-webkit-input-placeholder, .selectItemTextDisabledRTL::-webkit-input-placeholder, .selectItemTextPendingDisabled::-webkit-input-placeholder, .selectItemTextPendingDisabledRTL::-webkit-input-placeholder, .selectItemTextDisabledHint::-webkit-input-placeholder, .selectItemTextDisabledHintRTL::-webkit-input-placeholder, .pickerSearchBoxDisabled::-webkit-input-placeholder, .pickerSearchBoxDisabledRTL::-webkit-input-placeholder, .pickerSearchBoxPendingDisabled::-webkit-input-placeholder, .pickerSearchBoxPendingDisabledRTL::-webkit-input-placeholder, .pickerSearchBoxDisabledHint::-webkit-input-placeholder, .pickerSearchBoxDisabledHintRTL::-webkit-input-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .nativeSelectItemDisabled, .nativeSelectItemDisabledRTL, .nativeSelectItemPendingDisabled, .nativeSelectItemPendingDisabledRTL, .staticTextItemDisabled, .staticTextItemDisabledRTL, .staticTextItemPendingDisabled, .staticTextItemPendingDisabledRTL { color: #ababab; } select:disabled, optgroup:disabled, option:disabled { color: #ababab; } select[disabled], select[disabled] option { color: #ababab; } .uploadItemDisabled, .uploadItemDisabledRTL, .uploadItemPendingDisabled, .uploadItemPendingDisabledRTL, .uploadItemDisabledHint, .uploadItemDisabledHintRTL { color: #ababab; } .textItemHint, .textItemHintRTL, .selectItemTextHint, .selectItemTextHintRTL, .nativeDateItemInFieldHint, .nativeDateItemInFieldHintRTL, .nativeTimeItemInFieldHint, .nativeTimeItemInFieldHintRTL, .nativeDatetimeItemInFieldHint, .nativeDatetimeItemInFieldHintRTL { color: #204269; } /* sprited ComboBoxItem picker */ .comboBoxItemPickerDisabled, .comboBoxItemPicker, .comboBoxItemPickerOver, .comboBoxItemPickerFocused, .comboBoxItemPickerFocusedOver { background-image: url(./images/pickers/pickers_sprite.png); } .comboBoxItemPickerDisabledRTL, .comboBoxItemPickerRTL, .comboBoxItemPickerOverRTL, .comboBoxItemPickerFocusedRTL, .comboBoxItemPickerFocusedOverRTL { background-image: url(./images/pickers/pickers_sprite_rtl.png); } .comboBoxItemPickerDisabled, .comboBoxItemPickerDisabledRTL { background-position: 0px -22px; } .comboBoxItemPicker, .comboBoxItemPickerRTL, .comboBoxItemPickerFocused, .comboBoxItemPickerFocusedRTL { background-position: -18px -22px; } .comboBoxItemPickerOver, .comboBoxItemPickerOverRTL, .comboBoxItemPickerFocusedOver, .comboBoxItemPickerFocusedOverRTL { background-position: -36px -22px; } /* Minimalist appearance text based items. Includes ComboBoxItem and SelectItem */ /* Actual minimalist text */ .textItemLite, .textItemLiteRTL, .textItemLiteFocused, .textItemLiteFocusedRTL, .textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLiteError, .textItemLiteErrorRTL, .textItemLitePending, .textItemLitePendingRTL, .textItemLitePendingFocused, .textItemLitePendingFocusedRTL, .textItemLitePendingDisabled, .textItemLitePendingDisabledRTL, .textItemLitePendingError, .textItemLitePendingErrorRTL, .textItemLiteHint, .textItemLiteHintRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL, .selectItemLiteText, .selectItemLiteTextRTL, .selectItemLiteTextFocused, .selectItemLiteTextFocusedRTL, .selectItemLiteTextDisabled, .selectItemLiteTextDisabledRTL, .selectItemLiteTextError, .selectItemLiteTextErrorRTL, .selectItemLiteTextPending, .selectItemLiteTextPendingRTL, .selectItemLiteTextPendingFocused, .selectItemLiteTextPendingFocusedRTL, .selectItemLiteTextPendingDisabled, .selectItemLiteTextPendingDisabledRTL, .selectItemLiteTextPendingError, .selectItemLiteTextPendingErrorRTL, .selectItemLiteTextHint, .selectItemLiteTextHintRTL, .selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL { color: #555; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; border-radius: 0px; } /* suppress borders on selectItem text - border is applied to control element also zero out right-padding so we don't have unnecessary gap between text and the down-pointing chevron */ .selectItemLiteText, .selectItemLiteTextRTL, .selectItemLiteTextFocused, .selectItemLiteTextFocusedRTL, .selectItemLiteTextDisabled, .selectItemLiteTextDisabledRTL, .selectItemLiteTextError, .selectItemLiteTextErrorRTL, .selectItemLiteTextPending, .selectItemLiteTextPendingRTL, .selectItemLiteTextPendingFocused, .selectItemLiteTextPendingFocusedRTL, .selectItemLiteTextPendingDisabled, .selectItemLiteTextPendingDisabledRTL, .selectItemLiteTextPendingError, .selectItemLiteTextPendingErrorRTL, .selectItemLiteTextHint, .selectItemLiteTextHintRTL, .selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL { outline: none; border: 0px; padding-right: 0px; background-color: transparent; } /* borders and padding for minimalist text-based items */ .textItemLite, .textItemLiteRTL, .textItemLiteFocused, .textItemLiteFocusedRTL, .textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLiteError, .textItemLiteErrorRTL, .textItemLitePending, .textItemLitePendingRTL, .textItemLitePendingFocused, .textItemLitePendingFocusedRTL, .textItemLitePendingDisabled, .textItemLitePendingDisabledRTL, .textItemLitePendingError, .textItemLitePendingErrorRTL, .textItemLiteHint, .textItemLiteHintRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL, .selectItemLiteControl, .selectItemLiteControlRTL, .selectItemLiteControlFocused, .selectItemLiteControlFocusedRTL, .selectItemLiteControlOver, .selectItemLiteControlOverRTL, .selectItemLiteControlFocusedOver, .selectItemLiteControlFocusedOverRTL, .selectItemLiteControlDisabled, .selectItemLiteControlDisabledRTL, .selectItemLiteControlError, .selectItemLiteControlErrorRTL, .selectItemLiteControlPending, .selectItemLiteControlPendingRTL, .selectItemLiteControlPendingFocused, .selectItemLiteControlPendingFocusedRTL, .selectItemLiteControlPendingOver, .selectItemLiteControlPendingOverRTL, .selectItemLiteControlPendingFocusedOver, .selectItemLiteControlPendingFocusedOverRTL, .selectItemLiteControlPendingDisabled, .selectItemLiteControlPendingDisabledRTL, .selectItemLiteControlPendingError, .selectItemLiteControlPendingErrorRTL, .selectItemLiteControlHint, .selectItemLiteControlHintRTL, .selectItemLiteControlDisabledHint, .selectItemLiteControlDisabledHintRTL { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-color: white; border-radius: 0px; } /* focused state */ .textItemLiteFocused, .textItemLiteFocusedRTL, .textItemLitePendingFocused, .textItemLitePendingFocusedRTL, .selectItemLiteControlFocused, .selectItemLiteControlFocusedRTL, .selectItemLiteControlFocusedOver, .selectItemLiteControlFocusedOverRTL, .selectItemLiteControlPendingFocused, .selectItemLiteControlPendingFocusedRTL, .selectItemLiteControlPendingFocusedOver, .selectItemLiteControlPendingFocusedOverRTL { border-color: #66afe9; outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6); } /* over state */ .selectItemLiteControlOver, .selectItemLiteControlOverRTL, .selectItemLiteControlFocusedOver, .selectItemLiteControlFocusedOverRTL, .selectItemLiteControlPendingOver, .selectItemLiteControlPendingOverRTL, .selectItemLiteControlPendingFocusedOver, .selectItemLiteControlPendingFocusedOverRTL { border-color: #ace; } /* pending coloring */ .textItemLitePending, .textItemLitePendingRTL, .textItemLitePendingFocused, .textItemLitePendingFocusedRTL, .textItemLitePendingError, .textItemLitePendingErrorRTL, .selectItemLiteTextPending, .selectItemLiteTextPendingRTL, .selectItemLiteTextPendingFocused, .selectItemLiteTextPendingFocusedRTL, .selectItemLiteTextPendingError, .selectItemLiteTextPendingErrorRTL { color: #0066cc; } .textItemLitePending:-moz-placeholder, .textItemLitePendingRTL:-moz-placeholder, .textItemLitePendingFocused:-moz-placeholder, .textItemLitePendingFocusedRTL:-moz-placeholder, .textItemLitePendingError:-moz-placeholder, .textItemLitePendingErrorRTL:-moz-placeholder, .selectItemLiteTextPending:-moz-placeholder, .selectItemLiteTextPendingRTL:-moz-placeholder, .selectItemLiteTextPendingFocused:-moz-placeholder, .selectItemLiteTextPendingFocusedRTL:-moz-placeholder, .selectItemLiteTextPendingError:-moz-placeholder, .selectItemLiteTextPendingErrorRTL:-moz-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemLitePending::-moz-placeholder, .textItemLitePendingRTL::-moz-placeholder, .textItemLitePendingFocused::-moz-placeholder, .textItemLitePendingFocusedRTL::-moz-placeholder, .textItemLitePendingError::-moz-placeholder, .textItemLitePendingErrorRTL::-moz-placeholder, .selectItemLiteTextPending::-moz-placeholder, .selectItemLiteTextPendingRTL::-moz-placeholder, .selectItemLiteTextPendingFocused::-moz-placeholder, .selectItemLiteTextPendingFocusedRTL::-moz-placeholder, .selectItemLiteTextPendingError::-moz-placeholder, .selectItemLiteTextPendingErrorRTL::-moz-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemLitePending:-ms-input-placeholder, .textItemLitePendingRTL:-ms-input-placeholder, .textItemLitePendingFocused:-ms-input-placeholder, .textItemLitePendingFocusedRTL:-ms-input-placeholder, .textItemLitePendingError:-ms-input-placeholder, .textItemLitePendingErrorRTL:-ms-input-placeholder, .selectItemLiteTextPending:-ms-input-placeholder, .selectItemLiteTextPendingRTL:-ms-input-placeholder, .selectItemLiteTextPendingFocused:-ms-input-placeholder, .selectItemLiteTextPendingFocusedRTL:-ms-input-placeholder, .selectItemLiteTextPendingError:-ms-input-placeholder, .selectItemLiteTextPendingErrorRTL:-ms-input-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemLitePending::-webkit-input-placeholder, .textItemLitePendingRTL::-webkit-input-placeholder, .textItemLitePendingFocused::-webkit-input-placeholder, .textItemLitePendingFocusedRTL::-webkit-input-placeholder, .textItemLitePendingError::-webkit-input-placeholder, .textItemLitePendingErrorRTL::-webkit-input-placeholder, .selectItemLiteTextPending::-webkit-input-placeholder, .selectItemLiteTextPendingRTL::-webkit-input-placeholder, .selectItemLiteTextPendingFocused::-webkit-input-placeholder, .selectItemLiteTextPendingFocusedRTL::-webkit-input-placeholder, .selectItemLiteTextPendingError::-webkit-input-placeholder, .selectItemLiteTextPendingErrorRTL::-webkit-input-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } /* disabled styling */ .textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLitePendingDisabled, .textItemLitePendingDisabledRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL, .selectItemLiteControlDisabled, .selectItemLiteControlDisabledRTL, .selectItemLiteControlPendingDisabled, .selectItemLiteControlPendingDisabledRTL, .selectItemLiteControlDisabledHint, .selectItemLiteControlDisabledHintRTL { background-color: white; border: 1px solid #ababab; } .textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLitePendingDisabled, .textItemLitePendingDisabledRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL, .selectItemLiteTextDisabled, .selectItemLiteTextDisabledRTL, .selectItemLiteTextPendingDisabled, .selectItemLiteTextPendingDisabledRTL, .selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL { color: #ababab; } .textItemLiteDisabled:-moz-placeholder, .textItemLiteDisabledRTL:-moz-placeholder, .textItemLitePendingDisabled:-moz-placeholder, .textItemLitePendingDisabledRTL:-moz-placeholder, .textItemLiteDisabledHint:-moz-placeholder, .textItemLiteDisabledHintRTL:-moz-placeholder, .selectItemLiteTextDisabled:-moz-placeholder, .selectItemLiteTextDisabledRTL:-moz-placeholder, .selectItemLiteTextPendingDisabled:-moz-placeholder, .selectItemLiteTextPendingDisabledRTL:-moz-placeholder, .selectItemLiteTextDisabledHint:-moz-placeholder, .selectItemLiteTextDisabledHintRTL:-moz-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemLiteDisabled::-moz-placeholder, .textItemLiteDisabledRTL::-moz-placeholder, .textItemLitePendingDisabled::-moz-placeholder, .textItemLitePendingDisabledRTL::-moz-placeholder, .textItemLiteDisabledHint::-moz-placeholder, .textItemLiteDisabledHintRTL::-moz-placeholder, .selectItemLiteTextDisabled::-moz-placeholder, .selectItemLiteTextDisabledRTL::-moz-placeholder, .selectItemLiteTextPendingDisabled::-moz-placeholder, .selectItemLiteTextPendingDisabledRTL::-moz-placeholder, .selectItemLiteTextDisabledHint::-moz-placeholder, .selectItemLiteTextDisabledHintRTL::-moz-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemLiteDisabled:-ms-input-placeholder, .textItemLiteDisabledRTL:-ms-input-placeholder, .textItemLitePendingDisabled:-ms-input-placeholder, .textItemLitePendingDisabledRTL:-ms-input-placeholder, .textItemLiteDisabledHint:-ms-input-placeholder, .textItemLiteDisabledHintRTL:-ms-input-placeholder, .selectItemLiteTextDisabled:-ms-input-placeholder, .selectItemLiteTextDisabledRTL:-ms-input-placeholder, .selectItemLiteTextPendingDisabled:-ms-input-placeholder, .selectItemLiteTextPendingDisabledRTL:-ms-input-placeholder, .selectItemLiteTextDisabledHint:-ms-input-placeholder, .selectItemLiteTextDisabledHintRTL:-ms-input-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } .textItemLiteDisabled::-webkit-input-placeholder, .textItemLiteDisabledRTL::-webkit-input-placeholder, .textItemLitePendingDisabled::-webkit-input-placeholder, .textItemLitePendingDisabledRTL::-webkit-input-placeholder, .textItemLiteDisabledHint::-webkit-input-placeholder, .textItemLiteDisabledHintRTL::-webkit-input-placeholder, .selectItemLiteTextDisabled::-webkit-input-placeholder, .selectItemLiteTextDisabledRTL::-webkit-input-placeholder, .selectItemLiteTextPendingDisabled::-webkit-input-placeholder, .selectItemLiteTextPendingDisabledRTL::-webkit-input-placeholder, .selectItemLiteTextDisabledHint::-webkit-input-placeholder, .selectItemLiteTextDisabledHintRTL::-webkit-input-placeholder { color: #cccccc; opacity: 1; text-overflow: ellipsis; } /* hint text color */ .textItemLiteHint, .textItemLiteHintRTL, .selectItemLiteTextHint, .selectItemLiteTextHintRTL { color: #999; } /* sprited minimalist Select / ComboBoxItem picker */ .comboBoxItemPickerLiteDisabled, .comboBoxItemPickerLite, .comboBoxItemPickerLiteOver, .comboBoxItemPickerLiteFocused, .comboBoxItemPickerLiteFocusedOver { background-image: url(./images/pickers/pickers_sprite.png); } .comboBoxItemPickerLiteDisabledRTL, .comboBoxItemPickerLiteRTL, .comboBoxItemPickerLiteOverRTL, .comboBoxItemPickerLiteFocusedRTL, .comboBoxItemPickerLiteFocusedOverRTL { background-image: url(./images/pickers/pickers_sprite_rtl.png); } .comboBoxItemPickerLiteDisabled, .comboBoxItemPickerLiteDisabledRTL { background-position: 0px -110px; } .comboBoxItemPickerLite, .comboBoxItemPickerLiteRTL, .comboBoxItemPickerLiteFocused, .comboBoxItemPickerLiteFocusedRTL { background-position: -16px -110px; } .comboBoxItemPickerLiteOver, .comboBoxItemPickerLiteOverRTL, .comboBoxItemPickerLiteFocusedOver, .comboBoxItemPickerLiteFocusedOverRTL { background-position: -32px -110px; } /* end of minimalist text-based item styling */ /* selectItem */ .selectItemTextFocused, .selectItemTextFocusedRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL { border: 1px solid #ad5a58; color: black; -moz-outline-offset: -1; } .textItemFocused, .textItemFocusedRTL, .textItemPendingFocused, .textItemPendingFocusedRTL, .selectItemTextFocused, .selectItemTextFocusedRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL, .pickerSearchBoxFocused, .pickerSearchBoxFocusedRTL, .pickerSearchBoxPendingFocused, .pickerSearchBoxPendingFocusedRTL { color: black; border-bottom: 1px solid #c0d8ec; border-top: 1px solid #587aad; -moz-outline-offset: -1; } .textItemFocused, .textItemPendingFocused, .selectItemTextFocused, .selectItemTextPendingFocused, .pickerSearchBoxFocused, .pickerSearchBoxPendingFocused { border-left: 1px solid #b8cfef; border-right: 1px solid #b3c6db; } .textItemFocusedRTL, .textItemPendingFocusedRTL, .selectItemTextFocusedRTL, .selectItemTextPendingFocusedRTL, .pickerSearchBoxFocusedRTL, .pickerSearchBoxPendingFocusedRTL { border-right: 1px solid #b8cfef; border-left: 1px solid #b3c6db; } .selectItemText, .selectItemTextRTL, .selectItemTextFocused, .selectItemTextFocusedRTL, .selectItemTextDisabled, .selectItemTextDisabledRTL, .selectItemTextError, .selectItemTextErrorRTL, .selectItemTextPending, .selectItemTextPendingRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL, .selectItemTextPendingDisabled, .selectItemTextPendingDisabledRTL, .selectItemTextPendingError, .selectItemTextPendingErrorRTL, .selectItemTextHint, .selectItemTextHintRTL, .selectItemTextDisabledHint, .selectItemTextDisabledHintRTL { padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; } .selectItemText, .selectItemTextPending, .selectItemTextFocused, .selectItemTextPendingFocused, .selectItemTextDisabled, .selectItemTextPendingDisabled, .selectItemTextError, .selectItemTextPendingError, .selectItemTextHint, .selectItemTextDisabledHint { border-right: 0; } .selectItemTextRTL, .selectItemTextPendingRTL, .selectItemTextFocusedRTL, .selectItemTextPendingFocusedRTL, .selectItemTextDisabledRTL, .selectItemTextPendingDisabledRTL, .selectItemTextErrorRTL, .selectItemTextPendingErrorRTL, .selectItemTextHintRTL, .selectItemTextDisabledHintRTL { border-left: 0; } .selectItemPickerIcon, .selectItemPickerIconRTL, .selectItemPickerIconFocused, .selectItemPickerIconFocusedRTL, .selectItemPickerIconDisabled, .selectItemPickerIconDisabledRTL, .selectItemPickerIconError, .selectItemPickerIconErrorRTL { padding: 0px; } .textItemPending, .textItemPendingRTL, .textItemPendingFocused, .textItemPendingFocusedRTL, .textItemPendingError, .textItemPendingErrorRTL, .selectItemControlPending, .selectItemControlPendingRTL, .selectItemControlPendingFocused, .selectItemControlPendingFocusedRTL, .selectItemControlPendingError, .selectItemControlPendingErrorRTL, .selectItemTextPending, .selectItemTextPendingRTL, .selectItemTextPendingFocused, .selectItemTextPendingFocusedRTL, .selectItemTextPendingError, .selectItemTextPendingErrorRTL, .comboBoxItemPendingText, .comboBoxItemPendingTextRTL, .pickerSearchBoxPending, .pickerSearchBoxPendingRTL, .pickerSearchBoxPendingFocused, .pickerSearchBoxPendingFocusedRTL, .pickerSearchBoxPendingError, .pickerSearchBoxPendingErrorRTL { color: #0066cc; } .textItemPending:-moz-placeholder, .textItemPendingRTL:-moz-placeholder, .textItemPendingFocused:-moz-placeholder, .textItemPendingFocusedRTL:-moz-placeholder, .textItemPendingError:-moz-placeholder, .textItemPendingErrorRTL:-moz-placeholder, .selectItemControlPending:-moz-placeholder, .selectItemControlPendingRTL:-moz-placeholder, .selectItemControlPendingFocused:-moz-placeholder, .selectItemControlPendingFocusedRTL:-moz-placeholder, .selectItemControlPendingError:-moz-placeholder, .selectItemControlPendingErrorRTL:-moz-placeholder, .selectItemTextPending:-moz-placeholder, .selectItemTextPendingRTL:-moz-placeholder, .selectItemTextPendingFocused:-moz-placeholder, .selectItemTextPendingFocusedRTL:-moz-placeholder, .selectItemTextPendingError:-moz-placeholder, .selectItemTextPendingErrorRTL:-moz-placeholder, .comboBoxItemPendingText:-moz-placeholder, .comboBoxItemPendingTextRTL:-moz-placeholder, .pickerSearchBoxPending:-moz-placeholder, .pickerSearchBoxPendingRTL:-moz-placeholder, .pickerSearchBoxPendingFocused:-moz-placeholder, .pickerSearchBoxPendingFocusedRTL:-moz-placeholder, .pickerSearchBoxPendingError:-moz-placeholder, .pickerSearchBoxPendingErrorRTL:-moz-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemPending::-moz-placeholder, .textItemPendingRTL::-moz-placeholder, .textItemPendingFocused::-moz-placeholder, .textItemPendingFocusedRTL::-moz-placeholder, .textItemPendingError::-moz-placeholder, .textItemPendingErrorRTL::-moz-placeholder, .selectItemControlPending::-moz-placeholder, .selectItemControlPendingRTL::-moz-placeholder, .selectItemControlPendingFocused::-moz-placeholder, .selectItemControlPendingFocusedRTL::-moz-placeholder, .selectItemControlPendingError::-moz-placeholder, .selectItemControlPendingErrorRTL::-moz-placeholder, .selectItemTextPending::-moz-placeholder, .selectItemTextPendingRTL::-moz-placeholder, .selectItemTextPendingFocused::-moz-placeholder, .selectItemTextPendingFocusedRTL::-moz-placeholder, .selectItemTextPendingError::-moz-placeholder, .selectItemTextPendingErrorRTL::-moz-placeholder, .comboBoxItemPendingText::-moz-placeholder, .comboBoxItemPendingTextRTL::-moz-placeholder, .pickerSearchBoxPending::-moz-placeholder, .pickerSearchBoxPendingRTL::-moz-placeholder, .pickerSearchBoxPendingFocused::-moz-placeholder, .pickerSearchBoxPendingFocusedRTL::-moz-placeholder, .pickerSearchBoxPendingError::-moz-placeholder, .pickerSearchBoxPendingErrorRTL::-moz-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemPending:-ms-input-placeholder, .textItemPendingRTL:-ms-input-placeholder, .textItemPendingFocused:-ms-input-placeholder, .textItemPendingFocusedRTL:-ms-input-placeholder, .textItemPendingError:-ms-input-placeholder, .textItemPendingErrorRTL:-ms-input-placeholder, .selectItemControlPending:-ms-input-placeholder, .selectItemControlPendingRTL:-ms-input-placeholder, .selectItemControlPendingFocused:-ms-input-placeholder, .selectItemControlPendingFocusedRTL:-ms-input-placeholder, .selectItemControlPendingError:-ms-input-placeholder, .selectItemControlPendingErrorRTL:-ms-input-placeholder, .selectItemTextPending:-ms-input-placeholder, .selectItemTextPendingRTL:-ms-input-placeholder, .selectItemTextPendingFocused:-ms-input-placeholder, .selectItemTextPendingFocusedRTL:-ms-input-placeholder, .selectItemTextPendingError:-ms-input-placeholder, .selectItemTextPendingErrorRTL:-ms-input-placeholder, .comboBoxItemPendingText:-ms-input-placeholder, .comboBoxItemPendingTextRTL:-ms-input-placeholder, .pickerSearchBoxPending:-ms-input-placeholder, .pickerSearchBoxPendingRTL:-ms-input-placeholder, .pickerSearchBoxPendingFocused:-ms-input-placeholder, .pickerSearchBoxPendingFocusedRTL:-ms-input-placeholder, .pickerSearchBoxPendingError:-ms-input-placeholder, .pickerSearchBoxPendingErrorRTL:-ms-input-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .textItemPending::-webkit-input-placeholder, .textItemPendingRTL::-webkit-input-placeholder, .textItemPendingFocused::-webkit-input-placeholder, .textItemPendingFocusedRTL::-webkit-input-placeholder, .textItemPendingError::-webkit-input-placeholder, .textItemPendingErrorRTL::-webkit-input-placeholder, .selectItemControlPending::-webkit-input-placeholder, .selectItemControlPendingRTL::-webkit-input-placeholder, .selectItemControlPendingFocused::-webkit-input-placeholder, .selectItemControlPendingFocusedRTL::-webkit-input-placeholder, .selectItemControlPendingError::-webkit-input-placeholder, .selectItemControlPendingErrorRTL::-webkit-input-placeholder, .selectItemTextPending::-webkit-input-placeholder, .selectItemTextPendingRTL::-webkit-input-placeholder, .selectItemTextPendingFocused::-webkit-input-placeholder, .selectItemTextPendingFocusedRTL::-webkit-input-placeholder, .selectItemTextPendingError::-webkit-input-placeholder, .selectItemTextPendingErrorRTL::-webkit-input-placeholder, .comboBoxItemPendingText::-webkit-input-placeholder, .comboBoxItemPendingTextRTL::-webkit-input-placeholder, .pickerSearchBoxPending::-webkit-input-placeholder, .pickerSearchBoxPendingRTL::-webkit-input-placeholder, .pickerSearchBoxPendingFocused::-webkit-input-placeholder, .pickerSearchBoxPendingFocusedRTL::-webkit-input-placeholder, .pickerSearchBoxPendingError::-webkit-input-placeholder, .pickerSearchBoxPendingErrorRTL::-webkit-input-placeholder { color: #0066cc; opacity: 1; text-overflow: ellipsis; } .pickListMenuAnimated, .scrollingMenuAnimated { -moz-transition: -moz-transform 350ms; -o-transition: -o-transform 350ms; -webkit-transition: -webkit-transform 350ms; transition: transform 350ms; } .pickListMenuBody { background-color: white; border: 1px solid #8fa7c7; } .pickListCellSelected, .pickListCellSelectedRTL, .pickListCellSelectedDark, .pickListCellSelectedDarkRTL, .pickListCellPendingSelected, .pickListCellPendingSelectedRTL, .pickListCellPendingSelectedDark, .pickListCellPendingSelectedDarkRTL, .pickListCellDeselectedSelected, .pickListCellDeselectedSelectedRTL, .pickListCellDeselectedSelectedDark, .pickListCellDeselectedSelectedDarkRTL { background: #d6e8ff; } .pickListCellOver, .pickListCellOverRTL, .pickListCellOverDark, .pickListCellOverDarkRTL, .pickListCellPendingOver, .pickListCellPendingOverRTL, .pickListCellPendingOverDark, .pickListCellPendingOverDarkRTL, .pickListCellDeselectedOver, .pickListCellDeselectedOverRTL, .pickListCellDeselectedOverDark, .pickListCellDeselectedOverDarkRTL { background-color: #fdc4c4; background-image: url("./images/Menu/menu_rollover.png"); background-repeat: repeat-x; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTZmOGZmIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNkMWU3ZmYiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #c4ddfd), color-stop(5%, #c4ddfd), color-stop(5%, #e6f8ff), color-stop(95%, #d1e7ff), color-stop(95%, #c4ddfd), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); } .pickListCellSelectedOver, .pickListCellSelectedOverRTL, .pickListCellSelectedOverDark, .pickListCellSelectedOverDarkRTL, .pickListCellPendingSelectedOver, .pickListCellPendingSelectedOverRTL, .pickListCellPendingSelectedOverDark, .pickListCellPendingSelectedOverDarkRTL, .pickListCellDeselectedSelectedOver, .pickListCellDeselectedSelectedOverRTL, .pickListCellDeselectedSelectedOverDark, .pickListCellDeselectedSelectedOverDarkRTL { background-color: #d6e8ff; background-image: url("./images/Menu/menu_selected_rollover.png"); background-repeat: repeat-x; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNiNWQ0ZmQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZDZmM2ZmIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNjMmRmZmYiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #b5d4fd), color-stop(5%, #b5d4fd), color-stop(5%, #d6f3ff), color-stop(95%, #c2dfff), color-stop(95%, #b5d4fd), color-stop(100%, #b5d4fd)); background-image: -moz-linear-gradient(top, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%); background-image: -webkit-linear-gradient(top, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%); background-image: linear-gradient(to bottom, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%); } .tallPickListCell, .tallPickListCellRTL, .tallPickListCellDark, .tallPickListCellDarkRTL, .tallPickListCellPending, .tallPickListCellPendingRTL, .tallPickListCellPendingDark, .tallPickListCellPendingDarkRTL, .tallPickListCellDeselected, .tallPickListCellDeselectedRTL, .tallPickListCellDeselectedDark, .tallPickListCellDeselectedDarkRTL { border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .tallPickListCellSelected, .tallPickListCellSelectedRTL, .tallPickListCellSelectedDark, .tallPickListCellSelectedDarkRTL, .tallPickListCellPendingSelected, .tallPickListCellPendingSelectedRTL, .tallPickListCellPendingSelectedDark, .tallPickListCellPendingSelectedDarkRTL, .tallPickListCellDeselectedSelected, .tallPickListCellDeselectedSelectedRTL, .tallPickListCellDeselectedSelectedDark, .tallPickListCellDeselectedSelectedDarkRTL { background-color: #d6e8ff; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .tallPickListCellOver, .tallPickListCellOverRTL, .tallPickListCellOverDark, .tallPickListCellOverDarkRTL, .tallPickListCellPendingOver, .tallPickListCellPendingOverRTL, .tallPickListCellPendingOverDark, .tallPickListCellPendingOverDarkRTL, .tallPickListCellDeselectedOver, .tallPickListCellDeselectedOverRTL, .tallPickListCellDeselectedOverDark, .tallPickListCellDeselectedOverDarkRTL { background-color: #e8e8e8; border-bottom: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; } .tallPickListCellSelectedOver, .tallPickListCellSelectedOverRTL, .tallPickListCellSelectedOverDark, .tallPickListCellSelectedOverDarkRTL, .tallPickListCellPendingSelectedOver, .tallPickListCellPendingSelectedOverRTL, .tallPickListCellPendingSelectedOverDark, .tallPickListCellPendingSelectedOverDarkRTL, .tallPickListCellDeselectedSelectedOver, .tallPickListCellDeselectedSelectedOverRTL, .tallPickListCellDeselectedSelectedOverDark, .tallPickListCellDeselectedSelectedOverDarkRTL { background-color: #d0dff6; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .pickListCellDisabled, .pickListCellDisabledRTL, .pickListCellDisabledDark, .pickListCellDisabledDarkRTL, .pickListCellPendingDisabled, .pickListCellPendingDisabledRTL, .pickListCellPendingDisabledDark, .pickListCellPendingDisabledDarkRTL, .pickListCellDeselectedDisabled, .pickListCellDeselectedDisabledRTL, .pickListCellDeselectedDisabledDark, .pickListCellDeselectedDisabledDarkRTL .tallPickListCellDisabled, .tallPickListCellDisabledRTL, .tallPickListCellDisabledDark, .tallPickListCellDisabledDarkRTL, .tallPickListCellPendingDisabled, .tallPickListCellPendingDisabledRTL, .tallPickListCellPendingDisabledDark, .tallPickListCellPendingDisabledDarkRTL, .tallPickListCellDeselectedDisabled, .tallPickListCellDeselectedDisabledRTL, .tallPickListCellDeselectedDisabledDark, .tallPickListCellDeselectedDisabledDarkRTL { background-color: #bfbfbf; color: #545454; } .pickListCellDeselected, .pickListCellDeselectedRTL, .pickListCellDeselectedOver, .pickListCellDeselectedOverRTL, .pickListCellDeselectedSelected, .pickListCellDeselectedSelectedRTL, .pickListCellDeselectedSelectedOver, .pickListCellDeselectedSelectedOverRTL, .pickListCellDeselectedDisabled, .pickListCellDeselectedDisabledRTL, .pickListCellDeselectedDark, .pickListCellDeselectedDarkRTL, .pickListCellDeselectedOverDark, .pickListCellDeselectedOverDarkRTL, .pickListCellDeselectedSelectedDark, .pickListCellDeselectedSelectedDarkRTL, .pickListCellDeselectedSelectedOverDark, .pickListCellDeselectedSelectedOverDarkRTL, .pickListCellDeselectedDisabledDark, .pickListCellDeselectedDisabledDarkRTL, .tallPickListCellDeselected, .tallPickListCellDeselectedRTL, .tallPickListCellDeselectedOver, .tallPickListCellDeselectedOverRTL, .tallPickListCellDeselectedSelected, .tallPickListCellDeselectedSelectedRTL, .tallPickListCellDeselectedSelectedOver, .tallPickListCellDeselectedSelectedOverRTL, .tallPickListCellDeselectedDisabled, .tallPickListCellDeselectedDisabledRTL, .tallPickListCellDeselectedDark, .tallPickListCellDeselectedDarkRTL, .tallPickListCellDeselectedOverDark, .tallPickListCellDeselectedOverDarkRTL, .tallPickListCellDeselectedSelectedDark, .tallPickListCellDeselectedSelectedDarkRTL, .tallPickListCellDeselectedSelectedOverDark, .tallPickListCellDeselectedSelectedOverDarkRTL, .tallPickListCellDeselectedDisabledDark, .tallPickListCellDeselectedDisabledDarkRTL { color: #a8a8a8; text-decoration: line-through; } /* checkbox and radioButton */ .labelAnchor, .labelAnchorRTL, .labelAnchorFocused, .labelAnchorFocusedRTL, .labelAnchorDisabled, .labelAnchorDisabledRTL, .labelAnchorError, .labelAnchorErrorRTL, .labelAnchorPending, .labelAnchorPendingRTL, .labelAnchorPendingFocused, .labelAnchorPendingFocusedRTL, .labelAnchorPendingDisabled, .labelAnchorPendingDisabledRTL, .labelAnchorPendingError, .labelAnchorPendingErrorRTL { color: black; font-family: Arial, Verdana, sans-serif; text-decoration: none; } .pickListCellPending, .pickListCellPendingRTL, .pickListCellPendingOver, .pickListCellPendingOverRTL, .pickListCellPendingSelected, .pickListCellPendingSelectedRTL, .pickListCellPendingSelectedOver, .pickListCellPendingSelectedOverRTL, .pickListCellPendingDisabled, .pickListCellPendingDisabledRTL, .pickListCellPendingDark, .pickListCellPendingDarkRTL, .pickListCellPendingOverDark, .pickListCellPendingOverDarkRTL, .pickListCellPendingSelectedDark, .pickListCellPendingSelectedDarkRTL, .pickListCellPendingSelectedOverDark, .pickListCellPendingSelectedOverDarkRTL, .pickListCellPendingDisabledDark, .pickListCellPendingDisabledDarkRTL, .tallPickListCellPending, .tallPickListCellPendingRTL, .tallPickListCellPendingOver, .tallPickListCellPendingOverRTL, .tallPickListCellPendingSelected, .tallPickListCellPendingSelectedRTL, .tallPickListCellPendingSelectedOver, .tallPickListCellPendingSelectedOverRTL, .tallPickListCellPendingDisabled, .tallPickListCellPendingDisabledRTL, .tallPickListCellPendingDark, .tallPickListCellPendingDarkRTL, .tallPickListCellPendingOverDark, .tallPickListCellPendingOverDarkRTL, .tallPickListCellPendingSelectedDark, .tallPickListCellPendingSelectedDarkRTL, .tallPickListCellPendingSelectedOverDark, .tallPickListCellPendingSelectedOverDarkRTL, .tallPickListCellPendingDisabledDark, .tallPickListCellPendingDisabledDarkRTL, .labelAnchorPending, .labelAnchorPendingRTL, .labelAnchorPendingFocused, .labelAnchorPendingFocusedRTL, .labelAnchorPendingError, .labelAnchorPendingErrorRTL { color: #0066cc; } .labelAnchorDisabled, .labelAnchorDisabledRTL, .labelAnchorPendingDisabled, .labelAnchorPendingDisabledRTL { color: #ababab; } /* ColorChooser */ .colorChooserCell, .colorChooserCellOver { background-color: #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .colorChooserCellOver { border: 1px solid black; } /* FilterBuilder */ .bracketBorders { border-bottom: 1px solid #757575; border-left: 1px solid #757575; border-top: 1px solid #757575; } .checkboxTrueDisabled, .checkboxTrue, .checkboxTrueOver, .checkboxTrueDown, .checkboxFalseDisabled, .checkboxFalse, .checkboxFalseOver, .checkboxFalseDown, .checkboxPartialDisabled, .checkboxPartial, .checkboxPartialOver, .checkboxPartialDown, .checkboxUnsetDisabled, .checkboxUnset, .checkboxUnsetOver, .checkboxUnsetDown { background-size: auto; background-image: url(./images/DynamicForm/checkbox_sprite.png); } .checkboxTrueDisabled { background-position: 0px -26px; } .checkboxTrue, .checkboxTrueOver { background-position: -13px -26px; } .checkboxTrueDown { background-position: -39px -26px; } .checkboxFalseDisabled { background-position: 0px 0px; } .checkboxFalse, .checkboxFalseOver { background-position: -13px 0px; } .checkboxFalseDown { background-position: -39px 0px; } .checkboxPartialDisabled { background-position: 0px -13px; } .checkboxPartial { background-position: -13px -13px; } .checkboxPartialOver { background-position: -26px -13px; } .checkboxPartialDown { background-position: -39px -13px; } .checkboxUnsetDisabled { background-position: 0px -39px; } .checkboxUnset { background-position: -13px -39px; } .checkboxUnsetOver { background-position: -26px -39px; } .checkboxUnsetDown { background-position: -39px -39px; } .spinnerItemIncreaseDisabled, .spinnerItemIncrease, .spinnerItemIncreaseOver, .spinnerItemIncreaseFocused, .spinnerItemIncreaseFocusedOver { background-image: url(./images/DynamicForm/spinner_control_sprite_transparent.png); } .spinnerItemIncreaseDisabledRTL, .spinnerItemIncreaseRTL, .spinnerItemIncreaseOverRTL, .spinnerItemIncreaseFocusedRTL, .spinnerItemIncreaseFocusedOverRTL { background-image: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png); } .spinnerItemIncreaseDisabled, .spinnerItemIncreaseDisabledRTL { background-position: -16px 16px; } .spinnerItemIncrease, .spinnerItemIncreaseRTL { background-position: 0px 16px; } .spinnerItemIncreaseOver, .spinnerItemIncreaseOverRTL, .spinnerItemIncreaseFocused, .spinnerItemIncreaseFocusedRTL, .spinnerItemIncreaseFocusedOver, .spinnerItemIncreaseFocusedOverRTL { background-position: -31px 16px; } .spinnerItemDecreaseDisabled, .spinnerItemDecrease, .spinnerItemDecreaseOver, .spinnerItemDecreaseFocused, .spinnerItemDecreaseFocusedOver { background-image: url(./images/DynamicForm/spinner_control_sprite_transparent.png); } .spinnerItemDecreaseDisabledRTL, .spinnerItemDecreaseRTL, .spinnerItemDecreaseOverRTL, .spinnerItemDecreaseFocusedRTL, .spinnerItemDecreaseFocusedOverRTL { background-image: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png); } .spinnerItemDecreaseDisabled, .spinnerItemDecreaseDisabledRTL { background-position: -16px -4px; } .spinnerItemDecrease, .spinnerItemDecreaseRTL { background-position: 0px -4px; } .spinnerItemDecreaseOver, .spinnerItemDecreaseOverRTL, .spinnerItemDecreaseFocused, .spinnerItemDecreaseFocusedRTL, .spinnerItemDecreaseFocusedOver, .spinnerItemDecreaseFocusedOverRTL { background-position: -31px -4px; } .unstackedSpinnerItemIncreaseDisabled, .unstackedSpinnerItemIncrease, .unstackedSpinnerItemIncreaseOver, .unstackedSpinnerItemIncreaseFocused, .unstackedSpinnerItemIncreaseFocusedOver, .unstackedSpinnerItemDecreaseDisabled, .unstackedSpinnerItemDecrease, .unstackedSpinnerItemDecreaseOver, .unstackedSpinnerItemDecreaseFocused, .unstackedSpinnerItemDecreaseFocusedOver { background-image: url(./images/DynamicForm/unstacked_spinner_sprite.png); background: url(./images/DynamicForm/unstacked_spinner_sprite~2.png) padding-box; background-size: 216px 22px; } .unstackedSpinnerItemIncreaseDisabledRTL, .unstackedSpinnerItemIncreaseRTL, .unstackedSpinnerItemIncreaseOverRTL, .unstackedSpinnerItemIncreaseFocusedRTL, .unstackedSpinnerItemIncreaseFocusedOverRTL, .unstackedSpinnerItemDecreaseDisabledRTL, .unstackedSpinnerItemDecreaseRTL, .unstackedSpinnerItemDecreaseOverRTL, .unstackedSpinnerItemDecreaseFocusedRTL, .unstackedSpinnerItemDecreaseFocusedOverRTL { background-image: url(./images/DynamicForm/unstacked_spinner_sprite_rtl.png); background: url(./images/DynamicForm/unstacked_spinner_sprite_rtl~2.png) padding-box; background-size: 216px 22px; } .unstackedSpinnerItemIncreaseDisabled, .unstackedSpinnerItemIncreaseDisabledRTL { background-position: -108px 0px; } .unstackedSpinnerItemIncrease, .unstackedSpinnerItemIncreaseRTL, .unstackedSpinnerItemIncreaseOver, .unstackedSpinnerItemIncreaseOverRTL { background-position: -144px 0px; } .unstackedSpinnerItemIncreaseFocused, .unstackedSpinnerItemIncreaseFocusedRTL, .unstackedSpinnerItemIncreaseFocusedOver, .unstackedSpinnerItemIncreaseFocusedOverRTL { background-position: -180px 0px; } .unstackedSpinnerItemDecreaseDisabled, .unstackedSpinnerItemDecreaseDisabledRTL { background-position: 0px 0px; } .unstackedSpinnerItemDecrease, .unstackedSpinnerItemDecreaseRTL, .unstackedSpinnerItemDecreaseOver, .unstackedSpinnerItemDecreaseOverRTL { background-position: -36px 0px; } .unstackedSpinnerItemDecreaseFocused, .unstackedSpinnerItemDecreaseFocusedRTL, .unstackedSpinnerItemDecreaseFocusedOver, .unstackedSpinnerItemDecreaseFocusedOverRTL { background-position: -72px 0px; } .nativeDateItem, .nativeDateItemFocused, .nativeDateItemDisabled, .nativeDateItemDisabledHint, .nativeDateItemError, .nativeDateItemHint, .nativeTimeItem, .nativeTimeItemFocused, .nativeTimeItemDisabled, .nativeTimeItemDisabledHint, .nativeTimeItemError, .nativeTimeItemHint, .nativeDatetimeItem, .nativeDatetimeItemFocused, .nativeDatetimeItemDisabled, .nativeDatetimeItemDisabledHint, .nativeDatetimeItemError, .nativeDatetimeItemHint { border: 1px solid #ababab; padding: 4px 2px 4px 2px; background: transparent; color: transparent; } .nativeDateItem, .nativeTimeItem, .nativeDatetimeItem { outline: 0; } .nativeDateItem, .nativeDateItemFocused::-webkit-calendar-picker-indicator, .nativeDateItemError::-webkit-calendar-picker-indicator, .nativeDateItemHint::-webkit-calendar-picker-indicator, .nativeTimeItem, .nativeDatetimeItem, .nativeDatetimeItemFocused::-webkit-calendar-picker-indicator, .nativeDatetimeItemError::-webkit-calendar-picker-indicator, .nativeDatetimeItemHint::-webkit-calendar-picker-indicator { color: black; } .nativeDateItemFocused, .nativeTimeItemFocused, .nativeDatetimeItemFocused { color: black; } .nativeDateItemInFieldHint, .nativeDateItemInFieldHintDisabled, .nativeTimeItemInFieldHint, .nativeTimeItemInFieldHintDisabled, .nativeDatetimeItemInFieldHint, .nativeDatetimeItemInFieldHintDisabled { position: absolute; left: 0; display: inline-block; padding-right: 3px; padding-left: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: -1; } .nativeDateItemInFieldHint, .nativeDateItemInFieldHintDisabled, .nativeDatetimeItemInFieldHint, .nativeDatetimeItemInFieldHintDisabled { right: 30px; } .nativeTimeItemInFieldHint, .nativeTimeItemInFieldHintDisabled { right: 20px; } .nativeDateItemDisabled, .nativeDateItemDisabledHint::-webkit-calendar-picker-indicator, .nativeDateItemInFieldHintDisabled, .nativeTimeItemDisabled, .nativeTimeItemInFieldHintDisabled, .nativeDatetimeItemDisabled, .nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator, .nativeDatetimeItemInFieldHintDisabled { color: #ababab; } .nativeDateItem, .nativeDateItemHint, .nativeTimeItem, .nativeTimeItemHint, .nativeDatetimeItem, .nativeDatetimeItemHint { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #ababab; } .nativeDateItemDisabled::-webkit-calendar-picker-indicator, .nativeDateItemDisabledHint::-webkit-calendar-picker-indicator, .nativeDatetimeItemDisabled::-webkit-calendar-picker-indicator, .nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator { background: none; } .pickerSearchBox, .pickerSearchBoxRTL, .pickerSearchBoxFocused, .pickerSearchBoxFocusedRTL, .pickerSearchBoxDisabled, .pickerSearchBoxDisabledRTL, .pickerSearchBoxDisabledHint, .pickerSearchBoxDisabledHintRTL, .pickerSearchBoxError, .pickerSearchBoxErrorRTL, .pickerSearchBoxHint, .pickerSearchBoxHintRTL { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; font-size: 12px; } /*============================================================ DateChooser ============================================================*/ /* Defaults for all days and controls */ .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonDisabled, .dateChooserButtonSelected, .dateChooserButtonSelectedDown, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDisabled, .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonDisabled, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedDown, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDisabled, .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown, .dateChooserBottomButtonSelected, .dateChooserBottomButtonSelectedOver, .dateChooserBottomButtonSelectedDown, .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekdayDisabled, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown, .dateChooserWeekendDisabled, .dateChooserFiscalYearCell, .dateChooserFiscalYearCellOver, .dateChooserFiscalYearCellDown, .dateChooserFiscalYearCellDisabled, .dateChooserFiscalYearCellSelected, .dateChooserFiscalYearCellSelectedDown, .dateChooserFiscalYearCellSelectedOver, .dateChooserFiscalYearCellSelectedDisabled, .dateChooserWeekCell, .dateChooserWeekCellOver, .dateChooserWeekCellDown, .dateChooserWeekCellDisabled, .dateChooserWeekCellSelected, .dateChooserWeekCellSelectedDown, .dateChooserWeekCellSelectedOver, .dateChooserWeekCellSelectedDisabled, .dateChooserWeekendDisabled, .dateChooserDisabledWeekday, .dateChooserDisabledWeekdayOver, .dateChooserDisabledWeekdayDown, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserSelectedWeek, .dateChooserSelectedWeekOver, .dateChooserSelectedWeekDown, .dateChooserSelectedWeekDisabled, .dateChooserSelectedWeekSelected, .dateChooserSelectedWeekSelectedDown, .dateChooserSelectedWeekSelectedOver, .dateChooserSelectedWeekSelectedDisabled { background-color: white; color: black; border: 2px solid white; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused, .dateChooserNavButtonFocusedOver, .dateChooserNavButtonFocusedDown { background: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(4%, #f2f2f2), color-stop(9%, #f2f2f2), color-stop(65%, #e3e3e3), color-stop(96%, #e0e0e0), color-stop(100%, #d9d9d9)); background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%); background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%); background-image: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%); color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* year/month buttons */ .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused { border-bottom: 0px none; border-top: 0px none; padding: 0px; } /* for all buttons, plus weekday headers (dateChooserButton) */ .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonSelected, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDown, .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown, .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused { color: #000; font-weight: bold; border: none; } .dateChooserButtonOver, .dateChooserButtonDown { color: #477ccd; cursor: pointer; } .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver { background-color: #d6e8ff; } .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused { cursor: pointer; padding: 2px; } .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonFocused { color: #477ccd; } /* Today, Cancel buttons */ .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown { border-left: 1px solid #ababab; border-top: 1px solid #ababab; color: #4d4d4d; cursor: pointer; font-weight: bold; } .dateChooserBottomButtonOver { color: #477ccd; } .dateChooserDisabledWeekday, .dateChooserDisabledWeekdayOver, .dateChooserDisabledWeekdayDown, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver { color: #cccccc; } .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver { color: #cccccc; border: 2px solid #d6e8ff; } .dateChooserSelectedWeek, .dateChooserSelectedWeekOver, .dateChooserSelectedWeekDown, .dateChooserSelectedWeekDisabled, .dateChooserSelectedWeekSelected, .dateChooserSelectedWeekSelectedDown, .dateChooserSelectedWeekSelectedOver, .dateChooserSelectedWeekSelectedDisabled { font-weight: bold; } /* CSS3 version - include bottom and right borders */ .dateChooserBorderedBottomButton, .dateChooserBorderedBottomButtonOver, .dateChooserBorderedBottomButtonDown, .dateChooserBorderedBottomButtonSelected, .dateChooserBorderedBottomButtonSelectedOver, .dateChooserBorderedBottomButtonSelectedDown, .dateChooserBorderedBottomButtonFocused, .dateChooserBorderedBottomButtonFocusedOver, .dateChooserBorderedBottomButtonFocusedDown { background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 11px; border: 1px solid #ababab; color: #4d4d4d; cursor: pointer; font-weight: bold; } .dateChooserBorderedBottomButtonOver { color: #477ccd; } /* weekday and weekend cells */ .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekdayDisabled, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown, .dateChooserWeekendDisabled { background-color: white; border: 2px solid white; color: black; cursor: pointer; } .dateChooserWeekdayDisabled, .dateChooserWeekendDisabled { color: #bfbfbf; } .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendSelected, .dateChooserWeekendDisabled { background-color: #d6e8ff; border: 2px solid #d6e8ff; } .dateChooserWeekdayOver, .dateChooserWeekendOver { border: 2px solid #75acff; } /* selected/over date-cell styling */ .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelectedDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendDown, .dateChooserWeekendSelectedDown, .dateChooserDisabledWeekdayDown, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedOver, .dateChooserDisabledWeekendSelectedDown { background-color: #d6e8ff; border: 2px solid #94c6ff; color: #4d4d4d; font-weight: bold; } .dateChooserWeekdayDown, .dateChooserWeekendDown { font-weight: normal; } /* year and month pop-up menus */ .dateChooserYearMenu, .dateChooserMonthMenu, .dateChooserWeekMenu { background-color: white; border: 2px solid #4d4d4d; } /* CSS3 Mode Canvas border around calendar */ .dateChooserBorder { border: 1px solid #ababab; background-color: #dedede; } /*============================================================ 9) Slider & Rangebar ============================================================*/ /* slider and rangebar labels */ .sliderTitle, .sliderRange, .sliderRangeDisabled, .sliderValue, .sliderValueDisabled, .pendingSliderValue, .pendingSliderValueDisabled, .rangebarTitle, .rangebarRange, .rangebarValue { color: black; font-family: Arial, Verdana, sans-serif; font-size: 10px; } .pendingSliderValue { color: #0066cc; } .sliderTitle, .rangebarTitle { color: #4d4d4d; font-weight: bold; } .sliderRange, .rangebarRange { color: black; } .sliderRangeDisabled, .sliderValueDisabled { color: #ababab; } /* CSS3 Mode */ .hSliderTrack { background: whitesmoke; border: 1px solid #d4d4d4; } .vSliderTrack { background: whitesmoke; border: 1px solid #d4d4d4; } /* CSS3 Mode */ .hSliderTrackDisabled, .vSliderTrackDisabled { background: white; border: 1px solid #e3e3e3; } /* CSS3 Mode */ .hSliderThumb, .hSliderThumbtouch, .hSliderThumbdown, .hSliderThumbdowntouch { background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(35%, #f2f2f2), color-stop(45%, #f2f2f2), color-stop(60%, #bfbfbf), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; border: 1px solid #9c9c9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .vSliderThumb, .vSliderThumbtouch, .vSliderThumbdown, .vSliderThumbdowntouch { background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjYmZiZmJmIi8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(56%, #bfbfbf), color-stop(62%, #f2f2f2), color-stop(100%, #f5f5f5)); background-image: -moz-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); background-image: -webkit-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); background-image: linear-gradient(to right, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; border: 1px solid #9c9c9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .hSliderThumbDisabled, .hSliderThumbDisabledtouch, .vSliderThumbDisabled, .vSliderThumbDisabledtouch { background: #e8e8e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fafafa), color-stop(46%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #fafafa)); background-image: -moz-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: -webkit-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: linear-gradient(to bottom, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); border: 1px solid #cbc3c2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px white; -webkit-box-shadow: inset 0 1px 1px white; box-shadow: inset 0 1px 1px white; } .vSliderThumbDisabled, .vSliderThumbDisabledtouch { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(50%, #e3e3e3), color-stop(54%, #f0f0f0), color-stop(99%, #fafafa)); background-image: -moz-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: -webkit-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: linear-gradient(to right, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); border: 1px solid #cbc3c2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; -webkit-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; } .hSliderThumbtouch, .hSliderThumbdowntouch, .vSliderThumbtouch, .vSliderThumbdowntouch, .hSliderThumbDisabledtouch, .vSliderThumbDisabledtouch { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } /*============================================================ 10) DetailViewer ============================================================*/ .detailBlock { border-left: 1px solid #ababab; border-top: 1px solid #ababab; } .detail, .detailLabel, .detailHeader { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; -webkit-text-size-adjust: 100%; } .detailLabel { background-color: #fafafa; color: #4d4d4d; font-weight: bold; text-align: right; } .detailHeader { background-color: #ffbdc0; color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; } /*============================================================ 11) ListGrid ============================================================*/ /*============================================================ ListGrid parts styleName - listGrid headerBarStyle - headerBar bodyStyleName - gridBody ============================================================*/ .listGrid { border: 1px solid #ababab; } .headerBar { background-color: white; background-image: url(./images/ListGrid/header.png); background-repeat: repeat-x; background-position: bottom left; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNjOWI2YjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWI2YjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(96%, #d6d6d6), color-stop(96%, #c9b6b6), color-stop(100%, #c9b6b6)); background-image: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%); background-image: -webkit-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%); } .gridBody { background-color: white; } .alternateGridBody { background-color: white; } .loadingDataMessage, .offlineMessage, .emptyMessage { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 11px; } .gridDragTracker { border: 1px dotted gray; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 1px; } .dragLine { border-top: 2px dotted #ff7a75; pointer-events: none; } .dragLineVertical { border-right: 2px dotted #ff7a75; pointer-events: none; } /* for filterEditor */ .recordEditorCell { background-color: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /*============================================================ ListGrid headers listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin) listGrid.headerDefaults.titleStyle - headerTitle (in skin) listGrid.sorterDefaults.titleStyle - headerTitle (in skin) ============================================================*/ /* imgHeaderButton - ListGrid column header buttons for image based headerButton - ListGrid column header buttons for css3 based */ .imgHeaderButton, .sorterButton { background: url(./images/ListGrid/big_header.png); background: url(./images/ListGrid/header2.png) padding-box; background-size: 100% 100%; background-repeat: repeat-x; } .headerButton, .sorterButton { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box; background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box; background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box; background: linear-gradient(to bottom, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box; } .imgHeaderButton, .headerButton, .sorterButton { background-color: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #fafafa; border-right: 1px solid #cccccc; font-size: 11px; padding-left: 3px; padding-right: 3px; } .imgHeaderButtonSelected, .sorterButtonSelected { background: url(./images/ListGrid/big_header_Selected.png); background: url(./images/ListGrid/header2_Selected.png) padding-box; background-size: 100% 100%; background-repeat: repeat-x; } .headerButtonSelected, .sorterButtonSelected { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box; background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box; background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box; background: linear-gradient(to bottom, #f0f8ff 0%, #a2ccf6 100%) padding-box; } .imgHeaderButtonSelected, .headerButtonSelected, .sorterButtonSelected { background-color: #f0f6ff; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; border-bottom: 1px solid #97b4d3; border-left: 1px solid white; border-right: 1px solid #cdcfd0; font-size: 11px; padding-left: 3px; padding-right: 3px; } .imgHeaderButtonDisabled, .sorterButtonDisabled { background: url(./images/ListGrid/big_header_Disabled.png); background: url(./images/ListGrid/header2_Disabled.png) padding-box; } .imgHeaderButtonSelectedDisabled, .sorterButtonSelectedDisabled { background: url(./images/ListGrid/big_header_Selected_Disabled.png); background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box; } .imgHeaderButtonDisabled, .imgHeaderButtonSelectedDisabled, .sorterButtonDisabled, .sorterButtonSelectedDisabled { background-size: 100% 100%; background-repeat: repeat-x; } .headerButtonDisabled, .headerButtonSelectedDisabled, .sorterButtonDisabled, .sorterButtonSelectedDisabled { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; background: linear-gradient(to bottom, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; } .imgHeaderButtonDisabled, .imgHeaderButtonSelectedDisabled, .headerButtonDisabled, .headerButtonSelectedDisabled, .sorterButtonDisabled, .sorterButtonSelectedDisabled { background-color: #fef6f6; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; border-bottom: 1px solid #c1c8d2; border-left: 1px solid #f6f7f9; border-right: 1px solid #c1c8d2; color: #ababab; font-size: 11px; padding-left: 3px; padding-right: 3px; } .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonOver, .headerButtonDown, .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; border-bottom: 1px solid #97b4d3; border-left: 1px solid #fafafa; border-right: 1px solid #cccccc; } .imgHeaderButtonOver, .sorterButtonOver { background: url(./images/ListGrid/big_header_Over.png); background: url(./images/ListGrid/header2_Over.png) padding-box; } .imgHeaderButtonDown, .sorterButtonDown { background: url(./images/ListGrid/big_header_Down.png); background: url(./images/ListGrid/header2_Down.png) padding-box; } .imgHeaderButtonOver, .imgHeaderButtonDown, .sorterButtonOver, .sorterButtonDown { background-size: 100% 100%; background-repeat: repeat-x; } .headerButtonOver, .headerButtonDown, .sorterButtonOver, .sorterButtonDown { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box; background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box; background: linear-gradient(to bottom, #fafafa 0%, #a2ccf6 100%) padding-box; } .imgHeaderButtonOver, .imgHeaderButtonDown, .headerButtonOver, .headerButtonDown, .sorterButtonOver, .sorterButtonDown { background-color: #a2ccf6; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-size: 11px; padding-left: 3px; padding-right: 3px; } .imgHeaderButtonSelectedOver, .sorterButtonSelectedOver { background: url(./images/ListGrid/big_header_Selected_Over.png); background: url(./images/ListGrid/header2_Selected_Over.png) padding-box; } .imgHeaderButtonSelectedDown, .sorterButtonSelectedDown { background: url(./images/ListGrid/big_header_Selected_Down.png); background: url(./images/ListGrid/header2_Selected_Down.png) padding-box; } .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { background-size: 100% 100%; background-repeat: repeat-x; } .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmNjZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box; background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; background: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; } .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { background-color: aliceblue; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-size: 11px; padding-left: 3px; padding-right: 3px; } .sorterButton, .sorterButtonSelected, .sorterButtonDisabled, .sorterButtonSelectedDisabled, .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { border-left: 1px solid #fafafa; padding-right: 0; padding-left: 0; } .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { border-left: 1px solid #fee7e7; } /* ListGrid column header titles */ .headerTitle, .headerTitleOver, .headerTitleDown, .headerTitleSelected, .headerTitleSelectedOver, .headerTitleSelectedDown, .headerTitleDisabled, .headerTitleSelectedDisabled { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; } .headerTitleDown, .headerTitleSelected, .headerTitleSelectedOver, .headerTitleSelectedDown, .headerTitleSelectedDisabled { color: black; } .headerTitleDisabled, .headerTitleSelectedDisabled { color: #ababab; } /* for filterEditor */ .filterOperatorIcon, .filterOperatorIconOver, .filterOperatorIconFocused, .filterOperatorIconFocusedOver, .filterOperatorIconDown, .filterOperatorIconSelected, .filterOperatorIconSelectedFocused, .filterOperatorIconSelectedFocusedOver { font-family: monospace; font-size: 10px; text-align: center; padding: 0px; margin: 0px; } /*============================================================ ListGrid cells listGrid.baseStyle ============================================================*/ /*------------------------------------------------------------ listGrid.baseStyle ------------------------------------------------------------*/ .cell, .cellDark, .cellOver, .cellOverDark, .cellSelected, .cellSelectedDark, .cellSelectedOver, .cellSelectedOverDark, .cellDisabled, .cellDisabledDark, .tallCell, .tallCellDark, .tallCellOver, .tallCellOverDark, .tallCellSelected, .tallCellSelectedDark, .tallCellSelectedOver, .tallCellSelectedOverDark, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCell, .gridSummaryCellDisabled, .recordSummaryCell, .recordSummaryCellDark, .recordSummaryCellOver, .recordSummaryCellOverDark, .recordSummaryCellSelected, .recordSummaryCellSelectedDark, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark, .expansionCellCell, .expansionCellCellDark, .expansionCellCellOver, .expansionCellCellOverDark, .expansionCellCellSelected, .expansionCellCellSelectedDark, .expansionCellCellSelectedOver, .expansionCellCellSelectedOverDark, .expansionCellCellDisabled, .expansionCellCellDisabledDark, .specialCol, .specialColOver, .specialColSelected, .specialColSelectedOver, .specialColDisabled, .groupNode { border-top: 1px solid #fafafa; border-bottom: 1px solid #f0f0f0; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .specialCol { background-color: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .cellDark, .recordSummaryCell, .recordSummaryCellDark { background-color: #fafafa; } .gridSummaryCell, .gridSummaryCellDisabled { background-color: #f0f0f0; border-bottom: 1px solid gray; border-top: 1px solid gray; } .tallCellDark { background-color: #fafafa; border-top: 1px solid #fafafa; } .cellOver, .cellOverDark, .specialColOver, .recordSummaryCellOver, .recordSummaryCellOverDark { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-position: bottom left; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); border-bottom: 1px solid #c4ddfd; border-top: 1px solid #c4ddfd; -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; } .tallCellOver, .tallCellOverDark { background-color: #dbedff; border-top: 1px solid #e8e8e8; } .cellSelected, .cellSelectedDark, .specialColSelected, .recordSummaryCellSelected, .recordSummaryCellSelectedDark { background: #d6e8ff; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .tallCellSelected, .tallCellSelectedDark { background: #d6e8ff; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .cellSelectedOver, .cellSelectedOverDark, .specialColSelectedOver, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark { border-bottom: 1px solid #ababab; border-top: 1px solid #b8cfef; background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Selected_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } .tallCellSelectedOver, .tallCellSelectedOverDark { background-color: #d0dff6; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .gridSummaryCell, .gridSummaryCellDisabled { font-weight: bold; } .cellDisabled, .cellDisabledDark, .specialColDisabled, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCellDisabled, .specialColDisabled, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark { background-color: white; color: #ababab; } /* for grouping */ .groupNode { border-bottom: 1px solid #8299B8; color: #3764A3; font-family: Arial, Verdana, sans-serif; font-weight: bold; } /*Tree styling*/ /*------------------------------------------------------------ treeGrid.baseStyle ------------------------------------------------------------*/ .treeCell, .treeCellDark, .treeCellOver, .treeCellOverDark, .treeCellSelected, .treeCellSelectedDark, .treeCellSelectedOver, .treeCellSelectedOverDark, .treeCellDisabled, .treeCellDisabledDark, .treeTallCell, .treeTallCellDark, .treeTallCellOver, .treeTallCellOverDark, .treeTallCellSelected, .treeTallCellSelectedDark, .treeTallCellSelectedOver, .treeTallCellSelectedOverDark, .treeTallCellDisabled, .treeTallCellDisabledDark { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .treeCellDark, .treeTallCellDark { background-color: #fafafa; } .treeCellOver, .treeCellOverDark { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-position: bottom left; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0; } .treeTallCellOver, .treeTallCellOverDark { background-color: #e8e8e8; } .treeCellSelected, .treeCellSelectedDark { background: #d6e8ff; } .treeTallCellSelected, .treeTallCellSelectedDark { background-color: #d6e8ff; } .treeCellSelectedOver, .treeCellSelectedOverDark { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Selected_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } .treeTallCellSelectedOver, .treeTallCellSelectedOverDark { background-color: #d0dff6; } .treeCellDisabled, .treeCellDisabledDark, .treeTallCellDisabled, .treeTallCellDisabledDark { background-color: white; color: #ababab; } /* Field builders (Formula/Summary) */ .sampleOutput { border: 2px solid #d6d6d6; padding: 3px; } /* Multi-sort - sort-index appearing next to sort-arrows in field headers */ .sortNumeral { font-size: 7px; vertical-align: top; } /*============================================================ 12) ToolStrip ============================================================*/ .toolStrip { background-color: #f2f2f2; background-image: url(images/ToolStrip/background.png); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7f7f7), color-stop(2%, #f7f7f7), color-stop(2%, #f2f2f2), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); border: 1px solid #ababab; -moz-box-shadow: snow 0 1px 0 inset; -webkit-box-shadow: snow 0 1px 0 inset; box-shadow: snow 0 1px 0 inset; } .toolStripVertical { background-color: white; background-image: url(images/ToolStrip/background_vertical.png); border: 1px solid #ef9c9a; } /* tool strip button */ .toolStripButton, .toolStripButtonOver, .toolStripButtonFocused, .toolStripButtonFocusedOver, .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonDisabled, .toolStripButtonSelectedDisabled { border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 2px 5px; } .toolStripButtonDisabled { background-color: #e8e8e8; background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); border: 1px solid transparent; } .toolStripButtonDisabled, .toolStripButtonSelectedDisabled { color: #ababab; font-weight: normal; } .toolStripButtonFocused, .toolStripButtonFocusedOver, .toolStripButtonSelectedFocused, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedFocusedDown { border: 1px solid #ababab; } .toolStripButtonOver, .toolStripButtonFocusedOver, .toolStripButtonSelectedFocused, .toolStripButtonSelectedFocusedOver { background-color: #d9d9d9; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; -moz-box-shadow: inset white 0 0 0 1px; -webkit-box-shadow: inset white 0 0 0 1px; box-shadow: inset white 0 0 0 1px; } .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown { background-color: #dedede; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNkMWQxZDEiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZGJkYmRiIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(5%, #d1d1d1), color-stop(10%, #dbdbdb), color-stop(14%, #ebebeb), color-stop(19%, #f2f2f2), color-stop(29%, #f2f2f2), color-stop(81%, #dbdbdb), color-stop(95%, #c4c4c4), color-stop(100%, #c4c4c4)); background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); background-image: linear-gradient(to bottom, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); border: 1px solid #597db1; } .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedDisabled { background-color: #d9d9d9; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; } /*============================================================ 12a) ToolStripGroup and IconButton ==============================================================*/ .toolStripGroup, .toolStripGroupOver, .toolStripGroupSelected, .toolStripGroupSelectedDisabled, .toolStripGroupSelectedOver, .toolStripGroupDown, .toolStripGroupSelectedDown, .toolStripGroupDisabled { background: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(31%, #e0e0e0), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); border: 1px solid #b5b5b5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px; } .toolStripGroupTitle, .toolStripGroupTitleOver, .toolStripGroupTitleSelected, .toolStripGroupTitleSelectedDisabled, .toolStripGroupTitleSelectedOver, .toolStripGroupTitleDown, .toolStripGroupTitleSelectedDown, .toolStripGroupTitleDisabled { background-color: #d4d4d4; border: 0; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 3px; } .iconButton, .iconButtonOver, .iconButtonFocused, .iconButtonFocusedOver, .iconButtonDown, .iconButtonFocusedDown, .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedOver, .iconButtonSelectedFocusedOver, .iconButtonDisabled, .iconButtonSelectedDisabled { background-color: transparent; border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 4px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #4d4d4d; } .iconButtonDown { background-color: #d9d9d9; border: 1px solid #9e8c8a; } .iconButtonOver, .iconButtonDown, .iconButtonSelected, .iconButtonSelectedOver, .iconButtonFocusedOver, .iconButtonSelectedFocusedOver { background-color: #f2f2f2; border: 1px solid #b5a7a6; } .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedFocusedOver { background-color: #e5e5e5; } .iconButtonDisabled { color: #ababab; } /*============================================================ 13) Tools ============================================================*/ .resizeThumb { border: 1px solid #808080; background-color: #C9F4F8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzlmNGY4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #c9f4f8), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#ffffff, #c9f4f8, #ffffff); background-image: -webkit-linear-gradient(#ffffff, #c9f4f8, #ffffff); background-image: linear-gradient(#ffffff, #c9f4f8, #ffffff); } .cornerResizeThumb { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*============================================================ 14) TileGrid ==============================================================*/ .tileGrid { border: 1px solid gray; } .tileValue, .tileValueDown, .tileValueSelected, .tileValueOver, .tileValueSelectedOver, .tileValueSelectedDown { font-size: 8pt; text-overflow: ellipsis; } .tileValueOver { color: black; } .tileValueSelected { color: black; } .tileValueSelectedOver { color: black; } .simpleTile, .simpleTileOver, .simpleTileSelected, .simpleTileSelectedOver { font-size: 8pt; padding: 3px; } .simpleTile { border: 1px solid transparent; } .simpleTileOver { background-color: #fafafa; background-image: url(images/TileGrid/tileOver.png); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #e3e3e3 100%); border: 1px solid #cfcfcf; } .simpleTileSelected, .simpleTileSelectedOver { background-color: #fafafa; background-image: url(images/TileGrid/tileOver.png); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #e3e3e3 100%); border: 1px solid #cfcfcf; } /*============================================================ 15) Scrollbars ============================================================*/ /* CSS3 Mode */ /*.scrollbar, .scrollbarDisabled, .scrollbarOver, .scrollbarDown { background-color: hsl(0, 0%, 94%); border: 1px solid #FF8000; } .scrollbarFocused, .scrollbarFocusedDisabled, .scrollbarFocusedOver, .scrollbarFocusedDown { background-color: hsl(0, 0%, 94%); border: 1px solid #0000ff; } .scrollbarSelected, .scrollbarSelectedDisabled, .scrollbarSelectedOver, .scrollbarSelectedDown { background-color: hsl(0, 0%, 94%); border: 1px solid #0000FF; } .scrollbarSelectedFocused, .scrollbarSelectedFocusedDisabled, .scrollbarSelectedFocusedOver, .scrollbarSelectedFocusedDown { background-color: hsl(0, 0%, 94%); border: 1px solid #ffff00; }*/ .scrollCorner, .scrollCornerDown, .scrollCornerOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(50%, #ebebeb), color-stop(50%, #dadada), color-stop(100%, #cfcfcf)); background-image: -moz-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); background-image: -webkit-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); background-image: linear-gradient(to bottom, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); } .vScrollStartDisabled, .vScrollStart, .vScrollStartOver, .vScrollStartDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-position: -16px 0px; } .vScrollStartDisabled { background-position: 0px 0px; } .vScrollStartOver { background-position: -32px 0px; } .vScrollStartDown { background-position: -48px 0px; } .vScrollTrackStretchDisabled, .vScrollTrackStretch, .vScrollTrackStretchOver, .vScrollTrackStretchDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-repeat: repeat-y; background-position: -80px 0px; } .vScrollTrackStretchDisabled { background-position: -64px 0px; } .vScrollTrackStretchOver { background-position: -96px 0px; } .vScrollTrackStretchDown { background-position: -112px 0px; } .vScrollEndDisabled, .vScrollEnd, .vScrollEndOver, .vScrollEndDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-position: -16px -18px; } .vScrollEndDisabled { background-position: 0px -18px; } .vScrollEndOver { background-position: -32px -18px; } .vScrollEndDown { background-position: -48px -18px; } .vScrollCornerDisabled, .vScrollCorner, .vScrollCornerOver, .vScrollCornerDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-position: 0px -40px; } .vScrollThumbStartDisabled, .vScrollThumbStart, .vScrollThumbStartOver, .vScrollThumbStartDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-position: -16px -36px; } .vScrollThumbStartDisabled { background-position: 0px -36px; } .vScrollThumbStartOver { background-position: -32px -36px; } .vScrollThumbStartDown { background-position: -48px -36px; } .vScrollThumbStretchDisabled, .vScrollThumbStretch, .vScrollThumbStretchOver, .vScrollThumbStretchDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-repeat: repeat-y; background-position: -144px 0px; } .vScrollThumbStretchDisabled { background-position: -128px 0px; } .vScrollThumbStretchOver { background-position: -160px 0px; } .vScrollThumbStretchDown { background-position: -176px 0px; } .vScrollThumbEndDisabled, .vScrollThumbEnd, .vScrollThumbEndOver, .vScrollThumbEndDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); background-position: -16px -38px; } .vScrollThumbEndDisabled { background-position: 0px -38px; } .vScrollThumbEndOver { background-position: -32px -38px; } .vScrollThumbEndDown { background-position: -48px -38px; } .vScrollThumbGripDisabled, .vScrollThumbGrip, .vScrollThumbGripOver, .vScrollThumbGripDown { background-image: url(./images/Scrollbar/vscroll_sprite.png); } .hScrollStartDisabled, .hScrollStart, .hScrollStartOver, .hScrollStartDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-position: 0px -16px; } .hScrollStartDisabled { background-position: 0px 0px; } .hScrollStartOver { background-position: 0px -32px; } .hScrollStartDown { background-position: 0px -48px; } .hScrollTrackStretchDisabled, .hScrollTrackStretch, .hScrollTrackStretchOver, .hScrollTrackStretchDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-repeat: repeat-x; background-position: 0px -80px; } .hScrollTrackStretchDisabled { background-position: 0px -64px; } .hScrollTrackStretchOver { background-position: 0px -96px; } .hScrollTrackStretchDown { background-position: 0px -112px; } .hScrollEndDisabled, .hScrollEnd, .hScrollEndOver, .hScrollEndDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-position: -18px -16px; } .hScrollEndDisabled { background-position: -18px 0px; } .hScrollEndOver { background-position: -18px -32px; } .hScrollEndDown { background-position: -18px -48px; } .hScrollCornerDisabled, .hScrollCorner, .hScrollCornerOver, .hScrollCornerDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-position: -40px 0px; } .hScrollThumbStartDisabled, .hScrollThumbStart, .hScrollThumbStartOver, .hScrollThumbStartDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-position: -36px -16px; } .hScrollThumbStartDisabled { background-position: -36px 0px; } .hScrollThumbStartOver { background-position: -36px -32px; } .hScrollThumbStartDown { background-position: -36px -48px; } .hScrollThumbStretchDisabled, .hScrollThumbStretch, .hScrollThumbStretchOver, .hScrollThumbStretchDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-repeat: repeat-x; background-position: 0px -144px; } .hScrollThumbStretchDisabled { background-position: 0px -128px; } .hScrollThumbStretchOver { background-position: 0px -160px; } .hScrollThumbStretchDown { background-position: 0px -176px; } .hScrollThumbEndDisabled, .hScrollThumbEnd, .hScrollThumbEndOver, .hScrollThumbEndDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); background-position: -38px -16px; } .hScrollThumbEndDisabled { background-position: -38px 0px; } .hScrollThumbEndOver { background-position: -38px -32px; } .hScrollThumbEndDown { background-position: -38px -48px; } .hScrollThumbGripDisabled, .hScrollThumbGrip, .hScrollThumbGripOver, .hScrollThumbGripDown { background-image: url(./images/Scrollbar/hscroll_sprite.png); } /* CSS3 Mode */ .vScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4)); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: linear-gradient(to right, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; border: 1px solid #969696; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 1px; } .vScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(to right, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0; -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0; box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0; margin-right: 1px; } .hScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); -moz-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; -webkit-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; border: 1px solid #969696; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 1px; } .hScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(to bottom, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; margin-bottom: 1px; } /*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Styles below this comment are not used by default in this skin IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/ /*============================================================ TabSet CSS tabs tabSet.simpleTabBaseStyle ============================================================*/ /* styles for simple css-styled tabs*/ /* left */ .tabButtonLeft { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -moz-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -webkit-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(to right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -moz-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -webkit-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(to right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonLeftSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonLeftFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } /* right */ .tabButtonRight { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -moz-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -webkit-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(to left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -moz-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -webkit-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(to left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonRightSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonRightFocused { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelectedFocused { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelectedFocusedOver { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightDown { background-color: #f7f7f7; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } /* top */ .tabButtonTop { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -moz-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(to bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonTopSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonTopFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } /* bottom */ .tabButtonBottom { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -moz-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -webkit-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(to top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding-top: 1px; } .tabButtonBottomOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(to top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonBottomSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #15428B; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6); } .tabButtonBottomFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(to top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; color: #b3b3b3; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } /*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Styles below this comment are used by optional modules only IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/ /*============================================================ CubeGrid - Analytics Module only cubeGrid.baseStyle - cubeCell headerGrid.baseStyle - rowHeader reportHeaderBar.button.baseStyle - rowHeader reportHeaderBar.button.baseStyle - innerHeader/colHeader reportHeaderBar.button.baseStyle - rowHeaderLabel reportHeaderBar.button.baseStyle - colHeaderLabel ============================================================*/ .cubeCell { background-color: white; border-bottom: 1px solid #ababab; border-left: 1px solid white; border-right: 1px solid #ababab; border-top: 1px solid white; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .cubeCellDark { background-color: #f0f0f0; border-bottom: 1px solid #ababab; border-left: 1px solid #f0f0f0; border-right: 1px solid #ababab; border-top: 1px solid #f0f0f0; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .cubeCellDisabled { background-color: white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; color: #666666; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } /* partial styles */ .cubeCellOver { border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } .cubeCellSelected { background: #d6e8ff; border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; } .cubeCellSelectedOver { border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Selected_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } /* row headers */ .rowHeader { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #264260; border-bottom: 1px solid #264260; background-image: url("images/CubeGrid/rowHeader.gif"); } .rowHeaderOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderOver.gif"); } .rowHeaderDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderOver.gif"); } .rowHeaderDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: #808080; background-color: #6682A0; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .rowHeaderSelected, .rowHeaderSelectedDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/rowHeaderSelected.gif"); } .rowHeaderSelectedOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/rowHeaderSelectedOver.gif"); } .rowHeaderSelectedDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: #808080; background-color: #3E74B3; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* row label */ .rowHeaderLabel { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #204B7A; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #000B3A; border-bottom: 1px solid #000B3A; background-image: url("images/CubeGrid/rowHeaderLabel.gif"); } .rowHeaderLabelOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderLabel.gif"); } .rowHeaderLabelDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderLabelDown.gif"); } .rowHeaderLabelDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: #808080; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .rowHeaderLabelSelected, .rowHeaderLabelSelectedDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/rowHeaderDown.gif"); } .rowHeaderLabelSelectedOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/rowHeaderDown.gif"); } .rowHeaderLabelSelectedDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: #808080; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* column headers */ .colHeader { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #264260; border-bottom: 1px solid #264260; background-image: url("images/CubeGrid/colHeader.gif"); } .colHeaderOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/colHeaderOver.gif"); } .colHeaderDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: white; background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/colHeader.gif"); } .colHeaderDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: #808080; background-color: #6682A0; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .colHeaderSelected, .colHeaderSelectedDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/colHeaderSelected.gif"); } .colHeaderSelectedOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/colHeaderSelectedOver.gif"); } .colHeaderSelectedDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: #808080; background-color: #3E74B3; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* column label */ .colHeaderLabel { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #204B7A; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabel.gif"); } .colHeaderLabelOver, .colHeaderLabelDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabelDown.gif"); } .colHeaderLabelDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: #808080; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .colHeaderLabelSelected, .colHeaderLabelSelectedDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabelDown.gif"); } .colHeaderLabelSelectedOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderDown.gif"); } .colHeaderLabelSelectedDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: #808080; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* inner header */ .innerHeader { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: black; background-color: #CCCCCC; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid #808080; border-bottom: 1px solid #808080; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: black; background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid white; border-bottom: 1px solid white; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: black; background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid white; border-bottom: 1px solid white; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: #808080; background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .innerHeaderSelected, .innerHeaderSelectedDown { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/innerHeaderSelected.gif"); } .innerHeaderSelectedOver { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/innerHeaderSelectedOver.gif"); } .innerHeaderSelectedDisabled { font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; color: #808080; background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /*============================================================ BarChart internal, charting/visualization module only styleName - chart barStyle - chartBar others are currently fixed ============================================================*/ .chart { background-color: #cccccc; } .chartTitle { color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-align: center; } .chartAxisTitle { color: #0000ff; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; } .chartValueTitle { color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .chartTotal { background-color: linen; color: black; font-family: Arial, Verdana, sans-serif; font-size: 12px; } .chartBody { background-color: #dedede; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px dashed #0000FF; } .chartBar1 { background-color: #FF0000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #990000), color-stop(100%, #ff0000)); background-image: -moz-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: -webkit-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: linear-gradient(to right, #990000 0%, #ff0000 100%); } .chartBar2 { background-color: #0000FF; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000099), color-stop(100%, #0000ff)); background-image: -moz-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: -webkit-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: linear-gradient(to right, #000099 0%, #0000ff 100%); } .chartBar3 { background-color: #0000ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #009900), color-stop(100%, #0000ff)); background-image: -moz-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: -webkit-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: linear-gradient(to right, #009900 0%, #0000ff 100%); } /*============================================================ Printing printHeader - general print style for header elements including: - ListGrid header cells - SectionStack headers ============================================================*/ .printHeader { border: 1px solid black; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; } /*============================================================ Calendar ============================================================*/ .calendar, .calendarDisabled, .calendarDisabledDark, .calendarDisabledOver, .calendarDisabledOverDark, .calendarWorkday, .calendarWorkdayDisabled, .calendarDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calendarWorkdayDisabled, .calendarDark, .calendarDisabled, .calendarDisabledDark, .calendarDisabledOver, .calendarDisabledOverDark { background-color: #fafafa; } .calendarWorkday { background-color: #f2f2f2; } .calendarOver, .calendarOverDark { background-color: #c4ddfd; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calendarWorkdaySelected, .calendarCellSelected { background-color: #cccccc; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .labelColumn, .labelColumnDark, .labelColumnOver, .labelColumnOverDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .labelColumnOver, .labelColumnOverDark, .calendarDisabledOver, .calendarDisabledOverDark { background-color: #a4bbdb; } /* ----month---- */ /* calMonthDayHeader and Body */ .calMonthDayHeader, .calMonthDayHeaderDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthDayHeaderOver, .calMonthDayHeaderOverDark, .calMonthDayHeaderSelected, .calMonthDayHeaderSelectedDark, .calMonthDayHeaderSelectedOver, .calMonthDayHeaderSelectedOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthDayHeaderDisabled, .calMonthDayHeaderDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthDayBody, .calMonthDayBodyDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthDayBodyOver, .calMonthDayBodyOverDark, .calMonthDayBodySelected, .calMonthDayBodySelectedDark, .calMonthDayBodySelectedOver, .calMonthDayBodySelectedOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthDayBodyDisabled, .calMonthDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* calMonthOtherDayHeader and Body */ .calMonthOtherDayHeader, .calMonthOtherDayHeaderDark { background-color: #ababab; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthOtherDayHeaderSelected, .calMonthOtherDayHeaderSelectedOver, .calMonthOtherDayHeaderOver, .calMonthOtherDayHeaderOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthOtherDayBody, .calMonthOtherDayBodyDark, .calMonthOtherDayBodyDisabled, .calMonthOtherDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .calMonthOtherDayBodyOver, .calMonthOtherDayBodyOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* calMonthOtherDayBlank */ .calMonthOtherDayBlank, .calMonthOtherDayBlankDark, .calMonthOtherDayBlankOver, .calMonthOtherDayBlankOverDark, .calMonthOtherDayBlankSelected, .calMonthOtherDayBlankSelectedDark, .calMonthOtherDayBlankSelectedOver, .calMonthOtherDayBlankSelectedOverDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* calMonthEventLink */ a.calMonthEventLink:link { color: #0000FF; text-decoration: none; } a.calMonthEventLink:visited { color: #0000FF; text-decoration: none; } a.calMonthEventLink:hover { color: #0000FF; text-decoration: underline; } a.calMonthEventLink:active { color: #0000FF; text-decoration: none; } /* ----event window---- */ .eventWindow { background-color: aliceblue; border: 1px solid #c8d9f4; font-family: Arial, Verdana, sans-serif; font-size: 9px; padding: 1px; margin: 0px; } .eventWindowHeader, .eventWindowGripper, .eventWindowLabel { background-color: #d0dff6; color: #4d4d4d; border: 1px solid #d0dff6; font-family: Arial, Verdana, sans-serif; font-size: 9px; margin: 1px; padding: 2px 2px 0px 2px; } .eventWindowHeader, .eventWindowBody { left:0px; right:0px; overflow:hidden; position:absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .eventWindowBody { background-color: aliceblue; color: black; border: 1px solid aliceblue; font-family: Arial, Verdana, sans-serif; font-size: 9px; margin-left: 1px; margin-right: 1px; } .eventWindowResizer { border-bottom: 1px solid white; border-top: 1px solid white; } /* --- ZoneCanvas --- */ .zoneCanvas { background-color: rgba(150, 150, 150, 0.5); } .zoneCanvasHeader, .zoneCanvasGripper, .zoneCanvasLabel { display: inline-block; color: white; background-color: grey; left: 0px; bottom: 0px; } /* --- IndicatorCanvas --- */ .indicatorCanvas { background-color: #AA0000; } .indicatorCanvasHeader, .indicatorCanvasGripper, .indicatorCanvasLabel { display: inline-block; color: white; background-color: #AA0000; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* make all grippers rounded */ .eventWindowGripper, .indicatorCanvasGripper, .zoneCanvasGripper { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px; margin: 0px; } /* show a border around floating labels */ .eventWindowLabel, .zoneCanvasLabel, .indicatorCanvasLabel { border: 1px solid black; } /*============================================================ PropertySheet internal, used by Visual SmartClient tools propertySheet.autoChildDefaults.cellStyle - propSheetValue propertySheet.autoChildDefaults.titleStyle - propSheetTitle propertySheet.TextItemDefaults.textBoxStyle - propSheetField propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl propertySheet.ColorItemDefaults.textBoxStyle - propSheetField propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell ============================================================*/ .propSheetValue, .propSheetValueFocused, .propSheetValueDisabled { border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; font-family: Arial, Verdana, sans-serif; font-size: 11px; margin: 0px; padding: 0px; } .propSheetTitle, .propSheetTitleFocused, .propSheetTitleDisabled { background-color: #dedede; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; } .propSheetTitleError, .propSheetValueError { background-color: #f2d4cf; color: #692023; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .propSheetField, .propSheetFieldDisabled { background-color: white; border: 0px; font-family: Arial, Verdana, sans-serif; font-size: 11px; margin-top: 3px; padding-bottom: 0px; padding-top: 0px; padding-left: 4px; padding-right: 4px; } .propSheetHeading, .propSheetHeadingDisabled { background-color: #cccccc; border-bottom: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 4px; } .propSheetSelectControl, .propSheetSelectControlFocused, .propSheetSelectControlDisabled { padding-left: 3px; padding-right: 3px; }