1  body {
  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  
 11  p {
 12      line-height: 20px
 13  }
 14  
 15  img {
 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  
 50  tt {
 51      text-align: left
 52  }
 53  
 54  /*
 55  -----------
 56  links
 57  -----------
 58  */
 59  
 60  a:link {
 61      color: #007330;
 62      text-decoration: none;
 63      text-align: left;
 64  }
 65  
 66  a.qa-mark:target:before {
 67      content: "***";
 68      color: #ff0000;
 69  }
 70  
 71  a:hover {
 72      color: #44a51c;
 73      text-align: left;
 74  }
 75  
 76  a:visited {
 77      color: #007330;
 78      text-align: left;
 79  }
 80  
 81  a:visited:hover {
 82      color: #44a51c;
 83      text-align: left;
 84  }
 85  
 86  /*
 87  -----------
 88  offline viewing: HTML links display an icon
 89  -----------
 90  */
 91  
 92  a[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  -------------------------------
112  NOTE 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  -------------------------------
150  Top 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  -----------
200  footer 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  
281  table.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
308  no display
309  */
310  
311  /*
312  -----------
313  headers
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  
342  h1 {
343      margin: 0
344  }
345  
346  h2, 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  
358  h2:target {
359      background-color: #F2F3D4;
360  }
361  
362  h3 {
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  
370  h3.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  }
390  h3.fn code {
391      float: right;
392  }
393  h3.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  -----------------
420  table 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  
434  table, 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  -----------
515  List
516  -----------
517  */
518  
519  ul {
520      margin-top: 10px;
521  }
522  
523  li {
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  
534  ol {
535      margin: 10px;
536      padding: 0;
537  }
538  
539  ol.A > li {
540      list-style-type: upper-alpha;
541  }
542  
543  ol.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  -----------
624  Content 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  -----------
709  Landing 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  
774  div.multi-column {
775      position: relative;
776  }
777  
778  div.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  }