OSDN Git Service

726694dc5e9a464d32598e523dc888709014e618
[android-x86/build.git] / tools / droiddoc / templates / assets / android-developer-docs.css
1 /* file: android-developer-docs.css
2    author: smain
3    date: september 2008
4    info: developer doc styles (developer.android.com)
5 */
6
7 @import url("android-developer-core.css");
8
9 #title {
10   border-bottom: 4px solid #ccc;
11   display:none;
12 }
13
14 #title h1 {
15   color:#336666;
16   margin:0;
17   padding: 5px 10px;
18   font-size: 1em;
19   line-height: 15px;
20 }
21
22 #title h1 .small{
23   color:#000;
24   margin:0;
25   font-size: 13px;
26   padding:0 0 0 15px;
27 }
28
29 /* SIDE NAVIGATION */
30
31 #side-nav {
32   padding:0 6px 0 0;
33   background-color: #fff;
34   font-size:12px;
35 }
36
37 #side-nav.not-resizable {
38   background:url('images/sidenav-rule.png') no-repeat 243px 0;
39 }
40
41 #resize-packages-nav {
42 /* keeps the resize handle below the h-scroll handle */
43   height:270px;
44   overflow:hidden;
45   max-height:100%;
46 }
47
48 #packages-nav {
49   height:270px;
50   max-height:inherit;
51   position:relative;
52   overflow:auto;
53 }
54
55 #classes-nav,
56 #devdoc-nav {
57   overflow:auto;
58   position:relative;
59 }
60
61 #side-nav ul {
62   list-style: none;
63   margin: 0;
64   padding:5px 0;
65 }
66
67 #side-nav ul ul {
68   margin: .35em 0 0 0;
69   padding: 0;
70 }
71
72 #side-nav li {
73   padding:0;
74   line-height:16px;
75   white-space:nowrap;
76   zoom:1;
77 }
78
79 #side-nav li h2 {
80   font-size:12px;
81   font-weight: bold;
82   margin:.5em 0 0 0;
83   padding: 3px 0 1px 9px;
84 }
85
86 #side-nav li a {
87   text-decoration:none;
88   padding: 0 0 0 18px;
89   zoom:1;
90 }
91
92 #side-nav li a span+span {
93   display:none;
94 }
95
96 #side-nav li a:hover {
97   text-decoration:underline;
98 }
99
100 #side-nav li a+a {
101   padding: 0;
102 }
103
104 #side-nav li li li a { 
105 /*sdk lists*/
106   padding: 0 0 0 28px;
107
108
109 #side-nav .selected {
110   background-color: #435a6e;
111   color: #fff;
112   font-weight:bold;
113 }
114
115 #side-nav .selected a {
116   color: #fff;
117   text-decoration:none;
118 }
119
120 #side-nav strong {
121   display:block;
122 }
123
124 #side-nav .toggle-img {
125   margin:0;
126   padding:0;
127   position:absolute;
128   top:0;
129   left:0;
130   height:16px;
131   width:15px;
132   outline-style:none;
133 }
134
135 #side-nav .closed .toggle-img {
136   background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
137 }
138 #side-nav .open .toggle-img {
139   background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
140 }
141
142 #side-nav .toggle-list {
143   position:relative;
144 }
145
146 #side-nav .toggle-list ul {
147   margin:0;
148   display:none;
149 }
150
151 #side-nav .toggle-list div {
152   display:block;
153 }
154
155 #index-links .selected {
156   background-color: #fff;
157   color: #000;
158   font-weight:normal;
159   text-decoration:none;
160 }
161
162 #index-links {
163   padding:7px 0 4px 10px;
164 }
165
166 /* nav tree */
167
168 #nav-tree ul {
169   padding:5px 0 1.5em;
170 }
171
172 #side-nav #nav-tree ul li a,
173 #side-nav #nav-tree ul li span.no-children {
174   padding: 0 0 0 0;
175   margin: 0;
176 }
177
178 #nav-tree .plus {
179   margin: 0 3px 0 0;
180 }
181
182 #nav-tree ul ul {
183   list-style: none;
184   margin: 0;
185   padding: 0 0 0 0;
186 }
187
188 #nav-tree ul li {
189   margin: 0;
190   padding: 0 0 0 0;
191   white-space: nowrap;
192 }
193
194 #nav-tree .children_ul {
195   margin:0;
196 }
197
198 #nav-tree a.nolink {
199   color: black;
200   text-decoration: none;
201 }
202
203 #nav-tree span.label {
204   width: 100%;
205 }
206
207 #nav-tree {
208   overflow-x: auto;
209   overflow-y: scroll;
210 }
211
212 #nav-swap {
213   font-size:10px;
214   line-height:10px;
215   margin-left:1em;
216   text-decoration:none;
217   display:block;
218 }
219
220 #tree-link {
221
222 }
223
224 /* DOCUMENT BODY */
225
226 #doc-content {
227   overflow:auto;
228 }
229         
230 #jd-header {
231   background-color: #E2E2E2;
232   padding: 7px 15px;
233 }
234
235 #jd-header h1 {
236   margin: 0 0 10px;
237   font-size:1.7em;
238 }
239
240 #jd-header .crumb {
241   font-size:.9em;
242   line-height:1em;
243   color:#777;
244 }
245
246 #jd-header .crumb a,
247 #jd-header .crumb a:visited {
248   text-decoration:none;
249   color:#777;
250 }
251
252 #jd-header .crumb a:hover {
253   text-decoration:underline;
254 }
255
256 #jd-header table {
257   margin:0;
258   padding:0;
259 }
260
261 #jd-header td {
262   border:none;
263   padding:0;
264   vertical-align:top;
265 }
266
267 #jd-header.guide-header {
268   background-color:#fff;
269   color:#435a6e;
270   height:50px;
271 }
272
273 #jd-descr {
274   position:relative;
275 }
276
277 /* summary tables for reference pages */
278 .jd-sumtable {
279   margin: .5em 1em 1em 1em;
280   width:95%; /* consistent table widths; within IE's quirks */
281   font-size:.9em;
282 }
283
284 .jd-sumtable a {
285   text-decoration:none;
286 }
287
288 .jd-sumtable a:hover {
289   text-decoration:underline;
290 }
291
292 /* the link inside a sumtable for "Show All/Hide All" */
293 .toggle-all {
294   display:block;
295   float:right;
296   font-weight:normal;
297   font-size:0.9em;
298 }
299
300 /* adjustments for in/direct subclasses tables */
301 .jd-sumtable-subclasses {
302   margin: 1em 0 0 0;
303   max-width:968px;
304 }
305
306 /* extra space between end of method name and open-paren */
307 .sympad {
308   margin-right: 2px;
309 }
310
311 /* right alignment for the return type in sumtable */
312 .jd-sumtable .jd-typecol {
313   text-align:right;
314 }
315
316 /* adjustments for the expando table-in-table */
317 .jd-sumtable-expando {
318   margin:.5em 0;
319   padding:0;
320 }
321
322 /* a div that holds a short description */
323 .jd-descrdiv {
324   padding:3px 1em 0 1em;
325   margin:0;
326   border:0;
327 }
328
329 /* page-top-right container for reference pages (holds
330 links to summary tables) */
331 #api-info-block {
332   font-size:.8em;
333   padding:6px 10px;
334   font-weight:normal;
335   float:right;
336   text-align:right;
337   color:#999;
338   max-width:70%;
339 }
340
341 #api-level-toggle {
342   float:right;
343   padding:0 10px;
344   font-size:11px;
345   color:#999;
346 }
347
348 div.api-level { 
349   font-size:.8em;
350   font-weight:normal;
351   color:#999;
352   float:right;
353   padding:0 7px 0;
354   margin-top:-25px;
355 }
356
357 #api-info-block div.api-level { 
358   font-size:1.3em;
359   font-weight:bold;
360   float:none;
361   color:#444;
362   padding:0;
363   margin:0;
364 }
365
366 /* Force link colors for IE6 */
367 div.api-level a {
368   color:#999;
369 }
370 #api-info-block div.api-level a:link {
371   color:#444;
372 }
373 #api-level-toggle a {
374   color:#999;
375 }
376
377 div#naMessage {
378   display:none;
379   width:555px;
380   height:0;
381   margin:0 auto;
382 }
383
384 div#naMessage div {
385   width:450px;
386   position:fixed;
387   margin:50px 0;
388   padding:4em 4em 3em;
389   background:#FFF;
390   background:rgba(255,255,255,0.7);
391   border:1px solid #dddd00;
392 }
393 /* IE6 can't position fixed */
394 * html div#naMessage div { position:absolute; }
395
396 div#naMessage strong {
397   font-size:1.1em;
398 }
399
400 .absent,
401 .absent a:link,
402 .absent a:visited,
403 .absent a:hover,
404 .absent * {
405   color:#bbb !important;
406   cursor:default !important;
407   text-decoration:none !important;
408 }
409
410 #api-level-toggle a,
411 .api-level a {
412   color:inherit;
413   text-decoration:none;
414 }
415
416 #api-level-toggle a:hover,
417 .api-level a:hover {
418   color:inherit;
419   text-decoration:underline !important;
420   cursor:pointer !important;
421 }
422
423 #side-nav li.absent.selected,
424 #side-nav li.absent.selected *,
425 #side-nav div.label.absent.selected,
426 #side-nav div.label.absent.selected * {
427   background-color:#eaeaea !important;
428 }
429 /* IE6 quirk (won't chain classes, so just keep background blue) */
430 * html #side-nav li.selected,
431 * html #side-nav li.selected *,
432 * html #side-nav div.label.selected,
433 * html #side-nav div.label.selected * {
434   background-color: #435a6e !important;
435 }
436
437
438 .absent h4.jd-details-title,
439 .absent h4.jd-details-title * {
440   background-color:#f6f6f6 !important;
441 }
442
443 .absent img {
444   opacity: .3;
445   filter: alpha(opacity=30);
446   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
447 }
448
449
450 /* applies to a div containing links to summary tables */
451 .sum-details-links {
452   padding:0;
453   font-weight:normal;
454 }
455
456 .sum-details-links a {
457   text-decoration:none;
458 }
459
460 .sum-details-links a:hover {
461   text-decoration:underline;
462 }
463
464
465 /* inheritance table */
466 .jd-inheritance-table {
467   border-spacing:0;
468   margin:0;
469   padding:0;
470   font-size:.9em;
471 }
472 .jd-inheritance-table td {
473   border: none;
474   margin: 0;
475   padding: 0;
476 }
477 .jd-inheritance-table .jd-inheritance-space {
478   font-weight:bold;
479   width:1em;
480 }
481 .jd-inheritance-table .jd-inheritance-interface-cell {
482   padding-left: 17px;
483 }
484
485 #jd-content {
486   padding: 18px 15px;
487 }
488
489 hr {
490   background-color:#ccc;
491 }
492
493 /* DOC CLASSES */
494
495 #jd-content h1 {
496 /*sdk page*/
497   font-size:1.6em;
498   color:#336666;
499   margin:0 0 .5em;
500 }
501
502 #jd-content h2 {
503   font-size:1.45em;
504   color:#111;
505   border-top:2px solid #ccc;
506   padding: .5em 0 0;
507   margin: 1.5em 0 1em 0;
508   max-width:968px;
509 }
510
511 #jd-content h3 {
512   font-size:1.2em;
513   color:#222;
514   padding: .75em 0 .65em 0;
515   margin:0;
516 }
517
518 #jd-content h4 {
519   font-size:1.1em;
520   margin-bottom:.5em;
521   color:#222;
522 }
523
524 #jd-content .small-header {
525   font-size:1em;
526   color:#000;
527   font-weight:bold;
528   border:none;
529   padding:0;
530   margin:1em 0 .5em;
531   position:inherit;
532 }
533
534 #jd-content img {
535   margin: 0 0 1em 1em;
536 }
537
538 #jd-content li img,
539 #jd-content dd img {
540   margin:.5em 0 0 1em;
541 }
542
543 .nolist {
544   list-style:none;
545   padding:0;
546   margin:0 0 1em 1em;
547 }
548
549 .nolist li {
550   padding:0 0 2px;
551   margin:0;
552 }
553
554 h4 .normal {
555   font-size:.9em;
556   font-weight:normal;
557 }
558
559 .jd-details {
560 /*  border:1px solid #669999;
561   padding:4px; */
562   margin:0 0 1em;
563 }
564
565 /* API reference: a container for the
566 .tagdata blocks that make up the detailed
567 description */
568 .jd-details-descr {
569   padding:0;
570   margin:.5em .25em;
571 }
572
573 /* API reference: a block containing 
574 a detailed description, a params table,
575 seealso list, etc */
576 .jd-tagdata {
577   margin:.5em 1em;
578 }
579
580 .jd-tagdata p {
581   margin:0 0 1em 1em;
582 }
583
584 /* API reference: adjustments to
585 the detailed description block */
586 .jd-tagdescr {
587   margin:.25em 0 .75em 0;
588   line-height:1em;
589 }
590
591 .jd-tagdescr p {
592   margin:.5em 0;
593   padding:0;
594
595 }
596
597 .jd-tagdescr ol,
598 .jd-tagdescr ul {
599   margin:0 2.5em;
600   padding:0;
601 }
602
603 .jd-tagdescr table,
604 .jd-tagdescr img {
605   margin:.25em 1em;
606 }
607
608 .jd-tagdescr li {
609 margin:0 0 .25em 0;
610 padding:0;
611 }
612
613 /* API reference: heading marking
614 the details section for constants,
615 attrs, methods, etc. */
616 h4.jd-details-title {
617   font-size:1.15em;
618   background-color: #E2E2E2;
619   margin:1.5em 0 .6em;
620   padding:3px 95px 3px 3px; /* room for api-level */
621 }
622
623 h4.jd-tagtitle {
624   margin:0;
625 }
626
627 /* API reference: heading for "Parameters", "See Also", etc.,
628 in details sections */
629 h5.jd-tagtitle {
630   margin:0 0 .25em 0;
631   font-size:1em;
632 }
633
634 .jd-tagtable {
635   margin:0;
636 }
637
638 .jd-tagtable td,
639 .jd-tagtable th {
640   border:none;
641   background-color:#fff;
642   vertical-align:top;
643   font-weight:normal;
644   padding:2px 10px;
645 }
646
647 .jd-tagtable th {
648   font-style:italic;
649 }
650
651 #jd-content table h2 {
652   background-color: #d6d6d6;
653   font-size: 1.1em;
654   margin:0 0 10px;
655   padding:5px;
656   left:0;
657   width:auto;
658 }
659
660 div.special {
661   padding: .5em 1em 1em 1em;
662   margin: 0 0 1em;
663   background-color: #ddf0f2;
664 }
665
666 div.special p {
667   margin: .5em 0 0 0;
668 }
669
670 div.special ol {
671   margin: 0;
672 }
673
674 div.special ol li {
675   margin: 0;
676   padding: 0;
677 }
678
679 #jd-content div.special h2,
680 #jd-content div.special h3 {
681   color:#669999;
682   font-size:1.2em;
683   border:none;
684   margin:0 0 .5em;
685   padding:0;
686 }
687
688 p.note, p.caution, p.warning {
689   margin: 1em;
690   padding: 0 0 0 .5em;
691   border-left: 4px solid;
692 }
693
694 p.special-note {
695   background-color:#EBF3DB;
696   padding:10px 20px;
697   margin:0 0 1em;
698 }
699
700 p.note {
701  border-color: #99aacc;
702 }
703
704 p.warning {
705   border-color: #aa0033;
706 }
707
708 p.caution {
709   border-color: #ffcf00;
710 }
711
712 p.warning b, p.warning strong {
713   font-weight: bold;
714 }
715
716 li p.note, li p.warning {
717   margin: .5em 0 0 0;  
718   padding: .2em .5em .2em .9em;
719 }
720
721 dl.xml dt {
722   font-variant:small-caps;
723   font-size:1.2em;
724 }
725
726 dl.xml dl {
727   padding:0;
728 }
729
730 dl.xml dl dt {
731   font-variant:normal;
732   font-size:1em;
733 }
734
735 .listhead li {
736   font-weight: bold;
737 }
738   
739 .listhead li *, /*ie*/.listhead li li {
740   font-weight: normal;
741 }
742
743 ol.no-style,
744 ul.no-style {
745   list-style:none;
746   padding-left:1em;
747 }
748
749 .new {
750   font-size: .78em;
751   font-weight: bold;
752   color: red;
753   text-decoration: none;
754 }
755
756 pre.classic {
757   background-color:transparent;
758   border:none;
759   padding:0;
760 }
761
762
763 /* BEGIN quickview sidebar element styles */
764
765 #qv-wrapper {
766   float: right;
767   width:310px;
768   background-color:#fff;
769   margin:-48px 0 2px 0;
770   padding:0 0 20px 35px;
771 }
772
773 #qv {
774   background-color:#fff;
775   border:4px solid #dee8f1;
776   margin:0;
777   padding:0 6px 6px;
778   width:270px;
779   font-size:.9em;
780 }
781
782 #qv ol {
783   list-style:none;
784   padding: 0;
785 }
786
787 #qv ol ol{
788   list-style:none;
789   padding: 0 0 0 12px;
790   margin:0;
791 }
792
793 #qv ul {
794   padding: 0 10px 0 2em;
795 }
796
797 #qv li {
798   padding: 0 10px 3px;
799   line-height: 1.2em;
800 }
801
802 #qv li li {
803   padding: 3px 10px 0;
804 }
805
806 #qv ul li {
807   padding: 0 10px 0 0;
808 }
809
810 #qv li.selected a {
811   color:#555;
812   text-decoration:none;
813 }
814
815 #qv a {
816   color:#cc6600;
817 }
818
819 #qv p {
820   margin:8px 0 0;
821   padding:0 10px;
822 }
823
824 #qv-extra #rule {
825   padding: 0 10px;
826   margin: 0;
827 }
828
829 #qv-sub-rule {
830   padding: 6px 20px;
831   margin: 0;
832 }
833
834 #qv-sub-rule p {
835   margin: 0;
836 }
837
838 #jd-content #qv h2 {
839   font-size:1.05em;
840   font-weight:bold;
841   margin:12px 0 .25em 0;
842   padding:0 10px;
843   background-color:transparent;
844   color:#7BB026;
845   border:none;
846   left:0;
847   z-index:1;
848 }
849
850 /* END quickview sidebar element styles */
851
852 /* Begin sidebox sidebar element styles */
853
854 .sidebox-wrapper {
855   float: right;
856   width:280px;
857   background-color:#fff;
858   margin: 0;
859   padding: 20px 0 20px 20px;
860 }
861
862 .sidebox-inner {
863   border-left:1px solid #dee8f1;
864   background-color:#ffffee;
865   padding:5px 8px 5px 12px;
866   font-size:90%;
867   width:260px;
868 }
869
870 .sidebox {
871   float: right;
872   width:260px;
873   background-color:#ffffee;
874   border-left:1px solid #dee8f1;
875   margin: 12px 0 0 15px;
876   padding:5px 8px 0 12px;
877   font-size:90%;
878 }       
879
880 .sidebox p,
881 .sidebox-inner p {
882   margin-bottom: .25em;
883 }
884
885 .sidebox ul,
886 .sidebox-inner ul {
887   padding: 0 0 0 1.5em;
888 }
889
890 .sidebox li ul,
891 .sidebox-inner li ul {
892   margin-top:0;
893   margin-bottom:.1em;
894 }
895
896 .sidebox li,
897 .sidebox-inner li {
898 padding:0 0 0 0em;
899 }
900
901 #jd-content .sidebox h2,
902 #jd-content .sidebox h3,
903 #jd-content .sidebox-inner h2,
904 #jd-content .sidebox-inner h3 {
905   border:none;
906   font-size:1em;
907   margin:0;
908   padding:4px 0 4px;
909   left:0;
910   z-index:0;
911 }
912
913 .sidebox hr,
914 .sidebox-inner hr {
915   background-color:#ccc;
916   border:none;
917 }
918
919 /* End sidebox sidebar element styles */
920
921 /* BEGIN image and caption styles (originally for UI Guidelines docs) */
922
923 table.image-caption {
924   padding:0;
925   margin:.5em 0;
926   border:0;
927 }
928
929 td.image-caption-i {
930   font-size:92%;
931   padding:0;
932   margin:0;
933   border:0;
934 }
935
936 td.image-caption-i img {
937   padding:0 1em;
938   margin:0;
939 }
940
941 .image-list {
942   width:24px;
943   text-align:center;
944 }
945
946 .image-list .caption {
947   margin:0 2px;
948 }
949
950 td.image-caption-c {
951   font-size:92%;
952   padding:1em 2px 2px 2px;
953   margin:0;
954   border:0;
955   width:350px;
956 }
957
958 .grad-rule-top {
959 background-image:url(images/grad-rule-qv.png);
960 background-repeat:no-repeat;
961 padding-top:1em;
962 margin-top:0;
963 }
964
965 .image-caption-nested {
966   margin-top:0;
967   padding:0 0 0 1em;
968 }
969
970 .image-caption-nested td {
971   padding:0 4px 2px 0;
972   margin:0;
973   border:0;
974 }
975
976 /* END image and caption styles */
977
978 /* table of contents */
979
980 ol.toc {
981   margin: 0 0 1em 0;
982   padding: 0;
983   list-style: none;
984   font-size:95%;
985 }
986
987 ol.toc li {
988   font-weight: bold;
989   margin: 0 0 .5em 1em;
990   padding: 0;
991 }
992
993 ol.toc li p {
994   font-weight: normal;
995 }
996
997 ol.toc li ol {
998   margin: 0;
999   padding: 0;
1000 }
1001   
1002 ol.toc li li {
1003   padding: 0;
1004   margin: 0 0 0 1em;
1005   font-weight: normal;
1006   list-style: none;
1007 }
1008
1009 table ol.toc {
1010   margin-left: 0;
1011 }
1012
1013 .columns td {
1014   padding:0 5px;
1015   border:none;
1016 }
1017
1018 /* link table */
1019 .jd-linktable {
1020   margin: 0 0 1em;
1021   border-bottom: 1px solid #888;
1022 }
1023 .jd-linktable th,
1024 .jd-linktable td {
1025   padding: 3px 5px;
1026   vertical-align: top;
1027   text-align: left;
1028   border:none;
1029 }
1030 .jd-linktable tr {
1031   background-color: #fff;
1032 }
1033 .jd-linktable td {
1034   border-top: 1px solid #888;
1035   background-color: inherit;
1036 }
1037 .jd-linktable td  p {
1038   padding: 0 0 5px;
1039 }
1040 .jd-linktable .jd-linkcol {
1041 }
1042 .jd-linktable .jd-descrcol {
1043 }
1044 .jd-linktable .jd-typecol {
1045   text-align:right;
1046 }
1047 .jd-linktable .jd-valcol {
1048 }
1049 .jd-linktable .jd-commentrow {
1050   border-top:none;
1051   padding-left:25px;
1052 }
1053 .jd-deprecated-warning {
1054   margin-top: 0;
1055   margin-bottom: 10px;
1056 }
1057
1058 tr.alt-color {
1059   background-color: #f6f6f6;
1060 }
1061
1062 /* expando trigger */
1063 #jd-content .jd-expando-trigger-img {
1064   margin:0;
1065 }
1066
1067 /* jd-expando */
1068 .jd-inheritedlinks {
1069   padding:0 0 0 13px
1070 }
1071
1072 /* SDK PAGE */
1073 table.download tr {
1074   background-color:#d9d9d9;
1075 }
1076
1077 table.download tr.alt-color {
1078   background-color:#ededed;
1079 }
1080
1081 table.download td,
1082 table.download th {
1083   border:2px solid #fff;
1084   padding:10px 5px;
1085 }
1086
1087 table.download th {
1088   background-color:#6d8293;
1089   color:#fff;
1090 }
1091
1092 /* INLAY 180 COPY and 240PX EXTENSION */
1093 /* modified to 43px so that all browsers eliminate the package panel h-scroll */
1094 .g-tpl-240 .g-unit, 
1095 .g-unit .g-tpl-240 .g-unit, 
1096 .g-unit .g-unit .g-tpl-240 .g-unit {
1097   display: block;
1098   margin: 0 0 0 243px;
1099   width: auto;
1100   float: none;
1101 }
1102 .g-unit .g-unit .g-tpl-240 .g-first,
1103 .g-unit .g-tpl-240 .g-first,
1104 .g-tpl-240 .g-first {
1105   display: block;
1106   margin: 0;
1107   width: 243px;
1108   float: left;
1109 }
1110 /* 240px alt */
1111 .g-tpl-240-alt .g-unit, 
1112 .g-unit .g-tpl-240-alt .g-unit, 
1113 .g-unit .g-unit .g-tpl-240-alt .g-unit {
1114   display: block;
1115   margin: 0 243px 0 0;
1116   width: auto;
1117   float: none;
1118 }
1119 .g-unit .g-unit .g-tpl-240-alt .g-first,
1120 .g-unit .g-tpl-240-alt .g-first,
1121 .g-tpl-240-alt .g-first {
1122   display: block;
1123   margin: 0;
1124   width: 243px;
1125   float: right;
1126 }
1127
1128 /* 180px */
1129 .g-tpl-180 .g-unit, 
1130 .g-unit .g-tpl-180 .g-unit, 
1131 .g-unit .g-unit .g-tpl-180 .g-unit {
1132   display: block;
1133   margin: 0 0 0 180px;
1134   width: auto;
1135   float: none;
1136 }
1137 .g-unit .g-unit .g-tpl-180 .g-first,
1138 .g-unit .g-tpl-180 .g-first,
1139 .g-tpl-180 .g-first {
1140   display: block;
1141   margin: 0;
1142   width: 180px;
1143   float: left;
1144 }
1145 /* 180px alt */
1146 .g-tpl-180-alt .g-unit, 
1147 .g-unit .g-tpl-180-alt .g-unit, 
1148 .g-unit .g-unit .g-tpl-180-alt .g-unit {
1149   display: block;
1150   margin: 0 180px 0 0;
1151   width: auto;
1152   float: none;
1153 }
1154 .g-unit .g-unit .g-tpl-180-alt .g-first,
1155 .g-unit .g-tpl-180-alt .g-first,
1156 .g-tpl-180-alt .g-first {
1157   display: block;
1158   margin: 0;
1159   width: 180px;
1160   float: right;
1161 }
1162
1163   
1164 /* JQUERY RESIZABLE STYLES */
1165 .ui-resizable { position: relative; }
1166 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1167 .ui-resizable .ui-resizable-handle { display: block; }
1168 body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1169 body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1170 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1171 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1172
1173 @media print {
1174
1175   body {
1176     overflow:visible;
1177   }
1178
1179   #header {
1180     height:60px;
1181   }
1182
1183   #headerLeft {
1184     padding:0;
1185   }
1186
1187   #headerLeft .guide {
1188     display:none;
1189   }
1190   
1191   #headerRight {
1192     display:none;
1193   }
1194
1195   #body-content {
1196     position:inherit;
1197   }
1198
1199   #side-nav {
1200     display:none;
1201   }
1202   
1203   #doc-content {
1204     margin-left:0 !important;
1205     height:auto !important;
1206     width:auto !important;
1207     overflow:inherit;
1208     display:inline;
1209   }
1210
1211   #jd-header {
1212     padding:10px 0;
1213   }
1214
1215   #jd-content {
1216     padding:15px 0 0;
1217   }
1218
1219   #footer {
1220     float:none;
1221     margin:2em 0 0;
1222   }
1223
1224   h4.jd-details-title {
1225     border-bottom:1px solid #666;
1226   }
1227
1228   pre {
1229     /* these allow lines to break (if there's a white space) */
1230     overflow: visible;
1231     text-wrap: unrestricted;
1232     white-space: -moz-pre-wrap; /* Moz */
1233     white-space: -pre-wrap; /* Opera 4-6 */
1234     white-space: -o-pre-wrap; /* Opera 7 */
1235     white-space: pre-wrap; /* CSS3  */
1236     word-wrap: break-word; /* IE 5.5+ */
1237   }
1238
1239   h1, h2, h3, h4, h5, h6 { 
1240     page-break-after: avoid;
1241   }
1242
1243   table, img {
1244     page-break-inside: avoid;
1245   }
1246
1247 /*  #qv,
1248   #qv-wrapper {
1249     display:none;
1250   }
1251 */
1252 }