1/* Javadoc style sheet */
2/*
3Overall document style
4*/
5
6@import url('resources/fonts/dejavu.css');
7
8body {
9    background-color:#ffffff;
10    color:#353833;
11    font-family:'DejaVu Sans', Arial, Helvetica, sans-serif;
12    font-size:14px;
13    margin:0;
14    padding:0;
15    height:100%;
16    width:100%;
17}
18iframe {
19    margin:0;
20    padding:0;
21    height:100%;
22    width:100%;
23    overflow-y:scroll;
24    border:none;
25}
26a:link, a:visited {
27    text-decoration:none;
28    color:#4A6782;
29}
30a[href]:hover, a[href]:focus {
31    text-decoration:none;
32    color:#bb7a2a;
33}
34a[name] {
35    color:#353833;
36}
37a[name]:before, a[name]:target, a[id]:before, a[id]:target {
38    content:"";
39    display:inline-block;
40    position:relative;
41    padding-top:129px;
42    margin-top:-129px;
43}
44.searchTagResult:before, .searchTagResult:target {
45    color:red;
46}
47pre {
48    font-family:'DejaVu Sans Mono', monospace;
49    font-size:14px;
50}
51h1 {
52    font-size:20px;
53}
54h2 {
55    font-size:18px;
56}
57h3 {
58    font-size:16px;
59    font-style:italic;
60}
61h4 {
62    font-size:13px;
63}
64h5 {
65    font-size:12px;
66}
67h6 {
68    font-size:11px;
69}
70ul {
71    list-style-type:disc;
72}
73code, tt {
74    font-family:'DejaVu Sans Mono', monospace;
75    font-size:14px;
76    padding-top:4px;
77    margin-top:8px;
78    line-height:1.4em;
79}
80dt code {
81    font-family:'DejaVu Sans Mono', monospace;
82    font-size:14px;
83    padding-top:4px;
84}
85table tr td dt code {
86    font-family:'DejaVu Sans Mono', monospace;
87    font-size:14px;
88    vertical-align:top;
89    padding-top:4px;
90}
91sup {
92    font-size:8px;
93}
94/*
95Document title and Copyright styles
96*/
97.clear {
98    clear:both;
99    height:0px;
100    overflow:hidden;
101}
102.aboutLanguage {
103    float:right;
104    padding:0px 21px;
105    font-size:11px;
106    z-index:200;
107    margin-top:-9px;
108}
109.legalCopy {
110    margin-left:.5em;
111}
112.bar a, .bar a:link, .bar a:visited, .bar a:active {
113    color:#FFFFFF;
114    text-decoration:none;
115}
116.bar a:hover, .bar a:focus {
117    color:#bb7a2a;
118}
119.tab {
120    background-color:#0066FF;
121    color:#ffffff;
122    padding:8px;
123    width:5em;
124    font-weight:bold;
125}
126/*
127Navigation bar styles
128*/
129.bar {
130    background-color:#4D7A97;
131    color:#FFFFFF;
132    padding:.8em .5em .4em .8em;
133    height:auto;/*height:1.8em;*/
134    font-size:11px;
135    margin:0;
136}
137.navPadding {
138    padding-top: 107px;
139}
140.fixedNav {
141    position:fixed;
142    width:100%;
143    z-index:999;
144    background-color:#ffffff;
145}
146.topNav {
147    background-color:#4D7A97;
148    color:#FFFFFF;
149    float:left;
150    padding:0;
151    width:100%;
152    clear:right;
153    height:2.8em;
154    padding-top:10px;
155    overflow:hidden;
156    font-size:12px; 
157}
158.bottomNav {
159    margin-top:10px;
160    background-color:#4D7A97;
161    color:#FFFFFF;
162    float:left;
163    padding:0;
164    width:100%;
165    clear:right;
166    height:2.8em;
167    padding-top:10px;
168    overflow:hidden;
169    font-size:12px;
170}
171.subNav {
172    background-color:#dee3e9;
173    float:left;
174    width:100%;
175    overflow:hidden;
176    font-size:12px;
177}
178.subNav div {
179    clear:left;
180    float:left;
181    padding:0 0 5px 6px;
182    text-transform:uppercase;
183}
184ul.navList, ul.subNavList {
185    float:left;
186    margin:0 25px 0 0;
187    padding:0;
188}
189ul.navList li{
190    list-style:none;
191    float:left;
192    padding: 5px 6px;
193    text-transform:uppercase;
194}
195ul.navListSearch {
196    float:right;
197    margin:0 0 0 0;
198    padding:0;
199}
200ul.navListSearch li {
201    list-style:none;
202    float:right;
203    padding: 5px 6px;
204    text-transform:uppercase;
205}
206ul.navListSearch li span {
207    position:relative;
208    right:-16px;
209}
210ul.subNavList li {
211    list-style:none;
212    float:left;
213}
214.topNav a:link, .topNav a:active, .topNav a:visited, .bottomNav a:link, .bottomNav a:active, .bottomNav a:visited {
215    color:#FFFFFF;
216    text-decoration:none;
217    text-transform:uppercase;
218}
219.topNav a:hover, .bottomNav a:hover {
220    text-decoration:none;
221    color:#bb7a2a;
222    text-transform:uppercase;
223}
224.navBarCell1Rev {
225    background-color:#F8981D;
226    color:#253441;
227    margin: auto 5px;
228}
229.skipNav {
230    position:absolute;
231    top:auto;
232    left:-9999px;
233    overflow:hidden;
234}
235/*
236Page header and footer styles
237*/
238.header, .footer {
239    clear:both;
240    margin:0 20px;
241    padding:5px 0 0 0;
242}
243.indexNav {
244    position:relative;
245    font-size:12px;
246    background-color:#dee3e9;
247}
248.indexNav ul {
249    margin-top:0;
250    padding:5px;
251}
252.indexNav ul li {
253    display:inline;
254    list-style-type:none;
255    padding-right:10px;
256    text-transform:uppercase;
257}
258.indexNav h1 {
259    font-size:13px;
260}
261.title {
262    color:#2c4557;
263    margin:10px 0;
264}
265.subTitle {
266    margin:5px 0 0 0;
267}
268.header ul {
269    margin:0 0 15px 0;
270    padding:0;
271}
272.footer ul {
273    margin:20px 0 5px 0;
274}
275.header ul li, .footer ul li {
276    list-style:none;
277    font-size:13px;
278}
279/*
280Heading styles
281*/
282div.details ul.blockList ul.blockList ul.blockList li.blockList h4, div.details ul.blockList ul.blockList ul.blockListLast li.blockList h4 {
283    background-color:#dee3e9;
284    border:1px solid #d0d9e0;
285    margin:0 0 6px -8px;
286    padding:7px 5px;
287}
288ul.blockList ul.blockList ul.blockList li.blockList h3 {
289    background-color:#dee3e9;
290    border:1px solid #d0d9e0;
291    margin:0 0 6px -8px;
292    padding:7px 5px;
293}
294ul.blockList ul.blockList li.blockList h3 {
295    padding:0;
296    margin:15px 0;
297}
298ul.blockList li.blockList h2 {
299    padding:0px 0 20px 0;
300}
301/*
302Page layout container styles
303*/
304.contentContainer, .sourceContainer, .classUseContainer, .serializedFormContainer, .constantValuesContainer {
305    clear:both;
306    padding:10px 20px;
307    position:relative;
308}
309.indexContainer {
310    margin:10px;
311    position:relative;
312    font-size:12px;
313}
314.indexContainer h2 {
315    font-size:13px;
316    padding:0 0 3px 0;
317}
318.indexContainer ul {
319    margin:0;
320    padding:0;
321}
322.indexContainer ul li {
323    list-style:none;
324    padding-top:2px;
325}
326.contentContainer .description dl dt, .contentContainer .details dl dt, .serializedFormContainer dl dt {
327    font-size:12px;
328    font-weight:bold;
329    margin:10px 0 0 0;
330    color:#4E4E4E;
331}
332.contentContainer .description dl dd, .contentContainer .details dl dd, .serializedFormContainer dl dd {
333    margin:5px 0 10px 0px;
334    font-size:14px;
335    font-family:'DejaVu Serif', Georgia, "Times New Roman", Times, serif;
336}
337.serializedFormContainer dl.nameValue dt {
338    margin-left:1px;
339    font-size:1.1em;
340    display:inline;
341    font-weight:bold;
342}
343.serializedFormContainer dl.nameValue dd {
344    margin:0 0 0 1px;
345    font-size:1.1em;
346    display:inline;
347}
348/*
349List styles
350*/
351li.circle {
352    list-style:circle;
353}
354ul.horizontal li {
355    display:inline;
356    font-size:0.9em;
357}
358ul.inheritance {
359    margin:0;
360    padding:0;
361}
362ul.inheritance li {
363    display:inline;
364    list-style:none;
365}
366ul.inheritance li ul.inheritance {
367    margin-left:15px;
368    padding-left:15px;
369    padding-top:1px;
370}
371ul.blockList, ul.blockListLast {
372    margin:10px 0 10px 0;
373    padding:0;
374}
375ul.blockList li.blockList, ul.blockListLast li.blockList {
376    list-style:none;
377    margin-bottom:15px;
378    line-height:1.4;
379}
380ul.blockList ul.blockList li.blockList, ul.blockList ul.blockListLast li.blockList {
381    padding:0px 20px 5px 10px;
382    border:1px solid #ededed; 
383    background-color:#f8f8f8;
384}
385ul.blockList ul.blockList ul.blockList li.blockList, ul.blockList ul.blockList ul.blockListLast li.blockList {
386    padding:0 0 5px 8px;
387    background-color:#ffffff;
388    border:none;
389}
390ul.blockList ul.blockList ul.blockList ul.blockList li.blockList {
391    margin-left:0;
392    padding-left:0;
393    padding-bottom:15px;
394    border:none;
395}
396ul.blockList ul.blockList ul.blockList ul.blockList li.blockListLast {
397    list-style:none;
398    border-bottom:none;
399    padding-bottom:0;
400}
401table tr td dl, table tr td dl dt, table tr td dl dd {
402    margin-top:0;
403    margin-bottom:1px;
404}
405/*
406Table styles
407*/
408.overviewSummary, .memberSummary, .typeSummary, .useSummary, .constantsSummary, .deprecatedSummary,
409.requiresSummary, .packagesSummary, .providesSummary, .usesSummary {
410    width:100%;
411    border-spacing:0;
412    border-left:1px solid #EEE; 
413    border-right:1px solid #EEE; 
414    border-bottom:1px solid #EEE; 
415}
416.overviewSummary, .memberSummary, .requiresSummary, .packagesSummary, .providesSummary, .usesSummary  {
417    padding:0px;
418}
419.overviewSummary caption, .memberSummary caption, .typeSummary caption,
420.useSummary caption, .constantsSummary caption, .deprecatedSummary caption,
421.requiresSummary caption, .packagesSummary caption, .providesSummary caption, .usesSummary caption {
422    position:relative;
423    text-align:left;
424    background-repeat:no-repeat;
425    color:#253441;
426    font-weight:bold;
427    clear:none;
428    overflow:hidden;
429    padding:0px;
430    padding-top:10px;
431    padding-left:1px;
432    margin:0px;
433    white-space:pre;
434}
435.overviewSummary caption a:link, .memberSummary caption a:link, .typeSummary caption a:link,
436.useSummary caption a:link, .constantsSummary caption a:link, .deprecatedSummary caption a:link,
437.requiresSummary caption a:link, .packagesSummary caption a:link, providesSummary caption a:link,
438.usesSummary caption a:link,
439.overviewSummary caption a:hover, .memberSummary caption a:hover, .typeSummary caption a:hover,
440.useSummary caption a:hover, .constantsSummary caption a:hover, .deprecatedSummary caption a:hover,
441.requiresSummary caption a:hover, .packagesSummary caption a:hover, providesSummary caption a:hover,
442.usesSummary caption a:hover,
443.overviewSummary caption a:active, .memberSummary caption a:active, .typeSummary caption a:active,
444.useSummary caption a:active, .constantsSummary caption a:active, .deprecatedSummary caption a:active,
445.requiresSummary caption a:active, .packagesSummary caption a:active, providesSummary caption a:active,
446.usesSummary caption a:active,
447.overviewSummary caption a:visited, .memberSummary caption a:visited, .typeSummary caption a:visited,
448.useSummary caption a:visited, .constantsSummary caption a:visited, .deprecatedSummary caption a:visited
449.requiresSummary caption a:visited, .packagesSummary caption a:visited, providesSummary caption a:visited,
450.usesSummary caption a:visited {
451    color:#FFFFFF;
452}
453.overviewSummary caption span, .memberSummary caption span, .typeSummary caption span,
454.useSummary caption span, .constantsSummary caption span, .deprecatedSummary caption span,
455.requiresSummary caption span, .packagesSummary caption span, .providesSummary caption span,
456.usesSummary caption span {
457    white-space:nowrap;
458    padding-top:5px;
459    padding-left:12px;
460    padding-right:12px;
461    padding-bottom:7px;
462    display:inline-block;
463    float:left;
464    background-color:#F8981D;
465    border: none;
466    height:16px;
467}
468.memberSummary caption span.activeTableTab span, .packagesSummary caption span.activeTableTab span {
469    white-space:nowrap;
470    padding-top:5px;
471    padding-left:12px;
472    padding-right:12px;
473    margin-right:3px;
474    display:inline-block;
475    float:left;
476    background-color:#F8981D;
477    height:16px;
478}
479.memberSummary caption span.tableTab span, .packagesSummary caption span.tableTab span {
480    white-space:nowrap;
481    padding-top:5px;
482    padding-left:12px;
483    padding-right:12px;
484    margin-right:3px;
485    display:inline-block;
486    float:left;
487    background-color:#4D7A97;
488    height:16px;
489}
490.memberSummary caption span.tableTab, .memberSummary caption span.activeTableTab,
491.packagesSummary caption span.tableTab, .packagesSummary caption span.activeTableTab {
492    padding-top:0px;
493    padding-left:0px;
494    padding-right:0px;
495    background-image:none;
496    float:none;
497    display:inline;
498}
499.overviewSummary .tabEnd, .memberSummary .tabEnd, .typeSummary .tabEnd,
500.useSummary .tabEnd, .constantsSummary .tabEnd, .deprecatedSummary .tabEnd,
501.requiresSummary .tabEnd, .packagesSummary .tabEnd, .providesSummary .tabEnd, .usesSummary .tabEnd {
502    display:none;
503    width:5px;
504    position:relative;
505    float:left;
506    background-color:#F8981D;
507}
508.memberSummary .activeTableTab .tabEnd, .packagesSummary .activeTableTab .tabEnd {
509    display:none;
510    width:5px;
511    margin-right:3px;
512    position:relative; 
513    float:left;
514    background-color:#F8981D;
515}
516.memberSummary .tableTab .tabEnd, .packagesSummary .tableTab .tabEnd {
517    display:none;
518    width:5px;
519    margin-right:3px;
520    position:relative;
521    background-color:#4D7A97;
522    float:left;
523
524}
525.rowColor th, .altColor th {
526    font-weight:normal;
527}
528.overviewSummary td, .memberSummary td, .typeSummary td,
529.useSummary td, .constantsSummary td, .deprecatedSummary td,
530.requiresSummary td, .packagesSummary td, .providesSummary td, .usesSummary td {
531    text-align:left;
532    padding:0px 0px 12px 10px;
533}
534th.colFirst, th.colSecond, th.colLast, th.colConstructorName, .useSummary th, .constantsSummary th, .packagesSummary th,
535td.colFirst, td.colSecond, td.colLast, .useSummary td, .constantsSummary td {
536    vertical-align:top;
537    padding-right:0px;
538    padding-top:8px;
539    padding-bottom:3px;
540}
541th.colFirst, th.colSecond, th.colLast, th.colConstructorName, .constantsSummary th, .packagesSummary th {
542    background:#dee3e9;
543    text-align:left;
544    padding:8px 3px 3px 7px;
545}
546td.colFirst, th.colFirst {
547    white-space:nowrap;
548    font-size:13px;
549}
550td.colSecond, th.colSecond, td.colLast, th.colConstructorName, th.colLast {
551    font-size:13px;
552}
553.constantsSummary th, .packagesSummary th {
554    font-size:13px;
555}
556.providesSummary th.colFirst, .providesSummary th.colLast, .providesSummary td.colFirst,
557.providesSummary td.colLast {
558    white-space:normal;
559    font-size:13px;
560}
561.overviewSummary td.colFirst, .overviewSummary th.colFirst,
562.requiresSummary td.colFirst, .requiresSummary th.colFirst,
563.packagesSummary td.colFirst, .packagesSummary td.colSecond, .packagesSummary th.colFirst, .packagesSummary th,
564.usesSummary td.colFirst, .usesSummary th.colFirst,
565.providesSummary td.colFirst, .providesSummary th.colFirst,
566.memberSummary td.colFirst, .memberSummary th.colFirst,
567.memberSummary td.colSecond, .memberSummary th.colSecond, .memberSummary th.colConstructorName,
568.typeSummary td.colFirst {
569    vertical-align:top;
570}
571.packagesSummary th.colLast, .packagesSummary td.colLast {
572    white-space:normal;
573}
574td.colFirst a:link, td.colFirst a:visited,
575td.colSecond a:link, td.colSecond a:visited,
576th.colFirst a:link, th.colFirst a:visited,
577th.colSecond a:link, th.colSecond a:visited,
578th.colConstructorName a:link, th.colConstructorName a:visited,
579td.colLast a:link, td.colLast a:visited,
580.constantValuesContainer td a:link, .constantValuesContainer td a:visited {
581    font-weight:bold;
582}
583.tableSubHeadingColor {
584    background-color:#EEEEFF;
585}
586.altColor, .altColor th {
587    background-color:#FFFFFF;
588}
589.rowColor, .rowColor th {
590    background-color:#EEEEEF;
591}
592/*
593Content styles
594*/
595.description pre {
596    margin-top:0;
597}
598.deprecatedContent {
599    margin:0;
600    padding:10px 0;
601}
602.docSummary {
603    padding:0;
604}
605
606ul.blockList ul.blockList ul.blockList li.blockList h3 {
607    font-style:normal;
608}
609
610div.block {
611    font-size:14px;
612    font-family:'DejaVu Serif', Georgia, "Times New Roman", Times, serif;
613}
614
615td.colLast div {
616    padding-top:0px;
617}
618
619
620td.colLast a {
621    padding-bottom:3px;
622}
623/*
624Formatting effect styles
625*/
626.sourceLineNo {
627    color:green;
628    padding:0 30px 0 0;
629}
630h1.hidden {
631    visibility:hidden;
632    overflow:hidden;
633    font-size:10px;
634}
635.block {
636    display:block;
637    margin:3px 10px 2px 0px;
638    color:#474747;
639}
640.deprecatedLabel, .descfrmTypeLabel, .implementationLabel, .memberNameLabel, .memberNameLink,
641.moduleLabelInPackage, .moduleLabelInType, .overrideSpecifyLabel, .packageLabelInType,
642.packageHierarchyLabel, .paramLabel, .returnLabel, .seeLabel, .simpleTagLabel,
643.throwsLabel, .typeNameLabel, .typeNameLink, .searchTagLink {
644    font-weight:bold;
645}
646.deprecationComment, .emphasizedPhrase, .interfaceName {
647    font-style:italic;
648}
649
650div.block div.block span.deprecationComment, div.block div.block span.emphasizedPhrase,
651div.block div.block span.interfaceName {
652    font-style:normal;
653}
654
655div.contentContainer ul.blockList li.blockList h2 {
656    padding-bottom:0px;
657}
658/*
659IFRAME specific styles
660*/
661.mainContainer {
662    margin:0 auto; 
663    padding:0; 
664    height:100%; 
665    width:100%; 
666    position:fixed; 
667    top:0; 
668    left:0;
669}
670.leftContainer {
671    height:100%;
672    position:fixed;
673    width:320px;
674}
675.leftTop {
676    position:relative;
677    float:left;
678    width:315px;
679    top:0;
680    left:0;
681    height:30%;
682    border-right:6px solid #ccc;
683    border-bottom:6px solid #ccc;
684}
685.leftBottom {
686    position:relative;
687    float:left;
688    width:315px;
689    bottom:0;
690    left:0;
691    height:70%;
692    border-right:6px solid #ccc;
693    border-top:1px solid #000;
694}
695.rightContainer {
696    position:absolute;
697    left:320px;
698    top:0;
699    bottom:0;
700    height:100%;
701    right:0;
702    border-left:1px solid #000;
703}
704.rightIframe {
705    margin:0;
706    padding:0;
707    height:100%;
708    right:30px;
709    width:100%;
710    overflow:visible;
711    margin-bottom:30px;
712}
713/*
714HTML5 specific styles
715*/
716main, nav, header, footer, section {
717    display:block;
718}
719.ui-autocomplete-category {
720    font-weight:bold;
721    font-size:15px;
722    padding:7px 0 7px 3px;
723    background-color:#4D7A97;
724    color:#FFFFFF;
725}
726.resultItem {
727    font-size:13px;
728}
729.ui-autocomplete {
730    max-height:85%;
731    max-width:65%;
732    overflow-y:scroll;
733    overflow-x:scroll;
734    white-space:nowrap;
735    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
736}
737ul.ui-autocomplete {
738    position:fixed;
739    z-index:999999;
740}
741ul.ui-autocomplete  li {
742    float:left;
743    clear:both;
744    width:100%;
745}
746.resultHighlight {
747    font-weight:bold;
748}
749#search {
750    background-image:url('resources/glass.png');
751    background-size:13px;
752    background-repeat:no-repeat;
753    background-position:2px 3px;
754    padding-left:20px;
755    position:relative;
756    right:-18px;
757}
758#reset {
759    background-color: rgb(255,255,255);
760    border:0 none;
761    width:16px;
762    height:17px;
763    position:relative;
764    left:-2px;
765    background-image:url('resources/x.png');
766    background-repeat:no-repeat;
767    background-size:12px;
768    background-position:center;
769}
770.watermark {
771    color:#888;
772}
773.searchTagDescResult {
774    font-style:italic;
775    font-size:11px;
776}
777.searchTagHolderResult {
778    font-style:italic;
779    font-size:12px;
780}
781
782.moduleGraph span {
783    display:none;
784    position:absolute;
785}
786.moduleGraph:hover span {
787    display:block;
788    margin: -100px 0 0 100px;
789    z-index: 1;
790}
791
792/*
793 * Styles for user-provided tables.
794 *
795 * borderless:
796 *      No borders, vertical margins, styled caption.
797 *      This style is provided for use with existing doc comments.
798 *      In general, borderless tables should not be used for layout purposes.
799 *
800 * plain:
801 *      Plain borders around table and cells, vertical margins, styled caption.
802 *      Best for small tables or for complex tables for tables with cells that span
803 *      rows and columns, when the "striped" style does not work well.
804 *
805 * striped:
806 *      Borders around the table and vertical borders between cells, striped rows,
807 *      vertical margins, styled caption.
808 *      Best for tables that have a header row, and a body containing a series of simple rows.
809 */
810
811table.borderless,
812table.plain,
813table.striped {
814    margin-top: 10px;
815    margin-bottom: 10px;
816}
817
818table.borderless > caption,
819table.plain > caption,
820table.striped > caption {
821    font-weight: bold;
822    font-size: smaller;
823}
824
825table.borderless th, table.borderless td,
826table.plain th, table.plain td,
827table.striped th, table.striped td {
828    padding: 2px 5px;
829}
830
831table.borderless,
832table.borderless > thead > tr > th, table.borderless > tbody > tr > th, table.borderless > tr > th,
833table.borderless > thead > tr > td, table.borderless > tbody > tr > td, table.borderless > tr > td {
834    border: none;
835}
836table.borderless > thead > tr, table.borderless > tbody > tr, table.borderless > tr {
837    background-color: transparent;
838}
839
840table.plain {
841    border-collapse: collapse;
842    border: 1px solid black;
843}
844table.plain > thead > tr, table.plain > tbody tr, table.plain > tr {
845    background-color: transparent;
846}
847table.plain > thead > tr > th, table.plain > tbody > tr > th, table.plain > tr > th,
848table.plain > thead > tr > td, table.plain > tbody > tr > td, table.plain > tr > td {
849    border: 1px solid black;
850}
851
852table.striped {
853    border-collapse: collapse;
854    border: 1px solid black;
855}
856table.striped > thead {
857    background-color: #DDD;
858    border: 1px solid black;
859}
860table.striped > tbody > tr:nth-child(even) {
861    background-color: #EEE
862}
863table.striped > tbody > tr:nth-child(odd) {
864    background-color: #FFF
865}
866table.striped > thead > tr > th, table.striped > tbody > tr > th,
867table.striped > tbody > tr > td, table.striped > tbody > tr > td {
868    border-left: 1px solid black;
869    border-right: 1px solid black;
870}
871