1/*************************************************************************************************/
2/*************************************************************************************************/
3/*************************************************************************************************/
4/*************************************************************************************************/
5/* Loose */
6/*************************************************************************************************/
7/*************************************************************************************************/
8/*************************************************************************************************/
9/*
10.netInfoResponseHeadersTitle, netInfoResponseHeadersBody {
11    display: none;
12}
13/**/
14
15.obscured {
16    left: -999999px !important;
17}
18
19/* IE6 need a separated rule, otherwise it will not recognize it */
20.collapsed {
21    display: none;
22}
23
24[collapsed="true"] {
25    display: none;
26}
27
28#fbCSS {
29    padding: 0 !important;
30}
31
32.cssPropDisable {
33    float: left;
34    display: block;
35    width: 2em;
36    cursor: default;
37}
38
39/*************************************************************************************************/
40/*************************************************************************************************/
41/*************************************************************************************************/
42/*************************************************************************************************/
43/* panelBase */
44/*************************************************************************************************/
45/*************************************************************************************************/
46/*************************************************************************************************/
47
48/************************************************************************************************/
49
50.infoTip {
51    z-index: 2147483647;
52    position: fixed;
53    padding: 2px 3px;
54    border: 1px solid #CBE087;
55    background: LightYellow;
56    font-family: Monaco, monospace;
57    color: #000000;
58    display: none;
59    white-space: nowrap;
60    pointer-events: none;
61}
62
63.infoTip[active="true"] {
64    display: block;
65}
66
67.infoTipLoading {
68    width: 16px;
69    height: 16px;
70    background: url(chrome://firebug/skin/loading_16.gif) no-repeat;
71}
72
73.infoTipImageBox {
74	font-size: 11px;
75    min-width: 100px;
76    text-align: center;
77}
78
79.infoTipCaption {
80	font-size: 11px;
81    font: Monaco, monospace;
82}
83
84.infoTipLoading > .infoTipImage,
85.infoTipLoading > .infoTipCaption {
86    display: none;
87}
88
89/************************************************************************************************/
90
91h1.groupHeader {
92    padding: 2px 4px;
93    margin: 0 0 4px 0;
94    border-top: 1px solid #CCCCCC;
95    border-bottom: 1px solid #CCCCCC;
96    background: #eee url(group.gif) repeat-x;
97    font-size: 11px;
98    font-weight: bold;
99    _position: relative;
100}
101
102/************************************************************************************************/
103
104.inlineEditor,
105.fixedWidthEditor {
106    z-index: 2147483647;
107    position: absolute;
108    display: none;
109}
110
111.inlineEditor {
112    margin-left: -6px;
113    margin-top: -3px;
114    /*
115    _margin-left: -7px;
116    _margin-top: -5px;
117    /**/
118}
119
120.textEditorInner,
121.fixedWidthEditor {
122    margin: 0 0 0 0 !important;
123    padding: 0;
124    border: none !important;
125    font: inherit;
126    text-decoration: inherit;
127    background-color: #FFFFFF;
128}
129
130.fixedWidthEditor {
131    border-top: 1px solid #888888 !important;
132    border-bottom: 1px solid #888888 !important;
133}
134
135.textEditorInner {
136    position: relative;
137    top: -7px;
138    left: -5px;
139
140    outline: none;
141    resize: none;
142
143    /*
144    _border: 1px solid #999 !important;
145    _padding: 1px !important;
146    _filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color="#55404040");
147    /**/
148}
149
150.textEditorInner1 {
151    padding-left: 11px;
152    background: url(textEditorBorders.png) repeat-y;
153    _background: url(textEditorBorders.gif) repeat-y;
154    _overflow: hidden;
155}
156
157.textEditorInner2 {
158    position: relative;
159    padding-right: 2px;
160    background: url(textEditorBorders.png) repeat-y 100% 0;
161    _background: url(textEditorBorders.gif) repeat-y 100% 0;
162    _position: fixed;
163}
164
165.textEditorTop1 {
166    background: url(textEditorCorners.png) no-repeat 100% 0;
167    margin-left: 11px;
168    height: 10px;
169    _background: url(textEditorCorners.gif) no-repeat 100% 0;
170    _overflow: hidden;
171}
172
173.textEditorTop2 {
174    position: relative;
175    left: -11px;
176    width: 11px;
177    height: 10px;
178    background: url(textEditorCorners.png) no-repeat;
179    _background: url(textEditorCorners.gif) no-repeat;
180}
181
182.textEditorBottom1 {
183    position: relative;
184    background: url(textEditorCorners.png) no-repeat 100% 100%;
185    margin-left: 11px;
186    height: 12px;
187    _background: url(textEditorCorners.gif) no-repeat 100% 100%;
188}
189
190.textEditorBottom2 {
191    position: relative;
192    left: -11px;
193    width: 11px;
194    height: 12px;
195    background: url(textEditorCorners.png) no-repeat 0 100%;
196    _background: url(textEditorCorners.gif) no-repeat 0 100%;
197}
198
199
200/*************************************************************************************************/
201/*************************************************************************************************/
202/*************************************************************************************************/
203/*************************************************************************************************/
204/* CSS */
205/*************************************************************************************************/
206/*************************************************************************************************/
207/*************************************************************************************************/
208
209/* See license.txt for terms of usage */
210
211.panelNode-css {
212    overflow-x: hidden;
213}
214
215.cssSheet > .insertBefore {
216    height: 1.5em;
217}
218
219.cssRule {
220    position: relative;
221    margin: 0;
222    padding: 1em 0 0 6px;
223    font-family: Monaco, monospace;
224    color: #000000;
225}
226
227.cssRule:first-child {
228    padding-top: 6px;
229}
230
231.cssElementRuleContainer {
232    position: relative;
233}
234
235.cssHead {
236    padding-right: 150px;
237}
238
239.cssProp {
240    /*padding-left: 2em;*/
241}
242
243.cssPropName {
244    color: DarkGreen;
245}
246
247.cssPropValue {
248    margin-left: 8px;
249    color: DarkBlue;
250}
251
252.cssOverridden span {
253    text-decoration: line-through;
254}
255
256.cssInheritedRule {
257}
258
259.cssInheritLabel {
260    margin-right: 0.5em;
261    font-weight: bold;
262}
263
264.cssRule .objectLink-sourceLink {
265    top: 0;
266}
267
268.cssProp.editGroup:hover {
269    background: url(disable.png) no-repeat 2px 1px;
270    _background: url(disable.gif) no-repeat 2px 1px;
271}
272
273.cssProp.editGroup.editing {
274    background: none;
275}
276
277.cssProp.disabledStyle {
278    background: url(disableHover.png) no-repeat 2px 1px;
279    _background: url(disableHover.gif) no-repeat 2px 1px;
280    opacity: 1;
281    color: #CCCCCC;
282}
283
284.disabledStyle .cssPropName,
285.disabledStyle .cssPropValue {
286    color: #CCCCCC;
287}
288
289.cssPropValue.editing + .cssSemi,
290.inlineExpander + .cssSemi {
291    display: none;
292}
293
294.cssPropValue.editing {
295    white-space: nowrap;
296}
297
298/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
299
300.stylePropName {
301    font-weight: bold;
302    padding: 0 4px 4px 4px;
303    width: 50%;
304}
305
306.stylePropValue {
307    width: 50%;
308}
309/*
310.useA11y .a11yCSSView .focusRow:focus {
311    outline: none;
312    background-color: transparent
313 }
314
315 .useA11y .a11yCSSView .focusRow:focus .cssSelector,
316 .useA11y .a11yCSSView .focusRow:focus .cssPropName,
317 .useA11y .a11yCSSView .focusRow:focus .cssPropValue,
318 .useA11y .a11yCSSView .computedStyleRow:focus,
319 .useA11y .a11yCSSView .groupHeader:focus {
320    outline: 2px solid #FF9933;
321    outline-offset: -2px;
322    background-color: #FFFFD6;
323 }
324
325 .useA11y .a11yCSSView .groupHeader:focus {
326    outline-offset: -2px;
327 }
328/**/
329
330
331/*************************************************************************************************/
332/*************************************************************************************************/
333/*************************************************************************************************/
334/*************************************************************************************************/
335/* Net */
336/*************************************************************************************************/
337/*************************************************************************************************/
338/*************************************************************************************************/
339
340/* See license.txt for terms of usage */
341
342.panelNode-net {
343    overflow-x: hidden;
344}
345
346.netTable {
347    width: 100%;
348}
349
350/************************************************************************************************/
351
352.hideCategory-undefined .category-undefined,
353.hideCategory-html .category-html,
354.hideCategory-css .category-css,
355.hideCategory-js .category-js,
356.hideCategory-image .category-image,
357.hideCategory-xhr .category-xhr,
358.hideCategory-flash .category-flash,
359.hideCategory-txt .category-txt,
360.hideCategory-bin .category-bin {
361    display: none;
362}
363
364/************************************************************************************************/
365
366.netHeadRow {
367    background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF;
368}
369
370.netHeadCol {
371    border-bottom: 1px solid #CCCCCC;
372    padding: 2px 4px 2px 18px;
373    font-weight: bold;
374}
375
376.netHeadLabel {
377    white-space: nowrap;
378    overflow: hidden;
379}
380
381/************************************************************************************************/
382/* Header for Net panel table */
383
384.netHeaderRow {
385    height: 16px;
386}
387
388.netHeaderCell {
389    cursor: pointer;
390    -moz-user-select: none;
391    border-bottom: 1px solid #9C9C9C;
392    padding: 0 !important;
393    font-weight: bold;
394    background: #BBBBBB url(chrome://firebug/skin/tableHeader.gif) repeat-x;
395    white-space: nowrap;
396}
397
398.netHeaderRow > .netHeaderCell:first-child > .netHeaderCellBox {
399    padding: 2px 14px 2px 18px;
400}
401
402.netHeaderCellBox {
403    padding: 2px 14px 2px 10px;
404    border-left: 1px solid #D9D9D9;
405    border-right: 1px solid #9C9C9C;
406}
407
408.netHeaderCell:hover:active {
409    background: #959595 url(chrome://firebug/skin/tableHeaderActive.gif) repeat-x;
410}
411
412.netHeaderSorted {
413    background: #7D93B2 url(chrome://firebug/skin/tableHeaderSorted.gif) repeat-x;
414}
415
416.netHeaderSorted > .netHeaderCellBox {
417    border-right-color: #6B7C93;
418    background: url(chrome://firebug/skin/arrowDown.png) no-repeat right;
419}
420
421.netHeaderSorted.sortedAscending > .netHeaderCellBox {
422    background-image: url(chrome://firebug/skin/arrowUp.png);
423}
424
425.netHeaderSorted:hover:active {
426    background: #536B90 url(chrome://firebug/skin/tableHeaderSortedActive.gif) repeat-x;
427}
428
429/************************************************************************************************/
430/* Breakpoints */
431
432.panelNode-net .netRowHeader {
433    display: block;
434}
435
436.netRowHeader {
437    cursor: pointer;
438    display: none;
439    height: 15px;
440    margin-right: 0 !important;
441}
442
443/* Display brekpoint disc */
444.netRow .netRowHeader {
445    background-position: 5px 1px;
446}
447
448.netRow[breakpoint="true"] .netRowHeader {
449    background-image: url(chrome://firebug/skin/breakpoint.png);
450}
451
452.netRow[breakpoint="true"][disabledBreakpoint="true"] .netRowHeader {
453    background-image: url(chrome://firebug/skin/breakpointDisabled.png);
454}
455
456.netRow.category-xhr:hover .netRowHeader {
457    background-color: #F6F6F6;
458}
459
460#netBreakpointBar {
461    max-width: 38px;
462}
463
464#netHrefCol > .netHeaderCellBox {
465    border-left: 0px;
466}
467
468.netRow .netRowHeader {
469    width: 3px;
470}
471
472.netInfoRow .netRowHeader {
473    display: table-cell;
474}
475
476/************************************************************************************************/
477/* Column visibility */
478
479.netTable[hiddenCols~=netHrefCol] TD[id="netHrefCol"],
480.netTable[hiddenCols~=netHrefCol] TD.netHrefCol,
481.netTable[hiddenCols~=netStatusCol] TD[id="netStatusCol"],
482.netTable[hiddenCols~=netStatusCol] TD.netStatusCol,
483.netTable[hiddenCols~=netDomainCol] TD[id="netDomainCol"],
484.netTable[hiddenCols~=netDomainCol] TD.netDomainCol,
485.netTable[hiddenCols~=netSizeCol] TD[id="netSizeCol"],
486.netTable[hiddenCols~=netSizeCol] TD.netSizeCol,
487.netTable[hiddenCols~=netTimeCol] TD[id="netTimeCol"],
488.netTable[hiddenCols~=netTimeCol] TD.netTimeCol {
489    display: none;
490}
491
492/************************************************************************************************/
493
494.netRow {
495    background: LightYellow;
496}
497
498.netRow.loaded {
499    background: #FFFFFF;
500}
501
502.netRow.loaded:hover {
503    background: #EFEFEF;
504}
505
506.netCol {
507    padding: 0;
508    vertical-align: top;
509    border-bottom: 1px solid #EFEFEF;
510    white-space: nowrap;
511    height: 17px;
512}
513
514.netLabel {
515    width: 100%;
516}
517
518.netStatusCol {
519    padding-left: 10px;
520    color: rgb(128, 128, 128);
521}
522
523.responseError > .netStatusCol {
524    color: red;
525}
526
527.netDomainCol {
528    padding-left: 5px;
529}
530
531.netSizeCol {
532    text-align: right;
533    padding-right: 10px;
534}
535
536.netHrefLabel {
537    -moz-box-sizing: padding-box;
538    overflow: hidden;
539    z-index: 10;
540    position: absolute;
541    padding-left: 18px;
542    padding-top: 1px;
543    max-width: 15%;
544    font-weight: bold;
545}
546
547.netFullHrefLabel {
548    display: none;
549    -moz-user-select: none;
550    padding-right: 10px;
551    padding-bottom: 3px;
552    max-width: 100%;
553    background: #FFFFFF;
554    z-index: 200;
555}
556
557.netHrefCol:hover > .netFullHrefLabel {
558    display: block;
559}
560
561.netRow.loaded:hover .netCol > .netFullHrefLabel {
562    background-color: #EFEFEF;
563}
564
565.useA11y .a11yShowFullLabel {
566    display: block;
567    background-image: none !important;
568    border: 1px solid #CBE087;
569    background-color: LightYellow;
570    font-family: Monaco, monospace;
571    color: #000000;
572    font-size: 10px;
573    z-index: 2147483647;
574}
575
576.netSizeLabel {
577    padding-left: 6px;
578}
579
580.netStatusLabel,
581.netDomainLabel,
582.netSizeLabel,
583.netBar {
584    padding: 1px 0 2px 0 !important;
585}
586
587.responseError {
588    color: red;
589}
590
591/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
592
593.hasHeaders .netHrefLabel:hover {
594    cursor: pointer;
595    color: blue;
596    text-decoration: underline;
597}
598
599/************************************************************************************************/
600
601.netLoadingIcon {
602    position: absolute;
603    border: 0;
604    margin-left: 14px;
605    width: 16px;
606    height: 16px;
607    background: transparent no-repeat 0 0;
608    background-image: url(chrome://firebug/skin/loading_16.gif);
609    display:inline-block;
610}
611
612.loaded .netLoadingIcon {
613    display: none;
614}
615
616/************************************************************************************************/
617
618.netBar, .netSummaryBar {
619    position: relative;
620    border-right: 50px solid transparent;
621}
622
623.netResolvingBar {
624    position: absolute;
625    left: 0;
626    top: 0;
627    bottom: 0;
628    background: #FFFFFF url(chrome://firebug/skin/netBarResolving.gif) repeat-x;
629    z-index:60;
630}
631
632.netConnectingBar {
633    position: absolute;
634    left: 0;
635    top: 0;
636    bottom: 0;
637    background: #FFFFFF url(chrome://firebug/skin/netBarConnecting.gif) repeat-x;
638    z-index:50;
639}
640
641.netBlockingBar {
642    position: absolute;
643    left: 0;
644    top: 0;
645    bottom: 0;
646    background: #FFFFFF url(chrome://firebug/skin/netBarWaiting.gif) repeat-x;
647    z-index:40;
648}
649
650.netSendingBar {
651    position: absolute;
652    left: 0;
653    top: 0;
654    bottom: 0;
655    background: #FFFFFF url(chrome://firebug/skin/netBarSending.gif) repeat-x;
656    z-index:30;
657}
658
659.netWaitingBar {
660    position: absolute;
661    left: 0;
662    top: 0;
663    bottom: 0;
664    background: #FFFFFF url(chrome://firebug/skin/netBarResponded.gif) repeat-x;
665    z-index:20;
666    min-width: 1px;
667}
668
669.netReceivingBar {
670    position: absolute;
671    left: 0;
672    top: 0;
673    bottom: 0;
674    background: #38D63B url(chrome://firebug/skin/netBarLoading.gif) repeat-x;
675    z-index:10;
676}
677
678.netWindowLoadBar,
679.netContentLoadBar {
680    position: absolute;
681    left: 0;
682    top: 0;
683    bottom: 0;
684    width: 1px;
685    background-color: red;
686    z-index: 70;
687    opacity: 0.5;
688    display: none;
689    margin-bottom:-1px;
690}
691
692.netContentLoadBar {
693    background-color: Blue;
694}
695
696.netTimeLabel {
697    -moz-box-sizing: padding-box;
698    position: absolute;
699    top: 1px;
700    left: 100%;
701    padding-left: 6px;
702    color: #444444;
703    min-width: 16px;
704}
705
706/*
707 * Timing info tip is reusing net timeline styles to display the same
708 * colors for individual request phases. Notice that the info tip must
709 * respect also loaded and fromCache styles that also modify the
710 * actual color. These are used both on the same element in case
711 * of the tooltip.
712 */
713.loaded .netReceivingBar,
714.loaded.netReceivingBar {
715    background: #B6B6B6 url(chrome://firebug/skin/netBarLoaded.gif) repeat-x;
716    border-color: #B6B6B6;
717}
718
719.fromCache .netReceivingBar,
720.fromCache.netReceivingBar {
721    background: #D6D6D6 url(chrome://firebug/skin/netBarCached.gif) repeat-x;
722    border-color: #D6D6D6;
723}
724
725.netSummaryRow .netTimeLabel,
726.loaded .netTimeLabel {
727    background: transparent;
728}
729
730/************************************************************************************************/
731/* Time Info tip */
732
733.timeInfoTip {
734    width: 150px;
735    height: 40px
736}
737
738.timeInfoTipBar,
739.timeInfoTipEventBar {
740    position: relative;
741    display: block;
742    margin: 0;
743    opacity: 1;
744    height: 15px;
745    width: 4px;
746}
747
748.timeInfoTipEventBar {
749    width: 1px !important;
750}
751
752.timeInfoTipCell.startTime {
753    padding-right: 8px;
754}
755
756.timeInfoTipCell.elapsedTime {
757    text-align: right;
758    padding-right: 8px;
759}
760
761/************************************************************************************************/
762/* Size Info tip */
763
764.sizeInfoLabelCol {
765    font-weight: bold;
766    padding-right: 10px;
767    font-family: Lucida Grande, Tahoma, sans-serif;
768    font-size: 11px;
769}
770
771.sizeInfoSizeCol {
772    font-weight: bold;
773}
774
775.sizeInfoDetailCol {
776    color: gray;
777    text-align: right;
778}
779
780.sizeInfoDescCol {
781    font-style: italic;
782}
783
784/************************************************************************************************/
785/* Summary */
786
787.netSummaryRow .netReceivingBar {
788    background: #BBBBBB;
789    border: none;
790}
791
792.netSummaryLabel {
793    color: #222222;
794}
795
796.netSummaryRow {
797    background: #BBBBBB !important;
798    font-weight: bold;
799}
800
801.netSummaryRow .netBar {
802    border-right-color: #BBBBBB;
803}
804
805.netSummaryRow > .netCol {
806    border-top: 1px solid #999999;
807    border-bottom: 2px solid;
808    -moz-border-bottom-colors: #EFEFEF #999999;
809    padding-top: 1px;
810    padding-bottom: 2px;
811}
812
813.netSummaryRow > .netHrefCol:hover {
814    background: transparent !important;
815}
816
817.netCountLabel {
818    padding-left: 18px;
819}
820
821.netTotalSizeCol {
822    text-align: right;
823    padding-right: 10px;
824}
825
826.netTotalTimeCol {
827    text-align: right;
828}
829
830.netCacheSizeLabel {
831    position: absolute;
832    z-index: 1000;
833    left: 0;
834    top: 0;
835}
836
837/************************************************************************************************/
838
839.netLimitRow {
840    background: rgb(255, 255, 225) !important;
841    font-weight:normal;
842    color: black;
843    font-weight:normal;
844}
845
846.netLimitLabel {
847    padding-left: 18px;
848}
849
850.netLimitRow > .netCol {
851    border-bottom: 2px solid;
852    -moz-border-bottom-colors: #EFEFEF #999999;
853    vertical-align: middle !important;
854    padding-top: 2px;
855    padding-bottom: 2px;
856}
857
858.netLimitButton {
859    font-size: 11px;
860    padding-top: 1px;
861    padding-bottom: 1px;
862}
863
864/************************************************************************************************/
865
866.netInfoCol {
867    border-top: 1px solid #EEEEEE;
868    background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF;
869}
870
871.netInfoBody {
872    margin: 10px 0 4px 10px;
873}
874
875.netInfoTabs {
876    position: relative;
877    padding-left: 17px;
878}
879
880.netInfoTab {
881    position: relative;
882    top: -3px;
883    margin-top: 10px;
884    padding: 4px 6px;
885    border: 1px solid transparent;
886    border-bottom: none;
887    _border: none;
888    font-weight: bold;
889    color: #565656;
890    cursor: pointer;
891}
892
893/*.netInfoTab:hover {
894    cursor: pointer;
895}*/
896
897/* replaced by .netInfoTabSelected for IE6 support
898.netInfoTab[selected="true"] {
899    cursor: default !important;
900    border: 1px solid #D7D7D7 !important;
901    border-bottom: none !important;
902    -moz-border-radius: 4px 4px 0 0;
903    background-color: #FFFFFF;
904}
905/**/
906.netInfoTabSelected {
907    cursor: default !important;
908    border: 1px solid #D7D7D7 !important;
909    border-bottom: none !important;
910    -moz-border-radius: 4px 4px 0 0;
911    -webkit-border-radius: 4px 4px 0 0;
912    border-radius: 4px 4px 0 0;
913    background-color: #FFFFFF;
914}
915
916.logRow-netInfo.error .netInfoTitle {
917    color: red;
918}
919
920.logRow-netInfo.loading .netInfoResponseText {
921    font-style: italic;
922    color: #888888;
923}
924
925.loading .netInfoResponseHeadersTitle {
926    display: none;
927}
928
929.netInfoResponseSizeLimit {
930    font-family: Lucida Grande, Tahoma, sans-serif;
931    padding-top: 10px;
932    font-size: 11px;
933}
934
935.netInfoText {
936    display: none;
937    margin: 0;
938    border: 1px solid #D7D7D7;
939    border-right: none;
940    padding: 8px;
941    background-color: #FFFFFF;
942    font-family: Monaco, monospace;
943    white-space: pre-wrap;
944    /*overflow-x: auto; HTML is damaged in case of big (2-3MB) responses */
945}
946
947/* replaced by .netInfoTextSelected for IE6 support
948.netInfoText[selected="true"] {
949    display: block;
950}
951/**/
952.netInfoTextSelected {
953    display: block;
954}
955
956.netInfoParamName {
957    padding-right: 10px;
958    font-family: Lucida Grande, Tahoma, sans-serif;
959    font-weight: bold;
960    vertical-align: top;
961    text-align: right;
962    white-space: nowrap;
963}
964
965.netInfoPostText .netInfoParamName {
966    width: 1px; /* Google Chrome need this otherwise the first column of
967                   the post variables table will be larger than expected */
968}
969
970.netInfoParamValue {
971    width: 100%;
972}
973
974.netInfoHeadersText,
975.netInfoPostText,
976.netInfoPutText {
977    padding-top: 0;
978}
979
980.netInfoHeadersGroup,
981.netInfoPostParams,
982.netInfoPostSource {
983    margin-bottom: 4px;
984    border-bottom: 1px solid #D7D7D7;
985    padding-top: 8px;
986    padding-bottom: 2px;
987    font-family: Lucida Grande, Tahoma, sans-serif;
988    font-weight: bold;
989    color: #565656;
990}
991
992.netInfoPostParamsTable,
993.netInfoPostPartsTable,
994.netInfoPostJSONTable,
995.netInfoPostXMLTable,
996.netInfoPostSourceTable {
997    margin-bottom: 10px;
998    width: 100%;
999}
1000
1001.netInfoPostContentType {
1002    color: #bdbdbd;
1003    padding-left: 50px;
1004    font-weight: normal;
1005}
1006
1007.netInfoHtmlPreview {
1008    border: 0;
1009    width: 100%;
1010    height:100%;
1011}
1012
1013/************************************************************************************************/
1014/* Request & Response Headers */
1015
1016.netHeadersViewSource {
1017    color: #bdbdbd;
1018    margin-left: 200px;
1019    font-weight: normal;
1020}
1021
1022.netHeadersViewSource:hover {
1023    color: blue;
1024    cursor: pointer;
1025}
1026
1027/************************************************************************************************/
1028
1029.netActivationRow,
1030.netPageSeparatorRow {
1031    background: rgb(229, 229, 229) !important;
1032    font-weight: normal;
1033    color: black;
1034}
1035
1036.netActivationLabel {
1037    background: url(chrome://firebug/skin/infoIcon.png) no-repeat 3px 2px;
1038    padding-left: 22px;
1039}
1040
1041/************************************************************************************************/
1042
1043.netPageSeparatorRow {
1044    height: 5px !important;
1045}
1046
1047.netPageSeparatorLabel {
1048    padding-left: 22px;
1049    height: 5px !important;
1050}
1051
1052.netPageRow {
1053    background-color: rgb(255, 255, 255);
1054}
1055
1056.netPageRow:hover {
1057    background: #EFEFEF;
1058}
1059
1060.netPageLabel {
1061    padding: 1px 0 2px 18px !important;
1062    font-weight: bold;
1063}
1064
1065/************************************************************************************************/
1066
1067.netActivationRow > .netCol {
1068    border-bottom: 2px solid;
1069    -moz-border-bottom-colors: #EFEFEF #999999;
1070    padding-top: 2px;
1071    padding-bottom: 3px;
1072}
1073/*
1074.useA11y .panelNode-net .a11yFocus:focus,
1075.useA11y .panelNode-net .focusRow:focus {
1076    outline-offset: -2px;
1077    background-color: #FFFFD6 !important;
1078}
1079
1080.useA11y .panelNode-net .netHeaderCell:focus,
1081.useA11y .panelNode-net :focus .netHeaderCell,
1082.useA11y .panelNode-net :focus .netReceivingBar,
1083.useA11y .netSummaryRow :focus .netBar,
1084.useA11y .netSummaryRow:focus .netBar {
1085    background-color: #FFFFD6;
1086    background-image: none;
1087    border-color: #FFFFD6;
1088}
1089/**/
1090
1091/*************************************************************************************************/
1092/*************************************************************************************************/
1093/*************************************************************************************************/
1094/*************************************************************************************************/
1095/* Windows */
1096/*************************************************************************************************/
1097/*************************************************************************************************/
1098/*************************************************************************************************/
1099
1100
1101/************************************************************************************************/
1102/* Twisties */
1103
1104.twisty,
1105.logRow-errorMessage > .hasTwisty > .errorTitle,
1106.logRow-log > .objectBox-array.hasTwisty,
1107.logRow-spy .spyHead .spyTitle,
1108.logGroup > .logRow,
1109.memberRow.hasChildren > .memberLabelCell > .memberLabel,
1110.hasHeaders .netHrefLabel,
1111.netPageRow > .netCol > .netPageTitle {
1112    background-image: url(tree_open.gif);
1113    background-repeat: no-repeat;
1114    background-position: 2px 2px;
1115    min-height: 12px;
1116}
1117
1118.logRow-errorMessage > .hasTwisty.opened > .errorTitle,
1119.logRow-log > .objectBox-array.hasTwisty.opened,
1120.logRow-spy.opened .spyHead .spyTitle,
1121.logGroup.opened > .logRow,
1122.memberRow.hasChildren.opened > .memberLabelCell > .memberLabel,
1123.nodeBox.highlightOpen > .nodeLabel > .twisty,
1124.nodeBox.open > .nodeLabel > .twisty,
1125.netRow.opened > .netCol > .netHrefLabel,
1126.netPageRow.opened > .netCol > .netPageTitle {
1127    background-image: url(tree_close.gif);
1128}
1129
1130.twisty {
1131    background-position: 4px 4px;
1132}
1133
1134
1135
1136/************************************************************************************************/
1137/* Twisties IE6 */
1138
1139/* IE6 has problems with > operator, and multiple classes */
1140
1141* html .logRow-spy .spyHead .spyTitle,
1142* html .logGroup .logGroupLabel,
1143* html .hasChildren .memberLabelCell .memberLabel,
1144* html .hasHeaders .netHrefLabel {
1145    background-image: url(tree_open.gif);
1146    background-repeat: no-repeat;
1147    background-position: 2px 2px;
1148}
1149
1150* html .opened .spyHead .spyTitle,
1151* html .opened .logGroupLabel,
1152* html .opened .memberLabelCell .memberLabel {
1153    background-image: url(tree_close.gif);
1154    background-repeat: no-repeat;
1155    background-position: 2px 2px;
1156}
1157
1158
1159
1160/*************************************************************************************************/
1161/*************************************************************************************************/
1162/*************************************************************************************************/
1163/*************************************************************************************************/
1164/* Console */
1165/*************************************************************************************************/
1166/*************************************************************************************************/
1167/*************************************************************************************************/
1168
1169
1170/* See license.txt for terms of usage */
1171
1172.panelNode-console {
1173    overflow-x: hidden;
1174}
1175
1176.objectLink {
1177    text-decoration: none;
1178}
1179
1180.objectLink:hover {
1181    cursor: pointer;
1182    text-decoration: underline;
1183}
1184
1185.logRow {
1186    position: relative;
1187    margin: 0;
1188    border-bottom: 1px solid #D7D7D7;
1189    padding: 2px 4px 1px 6px;
1190    background-color: #FFFFFF;
1191    overflow: hidden !important; /* IE need this to avoid disappearing bug with collapsed logs */
1192}
1193
1194.useA11y .logRow:focus {
1195    border-bottom: 1px solid #000000 !important;
1196    outline: none !important;
1197    background-color: #FFFFAD !important;
1198}
1199
1200.useA11y .logRow:focus a.objectLink-sourceLink {
1201    background-color: #FFFFAD;
1202}
1203
1204.useA11y .a11yFocus:focus, .useA11y .objectBox:focus {
1205    outline: 2px solid #FF9933;
1206    background-color: #FFFFAD;
1207}
1208
1209.useA11y .objectBox-null:focus, .useA11y .objectBox-undefined:focus{
1210    background-color: #888888 !important;
1211}
1212
1213.useA11y .logGroup.opened > .logRow {
1214    border-bottom: 1px solid #ffffff;
1215}
1216
1217.logGroup {
1218    background: url(group.gif) repeat-x #FFFFFF;
1219    padding: 0 !important;
1220    border: none !important;
1221}
1222
1223.logGroupBody {
1224    display: none;
1225    margin-left: 16px;
1226    border-left: 1px solid #D7D7D7;
1227    border-top: 1px solid #D7D7D7;
1228    background: #FFFFFF;
1229}
1230
1231.logGroup > .logRow {
1232    background-color: transparent !important;
1233    font-weight: bold;
1234}
1235
1236.logGroup.opened > .logRow {
1237    border-bottom: none;
1238}
1239
1240.logGroup.opened > .logGroupBody {
1241    display: block;
1242}
1243
1244/*****************************************************************************************/
1245
1246.logRow-command > .objectBox-text {
1247    font-family: Monaco, monospace;
1248    color: #0000FF;
1249    white-space: pre-wrap;
1250}
1251
1252.logRow-info,
1253.logRow-warn,
1254.logRow-error,
1255.logRow-assert,
1256.logRow-warningMessage,
1257.logRow-errorMessage {
1258    padding-left: 22px;
1259    background-repeat: no-repeat;
1260    background-position: 4px 2px;
1261}
1262
1263.logRow-assert,
1264.logRow-warningMessage,
1265.logRow-errorMessage {
1266    padding-top: 0;
1267    padding-bottom: 0;
1268}
1269
1270.logRow-info,
1271.logRow-info .objectLink-sourceLink {
1272    background-color: #FFFFFF;
1273}
1274
1275.logRow-warn,
1276.logRow-warningMessage,
1277.logRow-warn .objectLink-sourceLink,
1278.logRow-warningMessage .objectLink-sourceLink {
1279    background-color: cyan;
1280}
1281
1282.logRow-error,
1283.logRow-assert,
1284.logRow-errorMessage,
1285.logRow-error .objectLink-sourceLink,
1286.logRow-errorMessage .objectLink-sourceLink {
1287    background-color: LightYellow;
1288}
1289
1290.logRow-error,
1291.logRow-assert,
1292.logRow-errorMessage {
1293    color: #FF0000;
1294}
1295
1296.logRow-info {
1297    /*background-image: url(chrome://firebug/skin/infoIcon.png);*/
1298}
1299
1300.logRow-warn,
1301.logRow-warningMessage {
1302    /*background-image: url(chrome://firebug/skin/warningIcon.png);*/
1303}
1304
1305.logRow-error,
1306.logRow-assert,
1307.logRow-errorMessage {
1308    /*background-image: url(chrome://firebug/skin/errorIcon.png);*/
1309}
1310
1311/*****************************************************************************************/
1312
1313.objectBox-string,
1314.objectBox-text,
1315.objectBox-number,
1316.objectLink-element,
1317.objectLink-textNode,
1318.objectLink-function,
1319.objectBox-stackTrace,
1320.objectLink-profile {
1321    font-family: Monaco, monospace;
1322}
1323
1324.objectBox-string,
1325.objectBox-text,
1326.objectLink-textNode {
1327    white-space: pre-wrap;
1328}
1329
1330.objectBox-number,
1331.objectLink-styleRule,
1332.objectLink-element,
1333.objectLink-textNode {
1334    color: #000088;
1335}
1336
1337.objectBox-string {
1338    color: #FF0000;
1339}
1340
1341.objectLink-function,
1342.objectBox-stackTrace,
1343.objectLink-profile  {
1344    color: DarkGreen;
1345}
1346
1347.objectBox-null,
1348.objectBox-undefined {
1349    padding: 0 2px;
1350    border: 1px solid #666666;
1351    background-color: #888888;
1352    color: #FFFFFF;
1353}
1354
1355.objectBox-exception {
1356    padding: 0 2px 0 18px;
1357    /*background: url(chrome://firebug/skin/errorIcon-sm.png) no-repeat 0 0;*/
1358    color: red;
1359}
1360
1361.objectLink-sourceLink {
1362    position: absolute;
1363    right: 4px;
1364    top: 2px;
1365    padding-left: 8px;
1366    font-family: Lucida Grande, sans-serif;
1367    font-weight: bold;
1368    color: #0000FF;
1369}
1370
1371/************************************************************************************************/
1372
1373.errorTitle {
1374    margin-top: 0px;
1375    margin-bottom: 1px;
1376    padding-top: 2px;
1377    padding-bottom: 2px;
1378}
1379
1380.errorTrace {
1381    margin-left: 17px;
1382}
1383
1384.errorSourceBox {
1385    margin: 2px 0;
1386}
1387
1388.errorSource-none {
1389    display: none;
1390}
1391
1392.errorSource-syntax > .errorBreak {
1393    visibility: hidden;
1394}
1395
1396.errorSource {
1397    cursor: pointer;
1398    font-family: Monaco, monospace;
1399    color: DarkGreen;
1400}
1401
1402.errorSource:hover {
1403    text-decoration: underline;
1404}
1405
1406.errorBreak {
1407    cursor: pointer;
1408    display: none;
1409    margin: 0 6px 0 0;
1410    width: 13px;
1411    height: 14px;
1412    vertical-align: bottom;
1413    /*background: url(chrome://firebug/skin/breakpoint.png) no-repeat;*/
1414    opacity: 0.1;
1415}
1416
1417.hasBreakSwitch .errorBreak {
1418    display: inline;
1419}
1420
1421.breakForError .errorBreak {
1422    opacity: 1;
1423}
1424
1425.assertDescription {
1426    margin: 0;
1427}
1428
1429/************************************************************************************************/
1430
1431.logRow-profile > .logRow > .objectBox-text {
1432    font-family: Lucida Grande, Tahoma, sans-serif;
1433    color: #000000;
1434}
1435
1436.logRow-profile > .logRow > .objectBox-text:last-child {
1437    color: #555555;
1438    font-style: italic;
1439}
1440
1441.logRow-profile.opened > .logRow {
1442    padding-bottom: 4px;
1443}
1444
1445.profilerRunning > .logRow {
1446    /*background: transparent url(chrome://firebug/skin/loading_16.gif) no-repeat 2px 0 !important;*/
1447    padding-left: 22px !important;
1448}
1449
1450/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1451
1452.profileSizer {
1453    width:100%;
1454    overflow-x:auto;
1455    overflow-y: scroll;
1456}
1457
1458.profileTable {
1459    border-bottom: 1px solid #D7D7D7;
1460    padding: 0 0 4px 0;
1461}
1462
1463.profileTable tr[odd="1"] {
1464    background-color: #F5F5F5;
1465    vertical-align:middle;
1466}
1467
1468.profileTable a {
1469    vertical-align:middle;
1470}
1471
1472.profileTable td {
1473    padding: 1px 4px 0 4px;
1474}
1475
1476.headerCell {
1477    cursor: pointer;
1478    -moz-user-select: none;
1479    border-bottom: 1px solid #9C9C9C;
1480    padding: 0 !important;
1481    font-weight: bold;
1482    /*background: #BBBBBB url(chrome://firebug/skin/tableHeader.gif) repeat-x;*/
1483}
1484
1485.headerCellBox {
1486    padding: 2px 4px;
1487    border-left: 1px solid #D9D9D9;
1488    border-right: 1px solid #9C9C9C;
1489}
1490
1491.headerCell:hover:active {
1492    /*background: #959595 url(chrome://firebug/skin/tableHeaderActive.gif) repeat-x;*/
1493}
1494
1495.headerSorted {
1496    /*background: #7D93B2 url(chrome://firebug/skin/tableHeaderSorted.gif) repeat-x;*/
1497}
1498
1499.headerSorted > .headerCellBox {
1500    border-right-color: #6B7C93;
1501    /*background: url(chrome://firebug/skin/arrowDown.png) no-repeat right;*/
1502}
1503
1504.headerSorted.sortedAscending > .headerCellBox {
1505    /*background-image: url(chrome://firebug/skin/arrowUp.png);*/
1506}
1507
1508.headerSorted:hover:active {
1509    /*background: #536B90 url(chrome://firebug/skin/tableHeaderSortedActive.gif) repeat-x;*/
1510}
1511
1512.linkCell {
1513    text-align: right;
1514}
1515
1516.linkCell > .objectLink-sourceLink {
1517    position: static;
1518}
1519
1520/*****************************************************************************************/
1521
1522.logRow-stackTrace {
1523    padding-top: 0;
1524    background: #f8f8f8;
1525}
1526
1527.logRow-stackTrace > .objectBox-stackFrame {
1528    position: relative;
1529    padding-top: 2px;
1530}
1531
1532/************************************************************************************************/
1533
1534.objectLink-object {
1535    font-family: Lucida Grande, sans-serif;
1536    font-weight: bold;
1537    color: DarkGreen;
1538    white-space: pre-wrap;
1539}
1540
1541/* xxxpedro reps object representation .................................... */
1542.objectProp-object {
1543    color: DarkGreen;
1544}
1545
1546.objectProps {
1547    color: #000;
1548    font-weight: normal;
1549}
1550
1551.objectPropName {
1552    /*font-style: italic;*/
1553    color: #777;
1554}
1555
1556/*
1557.objectProps .objectProp-string,
1558.objectProps .objectProp-number,
1559.objectProps .objectProp-object
1560{
1561    font-style: italic;
1562}
1563/**/
1564
1565.objectProps .objectProp-string
1566{
1567    /*font-family: Monaco, monospace;*/
1568    color: #f55;
1569}
1570.objectProps .objectProp-number
1571{
1572    /*font-family: Monaco, monospace;*/
1573    color: #55a;
1574}
1575.objectProps .objectProp-object
1576{
1577    /*font-family: Lucida Grande,sans-serif;*/
1578    color: #585;
1579}
1580/* xxxpedro reps object representation .................................... */
1581
1582/************************************************************************************************/
1583
1584.selectorTag,
1585.selectorId,
1586.selectorClass {
1587    font-family: Monaco, monospace;
1588    font-weight: normal;
1589}
1590
1591.selectorTag {
1592    color: #0000FF;
1593}
1594
1595.selectorId {
1596    color: DarkBlue;
1597}
1598
1599.selectorClass {
1600    color: red;
1601}
1602
1603.selectorHidden > .selectorTag {
1604    color: #5F82D9;
1605}
1606
1607.selectorHidden > .selectorId {
1608    color: #888888;
1609}
1610
1611.selectorHidden > .selectorClass {
1612    color: #D86060;
1613}
1614
1615.selectorValue {
1616    font-family: Lucida Grande, sans-serif;
1617    font-style: italic;
1618    color: #555555;
1619}
1620
1621/*****************************************************************************************/
1622
1623.panelNode.searching .logRow {
1624    display: none;
1625}
1626
1627.logRow.matched {
1628    display: block !important;
1629}
1630
1631.logRow.matching {
1632    position: absolute;
1633    left: -1000px;
1634    top: -1000px;
1635    max-width: 0;
1636    max-height: 0;
1637    overflow: hidden;
1638}
1639
1640/*****************************************************************************************/
1641
1642.objectLeftBrace,
1643.objectRightBrace,
1644.objectEqual,
1645.objectComma,
1646.arrayLeftBracket,
1647.arrayRightBracket,
1648.arrayComma {
1649    font-family: Monaco, monospace;
1650}
1651
1652.objectLeftBrace,
1653.objectRightBrace,
1654.arrayLeftBracket,
1655.arrayRightBracket {
1656    font-weight: bold;
1657}
1658
1659.objectLeftBrace,
1660.arrayLeftBracket {
1661    margin-right: 4px;
1662}
1663
1664.objectRightBrace,
1665.arrayRightBracket {
1666    margin-left: 4px;
1667}
1668
1669/*****************************************************************************************/
1670
1671.logRow-dir {
1672    padding: 0;
1673}
1674
1675/************************************************************************************************/
1676
1677/*
1678.logRow-errorMessage > .hasTwisty > .errorTitle,
1679.logRow-spy .spyHead .spyTitle,
1680.logGroup > .logRow
1681*/
1682.logRow-errorMessage .hasTwisty .errorTitle,
1683.logRow-spy .spyHead .spyTitle,
1684.logGroup .logRow {
1685    cursor: pointer;
1686    padding-left: 18px;
1687    background-repeat: no-repeat;
1688    background-position: 3px 3px;
1689}
1690
1691.logRow-errorMessage > .hasTwisty > .errorTitle {
1692    background-position: 2px 3px;
1693}
1694
1695.logRow-errorMessage > .hasTwisty > .errorTitle:hover,
1696.logRow-spy .spyHead .spyTitle:hover,
1697.logGroup > .logRow:hover {
1698    text-decoration: underline;
1699}
1700
1701/*****************************************************************************************/
1702
1703.logRow-spy {
1704    padding: 0 !important;
1705}
1706
1707.logRow-spy,
1708.logRow-spy .objectLink-sourceLink {
1709    background: url(group.gif) repeat-x #FFFFFF;
1710    padding-right: 4px;
1711    right: 0;
1712}
1713
1714.logRow-spy.opened {
1715    padding-bottom: 4px;
1716    border-bottom: none;
1717}
1718
1719.spyTitle {
1720    color: #000000;
1721    font-weight: bold;
1722    -moz-box-sizing: padding-box;
1723    overflow: hidden;
1724    z-index: 100;
1725    padding-left: 18px;
1726}
1727
1728.spyCol {
1729    padding: 0;
1730    white-space: nowrap;
1731    height: 16px;
1732}
1733
1734.spyTitleCol:hover > .objectLink-sourceLink,
1735.spyTitleCol:hover > .spyTime,
1736.spyTitleCol:hover > .spyStatus,
1737.spyTitleCol:hover > .spyTitle {
1738    display: none;
1739}
1740
1741.spyFullTitle {
1742    display: none;
1743    -moz-user-select: none;
1744    max-width: 100%;
1745    background-color: Transparent;
1746}
1747
1748.spyTitleCol:hover > .spyFullTitle {
1749    display: block;
1750}
1751
1752.spyStatus {
1753    padding-left: 10px;
1754    color: rgb(128, 128, 128);
1755}
1756
1757.spyTime {
1758    margin-left:4px;
1759    margin-right:4px;
1760    color: rgb(128, 128, 128);
1761}
1762
1763.spyIcon {
1764    margin-right: 4px;
1765    margin-left: 4px;
1766    width: 16px;
1767    height: 16px;
1768    vertical-align: middle;
1769    background: transparent no-repeat 0 0;
1770    display: none;
1771}
1772
1773.loading .spyHead .spyRow .spyIcon {
1774    background-image: url(loading_16.gif);
1775    display: block;
1776}
1777
1778.logRow-spy.loaded:not(.error) .spyHead .spyRow .spyIcon {
1779    width: 0;
1780    margin: 0;
1781}
1782
1783.logRow-spy.error .spyHead .spyRow .spyIcon {
1784    background-image: url(errorIcon-sm.png);
1785    display: block;
1786    background-position: 2px 2px;
1787}
1788
1789.logRow-spy .spyHead .netInfoBody {
1790    display: none;
1791}
1792
1793.logRow-spy.opened .spyHead .netInfoBody {
1794    margin-top: 10px;
1795    display: block;
1796}
1797
1798.logRow-spy.error .spyTitle,
1799.logRow-spy.error .spyStatus,
1800.logRow-spy.error .spyTime {
1801    color: red;
1802}
1803
1804.logRow-spy.loading .spyResponseText {
1805    font-style: italic;
1806    color: #888888;
1807}
1808
1809/************************************************************************************************/
1810
1811.caption {
1812    font-family: Lucida Grande, Tahoma, sans-serif;
1813    font-weight: bold;
1814    color:  #444444;
1815}
1816
1817.warning {
1818    padding: 10px;
1819    font-family: Lucida Grande, Tahoma, sans-serif;
1820    font-weight: bold;
1821    color:  #888888;
1822}
1823
1824
1825
1826
1827/*************************************************************************************************/
1828/*************************************************************************************************/
1829/*************************************************************************************************/
1830/*************************************************************************************************/
1831/* DOM */
1832/*************************************************************************************************/
1833/*************************************************************************************************/
1834/*************************************************************************************************/
1835
1836
1837/* See license.txt for terms of usage */
1838
1839.panelNode-dom {
1840    overflow-x: hidden !important;
1841}
1842
1843.domTable {
1844    font-size: 1em;
1845    width: 100%;
1846    table-layout: fixed;
1847    background: #fff;
1848}
1849
1850.domTableIE {
1851    width: auto;
1852}
1853
1854.memberLabelCell {
1855    padding: 2px 0 2px 0;
1856    vertical-align: top;
1857}
1858
1859.memberValueCell {
1860    padding: 1px 0 1px 5px;
1861    display: block;
1862    overflow: hidden;
1863}
1864
1865.memberLabel {
1866    display: block;
1867    cursor: default;
1868    -moz-user-select:  none;
1869    overflow: hidden;
1870    /*position: absolute;*/
1871    padding-left: 18px;
1872    /*max-width: 30%;*/
1873    /*white-space: nowrap;*/
1874    background-color: #FFFFFF;
1875    text-decoration: none;
1876}
1877
1878/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1879
1880.memberRow.hasChildren .memberLabelCell .memberLabel:hover {
1881    cursor: pointer;
1882    color: blue;
1883    text-decoration: underline;
1884}
1885
1886/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1887
1888.userLabel {
1889    color: #000000;
1890    font-weight: bold;
1891}
1892
1893.userClassLabel {
1894    color: #E90000;
1895    font-weight: bold;
1896}
1897
1898.userFunctionLabel {
1899    color: #025E2A;
1900    font-weight: bold;
1901}
1902
1903.domLabel {
1904    color: #000000;
1905}
1906
1907.domFunctionLabel {
1908    color: #025E2A;
1909}
1910
1911.ordinalLabel {
1912    color: SlateBlue;
1913    font-weight: bold;
1914}
1915
1916/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1917.scopesRow {
1918    padding: 2px 18px;
1919    background-color: LightYellow;
1920    border-bottom: 5px solid #BEBEBE;
1921    color: #666666;
1922}
1923.scopesLabel {
1924    background-color:  LightYellow;
1925}
1926
1927/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1928
1929.watchEditCell {
1930    padding: 2px 18px;
1931    background-color: LightYellow;
1932    border-bottom: 1px solid #BEBEBE;
1933    color: #666666;
1934}
1935
1936.editor-watchNewRow,
1937.editor-memberRow {
1938    font-family: Monaco, monospace !important;
1939}
1940
1941.editor-memberRow {
1942    padding: 1px 0 !important;
1943}
1944
1945.editor-watchRow {
1946    padding-bottom: 0 !important;
1947}
1948
1949.watchRow > .memberLabelCell {
1950    font-family: Monaco, monospace;
1951    padding-top: 1px;
1952    padding-bottom: 1px;
1953}
1954
1955.watchRow > .memberLabelCell > .memberLabel {
1956    background-color: transparent;
1957}
1958
1959.watchRow > .memberValueCell {
1960    padding-top: 2px;
1961    padding-bottom: 2px;
1962}
1963
1964.watchRow > .memberLabelCell,
1965.watchRow > .memberValueCell {
1966    background-color: #F5F5F5;
1967    border-bottom: 1px solid #BEBEBE;
1968}
1969
1970/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
1971
1972.watchToolbox {
1973    z-index: 2147483647;
1974    position: absolute;
1975    right: 0;
1976    padding: 1px 2px;
1977}
1978
1979
1980/*************************************************************************************************/
1981/*************************************************************************************************/
1982/*************************************************************************************************/
1983/*************************************************************************************************/
1984/*************************************************************************************************/
1985/*************************************************************************************************/
1986/*************************************************************************************************/
1987/* FROM ORIGINAL FIREBUG */
1988
1989
1990
1991
1992/************************************************************************************************
1993 CSS Not organized
1994*************************************************************************************************/
1995#fbConsole {
1996    overflow-x: hidden !important;
1997}
1998
1999#fbCSS {
2000    font: 1em Monaco, monospace;
2001    padding: 0 7px;
2002}
2003
2004#fbstylesheetButtons select, #fbScriptButtons select {
2005    font: 11px Lucida Grande, Tahoma, sans-serif;
2006    margin-top: 1px;
2007    padding-left: 3px;
2008    background: #fafafa;
2009    border: 1px inset #fff;
2010    width: 220px;
2011    outline: none;
2012}
2013
2014.Selector { margin-top:10px }
2015.CSSItem {margin-left: 4% }
2016.CSSText { padding-left:20px; }
2017.CSSProperty { color:#005500; }
2018.CSSValue { padding-left:5px; color:#000088; }
2019
2020
2021/************************************************************************************************
2022 Not organized
2023*************************************************************************************************/
2024
2025#fbHTMLStatusBar {
2026    display: inline;
2027}
2028
2029.fbToolbarButtons {
2030    display: none;
2031}
2032
2033.fbStatusSeparator{
2034    display: block;
2035    float: left;
2036    padding-top: 4px;
2037}
2038
2039#fbStatusBarBox {
2040    display: none;
2041}
2042
2043#fbToolbarContent {
2044    display: block;
2045    position: absolute;
2046    _position: absolute;
2047    top: 0;
2048    padding-top: 4px;
2049    height: 23px;
2050    clip: rect(0, 2048px, 27px, 0);
2051}
2052
2053.fbTabMenuTarget {
2054    display: none !important;
2055    float: left;
2056    width: 10px;
2057    height: 10px;
2058    margin-top: 6px;
2059    background: url(tabMenuTarget.png);
2060}
2061
2062.fbTabMenuTarget:hover {
2063    background: url(tabMenuTargetHover.png);
2064}
2065
2066.fbShadow {
2067    float: left;
2068    background: url(shadowAlpha.png) no-repeat bottom right !important;
2069    background: url(shadow2.gif) no-repeat bottom right;
2070    margin: 10px 0 0 10px !important;
2071    margin: 10px 0 0 5px;
2072}
2073
2074.fbShadowContent {
2075    display: block;
2076    position: relative;
2077    background-color: #fff;
2078    border: 1px solid #a9a9a9;
2079    top: -6px;
2080    left: -6px;
2081}
2082
2083.fbMenu {
2084    display: none;
2085    position: absolute;
2086    font-size: 11px;
2087    line-height: 13px;
2088    z-index: 2147483647;
2089}
2090
2091.fbMenuContent {
2092    padding: 2px;
2093}
2094
2095.fbMenuSeparator {
2096    display: block;
2097    position: relative;
2098    padding: 1px 18px 0;
2099    text-decoration: none;
2100    color: #000;
2101    cursor: default;
2102    background: #ACA899;
2103    margin: 4px 0;
2104}
2105
2106.fbMenuOption
2107{
2108    display: block;
2109    position: relative;
2110    padding: 2px 18px;
2111    text-decoration: none;
2112    color: #000;
2113    cursor: default;
2114}
2115
2116.fbMenuOption:hover
2117{
2118    color: #fff;
2119    background: #316AC5;
2120}
2121
2122.fbMenuGroup {
2123    background: transparent url(tabMenuPin.png) no-repeat right 0;
2124}
2125
2126.fbMenuGroup:hover {
2127    background: #316AC5 url(tabMenuPin.png) no-repeat right -17px;
2128}
2129
2130.fbMenuGroupSelected {
2131    color: #fff;
2132    background: #316AC5 url(tabMenuPin.png) no-repeat right -17px;
2133}
2134
2135.fbMenuChecked  {
2136    background: transparent url(tabMenuCheckbox.png) no-repeat 4px 0;
2137}
2138
2139.fbMenuChecked:hover {
2140    background: #316AC5 url(tabMenuCheckbox.png) no-repeat 4px -17px;
2141}
2142
2143.fbMenuRadioSelected {
2144    background: transparent url(tabMenuRadio.png) no-repeat 4px 0;
2145}
2146
2147.fbMenuRadioSelected:hover {
2148    background: #316AC5 url(tabMenuRadio.png) no-repeat 4px -17px;
2149}
2150
2151.fbMenuShortcut {
2152    padding-right: 85px;
2153}
2154
2155.fbMenuShortcutKey {
2156    position: absolute;
2157    right: 0;
2158    top: 2px;
2159    width: 77px;
2160}
2161
2162#fbFirebugMenu {
2163    top: 22px;
2164    left: 0;
2165}
2166
2167.fbMenuDisabled {
2168    color: #ACA899 !important;
2169}
2170
2171#fbFirebugSettingsMenu {
2172    left: 245px;
2173    top: 99px;
2174}
2175
2176#fbConsoleMenu {
2177    top: 42px;
2178    left: 48px;
2179}
2180
2181.fbIconButton {
2182    display: block;
2183}
2184
2185.fbIconButton {
2186    display: block;
2187}
2188
2189.fbIconButton {
2190    display: block;
2191    float: left;
2192    height: 20px;
2193    width: 20px;
2194    color: #000;
2195    margin-right: 2px;
2196    text-decoration: none;
2197    cursor: default;
2198}
2199
2200.fbIconButton:hover {
2201    position: relative;
2202    top: -1px;
2203    left: -1px;
2204    margin-right: 0;
2205    _margin-right: 1px;
2206    color: #333;
2207    border: 1px solid #fff;
2208    border-bottom: 1px solid #bbb;
2209    border-right: 1px solid #bbb;
2210}
2211
2212.fbIconPressed {
2213    position: relative;
2214    margin-right: 0;
2215    _margin-right: 1px;
2216    top: 0 !important;
2217    left: 0 !important;
2218    height: 19px;
2219    color: #333 !important;
2220    border: 1px solid #bbb !important;
2221    border-bottom: 1px solid #cfcfcf !important;
2222    border-right: 1px solid #ddd !important;
2223}
2224
2225
2226
2227/************************************************************************************************
2228 Error Popup
2229*************************************************************************************************/
2230#fbErrorPopup {
2231    position: absolute;
2232    right: 0;
2233    bottom: 0;
2234    height: 19px;
2235    width: 75px;
2236    background: url(sprite.png) #f1f2ee 0 0;
2237    z-index: 999;
2238}
2239
2240#fbErrorPopupContent {
2241    position: absolute;
2242    right: 0;
2243    top: 1px;
2244    height: 18px;
2245    width: 75px;
2246    _width: 74px;
2247    border-left: 1px solid #aca899;
2248}
2249
2250#fbErrorIndicator {
2251    position: absolute;
2252    top: 2px;
2253    right: 5px;
2254}
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265.fbBtnInspectActive {
2266    background: #aaa;
2267    color: #fff !important;
2268}
2269
2270/************************************************************************************************
2271 General
2272*************************************************************************************************/
2273.fbBody {
2274    margin: 0;
2275    padding: 0;
2276    overflow: hidden;
2277
2278    font-family: Lucida Grande, Tahoma, sans-serif;
2279    font-size: 11px;
2280    background: #fff;
2281}
2282
2283.clear {
2284    clear: both;
2285}
2286
2287/************************************************************************************************
2288 Mini Chrome
2289*************************************************************************************************/
2290#fbMiniChrome {
2291    display: none;
2292    right: 0;
2293    height: 27px;
2294    background: url(sprite.png) #f1f2ee 0 0;
2295    margin-left: 1px;
2296}
2297
2298#fbMiniContent {
2299    display: block;
2300    position: relative;
2301    left: -1px;
2302    right: 0;
2303    top: 1px;
2304    height: 25px;
2305    border-left: 1px solid #aca899;
2306}
2307
2308#fbToolbarSearch {
2309    float: right;
2310    border: 1px solid #ccc;
2311    margin: 0 5px 0 0;
2312    background: #fff url(search.png) no-repeat 4px 2px !important;
2313    background: #fff url(search.gif) no-repeat 4px 2px;
2314    padding-left: 20px;
2315    font-size: 11px;
2316}
2317
2318#fbToolbarErrors {
2319    float: right;
2320    margin: 1px 4px 0 0;
2321    font-size: 11px;
2322}
2323
2324#fbLeftToolbarErrors {
2325    float: left;
2326    margin: 7px 0px 0 5px;
2327    font-size: 11px;
2328}
2329
2330.fbErrors {
2331    padding-left: 20px;
2332    height: 14px;
2333    background: url(errorIcon.png) no-repeat !important;
2334    background: url(errorIcon.gif) no-repeat;
2335    color: #f00;
2336    font-weight: bold;
2337}
2338
2339#fbMiniErrors {
2340    display: inline;
2341    display: none;
2342    float: right;
2343    margin: 5px 2px 0 5px;
2344}
2345
2346#fbMiniIcon {
2347    float: right;
2348    margin: 3px 4px 0;
2349    height: 20px;
2350    width: 20px;
2351    float: right;
2352    background: url(sprite.png) 0 -135px;
2353    cursor: pointer;
2354}
2355
2356
2357/************************************************************************************************
2358 Master Layout
2359*************************************************************************************************/
2360#fbChrome {
2361    font-family: Lucida Grande, Tahoma, sans-serif;
2362    font-size: 11px;
2363    position: absolute;
2364    _position: static;
2365    top: 0;
2366    left: 0;
2367    height: 100%;
2368    width: 100%;
2369    border-collapse: collapse;
2370    border-spacing: 0;
2371    background: #fff;
2372    overflow: hidden;
2373}
2374
2375#fbChrome > tbody > tr > td {
2376    padding: 0;
2377}
2378
2379#fbTop {
2380    height: 49px;
2381}
2382
2383#fbToolbar {
2384    background: url(sprite.png) #f1f2ee 0 0;
2385    height: 27px;
2386    font-size: 11px;
2387    line-height: 13px;
2388}
2389
2390#fbPanelBarBox {
2391    background: url(sprite.png) #dbd9c9 0 -27px;
2392    height: 22px;
2393}
2394
2395#fbContent {
2396    height: 100%;
2397    vertical-align: top;
2398}
2399
2400#fbBottom {
2401    height: 18px;
2402    background: #fff;
2403}
2404
2405/************************************************************************************************
2406 Sub-Layout
2407*************************************************************************************************/
2408
2409/* fbToolbar
2410*************************************************************************************************/
2411#fbToolbarIcon {
2412    float: left;
2413    padding: 0 5px 0;
2414}
2415
2416#fbToolbarIcon a {
2417    background: url(sprite.png) 0 -135px;
2418}
2419
2420#fbToolbarButtons {
2421    padding: 0 2px 0 5px;
2422}
2423
2424#fbToolbarButtons {
2425    padding: 0 2px 0 5px;
2426}
2427/*
2428#fbStatusBarBox a {
2429    text-decoration: none;
2430    display: block;
2431    float: left;
2432    color: #000;
2433    padding: 4px 5px;
2434    margin: 0 0 0 1px;
2435    cursor: default;
2436}
2437
2438#fbStatusBarBox a:hover {
2439    color: #333;
2440    padding: 3px 4px;
2441    border: 1px solid #fff;
2442    border-bottom: 1px solid #bbb;
2443    border-right: 1px solid #bbb;
2444}
2445/**/
2446
2447.fbButton {
2448    text-decoration: none;
2449    display: block;
2450    float: left;
2451    color: #000;
2452    padding: 4px 6px 4px 7px;
2453    cursor: default;
2454}
2455
2456.fbButton:hover {
2457    color: #333;
2458    background: #f5f5ef url(buttonBg.png);
2459    padding: 3px 5px 3px 6px;
2460    border: 1px solid #fff;
2461    border-bottom: 1px solid #bbb;
2462    border-right: 1px solid #bbb;
2463}
2464
2465.fbBtnPressed {
2466    background: #e3e3db url(buttonBgHover.png) !important;
2467    padding: 3px 4px 2px 6px !important;
2468    margin: 1px 0 0 1px !important;
2469    border: 1px solid #ACA899 !important;
2470    border-color: #ACA899 #ECEBE3 #ECEBE3 #ACA899 !important;
2471}
2472
2473#fbStatusBarBox {
2474    top: 4px;
2475    cursor: default;
2476}
2477
2478.fbToolbarSeparator {
2479    overflow: hidden;
2480    border: 1px solid;
2481    border-color: transparent #fff transparent #777;
2482    _border-color: #eee #fff #eee #777;
2483    height: 7px;
2484    margin: 6px 3px;
2485    float: left;
2486}
2487
2488.fbBtnSelected {
2489    font-weight: bold;
2490}
2491
2492.fbStatusBar {
2493    color: #aca899;
2494}
2495
2496.fbStatusBar a {
2497    text-decoration: none;
2498    color: black;
2499}
2500
2501.fbStatusBar a:hover {
2502    color: blue;
2503    cursor: pointer;
2504}
2505
2506
2507#fbWindowButtons {
2508    position: absolute;
2509    white-space: nowrap;
2510    right: 0;
2511    top: 0;
2512    height: 17px;
2513    width: 48px;
2514    padding: 5px;
2515    z-index: 6;
2516    background: url(sprite.png) #f1f2ee 0 0;
2517}
2518
2519/* fbPanelBarBox
2520*************************************************************************************************/
2521
2522#fbPanelBar1 {
2523    width: 1024px; /* fixed width to avoid tabs breaking line */
2524    z-index: 8;
2525    left: 0;
2526    white-space: nowrap;
2527    background: url(sprite.png) #dbd9c9 0 -27px;
2528    position: absolute;
2529    left: 4px;
2530}
2531
2532#fbPanelBar2Box {
2533    background: url(sprite.png) #dbd9c9 0 -27px;
2534    position: absolute;
2535    height: 22px;
2536    width: 300px; /* fixed width to avoid tabs breaking line */
2537    z-index: 9;
2538    right: 0;
2539}
2540
2541#fbPanelBar2 {
2542    position: absolute;
2543    width: 290px; /* fixed width to avoid tabs breaking line */
2544    height: 22px;
2545    padding-left: 4px;
2546}
2547
2548/* body
2549*************************************************************************************************/
2550.fbPanel {
2551    display: none;
2552}
2553
2554#fbPanelBox1, #fbPanelBox2 {
2555    max-height: inherit;
2556    height: 100%;
2557    font-size: 1em;
2558}
2559
2560#fbPanelBox2 {
2561    background: #fff;
2562}
2563
2564#fbPanelBox2 {
2565    width: 300px;
2566    background: #fff;
2567}
2568
2569#fbPanel2 {
2570    margin-left: 6px;
2571    background: #fff;
2572}
2573
2574#fbLargeCommandLine {
2575    display: none;
2576    position: absolute;
2577    z-index: 9;
2578    top: 27px;
2579    right: 0;
2580    width: 294px;
2581    height: 201px;
2582    border-width: 0;
2583    margin: 0;
2584    padding: 2px 0 0 2px;
2585    resize: none;
2586    outline: none;
2587    font-size: 11px;
2588    overflow: auto;
2589    border-top: 1px solid #B9B7AF;
2590    _right: -1px;
2591    _border-left: 1px solid #fff;
2592}
2593
2594#fbLargeCommandButtons {
2595    display: none;
2596    background: #ECE9D8;
2597    bottom: 0;
2598    right: 0;
2599    width: 294px;
2600    height: 21px;
2601    padding-top: 1px;
2602    position: fixed;
2603    border-top: 1px solid #ACA899;
2604    z-index: 9;
2605}
2606
2607#fbSmallCommandLineIcon {
2608    background: url(down.png) no-repeat;
2609    position: absolute;
2610    right: 2px;
2611    bottom: 3px;
2612
2613    z-index: 99;
2614}
2615
2616#fbSmallCommandLineIcon:hover {
2617    background: url(downHover.png) no-repeat;
2618}
2619
2620.hide {
2621    overflow: hidden !important;
2622    position: fixed !important;
2623    display: none !important;
2624    visibility: hidden !important;
2625}
2626
2627/* fbBottom
2628*************************************************************************************************/
2629
2630#fbCommand {
2631    height: 18px;
2632}
2633
2634#fbCommandBox {
2635    position: fixed;
2636    _position: absolute;
2637    width: 100%;
2638    height: 18px;
2639    bottom: 0;
2640    overflow: hidden;
2641    z-index: 9;
2642    background: #fff;
2643    border: 0;
2644    border-top: 1px solid #ccc;
2645}
2646
2647#fbCommandIcon {
2648    position: absolute;
2649    color: #00f;
2650    top: 2px;
2651    left: 6px;
2652    display: inline;
2653    font: 11px Monaco, monospace;
2654    z-index: 10;
2655}
2656
2657#fbCommandLine {
2658    position: absolute;
2659    width: 100%;
2660    top: 0;
2661    left: 0;
2662    border: 0;
2663    margin: 0;
2664    padding: 2px 0 2px 32px;
2665    font: 11px Monaco, monospace;
2666    z-index: 9;
2667    outline: none;
2668}
2669
2670#fbLargeCommandLineIcon {
2671    background: url(up.png) no-repeat;
2672    position: absolute;
2673    right: 1px;
2674    bottom: 1px;
2675    z-index: 10;
2676}
2677
2678#fbLargeCommandLineIcon:hover {
2679    background: url(upHover.png) no-repeat;
2680}
2681
2682div.fbFitHeight {
2683    overflow: auto;
2684    position: relative;
2685}
2686
2687
2688/************************************************************************************************
2689 Layout Controls
2690*************************************************************************************************/
2691
2692/* fbToolbar buttons
2693*************************************************************************************************/
2694.fbSmallButton {
2695    overflow: hidden;
2696    width: 16px;
2697    height: 16px;
2698    display: block;
2699    text-decoration: none;
2700    cursor: default;
2701}
2702
2703#fbWindowButtons .fbSmallButton {
2704    float: right;
2705}
2706
2707#fbWindow_btClose {
2708    background: url(min.png);
2709}
2710
2711#fbWindow_btClose:hover {
2712    background: url(minHover.png);
2713}
2714
2715#fbWindow_btDetach {
2716    background: url(detach.png);
2717}
2718
2719#fbWindow_btDetach:hover {
2720    background: url(detachHover.png);
2721}
2722
2723#fbWindow_btDeactivate {
2724    background: url(off.png);
2725}
2726
2727#fbWindow_btDeactivate:hover {
2728    background: url(offHover.png);
2729}
2730
2731
2732/* fbPanelBarBox tabs
2733*************************************************************************************************/
2734.fbTab {
2735    text-decoration: none;
2736    display: none;
2737    float: left;
2738    width: auto;
2739    float: left;
2740    cursor: default;
2741    font-family: Lucida Grande, Tahoma, sans-serif;
2742    font-size: 11px;
2743    line-height: 13px;
2744    font-weight: bold;
2745    height: 22px;
2746    color: #565656;
2747}
2748
2749.fbPanelBar span {
2750    /*display: block; TODO: safe to remove this? */
2751    float: left;
2752}
2753
2754.fbPanelBar .fbTabL,.fbPanelBar .fbTabR {
2755    height: 22px;
2756    width: 8px;
2757}
2758
2759.fbPanelBar .fbTabText {
2760    padding: 4px 1px 0;
2761}
2762
2763a.fbTab:hover {
2764    background: url(sprite.png) 0 -73px;
2765}
2766
2767a.fbTab:hover .fbTabL {
2768    background: url(sprite.png) -16px -96px;
2769}
2770
2771a.fbTab:hover .fbTabR {
2772    background: url(sprite.png) -24px -96px;
2773}
2774
2775.fbSelectedTab {
2776    background: url(sprite.png) #f1f2ee 0 -50px !important;
2777    color: #000;
2778}
2779
2780.fbSelectedTab .fbTabL {
2781    background: url(sprite.png) 0 -96px !important;
2782}
2783
2784.fbSelectedTab .fbTabR {
2785    background: url(sprite.png) -8px -96px !important;
2786}
2787
2788/* splitters
2789*************************************************************************************************/
2790#fbHSplitter {
2791    position: fixed;
2792    _position: absolute;
2793    left: 0;
2794    top: 0;
2795    width: 100%;
2796    height: 5px;
2797    overflow: hidden;
2798    cursor: n-resize !important;
2799    background: url(pixel_transparent.gif);
2800    z-index: 9;
2801}
2802
2803#fbHSplitter.fbOnMovingHSplitter {
2804    height: 100%;
2805    z-index: 100;
2806}
2807
2808.fbVSplitter {
2809    background: #ece9d8;
2810    color: #000;
2811    border: 1px solid #716f64;
2812    border-width: 0 1px;
2813    border-left-color: #aca899;
2814    width: 4px;
2815    cursor: e-resize;
2816    overflow: hidden;
2817    right: 294px;
2818    text-decoration: none;
2819    z-index: 10;
2820    position: absolute;
2821    height: 100%;
2822    top: 27px;
2823}
2824
2825/************************************************************************************************/
2826div.lineNo {
2827    font: 1em/1.4545em Monaco, monospace;
2828    position: relative;
2829    float: left;
2830    top: 0;
2831    left: 0;
2832    margin: 0 5px 0 0;
2833    padding: 0 5px 0 10px;
2834    background: #eee;
2835    color: #888;
2836    border-right: 1px solid #ccc;
2837    text-align: right;
2838}
2839
2840.sourceBox {
2841    position: absolute;
2842}
2843
2844.sourceCode {
2845    font: 1em Monaco, monospace;
2846    overflow: hidden;
2847    white-space: pre;
2848    display: inline;
2849}
2850
2851/************************************************************************************************/
2852.nodeControl {
2853    margin-top: 3px;
2854    margin-left: -14px;
2855    float: left;
2856    width: 9px;
2857    height: 9px;
2858    overflow: hidden;
2859    cursor: default;
2860    background: url(tree_open.gif);
2861    _float: none;
2862    _display: inline;
2863    _position: absolute;
2864}
2865
2866div.nodeMaximized {
2867    background: url(tree_close.gif);
2868}
2869
2870div.objectBox-element {
2871    padding: 1px 3px;
2872}
2873.objectBox-selector{
2874    cursor: default;
2875}
2876
2877.selectedElement{
2878    background: highlight;
2879    /* background: url(roundCorner.svg); Opera */
2880    color: #fff !important;
2881}
2882.selectedElement span{
2883    color: #fff !important;
2884}
2885
2886/* IE6 need this hack */
2887* html .selectedElement {
2888    position: relative;
2889}
2890
2891/* Webkit CSS Hack - bug in "highlight" named color */
2892@media screen and (-webkit-min-device-pixel-ratio:0) {
2893    .selectedElement{
2894      background: #316AC5;
2895      color: #fff !important;
2896    }
2897}
2898
2899/************************************************************************************************/
2900/************************************************************************************************/
2901.logRow * {
2902    font-size: 1em;
2903}
2904
2905/* TODO: remove this? */
2906/* TODO: xxxpedro - IE need this in windowless mode (cnn.com) check if the issue is related to
2907position. if so, override it at chrome.js initialization when creating the div */
2908.logRow {
2909    position: relative;
2910    border-bottom: 1px solid #D7D7D7;
2911    padding: 2px 4px 1px 6px;
2912    zbackground-color: #FFFFFF;
2913}
2914/**/
2915
2916.logRow-command {
2917    font-family: Monaco, monospace;
2918    color: blue;
2919}
2920
2921.objectBox-string,
2922.objectBox-text,
2923.objectBox-number,
2924.objectBox-function,
2925.objectLink-element,
2926.objectLink-textNode,
2927.objectLink-function,
2928.objectBox-stackTrace,
2929.objectLink-profile {
2930    font-family: Monaco, monospace;
2931}
2932
2933.objectBox-null {
2934    padding: 0 2px;
2935    border: 1px solid #666666;
2936    background-color: #888888;
2937    color: #FFFFFF;
2938}
2939
2940.objectBox-string {
2941    color: red;
2942
2943    /* TODO: xxxpedro make long strings break line */
2944    /*white-space: pre; */
2945}
2946
2947.objectBox-number {
2948    color: #000088;
2949}
2950
2951.objectBox-function {
2952    color: DarkGreen;
2953}
2954
2955.objectBox-object {
2956    color: DarkGreen;
2957    font-weight: bold;
2958    font-family: Lucida Grande, sans-serif;
2959}
2960
2961.objectBox-array {
2962    color: #000;
2963}
2964
2965/************************************************************************************************/
2966.logRow-info,.logRow-error,.logRow-warn {
2967    background: #fff no-repeat 2px 2px;
2968    padding-left: 20px;
2969    padding-bottom: 3px;
2970}
2971
2972.logRow-info {
2973    background-image: url(infoIcon.png) !important;
2974    background-image: url(infoIcon.gif);
2975}
2976
2977.logRow-warn {
2978    background-color: cyan;
2979    background-image: url(warningIcon.png) !important;
2980    background-image: url(warningIcon.gif);
2981}
2982
2983.logRow-error {
2984    background-color: LightYellow;
2985    background-image: url(errorIcon.png) !important;
2986    background-image: url(errorIcon.gif);
2987    color: #f00;
2988}
2989
2990.errorMessage {
2991    vertical-align: top;
2992    color: #f00;
2993}
2994
2995.objectBox-sourceLink {
2996    position: absolute;
2997    right: 4px;
2998    top: 2px;
2999    padding-left: 8px;
3000    font-family: Lucida Grande, sans-serif;
3001    font-weight: bold;
3002    color: #0000FF;
3003}
3004
3005/************************************************************************************************/
3006/*
3007//TODO: remove this when console2 is finished
3008*/
3009/*
3010.logRow-group {
3011    background: #EEEEEE;
3012    border-bottom: none;
3013}
3014
3015.logGroup {
3016    background: #EEEEEE;
3017}
3018
3019.logGroupBox {
3020    margin-left: 24px;
3021    border-top: 1px solid #D7D7D7;
3022    border-left: 1px solid #D7D7D7;
3023}/**/
3024
3025/************************************************************************************************/
3026.selectorTag,.selectorId,.selectorClass {
3027    font-family: Monaco, monospace;
3028    font-weight: normal;
3029}
3030
3031.selectorTag {
3032    color: #0000FF;
3033}
3034
3035.selectorId {
3036    color: DarkBlue;
3037}
3038
3039.selectorClass {
3040    color: red;
3041}
3042
3043/************************************************************************************************/
3044.objectBox-element {
3045    font-family: Monaco, monospace;
3046    color: #000088;
3047}
3048
3049.nodeChildren {
3050    padding-left: 26px;
3051}
3052
3053.nodeTag {
3054    color: blue;
3055    cursor: pointer;
3056}
3057
3058.nodeValue {
3059    color: #FF0000;
3060    font-weight: normal;
3061}
3062
3063.nodeText,.nodeComment {
3064    margin: 0 2px;
3065    vertical-align: top;
3066}
3067
3068.nodeText {
3069    color: #333333;
3070    font-family: Monaco, monospace;
3071}
3072
3073.nodeComment {
3074    color: DarkGreen;
3075}
3076
3077/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
3078
3079.nodeHidden, .nodeHidden * {
3080    color: #888888;
3081}
3082
3083.nodeHidden .nodeTag {
3084    color: #5F82D9;
3085}
3086
3087.nodeHidden .nodeValue {
3088    color: #D86060;
3089}
3090
3091.selectedElement .nodeHidden, .selectedElement .nodeHidden * {
3092    color: SkyBlue !important;
3093}
3094
3095
3096/************************************************************************************************/
3097.log-object {
3098    /*
3099    _position: relative;
3100    _height: 100%;
3101    /**/
3102}
3103
3104.property {
3105    position: relative;
3106    clear: both;
3107    height: 15px;
3108}
3109
3110.propertyNameCell {
3111    vertical-align: top;
3112    float: left;
3113    width: 28%;
3114    position: absolute;
3115    left: 0;
3116    z-index: 0;
3117}
3118
3119.propertyValueCell {
3120    float: right;
3121    width: 68%;
3122    background: #fff;
3123    position: absolute;
3124    padding-left: 5px;
3125    display: table-cell;
3126    right: 0;
3127    z-index: 1;
3128    /*
3129    _position: relative;
3130    /**/
3131}
3132
3133.propertyName {
3134    font-weight: bold;
3135}
3136
3137.FirebugPopup {
3138    height: 100% !important;
3139}
3140
3141.FirebugPopup #fbWindowButtons {
3142    display: none !important;
3143}
3144
3145.FirebugPopup #fbHSplitter {
3146    display: none !important;
3147}
3148