.hScrollTrack, .hScrollTrackDown, .hScrollTrackOver { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: -moz-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: -o-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); } .vScrollTrack, .vScrollTrackDown, .vScrollTrackOver { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: -moz-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: -o-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); background-image: linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea); } .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) 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 ============================================================*/ .pageBackground { background: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* default text */ .my_normal { color: black; font-family: Arial, Verdana, sans-serif; font-size: 18px; } .defaultBorder { border: 1px solid #ababab; } /* drag outline */ .dragOutline { border: 1px dashed #0b6ef9; } /* 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; } /* CSS3 Mode */ .richTextEditorBorder { border-top: 3px solid #c4ddfd; border-bottom: 4px solid #c4ddfd; border-left: 4px solid #c4ddfd; border-right: 4px solid #c4ddfd; -webkit-box-shadow: 0 1px #8fa7c7, 0 -1px #e7f5fe, 0 -2px #8fa7c7, 1px 0 #8fa7c7, -1px 0 #8fa7c7; -moz-box-shadow: 0 1px #8fa7c7, 0 -1px #e7f5fe, 0 -2px #8fa7c7, 1px 0 #8fa7c7, -1px 0 #8fa7c7; box-shadow: 0 1px #8fa7c7, 0 -1px #e7f5fe, 0 -2px #8fa7c7, 1px 0 #8fa7c7, -1px 0 #8fa7c7; } /*============================================================ 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(top, #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 { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%); border: 1px solid #b15a59; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 3px; } /* CSS3 Mode */ .buttonRounded { border: 1px solid #ababab; -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px; -moz-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 { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #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 { color: #ababab; font-weight: normal; } .buttonFocused, .buttonFocusedOver, .buttonSelectedFocused, .buttonSelectedFocusedOver, .buttonSelectedFocusedDown { border: 1px solid #ababab; } /* CSS3 Mode */ .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedSelectedFocused, .buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedFocusedDown { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; } /* CSS3 Mode */ .buttonRoundedOver, .buttonRoundedFocusedOver, .buttonRoundedSelectedFocused, .buttonRoundedSelectedFocusedOver { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; -moz-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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); 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: -o-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(top, #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 { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); background-image: -o-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); background-image: linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%); -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3; -moz-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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; } /* CSS3 Mode */ .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedDisabled { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%); -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px; -moz-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; } /* ImgButton */ .imgButton, .imgButtonOver, .imgButtonSelected, .imgButtonSelectedDisabled, .imgButtonSelectedOver, .imgButtonDown, .imgButtonSelectedDown, .imgButtonDisabled { font-family: Arial, Verdana, sans-serif; font-size: 11px; } .imgButtonDisabled { color: #666666; } /* StretchImgButton */ .my_stretchImgButton, .my_stretchImgButtonSelected, .my_stretchImgButtonSelectedOver, .my_stretchImgButtonOver, .my_stretchImgButtonDown, .my_stretchImgButtonSelectedDown, .my_stretchImgButtonSelectedDisabled, .my_stretchImgButtonDisabled { font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_stretchImgButtonOver { font-weight: normal; } .my_stretchImgButtonSelectedDisabled, .my_stretchImgButtonDisabled { color: #ababab; font-weight: normal; } /* 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 ============================================================*/ .my_menuMain { background-image: url(./images/Menu/menu_background.png); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background: -moz-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background: -o-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background: linear-gradient(left, #f5f5f5, #dbdbdb) padding-box; background-color: white; -webkit-background-size: 24px; -moz-background-size: 24px; -o-background-size: 24px; background-size: 24px; background-repeat: repeat-y; background-attachment: scroll; } .my_menuMainRTL { background-color: white; background-image: url("./images/Menu/menu_background_rtl.png"); background-repeat: repeat-y; background-attachment: scroll; } .my_menuTable { border: 1px solid #ababab; } .treeMenuBody { background: white; } .my_menu, .my_menuSelected, .my_menuOver, .my_menuSelectedOver, .my_menuDisabled, .my_menuTitleField, .my_menuTitleFieldDark, .my_menuTitleFieldSelected, .my_menuTitleFieldSelectedDark, .my_menuTitleFieldOver, .my_menuTitleFieldOverDark, .my_menuTitleFieldSelectedOver, .my_menuTitleFieldSelectedOverDark, .my_menuTitleFieldDisabled, .my_menuIconField, .my_menuIconFieldOver, .my_menuIconFieldSelected, .my_menuIconFieldSelectedOver, .my_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: 16px; padding-bottom: 2px; padding-top: 2px; } .my_menuOver, .my_menuOverDark, .my_menuSelectedOver, .my_menuSelectedOverDark, .my_menuTitleFieldOver, .my_menuTitleFieldOverDark, .my_menuTitleFieldSelectedOver, .my_menuTitleFieldSelectedOverDark, .my_menuIconFieldOver, .my_menuIconFieldOverDark, .my_menuIconFieldSelectedOver, .my_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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); border-bottom: 1px solid #c4ddfd; border-top: 1px solid #c4ddfd; -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; } .my_menuTitleField, .my_menuTitleFieldDark, .my_menuTitleFieldSelected, .my_menuTitleFieldSelectedDark, .my_menuTitleFieldOver, .my_menuTitleFieldOverDark, .my_menuTitleFieldSelectedOver, .my_menuTitleFieldSelectedOverDark, .my_menuTitleFieldDisabled { padding-left: 4px; } .my_menuIconField, .my_menuIconFieldDark, .my_menuIconFieldOver, .my_menuIconFieldOverDark, .my_menuIconFieldSelected, .my_menuIconFieldSelectedDark, .my_menuIconFieldSelectedOver, .my_menuIconFieldSelectedOverDark, .my_menuIconFieldDisabled { padding-left: 4px; padding-right: 4px; } .my_menuDisabled, .my_menuTitleFieldDisabled, .my_menuIconFieldDisabled { color: #ababab; } /* menu header buttons */ .my_menuButton, .my_menuButtonOver, .my_menuButtonDown, .my_menuButtonDisabled, .my_menuButtonFocused, .my_menuButtonFocusedDown, .my_menuButtonFocusedOver, .my_menuButtonSelected, .my_menuButtonSelectedDown, .my_menuButtonSelectedOver, .my_menuButtonSelectedDisabled { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%); border: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; padding-left: 4px; padding-right: 4px; } .my_menuButtonOver { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); } .my_menuButtonDown, .my_menuButtonFocusedDown, .my_menuButtonFocusedOver, .my_menuButtonSelected, .my_menuButtonSelectedDown, .my_menuButtonSelectedOver { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%); 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: -o-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(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%); border: 1px solid #ababab; } .my_menuButtonDisabled, .my_menuButtonSelectedDisabled { color: #ababab; border: 1px solid #ababab; } /*============================================================ 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: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(1%, #f0f8ff), color-stop(1%, #e7f0fe), color-stop(15%, #c4ddfd), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 15%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 15%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 15%, #c4ddfd 100%); background-image: linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 15%, #c4ddfd 100%); border: 1px solid #9cb2ce; -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; -webkit-box-shadow: inset #fafdff 0 1px 0, inset #dbeeff 0 -1px 0, inset #dbeeff 1px 0 0, inset #dbeeff -1px 0 0; -moz-box-shadow: inset #fafdff 0 1px 0, inset #dbeeff 0 -1px 0, inset #dbeeff 1px 0 0, inset #dbeeff -1px 0 0; box-shadow: inset #fafdff 0 1px 0, inset #dbeeff 0 -1px 0, inset #dbeeff 1px 0 0, inset #dbeeff -1px 0 0; } .windowBody, .dialogBody { background-color: white; border: 1px solid #9cb2ce; -webkit-box-shadow: 0 1px #dbeeff, 0 -1px #dbeeff; -moz-box-shadow: 0 1px #dbeeff, 0 -1px #dbeeff; box-shadow: 0 1px #dbeeff, 0 -1px #dbeeff; } .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: #c4ddfd; } .layoutPlaceHolder { border: 1px solid black; } .hSplitbar { background: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzZkYiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYjNjNmRiIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNkN2U3ZmUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q3ZTdmZSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2FhY2VmZCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYWFjZWZkIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM5MGIwZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGIwZGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3c6db), color-stop(20%, #b3c6db), color-stop(20%, #d7e7fe), color-stop(40%, #d7e7fe), color-stop(40%, #c4ddfd), color-stop(60%, #c4ddfd), color-stop(60%, #aacefd), color-stop(80%, #aacefd), color-stop(80%, #90b0da), color-stop(100%, #90b0da)); background-image: -webkit-linear-gradient(top, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: -moz-linear-gradient(top, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: -o-linear-gradient(top, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: linear-gradient(top, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); } .hSplitbarDown { border: 1px solid #3287b8; } .vSplitbar { background: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzZkYiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYjNjNmRiIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNkN2U3ZmUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q3ZTdmZSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2FhY2VmZCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYWFjZWZkIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM5MGIwZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGIwZGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b3c6db), color-stop(20%, #b3c6db), color-stop(20%, #d7e7fe), color-stop(40%, #d7e7fe), color-stop(40%, #c4ddfd), color-stop(60%, #c4ddfd), color-stop(60%, #aacefd), color-stop(80%, #aacefd), color-stop(80%, #90b0da), color-stop(100%, #90b0da)); background-image: -webkit-linear-gradient(left, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: -moz-linear-gradient(left, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: -o-linear-gradient(left, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); background-image: linear-gradient(left, #b3c6db 0%, #b3c6db 20%, #d7e7fe 20%, #d7e7fe 40%, #c4ddfd 40%, #c4ddfd 60%, #aacefd 60%, #aacefd 80%, #90b0da 80%, #90b0da 100%); } .vSplitbarDown { border: 1px solid #3287b8; } /*============================================================ 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; } .my_tabTitle, .my_tabTitleDown, .my_tabTitleOver, .my_tabTitleDisabled, .my_tabTitleSelected, .my_tabTitleSelectedDown, .my_tabTitleSelectedOver, .my_tabTitleSelectedDisabled, .vtabTitle, .vtabTitleSelected, .vtabTitleOver, .vtabTitleDown, .vtabTitleSelectedOver, .vtabTitleSelectedDown, .vtabTitleDisabled, .vtabTitleSelectedDisabled { color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; padding-bottom: 1px; } .my_tabTitleOver, .vtabTitleOver { color: #2e67d0; } .my_tabTitleSelected, .vtabTitleSelected { color: #153e8a; font-weight: normal; } .my_tabTitleSelectedOver, .vtabTitleSelectedOver { color: #2e67d0; font-weight: normal; } .my_tabTitleDisabled, .my_tabTitleSelectedDisabled, .vtabTitleDisabled, .vtabTitleSelectedDisabled { color: #ababab; padding-bottom: 1px; } .tabScrollerTopBackDisabled, .tabScrollerTopBack, .tabScrollerTopBackDown, .tabScrollerRightBackDisabled, .tabScrollerRightBack, .tabScrollerRightBackDown, .tabScrollerBottomBackDisabled, .tabScrollerBottomBack, .tabScrollerBottomBackDown, .tabScrollerLeftBackDisabled, .tabScrollerLeftBack, .tabScrollerLeftBackDown, .tabScrollerTopForwardDisabled, .tabScrollerTopForward, .tabScrollerTopForwardDown, .tabScrollerRightForwardDisabled, .tabScrollerRightForward, .tabScrollerRightForwardDown, .tabScrollerBottomForwardDisabled, .tabScrollerBottomForward, .tabScrollerBottomForwardDown, .tabScrollerLeftForwardDisabled, .tabScrollerLeftForward, .tabScrollerLeftForwardDown { background-image: url(./images/TabSet/tabset_sprite.png); } .tabScrollerTopBackDisabled { background-position: 0px 0px; } .tabScrollerTopBack { background-position: 0px -23px; } .tabScrollerTopBackDown { background-position: 0px -46px; } .tabScrollerRightBackDisabled { background-position: -122px 0px; } .tabScrollerRightBack { background-position: -122px -19px; } .tabScrollerRightBackDown { background-position: -122px -38px; } .tabScrollerBottomBackDisabled { background-position: -38px 0px; } .tabScrollerBottomBack { background-position: -38px -23px; } .tabScrollerBottomBackDown { background-position: -38px -46px; } .tabScrollerLeftBackDisabled { background-position: -76px 0px; } .tabScrollerLeftBack { background-position: -76px -19px; } .tabScrollerLeftBackDown { background-position: -76px -38px; } .tabScrollerTopForwardDisabled { background-position: -19px 0px; } .tabScrollerTopForward { background-position: -19px -23px; } .tabScrollerTopForwardDown { background-position: -19px -46px; } .tabScrollerRightForwardDisabled { background-position: -145px 0px; } .tabScrollerRightForward { background-position: -145px -19px; } .tabScrollerRightForwardDown { background-position: -145px -38px; } .tabScrollerBottomForwardDisabled { background-position: -57px 0px; } .tabScrollerBottomForward { background-position: -57px -23px; } .tabScrollerBottomForwardDown { background-position: -57px -46px; } .tabScrollerLeftForwardDisabled { background-position: -99px 0px; } .tabScrollerLeftForward { background-position: -99px -19px; } .tabScrollerLeftForwardDown { background-position: -99px -38px; } .tabPickerDisabledtop, .tabPickertop, .tabPickerDowntop, .tabPickerDisabledright, .tabPickerright, .tabPickerDownright, .tabPickerDisabledbottom, .tabPickerbottom, .tabPickerDownbottom, .tabPickerDisabledleft, .tabPickerleft, .tabPickerDownleft { background-image: url(./images/TabSet/tabset_sprite.png); } .tabPickerDisabledtop { background-position: -168px 0px; } .tabPickertop { background-position: -168px -23px; } .tabPickerDowntop { background-position: -168px -46px; } .tabPickerDisabledright { background-position: -231px 0px; } .tabPickerright { background-position: -231px -20px; } .tabPickerDownright { background-position: -231px -40px; } .tabPickerDisabledbottom { background-position: -188px 0px; } .tabPickerbottom { background-position: -188px -23px; } .tabPickerDownbottom { background-position: -188px -46px; } .tabPickerDisabledleft { background-position: -208px 0px; } .tabPickerleft { background-position: -208px -20px; } .tabPickerDownleft { background-position: -208px -40px; } /*============================================================ 7) SectionStack ============================================================*/ .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: black; 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: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 2px; } .sectionHeaderopened { background-color: #b4d4fd; background-image: url(./images/SectionHeader/header_opened_stretch.png); background-repeat: repeat-x; background-attachment: scroll; border-top: 1px solid #9cadc4; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZmJmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGZiZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMWZlIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNiNGQ0ZmQiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzljYWRjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljYWRjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0fbff), color-stop(4%, #f0fbff), color-stop(4%, #e7f1fe), color-stop(96%, #b4d4fd), color-stop(96%, #9cadc4), color-stop(100%, #9cadc4)); background-image: -webkit-linear-gradient(top, #f0fbff 0%, #f0fbff 4%, #e7f1fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: -moz-linear-gradient(top, #f0fbff 0%, #f0fbff 4%, #e7f1fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: -o-linear-gradient(top, #f0fbff 0%, #f0fbff 4%, #e7f1fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: linear-gradient(top, #f0fbff 0%, #f0fbff 4%, #e7f1fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); } .sectionHeaderclosed { background-color: #b4d4fd; background-image: url(./images/SectionHeader/header_closed_stretch.png); background-repeat: repeat-x; background-attachment: scroll; border-top: 1px solid #9cadc4; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjlmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlYmY5ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDJlNWZlIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNiNGQ0ZmQiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzljYWRjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljYWRjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf9ff), color-stop(4%, #ebf9ff), color-stop(4%, #d2e5fe), color-stop(96%, #b4d4fd), color-stop(96%, #9cadc4), color-stop(100%, #9cadc4)); background-image: -webkit-linear-gradient(top, #ebf9ff 0%, #ebf9ff 4%, #d2e5fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: -moz-linear-gradient(top, #ebf9ff 0%, #ebf9ff 4%, #d2e5fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: -o-linear-gradient(top, #ebf9ff 0%, #ebf9ff 4%, #d2e5fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); background-image: linear-gradient(top, #ebf9ff 0%, #ebf9ff 4%, #d2e5fe 4%, #b4d4fd 96%, #9cadc4 96%, #9cadc4 100%); } .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { background-color: #f4fbfb; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4FBFB', endColorstr='#FFEDEDED'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZmJmYiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4fbfb), color-stop(4%, #f5f5f5), color-stop(9%, #f5f5f5), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f4fbfb 0%, #f5f5f5 4%, #f5f5f5 9%, #ededed 100%); background-image: -moz-linear-gradient(top, #f4fbfb 0%, #f5f5f5 4%, #f5f5f5 9%, #ededed 100%); background-image: -o-linear-gradient(top, #f4fbfb 0%, #f5f5f5 4%, #f5f5f5 9%, #ededed 100%); background-image: linear-gradient(top, #f4fbfb 0%, #f5f5f5 4%, #f5f5f5 9%, #ededed 100%); border: 1px solid #e6e6e6; color: gray; } .cellopened { background-color: #FF0000; } .cellclosed { background-color: #FF00AA; } /*============================================================ 8) Forms ============================================================*/ /* general form styles */ .my_formCell, .my_formCellFocused, .my_formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled { font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_formTitle, .my_formTitleFocused, .my_formTitleDisabled, .my_formCellError, .my_formTitleError, .my_formHint, .headerItem, .headerItemDisabled, .headerItemError, .my_staticTextItem, .my_staticTextItemDisabled, .my_staticTextItemError, .my_textItem, .my_textItemFocused, .my_textItemDisabled, .my_textItemDisabledHint, .my_textItemError, .my_textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .my_selectItemText, .my_selectItemTextError, .my_selectItemTextDisabled, .my_selectItemTextFocused, .comboBoxItemPendingText, .my_pickListCell, .my_pickListCellSelected, .my_pickListCellDisabled, .my_pickListCellDark, .my_pickListCellSelectedDark, .my_pickListCellDisabledDark, .tallPickListCell, .tallPickListCellSelected, .tallPickListCellDisabled, .tallPickListCellDark, .tallPickListCellSelectedDark, .tallPickListCellDisabledDark, .my_labelAnchor, .my_labelAnchorDisabled, .my_labelAnchorError, .my_labelAnchorFocused { color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_big_textItem, .my_big_textItemFocused, .my_big_textItemDisabled, .my_big_textItemDisabledHint, .my_big_textItemError, .my_big_textItemHint { color: black; font-family: Arial, Verdana, sans-serif; font-size: 24px; } .comboBoxItemPendingText { color: #0066cc; } .my_formTitle, .my_formTitleFocused { color: #003168; } .my_formTitleDisabled { color: #ababab; } .my_formCellError, .my_formTitleError { color: #204269; font-weight: bold; } .my_formHint { color: #455668; padding: 3px; } /* Allow for nested forms to lie flush against the left-hand edge of the containing form */ .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled { padding-left: 0px; } /* headerItem */ .headerItem, .headerItemDisabled, .headerItemError { color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; } /* text-based items common props */ .my_textItem, .my_textItemFocused, .my_textItemDisabled, .my_textItemDisabledHint, .my_textItemError, .my_textItemHint, .comboBoxItemPendingText, .my_selectItemText, .my_selectItemTextError, .my_selectItemTextFocused, .my_selectItemTextDisabled, .my_selectItemTextHint { background: white; border: 1px solid #ababab; color: black; padding: 4px 2px 4px 2px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .comboBoxItemPendingText, .my_selectItemText, .my_selectItemTextError, .my_selectItemTextFocused, .my_selectItemTextDisabled, .my_selectItemTextHint { border-right: 0; } .my_textItem { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #ababab; } .my_textItemDisabled, .my_textItemDisabledHint, .my_selectItemTextDisabled { background-color: white; border: 1px solid #ababab; color: #ababab; } .my_textItemHint, .my_selectItemTextHint { color: #204269; } .comboBoxItemPickerDisabled, .comboBoxItemPicker, .comboBoxItemPickerOver { background-image: url(./images/pickers/pickers_sprite.png); } .comboBoxItemPickerDisabled { background-position: 0px -22px; } .comboBoxItemPicker { background-position: -18px -22px; } .comboBoxItemPickerOver { background-position: -36px -22px; } /* selectItem */ .my_selectItemTextFocused { border: 1px solid #587aad; color: black; -moz-outline-offset: -1; } .my_textItemFocused, .my_selectItemTextFocused { color: black; border-bottom: 1px solid #c0d8ec; border-left: 1px solid #b8cfef; border-right: 1px solid #b3c6db; border-top: 1px solid #587aad; -moz-outline-offset: -1; } .my_selectItemText, .my_selectItemTextError, .my_selectItemTextFocused, .my_selectItemTextDisabled { padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; border-right: 0; } .selectItemPickerIcon, .selectItemPickerIconFocused, .selectItemPickerIconDisabled, .selectItemPickerIconError { padding: 0px; } .pickListMenuBody { background-color: white; border: 1px solid #8fa7c7; } .my_pickListCell, .my_pickListCellDark, .tallPickListCell, .tallPickListCellDark { color: black; } .my_pickListCellSelected, .my_pickListCellSelectedDark { background-color: #c4ddfd; 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTVmOGZmIi8+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%, #e5f8ff), color-stop(95%, #d1e7ff), color-stop(95%, #c4ddfd), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%); color: black; } .tallPickListCellSelected, .tallPickListCellSelectedDark { background: #d6e8ff; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .my_pickListCellDisabled, .tallPickListCellDisabled, .my_pickListCellDisabledDark, .tallPickListCellDisabledDark { background-color: #bfbfbf; color: #545454; } /* checkbox and radioButton */ .my_labelAnchor, .my_labelAnchorDisabled, .my_labelAnchorError, .my_labelAnchorFocused { color: black; font-family: Arial, Verdana, sans-serif; text-decoration: none; } .my_labelAnchorDisabled { color: #ababab; font-family: Arial, Verdana, sans-serif; } /* 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 #3287b8; border-left: 1px solid #3287b8; border-top: 1px solid #3287b8; } .checkboxTrueDisabled, .checkboxTrue, .checkboxTrueOver, .checkboxTrueDown, .checkboxFalseDisabled, .checkboxFalse, .checkboxFalseOver, .checkboxFalseDown, .checkboxPartialDisabled, .checkboxPartial, .checkboxPartialOver, .checkboxPartialDown { background-image: url(./images/DynamicForm/checkbox_sprite.png); } .checkboxTrueDisabled { background-position: 0px -26px; } .checkboxTrue { background-position: -13px -26px; } .checkboxTrueOver { background-position: -26px -26px; } .checkboxTrueDown { background-position: -39px -26px; } .checkboxFalseDisabled { background-position: 0px 0px; } .checkboxFalse { background-position: -13px 0px; } .checkboxFalseOver { background-position: -26px 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; } .spinnerItemIncreaseDisabled, .spinnerItemIncrease, .spinnerItemIncreaseOver, .spinnerItemIncreaseFocused, .spinnerItemIncreaseFocusedOver { background-image: url(./images/DynamicForm/spinner_control_sprite.png); } .spinnerItemIncreaseDisabled { background-position: 0px 0px; } .spinnerItemIncrease, .spinnerItemIncreaseOver { background-position: -16px 0px; } .spinnerItemIncreaseFocused, .spinnerItemIncreaseFocusedOver { background-position: -32px 0px; } .spinnerItemDecreaseDisabled, .spinnerItemDecrease, .spinnerItemDecreaseOver, .spinnerItemDecreaseFocused, .spinnerItemDecreaseFocusedOver { background-image: url(./images/DynamicForm/spinner_control_sprite.png); } .spinnerItemDecreaseDisabled { background-position: -48px 0px; } .spinnerItemDecrease, .spinnerItemDecreaseOver { background-position: -64px 0px; } .spinnerItemDecreaseFocused, .spinnerItemDecreaseFocusedOver { background-position: -80px 0px; } /*============================================================ 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, .dateChooserDisabledWeekdayDisabled, .dateChooserDisabledWeekdayDisabledOver, .dateChooserDisabledWeekdayDisabledSelected, .dateChooserDisabledWeekdayDisabledSelectedOver, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekdaySelectedDisabled, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendDisabled, .dateChooserDisabledWeekendDisabledOver, .dateChooserDisabledWeekendDisabledSelected, .dateChooserDisabledWeekendDisabledSelectedOver, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserDisabledWeekendSelectedDisabled, .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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjBmZSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlN2YyZmUiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZTZmMGZlIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiZDVmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7f0fe), color-stop(4%, #e7f2fe), color-stop(9%, #e6f0fe), color-stop(65%, #c9dffd), color-stop(96%, #c4ddfd), color-stop(100%, #bbd5f6)); background-image: -webkit-linear-gradient(top, #e7f0fe 0%, #e7f2fe 4%, #e6f0fe 9%, #c9dffd 65%, #c4ddfd 96%, #bbd5f6 100%); background-image: -moz-linear-gradient(top, #e7f0fe 0%, #e7f2fe 4%, #e6f0fe 9%, #c9dffd 65%, #c4ddfd 96%, #bbd5f6 100%); background-image: -o-linear-gradient(top, #e7f0fe 0%, #e7f2fe 4%, #e6f0fe 9%, #c9dffd 65%, #c4ddfd 96%, #bbd5f6 100%); background-image: linear-gradient(top, #e7f0fe 0%, #e7f2fe 4%, #e6f0fe 9%, #c9dffd 65%, #c4ddfd 96%, #bbd5f6 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: black; font-weight: bold; border: none; } .dateChooserButtonOver, .dateChooserButtonDown { color: #477ccd; cursor: pointer; } .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendDisabled, .dateChooserDisabledWeekendDisabledOver, .dateChooserDisabledWeekendDisabledSelected, .dateChooserDisabledWeekendDisabledSelectedOver, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserDisabledWeekendSelectedDisabled { 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, .dateChooserDisabledWeekdayDisabled, .dateChooserDisabledWeekdayDisabledOver, .dateChooserDisabledWeekdayDisabledSelected, .dateChooserDisabledWeekdayDisabledSelectedOver, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekdaySelectedDisabled { color: #cccccc; } .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendDisabled, .dateChooserDisabledWeekendDisabledOver, .dateChooserDisabledWeekendDisabledSelected, .dateChooserDisabledWeekendDisabledSelectedOver, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserDisabledWeekendSelectedDisabled { 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; } .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelectedDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendDown, .dateChooserWeekendSelectedDown { 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 #8fa7c7; background-color: #bdd8ff; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /*============================================================ 9) Slider & Rangebar ============================================================*/ /* slider and rangebar labels */ .sliderTitle, .sliderRange, .sliderValue, .rangebarTitle, .rangebarRange, .rangebarValue { color: black; font-family: Arial, Verdana, sans-serif; font-size: 10px; } .sliderTitle, .rangebarTitle { color: #4d4d4d; font-weight: bold; } .sliderRange, .rangebarRange { color: black; } /* CSS3 Mode */ .hSliderTrack { background: #f5f5f5; border: 1px solid #d4d4d4; } .vSliderTrack { background: #f5f5f5; border: 1px solid #d4d4d4; } /* CSS3 Mode */ .hSliderTrackDisabled, .vSliderTrackDisabled { background: white; border: 1px solid #e3e3e3; } /* CSS3 Mode */ .hSliderThumbdown, .hSliderThumb { background: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZWVmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlMmVlZmQiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2FmZDFmZCIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjYWJjZGZjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTBjNGYzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2eefd), color-stop(9%, #e2eefd), color-stop(82%, #afd1fd), color-stop(91%, #abcdfc), color-stop(100%, #a0c4f3)); background-image: -webkit-linear-gradient(top, #e2eefd 0%, #e2eefd 9%, #afd1fd 82%, #abcdfc 91%, #a0c4f3 100%); background-image: -moz-linear-gradient(top, #e2eefd 0%, #e2eefd 9%, #afd1fd 82%, #abcdfc 91%, #a0c4f3 100%); background-image: -o-linear-gradient(top, #e2eefd 0%, #e2eefd 9%, #afd1fd 82%, #abcdfc 91%, #a0c4f3 100%); background-image: linear-gradient(top, #e2eefd 0%, #e2eefd 9%, #afd1fd 82%, #abcdfc 91%, #a0c4f3 100%); border: 1px solid #8fa7c7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .vSliderThumbdown, .vSliderThumb { background: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYzRmMyIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNhYmNkZmMiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2FmZDFmZCIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjZTJlZWZkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlZWZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #a0c4f3), color-stop(9%, #abcdfc), color-stop(18%, #afd1fd), color-stop(91%, #e2eefd), color-stop(100%, #e2eefd)); background-image: -webkit-linear-gradient(left, #a0c4f3 0%, #abcdfc 9%, #afd1fd 18%, #e2eefd 91%, #e2eefd 100%); background-image: -moz-linear-gradient(left, #a0c4f3 0%, #abcdfc 9%, #afd1fd 18%, #e2eefd 91%, #e2eefd 100%); background-image: -o-linear-gradient(left, #a0c4f3 0%, #abcdfc 9%, #afd1fd 18%, #e2eefd 91%, #e2eefd 100%); background-image: linear-gradient(left, #a0c4f3 0%, #abcdfc 9%, #afd1fd 18%, #e2eefd 91%, #e2eefd 100%); border: 1px solid #8fa7c7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .hSliderThumbDisabled, .vSliderThumbDisabled { background: #e8e8e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: -moz-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: -o-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); border: 1px solid #c2c5cb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .vSliderThumbDisabled { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: -moz-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: -o-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); border: 1px solid #c2c5cb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*============================================================ 10) DetailViewer ============================================================*/ .my_detailBlock { border-left: 1px solid #ababab; border-top: 1px solid #ababab; } .my_detail, .my_detailLabel, .my_detailHeader { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 18px; } .my_detailLabel { background-color: #fafafa; color: #4d4d4d; font-weight: bold; text-align: right; } .my_detailHeader { background-color: #bdddff; color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 18px; 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNiNmJkYzkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmJkYzkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(96%, #d6d6d6), color-stop(96%, #b6bdc9), color-stop(100%, #b6bdc9)); background-image: -webkit-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #b6bdc9 96%, #b6bdc9 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #b6bdc9 96%, #b6bdc9 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #b6bdc9 96%, #b6bdc9 100%); background-image: linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #b6bdc9 96%, #b6bdc9 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-bottom: 2px dotted #75acff; } /* 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiNkZWRlZGUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(86%, #dedede), color-stop(100%, #d9d9d9)) padding-box; background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #dedede 86%, #d9d9d9 100%) padding-box; background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #dedede 86%, #d9d9d9 100%) padding-box; background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #dedede 86%, #d9d9d9 100%) padding-box; background: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #dedede 86%, #d9d9d9 100%) padding-box; } .imgHeaderButton, .headerButton, .sorterButton { background-color: #fafafa; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; border-bottom: 1px solid #b6bfc9; 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box; background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box; background: -o-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box; background: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; background: -o-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box; background: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box; background: -o-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box; background: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; background: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; background: linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box; } .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { background-color: #f0f8ff; 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 #e7f0fe; } /* 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; } /*============================================================ 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); border-bottom: 1px solid #c4ddfd; border-top: 1px solid #c4ddfd; -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 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 #8fa7c7; color: #3765a4; 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 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: #e7f0fe; background-image: url(images/ToolStrip/background.png); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmYiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmNGY3ZmIiLz48c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RkZGY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f4f7fb), color-stop(2%, #f4f7fb), color-stop(2%, #e7f0fe), color-stop(100%, #cdddf4)); background-image: -webkit-linear-gradient(bottom, #f4f7fb 0%, #f4f7fb 2%, #e7f0fe 2%, #cdddf4 100%); background-image: -moz-linear-gradient(bottom, #f4f7fb 0%, #f4f7fb 2%, #e7f0fe 2%, #cdddf4 100%); background-image: -o-linear-gradient(bottom, #f4f7fb 0%, #f4f7fb 2%, #e7f0fe 2%, #cdddf4 100%); background-image: linear-gradient(bottom, #f4f7fb 0%, #f4f7fb 2%, #e7f0fe 2%, #cdddf4 100%); border: 1px solid #c4c4c4; } .toolStripVertical { background-color: white; background-image: url(images/ToolStrip/background_vertical.png); border: 1px solid #9abdef; } /* tool strip button */ .toolStripButton, .toolStripButtonOver, .toolStripButtonFocused, .toolStripButtonFocusedOver, .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonDisabled, .toolStripButtonSelectedDisabled { border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #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: #b4d4fd; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; -webkit-box-shadow: inset white 0 0 0 1px; -moz-box-shadow: inset white 0 0 0 1px; box-shadow: inset white 0 0 0 1px; } .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); 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: -o-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(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%); border: 1px solid #597db1; } .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedDisabled { 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%); border: 1px solid #858585; } /*============================================================ 12a) ToolStripGroup and IconButton ==============================================================*/ .toolStripGroup, .toolStripGroupOver, .toolStripGroupSelected, .toolStripGroupSelectedDisabled, .toolStripGroupSelectedOver, .toolStripGroupDown, .toolStripGroupSelectedDown, .toolStripGroupDisabled { background: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(1%, #f0f8ff), color-stop(1%, #e7f0fe), color-stop(31%, #c4ddfd), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 31%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 31%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 31%, #c4ddfd 100%); background-image: linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e7f0fe 1%, #c4ddfd 31%, #c4ddfd 100%); border: 1px solid #9cb2ce; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .toolStripGroupTitle, .toolStripGroupTitleOver, .toolStripGroupTitleSelected, .toolStripGroupTitleSelectedDisabled, .toolStripGroupTitleSelectedOver, .toolStripGroupTitleDown, .toolStripGroupTitleSelectedDown, .toolStripGroupTitleDisabled { background-color: #aacefd; 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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 4px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #4d4d4d; } .iconButtonDown { background-color: #b9d4f9; border: 1px solid #8a919e; } .iconButtonOver, .iconButtonSelectedOver, .iconButtonFocusedOver, .iconButtonSelectedFocusedOver { background-color: #e8effd; border: 1px solid #a6abb5; } .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedOver, .iconButtonSelectedFocusedOver { background-color: #aacefd; } .iconButtonDisabled { color: #ababab; } /*============================================================ 13) Tools ============================================================*/ .resizeThumb { background-color: #009999; } /*============================================================ 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); background-image: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); background-image: -moz-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); background-image: -o-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf); background-image: linear-gradient(top, #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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYmRiZGMiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2QwZDBkMiIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYzNjM2M2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzNjM2M2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #dbdbdc), color-stop(75%, #d0d0d2), color-stop(92%, #c3c3c6), color-stop(100%, #c3c3c6)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #eaeaeb 42%, #dbdbdc 50%, #d0d0d2 75%, #c3c3c6 92%, #c3c3c6 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #eaeaeb 42%, #dbdbdc 50%, #d0d0d2 75%, #c3c3c6 92%, #c3c3c6 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #eaeaeb 42%, #dbdbdc 50%, #d0d0d2 75%, #c3c3c6 92%, #c3c3c6 100%); background-image: linear-gradient(left, #f5f5f5 0%, #eaeaeb 42%, #dbdbdc 50%, #d0d0d2 75%, #c3c3c6 92%, #c3c3c6 100%); -webkit-box-shadow: inset -1px -1px 0 0 #dadbdc, inset 0 1px 0 0 #ededed; -moz-box-shadow: inset -1px -1px 0 0 #dadbdc, inset 0 1px 0 0 #ededed; box-shadow: inset -1px -1px 0 0 #dadbdc, inset 0 1px 0 0 #ededed; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-right: 1px; } .vScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; margin-right: 1px; } .hScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: linear-gradient(top, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); -webkit-box-shadow: inset 0 -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; -moz-box-shadow: inset 0 -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; box-shadow: inset 0 -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom: 1px; } .hScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; -moz-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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -moz-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -o-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); border-left: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjBmZSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlN2YwZmUiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e7f0fe), color-stop(4%, #e7f0fe), color-stop(4%, #c4ddfd), color-stop(100%, #e7f0fe)); background-image: -webkit-linear-gradient(left, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -moz-linear-gradient(left, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -o-linear-gradient(left, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: linear-gradient(left, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); border-left: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelected { background-color: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -moz-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -o-linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: linear-gradient(left, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 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: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedOver { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDown { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(left, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLefttFocused { 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: #f0f8ff; border-left: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(left, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -moz-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -o-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjBmZSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlN2YwZmUiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f0fe), color-stop(4%, #e7f0fe), color-stop(4%, #c4ddfd), color-stop(100%, #e7f0fe)); background-image: -webkit-linear-gradient(right, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -moz-linear-gradient(right, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -o-linear-gradient(right, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: linear-gradient(right, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelected { background-color: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -moz-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -o-linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: linear-gradient(right, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 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: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedOver { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDown { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(right, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .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: #f0f8ff; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(right, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjBmZSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlN2YwZmUiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7f0fe), color-stop(4%, #e7f0fe), color-stop(4%, #c4ddfd), color-stop(100%, #e7f0fe)); background-image: -webkit-linear-gradient(top, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -moz-linear-gradient(top, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -o-linear-gradient(top, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: linear-gradient(top, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonTopSelected { background-color: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -o-linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: linear-gradient(top, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 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: #153e8a; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopSelectedOver { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopSelectedDown { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(top, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .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: #f0f8ff; border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-top: 1px solid #8fa7c7; -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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(top, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -moz-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: -o-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); background-image: linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #c4ddfd 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; -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: #c4ddfd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjBmZSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlN2YwZmUiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e7f0fe), color-stop(4%, #e7f0fe), color-stop(4%, #c4ddfd), color-stop(100%, #e7f0fe)); background-image: -webkit-linear-gradient(bottom, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -moz-linear-gradient(bottom, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: -o-linear-gradient(bottom, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); background-image: linear-gradient(bottom, #e7f0fe 0%, #e7f0fe 4%, #c4ddfd 4%, #e7f0fe 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelected { background-color: #f0f8ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f8ff), color-stop(4%, #f0f8ff), color-stop(4%, #e7f0fe), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 100%); background-image: linear-gradient(bottom, #f0f8ff 0%, #f0f8ff 4%, #e7f0fe 4%, #ffffff 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: #153e8a; 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: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDown { background-color: #d0dff6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjFmZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNlMmYxZmQiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzlkZmZkIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmYwZmUiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VjZjNmZSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVmOWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e2f1fd), color-stop(4%, #e2f1fd), color-stop(4%, #c9dffd), color-stop(23%, #e6f0fe), color-stop(32%, #ecf3fe), color-stop(68%, #f5f9ff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); background-image: linear-gradient(bottom, #e2f1fd 0%, #e2f1fd 4%, #c9dffd 4%, #e6f0fe 23%, #ecf3fe 32%, #f5f9ff 68%, #ffffff 100%); border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; -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: #2e67d0; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .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: #f0f8ff; border-left: 1px solid #8fa7c7; border-right: 1px solid #8fa7c7; border-bottom: 1px solid #8fa7c7; -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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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: #e7f0fe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTdmMGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(4%, #e7f0fe), color-stop(100%, #f0f8ff)); background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 100%); background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 4%, #e7f0fe 4%, #f0f8ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: -moz-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: -o-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: linear-gradient(left, #990000 0%, #ff0000 100%); } .chartBar2 { background-color: #0000FF; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: -moz-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: -o-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: linear-gradient(left, #000099 0%, #0000ff 100%); } .chartBar3 { background-color: #0000ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+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: -webkit-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: -moz-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: -o-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: linear-gradient(left, #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 ============================================================*/ .my_calendar, .my_calendarDisabled, .my_calendarWorkday, .my_calendarWorkdayDisabled, .my_calendarDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calendarWorkdayDisabled, .my_calendarDark, .my_calendarDisabled { background-color: #fafafa; } .my_calendarWorkday { background-color: #f2f2f2; } .my_calendarOver, .my_calendarOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calendarCellSelected { background-color: #cccccc; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .labelColumn { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* ----month---- */ /* calMonthDayHeader and Body */ .my_calMonthDayHeader, .my_calMonthDayHeaderDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calMonthDayHeaderOver, .my_calMonthDayHeaderOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calMonthDayBody, .my_calMonthDayBodyDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calMonthDayBodyOver, .my_calMonthDayBodyOverDark, .my_calMonthDayBodySelected, .my_calMonthDayBodySelectedDark, .my_calMonthDayBodySelectedOver, .my_calMonthDayBodySelectedOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .my_calMonthDayBodyDisabled, .my_calMonthDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 16px; } /* 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; } .calMonthOtherDayHeaderOver, .calMonthOtherDayHeaderOverDark { background-color: #c0d8ec; 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: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* calMonthOtherDayBlank */ .my_calMonthOtherDayBlank, .my_calMonthOtherDayBlankDark, .my_calMonthOtherDayBlankOver, .my_calMonthOtherDayBlankOverDark, .my_calMonthOtherDayBlankSelected, .my_calMonthOtherDayBlankSelectedDark, .my_calMonthOtherDayBlankSelectedOver, .my_calMonthOtherDayBlankSelectedOverDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Arial, Verdana, sans-serif; font-size: 16px; } /* 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---- */ .my_eventWindow { background-color: #f0f8ff; border: 1px solid #d0dff6; font-family: Arial, Verdana, sans-serif; font-size: 13px; } .my_eventWindowHeader { background-color: #d0dff6; color: #4d4d4d; font-family: Arial, Verdana, sans-serif; font-size: 13px; } .my_eventWindowBody { background-color: #f0f8ff; color: black; font-family: Arial, Verdana, sans-serif; font-size: 13px; padding: 3px; } .my_eventWindowResizer { border-bottom: 1px solid white; border-top: 1px solid white; } /*============================================================ 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, .propSheetDisabled { 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: #cfd9f2; color: #204269; 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; } .showQoo .sorterButton { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiNkZWRlZGUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(86%, #dedede), color-stop(100%, #d9d9d9)) padding-box; background: -webkit-linear-gradient(top, #FF0000 0%, #FF0000 24%, #FF0000 86%, #FF0000 100%) padding-box; background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 24%, #FF0000 86%, #FF0000 100%) padding-box; background: -o-linear-gradient(top, #FF0000 0%, #FF0000 24%, #FF0000 86%, #FF0000 100%) padding-box; background: linear-gradient(top, #FF0000 0%, #FF0000 24%, #FF0000 86%, #FF0000 100%) padding-box; }