1/* file: android-developer-core.css
2   author: smain
3   date: september 2008
4   info: core developer styles (developer.android.com)
5   Required by jdiff
6*/
7
8
9/* RESET STYLES */
10
11html,body,div,h1,h2,h3,h4,h5,h6,p,img,
12dl,dt,dd,ol,ul,li,table,caption,tbody,
13tfoot,thead,tr,th,td,form,fieldset,
14embed,object,applet {
15  margin: 0;
16  padding: 0;
17  border: 0;
18}
19
20/* BASICS */
21
22html, body {
23  overflow:hidden; /* keeps scrollbar off IE */
24  background-color:#fff;
25}
26
27body {
28  font-family:arial,sans-serif;
29  color:#000;
30  font-size:13px;
31  color:#333;
32  background-image:url(images/bg_fade.jpg);
33  background-repeat:repeat-x;
34}
35
36a, a code {
37  color:#006699;
38}
39
40a:active,
41a:active code {
42  color:#f00;
43}
44
45a:visited,
46a:visited code {
47  color:#006699;
48}
49
50input, select,
51textarea, option, label {
52  font-family:inherit;
53  font-size:inherit;
54  padding:0;
55  margin:0;
56  vertical-align:middle;
57}
58
59option {
60  padding:0 4px;
61}
62
63p, form {
64  padding:0;
65  margin:0 0 1em;
66}
67
68code, pre {
69  color:#007000;
70  font-family:monospace;
71  line-height:1em;
72}
73
74var {
75  color:#007000;
76  font-style:italic;
77}
78
79pre {
80  border:1px solid #ccc;
81  background-color:#fafafa;
82  padding:10px;
83  margin:0 0 1em 1em;
84  overflow:auto;
85  line-height:inherit; /* fixes vertical scrolling in webkit */
86}
87
88h1,h2,h3,h4,h5 {
89  margin:1em 0;
90  padding:0;
91}
92
93p,ul,ol,dl,dd,dt,li {
94  line-height:1.3em;
95}
96
97ul,ol {
98  margin:0 0 .8em;
99  padding:0 0 0 2em;
100}
101
102li {
103  padding:0 0 .5em;
104}
105
106dl {
107  margin:0 0 1em 0;
108  padding:0;
109}
110
111dt {
112  margin:0;
113  padding:0;
114}
115
116dd {
117  margin:0 0 1em;
118  padding:0 0 0 2em;
119}
120
121li p {
122  margin:.5em 0 0;
123}
124
125dd p {
126  margin:1em 0 0;
127}
128
129li pre, li table, li img {
130  margin:.5em 0 0 1em;
131}
132
133dd pre,
134#jd-content dd table,
135#jd-content dd img {
136  margin:1em 0 0 1em;
137}
138
139li ul,
140li ol,
141dd ul,
142dd ol {
143  margin:0;
144  padding: 0 0 0 2em;
145}
146
147li li,
148dd li {
149  margin:0;
150  padding:.5em 0 0;
151}
152
153dl dl,
154ol dl,
155ul dl {
156  margin:0 0 1em;
157  padding:0;
158}
159
160table {
161  font-size:1em;
162  margin:0 0 1em;
163  padding:0;
164  border-collapse:collapse;
165  border-width:0;
166  empty-cells:show;
167}
168
169td,th {
170  border:1px solid #ccc;
171  padding:6px 12px;
172  text-align:left;
173  vertical-align:top;
174  background-color:inherit;
175}
176
177th {
178  background-color:#dee8f1;
179}
180
181td > p:last-child {
182  margin:0;
183}
184
185hr.blue {
186  background-color:#DDF0F2;
187  border:none;
188  height:5px;
189  margin:20px 0 10px;
190}
191
192blockquote {
193  margin: 0 0 1em 1em;
194  padding: 0 4em 0 1em;
195  border-left:2px solid #eee;
196}
197/* LAYOUT */
198
199#body-content {
200  /* "Preliminary" watermark for preview releases and interim builds.
201  background:transparent url(images/preliminary.png) repeat scroll 0 0; */
202  margin:0;
203  position:relative;
204  width:100%;
205}
206
207#header {
208  height: 114px;
209  position:relative;
210  z-index:100;
211  min-width:675px; /* min width for the tabs, before they wrap */
212  padding:0 10px;
213  border-bottom:3px solid #94b922;
214}
215
216#headerLeft{
217  padding: 25px 0 0;
218}
219
220#headerLeft img{
221  height:50px;
222  width:180px;
223}
224
225#headerRight {
226  position:absolute;
227  right:0;
228  top:0;
229  text-align:right;
230}
231
232/* Tabs in the header */
233
234#header ul {
235  list-style: none;
236  margin: 7px 0 0;
237  padding: 0;
238  height: 29px;
239}
240
241#header li {
242  float: left;
243  margin: 0px 2px 0px 0px;
244  padding:0;
245}
246
247#header li a {
248  text-decoration: none;
249  display: block;
250  background-image: url(images/bg_images_sprite.png);
251  background-position: 0 -58px;
252  background-repeat: no-repeat;
253  color: #666;
254  font-size: 13px;
255  font-weight: bold;
256  width: 94px;
257  height: 29px;
258  text-align: center;
259  margin: 0px;
260}
261
262#header li a:hover {
263  background-image: url(images/bg_images_sprite.png);
264  background-position: 0 -29px;
265  background-repeat: no-repeat;
266}
267
268#header li a span {
269  position:relative;
270  top:7px;
271}
272
273#header li a span+span {
274  display:none;
275}
276
277/* tab highlighting */
278
279.home #home-link a,
280.guide #guide-link a,
281.reference #reference-link a,
282.sdk #sdk-link a,
283.resources #resources-link a,
284.videos #videos-link a {
285  background-image: url(images/bg_images_sprite.png);
286  background-position: 0 0;
287  background-repeat: no-repeat;
288  color: #fff;
289  font-weight: bold;
290  cursor:default;
291}
292
293.home #home-link a:hover,
294.guide #guide-link a:hover,
295.reference #reference-link a:hover,
296.sdk #sdk-link a:hover,
297.resources #resources-link a:hover,
298.videos #videos-link  a:hover {
299  background-image: url(images/bg_images_sprite.png);
300  background-position: 0 0;
301}
302
303#headerLinks {
304  margin:10px 10px 0 0;
305  height:13px;
306  font-size: 11px;
307  vertical-align: top;
308}
309
310#headerLinks a {
311  color: #7FA9B5;
312}
313
314#headerLinks img {
315  vertical-align:middle;
316}
317
318#language {
319  margin:0 10px 0 4px;
320}
321
322#search {
323  height:45px;
324  margin:15px 10px 0 0;
325}
326
327/* MAIN BODY */
328
329#mainBodyFluid {
330  margin: 20px 10px;
331  color:#333;
332}
333
334#mainBodyFixed {
335  margin: 20px 10px;
336  color: #333;
337  width:930px;
338  position:relative;
339}
340
341#mainBodyFixed h3,
342#mainBodyFluid h3 {
343  color:#336666;
344  font-size:1.25em;
345  margin: 0em 0em 0em 0em;
346  padding-bottom:.5em;
347}
348
349#mainBodyFixed h2,
350#mainBodyFluid h2 {
351  color:#336666;
352  font-size:1.25em;
353  margin: 0;
354  padding-bottom:.5em;
355}
356
357#mainBodyFixed h1,
358#mainBodyFluid h1 {
359  color:#435A6E;
360  font-size:1.7em;
361  margin: 1em 0;
362}
363
364#mainBodyFixed .green,
365#mainBodyFluid .green,
366#jd-content .green {
367  color:#7BB026;
368  background-color:none;
369}
370
371#mainBodyLeft {
372  float: left;
373  width: 600px;
374  margin-right: 20px;
375  color: #333;
376  position:relative;
377}
378
379div.indent {
380  margin-left: 40px;
381  margin-right: 70px;
382}
383
384#mainBodyLeft p {
385  color: #333;
386  font-size: 13px;
387}
388
389#mainBodyLeft p.blue {
390  color: #669999;
391}
392
393#mainBodyLeft #communityDiv {
394  float: left;
395  background-image:url(images/bg_community_leftDiv.jpg);
396  background-repeat: no-repeat;
397  width: 581px;
398  height: 347px;
399  padding: 20px 0px 0px 20px;
400}
401
402#mainBodyRight {
403  float: left;
404  width: 300px;
405  color: #333;
406}
407
408#mainBodyRight p {
409  padding-right: 50px;
410  color: #333;
411}
412
413#mainBodyRight table {
414  width: 100%;
415}
416
417#mainBodyRight td {
418  border:0px solid #666;
419  padding:0px 5px;
420  text-align:left;
421}
422
423#mainBodyRight td p {
424  margin:0 0 1em 0;
425}
426
427#mainBodyRight .blueBorderBox {
428  border:5px solid #ddf0f2;
429  padding:18px 18px 18px 18px;
430  text-align:left;
431}
432
433#mainBodyFixed .seperator {
434  background-image:url(images/hr_gray_side.jpg);
435  background-repeat:no-repeat;
436  width: 100%;
437  float: left;
438  clear: both;
439}
440
441#mainBodyBottom {
442  float: left;
443  width: 100%;
444  clear:both;
445  color: #333;
446}
447
448#mainBodyBottom .seperator {
449  background-image:url(images/hr_gray_main.jpg);
450  background-repeat:no-repeat;
451  width: 100%;
452  float: left;
453  clear: both;
454}
455
456/* FOOTER */
457
458#footer {
459  float: left;
460  width:90%;
461  margin: 20px;
462  color: #aaa;
463  font-size: 11px;
464}
465
466#footer a {
467  color: #aaa;
468  font-size: 11px;
469}
470
471#footer a:hover {
472  text-decoration: underline;
473  color:#aaa;
474}
475
476#footerlinks {
477  margin-top:2px;
478}
479
480#footerlinks a,
481#footerlinks a:visited {
482  color:#006699;
483}
484
485/* SEARCH FILTER */
486
487#search_autocomplete {
488  color:#aaa;
489}
490
491#search-button {
492  display:inline;
493}
494
495#search_filtered_div {
496  position:absolute;
497  margin-top:-1px;
498  z-index:101;
499  border:1px solid #BCCDF0;
500  background-color:#fff;
501}
502
503#search_filtered {
504  min-width:100%;
505}
506#search_filtered td{
507  background-color:#fff;
508  border-bottom: 1px solid #669999;
509  line-height:1.5em;
510}
511
512#search_filtered .jd-selected {
513  background-color: #94b922;
514  cursor:pointer;
515}
516#search_filtered .jd-selected,
517#search_filtered .jd-selected a {
518  color:#fff;
519}
520
521.no-display {
522  display: none;
523}
524
525.jd-autocomplete {
526  font-family: Arial, sans-serif;
527  padding-left: 6px;
528  padding-right: 6px;
529  padding-top: 1px;
530  padding-bottom: 1px;
531  font-size: 0.81em;
532  border: none;
533  margin: 0;
534  line-height: 1.05em;
535}
536
537.show-row {
538  display: table-row;
539}
540.hide-row {
541  display: hidden;
542}
543
544/* SEARCH */
545
546/* restrict global search form width */
547#searchForm {
548  width:350px;
549}
550
551#searchTxt {
552  width:200px;
553}
554
555/* disable twiddle and size selectors for left column */
556#leftSearchControl div {
557  width: 100%;
558}
559
560#leftSearchControl .gsc-twiddle {
561  background-image : none;
562}
563
564#leftSearchControl td, #searchForm td {
565  border: 0px solid #000;
566}
567
568#leftSearchControl .gsc-resultsHeader .gsc-title {
569  padding-left : 0px;
570  font-weight : bold;
571  font-size : 13px;
572  color:#006699;
573  display : none;
574}
575
576#leftSearchControl .gsc-resultsHeader div.gsc-results-selector {
577  display : none;
578}
579
580#leftSearchControl .gsc-resultsRoot {
581  padding-top : 6px;
582}
583
584#leftSearchControl div.gs-visibleUrl-long {
585  display : block;
586  color:#006699;
587}
588
589.gsc-webResult div.gs-visibleUrl-short,
590table.gsc-branding,
591.gsc-clear-button {
592  display : none;
593}
594
595.gsc-cursor-box .gsc-cursor div.gsc-cursor-page,
596.gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results,
597#leftSearchControl a,
598#leftSearchControl a b {
599  color:#006699;
600}
601
602.gsc-resultsHeader {
603  display: none;
604}
605
606/* Disable built in search forms */
607.gsc-control form.gsc-search-box {
608  display : none;
609}
610table.gsc-search-box {
611  margin:6px 0 0 0;
612  border-collapse:collapse;
613}
614
615td.gsc-input {
616  padding:0 2px;
617  width:100%;
618  vertical-align:middle;
619}
620
621input.gsc-input {
622  border:1px solid #BCCDF0;
623  width:99%;
624  padding-left:2px;
625  font-size:.95em;
626}
627
628td.gsc-search-button {
629  text-align: right;
630  padding:0;
631  vertical-align:top;
632}
633
634#search-button {
635  margin:0 0 0 2px;
636  font-size:11px;
637}
638
639/* search result tabs */
640
641#doc-content .gsc-control {
642  position:relative;
643}
644
645#doc-content .gsc-tabsArea {
646  position:relative;
647  white-space:nowrap;
648}
649
650#doc-content .gsc-tabHeader {
651  padding: 3px 6px;
652  position:relative;
653  width:auto;
654}
655
656#doc-content .gsc-tabHeader.gsc-tabhActive {
657  border-top: 2px solid #94B922;
658}
659
660#doc-content h2#searchTitle {
661  padding:0;
662}
663
664#doc-content .gsc-resultsbox-visible {
665  padding:1em 0 0 6px;
666}
667
668/* CAROUSEL */
669
670#homeMiddle {
671  padding: 0px 0px 0px 0px;
672  float: left;
673  width: 584px;
674  height: 627px;
675  position:relative;
676}
677
678#topAnnouncement {
679  background:url(images/home/bg_home_announcement.png) no-repeat 0 0;
680}
681
682#homeTitle {
683  padding:15px 15px 0;
684  height:30px;
685}
686
687#homeTitle h2 {
688  padding:0;
689}
690
691#announcement-block {
692  padding:0 15px 0;
693  overflow:hidden;
694  background: url(images/hr_gray_side.jpg) no-repeat 15px 0;
695  zoom:1;
696}
697
698#announcement-block>* {
699  padding:15px 0 0;
700}
701
702#announcement-block img {
703  float:left;
704  margin:0 30px 0 0;
705}
706
707#announcement {
708  float:left;
709  margin:0;
710}
711
712#carousel {
713  background:url(images/home/bg_home_carousel.png) no-repeat 0 0;
714  position:relative;
715  height:400px;
716}
717
718#carouselMain {
719  background: url(images/home/bg_home_carousel_board.png) 0 0 no-repeat;
720  height:auto;
721  padding: 25px 21px 0;
722  overflow:hidden;
723  position:relative;
724  zoom:1; /*IE6*/
725}
726
727#carouselMain img {
728  margin:0;
729}
730
731#carouselMain .bulletinDesc h3 {
732  margin:0;
733  padding:0;
734}
735
736#carouselMain .bulletinDesc p {
737  margin:0;
738  padding:0.7em 0 0;
739}
740
741#carouselWheel {
742  background: url(images/home/bg_home_carousel_wheel.png) 0 0 no-repeat;
743  padding-top:40px;
744  height:150px;
745}
746
747.clearer { clear:both; }
748
749a#arrow-left, a#arrow-right {
750  float:left;
751  width:42px;
752  height:42px;
753  background-image:url(images/home/carousel_buttons_sprite.png);
754  background-repeat:no-repeat;
755}
756a#arrow-left {
757  margin:35px 3px 0 10px;
758}
759a#arrow-right {
760  margin:35px 10px 0 0;
761}
762a.arrow-left-off,
763a#arrow-left.arrow-left-off:hover {
764  background-position:0 0;
765}
766a.arrow-right-off,
767a#arrow-right.arrow-right-off:hover {
768  background-position:-42px 0;
769}
770a#arrow-left:hover {
771  background-position:0 -42px;
772}
773a#arrow-right:hover {
774  background-position:-42px -42px;
775}
776a.arrow-left-on {
777  background-position:0 0;
778}
779a.arrow-right-on {
780  background-position:-42px 0;
781}
782a.arrow-right-off,
783a.arrow-left-off {
784  cursor:default;
785}
786
787.app-list-container {
788  margin:0 20px;
789  position:relative;
790  width:100%;
791}
792
793div#list-clip {
794  height:110px;
795  width:438px;
796  overflow:hidden;
797  position:relative;
798  float:left;
799}
800
801div#app-list {
802  left:0;
803  z-index:1;
804  position:absolute;
805  margin:11px 0 0;
806  _margin-top:13px;
807  width:1000%;
808}
809
810#app-list a {
811  display:block;
812  float:left;
813  height:90px;
814  width:90px;
815  margin:0 24px 0;
816  padding:3px;
817  background:#99cccc;
818  -webkit-border-radius:7px;
819  -moz-border-radius:7px;
820  border-radius:7px;
821  text-decoration:none;
822  text-align:center;
823  font-size:11px;
824  line-height:11px;
825}
826
827#app-list a span {
828  position:relative;
829  top:-4px;
830}
831
832#app-list img {
833  width:90px;
834  height:70px;
835  margin:0;
836}
837
838#app-list a.selected,
839#app-list a:active.selected,
840#app-list a:hover.selected {
841  background:#A4C639;
842  color:#fff;
843  cursor:default;
844  text-decoration:none;
845}
846
847#app-list a:hover,
848#app-list a:active {
849  background:#ff9900;
850}
851
852#app-list a:hover span,
853#app-list a:active span {
854  text-decoration:underline;
855}
856
857#droid-name {
858  padding-top:.5em;
859  color:#666;
860  padding-bottom:.25em;
861}
862
863/*IE6*/
864* html #app-list a { zoom: 1; margin:0 24px 0 15px;}
865
866* html #list-clip {
867  width:430px !important;
868}
869
870/*carousel bulletin layouts*/
871/*460px width*/
872/*185px height*/
873.img-left {
874  float:left;
875  width:230px;
876  overflow:hidden;
877  padding:8px 0 8px 8px;
878}
879.desc-right {
880  float:left;
881  width:270px;
882  padding:10px;
883}
884.img-right {
885  float:right;
886  width:220px;
887  overflow:hidden;
888  padding:8px 8px 8px 0;
889}
890.desc-left {
891  float:right;
892  width:280px;
893  padding:10px;
894  text-align:right;
895}
896.img-top {
897  padding:20px 20px 0;
898}
899.desc-bottom {
900  padding:10px;
901}
902
903
904/* VIDEO PAGE */
905
906#mainBodyLeft.videoPlayer {
907  width:570px;
908}
909
910#mainBodyRight.videoPlayer {
911  width:330px;
912}
913
914/* player */
915
916#videoPlayerBox {
917  background-color: #DAF3FC;
918  border-radius:7px;
919  -moz-border-radius:7px;
920  -webkit-border-radius:7px;
921  width:530px;
922  padding:20px;
923  border:1px solid #d3ecf5;
924  box-shadow:2px 3px 1px #eee;
925  -moz-box-shadow:2px 3px 1px #eee;
926  -webkit-box-shadow:2px 3px 1px #eee;
927}
928
929#videoBorder {
930  background-color: #FFF;
931  min-height:399px;
932  height:auto !important;
933  border:1px solid #ccdada;
934  border-radius:7px 7px 0 0;
935  -moz-border-radius:7px 7px 0 0;
936  -webkit-border-top-left-radius:7px;
937  -webkit-border-top-right-radius:7px;
938}
939
940#videoPlayerTitle {
941  width:500px;
942  padding:15px 15px 0;
943}
944
945#videoPlayerTitle h2 {
946  font-weight:bold;
947  font-size:1.2em;
948  color:#336666;
949  margin:0;
950  padding:0;
951}
952
953#objectWrapper {
954  padding:15px 15px;
955  height:334px;
956  width:500px;
957}
958
959/* playlist tabs */
960
961ul#videoTabs {
962  list-style-type:none;
963  padding:0;
964  clear:both;
965  margin:0;
966  padding: 20px 0 0 15px;
967  zoom:1; /* IE7/8, otherwise top-padding is double */
968}
969
970ul#videoTabs li {
971  display:inline;
972  padding:0;
973  margin:0 3px 0 0;
974  line-height:2em;
975}
976
977ul#videoTabs li a {
978  border-radius:7px 7px 0 0;
979  -moz-border-radius:7px 7px 0 0;
980  -webkit-border-top-left-radius:7px;
981  -webkit-border-top-right-radius:7px;
982  background:#95c0d0;
983  color:#fff;
984  text-decoration:none;
985  padding:.45em 1.5em;
986  font-weight:bold;
987}
988
989ul#videoTabs li.selected a {
990  font-weight:bold;
991  text-decoration:none;
992  color:#555;
993  background:#daf3fc;
994  border-bottom:1px solid #daf3fc;
995}
996
997ul#videoTabs li:hover a {
998  background:#85acba;
999}
1000
1001ul#videoTabs li.selected:hover a {
1002  background:#daf3fc;
1003}
1004
1005/* playlists */
1006
1007#videos {
1008  background:#daf3fc;
1009  margin-bottom:1.5em;
1010  padding:15px;
1011  border-radius:5px;
1012  -moz-border-radius:5px;
1013  -webkit-border-radius:5px;
1014  box-shadow:2px 3px 1px #eee;
1015  -moz-box-shadow:2px 3px 1px #eee;
1016  -webkit-box-shadow:2px 3px 1px #eee;
1017}
1018
1019#videos div {
1020  display:none;
1021}
1022
1023#videos div.selected {
1024  display:block;
1025}
1026
1027ul.videoPreviews {
1028  list-style:none;
1029  padding:0;
1030  margin:0;
1031  zoom:1; /* IE, otherwise, layout doesn't update when showing 'more' */
1032}
1033
1034ul.videoPreviews li {
1035  margin:0 0 5px;
1036  padding:0;
1037  overflow:hidden;
1038  position:relative;
1039}
1040
1041#mainBodyFixed ul.videoPreviews h3 {
1042  font-size: 12px;
1043  margin:0 0 1em 130px;
1044  padding:0;
1045  font-weight:bold;
1046  color:inherit;
1047}
1048
1049ul.videoPreviews a {
1050  margin:1px;
1051  padding:10px;
1052  text-decoration:none;
1053  height:90px;
1054  display:block;
1055  border-radius:5px;
1056  -moz-border-radius:5px;
1057  -webkit-border-radius:5px;
1058  background-color:transparent;
1059}
1060
1061ul.videoPreviews a:hover {
1062  background-color:#FFF;
1063  border:none; /* IE8, otherwise, bg doesn't work */
1064}
1065
1066ul.videoPreviews a.selected {
1067  background-color: #FF9900;
1068}
1069
1070ul.videoPreviews img {
1071  float:left;
1072  clear:left;
1073  margin:0;
1074}
1075
1076ul.videoPreviews h3 {
1077  font-size:12px;
1078  font-weight:bold;
1079  text-decoration:none;
1080  margin:0 0 1em 130px;
1081  padding:0;
1082}
1083
1084ul.videoPreviews p {
1085  font-size: 12px;
1086  text-decoration:none;
1087  margin:0 0 1.2em 130px;
1088}
1089
1090ul.videoPreviews p.full {
1091  display:none;
1092}
1093
1094ul.videoPreviews span.more {
1095  padding:0 0 0 12px;
1096  background:url(images/arrow_bluelink_down.png) 0 2px no-repeat;
1097}
1098
1099ul.videoPreviews span.less {
1100  padding:0 0 0 12px;
1101  background:url(images/arrow_bluelink_up.png) 0 2px no-repeat;
1102  display:none;
1103}
1104
1105ul.videoPreviews p.toggle {
1106  position:absolute;
1107  margin:0;
1108  margin-top:-23px; /* instead of bottom:23px, because IE won't do it correctly */
1109  left:140px;
1110}
1111
1112ul.videoPreviews p.toggle a {
1113  height:auto;
1114  margin:0;
1115  padding:0;
1116  zoom:1; /* IE6, otherwise the margin considers the img on redraws */
1117}
1118
1119ul.videoPreviews p.toggle a:hover {
1120  text-decoration:underline;
1121  background:transparent; /* IE6, otherwise it inherits white */
1122}
1123
1124/* featured videos */
1125
1126#mainBodyRight h2 {
1127  padding:0 0 5px;
1128}
1129
1130#mainBodyRight ul.videoPreviews {
1131  margin:10px 0 0;
1132}
1133
1134#mainBodyRight ul.videoPreviews li {
1135  font-size:11px;
1136  line-height:13px;
1137  margin:0 0 5px;
1138  padding:0;
1139}
1140
1141#mainBodyRight ul.videoPreviews h3 {
1142  padding:0;
1143  margin:0;
1144  font-size:100%;
1145}
1146
1147#mainBodyRight ul.videoPreviews a {
1148  text-decoration:none;
1149  height:108px;
1150  border:1px solid #FFF;
1151}
1152
1153#mainBodyRight ul.videoPreviews a:hover {
1154  border:1px solid #CCDADA;
1155}
1156
1157#mainBodyRight ul.videoPreviews a.selected {
1158  border:1px solid #FFF;
1159}
1160
1161#mainBodyRight ul.videoPreviews p {
1162  line-height:1.2em;
1163  padding:0;
1164  margin:4px 0 0 130px;
1165}
1166
1167#mainBodyRight ul.videoPreviews img {
1168  margin-top:5px;
1169}
1170
1171/* Pretty printing styles. Used with prettify.js. */
1172
1173.str { color: #080; }
1174.kwd { color: #008; }
1175.com { color: #800; }
1176.typ { color: #606; }
1177.lit { color: #066; }
1178.pun { color: #660; }
1179.pln { color: #000; }
1180dl.tag-list dt code,
1181.tag { color: #008; }
1182dl.atn-list dt code,
1183.atn { color: #828; }
1184.atv { color: #080; }
1185.dec { color: #606; }
1186
1187@media print {
1188  .str { color: #060; }
1189  .kwd { color: #006; font-weight: bold; }
1190  .com { color: #600; font-style: italic; }
1191  .typ { color: #404; font-weight: bold; }
1192  .lit { color: #044; }
1193  .pun { color: #440; }
1194  .pln { color: #000; }
1195  .tag { color: #006; font-weight: bold; }
1196  .atn { color: #404; }
1197  .atv { color: #060; }
1198}
1199
1200
1201#title {
1202  border-bottom: 4px solid #ccc;
1203  display:none;
1204}
1205
1206#title h1 {
1207  color:#336666;
1208  margin:0;
1209  padding: 5px 10px;
1210  font-size: 1em;
1211  line-height: 15px;
1212}
1213
1214#title h1 .small{
1215  color:#000;
1216  margin:0;
1217  font-size: 13px;
1218  padding:0 0 0 15px;
1219}
1220
1221/* SIDE NAVIGATION */
1222
1223#side-nav {
1224  padding:0 6px 0 0;
1225  background-color: #fff;
1226  font-size:12px;
1227}
1228
1229#resize-packages-nav {
1230/* keeps the resize handle below the h-scroll handle */
1231  height:270px;
1232  overflow:hidden;
1233  max-height:100%;
1234}
1235
1236#packages-nav {
1237  height:270px;
1238  max-height:inherit;
1239  position:relative;
1240  overflow:auto;
1241}
1242
1243#classes-nav,
1244#devdoc-nav {
1245  overflow:auto;
1246  position:relative;
1247}
1248
1249#side-nav ul {
1250  list-style: none;
1251  margin: 0;
1252  padding:5px 0;
1253}
1254
1255#side-nav ul ul {
1256  margin: .5em 0 0 0;
1257  padding: 0;
1258}
1259
1260#side-nav li {
1261  padding:0;
1262  padding:1px 0 1px 0;
1263  zoom:1;
1264}
1265
1266#side-nav li span.heading,
1267#side-nav li h2 {
1268  display:block;
1269  font-size:12px;
1270  font-weight: bold;
1271  margin:.5em 0 0 0;
1272  padding: 3px 0 1px 9px;
1273}
1274
1275#side-nav li a {
1276  display: inline-block; /* needed to apply padding to line-wraps */
1277  text-decoration:none;
1278  padding: 0 0 0 18px;
1279  zoom:1;
1280}
1281
1282#side-nav li a span+span {
1283  display:none;
1284}
1285
1286#side-nav li a:hover {
1287  text-decoration:underline;
1288}
1289
1290#side-nav li a+a {
1291  padding: 0;
1292}
1293/*second level (nested) list*/
1294#side-nav li li li a {
1295  padding: 0 0 0 28px;
1296}
1297/*third level (nested) list*/
1298#side-nav li li li li a {
1299  padding: 0 0 0 38px;
1300}
1301
1302#side-nav .selected {
1303  background-color: #435a6e;
1304  color: #fff;
1305  font-weight:bold;
1306}
1307
1308#side-nav .selected a {
1309  color: #fff;
1310  text-decoration:none;
1311}
1312
1313#side-nav strong {
1314  display:block;
1315}
1316
1317#side-nav .toggle-list .toggle-img {
1318  margin:0;
1319  padding:0;
1320  position:absolute;
1321  top:0;
1322  left:0;
1323  height:16px;
1324  width:15px;
1325  outline-style:none;
1326}
1327/* second-level toggle */
1328#side-nav .toggle-list .toggle-list .toggle-img {
1329  left:10px;
1330}
1331
1332#side-nav .closed .toggle-img,
1333#side-nav .open .closed .toggle-img {
1334  background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
1335}
1336#side-nav .open .toggle-img {
1337  background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
1338}
1339
1340#side-nav .toggle-list {
1341  position:relative;
1342}
1343
1344#side-nav .toggle-list ul {
1345  margin:0;
1346  display:none;
1347}
1348
1349#side-nav .toggle-list div {
1350  display:block;
1351}
1352
1353#index-links .selected {
1354  background-color: #fff;
1355  color: #000;
1356  font-weight:normal;
1357  text-decoration:none;
1358}
1359
1360#index-links {
1361  padding:7px 0 4px 10px;
1362}
1363
1364/* nav tree */
1365
1366#nav-tree ul {
1367  padding:5px 0 1.5em;
1368}
1369
1370#side-nav #nav-tree ul li a,
1371#side-nav #nav-tree ul li span.no-children {
1372  padding: 0 0 0 0;
1373  margin: 0;
1374}
1375
1376#nav-tree .plus {
1377  margin: 0 3px 0 0;
1378}
1379
1380#nav-tree ul ul {
1381  list-style: none;
1382  margin: 0;
1383  padding: 0 0 0 0;
1384}
1385
1386#nav-tree ul li {
1387  margin: 0;
1388  padding: 0 0 0 0;
1389  white-space: nowrap;
1390}
1391
1392#nav-tree .children_ul {
1393  margin:0;
1394}
1395
1396#nav-tree a.nolink {
1397  color: black;
1398  text-decoration: none;
1399}
1400
1401#nav-tree span.label {
1402  width: 100%;
1403}
1404
1405#nav-tree {
1406  overflow-x: auto;
1407  overflow-y: scroll;
1408}
1409
1410#nav-swap {
1411  font-size:10px;
1412  line-height:10px;
1413  margin-left:1em;
1414  text-decoration:none;
1415  display:block;
1416}
1417
1418#tree-link {
1419
1420}
1421
1422/* DOCUMENT BODY */
1423
1424#doc-content {
1425  overflow:auto;
1426}
1427
1428#jd-header {
1429  background-color: #E2E2E2;
1430  padding: 7px 15px;
1431}
1432
1433#jd-header h1 {
1434  margin: 0 0 10px;
1435  font-size:1.7em;
1436}
1437
1438#jd-header .crumb {
1439  font-size:.9em;
1440  line-height:1em;
1441  color:#777;
1442}
1443
1444#jd-header .crumb a,
1445#jd-header .crumb a:visited {
1446  text-decoration:none;
1447  color:#777;
1448}
1449
1450#jd-header .crumb a:hover {
1451  text-decoration:underline;
1452}
1453
1454#jd-header table {
1455  margin:0;
1456  padding:0;
1457}
1458
1459#jd-header td {
1460  border:none;
1461  padding:0;
1462  vertical-align:top;
1463}
1464
1465#jd-header.guide-header {
1466  background-color:#fff;
1467  color:#435a6e;
1468  height:50px;
1469}
1470
1471#jd-descr {
1472  position:relative;
1473}
1474
1475/* summary tables for reference pages */
1476.jd-sumtable {
1477  margin: .5em 1em 1em 1em;
1478  width:95%; /* consistent table widths; within IE's quirks */
1479  font-size:.9em;
1480}
1481
1482.jd-sumtable a {
1483  text-decoration:none;
1484}
1485
1486.jd-sumtable a:hover {
1487  text-decoration:underline;
1488}
1489
1490/* the link inside a sumtable for "Show All/Hide All" */
1491.toggle-all {
1492  display:block;
1493  float:right;
1494  font-weight:normal;
1495  font-size:0.9em;
1496}
1497
1498/* adjustments for in/direct subclasses tables */
1499.jd-sumtable-subclasses {
1500  margin: 1em 0 0 0;
1501  max-width:968px;
1502}
1503
1504/* extra space between end of method name and open-paren */
1505.sympad {
1506  margin-right: 2px;
1507}
1508
1509/* right alignment for the return type in sumtable */
1510.jd-sumtable .jd-typecol {
1511  text-align:right;
1512}
1513
1514/* adjustments for the expando table-in-table */
1515.jd-sumtable-expando {
1516  margin:.5em 0;
1517  padding:0;
1518}
1519
1520/* a div that holds a short description */
1521.jd-descrdiv {
1522  padding:3px 1em 0 1em;
1523  margin:0;
1524  border:0;
1525}
1526
1527/* page-top-right container for reference pages (holds
1528links to summary tables) */
1529#api-info-block {
1530  font-size:.8em;
1531  padding:6px 10px;
1532  font-weight:normal;
1533  float:right;
1534  text-align:right;
1535  color:#999;
1536  max-width:70%;
1537}
1538
1539#api-level-toggle {
1540  padding:0 10px;
1541  font-size:11px;
1542  float:right;
1543}
1544
1545#api-level-toggle label.disabled {
1546  color:#999;
1547}
1548
1549div.api-level {
1550  font-size:.8em;
1551  font-weight:normal;
1552  color:#999;
1553  float:right;
1554  padding:0 7px 0;
1555  margin-top:-25px;
1556}
1557
1558#api-info-block div.api-level {
1559  font-size:1.3em;
1560  font-weight:bold;
1561  float:none;
1562  color:#444;
1563  padding:0;
1564  margin:0;
1565}
1566
1567/* Force link colors for IE6 */
1568div.api-level a {
1569  color:#999;
1570}
1571#api-info-block div.api-level a:link {
1572  color:#444;
1573}
1574#api-level-toggle a {
1575  color:#999;
1576}
1577
1578div#deprecatedSticker {
1579  display:none;
1580  z-index:99;
1581  position:fixed;
1582  right:15px;
1583  top:114px;
1584  margin:0;
1585  padding:1em;
1586  background:#FFF;
1587  border:1px solid #dddd00;
1588  box-shadow:-5px 5px 10px #ccc;
1589  -moz-box-shadow:-5px 5px 10px #ccc;
1590  -webkit-box-shadow:-5px 5px 10px #ccc;
1591}
1592
1593div#naMessage {
1594  display:none;
1595  width:555px;
1596  height:0;
1597  margin:0 auto;
1598}
1599
1600div#naMessage div {
1601  z-index:99;
1602  width:450px;
1603  position:fixed;
1604  margin:50px 0;
1605  padding:4em 4em 3em;
1606  background:#FFF;
1607  border:1px solid #dddd00;
1608  box-shadow:-10px 10px 40px #888;
1609  -moz-box-shadow:-10px 10px 40px #888;
1610  -webkit-box-shadow:-10px 10px 40px #888;
1611}
1612/* IE6 can't position fixed */
1613* html div#naMessage div { position:absolute; }
1614
1615div#naMessage strong {
1616  font-size:1.1em;
1617}
1618
1619.absent,
1620.absent a:link,
1621.absent a:visited,
1622.absent a:hover,
1623.absent * {
1624  color:#bbb !important;
1625  cursor:default !important;
1626  text-decoration:none !important;
1627}
1628
1629#api-level-toggle a,
1630.api-level a {
1631  color:inherit;
1632  text-decoration:none;
1633}
1634
1635#api-level-toggle a:hover,
1636.api-level a:hover {
1637  color:inherit;
1638  text-decoration:underline !important;
1639  cursor:pointer !important;
1640}
1641
1642#side-nav li.absent.selected,
1643#side-nav li.absent.selected *,
1644#side-nav div.label.absent.selected,
1645#side-nav div.label.absent.selected * {
1646  background-color:#eaeaea !important;
1647}
1648/* IE6 quirk (won't chain classes, so just keep background blue) */
1649* html #side-nav li.selected,
1650* html #side-nav li.selected *,
1651* html #side-nav div.label.selected,
1652* html #side-nav div.label.selected * {
1653  background-color: #435a6e !important;
1654}
1655
1656
1657.absent h4.jd-details-title,
1658.absent h4.jd-details-title * {
1659  background-color:#f6f6f6 !important;
1660}
1661
1662.absent img {
1663  opacity: .3;
1664  filter: alpha(opacity=30);
1665  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
1666}
1667
1668
1669/* applies to a div containing links to summary tables */
1670.sum-details-links {
1671  padding:0;
1672  font-weight:normal;
1673}
1674
1675.sum-details-links a {
1676  text-decoration:none;
1677}
1678
1679.sum-details-links a:hover {
1680  text-decoration:underline;
1681}
1682
1683
1684/* inheritance table */
1685.jd-inheritance-table {
1686  border-spacing:0;
1687  margin:0;
1688  padding:0;
1689  font-size:.9em;
1690}
1691.jd-inheritance-table td {
1692  border: none;
1693  margin: 0;
1694  padding: 0;
1695}
1696.jd-inheritance-table .jd-inheritance-space {
1697  font-weight:bold;
1698  width:1em;
1699}
1700.jd-inheritance-table .jd-inheritance-interface-cell {
1701  padding-left: 17px;
1702}
1703
1704#jd-content {
1705  padding: 18px 15px;
1706}
1707
1708hr {
1709  background-color:#ccc;
1710  border-color:#fff;
1711  margin:2em 0 1em;
1712}
1713
1714/* DOC CLASSES */
1715
1716#jd-content h1 {
1717/*sdk page*/
1718  font-size:1.6em;
1719  color:#336666;
1720  margin:0 0 .5em;
1721}
1722
1723#jd-content h2 {
1724  font-size:1.45em;
1725  color:#111;
1726  border-top:2px solid #ccc;
1727  padding: .5em 0 0;
1728  margin: 2em 0 1em 0;
1729}
1730
1731#jd-content h3 {
1732  font-size:1.3em;
1733  color:#3a3a3a;
1734  padding: 0;
1735  margin: 1.5em 0 .65em 0;
1736}
1737
1738#jd-content h4 {
1739  font-size:1.1em;
1740  color:#3a3a3a;
1741  padding: 0;
1742  margin: 1.25em 0 .65em 0;
1743}
1744
1745#jd-content h5 {
1746  font-size:1.0em;
1747  color:#3a3a3a;
1748  padding: 0;
1749  margin: 1em 0 .65em 0;
1750}
1751
1752#jd-content .small-header {
1753  font-size:1em;
1754  color:#000;
1755  font-weight:bold;
1756  border:none;
1757  padding:0;
1758  margin:1em 0 .5em;
1759  position:inherit;
1760}
1761
1762#jd-content table {
1763  margin: 0 0 1em 1em;
1764}
1765
1766#jd-content img {
1767  margin: 0 0 1em 1em;
1768}
1769
1770#jd-content li img,
1771#jd-content dd img {
1772  margin:.5em 0 .5em 1em;
1773}
1774
1775.nolist {
1776  list-style:none;
1777  padding:0;
1778  margin:0 0 1em 1em;
1779}
1780
1781.nolist li {
1782  padding:0 0 2px;
1783  margin:0;
1784}
1785
1786h4 .normal {
1787  font-size:.9em;
1788  font-weight:normal;
1789}
1790
1791.caps {
1792  font-variant:small-caps;
1793  font-size:1.2em;
1794}
1795
1796dl.tag-list dl.atn-list {
1797  padding:0 0 0 2em;
1798}
1799
1800.jd-details {
1801/*  border:1px solid #669999;
1802  padding:4px; */
1803  margin:0 0 1em;
1804}
1805
1806/* API reference: a container for the
1807.tagdata blocks that make up the detailed
1808description */
1809.jd-details-descr {
1810  padding:0;
1811  margin:.5em .25em;
1812}
1813
1814/* API reference: a block containing
1815a detailed description, a params table,
1816seealso list, etc */
1817.jd-tagdata {
1818  margin:.5em 1em;
1819}
1820
1821.jd-tagdata p {
1822  margin:0 0 1em 1em;
1823}
1824
1825/* API reference: adjustments to
1826the detailed description block */
1827.jd-tagdescr {
1828  margin:.25em 0 .75em 0;
1829  line-height:1em;
1830}
1831
1832.jd-tagdescr p {
1833  margin:.5em 0;
1834  padding:0;
1835
1836}
1837
1838.jd-tagdescr ol,
1839.jd-tagdescr ul {
1840  margin:0 2.5em;
1841  padding:0;
1842}
1843
1844.jd-tagdescr table,
1845.jd-tagdescr img {
1846  margin:.25em 1em;
1847}
1848
1849.jd-tagdescr li {
1850margin:0 0 .25em 0;
1851padding:0;
1852}
1853
1854/* API reference: heading marking
1855the details section for constants,
1856attrs, methods, etc. */
1857h4.jd-details-title {
1858  font-size:1.15em;
1859  background-color: #E2E2E2;
1860  margin:1.5em 0 .6em;
1861  padding:3px 95px 3px 3px; /* room for api-level */
1862}
1863
1864h4.jd-tagtitle {
1865  margin:0;
1866}
1867
1868/* API reference: heading for "Parameters", "See Also", etc.,
1869in details sections */
1870h5.jd-tagtitle {
1871  margin:0 0 .25em 0;
1872  font-size:1em;
1873}
1874
1875.jd-tagtable {
1876  margin:0;
1877}
1878
1879.jd-tagtable td,
1880.jd-tagtable th {
1881  border:none;
1882  background-color:#fff;
1883  vertical-align:top;
1884  font-weight:normal;
1885  padding:2px 10px;
1886}
1887
1888.jd-tagtable th {
1889  font-style:italic;
1890}
1891
1892#jd-content table h2 {
1893  background-color: #d6d6d6;
1894  font-size: 1.1em;
1895  margin:0 0 10px;
1896  padding:5px;
1897  left:0;
1898  width:auto;
1899}
1900
1901div.design-announce {
1902  border-top:1px solid #33B5E5;
1903  border-bottom:1px solid #33B5E5;
1904  padding:5px 10px 10px 55px;
1905  margin:2em 0;
1906  background:url('images/icon_design.png') 5px 13px no-repeat;
1907}
1908
1909div.design-announce p {
1910  margin: .5em 0 0 0;
1911}
1912
1913div.special {
1914  padding: .5em 1em 1em 1em;
1915  margin: 0 0 1em;
1916  background-color: #DAF3FC;
1917  border:1px solid #d3ecf5;
1918  border-radius:5px;
1919  -moz-border-radius:5px;
1920  -webkit-border-radius:5px;
1921}
1922
1923div.special p {
1924  margin: .5em 0 0 0;
1925}
1926
1927div.special ol {
1928  margin: 0;
1929}
1930
1931div.special ol li {
1932  margin: 0;
1933  padding: 0;
1934}
1935
1936#jd-content div.special h2,
1937#jd-content div.special h3 {
1938  color:#669999;
1939  font-size:1.2em;
1940  border:none;
1941  margin:0 0 .5em;
1942  padding:0;
1943}
1944
1945#jd-content div.special.reference h2,
1946#jd-content div.special.reference h3,
1947#jd-content div.special.reference h4 {
1948  color:#000;
1949  font-size:1em;
1950  border:none;
1951  font-weight:bold;
1952  margin:.5em 0;
1953  padding:0;
1954}
1955
1956p.note, div.note,
1957p.caution, div.caution,
1958p.warning, div.warning {
1959  margin: 1em;
1960  padding: 0 0 0 .5em;
1961  border-left: 4px solid;
1962}
1963
1964p.special-note,
1965div.special-note {
1966  background-color:#EBF3DB;
1967  padding:10px 20px;
1968  margin:0 0 1em;
1969}
1970
1971p.note,
1972div.note {
1973 border-color: #99aacc;
1974}
1975
1976p.warning,
1977div.warning {
1978  border-color: #aa0033;
1979}
1980
1981p.caution,
1982div.caution {
1983  border-color: #ffcf00;
1984}
1985
1986li .note,
1987li .caution,
1988li .warning {
1989  margin: .5em 0 0 0;
1990  padding: .2em .5em .2em .9em;
1991}
1992
1993/* Makes sure the first paragraph does not add top-whitespace within the box*/
1994li .note>p:first-child,
1995li .caution>p:first-child,
1996li .warning>p:first-child {
1997  margin-top:0;
1998  padding-top:0;
1999}
2000
2001dl.xml dt {
2002  font-variant:small-caps;
2003  font-size:1.2em;
2004}
2005
2006dl.xml dl {
2007  padding:0;
2008}
2009
2010dl.xml dl dt {
2011  font-variant:normal;
2012  font-size:1em;
2013}
2014
2015.listhead li {
2016  font-weight: bold;
2017}
2018
2019.listhead li *, /*ie*/.listhead li li {
2020  font-weight: normal;
2021}
2022
2023ol.no-style,
2024ul.no-style {
2025  list-style:none;
2026  padding-left:1em;
2027}
2028
2029.new,
2030.new-child {
2031  font-size: .78em;
2032  font-weight: bold;
2033  color: #ff3d3d;
2034  text-decoration: none;
2035  vertical-align:top;
2036  line-height:.9em;
2037  white-space:nowrap;
2038}
2039
2040.toggle-list.open .new-child {
2041  display:none;
2042}
2043
2044pre.classic {
2045  background-color:transparent;
2046  border:none;
2047  padding:0;
2048}
2049
2050p.img-caption {
2051  margin: -0.5em 0 1em 1em; /* matches default img left-margin */
2052}
2053
2054div.figure {
2055  float:right;
2056  clear:right;
2057  margin:1em 0 0 0;
2058  padding:0 0 0 3em;
2059  background-color:#fff;
2060  /* width must be defined w/ an inline style matching the image width */
2061}
2062
2063#jd-content
2064div.figure img {
2065  margin: 0 0 1em;
2066}
2067
2068div.figure p.img-caption {
2069  margin: -0.5em 0 1em 0;
2070}
2071
2072p.table-caption {
2073  margin: 0 0 0.5em 1em; /* matches default table left-margin */
2074}
2075
2076
2077/* toggle for misc content (such as long sample code)
2078   see toggleContent() script in android-developer-docs.js */
2079.toggle-content.closed .toggle-content-toggleme {
2080  display:none;
2081}
2082
2083.toggle-content a[href="#"] {
2084  text-decoration:none;
2085  color:inherit;
2086}
2087
2088.toggle-content-toggleme {
2089  padding-bottom:1px; /* fixes animation bounce due to margins */
2090}
2091
2092#jd-content .toggle-content img.toggle-content-img {
2093  margin:0;
2094}
2095
2096
2097/* BEGIN quickview sidebar element styles */
2098
2099#qv-wrapper {
2100  float: right;
2101  width:310px; /* +35px padding */
2102  background-color:#fff;
2103  margin:-48px 0 2px 0;
2104  padding:0 0 20px 35px;
2105}
2106
2107#qv {
2108  background-color:#fff;
2109  border:4px solid #dee8f1;
2110  margin:0;
2111  padding:0 5px 5px;
2112  width:292px; /* +10px padding; +8px border */
2113  font-size:.9em;
2114}
2115
2116#qv ol {
2117  list-style:none;
2118  padding: 0;
2119}
2120
2121#qv ol ol{
2122  list-style:none;
2123  padding: 0 0 0 12px;
2124  margin:0;
2125}
2126
2127#qv ul {
2128  padding: 0 10px 0 2em;
2129}
2130
2131#qv li {
2132  padding: 0 10px 3px;
2133  line-height: 1.2em;
2134}
2135
2136#qv li li {
2137  padding: 3px 10px 0;
2138}
2139
2140#qv ul li {
2141  padding: 0 10px 0 0;
2142}
2143
2144#qv li.selected a {
2145  color:#555;
2146  text-decoration:none;
2147}
2148
2149#qv a,
2150#qv a code {
2151  color:#cc6600;
2152}
2153
2154#qv p {
2155  margin:8px 0 0;
2156  padding:0 10px;
2157}
2158
2159#jd-content #qv h2 {
2160  font-size:1.05em;
2161  font-weight:bold;
2162  margin:12px 0 .25em 0;
2163  padding:0 10px;
2164  background-color:transparent;
2165  color:#7BB026;
2166  border:none;
2167  left:0;
2168  z-index:1;
2169}
2170
2171#qv-extra #rule {
2172  padding: 0 10px;
2173  margin: 0;
2174}
2175
2176#qv-sub-rule {
2177  padding: 5px 15px 10px;
2178  margin: 0;
2179}
2180
2181#jd-content
2182#qv-sub-rule h2 {
2183  margin: 0 0 .5em 0;
2184}
2185
2186/* END quickview sidebar element styles */
2187
2188/* Begin sidebox sidebar element styles */
2189
2190.sidebox-wrapper {
2191  float:right;
2192  clear:right;
2193  width:310px; /* +35px padding */
2194  background-color:#fff;
2195  margin:0;
2196  padding:0 0 20px 35px;
2197}
2198
2199.sidebox {
2200  border-left:1px solid #dee8f1;
2201  background-color:#ffffee;
2202  margin:0;
2203  padding:8px 12px;
2204  font-size:0.9em;
2205  width:285px; /* +24px padding; +1px border */
2206}
2207
2208.sidebox p {
2209  margin-bottom: .75em;
2210}
2211
2212.sidebox ul {
2213  padding: 0 0 0 1.5em;
2214}
2215
2216.sidebox li ul {
2217  margin-top:0;
2218  margin-bottom:.1em;
2219}
2220
2221.sidebox li {
2222padding:0 0 0 0em;
2223}
2224
2225#jd-content .sidebox h2,
2226#jd-content .sidebox h3,
2227#jd-content .sidebox h4,
2228#jd-content .sidebox h5 {
2229  border:none;
2230  font-size:1em;
2231  margin:0;
2232  padding:0 0 8px;
2233  left:0;
2234  z-index:0;
2235}
2236
2237.sidebox hr {
2238  background-color:#ccc;
2239  border:none;
2240}
2241
2242/* End sidebox sidebar element styles */
2243
2244/* BEGIN developer training bar styles */
2245
2246div#tb-wrapper {
2247  float: right;
2248  clear:right;
2249  width:380px; /* +25px padding = 405 */
2250  background-color:#fff;
2251  margin:0 0 2px 0;
2252  padding:0 0 20px 25px;
2253}
2254
2255div#tb {
2256  margin:0;
2257  padding:0 15px;
2258  width:350px; /* +15px padding = 380 */
2259  font-size:.9em;
2260  background:#e9e9e9;
2261  border:1px solid #aaa;
2262  border-radius:5px;
2263  -moz-border-radius:5px;
2264  -webkit-border-radius:5px;
2265  overflow:auto;
2266}
2267
2268div#tb h2 {
2269  font-size:1.3em;
2270  font-weight:bold;
2271  margin:1em 0;
2272  padding:0;
2273  background-color:transparent;
2274  border:none;
2275  clear:both;
2276}
2277
2278div.download-box a.button {
2279  color: #069;
2280  font-size:1.1em;
2281  font-weight:bold;
2282  text-decoration:none;
2283  height:27px;
2284  line-height:27px;
2285  text-align:center;
2286  padding:5px 8px;
2287  background-color: #fff;
2288  border: 1px solid #aaa;
2289  -webkit-border-radius: 2px;
2290  -moz-border-radius: 2px;
2291  border-radius: 2px;
2292}
2293
2294div.download-box a.button:hover {
2295  border-color: #09C;
2296  background-color: #4CADCB;
2297  background-image: -webkit-gradient(linear,left top,left bottom,from(#5dbcd9),to(#4cadcb));
2298  background-image: -webkit-linear-gradient(top,#5dbcd9,#4cadcb);
2299  background-image: -moz-linear-gradient(top,#5dbcd9,#4cadcb);
2300  background-image: -ms-linear-gradient(top,#5dbcd9,#4cadcb);
2301  background-image: -o-linear-gradient(top,#5dbcd9,#4cadcb);
2302  background-image: linear-gradient(top,#5dbcd9,#4cadcb);
2303  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9',EndColorStr='#4cadcb');
2304  color: #fff;
2305}
2306
2307div.download-box a.button:active {
2308  background-color: #1E799A;
2309  background-image: none;
2310  border-color: #30B7E6;
2311}
2312
2313div.download-box p.filename {
2314  font-size:0.85em;
2315  color:#888;
2316  margin:4px 0 1em 10px;
2317}
2318
2319/* End developer training bar */
2320
2321/* Training nav bar (previous/next) */
2322
2323div.training-nav-top {
2324  float: right;
2325  width:380px; /* +25px padding = 405 */
2326  margin:-58px 0 0 0;
2327  padding:0 0 20px 25px;
2328}
2329
2330div.training-nav-bottom {
2331  padding:1px; /* for weird FF bug (scrollbar appears) */
2332  margin:3em 0;
2333  overflow:auto;
2334}
2335
2336div.training-nav-button-next a,
2337div.training-nav-button-previous a {
2338  display:block;
2339  width:160px;
2340  height:55px;
2341  padding:4px 7px;
2342  border:1px solid #aaa;
2343  border-radius:5px;
2344  -moz-border-radius:5px;
2345  -webkit-border-radius:5px;
2346  text-decoration:none;
2347  font-weight:bold;
2348}
2349
2350div.training-nav-button-next a:hover,
2351div.training-nav-button-previous a:hover {
2352  border:1px solid #069; /* match link color */
2353}
2354
2355div.training-nav-button-next a:active,
2356div.training-nav-button-previous a:active {
2357  border:1px solid #f00; /* match link color */
2358}
2359
2360div.training-nav-button-previous {
2361  float:left;
2362  text-align:left;
2363}
2364
2365div.training-nav-button-next {
2366  float:right;
2367  text-align:right;
2368}
2369
2370span.training-nav-button-title {
2371  display:block;
2372  font-size:.85em;
2373  font-weight:normal;
2374  line-height:1.3em;
2375  margin:.5em 0 0;
2376}
2377
2378/* End training nav bar */
2379
2380/* BEGIN image and caption styles (originally for UI Guidelines docs) */
2381
2382table.image-caption {
2383  padding:0;
2384  margin:.5em 0;
2385  border:0;
2386}
2387
2388td.image-caption-i {
2389  font-size:92%;
2390  padding:0 5px;
2391  margin:0;
2392  border:0;
2393}
2394
2395td.image-caption-i img {
2396  padding:0 1em;
2397  margin:0;
2398}
2399
2400.image-list {
2401  width:24px;
2402  text-align:center;
2403}
2404
2405td.image-caption-c {
2406  font-size:92%;
2407  padding:1em 2px 2px 2px;
2408  margin:0;
2409  border:0;
2410  width:350px;
2411}
2412
2413.grad-rule-top {
2414background-image:url(images/grad-rule-qv.png);
2415background-repeat:no-repeat;
2416padding-top:1em;
2417margin-top:0;
2418}
2419
2420.image-caption-nested {
2421  margin-top:0;
2422  padding:0 0 0 1em;
2423}
2424
2425.image-caption-nested td {
2426  padding:0 4px 2px 0;
2427  margin:0;
2428  border:0;
2429}
2430
2431/* END image and caption styles */
2432
2433/* table of contents */
2434
2435ol.toc {
2436  margin: 0 0 1em 0;
2437  padding: 0;
2438  list-style: none;
2439  font-size:95%;
2440}
2441
2442ol.toc li {
2443  font-weight: bold;
2444  margin: 0 0 .5em 1em;
2445  padding: 0;
2446}
2447
2448ol.toc li p {
2449  font-weight: normal;
2450}
2451
2452ol.toc li ol {
2453  margin: 0;
2454  padding: 0;
2455}
2456
2457ol.toc li li {
2458  padding: 0;
2459  margin: 0 0 0 1em;
2460  font-weight: normal;
2461  list-style: none;
2462}
2463
2464table ol.toc {
2465  margin-left: 0;
2466}
2467
2468.columns td {
2469  padding:0 5px;
2470  border:none;
2471}
2472
2473/* link table */
2474.jd-linktable {
2475  margin: 0 0 1em;
2476  border-bottom: 1px solid #888;
2477}
2478.jd-linktable th,
2479.jd-linktable td {
2480  padding: 3px 5px;
2481  vertical-align: top;
2482  text-align: left;
2483  border:none;
2484}
2485.jd-linktable tr {
2486  background-color: #fff;
2487}
2488.jd-linktable td {
2489  border-top: 1px solid #888;
2490  background-color: inherit;
2491}
2492.jd-linktable td  p {
2493  padding: 0 0 5px;
2494}
2495.jd-linktable .jd-linkcol {
2496}
2497.jd-linktable .jd-descrcol {
2498}
2499.jd-linktable .jd-typecol {
2500  text-align:right;
2501}
2502.jd-linktable .jd-valcol {
2503}
2504.jd-linktable .jd-commentrow {
2505  border-top:none;
2506  padding-left:25px;
2507}
2508.jd-deprecated-warning {
2509  margin-top: 0;
2510  margin-bottom: 10px;
2511}
2512
2513tr.alt-color {
2514  background-color: #f6f6f6;
2515}
2516
2517/* expando trigger */
2518#jd-content .jd-expando-trigger-img {
2519  margin:0;
2520}
2521
2522/* jd-expando */
2523.jd-inheritedlinks {
2524  padding:0 0 0 13px
2525}
2526
2527/* SDK PAGE */
2528table.download tr {
2529  background-color:#d9d9d9;
2530}
2531
2532table.download tr.alt-color {
2533  background-color:#ededed;
2534}
2535
2536table.download td,
2537table.download th {
2538  border:2px solid #fff;
2539  padding:10px 5px;
2540}
2541
2542table.download th {
2543  background-color:#6d8293;
2544  color:#fff;
2545}
2546
2547/* INLAY 180 COPY and 240PX EXTENSION */
2548/* modified to 43px so that all browsers eliminate the package panel h-scroll */
2549.g-tpl-240 .g-unit,
2550.g-unit .g-tpl-240 .g-unit,
2551.g-unit .g-unit .g-tpl-240 .g-unit {
2552  display: block;
2553  margin: 0 0 0 243px;
2554  width: auto;
2555  float: none;
2556}
2557.g-unit .g-unit .g-tpl-240 .g-first,
2558.g-unit .g-tpl-240 .g-first,
2559.g-tpl-240 .g-first {
2560  display: block;
2561  margin: 0;
2562  width: 243px;
2563  float: left;
2564}
2565/* 240px alt */
2566.g-tpl-240-alt .g-unit,
2567.g-unit .g-tpl-240-alt .g-unit,
2568.g-unit .g-unit .g-tpl-240-alt .g-unit {
2569  display: block;
2570  margin: 0 243px 0 0;
2571  width: auto;
2572  float: none;
2573}
2574.g-unit .g-unit .g-tpl-240-alt .g-first,
2575.g-unit .g-tpl-240-alt .g-first,
2576.g-tpl-240-alt .g-first {
2577  display: block;
2578  margin: 0;
2579  width: 243px;
2580  float: right;
2581}
2582
2583/* 200px */
2584.g-tpl-200 .g-unit,
2585.g-unit .g-tpl-200 .g-unit,
2586.g-unit .g-unit .g-tpl-200 .g-unit {
2587  display: block;
2588  margin: 0 0 0 200px;
2589  width: auto;
2590  float: none;
2591}
2592.g-unit .g-unit .g-tpl-200 .g-first,
2593.g-unit .g-tpl-200 .g-first,
2594.g-tpl-200 .g-first {
2595  display: block;
2596  margin: 0;
2597  width: 200px;
2598  float: left;
2599}
2600/* 200px alt */
2601.g-tpl-200-alt .g-unit,
2602.g-unit .g-tpl-200-alt .g-unit,
2603.g-unit .g-unit .g-tpl-200-alt .g-unit {
2604  display: block;
2605  margin: 0 200px 0 0;
2606  width: auto;
2607  float: none;
2608}
2609.g-unit .g-unit .g-tpl-200-alt .g-first,
2610.g-unit .g-tpl-200-alt .g-first,
2611.g-tpl-200-alt .g-first {
2612  display: block;
2613  margin: 0;
2614  width: 200px;
2615  float: right;
2616}
2617
2618/* 190px */
2619.g-tpl-190 .g-unit,
2620.g-unit .g-tpl-190 .g-unit,
2621.g-unit .g-unit .g-tpl-190 .g-unit {
2622  display: block;
2623  margin: 0 0 0 190px;
2624  width: auto;
2625  float: none;
2626}
2627.g-unit .g-unit .g-tpl-190 .g-first,
2628.g-unit .g-tpl-190 .g-first,
2629.g-tpl-190 .g-first {
2630  display: block;
2631  margin: 0;
2632  width: 190px;
2633  float: left;
2634}
2635/* 190px alt */
2636.g-tpl-190-alt .g-unit,
2637.g-unit .g-tpl-190-alt .g-unit,
2638.g-unit .g-unit .g-tpl-190-alt .g-unit {
2639  display: block;
2640  margin: 0 190px 0 0;
2641  width: auto;
2642  float: none;
2643}
2644.g-unit .g-unit .g-tpl-190-alt .g-first,
2645.g-unit .g-tpl-190-alt .g-first,
2646.g-tpl-190-alt .g-first {
2647  display: block;
2648  margin: 0;
2649  width: 190px;
2650  float: right;
2651}
2652
2653/* 180px */
2654.g-tpl-180 .g-unit,
2655.g-unit .g-tpl-180 .g-unit,
2656.g-unit .g-unit .g-tpl-180 .g-unit {
2657  display: block;
2658  margin: 0 0 0 180px;
2659  width: auto;
2660  float: none;
2661}
2662.g-unit .g-unit .g-tpl-180 .g-first,
2663.g-unit .g-tpl-180 .g-first,
2664.g-tpl-180 .g-first {
2665  display: block;
2666  margin: 0;
2667  width: 180px;
2668  float: left;
2669}
2670/* 180px alt */
2671.g-tpl-180-alt .g-unit,
2672.g-unit .g-tpl-180-alt .g-unit,
2673.g-unit .g-unit .g-tpl-180-alt .g-unit {
2674  display: block;
2675  margin: 0 180px 0 0;
2676  width: auto;
2677  float: none;
2678}
2679.g-unit .g-unit .g-tpl-180-alt .g-first,
2680.g-unit .g-tpl-180-alt .g-first,
2681.g-tpl-180-alt .g-first {
2682  display: block;
2683  margin: 0;
2684  width: 180px;
2685  float: right;
2686}
2687
2688
2689/* JQUERY RESIZABLE STYLES */
2690.ui-resizable { position: relative; }
2691.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
2692.ui-resizable .ui-resizable-handle { display: block; }
2693body .ui-resizable-disabled .ui-resizable-handle { display: none; }
2694body .ui-resizable-autohide .ui-resizable-handle { display: none; }
2695.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
2696  background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
2697.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
2698  background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
2699
2700@media print {
2701
2702  body {
2703    overflow:visible;
2704  }
2705
2706  #header {
2707    height:60px;
2708  }
2709
2710  #headerLeft {
2711    padding:0;
2712  }
2713
2714  #header-tabs,
2715  #headerRight,
2716  #side-nav,
2717  #api-info-block {
2718    display:none;
2719  }
2720
2721  #body-content {
2722    position:inherit;
2723  }
2724
2725  #doc-content {
2726    margin-left:0 !important;
2727    height:auto !important;
2728    width:auto !important;
2729    overflow:inherit;
2730    display:inline;
2731  }
2732
2733  #jd-header {
2734    padding:10px 0;
2735  }
2736
2737  #jd-content {
2738    padding:15px 0 0;
2739  }
2740
2741  #footer {
2742    float:none;
2743    margin:2em 0 0;
2744  }
2745
2746  h4.jd-details-title {
2747    border-bottom:1px solid #666;
2748  }
2749
2750  pre {
2751    /* these allow lines to break (if there's a white space) */
2752    overflow: visible;
2753    text-wrap: unrestricted;
2754    white-space: -moz-pre-wrap; /* Moz */
2755    white-space: -pre-wrap; /* Opera 4-6 */
2756    white-space: -o-pre-wrap; /* Opera 7 */
2757    white-space: pre-wrap; /* CSS3  */
2758    word-wrap: break-word; /* IE 5.5+ */
2759  }
2760
2761  h1, h2, h3, h4, h5, h6 {
2762    page-break-after: avoid;
2763  }
2764
2765  table, img {
2766    page-break-inside: avoid;
2767  }
2768}
2769