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    float: right;
301    margin-right: 5px;
302}
303
304#buildversion a {
305    background: none;
306}
307
308/*
309
310/* table of content
311no display
312*/
313
314/*
315-----------
316headers
317-----------
318*/
319
320@media screen {
321    .title {
322        color: #313131;
323        font-size: 24px;
324        font-weight: normal;
325        left: 0;
326        padding-bottom: 20px;
327        padding-left: 10px;
328        padding-top: 20px;
329        position: absolute;
330        right: 0;
331        top: 0;
332        background-color: #E6E6E6;
333        border-bottom: 1px #CCC solid;
334        border-top: 2px #CCC solid;
335        font-weight: bold;
336        margin-left: 0px;
337        margin-right: 0px;
338    }
339    .subtitle, .small-subtitle {
340        display: block;
341        clear: left;
342    }
343}
344
345h1 {
346    margin: 0
347}
348
349h2, p.h2 {
350    font: 500 16px/1.2 Arial;
351    font-weight: 100;
352    background-color: #F2F3F4;
353    padding: 4px;
354    margin-bottom: 30px;
355    margin-top: 30px;
356    border-top: #E0E0DE 1px solid;
357    border-bottom: #E0E0DE 1px solid;
358    max-width: 99%;
359}
360
361h2:target {
362    background-color: #F2F3D4;
363}
364
365h3 {
366    font: 500 14px/1.2 Arial;
367    font-weight: 100;
368    text-decoration: underline;
369    margin-bottom: 30px;
370    margin-top: 30px;
371}
372
373h3.fn, span.fn {
374    border-width: 1px;
375    border-style: solid;
376    border-color: #E6E6E6;
377    -moz-border-radius: 7px 7px 7px 7px;
378    -webkit-border-radius: 7px 7px 7px 7px;
379    border-radius: 7px 7px 7px 7px;
380    background-color: #F6F6F6;
381    word-spacing: 3px;
382    padding: 5px 5px;
383    text-decoration: none;
384    font-weight: bold;
385    max-width: 75%;
386    font-size: 14px;
387    margin: 0px;
388    margin-top: 45px;
389}
390.fngroup h3.fngroupitem {
391    margin-bottom: 5px;
392}
393h3.fn code {
394    float: right;
395}
396h3.fn:target {
397    background-color: #F6F6D6;
398}
399
400.name {
401    color: #1A1A1A
402}
403
404.type {
405    color: #808080
406}
407
408@media print {
409    .title {
410        color: #0066CB;
411        font-family: Arial, Helvetica;
412        font-size: 32px;
413        font-weight: normal;
414        left: 0;
415        position: absolute;
416        right: 0;
417        top: 0;
418    }
419}
420
421/*
422-----------------
423table styles
424-----------------
425*/
426
427.table img {
428    border: none;
429    margin-left: 0px;
430    -moz-box-shadow: 0px 0px 0px #fff;
431    -webkit-box-shadow: 0px 0px 0px #fff;
432    box-shadow: 0px 0px 0px #fff;
433}
434
435/* table with border alternative colours*/
436
437table, pre, .LegaleseLeft {
438    -moz-border-radius: 7px 7px 7px 7px;
439    -webkit-border-radius: 7px 7px 7px 7px;
440    border-radius: 7px 7px 7px 7px;
441    background-color: #F6F6F6;
442    border: 1px solid #E6E6E6;
443    border-collapse: separate;
444    margin-bottom: 25px;
445    margin-left: 15px;
446    font-size: 12px;
447    line-height: 1.2;
448}
449
450 table tr.even {
451     background-color: white;
452     color: #66666E;
453 }
454
455 table tr.odd {
456     background-color: #F6F6F6;
457     color: #66666E;
458 }
459
460 table tr:target {
461     background-color: #F6F6D6;
462 }
463
464 table thead {
465     text-align: left;
466     padding-left: 20px;
467     background-color: #e1e0e0;
468     border-left: none;
469     border-right: none;
470 }
471
472  table thead th {
473      padding-top: 5px;
474      padding-left: 10px;
475      padding-bottom: 5px;
476      border-bottom: 2px solid #D1D1D1;
477      padding-right: 10px;
478  }
479
480 table th {
481     text-align: left;
482     padding-left: 20px;
483 }
484
485 table td {
486     padding: 3px 15px 3px 20px;
487     border-bottom: #CCC dotted 1px;
488 }
489
490 table p {
491     margin: 0px
492 }
493
494.LegaleseLeft {
495    font-family: monospace;
496    white-space: pre-wrap;
497}
498/* table bodless & white*/
499
500.borderless {
501    border-radius: 0px 0px 0px 0px;
502    background-color: #fff;
503    border: 1px solid #fff;
504}
505
506.borderless tr {
507     background-color: #FFF;
508     color: #66666E;
509 }
510
511.borderless td {
512     border: none;
513     border-bottom: #fff dotted 1px;
514 }
515
516/*
517-----------
518List
519-----------
520*/
521
522ul {
523    margin-top: 10px;
524}
525
526li {
527    margin-bottom: 10px;
528    padding-left: 8px;
529    list-style: outside;
530    text-align: left;
531}
532
533 ul > li {
534    list-style-type: square;
535 }
536
537ol {
538    margin: 10px;
539    padding: 0;
540}
541
542ol.A > li {
543    list-style-type: upper-alpha;
544}
545
546ol.a > li{
547    list-style-type: lower-alpha;
548}
549
550 ol > li {
551     margin-left: 30px;
552     padding-left: 8px;
553     list-style: decimal;
554 }
555
556.centerAlign {
557    text-align: left
558}
559
560.cpp, .LegaleseLeft {
561    display: block;
562    margin: 10px;
563    overflow: auto;
564    padding: 20px 20px 20px 20px;
565}
566
567.js {
568    display: block;
569    margin: 10px;
570    overflow: auto;
571    padding: 20px 20px 20px 20px;
572}
573
574.memItemLeft {
575    padding-right: 3px
576}
577
578.memItemRight {
579    padding: 3px 15px 3px 0
580}
581
582.qml {
583    display: block;
584    margin: 10px;
585    overflow: auto;
586    padding: 20px 20px 20px 20px;
587}
588
589.qmldefault {
590    padding-left: 5px;
591    float: right;
592    color: red;
593}
594
595.qmlreadonly {
596    padding-left: 5px;
597    float: right;
598    color: #254117;
599}
600
601.rightAlign {
602    padding: 3px 5px 3px 10px;
603    text-align: right;
604}
605
606.qmldoc {
607    margin-left: 15px
608}
609
610.flowList {
611  padding: 25px
612}
613.flowList dd {
614  display: inline-block;
615  margin-left: 10px;
616  width: 255px;
617  line-height: 1.15em;
618  overflow-x: hidden;
619  text-overflow: ellipsis
620}
621.alphaChar {
622  font-size: 2em;
623  position: relative
624}
625/*
626-----------
627Content table
628-----------
629*/
630
631@media print {
632    .toc {
633        float: right;
634        clear: right;
635        padding-bottom: 10px;
636        padding-top: 50px;
637        width: 100%;
638        background-image: url(../images/bgrContent.png);
639        background-position: top;
640        background-repeat: no-repeat;
641    }
642}
643
644@media screen {
645    .toc {
646        float: right;
647        clear: right;
648        vertical-align: top;
649        -moz-border-radius: 7px 7px 7px 7px;
650        -webkit-border-radius: 7px 7px 7px 7px;
651        border-radius: 7px 7px 7px 7px;
652        background: #FFF url('../images/bgrContent.png');
653        background-position: top;
654        background-repeat: repeat-x;
655        border: 1px solid #E6E6E6;
656        padding-left: 5px;
657        padding-bottom: 10px;
658        height: auto;
659        width: 200px;
660        text-align: left;
661        margin-left: 20px;
662    }
663}
664
665
666.toc h3 {
667    text-decoration: none
668}
669
670.toc h3 {
671    font: 500 14px/1.2 Arial;
672    font-weight: 100;
673    padding: 0px;
674    margin: 0px;
675    padding-top: 5px;
676    padding-left: 5px;
677}
678
679.toc ul {
680    padding-left: 10px;
681    padding-right: 5px;
682}
683
684.toc ul li {
685     margin-left: 15px;
686     list-style-image: url(../images/bullet_dn.png);
687     marker-offset: 0px;
688     margin-bottom: 8px;
689     padding-left: 0px;
690 }
691
692.toc .level1 {
693    border: none
694}
695
696.toc .level2 {
697    border: none;
698    margin-left: 25px;
699}
700
701.level3 {
702    border: none;
703    margin-left: 30px;
704}
705
706.clearfix {
707    clear: both
708}
709
710/*
711-----------
712Landing page
713-----------
714*/
715
716.col-group {
717    white-space: nowrap;
718    vertical-align: top;
719}
720
721
722.landing h2 {
723    background-color: transparent;
724    border: none;
725    margin-bottom: 0px;
726    font-size: 18px;
727}
728
729.landing a, .landing li {
730    font-size: 13px;
731    font-weight: bold !important;
732}
733
734.col-1 {
735    display: inline-block;
736    white-space: normal;
737    width: 70%;
738    height: 100%;
739    float: left;
740}
741
742.col-2 {
743    display: inline-block;
744    white-space: normal;
745    width: 20%;
746    margin-left: 5%;
747    position: relative;
748    top: -20px;
749}
750
751.col-1 h1 {
752     margin: 20px 0 0 0;
753 }
754
755.col-1 h2 {
756    font-size: 18px;
757    font-weight: bold !important;
758}
759
760.landingicons {
761    display: inline-block;
762    width: 100%;
763}
764
765.icons1of3 {
766    display: inline-block;
767    width: 33.3333%;
768    float: left;
769}
770
771.icons1of3 h2, .doc-column h2 {
772    font-size: 15px;
773    margin: 0px;
774    padding: 0px;
775}
776
777div.multi-column {
778    position: relative;
779}
780
781div.multi-column div {
782    display: -moz-inline-box;
783    display: inline-block;
784    vertical-align: top;
785    margin-top: 1em;
786    margin-right: 4em;
787    width: 24em;
788}
789
790.mainContent .video {
791  width:40%;
792  max-width:640px;
793  margin: 15px 0 0 15px;
794  position:relative;
795  display:table
796}
797
798.mainContent .video > .vspan {
799  padding-top:60%;
800  display:block
801}
802.mainContent .video iframe {
803  width:100%;
804  height:100%;
805  position:absolute;
806  top:0;
807  left:0
808}
809