1body {
2    font: normal 400 14px/1.2 Arial;
3    margin-top: 85px;
4    font-family: Arial, Helvetica;
5    text-align: left;
6    margin-left: 5px;
7    margin-right: 5px;
8    background-color: #fff;
9}
10
11p {
12    line-height: 20px
13}
14
15img {
16    margin-left: 0px;
17    max-width: 800px;
18    height: auto;
19}
20
21.content .border img {
22    box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5)
23}
24
25.content .border .player {
26    box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5)
27}
28
29.content .indexboxcont li {
30     font: normal bold 13px/1 Verdana
31 }
32
33.content .normallist li {
34     font: normal 13px/1 Verdana
35 }
36
37.descr {
38    margin-top: 35px;
39    margin-bottom: 45px;
40    margin-left: 5px;
41    text-align: left;
42    vertical-align: top;
43}
44
45.name {
46    max-width: 75%;
47    font-weight: 100;
48}
49
50tt {
51    text-align: left
52}
53
54/*
55-----------
56links
57-----------
58*/
59
60a:link {
61    color: #007330;
62    text-decoration: none;
63    text-align: left;
64}
65
66a.qa-mark:target:before {
67    content: "***";
68    color: #ff0000;
69}
70
71a:hover {
72    color: #44a51c;
73    text-align: left;
74}
75
76a:visited {
77    color: #007330;
78    text-align: left;
79}
80
81a:visited:hover {
82    color: #44a51c;
83    text-align: left;
84}
85
86/*
87-----------
88offline viewing: HTML links display an icon
89-----------
90*/
91
92a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
93    text-decoration: none;
94    background-image: url(../images/ico_out.png);
95    background-repeat: no-repeat;
96    background-position: left;
97    padding-left: 20px;
98    text-align: left;
99}
100
101.flags {
102    text-decoration: none;
103    text-height: 24px;
104}
105
106.flags:target {
107    background-color: #FFFFD6;
108}
109
110/*
111-------------------------------
112NOTE styles
113-------------------------------
114*/
115
116.notetitle, .tiptitle, .fastpathtitle {
117    font-weight: bold
118}
119
120.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle {
121    font-weight: bold
122}
123
124.note, .tip, .fastpath {
125    background: #F2F2F2 url(../images/ico_note.png);
126    background-repeat: no-repeat;
127    background-position: top left;
128    padding: 5px;
129    padding-left: 40px;
130    padding-bottom: 10px;
131    border: #999 1px dotted;
132    color: #666666;
133    margin: 5px;
134}
135
136.attention, .caution, .danger, .important, .remember, .restriction {
137    background: #F2F2F2 url(../images/ico_note_attention.png);
138    background-repeat: no-repeat;
139    background-position: top left;
140    padding: 5px;
141    padding-left: 40px;
142    padding-bottom: 10px;
143    border: #999 1px dotted;
144    color: #666666;
145    margin: 5px;
146}
147
148/*
149-------------------------------
150Top navigation
151-------------------------------
152*/
153
154.qtref {
155    display: block;
156    position: relative;
157    height: 15px;
158    z-index: 1;
159    font-size: 11px;
160    padding-right: 10px;
161    float: right;
162}
163
164.naviNextPrevious {
165    clear: both;
166    display: block;
167    position: relative;
168    text-align: right;
169    top: -47px;
170    float: right;
171    height: 20px;
172    z-index: 1;
173    padding-right: 10px;
174    padding-top: 2px;
175    vertical-align: top;
176    margin: 0px;
177}
178
179.naviNextPrevious > a:first-child {
180     background-image: url(../images/btn_prev.png);
181     background-repeat: no-repeat;
182     background-position: left;
183     padding-left: 20px;
184     height: 20px;
185     padding-left: 20px;
186 }
187
188.naviNextPrevious > a:last-child {
189     background-image: url(../images/btn_next.png);
190     background-repeat: no-repeat;
191     background-position: right;
192     padding-right: 20px;
193     height: 20px;
194     margin-left: 30px;
195 }
196
197.naviSeparator { display: none }
198/*
199-----------
200footer and license
201-----------
202*/
203
204.footer {
205    text-align: left;
206    padding-top: 45px;
207    padding-left: 5px;
208    margin-top: 45px;
209    margin-bottom: 45px;
210    font-size: 10px;
211    border-top: 1px solid #999;
212}
213
214.footer p {
215    line-height: 14px;
216    font-size: 11px;
217    padding: 0;
218    margin: 0;
219}
220
221.footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
222    font-weight: bold;
223}
224
225.footerNavi {
226    width: auto;
227    text-align: right;
228    margin-top: 50px;
229    z-index: 1;
230}
231
232.navigationbar {
233    display: block;
234    position: relative;
235    top: -20px;
236    border-top: 1px solid #cecece;
237    border-bottom: 1px solid #cecece;
238    background-color: #F2F2F2;
239    z-index: 1;
240    height: 20px;
241    padding-left: 7px;
242    margin: 0px;
243    padding-top: 2px;
244    margin-left: -5px;
245    margin-right: -5px;
246}
247
248.navigationbar .first {
249     background: url(../images/home.png);
250     background-position: left;
251     background-repeat: no-repeat;
252     padding-left: 20px;
253 }
254
255.navigationbar ul {
256     margin: 0px;
257     padding: 0px;
258 }
259
260  .navigationbar ul li {
261      list-style-type: none;
262      padding-top: 2px;
263      padding-left: 4px;
264      margin: 0;
265      height: 20px;
266  }
267
268.navigationbar li {
269     float: left
270 }
271
272  .navigationbar li a, .navigationbar td a {
273      display: block;
274      text-decoration: none;
275      background: url(../images/arrow_bc.png);
276      background-repeat: no-repeat;
277      background-position: right;
278      padding-right: 17px;
279  }
280
281table.buildversion {
282      float: right;
283      margin-top: -18px !important;
284}
285
286.navigationbar table {
287      border-radius: 0;
288      border: 0 none;
289      background-color: #F2F2F2;
290      margin: 0;
291}
292
293.navigationbar table td {
294    padding: 0;
295    border: 0 none;
296}
297
298#buildversion {
299    font-style: italic;
300    font-size: small;
301    float: right;
302    margin-right: 5px;
303}
304
305/*
306
307/* table of content
308no display
309*/
310
311/*
312-----------
313headers
314-----------
315*/
316
317@media screen {
318    .title {
319        color: #313131;
320        font-size: 24px;
321        font-weight: normal;
322        left: 0;
323        padding-bottom: 20px;
324        padding-left: 10px;
325        padding-top: 20px;
326        position: absolute;
327        right: 0;
328        top: 0;
329        background-color: #E6E6E6;
330        border-bottom: 1px #CCC solid;
331        border-top: 2px #CCC solid;
332        font-weight: bold;
333        margin-left: 0px;
334        margin-right: 0px;
335    }
336    .subtitle, .small-subtitle {
337        display: block;
338        clear: left;
339    }
340}
341
342h1 {
343    margin: 0
344}
345
346h2, p.h2 {
347    font: 500 16px/1.2 Arial;
348    font-weight: 100;
349    background-color: #F2F3F4;
350    padding: 4px;
351    margin-bottom: 30px;
352    margin-top: 30px;
353    border-top: #E0E0DE 1px solid;
354    border-bottom: #E0E0DE 1px solid;
355    max-width: 99%;
356}
357
358h2:target {
359    background-color: #F2F3D4;
360}
361
362h3 {
363    font: 500 14px/1.2 Arial;
364    font-weight: 100;
365    text-decoration: underline;
366    margin-bottom: 30px;
367    margin-top: 30px;
368}
369
370h3.fn, span.fn {
371    border-width: 1px;
372    border-style: solid;
373    border-color: #E6E6E6;
374    -moz-border-radius: 7px 7px 7px 7px;
375    -webkit-border-radius: 7px 7px 7px 7px;
376    border-radius: 7px 7px 7px 7px;
377    background-color: #F6F6F6;
378    word-spacing: 3px;
379    padding: 5px 5px;
380    text-decoration: none;
381    font-weight: bold;
382    max-width: 75%;
383    font-size: 14px;
384    margin: 0px;
385    margin-top: 45px;
386}
387.fngroup h3.fngroupitem {
388    margin-bottom: 5px;
389}
390h3.fn code {
391    float: right;
392}
393h3.fn:target {
394    background-color: #F6F6D6;
395}
396
397.name {
398    color: #1A1A1A
399}
400
401.type {
402    color: #808080
403}
404
405@media print {
406    .title {
407        color: #0066CB;
408        font-family: Arial, Helvetica;
409        font-size: 32px;
410        font-weight: normal;
411        left: 0;
412        position: absolute;
413        right: 0;
414        top: 0;
415    }
416}
417
418/*
419-----------------
420table styles
421-----------------
422*/
423
424.table img {
425    border: none;
426    margin-left: 0px;
427    -moz-box-shadow: 0px 0px 0px #fff;
428    -webkit-box-shadow: 0px 0px 0px #fff;
429    box-shadow: 0px 0px 0px #fff;
430}
431
432/* table with border alternative colours*/
433
434table, pre, .LegaleseLeft {
435    -moz-border-radius: 7px 7px 7px 7px;
436    -webkit-border-radius: 7px 7px 7px 7px;
437    border-radius: 7px 7px 7px 7px;
438    background-color: #F6F6F6;
439    border: 1px solid #E6E6E6;
440    border-collapse: separate;
441    margin-bottom: 25px;
442    margin-left: 15px;
443    font-size: 12px;
444    line-height: 1.2;
445}
446
447 table tr.even {
448     background-color: white;
449     color: #66666E;
450 }
451
452 table tr.odd {
453     background-color: #F6F6F6;
454     color: #66666E;
455 }
456
457 table tr:target {
458     background-color: #F6F6D6;
459 }
460
461 table thead {
462     text-align: left;
463     padding-left: 20px;
464     background-color: #e1e0e0;
465     border-left: none;
466     border-right: none;
467 }
468
469  table thead th {
470      padding-top: 5px;
471      padding-left: 10px;
472      padding-bottom: 5px;
473      border-bottom: 2px solid #D1D1D1;
474      padding-right: 10px;
475  }
476
477 table th {
478     text-align: left;
479     padding-left: 20px;
480 }
481
482 table td {
483     padding: 3px 15px 3px 20px;
484     border-bottom: #CCC dotted 1px;
485 }
486
487 table p {
488     margin: 0px
489 }
490
491.LegaleseLeft {
492    font-family: monospace;
493    white-space: pre-wrap;
494}
495/* table bodless & white*/
496
497.borderless {
498    border-radius: 0px 0px 0px 0px;
499    background-color: #fff;
500    border: 1px solid #fff;
501}
502
503.borderless tr {
504     background-color: #FFF;
505     color: #66666E;
506 }
507
508.borderless td {
509     border: none;
510     border-bottom: #fff dotted 1px;
511 }
512
513/*
514-----------
515List
516-----------
517*/
518
519ul {
520    margin-top: 10px;
521}
522
523li {
524    margin-bottom: 10px;
525    padding-left: 8px;
526    list-style: outside;
527    text-align: left;
528}
529
530 ul > li {
531    list-style-type: square;
532 }
533
534ol {
535    margin: 10px;
536    padding: 0;
537}
538
539ol.A > li {
540    list-style-type: upper-alpha;
541}
542
543ol.a > li{
544    list-style-type: lower-alpha;
545}
546
547 ol > li {
548     margin-left: 30px;
549     padding-left: 8px;
550     list-style: decimal;
551 }
552
553.centerAlign {
554    text-align: left
555}
556
557.cpp, .LegaleseLeft {
558    display: block;
559    margin: 10px;
560    overflow: auto;
561    padding: 20px 20px 20px 20px;
562}
563
564.js {
565    display: block;
566    margin: 10px;
567    overflow: auto;
568    padding: 20px 20px 20px 20px;
569}
570
571.memItemLeft {
572    padding-right: 3px
573}
574
575.memItemRight {
576    padding: 3px 15px 3px 0
577}
578
579.qml {
580    display: block;
581    margin: 10px;
582    overflow: auto;
583    padding: 20px 20px 20px 20px;
584}
585
586.qmldefault {
587    padding-left: 5px;
588    float: right;
589    color: red;
590}
591
592.qmlreadonly {
593    padding-left: 5px;
594    float: right;
595    color: #254117;
596}
597
598.rightAlign {
599    padding: 3px 5px 3px 10px;
600    text-align: right;
601}
602
603.qmldoc {
604    margin-left: 15px
605}
606
607.flowList {
608  padding: 25px
609}
610.flowList dd {
611  display: inline-block;
612  margin-left: 10px;
613  width: 255px;
614  line-height: 1.15em;
615  overflow-x: hidden;
616  text-overflow: ellipsis
617}
618.alphaChar {
619  font-size: 2em;
620  position: relative
621}
622/*
623-----------
624Content table
625-----------
626*/
627
628@media print {
629    .toc {
630        float: right;
631        clear: right;
632        padding-bottom: 10px;
633        padding-top: 50px;
634        width: 100%;
635        background-image: url(../images/bgrContent.png);
636        background-position: top;
637        background-repeat: no-repeat;
638    }
639}
640
641@media screen {
642    .toc {
643        float: right;
644        clear: right;
645        vertical-align: top;
646        -moz-border-radius: 7px 7px 7px 7px;
647        -webkit-border-radius: 7px 7px 7px 7px;
648        border-radius: 7px 7px 7px 7px;
649        background: #FFF url('../images/bgrContent.png');
650        background-position: top;
651        background-repeat: repeat-x;
652        border: 1px solid #E6E6E6;
653        padding-left: 5px;
654        padding-bottom: 10px;
655        height: auto;
656        width: 200px;
657        text-align: left;
658        margin-left: 20px;
659    }
660}
661
662
663.toc h3 {
664    text-decoration: none
665}
666
667.toc h3 {
668    font: 500 14px/1.2 Arial;
669    font-weight: 100;
670    padding: 0px;
671    margin: 0px;
672    padding-top: 5px;
673    padding-left: 5px;
674}
675
676.toc ul {
677    padding-left: 10px;
678    padding-right: 5px;
679}
680
681.toc ul li {
682     margin-left: 15px;
683     list-style-image: url(../images/bullet_dn.png);
684     marker-offset: 0px;
685     margin-bottom: 8px;
686     padding-left: 0px;
687 }
688
689.toc .level1 {
690    border: none
691}
692
693.toc .level2 {
694    border: none;
695    margin-left: 25px;
696}
697
698.level3 {
699    border: none;
700    margin-left: 30px;
701}
702
703.clearfix {
704    clear: both
705}
706
707/*
708-----------
709Landing page
710-----------
711*/
712
713.col-group {
714    white-space: nowrap;
715    vertical-align: top;
716}
717
718
719.landing h2 {
720    background-color: transparent;
721    border: none;
722    margin-bottom: 0px;
723    font-size: 18px;
724}
725
726.landing a, .landing li {
727    font-size: 13px;
728    font-weight: bold !important;
729}
730
731.col-1 {
732    display: inline-block;
733    white-space: normal;
734    width: 70%;
735    height: 100%;
736    float: left;
737}
738
739.col-2 {
740    display: inline-block;
741    white-space: normal;
742    width: 20%;
743    margin-left: 5%;
744    position: relative;
745    top: -20px;
746}
747
748.col-1 h1 {
749     margin: 20px 0 0 0;
750 }
751
752.col-1 h2 {
753    font-size: 18px;
754    font-weight: bold !important;
755}
756
757.landingicons {
758    display: inline-block;
759    width: 100%;
760}
761
762.icons1of3 {
763    display: inline-block;
764    width: 33.3333%;
765    float: left;
766}
767
768.icons1of3 h2, .doc-column h2 {
769    font-size: 15px;
770    margin: 0px;
771    padding: 0px;
772}
773
774div.multi-column {
775    position: relative;
776}
777
778div.multi-column div {
779    display: -moz-inline-box;
780    display: inline-block;
781    vertical-align: top;
782    margin-top: 1em;
783    margin-right: 4em;
784    width: 24em;
785}
786
787.mainContent .video {
788  width:40%;
789  max-width:640px;
790  margin: 15px 0 0 15px;
791  position:relative;
792  display:table
793}
794
795.mainContent .video > .vspan {
796  padding-top:60%;
797  display:block
798}
799.mainContent .video iframe {
800  width:100%;
801  height:100%;
802  position:absolute;
803  top:0;
804  left:0
805}
806