Doc: A number of fixes and updates for the new design. See details

index.qdoc updated the HTML to use sprites
images - deleted obsolete images from templates/images
images - added new images to templates/images
styles.css - updated styles to handle index, sprites and templates correct.
assistant.qdoconf - updates images
designer.qdoconf - updates images
linguist.qdoconf - updates images
declarative.qdoconf - updates images
qmake.qdoconf - updates images
qt-build-docs.qdoconf - updates images
qt-build-docs_zh_CN.qdoconf - updates images
qt-defines.qdoconf - updates images
qt.qdoconf - updates images
qt_zh_CN.qdoconf - updates images
qt-htmlTemplates.qdoconf - updated template to use sprites
declarativeui.qdoc -  removed <br>

Reviewed-by: Trust Me

31 files changed, 298 insertions, 122 deletions

diff --git a/doc/src/declarative/declarativeui.qdoc b/doc/src/declarative/declarativeui.qdoc
index d79c4d2..9728abb 100644
--- a/doc/src/declarative/declarativeui.qdoc
+++ b/doc/src/declarative/declarativeui.qdoc
@@ -48,10 +48,6 @@ highly dynamic, custom user interfaces.
 
 \section1 \l{QML Elements}{Fast QML Elements Reference Page}
 
-\raw HTML
-<br>
-\endraw
-
 \section1 Preamble
 
 Qt Declarative UI provides a declarative framework for building highly dynamic, custom
diff --git a/doc/src/index.qdoc b/doc/src/index.qdoc
index 6047e91..92f91e6 100644
--- a/doc/src/index.qdoc
+++ b/doc/src/index.qdoc
@@ -44,16 +44,15 @@
     \keyword Qt Reference Documentation
 
     \raw HTML
-          <div class="indexbox" >
+          <div class="indexbox guide" >
             <div class="heading">
               Qt Developer Guide</div>
             <div class="indexboxcont indexboxbar">
-              <div class="section indexIcon">
-                <img src="images/qt_guide.png" alt="" /></div>
+              <div class="section indexIcon"><span></span></div>
               <div class="section">
                 <p>Qt is a cross-platform application and UI framework. Using Qt, you can write web-enabled applications once and deploy them across desktop, mobile and embedded operating systems without rewriting the source code.</p>
               </div>
-              <div class="section sectionlist lastcol">
+              <div class="section sectionlist">
                 <ul>
                   <li><a href="">Getting started</a></li>
                   <li><a href="installation.html">Installation &amp; first steps</a></li>
@@ -65,11 +64,11 @@
               </div>
             </div>
           </div>
-          <div class="indexbox">
+          <div class="indexbox api">
             <div class="heading">
               Qt API Overviews</div>
-            <div class="indexboxcont indexboxbar tricol">
-              <div class="sectionlist">
+            <div class="indexboxcont indexboxbar ">
+              <div class="sectionlist tricol">
                 <ul>
                   <li><a href="modules.html">All modules</a></li>
                   <li><a href="classes.html">All classes</a></li>
@@ -78,7 +77,7 @@
                   <li><a href="platform-specific.html">Platform support &amp; specifics</a></li>
                 </ul>
               </div>
-              <div class="sectionlist">
+              <div class="sectionlist  tricol">
                 <ul>
                   <li><a href="object.html">QObject model</a></li>
                   <li><a href="application-windows.html">Window architecture</a></li>
@@ -87,7 +86,7 @@
                   <li><a href="paintsystem.html">Paint system</a></li>
                 </ul>
               </div>
-              <div class="lastcol">
+              <div class="sectionlist">
                 <ul>
                   <li><a href="graphicsview.html">Canvas UI with Graphics View</a></li>
                   <li><a href="declarativeui.html">UI design &amp; Qt Quick</a></li>
@@ -98,17 +97,16 @@
               </div>
             </div>
           </div>
-          <div class="indexbox">
+          <div class="indexbox tools">
             <div class="heading">
               Qt Tools</div>
             <div class="indexboxcont">
-              <div class="section indexIcon">
-                <img src="images/qt_tools.png" alt="" /></div>
+              <div class="section indexIcon"><span></span></div>
               <div class="section">
                 <p>Qt offers a selection of development tools for different tasks. Use Qt Creator for
                 project and code management as well as building powerfull UIs.</p>
               </div>
-              <div class="section sectionlist lastcol">
+              <div class="section sectionlist">
                 <ul>
                   <li><a href="http://doc.qt.nokia.com/qtcreator-1.3/index.html">Qt Creator</a></li>
                   <li><a href="designer-manual.html">Qt Designer</a></li>
@@ -118,9 +116,8 @@
                   <li><a href="qvfb.html">Virtual Framebuffer</a></li>
                 </ul>
               </div>
-            </div>          
-          </div>
-
+            </div>
+		  </div>
     \endraw
 
 */
diff --git a/doc/src/template/images/api_examples.png b/doc/src/template/images/api_examples.png
deleted file mode 100755
index 1fcbc96..0000000
--- a/doc/src/template/images/api_examples.png
+++ /dev/null
diff --git a/doc/src/template/images/api_lookup.png b/doc/src/template/images/api_lookup.png
deleted file mode 100755
index 1cffd5e..0000000
--- a/doc/src/template/images/api_lookup.png
+++ /dev/null
diff --git a/doc/src/template/images/api_topics.png b/doc/src/template/images/api_topics.png
deleted file mode 100755
index a76a6c3..0000000
--- a/doc/src/template/images/api_topics.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_l.png b/doc/src/template/images/bg_l.png
index 95470c7..90b1da1 100755
--- a/doc/src/template/images/bg_l.png
+++ b/doc/src/template/images/bg_l.png
diff --git a/doc/src/template/images/bg_l_blank.png b/doc/src/template/images/bg_l_blank.png
index e0eca3f..5a9673d 100755
--- a/doc/src/template/images/bg_l_blank.png
+++ b/doc/src/template/images/bg_l_blank.png
diff --git a/doc/src/template/images/bg_ll.png b/doc/src/template/images/bg_ll.png
deleted file mode 100755
index 99796e7..0000000
--- a/doc/src/template/images/bg_ll.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_ll_blank.png b/doc/src/template/images/bg_ll_blank.png
deleted file mode 100755
index 95a1c45..0000000
--- a/doc/src/template/images/bg_ll_blank.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_lr.png b/doc/src/template/images/bg_lr.png
deleted file mode 100755
index fef1d17..0000000
--- a/doc/src/template/images/bg_lr.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_r.png b/doc/src/template/images/bg_r.png
index 42a35a5..f0fb121 100755
--- a/doc/src/template/images/bg_r.png
+++ b/doc/src/template/images/bg_r.png
diff --git a/doc/src/template/images/bg_ul.png b/doc/src/template/images/bg_ul.png
deleted file mode 100755
index 303181f..0000000
--- a/doc/src/template/images/bg_ul.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_ul_blank.png b/doc/src/template/images/bg_ul_blank.png
deleted file mode 100755
index 7051261..0000000
--- a/doc/src/template/images/bg_ul_blank.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_ur.png b/doc/src/template/images/bg_ur.png
deleted file mode 100755
index bfa51a4..0000000
--- a/doc/src/template/images/bg_ur.png
+++ /dev/null
diff --git a/doc/src/template/images/bg_ur_blank.png b/doc/src/template/images/bg_ur_blank.png
deleted file mode 100755
index 5779961..0000000
--- a/doc/src/template/images/bg_ur_blank.png
+++ /dev/null
diff --git a/doc/src/template/images/box_bg.png b/doc/src/template/images/box_bg.png
index 232655a..3322f92 100755
--- a/doc/src/template/images/box_bg.png
+++ b/doc/src/template/images/box_bg.png
diff --git a/doc/src/template/images/breadcrumb.png b/doc/src/template/images/breadcrumb.png
index f0571ce..0ded551 100755
--- a/doc/src/template/images/breadcrumb.png
+++ b/doc/src/template/images/breadcrumb.png
diff --git a/doc/src/template/images/bullet_gt.png b/doc/src/template/images/bullet_gt.png
index 8875925..7561b4e 100755
--- a/doc/src/template/images/bullet_gt.png
+++ b/doc/src/template/images/bullet_gt.png
diff --git a/doc/src/template/images/bullet_sq.png b/doc/src/template/images/bullet_sq.png
index db85ee3..a84845e 100755
--- a/doc/src/template/images/bullet_sq.png
+++ b/doc/src/template/images/bullet_sq.png
diff --git a/doc/src/template/images/content_bg.png b/doc/src/template/images/content_bg.png
deleted file mode 100755
index 416397d..0000000
--- a/doc/src/template/images/content_bg.png
+++ /dev/null
diff --git a/doc/src/template/images/form_bg.png b/doc/src/template/images/form_bg.png
deleted file mode 100755
index bf2ee54..0000000
--- a/doc/src/template/images/form_bg.png
+++ /dev/null
diff --git a/doc/src/template/images/header.png b/doc/src/template/images/header.png
deleted file mode 100644
index 141488b..0000000
--- a/doc/src/template/images/header.png
+++ /dev/null
diff --git a/doc/src/template/images/page_bg.png b/doc/src/template/images/page_bg.png
index fb7d051..9b3bd99 100755
--- a/doc/src/template/images/page_bg.png
+++ b/doc/src/template/images/page_bg.png
diff --git a/doc/src/template/images/print.png b/doc/src/template/images/print.png
deleted file mode 100755
index 4581da1..0000000
--- a/doc/src/template/images/print.png
+++ /dev/null
diff --git a/doc/src/template/images/qt_guide.png b/doc/src/template/images/qt_guide.png
deleted file mode 100755
index 9f53a05..0000000
--- a/doc/src/template/images/qt_guide.png
+++ /dev/null
diff --git a/doc/src/template/images/qt_icon.png b/doc/src/template/images/qt_icon.png
deleted file mode 100755
index fbaee35..0000000
--- a/doc/src/template/images/qt_icon.png
+++ /dev/null
diff --git a/doc/src/template/images/qt_ref_doc.png b/doc/src/template/images/qt_ref_doc.png
deleted file mode 100755
index 141488b..0000000
--- a/doc/src/template/images/qt_ref_doc.png
+++ /dev/null
diff --git a/doc/src/template/images/qt_tools.png b/doc/src/template/images/qt_tools.png
deleted file mode 100755
index cc24179..0000000
--- a/doc/src/template/images/qt_tools.png
+++ /dev/null
diff --git a/doc/src/template/images/sep.png b/doc/src/template/images/sep.png
deleted file mode 100755
index c895646..0000000
--- a/doc/src/template/images/sep.png
+++ /dev/null
diff --git a/doc/src/template/scripts/functions.js b/doc/src/template/scripts/functions.js
index fa454e3..b2e791c 100755
--- a/doc/src/template/scripts/functions.js
+++ b/doc/src/template/scripts/functions.js
@@ -1,4 +1,3 @@
-
 /* START non link areas where cursor should change to pointing hand */
 $('.t_button').mouseover(function() {
     $('.t_button').css('cursor','pointer');
@@ -35,27 +34,250 @@ $('#bigA').click(function() {
 		$(this).addClass('active')
 });
 
-function doSearch(str){
-
-if (str.length>3)
-  {
-  alert('Search is not yet activated.');
- // document.getElementById("refWrapper").innerHTML="";
-  return;
-  }
- else
-  return;
-    
-//    var url="indexSearch.php";
-//    url=url+"?q="+str;
- //   url=url+"&sid="+Math.random();
-   // var url="http://localhost:8983/solr/select?";
-   // url=url+"&q="+str;
-   // url=url+"&fq=&start=0&rows=10&fl=&qt=&wt=&explainOther=&hl.fl=";
-    
-  //  $.get(url, function(data){ 
-   // alert(data);
-  // document.getElementById("refWrapper").innerHTML=data; 
- //});
-   
-}
\ No newline at end of file
+
+var lookupCount = 0;
+var articleCount = 0;
+var exampleCount = 0;
+var qturl = ""; // change to  0
+function processNokiaData(response){
+
+	var propertyTags = response.getElementsByTagName('page');
+	var ulStartElement = "<ul>";
+	var ulEndElement = "</ul>";
+	 
+	for (var i=0; i< propertyTags.length; i++) {
+		
+		  var full_address_lookup   = "<ul><li><a href='"+qturl+"";
+		  var full_address_topic    = "<ul><li><a href='"+qturl+"";
+		  var full_address_examples = "<ul><li><a href='"+qturl+"";
+		 
+		 if(propertyTags[i].getElementsByTagName('pageType')[0].firstChild.nodeValue == 'APIPage'){
+			 lookupCount=0;
+			 document.getElementById('live001').style.display = "block";
+			 // document.getElementById('live001').style.height = "150px";
+			 
+			 for (var j=0; j< propertyTags[i].getElementsByTagName('pageWords').length; j++){
+				    full_address_lookup = full_address_lookup + propertyTags[i].getElementsByTagName('pageUrl')[j].firstChild.nodeValue;
+					full_address_lookup =  full_address_lookup + "'>" + propertyTags[i].getElementsByTagName('pageTitle')[0].firstChild.nodeValue
+					+ '</a></li></ul>' ;
+					
+					// var rowlookup = document.getElementById('div001').insertRow(-1);
+					// var celllookup = rowlookup.insertCell(-1);
+					// celllookup.style.padding="0 0 0 0";
+					// lookupCount++;
+					// celllookup.innerHTML = full_address_lookup ;
+					// document.getElementById('list001').style.display = "none";
+					
+					// <li>
+					//var listElement = "<li><a href='"+ full_address_lookup +"" + '</a></li>';
+					
+		   		}
+			}
+		 
+			if(propertyTags[i].getElementsByTagName('pageType')[0].firstChild.nodeValue == 'Article'){
+				articleCount = 0;
+				 document.getElementById('live002').style.display = "block";
+				 // document.getElementById('live002').style.height = "150px";
+				for (var j=0; j< propertyTags[i].getElementsByTagName('pageWords').length; j++){
+					full_address_topic = full_address_topic + propertyTags[i].getElementsByTagName('pageUrl')[j].firstChild.nodeValue;
+					full_address_topic =  full_address_topic + "'>" + propertyTags[i].getElementsByTagName('pageTitle')[0].firstChild.nodeValue
+					+ '</a></li></ul>';
+						// var rowlookup = document.getElementById('div002').insertRow(-1);
+						// var celllookup = rowlookup.insertCell(-1);
+						// celllookup.style.padding="0 0 0 0";
+						// articleCount++;
+						// celllookup.innerHTML = full_address_topic;
+						// document.getElementById('list002').style.display = "none";
+			   		}
+			}
+			if(propertyTags[i].getElementsByTagName('pageType')[0].firstChild.nodeValue == 'Example'){
+				exampleCount = 0;
+				 document.getElementById('live003').style.display = "block";
+				 // document.getElementById('live003').style.height = "150px";
+				for (var j=0; j< propertyTags[i].getElementsByTagName('pageWords').length; j++){
+					full_address_examples = full_address_examples + propertyTags[i].getElementsByTagName('pageUrl')[j].firstChild.nodeValue;
+					full_address_examples =  full_address_examples + "'>" + propertyTags[i].getElementsByTagName('pageTitle')[0].firstChild.nodeValue
+					+ '</a></li></ul>';
+						// var rowlookup = document.getElementById('div003').insertRow(-1);
+						// var celllookup = rowlookup.insertCell(-1);
+						// celllookup.style.padding="0 0 0 0";
+						// exampleCount++;
+						// celllookup.innerHTML = full_address_examples;
+						// document.getElementById('list003').style.display = "none";
+			   		}
+				}
+		
+	}	
+
+
+	 
+	if(lookupCount == 0){loadLookupList();}
+    if(articleCount == 0){loadArticleList();}
+	if(exampleCount == 0){loadExampleList();}
+	// reset count variables;
+	 lookupCount=0;
+	 articleCount = 0;
+     exampleCount = 0;
+	
+}
+function removeResults() {
+	/*  var resultsTableLookup = document.getElementById('div001');
+	var recordslookup = resultsTableLookup.rows.length;
+	
+	for (var i=(recordslookup-1); i> 0; i--){
+		// resultsTableLookup.deleteRow(i); 
+					    
+	}
+
+	var resultsTableTopic = document.getElementById('div002');
+	var recordstopic = resultsTableTopic.rows.length;
+	for (var i=(recordstopic-1); i> 0; i--){
+		// alert("delete: " + i);
+		// resultsTableTopic.deleteRow(i);
+	}
+
+	
+	var resultsTableexample = document.getElementById('div003');
+	var recordsexample = resultsTableexample.rows.length;
+	for (var i=(recordsexample-1); i> 0; i--)
+		// resultsTableexample.deleteRow(i);
+ */
+	removeList();	
+}
+       
+function removeList(){
+ 	// var resultsTableLookuplist = document.getElementById('tbl001');
+	// var recordlookuplist = resultsTableLookuplist.rows.length;
+	// for (var i=(recordlookuplist-1); i> 0; i--)
+		// resultsTableLookuplist.deleteRow(i);
+
+	// var resultsTableArticlelist = document.getElementById('tbl002');
+	// var recordArticlelist = resultsTableArticlelist.rows.length;
+	// for (var i=(recordArticlelist-1); i> 0; i--)
+		// resultsTableArticlelist.deleteRow(i);
+
+	// var resultsTableExamplelist = document.getElementById('tbl003');
+	// var recordExamplelist = resultsTableExamplelist.rows.length;
+	// for (var i=(recordExamplelist-1); i> 0; i--)
+		// resultsTableExamplelist.deleteRow(i);
+ }
+ 
+//build regular expression object to find empty string or any number of blank
+var blankRE=/^\s*$/;
+function CheckEmptyAndLoadList()
+{
+	var value = document.getElementById('pageType').value; 
+	if((blankRE.test(value)) || (value.length < 3))
+	{
+	//empty inputbox
+		loadAllList(); 
+		//alert("loadAllList");
+        document.getElementById('live001').style.display = "none";
+        document.getElementById('live002').style.display = "none";
+        document.getElementById('live003').style.display = "none";	
+        document.getElementById('list001').style.display = "block";
+        document.getElementById('list002').style.display = "block";
+        document.getElementById('list003').style.display = "block";
+	}else{
+		removeList();
+		//alert("removeList");
+		document.getElementById('live001').style.display = "block";
+		document.getElementById('live002').style.display = "block";
+		document.getElementById('live003').style.display = "block";
+		 
+	}
+}
+function loadAllList(){
+
+	var fullAddressListLookup   = "<ul><li><a href='"+qturl+"modules.html'>All modules</a></li>" 
+		+ "<li><a href='"+qturl+"classes.html'>All classes</a></li>"  
+		+ "<li><a href='"+qturl+"functions.html'>All functions</a></li>"  
+		+ "<li><a href='"+qturl+"platform-specific.html'>Platform specifics</a></li>"  
+		+ "</ul>";
+	// var rowlistlookup = document.getElementById('tbl001').insertRow(-1);
+	// var celllistlookup = rowlistlookup.insertCell(-1);
+	// celllistlookup.style.padding="0 0 0 0";
+	//celllistlookup.style.width="10px";
+	//celllistlookup.style.background = "yellow";
+	//celllistlookup.innerHTML = fullAddressListLookup ;
+
+
+ 
+  
+	var fullAddressListArticle  = "<ul><li><a href='"+qturl+"object.html'>QObject model</a></li>" 
+		+ "<li><a href='"+qturl+"eventsandfilters.html'>Events, signals &amp; slots</a></li>"  
+		+ "<li><a href='"+qturl+"paintsystem.html'>Graphics &amp; Paint system</a></li>"  
+		+ "<li><a href='"+qturl+"declarativeui.html'>Qt Quick</a></li>"  
+		+ "<li><a href='"+qturl+"widgets-and-layouts.html'>Widget style &amp; layout</a></li>" 
+		+ "</ul>";
+	// var rowlistarticle = document.getElementById('tbl002').insertRow(-1);
+	// var celllistarticle = rowlistarticle.insertCell(-1);
+	// celllistarticle.style.padding="0 0 0 0";
+	//celllistarticle.innerHTML = fullAddressListArticle ;
+
+ 
+	var fullAddressListExample   = "<ul><li><a href='"+qturl+"examples.html'>All examples</a></li>" 
+		+ "<li><a href='"+qturl+"tutorials.html'>All tutorials</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Qt Quick examples</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Desktop examples</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Device examples</a></li>"  
+		+ "</ul>";
+	// var rowlistexample = document.getElementById('tbl003').insertRow(-1);
+	// var celllistexample = rowlistexample.insertCell(-1);
+	// celllistexample.style.padding="0 0 0 0";
+	//celllistexample.innerHTML = fullAddressListExample ;
+	
+}
+
+function loadLookupList(){
+	
+	var fullAddressListLookup   = "<ul><li><a href='"+qturl+"modules.html'>All modules</a></li>" 
+		+ "<li><a href='"+qturl+"classes.html'>All classes</a></li>"  
+		+ "<li><a href='"+qturl+"functions.html'>All functions</a></li>"  
+		+ "<li><a href='"+qturl+"platform-specific.html'>Platform specifics</a></li>"  
+		+ "</ul>";
+	// var rowlistlookup = document.getElementById('tbl001').insertRow(-1);
+	// var celllistlookup = rowlistlookup.insertCell(-1);
+	// celllistlookup.style.padding="0 0 0 0";
+	//celllistlookup.style.width="10px";
+	//celllistlookup.style.background = "yellow";
+	celllistlookup.innerHTML = fullAddressListLookup ;
+	document.getElementById('live001').style.display = "none";
+	document.getElementById('list001').style.display = "block";
+	//alert("loadLookupList")
+
+}
+function loadArticleList(){ 
+  
+	var fullAddressListArticle  = "<ul><li><a href='"+qturl+"object.html'>QObject model</a></li>" 
+		+ "<li><a href='"+qturl+"eventsandfilters.html'>Events, signals &amp; slots</a></li>"  
+		+ "<li><a href='"+qturl+"paintsystem.html'>Graphics &amp; Paint system</a></li>"  
+		+ "<li><a href='"+qturl+"declarativeui.html'>Qt Quick</a></li>"  
+		+ "<li><a href='"+qturl+"widgets-and-layouts.html'>Widget style &amp; layout</a></li>" 
+		+ "</ul>";
+	// var rowlistarticle = document.getElementById('tbl002').insertRow(-1);
+	// var celllistarticle = rowlistarticle.insertCell(-1);
+	// celllistarticle.style.padding="0 0 0 0";
+	celllistarticle.innerHTML = fullAddressListArticle ;
+	document.getElementById('live002').style.display = "none";
+	document.getElementById('list002').style.display = "block";
+	}
+
+function loadExampleList(){
+ 
+	var fullAddressListExample   = "<ul><li><a href='"+qturl+"examples.html'>All examples</a></li>" 
+		+ "<li><a href='"+qturl+"tutorials.html'>All tutorials</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Qt Quick examples</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Desktop examples</a></li>"  
+		+ "<li><a href='"+qturl+"#'>Desktop examples</a></li>"  
+		+ "</ul>";
+	// var rowlistexample = document.getElementById('tbl003').insertRow(-1);
+	// var celllistexample = rowlistexample.insertCell(-1);
+	// celllistexample.style.padding="0 0 0 0";
+	celllistexample.innerHTML = fullAddressListExample ;
+	document.getElementById('live003').style.display = "none";
+	document.getElementById('list003').style.display = "block";
+	
+}
+
+
diff --git a/doc/src/template/style/style.css b/doc/src/template/style/style.css
index eb8434c..9c290f5 100755
--- a/doc/src/template/style/style.css
+++ b/doc/src/template/style/style.css
@@ -58,7 +58,7 @@
     {
         vertical-align: baseline;
     }
-	    .heading
+    .heading
     {
         font: normal 600 16px/1.0 Arial;
         padding-bottom: 15px;
@@ -86,7 +86,6 @@
     {
         font-size: 100%;
     }
-
     html
     {
         background-color: #e5e5e5;
@@ -105,13 +104,11 @@
     {
         font-style: italic;
     }
-
     a
     {
         color: #00732f;
         text-decoration: none;
     }
-
     .header, .footer, .wrapper
     {
         min-width: 600px;
@@ -140,7 +137,6 @@
         overflow: hidden;
         background: url(../images/page.png) no-repeat 100% -30px;
     }
-
     .wrapper .bd
     {
         background: url(../images/bg_l.png) repeat-y 0 0;
@@ -153,19 +149,18 @@
     .wrapper .ft
     {
         padding-left: 216px;
-        height: 15px; /* 			background: url(../images/bg_ll.png) no-repeat 0 0; */
+        height: 15px;
         background: url(../images/page.png) no-repeat 0 -75px;
         overflow: hidden;
     }
     .offline .wrapper .ft
     {
-        /*background: url(../images/bg_ll_blank.png) no-repeat 0 0;*/
         background: url(../images/page.png) no-repeat 0 -90px;
     }
     .wrapper .ft span
     {
         height: 15px;
-        display: block; /* 			background: url(../images/bg_lr.png) no-repeat 100% 0; */
+        display: block;
         background: url(../images/page.png) no-repeat 100% -60px;
         overflow: hidden;
     }
@@ -215,13 +210,7 @@
     {
         display: none;
     }
-    /*
-    		.sidebar a
-    		{
-    			color: #00732f;
-    			text-decoration: none;
-    		}
-    */
+
     .sidebar .searchlabel
     {
         padding: 0 0 2px 17px;
@@ -235,20 +224,13 @@
 
     .sidebar .search form
     {
-        /*	width: 167px; 			height: 21px; 			padding: 2px 0 0 5px;*/ /*	background: url(../images/form_bg.png) no-repeat 0 0;*/
         background: url(../images/sprites-combined.png) no-repeat -6px -348px;
+		height:21px;
+		padding:2px 0 0 5px;
+		width:167px;
     }
 
-
-
-
-
-
-
-
-
-
-    .sidebar .search form input#searchstring
+    .sidebar .search form input#pageType
     {
         width: 158px;
         height: 19px;
@@ -271,7 +253,7 @@
     .sidebar .box h2
     {
         font: normal 18px/1.2 Arial;
-        padding: 0; /*15px 0 0 40px;*/
+        padding: 0;
         min-height: 32px;
     }
     .sidebar .box h2 span
@@ -281,7 +263,7 @@
     }
     .sidebar .box#lookup h2
     {
-        background-image: none; /*			background: url(../images/api_lookup.png) no-repeat 0 0;*/
+        background-image: none;
     }
     .sidebar #lookup.box h2 span
     {
@@ -292,7 +274,6 @@
     }
     .sidebar .box#topics h2
     {
-        /*	background: url(../images/api_topics.png) no-repeat 0 0;*/
         background-image: none;
     }
     .sidebar #topics.box h2 span
@@ -304,7 +285,6 @@
     }
     .sidebar .box#examples h2
     {
-        /* background: url(../images/api_examples.png) no-repeat 0 0; */
         background-image: none;
     }
     .sidebar #examples.box h2 span
@@ -345,7 +325,7 @@
     .wrap
     {
         margin: 0 5px 0 208px;
-        overflow: visible; /* 		overflow: hidden; */
+        overflow: visible; 
     }
     .offline .wrap
     {
@@ -355,7 +335,7 @@
     {
         background-color: #fafafa;
         border-bottom: 1px solid #d1d1d1;
-        height: 20px; /*	margin-left: 3px; 			margin-right: 5px;*/
+        height: 20px; 
         position: relative;
     }
     .wrap .toolbar .toolblock
@@ -417,7 +397,6 @@
         background: url(../images/sprites-combined.png) no-repeat -137px -311px;
     }
 
-
     .toolbuttons #smallA
     {
         font-size: 10pt;
@@ -437,13 +416,6 @@
         color: #00732F;
     }
 
-
-
-
-
-
-
-
     .offline .wrap .breadcrumb
     {
     }
@@ -484,7 +456,7 @@
         background: url(../images/bullet_sq.png) no-repeat 0 5px;
         font: normal 400 10pt/1 Verdana;
         color: #44a51c;
-        margin-bottom: 10px; /*line-height: 14px;*/
+        margin-bottom: 10px; 
     }
     .content li:hover
     {
@@ -498,7 +470,7 @@
 
     .wrap .content h1
     {
-        font: 600 18px/1.2 Arial; /*		padding-bottom: 15px;*/
+        font: 600 18px/1.2 Arial;
     }
     .wrap .content h2
     {
@@ -539,7 +511,6 @@
     }
     .feedback
     {
-        /*float: right;*/ /* 			padding-right: 10px; */
         float: none;
         position: absolute;
         right: 15px;
@@ -666,7 +637,7 @@
 
     #nav-logo
     {
-        background: transparent url(      "../images/sprites-combined.png" ) no-repeat 0 -225px;
+        background: transparent url(../images/sprites-combined.png ) no-repeat 0 -225px;
         left: -3px;
         position: absolute;
         width: 75px;
@@ -686,7 +657,7 @@
     .shortCut-topleft-inactive
     {
         padding-left: 3px;
-        background: transparent url(      "../images/sprites-combined.png" ) no-repeat 0px -58px;
+        background: transparent url( ../images/sprites-combined.png) no-repeat 0px -58px;
         height: 20px;
         width: 47px;
     }
@@ -723,10 +694,6 @@
         color: #44a51c;
     }
 
-    /* end of header elements */
-
-
-
     hr
     {
         background-color: #E6E6E6;
@@ -748,7 +715,6 @@
         padding: 20px 15px 20px 20px;
         overflow-x: auto;
     }
-    /* tables */
     table, pre
     {
         -moz-border-radius: 7px 7px 7px 7px;
@@ -756,7 +722,7 @@
         border: 1px solid #E6E6E6;
         border-collapse: separate;
         font-size: 11px;
-        min-width: 395px;
+        /*min-width: 395px;*/
         margin-bottom: 25px;
         display: inline-block;
     }
@@ -853,9 +819,6 @@
         text-decoration: none;
     }
 
-
-
-
     #feedbox
     {
         display: inline;
@@ -900,15 +863,13 @@
 
     .wrap .content .toc ul
     {
-        /* float: left;*/
         padding-left: 0px;
     }
 
 
     .wrap .content .toc .level2
     {
-        /* float: left;*/
-        padding-left: 15px;
+        margin-left: 15px;
     }
 
     .content .toc li
@@ -947,39 +908,42 @@
     .indexbox
     {
         width: 100%;
+		display:inline-block;
     }
 
     .indexboxcont
     {
         display: block;
-        overflow: hidden;
+       /* overflow: hidden;*/
     }
 
     .indexboxbar
     {
-        background: transparent url(    "../images/horBar.png" ) repeat-x left bottom;
+        background: transparent url(../images/horBar.png ) repeat-x left bottom;
         margin-bottom: 25px;
-        background-image: none;
-        border-bottom: 1px solid #e2e2e2;
+     /*   background-image: none;
+        border-bottom: 1px solid #e2e2e2;*/
     }
 
     .indexboxcont .section
     {
         display: inline-block;
         width: 49%; 
-		*width:42%;
-		_width:42%;
-		padding:02%01%;
-		vertical-align:top;
-	}
+        *width:42%;
+        _width:42%;
+        padding:0 2% 0 1%;
+        vertical-align:top;
+
+}
 
     .indexboxcont .indexIcon
     {
         width: 11%; 
-		*width:18%;
-		_width:18%;
-		overflow:hidden;
-	}
+        *width:18%;
+        _width:18%;
+        overflow:hidden;
+
+}
     .indexboxcont .section p
     {
         padding-top: 20px;
@@ -988,7 +952,7 @@
     .indexboxcont .sectionlist
     {
         display: inline-block;
-        width: 33%; 
+        width: 33%;
         padding: 0;
     }
     .indexboxcont .sectionlist ul
@@ -1031,7 +995,7 @@
     {
         display: block;
     }
- .
+    
     .indexbox.guide .indexIcon span
     {
         width: 96px;
@@ -1039,7 +1003,7 @@
         background: url(../images/sprites-combined.png) no-repeat -5px -376px;
         padding: 0;
     }
- .
+    
     .indexbox.tools .indexIcon span
     {
         width: 115px;
@@ -1061,9 +1025,6 @@
         margin-left: -6px;
     }
     /* end indexbox */
-
-    /* end page elements */
-
 }
 /* end of screen media */
 
@@ -1071,7 +1032,7 @@
 
 @media print
 {
-    .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft
+     input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft
     {
         display: none;
         background: none;