Merge branch 'stable' into release

* stable: (50 commits)
  Fix deployment of QML import plugins when building in Qt Creator
  Add QtWidgets dependecy to shared.pri
  Update title and description for Text Input demo
  Update content for About Boot to Qt demo
  Fix QML GroupBox: Binding loop detected for property
  [controls-touch] Deploy images
  Remove Sensors demo from the Qt Creator's list of examples
  Remove Sensor Explorer and Particles demos from launcher
  Fix layout issues with Qt-Everywhere (touchgallery)
  [qt5-launchpresentation] Don't crop the description text on nexus
  [launcher settings] improve visual appearance
  [qt5-everywhere] update preview image
  Fix vkb import path
  Fix issues in qt5-launcher presentation
  Remove Raspberry Pi logo from demo
  Fix Canvas2D error
  Qt5-Everywhere: show network error message
  fix glsl syntax in graphical effects demo
  Update copyright year
  Limit camera & mediaplayer demos to working devices
  ...

Change-Id: I1ed9233a89ea989013b398c8480e1932949fff19

31 files changed, 969 insertions, 0 deletions

diff --git a/doc/b2qt-demos.qdoc b/doc/b2qt-demos.qdoc
new file mode 100644
index 0000000..d54a32c
--- /dev/null
+++ b/doc/b2qt-demos.qdoc
@@ -0,0 +1,238 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use the contact form at
+** http://qt.digia.com/
+**
+** This file is part of Qt Enterprise Embedded.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** the contact form at http://qt.digia.com/
+**
+****************************************************************************/
+
+/*!
+    \contentspage{b2qt-demos.html}{Qt Enterprise Embedded Examples and Demos}
+    \group b2qt-demos
+    \title Qt Enterprise Embedded Examples and Demos
+
+    \SDK has a number of examples and demos. These are included in the
+    \B2Q images, available in the launcher that is run by default at
+    startup.
+
+    In Qt Creator, you can find and open them from \b Welcome > \b Examples
+    by selecting a \c {Boot2Qt} version of Qt from the drop-down list.
+*/
+
+/*!
+    \example about-b2qt
+    \title About Boot to Qt
+    \ingroup b2qt-demos
+    \brief Displays information about the Boot to Qt software stack.
+
+    \image b2qt-demo-about-b2qt.jpg
+
+    The \e {About Boot to Qt} demo provides an introduction to what Boot to Qt is all about.
+
+    It talks briefly about how the software stack is built up, rough hardware requirements
+    and how Boot to Qt differs from the more traditional Qt editions.
+*/
+
+/*!
+    \example camera
+    \title Camera
+    \ingroup b2qt-demos
+    \brief Demonstrates using camera in a QML application.
+
+    \image b2qt-demo-camera.jpg
+
+    This example demonstrates the use of the camera features provided by Qt Multimedia with
+    Qt Quick.
+
+    Demo can be used to take pictures. Files are saved inside the \c {/data/images/} folder
+    and can be then viewed with the \l {Photo Gallery} demo application.
+
+    Camera parameters such as flash mode, scene mode or white balance can be changed. The
+    availability of parameters depends on what the camera driver provides.
+*/
+
+/*!
+    \example controls-touch
+    \title Controls Touch
+    \ingroup b2qt-demos
+    \brief Demonstrates a touch UI implemented with Qt Quick Controls.
+
+    \image b2qt-demo-controls-touch.jpg
+
+    The purpose of this example is to show Qt Quick Controls in practice. The example uses a
+    StackView to navigate between pages and illustrates the use of many of the controls provided
+    by Qt Quick Control, including Button, Slider, ProgressBar, TabBar and TextInput types. The
+    style in the example is a custom style made to look like the Android theme, it is written
+    purely in QML.
+*/
+
+/*!
+    \example graphicaleffects
+    \title Graphical Effects
+    \ingroup b2qt-demos
+    \brief Demonstrates the different graphical effects that can be used in a QML application.
+
+    \image b2qt-demo-graphicaleffects.jpg
+
+    This example shows the Qt Quick 2.0 ShaderEffect type and the Qt Graphical Effects module. Qt Quick
+    2.0 provides the ability to use inline GLSL in your Qt Quick applications to create stunning visual
+    effects. However, as UIs typically reuse many of the same effects, the Qt Graphical Effects module
+    provides a set of predefined, commonly used effects. This includes blur, drop-shadows, glow,
+    blending, opacity masks and more.
+*/
+
+/*!
+    \example mediaplayer
+    \title Media Player
+    \ingroup b2qt-demos
+    \brief A media player implemented in QML.
+
+    \image b2qt-demo-mediaplayer.jpg
+    The Media Player example demonstrates the use of the media playback features of Qt Multimedia with
+    Qt Quick.
+
+    It can play from a file or from a network source, both videos and music.
+*/
+
+/*!
+    \example photogallery
+    \title Photo Gallery
+    \ingroup b2qt-demos
+    \brief A photo gallery implemented in QML.
+
+    \image b2qt-demo-photogallery.jpg
+
+    This is a simple photo gallery, showing images found in \c {/data/images} directory.
+*/
+
+/*!
+    \example qt5-cinematicdemo
+    \title Qt 5 Cinematic Demo
+    \ingroup b2qt-demos
+    \brief A cool demonstration of the graphical prowess of Qt 5 and Qt Quick 2.
+
+    \image b2qt-demo-qt5-cinematicdemo.jpg
+
+    The Qt5 Cinematic Experience is a demo by "QUIt Coding", a small group of talented individuals
+    enjoying software development with cutting edge technologies. They are official members of the
+    Qt Ambassador Program.
+
+    The demo shows off a number features of Qt Quick 2.0. A nicely styled list control of movie
+    covers with lighting effects, particles and transitions. The information roll-down curvy
+    curtain is implemented using inline GLSL in the QML file.
+
+    More awesome looking Qt Quick examples are available from \l {http://quitcoding.com}.
+*/
+
+/*!
+    \example qt5-launchpresentation
+    \title Qt 5 Launch Presentation
+    \ingroup b2qt-demos
+    \brief A quick tour of what is new in Qt 5.
+
+    \image b2qt-demo-qt5-launchpresentation.jpg
+
+    This is an application written with Qt Quick, based on Qt 5.
+
+    The source code is also available here: \l {https://qt.gitorious.org/qt-labs/qt5-launch-demo}.
+    The demo makes use of the QML Presentation System, available from
+    \c {ssh://codereview.qt-project.org/qt-labs/qml-presentation-system.git} repository.
+*/
+
+/*!
+    \example qt5-everywhere
+    \title Qt 5 Everywhere
+    \ingroup b2qt-demos
+    \brief Highlights the versatility and cross-platform capability of Qt
+
+    \image b2qt-demo-qt5-everywhere.jpg
+
+    The Qt 5 Everywhere demo shows how to use different user interface styles in several platforms
+    and device types with one source code.
+
+    The demo contains several Qt Quick 2 applications which you can launch by tapping the devices.
+*/
+
+/*!
+    \omit
+    \example sensors
+    \title Sensors
+    \ingroup b2qt-demos
+    \brief Demonstrates using the accelerometer and light sensors in a QML application.
+
+    \image b2qt-demo-sensors.jpg
+
+    Tilting the device moves the bubble around, based on readings from the accelerometer sensor.
+    For the light sensor, exposing the device to different lighting conditions changes the
+    displayed image.
+    \endomit
+*/
+
+/*!
+    \example textinput
+    \title Text Input
+    \ingroup b2qt-demos
+    \brief Demonstrates text input capabilities and the virtual keyboard in a QML application.
+
+    \image b2qt-demo-textinput.jpg
+
+    This example illustrates how to handle input on touch devices.
+
+    The Boot to Qt stack comes with Qt Virtual Keyboard - a framework that consists of a C++ back
+    end with support for custom input methods, as well as a reference keyboard front end
+    implemented in QML, supporting multiple languages.
+*/
+
+/*!
+    \example enterprise-charts
+    \title Charts
+    \ingroup b2qt-demos
+    \brief Showcases the different types of charts available from the Qt Charts library.
+
+    \image b2qt-demo-enterprise-charts.jpg
+
+    Qt Charts is part of the Qt Enterprise addons package which provides a set of easy to use
+    chart components. This demo showcases the different charts that are available as QML types.
+*/
+
+/*!
+    \example enterprise-dashboard
+    \title Dashboard
+    \ingroup b2qt-demos
+    \brief A car dashboard created using Qt Quick Enterprise Controls.
+
+    \image b2qt-demo-enterprise-dashboard.jpg
+
+    This example project demonstrates using several CircularGauge controls to create a car dashboard.
+*/
+
+/*!
+    \example enterprise-gallery
+    \title Enterprise Controls Gallery
+    \ingroup b2qt-demos
+    \brief An interactive showcase for Qt Quick Enterprise Controls.
+
+    \image b2qt-demo-enterprise-gallery.jpg
+
+    This example project demonstrates the various UI controls provided by Qt Quick Enterprise Controls.
+*/
+
+/*!
+    \omit
+    \example launchersettings
+    \title Launcher Settings
+    \ingroup b2qt-demos
+    \brief Displays information and settings available for the Boot to Qt launcher.
+    \endomit
+*/
diff --git a/doc/b2qt-demos.qdocconf b/doc/b2qt-demos.qdocconf
new file mode 100644
index 0000000..d1dec94
--- /dev/null
+++ b/doc/b2qt-demos.qdocconf
@@ -0,0 +1,46 @@
+include(html-offline.qdocconf)
+
+naturallanguage              = en_US
+outputencoding               = UTF-8
+sourceencoding               = UTF-8
+
+project                      = QtEnterpriseEmbeddedDemos
+description                  = Qt Enterprise Embedded Examples and Demos
+version                      = 2.0.0
+
+sourcedirs                   = .
+imagedirs                   += images
+
+sources.fileextensions       = "*.qdoc"
+
+examples.fileextensions      = "*.cpp *.h *.js *.xq *.svg *.xml *.ui *.qhp *.qhcp *.qml *.css"
+examples.imageextensions     = "*.png *.jpg *.gif"
+
+exampledirs                  = ../basicsuite
+examplesinstallpath          = ../../../Boot2Qt-2.x/sources/b2qt-demos/basicsuite
+
+qhp.projects                 = QtEnterpriseEmbeddedDemos
+
+qhp.QtEnterpriseEmbeddedDemos.file                = b2qt-demos.qhp
+qhp.QtEnterpriseEmbeddedDemos.namespace           = com.digia.b2qt-demos.200
+qhp.QtEnterpriseEmbeddedDemos.virtualFolder       = b2qt-demos
+qhp.QtEnterpriseEmbeddedDemos.indexTitle          = Qt Enterprise Embedded Examples and Demos
+qhp.QtEnterpriseEmbeddedDemos.indexRoot           =
+
+qhp.QtEnterpriseEmbeddedDemos.subprojects                  = demos
+qhp.QtEnterpriseEmbeddedDemos.subprojects.demos.title      = Qt Enterprise Embedded Examples and Demos
+qhp.QtEnterpriseEmbeddedDemos.subprojects.demos.indexTitle = Qt Enterprise Embedded Examples and Demos
+
+manifestmeta.filters               = thumbnail
+#manifestmeta.thumbnail.attributes  = "imageUrl:qthelp\://com.digia.b2qt-demos.200/b2qt-demos/images/b2qt-demo.png"
+manifestmeta.thumbnail.tags        = "b2qt,qtee"
+manifestmeta.thumbnail.names       = "QtEnterpriseEmbeddedDemos/*"
+
+# Add an image used in example manifests to qhp
+HTML.extraimages                             += images/b2qt-demo.png
+qhp.QtEnterpriseEmbeddedDemos.extraFiles     += images/b2qt-demo.png
+
+macro.B2Q                    = "Boot to Qt"
+macro.SDK                    = "Qt Enterprise Embedded"
+
+navigation.landingpage = "Qt Enterprise Embedded Examples and Demos"
diff --git a/doc/doc.pro b/doc/doc.pro
new file mode 100644
index 0000000..9c84012
--- /dev/null
+++ b/doc/doc.pro
@@ -0,0 +1,3 @@
+TEMPLATE = aux
+QMAKE_DOCS = $$PWD/b2qt-demos.qdocconf
+
diff --git a/doc/html-offline.qdocconf b/doc/html-offline.qdocconf
new file mode 100644
index 0000000..bef6912
--- /dev/null
+++ b/doc/html-offline.qdocconf
@@ -0,0 +1,54 @@
+HTML.nobreadcrumbs    = "true"
+
+HTML.stylesheets      = template/style/offline.css
+
+# Copy images used by the template to images folder in output directory
+HTML.extraimages      = template/images/bgrContent.png \
+                        template/images/blu_dot.png \
+                        template/images/btn_next.png \
+                        template/images/btn_prev.png \
+                        template/images/ico_note.png \
+                        template/images/ico_note_attention.png \
+                        template/images/ico_out.png \
+                        template/images/arrow_bc.png \
+                        template/images/home.png
+
+# Add style-related files into qch package
+qhp.extraFiles       += style/offline.css \
+                        images/bgrContent.png \
+                        images/blu_dot.png \
+                        images/btn_next.png \
+                        images/btn_prev.png \
+                        images/ico_note.png \
+                        images/ico_note_attention.png \
+                        images/ico_out.png \
+                        images/home.png \
+                        images/arrow_bc.png
+
+HTML.headerstyles = \
+    "  <link rel=\"stylesheet\" type=\"text/css\" href=\"style/offline.css\" />\n"
+
+HTML.endheader = \
+    "</head>\n" \
+    "<body>\n"
+
+HTML.footer = \
+    "  <div class=\"ft\">\n" \
+    "    <span></span>\n" \
+    "  </div>\n" \
+    "</div> \n" \
+    "<div class=\"footer\">\n" \
+    "    <p>\n" \
+    "      <acronym title=\"Copyright\">&copy;</acronym> 2014 Digia Plc and/or its\n" \
+    "      subsidiaries.</p>\n" \
+    "    <p>\n" \
+    "       Licensees holding valid Qt Commercial licenses may use this document in\n" \
+    "       accordance with the Qt Commercial License Agreement provided with the\n" \
+    "       Software or, alternatively, in accordance with the terms contained in a\n" \
+    "       written agreement between you and Digia.<\p>\n" \
+    "    <p>\n" \
+    "      Digia, Qt and their respective logos are trademarks of Digia Plc \n" \
+    "      in Finland and/or other countries worldwide. All other trademarks are property\n" \
+    "      of their respective owners. <a title=\"Privacy Policy\"\n" \
+    "      href=\"http://en.gitorious.org/privacy_policy/\">Privacy Policy</a></p>\n" \
+    "</div>\n"
diff --git a/doc/images/b2qt-demo-about-b2qt.jpg b/doc/images/b2qt-demo-about-b2qt.jpg
new file mode 100644
index 0000000..f2eb2e0
--- /dev/null
+++ b/doc/images/b2qt-demo-about-b2qt.jpg
diff --git a/doc/images/b2qt-demo-camera.jpg b/doc/images/b2qt-demo-camera.jpg
new file mode 100644
index 0000000..3f15310
--- /dev/null
+++ b/doc/images/b2qt-demo-camera.jpg
diff --git a/doc/images/b2qt-demo-controls-touch.jpg b/doc/images/b2qt-demo-controls-touch.jpg
new file mode 100644
index 0000000..c57eac3
--- /dev/null
+++ b/doc/images/b2qt-demo-controls-touch.jpg
diff --git a/doc/images/b2qt-demo-enterprise-charts.jpg b/doc/images/b2qt-demo-enterprise-charts.jpg
new file mode 100644
index 0000000..2776b0b
--- /dev/null
+++ b/doc/images/b2qt-demo-enterprise-charts.jpg
diff --git a/doc/images/b2qt-demo-enterprise-dashboard.jpg b/doc/images/b2qt-demo-enterprise-dashboard.jpg
new file mode 100644
index 0000000..eb2e3b5
--- /dev/null
+++ b/doc/images/b2qt-demo-enterprise-dashboard.jpg
diff --git a/doc/images/b2qt-demo-enterprise-gallery.jpg b/doc/images/b2qt-demo-enterprise-gallery.jpg
new file mode 100644
index 0000000..8ddcad8
--- /dev/null
+++ b/doc/images/b2qt-demo-enterprise-gallery.jpg
diff --git a/doc/images/b2qt-demo-graphicaleffects.jpg b/doc/images/b2qt-demo-graphicaleffects.jpg
new file mode 100644
index 0000000..80fbbd5
--- /dev/null
+++ b/doc/images/b2qt-demo-graphicaleffects.jpg
diff --git a/doc/images/b2qt-demo-mediaplayer.jpg b/doc/images/b2qt-demo-mediaplayer.jpg
new file mode 100644
index 0000000..0fff215
--- /dev/null
+++ b/doc/images/b2qt-demo-mediaplayer.jpg
diff --git a/doc/images/b2qt-demo-photogallery.jpg b/doc/images/b2qt-demo-photogallery.jpg
new file mode 100644
index 0000000..0b67f1d
--- /dev/null
+++ b/doc/images/b2qt-demo-photogallery.jpg
diff --git a/doc/images/b2qt-demo-qt5-cinematicdemo.jpg b/doc/images/b2qt-demo-qt5-cinematicdemo.jpg
new file mode 100644
index 0000000..21bb2f9
--- /dev/null
+++ b/doc/images/b2qt-demo-qt5-cinematicdemo.jpg
diff --git a/doc/images/b2qt-demo-qt5-everywhere.jpg b/doc/images/b2qt-demo-qt5-everywhere.jpg
new file mode 100644
index 0000000..1bb40bf
--- /dev/null
+++ b/doc/images/b2qt-demo-qt5-everywhere.jpg
diff --git a/doc/images/b2qt-demo-qt5-launchpresentation.jpg b/doc/images/b2qt-demo-qt5-launchpresentation.jpg
new file mode 100644
index 0000000..8decd76
--- /dev/null
+++ b/doc/images/b2qt-demo-qt5-launchpresentation.jpg
diff --git a/doc/images/b2qt-demo-qt5-particlesdemo.jpg b/doc/images/b2qt-demo-qt5-particlesdemo.jpg
new file mode 100644
index 0000000..fa0db59
--- /dev/null
+++ b/doc/images/b2qt-demo-qt5-particlesdemo.jpg
diff --git a/doc/images/b2qt-demo-sensorexplorer.jpg b/doc/images/b2qt-demo-sensorexplorer.jpg
new file mode 100644
index 0000000..b0469e5
--- /dev/null
+++ b/doc/images/b2qt-demo-sensorexplorer.jpg
diff --git a/doc/images/b2qt-demo-sensors.jpg b/doc/images/b2qt-demo-sensors.jpg
new file mode 100644
index 0000000..7ce979d
--- /dev/null
+++ b/doc/images/b2qt-demo-sensors.jpg
diff --git a/doc/images/b2qt-demo-textinput.jpg b/doc/images/b2qt-demo-textinput.jpg
new file mode 100644
index 0000000..f415a86
--- /dev/null
+++ b/doc/images/b2qt-demo-textinput.jpg
diff --git a/doc/images/b2qt-demo.png b/doc/images/b2qt-demo.png
new file mode 100644
index 0000000..e798ae2
--- /dev/null
+++ b/doc/images/b2qt-demo.png
diff --git a/doc/template/images/arrow_bc.png b/doc/template/images/arrow_bc.png
new file mode 100644
index 0000000..f2a83a5
--- /dev/null
+++ b/doc/template/images/arrow_bc.png
diff --git a/doc/template/images/bgrContent.png b/doc/template/images/bgrContent.png
new file mode 100644
index 0000000..1a81b03
--- /dev/null
+++ b/doc/template/images/bgrContent.png
diff --git a/doc/template/images/blu_dot.png b/doc/template/images/blu_dot.png
new file mode 100644
index 0000000..c332148
--- /dev/null
+++ b/doc/template/images/blu_dot.png
diff --git a/doc/template/images/btn_next.png b/doc/template/images/btn_next.png
new file mode 100644
index 0000000..f7bc2b7
--- /dev/null
+++ b/doc/template/images/btn_next.png
diff --git a/doc/template/images/btn_prev.png b/doc/template/images/btn_prev.png
new file mode 100644
index 0000000..10a620c
--- /dev/null
+++ b/doc/template/images/btn_prev.png
diff --git a/doc/template/images/home.png b/doc/template/images/home.png
new file mode 100644
index 0000000..8de6d0c
--- /dev/null
+++ b/doc/template/images/home.png
diff --git a/doc/template/images/ico_note.png b/doc/template/images/ico_note.png
new file mode 100644
index 0000000..1379404
--- /dev/null
+++ b/doc/template/images/ico_note.png
diff --git a/doc/template/images/ico_note_attention.png b/doc/template/images/ico_note_attention.png
new file mode 100644
index 0000000..b85b696
--- /dev/null
+++ b/doc/template/images/ico_note_attention.png
diff --git a/doc/template/images/ico_out.png b/doc/template/images/ico_out.png
new file mode 100644
index 0000000..ff6e458
--- /dev/null
+++ b/doc/template/images/ico_out.png
diff --git a/doc/template/style/offline.css b/doc/template/style/offline.css
new file mode 100644
index 0000000..3bab27b
--- /dev/null
+++ b/doc/template/style/offline.css
@@ -0,0 +1,628 @@
+body{
+font: normal 400 14px/1.2 Arial;
+margin-top:85px;
+font-family: Arial, Helvetica;
+color:#313131;
+text-align:justify;
+margin-left:5px;
+margin-right:5px;
+}
+
+img{
+-moz-box-shadow: 3px 3px 3px #ccc;
+-webkit-box-shadow: 3px 3px 3px #ccc;
+box-shadow: 3px 3px 3px #ccc;
+border:#8E8D8D 2px solid;
+margin-left:0px;
+max-width: 800px;
+height: auto
+}
+
+b{
+font-weight:600;
+}
+
+.content{}
+
+.descr{
+margin-top:35px;
+/*max-width: 75%;*/
+margin-left:5px;
+text-align:justify;
+min-height:700px;
+vertical-align:top;
+}
+
+.name{
+max-width: 75%;
+font-weight:100;
+}
+
+tt{
+text-align:left;}
+
+/*
+-----------
+links
+-----------
+*/
+
+a:link{
+color: #2C418D;
+text-decoration: none;
+text-align:left;
+}
+
+a:hover{
+color: #869CD1;
+text-decoration:underline;
+text-align:left;
+}
+
+a:visited{
+color: #869CD1;
+text-decoration: none;
+text-align:left;
+}
+
+a:visited:hover{
+text-decoration:underline;
+text-align:left;
+}
+
+a[href*="http://"], a[href*="ftp://"],a[href*="https://"]
+{
+text-decoration: none;
+background-image:url(../images/ico_out.png);
+background-repeat:no-repeat;
+background-position:left;
+padding-left:20px;
+text-align:left;
+}
+
+.flags{
+text-decoration:none;
+text-height:24px;
+}
+
+/*
+-------------------------------
+NOTE styles
+-------------------------------
+*/
+.notetitle, .tiptitle, .fastpathtitle{
+font-weight:bold;
+}
+
+.attentiontitle,.cautiontitle,.dangertitle,.importanttitle,.remembertitle,.restrictiontitle{
+font-weight:bold;
+}
+
+.note,.tip,.fastpath{
+background: #F2F2F2 url(../images/ico_note.png);
+background-repeat: no-repeat;
+background-position: top left;
+padding:5px;
+padding-left:40px;
+padding-bottom:10px;
+border:#999 1px dotted;
+color:#666666;
+margin:5px;
+}
+
+.attention,.caution,.danger,.important,.remember,.restriction{
+background: #F2F2F2 url(../images/ico_note_attention.png);
+background-repeat:no-repeat;
+background-position:top left;
+padding:5px;
+padding-left:40px;
+padding-bottom:10px;
+border:#999 1px dotted;
+color:#666666;
+margin:5px;
+}
+
+/*
+-------------------------------
+Top navigation
+-------------------------------
+*/
+
+.header{
+
+height:1px;
+padding:0px;
+margin:0px;
+}
+
+.qtref{
+display: block;
+position: relative;
+top: -76px;
+height:15px;
+z-index: 1;
+font-size:11px;
+padding-right:10px;
+float:right;
+}
+
+.naviNextPrevious{
+display: block;
+position: relative;
+text-align: right;
+top: -53px;
+float:right;
+height:20px;
+z-index:1;
+padding-right:10px;
+padding-top:2px;
+vertical-align:top;
+margin:0px;
+}
+
+
+.naviNextPrevious > a.prevPage {
+background-image:url(../images/btn_prev.png);
+background-repeat:no-repeat;
+background-position:left;
+padding-left:20px;
+height:20px;
+padding-left:20px;
+}
+
+.naviNextPrevious > a.nextPage {
+background-image:url(../images/btn_next.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:20px;
+height:20px;
+margin-left:30px;
+}
+
+.breadcrumb{
+display: block;
+position: relative;
+top:-20px;
+/*border-top:2px solid #ffffff;*/
+border-bottom: 1px solid #cecece;
+background-color:#F2F2F2;
+z-index:1;
+height:20px;
+padding:0px;
+margin:0px;
+padding-left:10px;
+padding-top:2px;
+margin-left:-5px;
+margin-right:-5px;
+}
+
+.breadcrumb ul{
+ margin:0px;
+ padding:0px;
+}
+
+.breadcrumb ul li{
+background-color:#F2F2F2;
+list-style-type:none;
+padding:0;
+margin:0;
+height:20px;
+}
+
+.breadcrumb li{
+float:left;
+}
+
+.breadcrumb .first {
+background:url(../images/home.png);
+background-position:left;
+background-repeat:no-repeat;
+padding-left:20px;
+}
+
+
+.breadcrumb li a{
+color:#2C418D;
+display:block;
+text-decoration:none;
+background:url(../images/arrow_bc.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:25px;
+padding-left:10px;
+}
+
+.breadcrumb li a:hover{
+color:#909090;
+display:block;
+text-decoration:none;
+background:url(../images/arrow.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:20px;
+padding-left:10px;
+}
+
+
+/* table of content
+no display
+*/
+
+/*
+-----------
+headers
+-----------
+*/
+
+
+@media screen{
+.title{
+color:#313131;
+font-size: 18px;
+font-weight: normal;
+left: 0;
+padding-bottom: 20px;
+padding-left: 10px;
+padding-top: 20px;
+position: absolute;
+right: 0;
+top: 0;
+background-color:#E6E6E6;
+border-bottom: 1px #CCC solid;
+border-top: 2px #CCC solid;
+font-weight:bold;
+margin-left:0px;
+margin-right:0px;
+}
+}
+
+h1 {
+margin: 0;
+}
+
+h2, p.h2 {
+font: 500 16px/1.2 Arial;
+font-weight:100;
+background-color:#F2F3F4;
+padding:4px;
+padding-left: 14px;
+margin-bottom:30px;
+margin-top:30px;
+margin-left: -10px;
+margin-right: -5px;
+border-top:#E0E0DE 1px solid;
+border-bottom: #E0E0DE 1px solid;
+}
+
+h3{
+
+font: 500 14px/1.2 Arial;
+font-weight:100;
+text-decoration:underline;
+margin-bottom:30px;
+margin-top:30px;
+}
+
+h3.fn,span.fn{
+border-width: 1px;
+border-style: solid;
+border-color: #E6E6E6;
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+border-radius: 7px 7px 7px 7px;
+background-color: #F6F6F6;
+word-spacing: 3px;
+padding: 5px 5px;
+text-decoration:none;
+font-weight:bold;
+max-width:75%;
+font-size:14px;
+margin:0px;
+margin-top:30px;
+
+}
+
+.name{
+color:#1A1A1A;
+}
+.type{
+color:#808080;
+}
+
+
+
+@media print {
+.title {
+color:#0066CB;
+font-family:Arial, Helvetica;
+font-size: 32px;
+font-weight: normal;
+left: 0;
+position: absolute;
+right: 0;
+top: 0;
+}
+}
+
+
+/*
+-----------------
+table styles
+-----------------
+*/
+.table img {
+border:none;
+margin-left:0px;
+-moz-box-shadow:0px 0px 0px #fff;
+-webkit-box-shadow: 0px 0px 0px #fff;
+box-shadow: 0px 0px 0px #fff;
+}
+
+/* table with border alternative colors*/
+
+ table,pre{
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+ border-radius: 7px 7px 7px 7px;
+background-color: #F6F6F6;
+border: 1px solid #E6E6E6;
+border-collapse: separate;
+font-size: 12px;
+line-height: 1.2;
+margin-bottom: 25px;
+margin-left: 15px;
+font-size: 12px;
+line-height: 1.2;
+margin-bottom: 25px;
+margin-left: 15px;
+}
+
+
+table th{
+text-align:left;
+padding-left:20px;
+}
+
+table td {
+padding: 3px 15px 3px 20px;
+border-bottom:#CCC dotted 1px;
+}
+table p { margin:0px;}
+
+table tr.even {
+background-color: white;
+color: #66666E;
+}
+
+table tr.odd {
+background-color: #F6F6F6;
+color: #66666E;
+}
+
+
+table thead {
+text-align:left;
+padding-left:20px;
+background-color:#e1e0e0;
+border-left:none;
+border-right:none;
+}
+
+table thead th {
+padding-top:5px;
+padding-left:10px;
+padding-bottom:5px;
+border-bottom: 2px solid #D1D1D1;
+padding-right:10px;
+}
+
+
+/* table bodless & white*/
+
+.borderless {
+border-radius: 0px 0px 0px 0px;
+background-color: #fff;
+border: 1px solid #fff;
+}
+
+.borderless tr {
+background-color: #FFF;
+color: #66666E;
+}
+
+.borderless td {
+border:none;
+border-bottom:#fff dotted 1px;
+}
+
+/*
+-----------
+List
+-----------
+*/
+
+ul{
+padding-bottom:2px;
+}
+
+li {
+margin-bottom: 10px;
+padding-left: 8px;
+list-style:outside;
+list-style-type:square;
+text-align:left;
+}
+
+
+ol{
+margin:10px;
+padding:0;
+}
+
+ol > li{
+margin-left: 30px;
+padding-left:8px;
+list-style:decimal;
+}
+
+.centerAlign{
+text-align: left;
+}
+
+.cpp{
+display: block;
+margin: 10;
+overflow: hidden;
+overflow-x: hidden;
+overflow-y: hidden;
+padding: 20px 0 20px 0;
+}
+
+.footer{
+margin-top: 50px;
+padding-left:5px;
+margin-bottom: 10px;
+font-size:10px;
+border-top: 1px solid #999;
+padding-top:11px;
+}
+
+.footer a[href*="http://"], a[href*="ftp://"],a[href*="https://"]{
+background-size: 13px 11px;
+padding-left: 16px;
+}
+
+.footerNavi{
+width:auto;
+text-align:right;
+margin-top:50px;
+z-index:1;
+}
+
+.memItemLeft{
+padding-right: 3px;
+}
+
+.memItemRight{
+padding: 3px 15px 3px 0;
+}
+
+.qml{
+display: block;
+margin: 10;
+overflow: hidden;
+overflow-x: hidden;
+overflow-y: hidden;
+padding: 20px 0 20px 0;
+}
+
+.qmldefault{
+padding-left: 5px;
+float: right;
+color: red;
+}
+
+.qmlreadonly{
+padding-left: 5px;
+float: right;
+color: #254117;
+}
+
+.rightAlign{
+padding: 3px 5px 3px 10px;
+text-align: right;
+}
+
+/*
+-----------
+Content table
+-----------
+*/
+
+@media print{
+.toc {
+float: right;
+padding-bottom: 10px;
+padding-top: 50px;
+width: 100%;
+background-image:url(../images/bgrContent.png);
+background-position:top;
+background-repeat:no-repeat;
+}
+}
+
+@media screen{
+.toc{
+clear:both;
+float:right;
+vertical-align:top;
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+border-radius: 7px 7px 7px 7px;
+ background:#FFF url(../images/bgrContent.png);
+background-position:top;
+background-repeat:repeat-x;
+border: 1px solid #E6E6E6;
+padding-left:5px;
+padding-bottom:10px;
+height: auto;
+width: 200px;
+text-align:left;
+z-index:2;
+margin-left:20px;
+margin-right:20px;
+margin-top:0px;
+padding-top:0px;
+}
+}
+
+.toc h3{
+text-decoration:none;
+}
+
+.toc h3{font: 500 14px/1.2 Arial;
+font-weight:100;
+padding:0px;
+margin:0px;
+padding-top:5px;
+padding-left:5px;
+}
+
+
+.toc ul{
+width:160px;
+padding-left:10px;
+padding-right:5px;
+padding-top:10px;
+}
+
+.toc ul li{
+margin-left:20px;
+list-style-image:url(../images/blu_dot.png);
+list-style:outside;
+
+}
+
+
+.toc ul li a:link{
+color: #2C418D;
+text-decoration: none;
+}
+
+.toc ul li a:hover{
+color: #869CD1;
+text-decoration:underline;
+
+}
+
+.toc ul li a:visited{
+color: #869CD1;
+font-weight: bold;
+}
+
+.level1{
+border:none;}
+
+.clearfix{
+clear:both;}
+