/*Begin Font-Face Config*/ @font-face { font-family:"HelveticaNeueW01-67MdCn 692713"; src:url("../../../../fonts/692686_eot.eot?iefix") format("eot"); } @font-face { font-family:"HelveticaNeueW01-67MdCn 692713"; src:url("../../../../fonts/692686_eot.eot?iefix"); src:url("../../../../fonts/692696_woff.woff") format("woff"), url("../../../../fonts/692696_svg.svg") format("svg"); } @font-face { font-family:"HelveticaNeueW01-47LtCn 692689"; src:url("../../../../fonts/692689_eot.eot?iefix") format("eot"); } @font-face { font-family:"HelveticaNeueW01-47LtCn 692689"; src:url("../../../../fonts/692689_eot.eot?iefix"); src:url("../../../../fonts/692689_woff.woff") format("woff"), url("../../../../fonts/692689_ttf.ttf") format("truetype"), url("../../../../fonts/692689_svg.svg") format("svg"); } @font-face { font-family:"'HelveticaNeueW01-67MdCn 692713'"; src:url("../../../../fonts/692710_eot.eot?iefix") format("eot"); } @font-face { font-family:"'HelveticaNeueW01-67MdCn 692713'"; src:url("../../../../fonts/692710_eot.eot?iefix"); src:url("../../../../fonts/692710_woff.woff") format("woff"), url("../../../../fonts/692710_ttf.ttf") format("truetype"), url("../../../../fonts/692710_svg.svg") format("svg"); } @font-face { font-family:"HelveticaNeueW01-67MdCn 692713"; src:url("../../../../fonts/692713_eot.eot?iefix") format("eot"); } @font-face { font-family:"HelveticaNeueW01-67MdCn 692713"; src:url("../../../../fonts/692713_eot.eot?iefix"); src:url("../../../../fonts/692713_woff.woff") format("woff"), url("../../../../fonts/692713_ttf.ttf") format("truetype"), url("../../../../fonts/692713_svg.svg") format("svg"); } /*END Font-Face Config*/ /*============================================================ This CSS file is generated by skins/EnterpriseSeries/sass/_base.scss This file should NOT be edited directly, unless renamed to something other than skin_styles.css otherwise it may get overwritten by _base.scss. ==============================================================*/ /*============================================================ "SmartEport" 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: Helvetica, Verdana, sans-serif; font-size: 12px; } /* default text */ .normal { color: #333333; font-family: Helvetica; font-size: 12px; } .defaultBorder { border: 1px solid #ababab; } /* drag outline */ .dragOutline { border: 1px dashed #f90f0b; } /* drop indicator */ .dropBorder { background-color: gray; } /* hover canvas */ .canvasHover, .gridHover, .formHover { background-color: #fdfdd3; border: 1px solid gray; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 5px; } /* group label */ .groupLabel { color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding-left: 5px; padding-right: 5px; } /* CSS3 Mode */ .richTextEditorBorder { border-top: 3px solid #e0e0e0; border-bottom: 4px solid #e0e0e0; border-left: 4px solid #e0e0e0; border-right: 4px solid #e0e0e0; -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; } /*============================================================ 2) Button button.baseStyle buttonStrip.baseStyle buttonTable.baseButtonStyle listBar.labelStyle listGrid.headerBaseStyle (not in this skin) ============================================================*/ .button, .buttonOver, .buttonFocused, .buttonFocusedOver, .buttonDown, .buttonFocusedDown, .buttonSelected, .buttonSelectedFocused, .buttonSelectedDown, .buttonSelectedFocusedDown, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonDisabled, .buttonSelectedDisabled { background-image: url("./images/cssButton/button_stretch.png"); background-repeat: repeat-x; border: 1px solid #ababab; color: black; font-family: Helvetica; font-size: 14px; padding: 2px; } /* CSS3 Mode */ .buttonRounded, .buttonRoundedOver, .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedDisabled, .buttonRoundedSelectedDisabled { background-image: url("./images/cssButton/button_stretch.png"); background-repeat: repeat-x; border: 1px solid #456592; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family: Helvetica; font-size: 14px; padding: 0 3px; } .buttonRounded, .buttonRoundedOver, .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver { color: #555555; } /* CSS3 Mode .buttonRounded { border: 1px solid #919191; -webkit-box-shadow: inset 0 1px 0 0 #d3dfee, inset 0 0 2px 0 #d3dfee; -moz-box-shadow: inset 0 1px 0 0 #d3dfee, inset 0 0 2px 0 #d3dfee; box-shadow: inset 0 1px 0 0 #d3dfee, inset 0 0 2px 0 #d3dfee; }*/ /* CSS3 Mode */ .buttonRoundedDisabled { background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; border-bottom: 1px solid #b6bdc9; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #bfbfbf; } .buttonDisabled { background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; border-bottom: 1px solid #b6bdc9; 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-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; border: 1px solid #9e9e9e; } /* CSS3 Mode */ .buttonRoundedOver, .buttonRoundedFocusedOver, .buttonRoundedSelectedFocused, .buttonRoundedSelectedFocusedOver { background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; border: 1px solid #9e9e9e; } .buttonDown, .buttonFocusedDown, .buttonSelectedDown, .buttonSelectedFocusedDown { background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; border: 1px solid #b19e59; } /* CSS3 Mode */ .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown { background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; -webkit-box-shadow: inset 2px 0 2px #efbf80, inset -2px 0 2px #efbf80; -moz-box-shadow: inset 2px 0 2px #efbf80, inset -2px 0 2px #efbf80; box-shadow: inset 2px 0 2px #efbf80, inset -2px 0 2px #efbf80; border: 1px solid #b19e59; } .buttonSelected, .buttonSelectedFocused, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonSelectedDisabled { background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; border: 1px solid #9e9e9e; } /* CSS3 Mode */ .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedDisabled { background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; -webkit-box-shadow: inset #fdf3d8 0 -1px 1px, inset #fdf3d8 -1px 0 1px, inset #fdf3d8 1px 0 1px; -moz-box-shadow: inset #fdf3d8 0 -1px 1px, inset #fdf3d8 -1px 0 1px, inset #fdf3d8 1px 0 1px; box-shadow: inset #fdf3d8 0 -1px 1px, inset #fdf3d8 -1px 0 1px, inset #fdf3d8 1px 0 1px; border: 1px solid #9e9e9e; } /* ImgButton */ .imgButton, .imgButtonOver, .imgButtonSelected, .imgButtonSelectedDisabled, .imgButtonSelectedOver, .imgButtonDown, .imgButtonSelectedDown, .imgButtonDisabled { font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .imgButtonDisabled { color: #666666; } /* StretchImgButton */ .stretchImgButton, .stretchImgButtonSelected, .stretchImgButtonSelectedOver, .stretchImgButtonOver, .stretchImgButtonDown, .stretchImgButtonSelectedDown, .stretchImgButtonSelectedDisabled, .stretchImgButtonDisabled { font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .stretchImgButtonOver { font-weight: normal; } .stretchImgButtonSelectedDisabled, .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: Helvetica, Verdana, sans-serif; font-size: 11px; } .buttonTitleDisabled, .buttonTitleSelectedDisabled { color: #ababab; font-weight: normal; } /*============================================================ 3) Menus ============================================================*/ .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; } .menuMainRTL { background-color: white; background-repeat: repeat-y; background-attachment: scroll; text-align: left; } .menuTable { border: 1px solid #ababab; } .treeMenuBody { background: white; } .menu, .menuSelected, .menuOver, .menuSelectedOver, .menuDisabled, .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled, .menuIconField, .menuIconFieldOver, .menuIconFieldSelected, .menuIconFieldSelectedOver, .menuIconFieldDisabled, .treeMenuSelected, .treeMenuSelectedOver, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { border-bottom: 1px solid transparent; border-top: 1px solid transparent; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding-bottom: 2px; padding-top: 2px; } .menuOver, .menuOverDark, .menuSelectedOver, .menuSelectedOverDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .treeMenuSelected, .treeMenuSelectedDark, .treeMenuSelectedOver, .treeMenuSelectedOverDark, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); border-bottom: 1px solid #b9b3a2; border-top: 1px solid #b9b3a2; -webkit-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; -moz-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; } .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled { padding-left: 4px; } .menuIconField, .menuIconFieldDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelected, .menuIconFieldSelectedDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .menuIconFieldDisabled { padding-left: 4px; padding-right: 4px; } .menuDisabled, .menuTitleFieldDisabled, .menuIconFieldDisabled { color: #ababab; } /* menu header buttons */ .menuButton, .menuButtonOver, .menuButtonDown, .menuButtonDisabled, .menuButtonFocused, .menuButtonFocusedDown, .menuButtonFocusedOver, .menuButtonSelected, .menuButtonSelectedDown, .menuButtonSelectedOver, .menuButtonSelectedDisabled { 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZDFlNSIvPjxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjYWZjMGQ0Ii8+PHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNiOWM3ZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2RlZWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd1e5), color-stop(47%, #afc0d4), color-stop(63%, #b9c7da), color-stop(100%, #d3deee)); background-image: -webkit-linear-gradient(top, #bdd1e5 0%, #afc0d4 47%, #b9c7da 63%, #d3deee 100%); background-image: -moz-linear-gradient(top, #bdd1e5 0%, #afc0d4 47%, #b9c7da 63%, #d3deee 100%); background-image: -o-linear-gradient(top, #bdd1e5 0%, #afc0d4 47%, #b9c7da 63%, #d3deee 100%); background-image: linear-gradient(top, #bdd1e5 0%, #afc0d4 47%, #b9c7da 63%, #d3deee 100%); border: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; } .menuButtonOver { background-color: #fdecb4; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjVlMyIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmNlYmM1Ii8+PHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiNmYWUzYWQiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZDM4OCIvPjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZjVkMzhhIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmNWQ2OGYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmU5YzEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf5e3), color-stop(11%, #fcebc5), color-stop(37%, #fae3ad), color-stop(53%, #f6d388), color-stop(58%, #f5d38a), color-stop(68%, #f5d68f), color-stop(100%, #fbe9c1)); background-image: -webkit-linear-gradient(top, #fdf5e3 0%, #fcebc5 11%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #fbe9c1 100%); background-image: -moz-linear-gradient(top, #fdf5e3 0%, #fcebc5 11%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #fbe9c1 100%); background-image: -o-linear-gradient(top, #fdf5e3 0%, #fcebc5 11%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #fbe9c1 100%); background-image: linear-gradient(top, #fdf5e3 0%, #fcebc5 11%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #fbe9c1 100%); } .menuButtonDown, .menuButtonFocusedDown, .menuButtonFocusedOver, .menuButtonSelected, .menuButtonSelectedDown, .menuButtonSelectedOver { background-color: #ffecbd; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzY2Y5NiIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmM2NiOGMiLz48c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2Y0ZDE5NSIvPjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZjhkZGFhIi8+PHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNmYWUyYjIiLz48c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZiZTViNiIvPjxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjZmFlM2FkIi8+PHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiNmNmQzODgiLz48c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2Y1ZDM4YSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjVkNjhmIi8+PHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmOGRmYWEiLz48c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iI2Y4ZGZhYSIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZjZkYWEyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNjZDkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3cf96), color-stop(5%, #f3cb8c), color-stop(11%, #f4d195), color-stop(16%, #f8ddaa), color-stop(21%, #fae2b2), color-stop(26%, #fbe5b6), color-stop(37%, #fae3ad), color-stop(53%, #f6d388), color-stop(58%, #f5d38a), color-stop(68%, #f5d68f), color-stop(84%, #f8dfaa), color-stop(89%, #f8dfaa), color-stop(95%, #f6daa2), color-stop(100%, #f3cd91)); background-image: -webkit-linear-gradient(top, #f3cf96 0%, #f3cb8c 5%, #f4d195 11%, #f8ddaa 16%, #fae2b2 21%, #fbe5b6 26%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #f8dfaa 84%, #f8dfaa 89%, #f6daa2 95%, #f3cd91 100%); background-image: -moz-linear-gradient(top, #f3cf96 0%, #f3cb8c 5%, #f4d195 11%, #f8ddaa 16%, #fae2b2 21%, #fbe5b6 26%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #f8dfaa 84%, #f8dfaa 89%, #f6daa2 95%, #f3cd91 100%); background-image: -o-linear-gradient(top, #f3cf96 0%, #f3cb8c 5%, #f4d195 11%, #f8ddaa 16%, #fae2b2 21%, #fbe5b6 26%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #f8dfaa 84%, #f8dfaa 89%, #f6daa2 95%, #f3cd91 100%); background-image: linear-gradient(top, #f3cf96 0%, #f3cb8c 5%, #f4d195 11%, #f8ddaa 16%, #fae2b2 21%, #fbe5b6 26%, #fae3ad 37%, #f6d388 53%, #f5d38a 58%, #f5d68f 68%, #f8dfaa 84%, #f8dfaa 89%, #f6daa2 95%, #f3cd91 100%); border: 1px solid #ababab; } .menuButtonDisabled, .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: #708ea9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxOTBhMiIvPjxzdG9wIG9mZnNldD0iNHB4IiBzdG9wLWNvbG9yPSIjODE5MGEyIi8+PHN0b3Agb2Zmc2V0PSI2cHgiIHN0b3AtY29sb3I9IiM3Nzg0OTIiLz48c3RvcCBvZmZzZXQ9IjEwcHgiIHN0b3AtY29sb3I9IiMzOTQxNDYiLz48c3RvcCBvZmZzZXQ9IjE0cHgiIHN0b3AtY29sb3I9IiM1MTVhNWQiLz48c3RvcCBvZmZzZXQ9IjE4cHgiIHN0b3AtY29sb3I9IiM1ZTZhNzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTZhNzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8190a2), color-stop(4px, #8190a2), color-stop(6px, #778492), color-stop(10px, #394146), color-stop(14px, #515a5d), color-stop(18px, #5e6a73), color-stop(100%, #5e6a73)); background-image: -webkit-linear-gradient(top, #8190a2 0%, #8190a2 4px, #778492 6px, #394146 10px, #515a5d 14px, #5e6a73 18px, #5e6a73 100%); background-image: -moz-linear-gradient(top, #8190a2 0%, #8190a2 4px, #778492 6px, #394146 10px, #515a5d 14px, #5e6a73 18px, #5e6a73 100%); background-image: -o-linear-gradient(top, #8190a2 0%, #8190a2 4px, #778492 6px, #394146 10px, #515a5d 14px, #5e6a73 18px, #5e6a73 100%); background-image: linear-gradient(top, #8190a2 0%, #8190a2 4px, #778492 6px, #394146 10px, #515a5d 14px, #5e6a73 18px, #5e6a73 100%); border: 1px solid #4a4a4a; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -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; */ } .windowBody, .dialogBody { background-color: white; border: 1px solid white; border-radius: 8px 8px 8px 8px; } .windowHeader, .dialogHeader { padding: 0; } .windowHeaderText, .dialogHeaderText { color: white; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; } .modalMask { background-color: black; } /*============================================================ 5) Layout ============================================================*/ .layoutDropLine { background-color: #dbe0e6; } .layoutPlaceHolder { border: 1px solid black; } .hSplitbar { background: #dbe0e6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYzdjN2M3Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNlN2VhZWYiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2U3ZWFlZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZGJlMGU2Ii8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2NiZDJkYyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2JkMmRjIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7c7c7), color-stop(20%, #c7c7c7), color-stop(20%, #e7eaef), color-stop(40%, #e7eaef), color-stop(40%, #dbe0e6), color-stop(60%, #dbe0e6), color-stop(60%, #cbd2dc), color-stop(80%, #cbd2dc), color-stop(80%, #b5b5b5), color-stop(100%, #b5b5b5)); background-image: -webkit-linear-gradient(top, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: -moz-linear-gradient(top, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: -o-linear-gradient(top, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: linear-gradient(top, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); } .hSplitbarDown { border: 1px solid #757575; } .vSplitbar { background: #dbe0e6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYzdjN2M3Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNlN2VhZWYiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2U3ZWFlZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZGJlMGU2Ii8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2NiZDJkYyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2JkMmRjIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c7c7c7), color-stop(20%, #c7c7c7), color-stop(20%, #e7eaef), color-stop(40%, #e7eaef), color-stop(40%, #dbe0e6), color-stop(60%, #dbe0e6), color-stop(60%, #cbd2dc), color-stop(80%, #cbd2dc), color-stop(80%, #b5b5b5), color-stop(100%, #b5b5b5)); background-image: -webkit-linear-gradient(left, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: -moz-linear-gradient(left, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: -o-linear-gradient(left, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); background-image: linear-gradient(left, #c7c7c7 0%, #c7c7c7 20%, #e7eaef 20%, #e7eaef 40%, #dbe0e6 40%, #dbe0e6 60%, #cbd2dc 60%, #cbd2dc 80%, #b5b5b5 80%, #b5b5b5 100%); } .vSplitbarDown { border: 1px solid #757575; } /*============================================================ 6) TabSet and tab titles ============================================================*/ .tabSetContainer { color: #d6d6d6; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .tabBaseline { z-index: 10000000; } .tab, .tabOver, .tabSelected, .tabSelectedOver, .tabDown, .tabSelectedDown, .tabSelectedDisabled, .tabDisabled { font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .tabTitle, .tabTitleDown, .tabTitleOver, .tabTitleDisabled, .tabTitleSelected, .tabTitleSelectedDown, .tabTitleSelectedOver, .tabTitleSelectedDisabled, .vtabTitle, .vtabTitleSelected, .vtabTitleOver, .vtabTitleDown, .vtabTitleSelectedOver, .vtabTitleSelectedDown, .vtabTitleDisabled, .vtabTitleSelectedDisabled { color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding-bottom: 1px; } .tabTitleOver, .vtabTitleOver { color: #29333c; } .tabTitleSelected, .vtabTitleSelected { color: white; font-weight: normal; } .tabTitleSelectedOver, .vtabTitleSelectedOver { color: #29333c; font-weight: normal; } .tabTitleDisabled, .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: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .imgSectionHeaderTitleDisabledopened, .imgSectionHeaderTitleDisabledclosed { border-left: 5px; color: gray; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .sectionHeaderTitleopened, .sectionHeaderTitleclosed { color: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .sectionHeaderTitleDisabledopened, .sectionHeaderTitleDisabledclosed { color: gray; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } /* SectionStack headers - css based */ .sectionHeaderopened, .sectionHeaderclosed, .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { color: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 2px; } .sectionHeaderopened { background-color: #5d6b7e; background-image: url(./images/SectionHeader/header_opened_stretch.png); background-repeat: repeat-x; background-attachment: scroll; border-top: 1px solid #8fa2bc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5ODU5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkNmI3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #798596), color-stop(100%, #5d6b7e)); background-image: -webkit-linear-gradient(top, #798596 0%, #5d6b7e 100%); background-image: -moz-linear-gradient(top, #798596 0%, #5d6b7e 100%); background-image: -o-linear-gradient(top, #798596 0%, #5d6b7e 100%); background-image: linear-gradient(top, #798596 0%, #5d6b7e 100%); } .sectionHeaderclosed { background-color: #5d6b7e; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyOTJhMSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiM3MjkyYTEiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjNmE3YTkwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNWQ2YjdlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7292a1), color-stop(4%, #7292a1), color-stop(4%, #6a7a90), color-stop(100%, #5d6b7e)); background-image: -webkit-linear-gradient(top, #7292a1 0%, #7292a1 4%, #6a7a90 4%, #5d6b7e 100%); background-image: -moz-linear-gradient(top, #7292a1 0%, #7292a1 4%, #6a7a90 4%, #5d6b7e 100%); background-image: -o-linear-gradient(top, #7292a1 0%, #7292a1 4%, #6a7a90 4%, #5d6b7e 100%); background-image: linear-gradient(top, #7292a1 0%, #7292a1 4%, #6a7a90 4%, #5d6b7e 100%); } .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { background-color: #bce7e7; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBCE7E7', endColorstr='#FFC7C7C7'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjZTdlNyIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzdjN2M3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bce7e7), color-stop(4%, #cfcfcf), color-stop(9%, #cfcfcf), color-stop(100%, #c7c7c7)); background-image: -webkit-linear-gradient(top, #bce7e7 0%, #cfcfcf 4%, #cfcfcf 9%, #c7c7c7 100%); background-image: -moz-linear-gradient(top, #bce7e7 0%, #cfcfcf 4%, #cfcfcf 9%, #c7c7c7 100%); background-image: -o-linear-gradient(top, #bce7e7 0%, #cfcfcf 4%, #cfcfcf 9%, #c7c7c7 100%); background-image: linear-gradient(top, #bce7e7 0%, #cfcfcf 4%, #cfcfcf 9%, #c7c7c7 100%); border: 1px solid #e6e6e6; color: gray; } .cellopened { background-color: #FF0000; } .cellclosed { background-color: #FF00AA; } /*============================================================ 8) Forms ============================================================*/ /* general form styles */ .formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled { font-family: Helvetica; font-size: 12px; cursor:default; } .formTitle, .formTitleFocused, .formTitleDisabled, .formCellError, .formTitleError, .formHint, .headerItem, .headerItemDisabled, .headerItemError, .staticTextItem, .staticTextItemDisabled, .staticTextItemError, .textItem, .textItemFocused, .textItemDisabled, .textItemDisabledHint, .textItemError, .textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .selectItemText, .selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused, .comboBoxItemPendingText, .pickListCell, .pickListCellSelected, .pickListCellDisabled, .pickListCellDark, .pickListCellSelectedDark, .pickListCellDisabledDark, .tallPickListCell, .tallPickListCellSelected, .tallPickListCellDisabled, .tallPickListCellDark, .tallPickListCellSelectedDark, .tallPickListCellDisabledDark, .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused { color: #333333; font-family: Helvetica; font-size: 12px; } .comboBoxItemPendingText { color: #0066cc; } .formTitle, .formTitleFocused { color: #333333; } .formTitleDisabled { color: #ababab; } .formCellError, .formTitleError { color: #204269; font-weight: bold; } .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: Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; } /* text-based items common props */ .textItem, .textItemFocused, .textItemDisabled, .textItemDisabledHint, .textItemError, .textItemHint, .comboBoxItemPendingText, .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextDisabled, .selectItemTextHint { background: white; border: 1px solid #ababab; color: black; padding: 4px 2px 4px 2px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .comboBoxItemPendingText, .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextDisabled, .selectItemTextHint { border-right: 0; } .textItem { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #ababab; } .textItemDisabled, .textItemDisabledHint, .selectItemTextDisabled { background-color: white; border: 1px solid #ababab; color: #ababab; } .textItemHint, .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 */ .selectItemTextFocused { border: 1px solid #587aad; color: black; -moz-outline-offset: -1; } .textItemFocused, .selectItemTextFocused { color: black; border-bottom: 1px solid #ecdec0; border-left: 1px solid #efe3b8; border-right: 1px solid #dbd0b3; border-top: 1px solid #ad9c58; -moz-outline-offset: -1; } .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextDisabled { padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; border-right: 0; } .selectItemPickerIcon, .selectItemPickerIconFocused, .selectItemPickerIconDisabled, .selectItemPickerIconError { padding: 0px; cursor:pointer; } .pickListMenuBody { background-color: white; border: 1px solid #c7ba8f; } .pickListCell, .pickListCellDark, .tallPickListCell, .tallPickListCellDark { color: black; } .pickListCellSelected, .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+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZGYwYzQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmMmU1Ii8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmZmYyZDEiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fdf0c4), color-stop(5%, #fdf0c4), color-stop(5%, #fff2e5), color-stop(95%, #fff2d1), color-stop(95%, #fdf0c4), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 1%, #fdf0c4 5%, #fff2e5 5%, #fff2d1 95%, #fdf0c4 95%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 1%, #fdf0c4 5%, #fff2e5 5%, #fff2d1 95%, #fdf0c4 95%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 1%, #fdf0c4 5%, #fff2e5 5%, #fff2d1 95%, #fdf0c4 95%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 1%, #fdf0c4 5%, #fff2e5 5%, #fff2d1 95%, #fdf0c4 95%, #fdf0c4 100%); color: black; } .tallPickListCellSelected, .tallPickListCellSelectedDark { background: #fff5d6; border-bottom: 1px dotted #e9e19f; border-top: 1px dotted #e9e19f; } .pickListCellDisabled, .tallPickListCellDisabled, .pickListCellDisabledDark, .tallPickListCellDisabledDark { background-color: #bfbfbf; color: #545454; } /* checkbox and radioButton */ .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused { color: black; font-family: Helvetica, Verdana, sans-serif; text-decoration: none; } .labelAnchorDisabled { color: #ababab; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; } .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused, .dateChooserNavButtonFocusedOver, .dateChooserNavButtonFocusedDown { background: #46566d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkODA5NyIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiM3Mzg0OWMiLz48c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzZhN2E5MCIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNDU1MDVlIi8+PHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiMzYzQ0NGUiLz48c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzI1MmUzNyIvPjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjMjQyZjM4Ii8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiMzZDQ3NGQiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzQ5NTY1ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhNTc2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d8097), color-stop(4%, #73849c), color-stop(13%, #6a7a90), color-stop(35%, #45505e), color-stop(43%, #3c444e), color-stop(52%, #252e37), color-stop(57%, #242f38), color-stop(83%, #3d474d), color-stop(96%, #49565f), color-stop(100%, #4a5764)); background-image: -webkit-linear-gradient(top, #6d8097 0%, #73849c 4%, #6a7a90 13%, #45505e 35%, #3c444e 43%, #252e37 52%, #242f38 57%, #3d474d 83%, #49565f 96%, #4a5764 100%); background-image: -moz-linear-gradient(top, #6d8097 0%, #73849c 4%, #6a7a90 13%, #45505e 35%, #3c444e 43%, #252e37 52%, #242f38 57%, #3d474d 83%, #49565f 96%, #4a5764 100%); background-image: -o-linear-gradient(top, #6d8097 0%, #73849c 4%, #6a7a90 13%, #45505e 35%, #3c444e 43%, #252e37 52%, #242f38 57%, #3d474d 83%, #49565f 96%, #4a5764 100%); background-image: linear-gradient(top, #6d8097 0%, #73849c 4%, #6a7a90 13%, #45505e 35%, #3c444e 43%, #252e37 52%, #242f38 57%, #3d474d 83%, #49565f 96%, #4a5764 100%); color: black; font-family: Helvetica, 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: #b4bdc9; 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: #ffe49c; } .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 #ffe49c; } .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: Helvetica, 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: #ffe49c; border: 2px solid #ffe49c; } .dateChooserWeekdayOver, .dateChooserWeekendOver { border: 2px solid #536782; } .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelectedDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendDown, .dateChooserWeekendSelectedDown { background-color: #c2ccde; border: 2px solid #536782; 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 #121212; background-color: #30415a; 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: Helvetica, Verdana, sans-serif; font-size: 10px; } .sliderTitle, .rangebarTitle { color: #4d4d4d; font-weight: bold; } .sliderRange, .rangebarRange { color: black; } /* CSS3 Mode */ .hSliderTrack { background: #b9bfd5; -webkit-box-shadow: inset #616570 0 1px 1px; -moz-box-shadow: inset #616570 0 1px 1px; box-shadow: inset #616570 0 1px 1px; } .vSliderTrack { background: #b9bfd5; -webkit-box-shadow: inset #616570 1px 1px 1px; -moz-box-shadow: inset #616570 1px 1px 1px; box-shadow: inset #616570 1px 1px 1px; } /* CSS3 Mode */ .hSliderTrackDisabled, .vSliderTrackDisabled { background: white; border: 1px solid #e3e3e3; } /* CSS3 Mode */ .hSliderThumbdown, .hSliderThumb { background: #9aabc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYmNjOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNiMWJjYzgiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzhjYTBiYSIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjOGI5ZGI2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGU5NTlmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1bcc8), color-stop(9%, #b1bcc8), color-stop(82%, #8ca0ba), color-stop(91%, #8b9db6), color-stop(100%, #8e959f)); background-image: -webkit-linear-gradient(top, #b1bcc8 0%, #b1bcc8 9%, #8ca0ba 82%, #8b9db6 91%, #8e959f 100%); background-image: -moz-linear-gradient(top, #b1bcc8 0%, #b1bcc8 9%, #8ca0ba 82%, #8b9db6 91%, #8e959f 100%); background-image: -o-linear-gradient(top, #b1bcc8 0%, #b1bcc8 9%, #8ca0ba 82%, #8b9db6 91%, #8e959f 100%); background-image: linear-gradient(top, #b1bcc8 0%, #b1bcc8 9%, #8ca0ba 82%, #8b9db6 91%, #8e959f 100%); border: 1px solid #6b6b6b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .vSliderThumbdown, .vSliderThumb { background: #9aabc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlOTU5ZiIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiM4YjlkYjYiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzhjYTBiYSIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjYjFiY2M4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFiY2M4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #8e959f), color-stop(9%, #8b9db6), color-stop(18%, #8ca0ba), color-stop(91%, #b1bcc8), color-stop(100%, #b1bcc8)); background-image: -webkit-linear-gradient(bottom, #8e959f 0%, #8b9db6 9%, #8ca0ba 18%, #b1bcc8 91%, #b1bcc8 100%); background-image: -moz-linear-gradient(bottom, #8e959f 0%, #8b9db6 9%, #8ca0ba 18%, #b1bcc8 91%, #b1bcc8 100%); background-image: -o-linear-gradient(bottom, #8e959f 0%, #8b9db6 9%, #8ca0ba 18%, #b1bcc8 91%, #b1bcc8 100%); background-image: linear-gradient(bottom, #8e959f 0%, #8b9db6 9%, #8ca0ba 18%, #b1bcc8 91%, #b1bcc8 100%); border: 1px solid #6b6b6b; -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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjJmNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGYyZjQiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NmZDdlMiIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjY2RkNWUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhjYmQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f2f4), color-stop(9%, #f0f2f4), color-stop(82%, #cfd7e2), color-stop(91%, #cdd5e0), color-stop(100%, #c8cbd0)); background-image: -webkit-linear-gradient(top, #f0f2f4 0%, #f0f2f4 9%, #cfd7e2 82%, #cdd5e0 91%, #c8cbd0 100%); background-image: -moz-linear-gradient(top, #f0f2f4 0%, #f0f2f4 9%, #cfd7e2 82%, #cdd5e0 91%, #c8cbd0 100%); background-image: -o-linear-gradient(top, #f0f2f4 0%, #f0f2f4 9%, #cfd7e2 82%, #cdd5e0 91%, #c8cbd0 100%); background-image: linear-gradient(top, #f0f2f4 0%, #f0f2f4 9%, #cfd7e2 82%, #cdd5e0 91%, #c8cbd0 100%); border: 1px solid #bababa; -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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4Y2JkMCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNjZGQ1ZTAiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2NmZDdlMiIvPjxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjZjBmMmY0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMmY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #c8cbd0), color-stop(9%, #cdd5e0), color-stop(18%, #cfd7e2), color-stop(91%, #f0f2f4), color-stop(100%, #f0f2f4)); background-image: -webkit-linear-gradient(bottom, #c8cbd0 0%, #cdd5e0 9%, #cfd7e2 18%, #f0f2f4 91%, #f0f2f4 100%); background-image: -moz-linear-gradient(bottom, #c8cbd0 0%, #cdd5e0 9%, #cfd7e2 18%, #f0f2f4 91%, #f0f2f4 100%); background-image: -o-linear-gradient(bottom, #c8cbd0 0%, #cdd5e0 9%, #cfd7e2 18%, #f0f2f4 91%, #f0f2f4 100%); background-image: linear-gradient(bottom, #c8cbd0 0%, #cdd5e0 9%, #cfd7e2 18%, #f0f2f4 91%, #f0f2f4 100%); border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*============================================================ 10) DetailViewer ============================================================*/ .detailBlock { border-left: 1px solid #ababab; border-top: 1px solid #ababab; } .detail, .detailLabel, .detailHeader { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .detailLabel { background-color: #fafafa; color: #4d4d4d; font-weight: bold; text-align: right; } .detailHeader { background-color: #bdddff; color: #4d4d4d; font-family: Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; } /*============================================================ 11) ListGrid ============================================================*/ /*============================================================ ListGrid parts styleName - listGrid headerBarStyle - headerBar bodyStyleName - gridBody ============================================================*/ .listGrid { border: 1px solid #afbed5; } .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: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 11px; } .gridDragTracker { border: 1px dotted gray; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 1px; } .dragLine { border-bottom: 2px dotted #75acff; } /* for filterEditor */ .recordEditorCell { background-color: #fafafa; color: black; font-family: Helvetica, 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjNmYiIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZGZlNWVjIi8+PHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNkNGRhZTMiLz48c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Q3ZGRlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZThlZGYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJmMmY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eff3fb), color-stop(38%, #dfe5ec), color-stop(43%, #d4dae3), color-stop(52%, #d7dde5), color-stop(86%, #e8edf2), color-stop(100%, #ebf2f4)) padding-box; background: -webkit-linear-gradient(top, #eff3fb 0%, #dfe5ec 38%, #d4dae3 43%, #d7dde5 52%, #e8edf2 86%, #ebf2f4 100%) padding-box; background: -moz-linear-gradient(top, #eff3fb 0%, #dfe5ec 38%, #d4dae3 43%, #d7dde5 52%, #e8edf2 86%, #ebf2f4 100%) padding-box; background: -o-linear-gradient(top, #eff3fb 0%, #dfe5ec 38%, #d4dae3 43%, #d7dde5 52%, #e8edf2 86%, #ebf2f4 100%) padding-box; background: linear-gradient(top, #eff3fb 0%, #dfe5ec 38%, #d4dae3 43%, #d7dde5 52%, #e8edf2 86%, #ebf2f4 100%) padding-box; } .imgHeaderButton, .headerButton, .sorterButton { background-color: #fafafa; color: #333333; font-family: 'HelveticaNeueW01-67MdCn 692710'; font-size: 14px; border-bottom: 1px solid #b6bfc9; border-left: 1px solid #fafafa; border-right: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; } .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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmFlYiIvPjxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNmY2Y2ZTMiLz48c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2Y1ZTljNyIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZjJkY2FiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMmRhYTYiLz48c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2Y1ZGZhOCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmNlZGIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmNlZGIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffaeb), color-stop(7%, #fcf6e3), color-stop(21%, #f5e9c7), color-stop(43%, #f2dcab), color-stop(50%, #f2daa6), color-stop(61%, #f5dfa8), color-stop(75%, #fcedb0), color-stop(100%, #fcedb0)) padding-box; background: -webkit-linear-gradient(top, #fffaeb 0%, #fcf6e3 7%, #f5e9c7 21%, #f2dcab 43%, #f2daa6 50%, #f5dfa8 61%, #fcedb0 75%, #fcedb0 100%) padding-box; background: -moz-linear-gradient(top, #fffaeb 0%, #fcf6e3 7%, #f5e9c7 21%, #f2dcab 43%, #f2daa6 50%, #f5dfa8 61%, #fcedb0 75%, #fcedb0 100%) padding-box; background: -o-linear-gradient(top, #fffaeb 0%, #fcf6e3 7%, #f5e9c7 21%, #f2dcab 43%, #f2daa6 50%, #f5dfa8 61%, #fcedb0 75%, #fcedb0 100%) padding-box; background: linear-gradient(top, #fffaeb 0%, #fcf6e3 7%, #f5e9c7 21%, #f2dcab 43%, #f2daa6 50%, #f5dfa8 61%, #fcedb0 75%, #fcedb0 100%) padding-box; } .imgHeaderButtonSelected, .headerButtonSelected, .sorterButtonSelected { background-color: #fffbf0; color: #333333; font-family: 'HelveticaNeueW01-67MdCn 692710'; font-size: 14px; border-bottom: 1px solid #d3c297; border-left: 1px solid white; border-right: 1px solid #d0cfcd; padding-left: 4px; padding-right: 4px; } .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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNmNiIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZmVmYWYxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmNlZGNmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefcf6), color-stop(24%, #fefaf1), color-stop(100%, #fcedcf)) padding-box; background: -webkit-linear-gradient(top, #fefcf6 0%, #fefaf1 24%, #fcedcf 100%) padding-box; background: -moz-linear-gradient(top, #fefcf6 0%, #fefaf1 24%, #fcedcf 100%) padding-box; background: -o-linear-gradient(top, #fefcf6 0%, #fefaf1 24%, #fcedcf 100%) padding-box; background: linear-gradient(top, #fefcf6 0%, #fefaf1 24%, #fcedcf 100%) padding-box; } .imgHeaderButtonDisabled, .imgHeaderButtonSelectedDisabled, .headerButtonDisabled, .headerButtonSelectedDisabled, .sorterButtonDisabled, .sorterButtonSelectedDisabled { background-color: #fefcf6; color: black; font-family: Helvetica, 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: 4px; padding-right: 4px; } .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonOver, .headerButtonDown, .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { color: #333333; font-family: 'HelveticaNeueW01-67MdCn 692710'; font-size: 14px; border-bottom: 1px solid #d3c297; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZGRhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f6dda2)) padding-box; background: -webkit-linear-gradient(top, #fafafa 0%, #f6dda2 100%) padding-box; background: -moz-linear-gradient(top, #fafafa 0%, #f6dda2 100%) padding-box; background: -o-linear-gradient(top, #fafafa 0%, #f6dda2 100%) padding-box; background: linear-gradient(top, #fafafa 0%, #f6dda2 100%) padding-box; } .imgHeaderButtonOver, .imgHeaderButtonDown, .headerButtonOver, .headerButtonDown, .sorterButtonOver, .sorterButtonDown { background-color: #f6dda2; color: #333333; font-family: 'HelveticaNeueW01-67MdCn 692710'; font-size: 14px; padding-left: 4px; padding-right: 4px; } .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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmFmMCIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZmNmMmRlIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmZGYxYzkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmRkYTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffaf0), color-stop(48%, #fcf2de), color-stop(48%, #fdf1c9), color-stop(100%, #f6dda2)) padding-box; background: -webkit-linear-gradient(top, #fffaf0 0%, #fcf2de 48%, #fdf1c9 48%, #f6dda2 100%) padding-box; background: -moz-linear-gradient(top, #fffaf0 0%, #fcf2de 48%, #fdf1c9 48%, #f6dda2 100%) padding-box; background: -o-linear-gradient(top, #fffaf0 0%, #fcf2de 48%, #fdf1c9 48%, #f6dda2 100%) padding-box; background: linear-gradient(top, #fffaf0 0%, #fcf2de 48%, #fdf1c9 48%, #f6dda2 100%) padding-box; } .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonSelectedOver, .headerButtonSelectedDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { background-color: #fffaf0; color: #333333; font-family: 'HelveticaNeueW01-67MdCn 692710'; font-size: 14px; padding-left: 4px; padding-right: 4px; } .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: red; font-family: Helvetica, 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 #EFEFEF; border-bottom: 1px solid #EFEFEF; color: #333333; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; text-overflow: ellipsis; } .specialCol { background-color: #fafafa; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .cellDark, .recordSummaryCell, .recordSummaryCellDark { background-color: #EFEFEF; } .gridSummaryCell, .gridSummaryCellDisabled { background-color: #f0f0f0; border-bottom: 1px solid gray; border-top: 1px solid gray; } .tallCellDark { background-color: #EFEFEF; border-top: 1px solid #EFEFEF; } .cellOver, .cellOverDark, .specialColOver, .recordSummaryCellOver, .recordSummaryCellOverDark { background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); border-bottom: 1px solid #b9b3a2; border-top: 1px solid #b9b3a2; -webkit-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; -moz-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; } .tallCellOver, .tallCellOverDark { background: #cce9f4; border-bottom: 1px dotted #e9e19f; border-top: 1px dotted #e9e19f; } .cellSelected, .cellSelectedDark, .specialColSelected, .recordSummaryCellSelected, .recordSummaryCellSelectedDark { background: #fceab0; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .tallCellSelected, .tallCellSelectedDark { background: #cce9f4; border-bottom: 1px dotted #e9e19f; border-top: 1px dotted #e9e19f; } .cellSelectedOver, .cellSelectedOverDark, .specialColSelectedOver, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark { border-bottom: 1px solid #ababab; border-top: 1px solid #efe3b8; background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); } .tallCellSelectedOver, .tallCellSelectedOverDark { background-color: #cce9f4; border-bottom: 1px dotted #e9e19f; border-top: 1px dotted #e9e19f; } .gridSummaryCell, .gridSummaryCellDisabled { font-weight: bold; } .cellDisabled, .cellDisabledDark, .specialColDisabled, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCellDisabled, .specialColDisabled, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark { background-color: white; color: #ababab; cursor:default; } /* for grouping */ .groupNode { border-bottom: 1px solid #aebebe; color: #465769; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } .treeCellDark, .treeTallCellDark { background-color: #fafafa; } .treeCellOver, .treeCellOverDark { background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); -webkit-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; -moz-box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; box-shadow: inset #fff9e5 0 1px 0, inset #fff9e5 0 -1px 0; } .treeTallCellOver, .treeTallCellOverDark { background-color: #e8e8e8; } .treeCellSelected, .treeCellSelectedDark { background: #fceab0; } .treeTallCellSelected, .treeTallCellSelectedDark { background-color: #fff5d6; } .treeCellSelectedOver, .treeCellSelectedOverDark { background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); } .treeTallCellSelectedOver, .treeTallCellSelectedOverDark { background-color: #f6eed0; } .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: #E5E5E5;*/ background-image: url(../../../../images/menu-bg.jpg); background-repeat: repeat-x; /* border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;*/ } .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 { color: #757575; /* border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; */ width: 103px; font-family: Helvetica; font-size: 13px; padding: 0px 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 { } .toolStripButtonOver, .toolStripButtonFocusedOver, .toolStripButtonSelectedFocused, .toolStripButtonSelectedFocusedOver { color: white; width: 103px; background-image: url("../../../../images/menu-item-active-bg.png"); background-repeat: repeat-x; } .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown { /* background-color:#CD0908;*/ color: white; background-image: url("../../../../images/menu-item-active-bg.png"); background-repeat: repeat-x; /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; */ } .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedDisabled { color: white; background-image: url("../../../../images/menu-item-active-bg.png"); background-repeat: repeat-x; width: 103px; /* background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; */ } /*============================================================ 12a) ToolStripGroup and IconButton ==============================================================*/ .toolStripGroup, .toolStripGroupOver, .toolStripGroupSelected, .toolStripGroupSelectedDisabled, .toolStripGroupSelectedOver, .toolStripGroupDown, .toolStripGroupSelectedDown, .toolStripGroupDisabled { background: #fff0f1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(31%, #e0e0e0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); border: 1px solid #b5b5b5; -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: #d4d4d4; border: 0; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #4d4d4d; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; color: #4d4d4d; } .iconButtonDown { background-color: #d9d9d9; border: 1px solid #9e8c8a; } .iconButtonOver, .iconButtonSelectedOver, .iconButtonFocusedOver, .iconButtonSelectedFocusedOver { background-color: #f2f2f2; border: 1px solid #b5a7a6; } .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedOver, .iconButtonSelectedFocusedOver { background-color: #fdaaaa; } .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; }*/ /* CSS3 Mode */ .vScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; border: 1px solid #969696; -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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); } .hScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YjNiOSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjOWVhYmIzIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ZWFiYjMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc0ODY5MCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjNzQ4NjkwIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM3ZDdkN2QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzczNzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a7b3b9), color-stop(20%, #9eabb3), color-stop(50%, #9eabb3), color-stop(50%, #748690), color-stop(80%, #748690), color-stop(90%, #7d7d7d), color-stop(100%, #737373)); background-image: -webkit-linear-gradient(top, #a7b3b9 0%, #9eabb3 20%, #9eabb3 50%, #748690 50%, #748690 80%, #7d7d7d 90%, #737373 100%); background-image: -moz-linear-gradient(top, #a7b3b9 0%, #9eabb3 20%, #9eabb3 50%, #748690 50%, #748690 80%, #7d7d7d 90%, #737373 100%); background-image: -o-linear-gradient(top, #a7b3b9 0%, #9eabb3 20%, #9eabb3 50%, #748690 50%, #748690 80%, #7d7d7d 90%, #737373 100%); background-image: linear-gradient(top, #a7b3b9 0%, #9eabb3 20%, #9eabb3 50%, #748690 50%, #748690 80%, #7d7d7d 90%, #737373 100%); border: 1px solid #8f8f8f; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset #ebf0f9 0 1px 2px 0, inset #ebf0f9 0 -4px 6px 0; -moz-box-shadow: inset #ebf0f9 0 1px 2px 0, inset #ebf0f9 0 -4px 6px 0; box-shadow: inset #ebf0f9 0 1px 2px 0, inset #ebf0f9 0 -4px 6px 0; 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: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGVlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzY2NkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d4dee7), color-stop(100%, #c3ccd5)); background-image: -webkit-linear-gradient(left, #d4dee7 0%, #c3ccd5 100%); background-image: -moz-linear-gradient(left, #d4dee7 0%, #c3ccd5 100%); background-image: -o-linear-gradient(left, #d4dee7 0%, #c3ccd5 100%); background-image: linear-gradient(left, #d4dee7 0%, #c3ccd5 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftOver { background-color: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZDdlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5YzVkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cbd7e2), color-stop(100%, #b9c5d0)); background-image: -webkit-linear-gradient(left, #cbd7e2 0%, #b9c5d0 100%); background-image: -moz-linear-gradient(left, #cbd7e2 0%, #b9c5d0 100%); background-image: -o-linear-gradient(left, #cbd7e2 0%, #b9c5d0 100%); background-image: linear-gradient(left, #cbd7e2 0%, #b9c5d0 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelected { background-color: #708ea9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YThiOCIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjOTJhMGIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzk4MTk2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #99a8b8), color-stop(35%, #92a0b0), color-stop(100%, #798196)); background-image: -webkit-linear-gradient(left, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -moz-linear-gradient(left, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -o-linear-gradient(left, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: linear-gradient(left, #99a8b8 0%, #92a0b0 35%, #798196 100%); border-left: 1px solid #495b74; border-bottom: 1px solid #495b74; border-top: 1px solid #495b74; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedOver { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDown { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(left, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #29333c; font-family: Helvetica, 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: Helvetica, 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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftDown { background-color: #708ea9; border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #153e8a; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #b3b3b3; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonLeftDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(left, #e6edf9 0%, #cdd9ea 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; color: #b3b3b3; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } /* right */ .tabButtonRight { background-color: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGVlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzY2NkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d4dee7), color-stop(100%, #c3ccd5)); background-image: -webkit-linear-gradient(right, #d4dee7 0%, #c3ccd5 100%); background-image: -moz-linear-gradient(right, #d4dee7 0%, #c3ccd5 100%); background-image: -o-linear-gradient(right, #d4dee7 0%, #c3ccd5 100%); background-image: linear-gradient(right, #d4dee7 0%, #c3ccd5 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightOver { background-color: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZDdlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5YzVkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #cbd7e2), color-stop(100%, #b9c5d0)); background-image: -webkit-linear-gradient(right, #cbd7e2 0%, #b9c5d0 100%); background-image: -moz-linear-gradient(right, #cbd7e2 0%, #b9c5d0 100%); background-image: -o-linear-gradient(right, #cbd7e2 0%, #b9c5d0 100%); background-image: linear-gradient(right, #cbd7e2 0%, #b9c5d0 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelected { background-color: #708ea9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YThiOCIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjOTJhMGIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzk4MTk2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #99a8b8), color-stop(35%, #92a0b0), color-stop(100%, #798196)); background-image: -webkit-linear-gradient(right, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -moz-linear-gradient(right, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -o-linear-gradient(right, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: linear-gradient(right, #99a8b8 0%, #92a0b0 35%, #798196 100%); border-right: 1px solid #495b74; border-bottom: 1px solid #495b74; border-top: 1px solid #495b74; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedOver { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDown { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(right, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #29333c; font-family: Helvetica, 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: Helvetica, 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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightDown { background-color: #708ea9; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #153e8a; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #b3b3b3; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } .tabButtonRightDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(right, #e6edf9 0%, #cdd9ea 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; color: #b3b3b3; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; } /* top */ .tabButtonTop { background-image: url('../../../../images/tab_stretch.png'); background-repeat:repeat-x; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-position: 0px -30px; color: #0076A3; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopOver { border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-position: 0px 0px; color: #15428b; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; text-decoration: underline; } .tabButtonTopSelected { 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; background-position: 0px 0px; color: #333333; font-family: Helvetica; font-size: 12px; font-weight: bold; padding: 0 7px 1px 7px; background-color: #F0F0F0; } .tabButtonTopSelectedOver { border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-position: 0px 0px; color: #333333; font-family: Helvetica; font-size: 12px; font-weight: bold; padding: 0 7px 1px 7px; background-color: #F0F0F0; } .tabButtonTopSelectedDown { border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-position: 0px 0px; color: #333333; font-family: Helvetica; font-size: 12px; font-weight: bold; padding: 0 7px 1px 7px; background-color: #F0F0F0; } .tabButtonTopFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocused { background-color: #F0F0F0; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocusedOver { background-color: #F0F0F0; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopDown { border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-position: 0px -30px; color: #0076A3; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } .tabButtonTopDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; color: #b3b3b3; font-family: Helvetica; font-size: 12px; padding: 0 7px 1px 7px; } /* bottom */ .tabButtonBottom { background-color: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGVlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzY2NkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4dee7), color-stop(100%, #c3ccd5)); background-image: -webkit-linear-gradient(bottom, #d4dee7 0%, #c3ccd5 100%); background-image: -moz-linear-gradient(bottom, #d4dee7 0%, #c3ccd5 100%); background-image: -o-linear-gradient(bottom, #d4dee7 0%, #c3ccd5 100%); background-image: linear-gradient(bottom, #d4dee7 0%, #c3ccd5 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding-top: 1px; } .tabButtonBottomOver { background-color: #5f728c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZDdlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5YzVkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #cbd7e2), color-stop(100%, #b9c5d0)); background-image: -webkit-linear-gradient(bottom, #cbd7e2 0%, #b9c5d0 100%); background-image: -moz-linear-gradient(bottom, #cbd7e2 0%, #b9c5d0 100%); background-image: -o-linear-gradient(bottom, #cbd7e2 0%, #b9c5d0 100%); background-image: linear-gradient(bottom, #cbd7e2 0%, #b9c5d0 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelected { background-color: #708ea9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YThiOCIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjOTJhMGIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzk4MTk2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #99a8b8), color-stop(35%, #92a0b0), color-stop(100%, #798196)); background-image: -webkit-linear-gradient(bottom, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -moz-linear-gradient(bottom, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: -o-linear-gradient(bottom, #99a8b8 0%, #92a0b0 35%, #798196 100%); background-image: linear-gradient(bottom, #99a8b8 0%, #92a0b0 35%, #798196 100%); border-left: 1px solid #495b74; border-right: 1px solid #495b74; border-bottom: 1px solid #495b74; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: white; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedOver { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #29333c; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDown { background-color: #787878; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYzRkNyIvPjxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWRiZWQxIi8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNhMmIwYzMiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzk2YTNiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxOGI5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #b2c4d7), color-stop(21%, #adbed1), color-stop(46%, #a2b0c3), color-stop(71%, #96a3b6), color-stop(100%, #818b9c)); background-image: -webkit-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -moz-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: -o-linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); background-image: linear-gradient(bottom, #b2c4d7 0%, #adbed1 21%, #a2b0c3 46%, #96a3b6 71%, #818b9c 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #29333c; font-family: Helvetica, 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: Helvetica, 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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDown { background-color: #708ea9; border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #153e8a; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #b3b3b3; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDisabled { background-color: #73849c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkZDllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6edf9), color-stop(100%, #cdd9ea)); background-image: -webkit-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: -moz-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: -o-linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); background-image: linear-gradient(bottom, #e6edf9 0%, #cdd9ea 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; color: #b3b3b3; font-family: Helvetica, 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: Helvetica, 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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; text-overflow: ellipsis; } /* partial styles */ .cubeCellOver { border-bottom: 1px solid #ababab; border-left: 1px solid #efe3b8; border-right: 1px solid #ababab; border-top: 1px solid #efe3b8; background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); } .cubeCellSelected { background: #fff5d6; border-bottom: 1px solid #ababab; border-left: 1px solid #efe3b8; border-right: 1px solid #ababab; border-top: 1px solid #efe3b8; } .cubeCellSelectedOver { border-bottom: 1px solid #ababab; border-left: 1px solid #efe3b8; border-right: 1px solid #ababab; border-top: 1px solid #efe3b8; background-color: #fdf0c4; 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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBjNCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmZhZjAiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZjdlNSIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZmZmMWNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmMGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdf0c4), color-stop(9%, #fffaf0), color-stop(14%, #fff7e5), color-stop(86%, #fff1cc), color-stop(100%, #fdf0c4)); background-image: -webkit-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -moz-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: -o-linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); background-image: linear-gradient(top, #fdf0c4 0%, #fffaf0 9%, #fff7e5 14%, #fff1cc 86%, #fdf0c4 100%); } /* row headers */ .rowHeader { font-family: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica,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: Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-align: center; } .chartAxisTitle { color: #0000ff; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; } .chartValueTitle { color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .chartTotal { background-color: linen; color: black; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; } /*============================================================ Calendar ============================================================*/ .calendar, .calendarDisabled, .calendarWorkday, .calendarWorkdayDisabled, .calendarDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calendarWorkdayDisabled, .calendarDark, .calendarDisabled { background-color: #fafafa; } .calendarWorkday { background-color: #f2f2f2; } .calendarOver, .calendarOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calendarCellSelected { background-color: #cccccc; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .labelColumn { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } /* ----month---- */ /* calMonthDayHeader and Body */ .calMonthDayHeader, .calMonthDayHeaderDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calMonthDayHeaderOver, .calMonthDayHeaderOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calMonthDayBody, .calMonthDayBodyDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calMonthDayBodyOver, .calMonthDayBodyOverDark, .calMonthDayBodySelected, .calMonthDayBodySelectedDark, .calMonthDayBodySelectedOver, .calMonthDayBodySelectedOverDark { background-color: #c0d8ec; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .calMonthDayBodyDisabled, .calMonthDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } /* calMonthOtherDayHeader and Body */ .calMonthOtherDayHeader, .calMonthOtherDayHeaderDark { background-color: #ababab; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Helvetica, 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: Helvetica, 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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; } /* calMonthOtherDayBlank */ .calMonthOtherDayBlank, .calMonthOtherDayBlankDark, .calMonthOtherDayBlankOver, .calMonthOtherDayBlankOverDark, .calMonthOtherDayBlankSelected, .calMonthOtherDayBlankSelectedDark, .calMonthOtherDayBlankSelectedOver, .calMonthOtherDayBlankSelectedOverDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; color: #454545; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } /* calMonthEventLink */ a.calMonthEventLink:link { color: #0000FF; text-decoration: none; } a.calMonthEventLink:visited { color: #0000FF; text-decoration: none; } a.calMonthEventLink:hover { color: #0000FF; text-decoration: underline; } a.calMonthEventLink:active { color: #0000FF; text-decoration: none; } /* ----event window---- */ .eventWindow { background-color: #fffaf0; border: 1px solid #f6eed0; font-family: Helvetica, Verdana, sans-serif; font-size: 9px; } .eventWindowHeader { background-color: #f6eed0; color: #4d4d4d; font-family: Helvetica, Verdana, sans-serif; font-size: 9px; } .eventWindowBody { background-color: #fffaf0; color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 9px; padding: 3px; } .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: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; } .propSheetTitleError, .propSheetValueError { background-color: #cfd9f2; color: #204269; font-family: Helvetica, Verdana, sans-serif; font-size: 11px; } .propSheetField, .propSheetFieldDisabled { background-color: white; border: 0px; font-family: Helvetica, 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: Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 4px; } .propSheetSelectControl, .propSheetSelectControlFocused, .propSheetSelectControlDisabled { padding-left: 3px; padding-right: 3px; } .customsectionHeaderopened, .customsectionHeaderclosed, .customsectionHeaderDisabledopened, .customsectionHeaderDisabledclosed { background-image: url(../../../../images/myservices-bg.png); background-repeat: repeat-x; color: #333333; font-family: 'HelveticaNeueW01-47LtCn 692686'; font-size: 25px; padding: 20px; } .orangebutton, .orangebuttonOver, .orangebuttonFocused, .orangebuttonFocusedOver, .orangebuttonDown, .orangebuttonFocusedDown, .orangebuttonSelected, .orangebuttonSelectedFocused, .orangebuttonSelectedDown, .orangebuttonSelectedFocusedDown, .orangebuttonSelectedOver, .orangebuttonSelectedFocusedOver, .orangebuttonDisabled, .orangebuttonSelectedDisabled { background-image: url("../../../../images/orange-btn.png"); background-repeat: repeat-x; background-size: 100%; color: #ffffff; font-family: Helvetica; font-size: 16px; padding: 2px; } /* CSS3 Mode */ .orangebuttonRounded, .orangebuttonRoundedOver, .orangebuttonRoundedFocused, .orangebuttonRoundedFocusedOver, .orangebuttonRoundedDown, .orangebuttonRoundedFocusedDown, .orangebuttonRoundedSelected, .orangebuttonRoundedSelectedFocused, .orangebuttonRoundedSelectedDown, .orangebuttonRoundedSelectedFocusedDown, .orangebuttonRoundedSelectedOver, .orangebuttonRoundedSelectedFocusedOver, .orangebuttonRoundedDisabled, .orangebuttonRoundedSelectedDisabled { background-image: url("../../../../images/orange-btn.png"); background-repeat: repeat-x; background-size: 100%; color: #ffffff; font-family: Helvetica; font-size: 16px; padding: 2px; }