Subversion Repositories Applications.papyrus

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2150 mathias 1 
/*
2 
	Essential styles that themes can inherit.
3 
	In other words, works but doesn't look great.
4 
*/
5 
 
6 
 
7 
 
8 
/****
9 
		GENERIC PIECES
10 
 ****/
11 
 
12 
.dijitReset {
13 
	/* Use this style to null out padding, margin, border in your template elements
14 
		so that page specific styles don't break them.
15 
		- Use in all TABLE, TR and TD tags.
16 
		- If there is more than one class on the tag, place this first so other classes override.
17 
	*/
18 
	margin:0px;
19 
	border:0px;
20 
	padding:0px;
21 
	line-height:normal;
22 
}
23 
 
24 
.dijitInline {
25 
	/*  To inline block elements.
26 
		Similar to InlineBox below, but this has fewer side-effects in Moz.
27 
		Also, apparently works on a DIV as well as a FIELDSET.
28 
	*/
29 
	display:-moz-inline-box;		/* FF2 */
30 
	display:inline-block;			/* webkit and FF3 */
31 
	border:0px;
32 
	padding:0px;
33 
	vertical-align:middle;
34 
}
35 
 
36 
.dj_ie .dijitInline {
37 
	zoom: 1; /* set hasLayout:true to mimic inline-block */
38 
	#display:inline;
39 
}
40 
 
41 
.dijitInlineTable {
42 
	/* To inline tables with a given width set (otherwise, use dijitInline above)
43 
	 * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
44 
	 */
45 
	display: -moz-inline-stack;			/* FF2 */
46 
	display:inline-table;
47 
	display:inline-block;			/* webkit and FF3 */
48 
	#display:inline;				/* MSIE   (TODO: is this needed???) */
49 
	border:0px;
50 
	padding:0px;
51 
	vertical-align:middle;
52 
	position:relative; /* #5034 */
53 
}
54 
 
55 
.dijitTeeny {
56 
	font-size:1px;
57 
	line-height:1px;
58 
}
59 
 
60 
/*
61 
 * Popup items have a wrapper div (dijitPopup)
62 
 * with the real popup inside, and maybe an iframe too
63 
 */
64 
.dijitPopup {
65 
	position: absolute;
66 
	background-color: transparent;
67 
	margin: 0;
68 
	border: 0;
69 
	padding: 0;
70 
}
71 
.dijit_a11y .dijitPopup,
72 
.dijit_ally .dijitPopup div,
73 
.dijit_a11y .dijitPopup table,
74 
.dijit_a11y .dijitTooltipContainer {
75 
	opacity: 1 !important;
76 
	background-color: white !important;
77 
}
78 
.dj_ie .dijit_a11y .dijitPopup * {
79 
	filter: none;
80 
}
81 
 
82 
.dijitInputField {
83 
	font-family:inherit;
84 
	font-size:inherit;
85 
	font-weight:inherit;
86 
}
87 
 
88 
.dijitPositionOnly {
89 
	/* Null out all position-related properties */
90 
	padding: 0px !important;
91 
	border: 0px !important;
92 
	background-color: transparent !important;
93 
	background-image: none !important;
94 
	height: auto !important;
95 
	width: auto !important;
96 
}
97 
 
98 
.dijitNonPositionOnly {
99 
	/* Null position-related properties */
100 
	float: none !important;
101 
	position: static !important;
102 
	margin: 0px 0px 0px 0px !important;
103 
	vertical-align: middle !important;
104 
}
105 
 
106 
.dijitBackgroundIframe {
107 
	/*
108 
	 * iframe used for FF2 in high-contrast mode to prevent menu
109 
	 * being transparent
110 
	 */
111 
	position: absolute;
112 
	left: 0px;
113 
	top: 0px;
114 
	width: 100%;
115 
	height: 100%;
116 
	z-index: -1;
117 
	border: 0;
118 
	padding: 0;
119 
	margin: 0;
120 
}
121 
 
122 
.dijitClickableRegion {
123 
	/* a region we expect the user to click on */
124 
	cursor : pointer;
125 
}
126 
 
127 
 
128 
.dijitDisplayNone {
129 
	/* hide something.  Use this as a class rather than element.style so another class can override */
130 
	display:none !important;
131 
}
132 
 
133 
.dijitContainer {
134 
	/* for all layout containers */
135 
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
136 
}
137 
 
138 
/****
139 
		A11Y
140 
 ****/
141 
.dijit_a11y * {
142 
	background-image:none !important;
143 
	background-color:transparent !important;
144 
}
145 
 
146 
.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {
147 
	padding-left:.2em;
148 
	visibility:visible !important;
149 
}
150 
 
151 
.dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
152 
	/*make the arrow smaller in toolbar*/
153 
	padding:0;
154 
	margin:0;
155 
}
156 
.dj_ie6 .dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
157 
	/*vertical-align: middle does not place the arrow in the middle of the toolbar in IE*/
158 
	vertical-align: bottom;
159 
}
160 
 
161 
.dijitA11ySideArrow {
162 
	vertical-align:top;
163 
	margin-right:0em;
164 
	margin-left:.2em;
165 
	line-height:2em;
166 
	text-align:center;
167 
}
168 
 
169 
.dj_ie .dijitA11yDownArrow,
170 
.dj_ie .dijitA11yUpArrow {
171 
	font-size:.8em;
172 
	vertical-align:middle;
173 
	margin-right:.5em;
174 
}
175 
 
176 
 
177 
 
178 
 
179 
.dijit_a11y .dijitButton .dijitButtonNode,
180 
.dijit_a11y .dijitDropDownButton .dijitButtonNode,
181 
.dijit_a11y .dijitComboButton .dijitButtonNode,
182 
.dijit_a11y .dijitComboBox .dijitInputField,
183 
.dijit_a11y .dijitComboBox .dijitButtonNode {
184 
	border:1px solid black !important;
185 
	background:white !important;
186 
	color:black !important;
187 
}
188 
 
189 
.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
190 
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
191 
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
192 
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
193 
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
194 
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
195 
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
196 
	border:1px dotted #999999 !important;
197 
	color:#999999 !important;
198 
}
199 
 
200 
.dijit_a11y .dijitComboButton .dijitDownArrowButton,
201 
.dijit_a11y .dijitComboBox .dijitDownArrowButton {
202 
	border-left:0px !important;
203 
}
204 
 
205 
/* In high contrast mode, display the check symbol */
206 
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
207 
	display: inline !important;
208 
}
209 
 
210 
 
211 
 
212 
/****
213 
		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
214 
 ****/
215 
 
216 
.dijitLeft {
217 
	/* Left part of a 3-element border */
218 
	background-position:left top;
219 
	background-repeat:no-repeat;
220 
}
221 
 
222 
.dijitStretch {
223 
	/* Middle (stretchy) part of a 3-element border */
224 
	white-space:nowrap;			/* MOW: move somewhere else */
225 
	background-repeat:repeat-x;
226 
}
227 
 
228 
.dijitRight {
229 
	/* Right part of a 3-element border */
230 
	#display:inline;				/* IE7 sizes to outer size w/o this */
231 
	background-position:right top;
232 
	background-repeat:no-repeat;
233 
}
234 
 
235 
 
236 
/****
237 
		Right-to-left rules
238 
 ****/
239 
.dijitRTL .dijitRightArrow {
240 
	/* it becomes a left arrow for LTR locales */
241 
	/* MOW: TODO... */
242 
	margin-left:-2.1em;
243 
}
244 
 
245 
 
246 
 
247 
 
248 
 
249 
/****
250 
		dijit.form.Button
251 
		dijit.form.DropDownButton
252 
		dijit.form.ComboButton
253 
		dijit.form.ComboBox (partial)
254 
 ****/
255 
.dijitButton,
256 
.dijitDropDownButton,
257 
.dijitComboButton,
258 
.dijitComboBox {
259 
	/* outside of button */
260 
	margin: 0.2em;
261 
	/* normalize line-heights inside the button */
262 
	line-height: 1.3em;
263 
}
264 
 
265 
.dj_safari .dijitToolbar .dijitDropDownButton {
266 
	padding-left: 0.3em;
267 
}
268 
 
269 
.dijitButtonNode {
270 
	/* Node that is acting as a button -- may or may not be a BUTTON element */
271 
	border:1px solid gray;
272 
	margin:0px;
273 
	padding:.2em .2em .1em .2em;
274 
	overflow:visible;
275 
	line-height:normal;
276 
	font-family:inherit;
277 
	font-size:inherit;
278 
	color: inherit;
279 
	cursor:pointer;
280 
	vertical-align:middle;
281 
	text-align:center;
282 
	white-space: nowrap;
283 
}
284 
 
285 
.dijitDownArrowButton,
286 
.dijitUpArrowButton {
287 
	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
288 
	/* place AFTER dijitButtonNode so it overrides */
289 
	padding:0em .4em;
290 
	margin:0px;
291 
	font-size: 0.7em;
292 
}
293 
 
294 
 
295 
.dijitButtonContents {
296 
	color:inherit;
297 
}
298 
 
299 
.dijitDropDownButton .dijitA11yDownArrow {
300 
	margin-left:.8em;
301 
}
302 
 
303 
.dijitComboButton TABLE {
304 
	/* each cell in a combo-table should have its own separate border */
305 
	border-collapse: separate;
306 
	border:0px;
307 
	padding:0px;
308 
	margin:0px;
309 
}
310 
 
311 
.dijitComboButton .dijitButtonContents {
312 
	border-right-width:0px !important;
313 
}
314 
 
315 
 
316 
table .dijitButton .dijitButtonNode,
317 
table .dijitComboButton .dijitButtonNode {
318 
	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
319 
}
320 
 
321 
 
322 
 
323 
.dijitButtonNode IMG {
324 
	/* make text and images line up cleanly */
325 
	vertical-align:middle;
326 
	margin-bottom:.2em;
327 
}
328 
 
329 
/******
330 
	TextBox related.
331 
	Everything that has an <input>
332 
*******/
333 
 
334 
.dijitTextBox,
335 
.dijitComboBox,
336 
.dijitSpinner {
337 
	border: solid black 1px;
338 
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
339 
}
340 
 
341 
/* rules for safari to deal with fuzzy blue focus border */
342 
.dijitTextBox input:focus,
343 
.dijitComboBox input:focus,
344 
.dijitSpinner input:focus {
345 
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
346 
}
347 
.dijitTextBoxFocused,
348 
.dijitComboBoxFocused,
349 
.dijitSpinnerFocused {
350 
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
351 
	outline: auto 5px -webkit-focus-ring-color;
352 
}
353 
 
354 
.dijitTextBox INPUT,
355 
.dijitComboBox INPUT,
356 
.dijitSpinner INPUT {
357 
	padding:0px;
358 
	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
359 
	display:inline;
360 
	position:static !important;
361 
	border:0px !important;
362 
	margin:0px !important;
363 
	vertical-align:0em !important;
364 
	visibility:visible !important;
365 
	background-color:transparent !important;
366 
	background-image:none !important;
367 
	width:100% !important;
368 
}
369 
 
370 
/* #4711: prevent IE from over-expanding 100% width input boxes */
371 
.dj_ie .dijitTextBox .dijitInputField,
372 
.dj_ie .dijitComboBox .dijitInputField,
373 
.dj_ie .dijitSpinner .dijitInputField {
374 
	position:relative;
375 
}
376 
.dj_ie .dijitTextBox .dijitInputField INPUT,
377 
.dj_ie .dijitComboBox .dijitInputField INPUT,
378 
.dj_ie .dijitSpinner .dijitInputField INPUT {
379 
	position:absolute !important;
380 
	top:auto !important;
381 
	left:auto !important;
382 
	right:auto !important;
383 
	bottom:auto !important;
384 
	font-size:100%;
385 
}
386 
 
387 
.dj_ie INPUT.dijitTextBox {
388 
	font-size:100%;
389 
}
390 
 
391 
/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
392 
*/
393 
.dijitValidationIcon { display: none; background-position-y:center; }
394 
.dijitValidationIconText { visibility: hidden; }
395 
.dijit_a11y .dijitValidationIcon { display: none !important; }
396 
.dijit_a11y .dijitValidationIconText { display: block !important; }
397 
 
398 
.dijitTextBoxError .dijitValidationIconText,
399 
.dijitComboBoxError .dijitValidationIconText,
400 
.dijitSpinnerError .dijitValidationIconText {
401 
	visibility: visible;
402 
}
403 
 
404 
.dijitSpinner .dijitDownArrowButton,
405 
.dijitSpinner .dijitUpArrowButton {
406 
    padding: 0 .4em;
407 
    border: 1px solid;
408 
    line-height: .769em;
409 
    /* TODO: as we use border-collapse, is this necessary? */
410 
    border-left-style: none;
411 
}
412 
.dj_ie .dijitSpinner .dijitDownArrowButton,
413 
.dj_ie .dijitSpinner .dijitUpArrowButton {
414 
    padding: 0 .2em!important;
415 
    text-align: center;
416 
}
417 
.dijitSpinner .dijitDownArrowButton div,
418 
.dijitSpinner .dijitUpArrowButton div {
419 
    text-align: center;
420 
    font-size: .769em;
421 
    line-height: 1em;
422 
    vertical-align: baseline;
423 
    margin: 0 auto;
424 
}
425 
 
426 
.dijitTextBox .dijitDownArrowButton {
427 
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
428 
	display:none;
429 
}
430 
 
431 
/****
432 
		dijit.form.CheckBox
433 
 	 &
434 
  		dijit.form.RadioButton
435 
 ****/
436 
 
437 
.dijitCheckBox,
438 
.dijitRadio,
439 
.dijitCheckBoxInput {
440 
	padding: 0;
441 
	border: 0;
442 
	width: 16px;
443 
	height: 16px;
444 
	background-position:center center;
445 
	background-repeat:no-repeat;
446 
}
447 
 
448 
.dijitCheckBox INPUT,
449 
.dijitRadio INPUT {
450 
	margin: 0;
451 
	padding: 0;
452 
	display: block;
453 
}
454 
 
455 
.dijitCheckBoxInput {
456 
	/* place the actual input on top, but all-but-invisible */
457 
	opacity: 0.01;
458 
	overflow:hidden;
459 
}
460 
 
461 
.dj_ie .dijitCheckBoxInput {
462 
	filter: alpha(opacity=0);
463 
}
464 
 
465 
.dijit_a11y .dijitCheckBox,
466 
.dijit_a11y .dijitRadio {
467 
	width: auto;
468 
	height: auto;
469 
}
470 
.dijit_a11y .dijitCheckBoxInput {
471 
	opacity: 1;
472 
	filter: none;
473 
	width: auto;
474 
	height: auto;
475 
}
476 
 
477 
 
478 
/****
479 
		dijit.ProgressBar
480 
 ****/
481 
 
482 
.dijitProgressBarEmpty{
483 
	/* outer container and background of the bar that's not finished yet*/
484 
	position:relative;overflow:hidden;
485 
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
486 
	z-index:0;			/* establish a stacking context for this progress bar */
487 
}
488 
 
489 
.dijitProgressBarFull {
490 
	/* outer container for background of bar that is finished */
491 
	position:absolute;
492 
	overflow:hidden;
493 
	z-index:-1;
494 
	top:0;
495 
	width:100%;
496 
	height:100%;
497 
}
498 
 
499 
.dijitProgressBarTile{
500 
	/* inner container for finished portion */
501 
	position:absolute;
502 
	overflow:hidden;
503 
	top:0px;
504 
	left:0px;
505 
	bottom:0px;
506 
	right:0px;
507 
	margin:0px;
508 
	padding:0px;
509 
	width:auto;
510 
	height:auto;
511 
	background-color:#aaa;
512 
	background-attachment: fixed;
513 
}
514 
 
515 
.dijit_a11y .dijitProgressBarTile{
516 
	/* a11y:  The border provides visibility in high-contrast mode */
517 
	border-width:4px;
518 
	border-style:solid;
519 
	background-color:transparent !important;
520 
}
521 
 
522 
.dj_iequirks .dijitProgressBarTile{
523 
	width:100%;
524 
	height:100%;
525 
}
526 
 
527 
.dj_ie6 .dijitProgressBarTile{
528 
	/* width:auto works in IE6 with position:static but not position:absolute */
529 
	position:static;
530 
	/* height:auto does not work in IE6 */
531 
	height:100%;
532 
}
533 
 
534 
.dijitProgressBarIndeterminate .dijitProgressBarLabel{
535 
	visibility:hidden;
536 
}
537 
 
538 
.dijitProgressBarIndeterminate .dijitProgressBarTile{
539 
	/* animated gif for 'indeterminate' mode */
540 
}
541 
 
542 
.dijitProgressBarIndeterminateHighContrastImage{
543 
	display:none;
544 
}
545 
 
546 
.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{
547 
	display:block;
548 
	position:absolute;
549 
	top:0;
550 
	bottom:0;
551 
	margin:0;
552 
	padding:0;
553 
	width:100%;
554 
	height:auto;
555 
}
556 
 
557 
.dijitProgressBarLabel{
558 
	display:block;
559 
	position:static;
560 
	width:100%;
561 
	text-align:center;
562 
	background-color:transparent;
563 
}
564 
 
565 
/* progress bar in vertical mode - TODO: remove? no longer supported? */
566 
.dijitProgressBarVertical .dijitProgressBarFull{
567 
	bottom:0px;		/* start at the bottom */
568 
}
569 
 
570 
.dj_ie6 .dijitProgressBarVertical .dijitProgressBarTile{
571 
	position:absolute;
572 
	/* can't use position:static here -- need absolute positioning to place
573 
	   the bar at the bottom of a vertical progressbar */
574 
	width:100%;
575 
}
576 
 
577 
 
578 
/****
579 
		dijit.Tooltip
580 
 ****/
581 
 
582 
.dijitTooltip {
583 
	position: absolute;
584 
	z-index: 2000;
585 
	display: block;
586 
	/* make visible but off screen */
587 
	left: 50%;
588 
	top: -10000px;
589 
	overflow: visible;
590 
}
591 
/*
592 
See http://trac.dojotoolkit.org/ticket/5006
593 
.dijitTooltipDialog {
594 
	position: relative;
595 
}
596 
*/
597 
.dijitTooltipContainer {
598 
	border: solid black 2px;
599 
	background: #b8b5b5;
600 
	color: black;
601 
	font-size: small;
602 
}
603 
 
604 
.dijitTooltipFocusNode {
605 
	padding: 2px 2px 2px 2px;
606 
}
607 
 
608 
.dijitTooltipConnector {
609 
	position: absolute;
610 
}
611 
 
612 
/* MOW: using actual images at this time
613 
/* draw an arrow with CSS only * /
614 
.dijitTooltipConnector {
615 
	/* the border on the triangle * /
616 
	font-size: 0px; line-height: 0%; width: 0px;
617 
	border-top: none;
618 
	border-bottom: 14px solid black;
619 
	border-left: 7px solid transparent;
620 
	border-right: 7px solid transparent;
621 
	top: -14px;
622 
	left: 3px;
623 
	z-index: 2;
624 
}
625 
 
626 
.dijitTooltipConnector div {
627 
	/* the background of the triangle * /
628 
	font-size: 0px; line-height: 0%; width: 0px;
629 
	position: absolute;
630 
	border-bottom: 10px solid #b8b5b5;
631 
	border-left: 5px solid transparent;
632 
	border-right: 5px solid transparent;
633 
	top: 6px;
634 
	left: -5px;
635 
	z-index: 3;
636 
}
637 
 
638 
*/
639 
 
640 
 
641 
 
642 
/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
643 
   make sure that the position:absolute in dijitAlign* overrides other classes */
644 
 
645 
.dijitLayoutContainer{
646 
	position: relative;
647 
	display: block;
648 
	overflow: hidden;
649 
}
650 
 
651 
body .dijitAlignTop,
652 
body .dijitAlignBottom,
653 
body .dijitAlignLeft,
654 
body .dijitAlignRight {
655 
	position: absolute;
656 
	overflow: hidden;
657 
}
658 
 
659 
body .dijitAlignClient { position: absolute; }
660 
 
661 
/* SplitContainer
662 
 
663 
	'V' == container that splits vertically (up/down)
664 
	'H' = horizontal (left/right)
665 
*/
666 
.dijitSplitContainer{
667 
	position: relative;
668 
	overflow: hidden;
669 
	display: block;
670 
}
671 
 
672 
.dijitSplitPane{
673 
	position: absolute;
674 
}
675 
 
676 
.dijitSplitContainerSizerH,
677 
.dijitSplitContainerSizerV {
678 
	position:absolute;
679 
	font-size: 1px;
680 
	cursor: move;
681 
	cursor: w-resize;
682 
	background-color: ThreeDFace;
683 
	border: 1px solid;
684 
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
685 
	margin: 0;
686 
}
687 
 
688 
.dijitSplitContainerSizerV {
689 
	cursor: n-resize;
690 
}
691 
 
692 
.dijitSplitContainerSizerH .thumb {
693 
	position:absolute;
694 
	top:49%;
695 
}
696 
 
697 
.dijitSplitContainerSizerV .thumb {
698 
	position:absolute;
699 
	left:49%;
700 
}
701 
 
702 
.dijitSplitContainerVirtualSizerH,
703 
.dijitSplitContainerVirtualSizerV {
704 
	font-size: 1px;
705 
	cursor: move;
706 
	cursor: w-resize;
707 
	background-color: ThreeDShadow;
708 
	-moz-opacity: 0.5;
709 
	opacity: 0.5;
710 
	filter: Alpha(Opacity=50);
711 
	margin: 0;
712 
}
713 
 
714 
.dijitSplitContainerVirtualSizerV {
715 
	cursor: n-resize;
716 
}
717 
 
718 
 
719 
/* ContentPane */
720 
 
721 
.dijitContentPane {
722 
	display: block;
723 
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
724 
}
725 
/* TitlePane */
726 
.dijitTitlePane {
727 
	display: block;
728 
	overflow: hidden;
729 
}
730 
 
731 
/* Color Palette */
732 
 
733 
.dijitColorPalette {
734 
	border:1px solid #999;
735 
	background:#fff;
736 
	-moz-border-radius:3pt;
737 
}
738 
 
739 
img.dijitColorPaletteUnder {
740 
	border-style:none;
741 
	position:absolute;
742 
	left:0;
743 
	top:0;
744 
}
745 
.dijitColorPaletteInner {
746 
	position: relative;
747 
	overflow:hidden;
748 
	outline:0;
749 
}
750 
.dijitPaletteImg {
751 
	width: 16px; /*This is the width of one color in the provided palettes. */
752 
	height: 14px; /* Height of one color in the provided palettes. */
753 
	position: absolute;
754 
	overflow: hidden;
755 
	cursor: default;
756 
	z-index: 10;
757 
	border:1px solid #999;
758 
	/* -moz-border-radius:2pt; */
759 
}
760 
 
761 
.dijitPaletteImgHighlight {
762 
	width: 14px; /*This is the width of one color in the provided palettes. */
763 
	height: 12px; /* Height of one color in the provided palettes. */
764 
	position: absolute;
765 
	overflow: hidden;
766 
	cursor: default;
767 
	z-index: 10;
768 
}
769 
 
770 
/* .dijitPaletteImg:hover, */
771 
.dijitPaletteImg:focus,
772 
.dijitPaletteImgHighlight {
773 
	width: 14px; /*This is the width of one color in the provided palettes. */
774 
	height: 12px; /* Height of one color in the provided palettes. */
775 
	border:2px solid #000;
776 
	outline:2px solid #dedede;
777 
	/* -moz-border-radius:0; */
778 
}
779 
 
780 
 
781 
.dijitColorPaletteCell {
782 
	width:16px;
783 
	height:14px;
784 
	border: 1px solid;
785 
}
786 
 
787 
.dijitColorPaletteCell:hover {
788 
	border-style: solid;
789 
	outline:0;
790 
}
791 
 
792 
/* Accordion */
793 
 
794 
.dijitAccordionPane {
795 
	overflow: hidden !important;	/* prevent spurious scrollbars */
796 
}
797 
 
798 
.dijitAccordionPane .dijitAccordionBody {
799 
	overflow: auto;
800 
}
801 
 
802 
 
803 
.dijitAccordionContainer {
804 
	border:1px solid #b7b7b7;
805 
	border-top:0 !important;
806 
}
807 
 
808 
.dijitAccordionPane .dijitAccordionTitle:hover {
809 
	cursor: pointer;
810 
}
811 
 
812 
.dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow {
813 
	float: right;
814 
}
815 
 
816 
/* images off, high-contrast mode styles */
817 
.dijitAccordionPane .dijitAccordionTitle .arrowTextUp,
818 
.dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
819 
	display: none;
820 
	float: right;
821 
	font-size: 0.65em;
822 
	font-weight: normal !important;
823 
}
824 
 
825 
.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp {
826 
	display: inline;
827 
}
828 
 
829 
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextDown {
830 
	display: inline;
831 
}
832 
 
833 
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextUp {
834 
	display: none;
835 
}
836 
 
837 
/* Calendar */
838 
 
839 
.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
840 
	padding: 0;
841 
}
842 
 
843 
.dijitCalendarNextYear {
844 
	margin:0 0 0 0.55em;
845 
}
846 
 
847 
.dijitCalendarPreviousYear {
848 
	margin:0 0.55em 0 0;
849 
}
850 
 
851 
.dijitCalendarIncrementControl {
852 
	cursor:pointer;
853 
	cursor:hand;
854 
	width:1em;
855 
}
856 
 
857 
.dijitCalendarDisabledDate {
858 
	color:gray !important;
859 
}
860 
 
861 
.dijitCalendarBodyContainer tbody tr td {
862 
	cursor:pointer;
863 
	cursor:hand;
864 
}
865 
 
866 
.dijitCalendarPreviousMonthDisabled {
867 
	cursor:default !important
868 
}
869 
 
870 
.dijitCalendarCurrentMonthDisabled {
871 
	cursor:default !important
872 
}
873 
 
874 
.dijitCalendarNextMonthDisabled {
875 
	cursor:default !important;
876 
}
877 
 
878 
.dijitCalendarDateTemplate {
879 
	cursor:pointer;
880 
}
881 
 
882 
.dijitCalendarSelectedYear {
883 
	cursor:pointer;
884 
}
885 
.dijitCalendarNextYear,
886 
.dijitCalendarPreviousYear {
887 
	cursor:pointer;
888 
}
889 
 
890 
.dijitCalendarMonthLabelSpacer {
891 
	/* don't display it, but make it affect the width */
892 
  	position: relative;
893 
  	height: 1px;
894 
  	overflow: hidden;
895 
  	visibility: hidden;
896 
}
897 
 
898 
 
899 
/* Menu */
900 
 
901 
.dijitMenu {
902 
	border:1px solid black;
903 
	background-color:white;
904 
}
905 
.dijitMenuTable {
906 
	margin:1px 0px;
907 
	border-collapse:collapse;
908 
	border-width:0px;
909 
	background-color:white;
910 
}
911 
 
912 
.dijitMenuItem{
913 
	white-space: nowrap;
914 
	padding:.1em .2em;
915 
}
916 
 
917 
.dijitMenuItemHover {
918 
	cursor:pointer;
919 
	cursor:hand;
920 
	background-color:black;
921 
	color:white;
922 
}
923 
 
924 
.dijitMenuItemIcon {
925 
	position: relative;
926 
	background-position: center center;
927 
	background-repeat: no-repeat;
928 
}
929 
 
930 
.dijitMenuItemDisabled * {
931 
	/* for a disabled menu item, just set it to mostly transparent */
932 
	opacity:0.3;
933 
	cursor:default;
934 
}
935 
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
936 
.dj_ie .dijitMenuItemDisabled *,
937 
.dj_ie .dijitMenuItemDisabled td {
938 
	color:gray !important;
939 
	filter: alpha(opacity=35);
940 
}
941 
 
942 
.dijitMenuItemLabel {
943 
	position: relative;
944 
	vertical-align: middle;
945 
}
946 
 
947 
.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
948 
	border-width: 1px;
949 
	border-style: solid;
950 
}
951 
.dijit_a11y .dijitMenuItemHover {
952 
	border: 1px #fff dotted !important;
953 
}
954 
 
955 
.dijit_a11y .dijitMenuExpandInner {
956 
	display:block !important;
957 
}
958 
 
959 
/* separator can be two pixels -- set border of either one to 0px to have only one */
960 
.dijitMenuSeparatorTop {
961 
	height: 50%;
962 
	margin: 0px;
963 
	margin-top:3px;
964 
	font-size: 1px;
965 
}
966 
 
967 
.dijitMenuSeparatorBottom {
968 
	height: 50%;
969 
	margin: 0px;
970 
	margin-bottom:3px;
971 
	font-size: 1px;
972 
}
973 
 
974 
 
975 
 
976 
/* Tab */
977 
 
978 
 
979 
.dijitTabContainer .dijitAlignTop {
980 
/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper
981 
	so the buttons can overlay the tab pane properly		*/
982 
	top:1px !important;
983 
	z-index:10;
984 
}
985 
 
986 
.dijitTabContainer .dijitAlignBottom {
987 
/* position the tab labels row up by 1 px so they overlap	*/
988 
	margin-top:-1px !important;
989 
	z-index:10;
990 
}
991 
 
992 
.dijitTabContainer .dijitAlignLeft {
993 
/* position the tab labels left by 1 px so they overlap		*/
994 
	margin-right:-1px !important;
995 
	z-index:10;
996 
}
997 
 
998 
.dijitTabContainer .dijitAlignRight {
999 
/* position the tab labels row up by 1 px, and on top of the dijitTabPaneWrapper
1000 
	so the buttons can overlay the tab pane properly		*/
1001 
	margin-left:-1px !important;
1002 
	z-index:10;
1003 
}
1004 
 
1005 
.dijitTabPaneWrapper {
1006 
	z-index:0;
1007 
	overflow: hidden;
1008 
}
1009 
 
1010 
.dijitTab {
1011 
	position:relative;
1012 
	float:left;
1013 
	cursor:pointer;
1014 
	white-space:nowrap;
1015 
	z-index:3;
1016 
}
1017 
 
1018 
.dijitTabContainer .dijitAlignLeft .dijitTab,
1019 
.dijitTabContainer .dijitAlignRight .dijitTab {
1020 
	float:none;
1021 
}
1022 
 
1023 
.dijitTabInnerDiv {
1024 
	position:relative;
1025 
}
1026 
 
1027 
.dijitTab .close {
1028 
	display: inline-block;
1029 
	cursor: default;
1030 
	font-size: small;
1031 
}
1032 
 
1033 
/* images off, high-contrast mode styles */
1034 
.dijitTab .closeText {
1035 
	display:none;
1036 
	padding: 0px 2px;
1037 
	margin: 0px 2px;
1038 
}
1039 
.dijit_a11y .dijitTab .closeImage {
1040 
	padding: 0px !important;
1041 
	margin: 0px !important;
1042 
	top: 0px !important;
1043 
	bottom: 0px !important;
1044 
}
1045 
.dijit_a11y .closeText {
1046 
	display:inline;
1047 
	margin-left:6px;
1048 
}
1049 
.dijit_a11y .closeText:hover {
1050 
	border:thin solid;
1051 
}
1052 
.dijit_a11y .dijitTabChecked {
1053 
	border-style:dashed !important;
1054 
}
1055 
 
1056 
.dijit_a11y .dijitTabInnerDiv {
1057 
	border-left:none !important;
1058 
 }
1059 
 
1060 
 
1061 
.dijitInlineEditor {
1062 
	/* span around an inline-editable value when in edit mode */
1063 
	position:relative;
1064 
	vertical-align:bottom;
1065 
}
1066 
.dj_ie .dijitInlineEditor {
1067 
	vertical-align:middle;
1068 
}
1069 
 
1070 
.dijitInlineValue {
1071 
	/* span around an inline-editable value when NOT in edit mode */
1072 
}
1073 
 
1074 
.dijitInlineEditor .dijitButtonContainer {
1075 
	/* div around the buttons -- makes them float below the field */
1076 
	position:absolute;
1077 
	right:0px;
1078 
	overflow:visible;
1079 
}
1080 
 
1081 
.dijitInlineEditor .saveButton,
1082 
.dijitInlineEditor .cancelButton {
1083 
}
1084 
 
1085 
/* Tree */
1086 
 
1087 
.dijitTreeExpando {
1088 
    float: left;
1089 
    display: inline;
1090 
    clear:both;
1091 
}
1092 
 
1093 
.dijitTreeExpand {
1094 
    float: left;
1095 
    display: inline;
1096 
}
1097 
 
1098 
.dijitTreeContent {
1099 
    cursor: default;
1100 
    /* can't make inline - multiline bugs */
1101 
}
1102 
 
1103 
.dijitExpandoText {
1104 
	display: none;
1105 
}
1106 
 
1107 
.dijit_a11y .dijitExpandoText {
1108 
	float: left;
1109 
	display: inline;
1110 
	padding-left: 10px;
1111 
	padding-right: 10px;
1112 
	font-family: monospace;
1113 
	border-style: solid;
1114 
	border-width: thin;
1115 
}
1116 
 
1117 
/* Dialog */
1118 
 
1119 
.dijitDialog {
1120 
	position: absolute;
1121 
	z-index: 999;
1122 
	padding: 1px;
1123 
}
1124 
 
1125 
.dijitDialogUnderlayWrapper {
1126 
	position: absolute;
1127 
	left: 0px;
1128 
	top: 0px;
1129 
	z-index: 998;
1130 
	display: none;
1131 
	background: transparent;
1132 
}
1133 
 
1134 
.dijitDialogUnderlay {
1135 
	background: #eeeeee;
1136 
	opacity: 0.5;
1137 
}
1138 
 
1139 
.dj_ie .dijitDialogUnderlay {
1140 
	filter: alpha(opacity=50);
1141 
}
1142 
 
1143 
/* images off, high-contrast mode styles */
1144 
.dijit_a11y .dijitDialog {
1145 
	opacity: 1 !important;
1146 
	background-color: white !important;
1147 
}
1148 
 
1149 
.dijitDialog .closeText {
1150 
	display:none;
1151 
	position:absolute;
1152 
}
1153 
 
1154 
.dijit_a11y .dijitDialog .closeText {
1155 
	display:inline;
1156 
}
1157 
 
1158 
.dijitSliderMoveable {
1159 
	z-index:99;
1160 
	position:absolute !important;
1161 
	display:block;
1162 
	vertical-align:middle;
1163 
}
1164 
 
1165 
.dijitHorizontalSliderMoveable {
1166 
	right:0px;
1167 
}
1168 
 
1169 
.dijit_a11y div.dijitSliderImageHandle,
1170 
.dijitSliderImageHandle {
1171 
	margin:0px;
1172 
	padding:0px;
1173 
	position:absolute !important;
1174 
	border:8px solid gray;
1175 
	width:0px;
1176 
	height:0px;
1177 
}
1178 
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
1179 
	border:4px solid #000;
1180 
	height:8px;
1181 
	width:8px;
1182 
}
1183 
 
1184 
.dijitVerticalSliderImageHandle {
1185 
	top:-8px;
1186 
	left:-6px;
1187 
}
1188 
 
1189 
.dijitHorizontalSliderImageHandle {
1190 
	left:-8px;
1191 
	top:-5px;
1192 
	vertical-align:top;
1193 
}
1194 
 
1195 
.dijitSliderBar {
1196 
	border-style:solid;
1197 
	border-color:black;
1198 
}
1199 
 
1200 
.dijitHorizontalSliderBar {
1201 
	height:4px;
1202 
	border-width:1px 0px;
1203 
}
1204 
 
1205 
.dijitVerticalSliderBar {
1206 
	width:4px;
1207 
	border-width:0px 1px;
1208 
}
1209 
 
1210 
.dijitSliderProgressBar {
1211 
	background-color:red;
1212 
	#z-index:0;
1213 
}
1214 
 
1215 
.dijitVerticalSliderProgressBar {
1216 
	position:static !important;
1217 
	height:0%;
1218 
	vertical-align:top;
1219 
	text-align:left;
1220 
}
1221 
 
1222 
.dijitHorizontalSliderProgressBar {
1223 
	position:absolute !important;
1224 
	width:0%;
1225 
	vertical-align:middle;
1226 
	overflow:visible;
1227 
}
1228 
 
1229 
.dijitSliderRemainingBar {
1230 
	overflow:hidden;
1231 
	background-color:transparent;
1232 
	#z-index:-1;
1233 
}
1234 
 
1235 
.dijitVerticalSliderRemainingBar {
1236 
	height:100%;
1237 
	text-align:left;
1238 
}
1239 
 
1240 
.dijitHorizontalSliderRemainingBar {
1241 
	width:100% !important;
1242 
}
1243 
 
1244 
/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
1245 
.dijitSliderBumper {
1246 
	overflow:hidden;
1247 
	#z-index:-1
1248 
}
1249 
 
1250 
.dijitVerticalSliderBumper {
1251 
	width:4px;
1252 
	height:8px;
1253 
	border-width:0px 1px;
1254 
}
1255 
 
1256 
.dijitHorizontalSliderBumper {
1257 
	width:8px;
1258 
	height:4px;
1259 
	border-width:1px 0px;
1260 
}
1261 
 
1262 
.dijitVerticalSliderBottomBumper,
1263 
.dijitHorizontalSliderLeftBumper {
1264 
	background-color:red;
1265 
}
1266 
 
1267 
.dijitVerticalSliderTopBumper,
1268 
.dijitHorizontalSliderRightBumper {
1269 
	background-color:transparent;
1270 
}
1271 
 
1272 
.dijitHorizontalSliderDecoration {
1273 
	text-align:center;
1274 
}
1275 
 
1276 
.dijitSlider .dijitSliderButton {
1277 
	font-family:monospace;
1278 
	margin:0px;
1279 
	padding:0px;
1280 
	display:block;
1281 
}
1282 
 
1283 
.dijit_a11y .dijitSliderButtonInner {
1284 
	visibility:visible !important;
1285 
}
1286 
 
1287 
.dijitSlider .dijitVerticalSliderTopButton {
1288 
	vertical-align:bottom;
1289 
}
1290 
 
1291 
.dijitSlider .dijitVerticalSliderBottomButton {
1292 
	vertical-align:top;
1293 
}
1294 
 
1295 
.dijitSliderButtonContainer {
1296 
	text-align:center;
1297 
	height:0px;
1298 
}
1299 
 
1300 
.dijitSlider .dijitButtonNode {
1301 
	padding:0px;
1302 
	display:block;
1303 
}
1304 
 
1305 
.dj_ie .RuleContainer {
1306 
	z-index: -1; /* #4809 */
1307 
}
1308 
 
1309 
.RuleContainer {
1310 
	position:relative;
1311 
	overflow:visible;
1312 
}
1313 
 
1314 
.VerticalRuleContainer {
1315 
	height:100%;
1316 
	line-height:0px;
1317 
	float:left;
1318 
	text-align:left;
1319 
}
1320 
 
1321 
.dj_opera .VerticalRuleContainer {
1322 
	line-height:2%;
1323 
}
1324 
 
1325 
.dj_ie .VerticalRuleContainer {
1326 
	line-height:normal;
1327 
}
1328 
 
1329 
.dj_gecko .VerticalRuleContainer {
1330 
	margin:0px 0px 1px 0px; /* mozilla bug workaround for float:left,height:100% block elements */
1331 
}
1332 
 
1333 
.RuleMark {
1334 
	position:absolute;
1335 
	border:1px solid black;
1336 
	line-height:0px;
1337 
	height:100%;
1338 
}
1339 
 
1340 
.HorizontalRuleMark {
1341 
	width:0px;
1342 
	border-top-width:0px !important;
1343 
	border-bottom-width:0px !important;
1344 
	border-left-width:0px !important;
1345 
}
1346 
 
1347 
.RuleLabelContainer {
1348 
	position:absolute;
1349 
}
1350 
 
1351 
.HorizontalRuleLabelContainer {
1352 
	text-align:center;
1353 
	display:inline-block;
1354 
}
1355 
 
1356 
.HorizontalRuleLabel {
1357 
	position:relative;
1358 
	left:-50%;
1359 
}
1360 
 
1361 
.VerticalRuleMark {
1362 
	height:0px;
1363 
	border-right-width:0px !important;
1364 
	border-bottom-width:0px !important;
1365 
	border-left-width:0px !important;
1366 
	width:100%;
1367 
	left:0px;
1368 
}
1369 
 
1370 
.dj_ie .VerticalRuleLabelContainer {
1371 
	margin-top:-.55em;
1372 
}
1373 
 
1374 
/* Toolbar A11y */
1375 
.dijit_a11y .dijitButtonContents .dijitButtonText {
1376 
	display: inline !important;
1377 
}
1378 
 
1379 
.dijitTextArea {
1380 
	width:100%;
1381 
}
1382 
 
1383 
.dj_ie .dijitTextArea p {
1384 
	margin-top:0px;
1385 
	margin-bottom:0px;
1386 
}
1387 
 
1388 
/* Editor */
1389 
.IEFixedToolbar {
1390 
	position:absolute;
1391 
	/* top:0; */
1392 
	top: expression(eval((document.documentElement||document.body).scrollTop));
1393 
}
1394 
 
1395 
/* TimePicker */
1396 
 
1397 
.dijitTimePickerItemInner {
1398 
	text-align:center;
1399 
	border:0;
1400 
	padding:2px 8px 2px 8px;
1401 
}
1402 
.dijitTimePickerTick {
1403 
	/* opacity:0.1 !important; */
1404 
	color:#dedede;
1405 
	border-bottom:1px solid #dedede;
1406 
	border-top:1px solid #dedede;
1407 
	position:relative;
1408 
}
1409 
.dijitTimePickerTick .dijitTimePickerItemInner {
1410 
	font-size:0.25em;
1411 
}
1412 
.dijitTimePickerMarker {
1413 
	background-color:#ededed;
1414 
	border-top:1px solid #999;
1415 
	border-bottom:1px solid #999;
1416 
}
1417 
 
1418 
.dijitTimePickerItemHover {
1419 
	opacity:1 !important;
1420 
	background-color:#808080;
1421 
	color:#fff;
1422 
	border-top:1px solid #333;
1423 
	border-bottom:1px solid #333;
1424 
	cursor:pointer;
1425 
}
1426 
.dijitTimePickerMarker.dijitTimePickerItemHover {
1427 
	font-size:1.3em;
1428 
}
1429 
 
1430 
.dijitTimePickerItemHover .dijitTimePickerItemInner {
1431 
	display:block;
1432 
	overflow:visible;
1433 
	background-color:#808080;
1434 
	font-size:1em;
1435 
}
1436 
 
1437 
.dijitTimePickerItemSelected {
1438 
	font-weight:bold;
1439 
	color:#333;
1440 
	background-color:#b7cdee !important;
1441 
}
1442 
 
1443 
.dijit_a11y .dijitTimePickerItem {
1444 
	border-bottom:1px solid #333;
1445 
}
1446 
 
1447 
 
1448 
/* Disable the high contrast character */
1449 
.dijitToggleButtonIconChar {
1450 
        display:none !important;
1451 
}
1452 
.dijit_a11y .dijitToggleButtonIconChar {
1453 
	display:inline !important;
1454 
}
1455 
 
1456 
.dijit_a11y .dijitToggleButtonIconChar {
1457 
	visibility:hidden;
1458 
}
1459 
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
1460 
	visibility:visible !important;
1461 
}