/* Licensed Materials - Property of IBM 5725-C95 Copyright IBM Corporation 2012. All Rights Reserved. US Government Users Restricted Rights- Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. END COPYRIGHT */ /* reset user agent css rules */ h1, h2, h3, h4{font-weight:bold; padding: 0; margin: 0} .claro { background-color: #E8E8E8; // padding: 5px !important; } .body { background-color: #ffffff; padding: 0px 0px 5px 0px !important; } /* Tabs: */ .claro .dijitTabChecked .dijitTabInnerDiv { background-color: #1b75bc; color: #000000; } .BPMTabControl { height: 400px; width: 700px; } /* Labels */ .controlLabel.BPMRequired:before { content:"* "; color:#FF0000; } .controlLabel.BPMRequiredAfter:after { content:" *"; color:#FF0000; } /* Sections */ /* An example of how to style Horizontal Section using inline-block */ /* .SectionInline.Horizontal_Section > div > div > * { display: inline-block; vertical-align: top; padding-right: 1em; } */ .Horizontal_Section > div > div { display: table; border-spacing: 1em 0; } .dj_ie .Horizontal_Section > div > div > .BPMMultiSelect { padding-right: 2.25em; } .Horizontal_Section > div > div > * { display: table-cell; /* padding-right: 1em; */ vertical-align: top; } .Horizontal_Section.CoachView > div > div > *:last-child { padding-right: 0em; } .Horizontal_Section.CoachView > div > .AlignRight > *:last-child { padding-right: 0em; } .Horizontal_Section > div > div > .Button > button { white-space:nowrap; } .Horizontal_Section > div > div > .Checkbox .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Date_Time_Picker .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Date_Time_Picker .BPMDateTimePicker { white-space:nowrap; } .Horizontal_Section > div > div > .Select .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Text .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Text .content .textReadonlyDiv span { white-space:nowrap; } .Horizontal_Section > div > div > .Output_Text .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Decimal .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Decimal .content .textReadonlyDiv span { white-space:nowrap; } .Horizontal_Section > div > div > .Integer > .Decimal .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Integer > .Decimal .content .textReadonlyDiv span { white-space:nowrap; } .Horizontal_Section > div > div > .Text_Area .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Radio_Buttons .controlLabel { white-space:nowrap; } .Horizontal_Section > div > div > .Output_Text > span { white-space:nowrap; } .Horizontal_Section > div > div > .CoachView_hidden { display: none; } .Horizontal_Section > div > div > .AlignRightCell { width:100%; } .Horizontal_Section > div > .ContentBoxTemplate { display: none; } .BPMSectionHeader { padding: 5px 1em; } .noHeader.BPMSectionBody { margin: 0em; } .Horizontal_Section > div > .BPMSectionBody { margin: 0.5em 0em; } .Horizontal_Section > div > .noHeader.BPMSectionBody { margin: 0em; border-spacing: 0; } .Horizontal_Section > div > .noHeader.BPMSectionBody > * { padding-right: 1em; } .Horizontal_Section > div > .noHeader.BPMSectionBody.AlignRight > *:last-child { padding-right: 0em; } .Horizontal_Section > div > .noHeader.BPMSectionBody.BPMRepeatingContent { margin-bottom: 0.5em; } .Horizontal_Section > div > .BPMSectionHeader+.BPMSectionBody.noHeader { margin-top: 0em; } /* Is this needed? See "Table in view in Section" */ /* It is needed!!! See "Vertical Section with Hsection and table" */ .Horizontal_Section > div > .BPMSectionHeader+.BPMSectionBody { margin-top: 0.5em; } .Horizontal_Section > div > .BPMSectionBody.LastContentBox.noHeader { margin-bottom: 0em; margin-right: 0em; } /* .Horizontal_Section > div > .BPMSectionBody:last-child, */ .Horizontal_Section > div > .BPMSectionBody.LastContentBox { /* Is this needed? See "Table in Section" */ margin-bottom: 0.5em; margin-right: 0em; } /* .Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView > .CoachView, */ .Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView:first-child > .CoachView:first-child { margin-top: 0; } /* last-child does not work on IE8 or earlier */ /* .Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView:last-child > .CoachView:last-child { margin-bottom: 0; } */ /* See test case "Test Section nesting no headers" */ .Vertical_Section > div > .noHeader.BPMSectionBody > * { margin-top: 0em; padding-left: 10px; } .Vertical_Section > div.BPMBorder > .BPMSectionBody.LastContentBox > .CoachView:last-child { margin-bottom: 0.5em; } .Vertical_Section > div > .BPMSectionBody.LastContentBox > .CoachView:last-child { margin-bottom: 0; } .Vertical_Section > div > div > .BPMTable { padding-right: 2px; } .BPMSectionBody { margin: 0em 1em; overflow: auto; } .BPMSection > .BPMBorder { border: 1px solid #736465; margin: 0em 1em !important; border-top: none; } .BPMSection > .BPMRadiusBorder { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; behavior: url(/teamworks/script/ext-lib/PIE.htc); } .BPMSection > .BPMRadiusBorder > .BPMSectionHeader { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; behavior: url(/teamworks/script/ext-lib/PIE.htc); } .BPMSectionHeader.black{color:#000;} .BPMSectionHeader.gray{color:#5e6165;} .BPMSectionHeader.red{color:#7c220c;} .BPMSectionHeader.orange{color:#9f5c07;} .BPMSectionHeader.green{color:#326330;} .BPMSectionHeader.blue{color:#21486c;} .BPMSectionHeader.underline{border-bottom:1px solid #736465 !important;padding: 0 0 3px 2px !important;color:#000 !important;} .BPMSectionHeader.underline.red{border-bottom-color:#CD462F;} .BPMSectionHeader.underline.orange{border-bottom-color:#EC8805;} .BPMSectionHeader.underline.green{border-bottom-color:#59A043;} .BPMSectionHeader.underline.blue{border-bottom-color:#1B76BC;} .BPMSectionHeader.topline{ color:#000 !important; font-weight:normal !important; border: 0px solid #736465 !important; border-top:3px solid #736465 !important; padding:0px 0px 0px 0px !important; background-color:#e0e0e0 !important; background-image: -o-linear-gradient(bottom, #eaeaea 0%, #ddd 100%); background-image: -moz-linear-gradient(bottom, #eaeaea 0%,#ddd 100%); background-image: -webkit-linear-gradient(bottom, #eaeaea 0%,#ddd 100%); behavior: url(/teamworks/script/ext-lib/PIE.htc); -pie-background: linear-gradient(bottom, #eaeaea, #ddd 100%); background-image: -ms-linear-gradient(bottom, #efefef 0%, #ddd 100%); background-image: linear-gradient(bottom, #eaeaea, #ddd 100%); } .BPMSectionHeader.topline.red{border-top-color:#CD462F;} .BPMSectionHeader.topline.orange{border-top-color:#EC8805;} .BPMSectionHeader.topline.green{border-top-color:#59A043;} .BPMSectionHeader.topline.blue{border-top-color:#1B76BC;} .BPMSectionHeader.box.red{ color:#fff; border:1px solid #7c220c; background-color:#CD462F; background-image: -o-linear-gradient(bottom, #CD462F 0%, #93270C 100%); background-image: -moz-linear-gradient(bottom, #CD462F 0%, #93270C 100%); background-image: -webkit-linear-gradient(bottom, #CD462F 0%, #93270C 100%); behavior: url(/teamworks/script/ext-lib/PIE.htc); -pie-background: linear-gradient(bottom, #CD462F 0%, #93270C 100%); background-image: -ms-linear-gradient(bottom, #CD462F 0%, #93270C 100%); background-image: linear-gradient(bottom, #CD462F 0%, #93270C 100%); } .BPMSectionHeader.box.orange{ color:#fff; border:1px solid #9f5c07; background-color:#EC8805; background-image: -o-linear-gradient(bottom, #EC8805 0%, #A75F00 100%); background-image: -moz-linear-gradient(bottom, #EC8805 0%, #A75F00 100%); background-image: -webkit-linear-gradient(bottom, #EC8805 0%, #A75F00 100%); behavior: url(/teamworks/script/ext-lib/PIE.htc); -pie-background: linear-gradient(bottom, #EC8805 0%, #A75F00 100%); background-image: -ms-linear-gradient(bottom, #EC8805 0%, #A75F00 100%); background-image: linear-gradient(bottom, #EC8805 0%, #A75F00 100%); } .BPMSectionHeader.box.blue{ color:#000000 !important; border:1px solid #736465 !important; border-left: none !important; border-right: none !important; background-color:#DBDCDE !important; background-image: -o-linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; background-image: -moz-linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; background-image: -webkit-linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; behavior: url(/teamworks/script/ext-lib/PIE.htc); -pie-background: linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; background-image: -ms-linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; background-image: linear-gradient(bottom, #DBDCDE 0%, #585859 100%) !important; padding-top: 0px; // margin-left: 4px; white-space: nowrap; } .uppercase{text-transform:uppercase;} .smallcaps{font-variant:small-caps;} /*.dijitTextArea .dijitInputInner { height: 300px; } */ /* Text */ .dijitTextBox .dijitInputInner { width:200px; padding:6px; background-color:#FFF; border:1px solid #bbb; color:#2d2d2d; background-image: linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%); background-image: -o-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%); background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%); background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%); background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(.5, rgb(255,255,255)), color-stop(1, rgb(239,239,239)) ); } .dijitInputInner:hover { border-color:#999; } .dijitInputInner:focus { border:1px solid #1b75bc; -moz-box-shadow: 0 0 2px 1px rgba(27,118,188,.9); -webkit-box-shadow: 0 0 2px 1px rgba(27,118,188,.9); box-shadow: 0 0 2px 1px rgba(27,118,188,.9); } .controlLabel { color:#000; font-weight:bold; letter-spacing:.3px; } /* Button */ /* This is the style from bpm process portal / bspace. */ .BPMButtonBorder { border-width: 1px !important; border-style: solid !important; border-top-color: #43a3cb; border-left-color: #43a3cb; border-right-color: #5591ab; border-bottom-color: #5591ab; -moz-border-radius: 2px; -moz-box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } .BPMButtonBorder:hover, .BPMButtonBorder-over, .BPMButtonBorder-active { border-top-color: #d26900; border-left-color: #d26900; border-bottom-color: #ff9933; border-right-color: #ff9933; } .BPMButtonBorder-incorrect { border-top-color: #cc0000 !important; border-left-color: #cc0000 !important; border-bottom-color: #FF0000 !important; border-right-color: #FF0000 !important; } .BPMButtonBorder-disabled { border-top-color: #BBBBBB !important; border-left-color: #BBBBBB !important; border-right-color: #BBBBBB !important; border-bottom-color: #BBBBBB !important; } .dijit_a11y .BPMButtonBorder { border: outset medium black !important; } /* This is the style from bpm process portal / bspace. */ .BPMButton { background-color: transparent; /* this is overriden below but just commenting out to make sure */ /* background-image: url(../img/Sprite_CommonUI.png); */ background-repeat: repeat-x; /* this is overriden below but just commenting out to make sure */ /* background-position: 0px -100px; */ color: #00546c; /* turn off margin because coach views have their own. */ /* margin: 0px 3px 3px 3px; */ height: 1.375em; padding-bottom: 3px; } .dj_ie .BPMButton { padding-top: 2px; } .BPMButton-over, .BPMButton:hover { /* this is overriden below but just commenting out to make sure */ /* background-position: 0px -200px; */ color: #555555; } .BPMButton-down { background-position: 0px -300px !important; color: #555555; } .BPMButton-disabled { color: #bbbbbb !important; background-position: 0px 0px !important; cursor: not-allowed !important; } .dijit_a11y .BPMButton { background: white none repeat scroll 0 0 !important; color: black !important; } .BPMButton-disabled, .BPMButton[disabled], .BPMButton[disabled]:hover { color:#a0a0a0; background-color:#113f66; cursor: not-allowed; } .BPMButton-down { color:#ccc !important; border-bottom-color:#444548 !important; border-right-color:#444548 !important; border-top-color:#21486c !important; border-left-color:#21486c !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303133', endColorstr='#606267') !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#303133', endColorstr='#606267')" !important; background-image: linear-gradient(bottom, #606267 0%, #303133 100%) !important; background-image: -o-linear-gradient(bottom, #606267 0%, #303133 100%) !important; background-image: -moz-linear-gradient(bottom, #606267 0%, #303133 100%) !important; background-image: -webkit-linear-gradient(bottom, #606267 0%, #303133 100%) !important; background-image: -ms-linear-gradient(bottom, #606267 0%, #303133 100%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606267), color-stop(1, #303133) ) !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .BPMButton-over, .BPMButton:hover { color:#fff; border-top-color:#444548; border-left-color:#444548; border-bottom-color:#21486c; border-right-color:#21486c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#303133'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#303133')"; background-image: linear-gradient(bottom, #303133 0%, #d7d7d7 100%); background-image: -o-linear-gradient(bottom, #303133 0%, #d7d7d7 100%); background-image: -moz-linear-gradient(bottom, #303133 0%, #d7d7d7 100%); background-image: -webkit-linear-gradient(bottom, #303133 0%, #d7d7d7 100%); background-image: -ms-linear-gradient(bottom, #303133 0%, #d7d7d7 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #303133), color-stop(1, #d7d7d7) ); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5); box-shadow: 0 2px 3px rgba(0,0,0,.5); } .BPMButton { height:30px; color:#f2f2f2; background-color: #1b75bc; -moz-border-radius: 4px; border-radius: 4px; text-align:center; font-size:14px; font-weight:bold; background-repeat: repeat-x; /* turn off margin because coach views have their own. */ /* margin: 0px 3px 3px 3px; */ padding-bottom: 3px; border:1px solid #21486c; border-top-color:#444548; border-left-color:#444548; border-bottom-color:#21486c; border-right-color:#21486c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606267', endColorstr='#303133'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#606267', endColorstr='#303133')"; background-position: 0px 0px; background-image: linear-gradient(bottom, #303133 0%, #606267 100%); background-image: -o-linear-gradient(bottom, #303133 0%, #606267 100%); background-image: -moz-linear-gradient(bottom, #303133 0%, #606267 100%); background-image: -webkit-linear-gradient(bottom, #303133 0%, #606267 100%); background-image: -ms-linear-gradient(bottom, #303133 0%, #606267 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #303133), color-stop(1, #606267) ); } .BPMButton:focus { border-bottom-color:#444548; border-right-color:#444548; border-top-color:#21486c; border-left-color:#21486c; background-image: linear-gradient(bottom, #606267 0%, #303133 100%); background-image: -o-linear-gradient(bottom, #606267 0%, #303133 100%); background-image: -moz-linear-gradient(bottom, #606267 0%, #303133 100%); background-image: -webkit-linear-gradient(bottom, #606267 0%, #303133 100%); background-image: -ms-linear-gradient(bottom, #606267 0%, #303133 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606267), color-stop(1, #303133) ); } .dj_ie .BPMButton, .dj_ie .BPMButton-over, .dj_ie .BPMButton:hover, .dj_ie .BPMButton-down, .dj_ie .BPMButton-disabled { background-image: none; } /* Checkbox */ .CheckboxNoWrap { white-space:nowrap; } .Checkbox.CoachView .mblSwitchText.mblSwitchTextRight { color: #000000; } .Checkbox.CoachView.BPMCoachDisabled .mblSwitchBg.mblSwitchBgLeft, .Checkbox.CoachView.BPMCoachDisabled .mblSwitchBg.mblSwitchBgRight { background-image: url(/teamworks/script/coachNG/dojo/1.7.3/dojox/mobile/themes/iphone/compat/switch-default-r.gif); color: #B3B3B3; } .Checkbox .mblSwitchKnob.BPMFocus { outline:#000000 dotted 1px; outline-offset: -1px; top: 4%; } .Checkbox .mblSwitchKnob { top: 4%; height: 92%; background-attachment: scroll; background-color: transparent; background-image: url("/teamworks/script/coachNG/dojo/1.7.3/dojox/mobile/themes/iphone/compat/switch-default-k.gif"); background-origin: padding-box; background-position: center center; background-size: 96% 96%; background-repeat: no-repeat; } /* Table */ .BPMTable.Table.CoachView { width: 700px; } .Horizontal_Section > div > .BPMTable.Table.CoachView { display: inline-block; } .BPMTable.Table.CoachView .dojoxGridRow { width: 100% } .BPMTableAddButton { margin-top: 0.5em; margin-bottom: 0.5em; } .BPMTableAddButton { width: 24px; height: 24px; background: url('coach_ng_sprite.png') 0 0; background-repeat:no-repeat; } .BPMTableAddButton:focus, .BPMTableAddButton:hover { background: url('coach_ng_sprite.png') -24px 0; } .BPMTableAddButton:active { background: url('coach_ng_sprite.png') -48px 0; } .BPMTableAddButton[disabled], .BPMTableAddButton[disabled]:hover { background: url('coach_ng_sprite.png') -72px 0; } .BPMTableDelete { width:100%; text-align:center; } .BPMTableDeleteButton { display:inline-block; width: 24px; height: 24px; background: url('coach_ng_sprite.png') 0 -24px; background-repeat:no-repeat; } .BPMTableDeleteButton:focus, .BPMTableDeleteButton:hover { background: url('coach_ng_sprite.png') -24px -24px; } .BPMTableDeleteButton:active { background: url('coach_ng_sprite.png') -48px -24px; } .BPMTableDeleteButton[disabled], .BPMTableDeleteButton[disabled]:hover { background: url('coach_ng_sprite.png') -72px -24px; } /* DateTimePicker and Select */ .Select .dijitTextBoxError input.dijitValidationInner, .Select .dijitTextBox input.dijitArrowButtonInner, .Date_Time_Picker .dijitTextBoxError input.dijitValidationInner, .Date_Time_Picker .dijitTextBox input.dijitArrowButtonInner { height: 15px !important; } /* DateTimePicker, Select and Text */ .Text .dropDownText, .Select .dropDownText, .Date_Time_Picker .dropDownText, .Date_Time_Picker .calImageText { display: none; visibility: hidden; } .dijit_a11y .Text .dropDownText, .dijit_a11y .Select .dropDownText, .dijit_a11y .Date_Time_Picker .calImageText { display: block; left: -13px; position: relative; visibility: visible; } .Text .content, .Decimal .content, .Checkbox .content, .Select .content { white-space:nowrap; } .Text > .content > .textReadonlyDiv > .readonly, .Decimal > .content > .textReadonlyDiv > .readonly { white-space:normal; } .Date_Time_Picker .calImageText { vertical-align: middle; } .Date_Time_Picker .calImage { padding-top: 3px; vertical-align: middle; } /* Select CheckedMultiSelect*/ .Radio_Buttons .BPMMultiSelectFocused, .Select .BPMMultiSelectFocused { background-color:#E9F4FE; border:#000000 dotted thin; } /* Radio Buttons */ .Radio_Buttons > .BPMHorizontalRadio .dojoxCheckedMultiSelectWrapper { overflow-y: visible; height: auto; } .Radio_Buttons > .BPMHorizontalRadio .dojoxMultiSelectItem { display: inline-block; } .Radio_Buttons > .dojoxCheckedMultiSelect.BPMHorizontalRadio .dojoxCheckedMultiSelectWrapper { overflow-y: hidden; } .Radio_Buttons.CoachView > .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper, .BPMMultiSelect.CoachView > .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { overflow-y: auto; height: auto; background-color: transparent; border-style: none; } /* Coach Validation */ .coachValidationContainer input.dijitInputInner:not([id*="dijit__editor_plugins"]){ background-image: none; } .coachValidationContainer .dijitInputField.dijitInputContainer:not(*[id*="dijit__editor_plugins"]) { background-color: #FBCDB3; } .coachValidationContainer .coachValidationDiv { display: inline; } .Checkbox.CoachView.coachValidationContainer .coachValidationDiv { float: left; } .Checkbox.coachValidationContainer.showAsCheckBox .coachValidationDiv { height: 14px; } .Checkbox.coachValidationContainer.showAsRadio .coachValidationDiv { height: 30px; } .Checkbox.coachValidationContainer.showAsRadio .checkbox.control { float: none; } .dj_gecko .Checkbox.coachValidationContainer.showAsRadio .checkbox.control { display: inline-block; } .Checkbox.coachValidationContainer.showAsSwitch .coachValidationDiv { display: inline-block; float: none; } .Checkbox.coachValidationContainer.showAsSwitch .mblSwitch { display: inline-block; } .Checkbox.coachValidationContainer.showAsSwitch .text.controlLabel { display: block; } .dijit> .coachValidationDiv> .coachValidationImg { float: right; } .coachValidationImg { vertical-align: middle; height: 20px; width: 20px; } .coachValidationImg.smallImg { height: 14px; width: 14px; } .claro .coachValidationTooltip .dijitTooltipConnector { background-image: url('/teamworks/images/validation_tooltip.png'); } .claro .coachValidationTooltip .dijitTooltipContainer { color: #FFF; font-size: 11px; border-radius: 6px; background-color: #000; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); } /* Validation - Checkbox - Warning icon */ .claro .Checkbox.CoachView.coachValidationContainer .coachValidationDiv .coachValidationImg{ float: left; height: 14px; width: 14px; } .claro .Checkbox.CoachView.coachValidationContainer.showAsCheckBox .coachValidationDiv .coachValidationImg{ height: 14px; width: 14px; position: relative; top: 20%; } .dijitTabPaneWrapper .dijitContentPane .Checkbox.CoachView.coachValidationContainer.showAsCheckBox .coachValidationDiv .coachValidationImg{ height: 14px; width: 14px; position: relative; top: 10%; } .claro .Checkbox.CoachView.coachValidationContainer.showAsRadio .coachValidationDiv .coachValidationImg{ height: 14px; width: 14px; position: relative; top: 50%; } .dijitTabPaneWrapper .dijitContentPane .Checkbox.CoachView.coachValidationContainer.showAsRadio .coachValidationDiv .coachValidationImg{ height: 14px; width: 14px; position: relative; top: 0; } .claro .Checkbox.CoachView.coachValidationContainer.showAsSwitch .coachValidationDiv .coachValidationImg{ height: 24px; width: 24px; } /* Validation - Checkbox icons */ .claro .Checkbox.CoachView.coachValidationContainer .dijitCheckBox, .claro .Select.CoachView .coachValidationContainer .dijitCheckBox{ background: url('/teamworks/images/Error_checks_and_radios.png') 0 0; background-repeat: no-repeat; height: 16px; margin: 0px 2px 0 0; padding: 0; width: 16px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitCheckBox:hover, .claro .Select.CoachView .coachValidationContainer .dijitCheckBox:hover{ background: url('/teamworks/images/Error_checks_and_radios.png') -24px 0px; background-repeat: no-repeat; height: 16px; margin: 0px 2px 0 0; padding: 0; width: 16px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitCheckBoxChecked, .claro .Select.CoachView .coachValidationContainer .dijitCheckBoxChecked{ background-position: 0 -19px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitCheckBoxChecked:hover, .claro .Select.CoachView .coachValidationContainer .dijitCheckBoxChecked:hover{ background-position: -24px -19px; } /* Validation - Checkbox - Radio Buttons icons */ .claro .Checkbox.CoachView.coachValidationContainer .dijitRadio, .claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadio{ background: url('/teamworks/images/Error_checks_and_radios.png') 0 -38px; background-repeat: no-repeat; height: 16px; margin: 0px 2px 0 0; padding: 0; width: 16px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitRadio:hover, .claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadio:hover{ background: url('/teamworks/images/Error_checks_and_radios.png') -24px -38px; background-repeat: no-repeat; height: 16px; margin: 0px 2px 0 0; padding: 0; width: 16px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitRadioChecked, .claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadioChecked{ background-position: 0 -57px; } .claro .Checkbox.CoachView.coachValidationContainer .dijitRadioChecked:hover, .claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadioChecked:hover{ background-position: -24px -57px; } /* Validation - Checkbox - Switch icons */ .Checkbox.CoachView.coachValidationContainer .mblSwitchBg{ color:#f2f2f2; background-color: #A10000; text-align:center; background-repeat: repeat-x; background-position: 0px 0px; background-image: linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -o-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -moz-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -webkit-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -ms-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #CF0000), color-stop(1, #750101) ); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 0 7px 1px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 7px 1px rgba(0,0,0,0.7); box-shadow: inset 0 0px 7px 1px rgba(0,0,0,0.7), inset 0 30px 30px 30px rgba(207,0,0, 1); } .Checkbox.CoachView.coachValidationContainer .mblSwitchBg:hover{ color:#f2f2f2; background-color: #A10000; text-align:center; background-repeat: repeat-x; background-position: 0px 0px; background-image: linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -o-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -moz-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -webkit-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -ms-linear-gradient(bottom, #CF0000 0%, #750101 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #CF0000), color-stop(1, #750101) ); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 0 13px #000000; -webkit-box-shadow: inset 0 0 13px #000000; box-shadow: inset 0 0px 13px 1px rgba(0,0,0,0.7), inset 0 30px 30px 30px rgba(207,0,0, 1); } .Checkbox.CoachView.coachValidationContainer .mblSwitchText.mblSwitchTextRight{ color: #ffffff; } .coachValidationContainer .textReadonlyDiv:not(.CoachView_hidden) { display: inline-block; vertical-align: middle; } .coachValidationContainer .textReadonlyDiv, .coachValidationContainer .dijitEditor.textArea, .coachValidationContainer .dijitTextBox:not([id*="dijit__editor_plugins"]) { border: 1px solid #CD462f; background-color: #ffd9d1; } .coachValidationContainer .dijitEditor.textArea:hover, .coachValidationContainer .dijitTextBox:not([id*="dijit__editor_plugins"]):hover { -moz-box-shadow: 0 0 2px 1px rgba(205,70,47,.9); -webkit-box-shadow: 0 0 2px 1px rgba(205,70,47,.9); box-shadow: 0 0 2px 1px rgba(205,70,47,.9); } .coachValidationContainer .textReadonlyDiv span { padding-left: 3px; padding-right: 3px; } .coachValidationText { display: none; visibility: hidden; } .claro .coachValidationContainer .dijitEditorIFrameContainer, .claro .coachValidationContainer .dijitEditorIFrame, .claro .coachValidationContainer .dijitDisabled .dijitEditorIFrame{ background-color: #ffd9d1; } .dijit_a11y .coachValidationText { float: right; height: 20px; width: 20px; display: block; visibility: visible; } .dijit_a11y .coachValidationImg {/*.coachValidationContainer .coachValidationDiv */ display: none; visibility: hidden; } .coachValidationContainer .dijitComboBox .dijitButtonNode { background-color: #CD462f; } .coachValidationContainer .dijitComboBox .dijitArrowButtonInner { border: 1px solid #CD462f; } .coachValidationContainer .dojoxCheckedMultiSelect .dijit.dojoxCheckedMultiSelectWrapper { Border: 1px solid #CD462f; Background-color: #FEEBE0; } .coachValidationContainer .dojoxCheckedMultiSelect .dijit.dojoxCheckedMultiSelectWrapper:hover{ -moz-box-shadow: 0 0 2px 1px rgba(205,70,47,.9); -webkit-box-shadow: 0 0 2px 1px rgba(205,70,47,.9); box-shadow: 0 0 2px 1px rgba(205,70,47,.9); } .coachValidationContainer .dijitCalendar, .coachValidationContainer .dijitCalendar:hover { border: 2px solid #CD462f; } .coachValidationContainer .dijitCalendarSelectedDate .dijitCalendarDateLabel { background-color: #ffd9d1; border-color: #d38679; } .coachValidationContainer .dijitCalendarSelectedDate .dijitCalendarDateLabel:hover { background-color: #ffd9d1; border: 1px solid #CD462f; } /* Checkbox */ .Checkbox .BPMCheckboxFocused { outline:#000000 dotted thin; } .dijit_a11y .Checkbox .mblSwitch { border: thin solid; } .dijit_a11y .Checkbox .mblSwitchKnob { border: thin solid; top: 0%; height: 94%; } .dijit_a11y .Checkbox .mblSwitchKnob.BPMFocus { outline:#000000 dotted thin; outline-offset: -2px; top: 0%; } /* Textarea */ .Text_Area .BPMTextAreaFont { font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; } .Text_Area .BPMHiddenToolbar { display : none; visibility: hidden; } /* Table */ .Table.CoachView .BPMTableDeleteButtonText { display: none; visibility: hidden; } .dijit_a11y .Table.CoachView .BPMTableDeleteButtonText { display: block; margin: 0.5em; visibility: visible; } .Table.CoachView .BPMTableAddButtonText { display: none; visibility: hidden; } .dijit_a11y .Table.CoachView .BPMTableAddButtonText { display: block; margin-top: 0.3em; text-align: center; visibility: visible; } .dijit_a11y .Table.CoachView .BPMTableAddButton { border: 1px solid; } .Table.CoachView .dojoxGridInactived, .Table.CoachView .dojoxGridInactiveSwitch { color: #384F63; cursor: pointer; float: left; font-weight: normal; margin: 1px 7px 0; } /* Image */ .BPMImage { display: inline-block; } .BPMImage .CaptionCenter { text-align: center; } .BPMImage .CaptionRight { text-align: right; } .BPMImage .CaptionLeft { text-align: left; } /* Default Human Service */ .BPMDefaultActivitySection > div > div { width: 100%; } .BPMDefaultActivitySection .dijitTextBox { width: 100%; } .BPMDefaultActivitySection .Text.CoachView { padding-right: 2px; } /* Integer */ .Integer.CoachView > .Decimal.CoachView { margin-top: 0; margin-bottom: 0; }