3 .claro .dijitTreeRow .dijitCheckBox {
8 .claro .dijitTreeLabel {
12 .claro .dijitTree .feedParam {
18 .claro .dijitTree .filterRules {
25 .claro .dijitTree .filterRules span {
30 #filterDlg_Matches span
.filterRule
{
34 .claro
.dijitTree
.filterRules span
.inverse
,
35 #filterDlg_Matches span
.filterRule
.inverse
{
40 .claro .dijitTree .labelParam {
45 .claro
.dijitTree
.dijitTreeLabel
.filterDisabled
,
46 .claro .dijitTree .labelParam.filterDisabled {
48 text-decoration: line-through
;
51 .claro .dijitTreeRow.Error {
55 .claro .dijitTreeRow.Hidden {
59 .claro .dijitTreeNode .loadingNode {
64 .claro
.dijitFolderClosed
,
65 .claro .dijitFolderOpened {
69 .claro .dijitTreeNode .dijitCheckBox {
73 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
77 .claro .dijitTree .dijitTreeExpando {
82 .claro .dijitTree .dijitTreeNode {
87 /*.claro .dijitTree .dijitTreeRow {
90 text-overflow: ellipsis;
93 .claro .dijitTree .dijitTreeRowSelected {
97 .claro .dijitTree .dijitTreeRowHover {
102 .claro .dijitTree .dijitTreeRowSelected {
107 .claro .dijitTreeRowSelected .dijitTreeLabel {
108 text-shadow : 1px 1px 2px #fff;
111 .claro .dijitTreeRow .dijitTreeExpando {
112 background-image: url
("../images/treeExpandImages.png");
117 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
123 .claro .dijitToolbar {
124 background : #f5f5f5;
126 /* text-rendering: optimizelegibility;
127 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
128 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
129 Helvetica, Arial, sans-serif; */
132 /* .claro .dijitToolbar {
133 text-shadow : 1px 1px 2px #fff;
136 .claro .dijitDialog .dijitToolbar {
137 border : 1px solid
#ddd;
142 .claro .dijitDialog h2 {
148 .claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
151 padding-bottom : 3px;
156 .claro .dijitCheckBox {
157 background-image : url
("../images/untick.png");
158 background-color : transparent
;
163 background-position : center center
;
164 transition : opacity
0.25s;
165 -webkit-transition : opacity
0.25s;
166 /* border : 1px solid #b5bcc7; */
170 .claro .dijitCheckBox:hover {
174 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
178 .claro .dijitCheckBox.dijitCheckBoxChecked {
179 border-color : #69C671;
180 background-image : url
("../images/tick.png");
184 /* Various buttons */
186 .claro .dijitButton.danger .dijitButtonText {
190 .claro .dijitButton.danger {
191 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
192 background-color: #da4f49;
193 *background-color: #bd362f;
194 background-image: -moz-linear-gradient
(top
, #ee5f5b, #bd362f);
195 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ee5f5b), to
(#bd362f));
196 background-image: -webkit-linear-gradient
(top
, #ee5f5b, #bd362f);
197 background-image: -o-linear-gradient
(top
, #ee5f5b, #bd362f);
198 background-image: linear-gradient
(to bottom
, #ee5f5b, #bd362f);
199 background-repeat: repeat-x
;
200 border-color: #bd362f #bd362f #802420;
201 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
202 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffee5f5b', endColorstr
='#ffbd362f', GradientType
=0);
203 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
=false
);
206 .claro
.dijitButton
.dijitButtonDisabled
.danger
,
207 .claro
.dijitButton
.dijitButtonActive
.danger
,
208 .claro
.dijitButton
.dijitButtonHover
.danger
,
209 .claro .dijitButton.dijitFocused.danger {
211 background-color: #bd362f;
212 *background-color: #a9302a;
215 .claro .dijitButton.dijitButtonActive.danger {
216 background-color: #942a25 \
9;
219 .claro .dijitDropDownButton {
223 .claro .dijitDropDownButton .dijitButtonNode {
227 .claro .dijitButton.dijitButtonActive.danger {
228 color: rgba
(255, 255, 255, 0.75);
231 .claro
.dijitButton
.dijitButtonNode
,
232 .claro
.dijitDropDownButton
.dijitButtonNode
,
233 .claro
.dijitComboButton
.dijitButtonNode
,
234 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonNode
,
235 .claro
.dijitToolbar
.dijitComboButton
,
236 .claro
.dijitToolbar
.dijitSelect
.dijitDownArrowButton
.dijitButtonNode
,
237 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
239 border-color : transparent
;
244 input
[type
="submit"] {
245 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
250 input
[type
="submit"],
252 .claro
.dijitDropDownButton
.dijitDownArrowButton
,
253 .claro .dijitComboButton {
254 display: inline-block
;
261 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
262 vertical-align: middle
;
264 background-color: #f5f5f5;
265 background-image: -moz-linear-gradient
(top
, #ffffff, #e6e6e6);
266 background-image: -webkit-linear-gradient
(top
, #ffffff, #e6e6e6);
267 background-image: linear-gradient
(to bottom
, #ffffff, #e6e6e6);
268 background-repeat: repeat-x
;
269 border: 1px solid
#cccccc;
270 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
271 border-bottom-color: #b3b3b3;
272 -webkit-border-radius: 4px;
274 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
275 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
281 input
[type
="submit"]:hover
,
282 input
[type
="submit"]:focus
,
283 input
[type
="submit"]:active
,
284 .claro
.dijitButton:hover
,
285 .claro
.dijitButton:focus
,
286 .claro
.dijitButton:active
,
287 .claro
.dijitDropDownButton
.dijitDownArrowButton:hover
,
288 .claro
.dijitDropDownButton
.dijitDownArrowButton:focus
,
289 .claro
.dijitDropDownButton
.dijitDownArrowButton:active
,
290 .claro
.dijitComboButton:hover
,
291 .claro
.dijitComboButton:focus
,
292 .claro
.dijitComboButton:active
,
293 .claro .dijitButton.dijitButtonDisabled {
295 background-color: #e6e6e6;
299 input
[type
="submit"]:active
,
300 .claro
.dijitButton:active
,
301 .claro
.dijitDropDownButton
.dijitDownArrowButton:active
,
302 .claro .dijitComboButton:active {
303 background-color: #cccccc \
9;
306 .claro
.dijitToolbar
.dijitButton
,
307 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
308 .claro
.dijitToolbar
.dijitComboButton
,
309 .claro
.dijitToolbar
.dijitDropDownButton
.dijitDownArrowButton
,
310 .claro .dijitToolbar .dijitComboButton.dijitHover {
312 border-color : transparent
;
320 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonText
,
321 .claro
.dijitToolbar
.dijitDownArrowButton
.dijitButtonText
,
322 .claro .dijitToolbar .dijitComboButton .dijitButtonText {
326 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
330 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
331 .claro
.dijitToolbar
.dijitDropDownButton
.dijitHover
.dijitButtonNode
,
332 .claro .dijitToolbar .dijitComboButton.dijitHover {
336 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
337 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
341 .claro
.dijitToolbar
.dijitButton
.dijitButtonContents
,
342 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonContents
,
343 .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
349 input
[type
="submit"]:hover
,
350 input
[type
="submit"]:focus
,
351 .claro
.dijitButton:hover
,
352 .claro
.dijitDropDownButton
.dijitDownArrowButton:hover
,
353 .claro
.dijitToolbar
.dijitButton:hover
.dijitButtonNode
,
354 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
355 .claro
.dijitButton:focus
,
356 .claro
.dijitComboButton:hover
,
357 .claro .dijitComboButton:focus {
359 text-decoration: none
;
360 background-position: 0 -15px;
361 -webkit-transition: background-position
0.1s linear
;
362 transition: background-position
0.1s linear
;
366 input
[type
="submit"]:focus
,
367 .claro
.dijitButton:focus
,
368 .claro
.dijitDropDownButton
.dijitDownArrowButton:focus
,
369 .claro .dijitComboButton:focus {
370 outline: thin dotted
#333;
371 outline: 5px auto
-webkit-focus-ring-color
;
372 outline-offset: -2px;
376 input
[type
="submit"]:active
,
377 .claro
.dijitButton:active
,
378 .claro
.dijitComboButton:active
,
379 .claro
.dijitToolbar
.dijitDropDownButton
.dijitOpened
,
380 .claro
.dijitToolbar
.dijitComboButton
.dijitOpened
,
381 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
382 background-image: none
;
384 -webkit-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
385 box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
388 input
[type
="submit"][disabled
],
390 .claro
.dijitButton
[disabled
],
391 .claro
.dijitDropDownButton
.dijitDownArrowButton
[disabled
],
392 .claro
.dijitButton
.dijitButtonDisabled
,
393 .claro .dijitComboButton.dijitButtonDisabled {
395 background-image: none
;
397 filter: alpha
(opacity
=65);
398 -webkit-box-shadow: none
;
402 .claro
.dijitButton
.dijitButtonContents
,
403 .claro
.dijitDropDownButton
.dijitButtonContents
,
404 .claro .dijitComboButton .dijitButtonContents {
406 font-weight : normal
;
410 .claro .dijitButton.small .dijitButtonText {
415 border-color: rgba
(82, 168, 236, 0.8);
418 .claro
.dijitMenu
.dijitMenuItemSelected
,
419 .claro .dijitMenu .dijitMenuItemSelected td {
420 background : rgb
(82, 168, 236);
422 border-color : rgba
(82, 168, 236, 0.8);
425 .claro
.dijitButton
.dijitButtonNode
,
426 .claro .dijitComboButton .dijitButtonNode {
432 /* .claro .dijitAccordionTitleFocus {
433 text-shadow : 1px 1px 2px #fff;
436 .claro .dijitAccordionTitle {
437 text-rendering: optimizelegibility;
438 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
439 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
440 Helvetica, Arial, sans-serif;
444 .claro
.dijitAccordionTitle
.dijitAccordionTitleHover
,
445 .claro .dijitAccordionTitle.dijitAccordionTitleFocused {
447 transition : background
0.25s;
449 .claro .dijitAccordionTitle {
450 background : #f0f0f0;
451 transition : background
0.25s;
454 .claro
.dijitAccordionInnerContainer
.dijitAccordionInnerContainerSelected
,
455 .claro .dijitAccordionTitle.dijitAccordionTitleSelected {
456 background : #0088cc;
457 transition : background
0.25s;
460 .claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
464 .claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
465 border-color : #0088cc;
468 .claro .dijitAccordionContainer .dijitAccordionChildWrapper {
474 .claro .dijitTabInner.dijitTab {
475 background : #f0f0f0;
478 .claro .dijitTabContent {
482 .claro
.dijitTabContent
.dijitTabChecked
,
483 .claro
.dijitTabContent
.dijitTabHover
,
484 .claro .dijitTabContent.dijitFocused {
488 .claro
.dijitTabPaneWrapper
,
489 .claro
.dijitTabContainerTop-tabs
,
491 .claro .dijitAccordionInnerContainer {
495 /* Text fields & selects */
497 .claro
.dijitComboBox
.dijitArrowButton
,
498 .claro .dijitSelect .dijitArrowButton {
499 background : transparent
;
500 border-color : transparent
;
503 .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
509 .claro .dijitDownArrowButton.dijitSelect {
510 -webkit-border-radius: 4px;
511 -moz-border-radius: 4px;
517 .claro .dijitSelect .dijitButtonContents {
518 display: inline-block
;
524 vertical-align: middle
;
530 .claro
.input
.input-text
,
531 .claro .dijitTextBox {
532 display: inline-block
;
538 vertical-align: middle
;
539 -webkit-border-radius: 4px;
540 -moz-border-radius: 4px;
549 .claro .input.input-text {
555 .claro
.input
.input-text
,
556 .claro
.dijitTextBox
,
557 .claro .dijitSelect {
558 background-color: #ffffff;
559 border: 1px solid
#cccccc;
560 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
561 -moz-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
562 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
563 -webkit-transition: border linear
0.2s, box-shadow linear
0.2s;
564 -moz-transition: border linear
0.2s, box-shadow linear
0.2s;
565 -o-transition: border linear
0.2s, box-shadow linear
0.2s;
566 transition: border linear
0.2s, box-shadow linear
0.2s;
570 .claro
.input
.input-text:focus
,
571 .claro
.dijitTextBox
.dijitFocused
,
572 .claro .dijitSelect.dijitFocused {
573 border-color: rgba
(82, 168, 236, 0.8);
575 outline: thin dotted \
9;
578 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
579 -moz-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
580 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
583 .claro .dijitError .dijitValidationContainer {
590 .claro .dijitSelect.dijitSelectDisabled {
591 background-color: #eeeeee;
594 .claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
598 .claro
.dijitTextBox
.dijitTextBoxDisabled
,
599 .claro
.dijitTextBox
.dijitTextBoxDisabled
.dijitInputInner
,
600 .claro
.dijitTextBox
.dijitReadOnly
,
601 .claro .dijitTextBox.dijitReadOnly .dijitInputInner {
603 background-color: #eeeeee;
606 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
607 border-color : rgba
(0,0,0,0.1);
610 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
611 padding : 2px 2px 0px 4px;
614 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
618 .claro .dijitToolbar .dijitTextBox {
626 .claro .dijitDialog {
631 .claro .dijitDialog .dijitDialogCloseIcon {
635 .claro .dijitDialog .dijitDialogTitleBar {
641 text-rendering: optimizelegibility
;
642 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
643 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "Helvetica Neue",
644 Helvetica
, Arial
, sans-serif
;
647 .claro .dijitDialog .dijitDialogPaneContent {
652 .claro .dijitProgressBar.dijitProgressBarEmpty {
654 border-color : #0088cc;
657 .claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
658 background : rgb
(82, 168, 236);
662 .claro .dijitProgressBar .dijitProgressBarLabel {