--- rat/client/parameter.html	2009/04/23 17:31:29	1.51
+++ rat/client/parameter.html	2010/05/17 22:41:02	1.56.2.1
@@ -1,9 +1,11 @@
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <!--
 The LearningOnline Network with CAPA
 Parameter Input Window
 //
-// $Id: parameter.html,v 1.51 2009/04/23 17:31:29 bisitz Exp $
+// $Id: parameter.html,v 1.56.2.1 2010/05/17 22:41:02 raeburn Exp $
 //
 // Copyright Michigan State University Board of Trustees
 //
@@ -29,10 +31,11 @@ Parameter Input Window
 //
 -->
 <head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>LON-CAPA</title>
-</head>
 
 <script type="text/javascript">
+// <![CDATA[
 
 var ptype='';
 var pvalue='';
@@ -68,7 +71,21 @@ function selwrite(text) {
 
 function choicestart() {
   this.window.choices.document.clear();
-  choicewrite('<html><body bgcolor="#FFFFFF">');
+  choicewrite('<html><body>');
+  choicewrite('<head>');
+  choicewrite('<style type="text/css">');
+  choicewrite('<!--');
+  choicewrite('body {');
+  choicewrite('font-family: Verdana,Arial,Helvetica,sans-serif;');
+  choicewrite('line-height:130%;');
+  choicewrite('font-size:0.83em;');
+  choicewrite('background: #FFFFFF;');
+  choicewrite('}');
+  choicewrite('table.LC_parmsel_table {font-size: 90%;}');
+  choicewrite('table.LC_parmsel_table tr td { padding: 5px; border: 1px solid #C8C8C8;}');
+  choicewrite('-->');
+  choicewrite('</style>');
+  choicewrite('</head>');
 }
 
 function choiceend() {
@@ -81,15 +98,15 @@ function choicewrite(text) {
 }
 
 function tablestart(headtext) {
-  choicewrite('<table><tr bgcolor="#AAFFAA"><th colspan="3">'+
+  choicewrite('<table class="LC_parmsel_table"><tr bgcolor="#C5DB99"><th colspan="3">'+
               headtext+'</th></tr>');
 }
 
 function valline(text,id1,id2) {
-  choicewrite('<tr bgcolor="#AAFFAA"><td>'+text+
+  choicewrite('<tr><td>'+text+
               '</td><td><input type="text" size="4" name="val'+
-              id1+'"></td><td>incl:<input type="checkbox" name="val'+
-              id2+'"></td></tr>');
+              id1+'" /></td><td>incl:<input type="checkbox" name="val'+
+              id2+'" /></td></tr>');
 }
 
 function escapeHTML(text) {
@@ -116,11 +133,11 @@ function datecalc() {
 function hour() {
    var thishour=cdate.getHours();
     var i; var j;
-    choicewrite('<select name="hours" onChange="parent.datecalc();">');
+    choicewrite('<select name="hours" onchange="parent.datecalc();">');
     for (i=0;i<=23;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thishour) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>');
         if (i==12) { choicewrite('noon'); } else {
@@ -140,11 +157,11 @@ function hour() {
 function minute() {
    var thisminutes=cdate.getMinutes();
     var i;
-    choicewrite('<select name="minutes" onChange="parent.datecalc();">');
+    choicewrite('<select name="minutes" onchange="parent.datecalc();">');
     for (i=0;i<=59;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisminutes) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -154,11 +171,11 @@ function minute() {
 function second() {
    var thisseconds=cdate.getSeconds();
     var i;
-    choicewrite('<select name="seconds" onChange="parent.datecalc();">');
+    choicewrite('<select name="seconds" onchange="parent.datecalc();">');
     for (i=0;i<=59;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisseconds) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -169,11 +186,11 @@ function second() {
 function date() {
    var thisdate=cdate.getDate();
     var i;
-    choicewrite('<select name="date" onChange="parent.datecalc();">');
+    choicewrite('<select name="date" onchange="parent.datecalc();">');
     for (i=1;i<=31;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisdate) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -190,11 +207,11 @@ function year() {
    if (thisyear>nowyear) { loweryear=nowyear-2; }
    if (thisyear<nowyear) { upperyear=nowyear+5; } 
     var i;
-    choicewrite('<select name="year" onChange="parent.datecalc();">');
+    choicewrite('<select name="year" onchange="parent.datecalc();">');
     for (i=loweryear;i<=upperyear;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisyear) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -204,11 +221,11 @@ function year() {
 function month() {
     var thismonth=cdate.getMonth();
     var i;
-    choicewrite('<select name="month" onChange="parent.datecalc();">');
+    choicewrite('<select name="month" onchange="parent.datecalc();">');
     for (i=0;i<=11;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thismonth) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+months[i]+'</option>');
     }
@@ -219,11 +236,11 @@ function month() {
 function intminute() {
    var thisminutes=cmins;
     var i;
-    choicewrite('<select name="minutes" onChange="parent.intcalc();">');
+    choicewrite('<select name="minutes" onchange="parent.intcalc();">');
     for (i=0;i<=59;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisminutes) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -233,11 +250,11 @@ function intminute() {
 function inthour() {
    var thishours=chours;
     var i;
-    choicewrite('<select name="hours" onChange="parent.intcalc();">');
+    choicewrite('<select name="hours" onchange="parent.intcalc();">');
     for (i=0;i<=23;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thishours) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -247,11 +264,11 @@ function inthour() {
 function intsecond() {
    var thisseconds=csecs;
     var i;
-    choicewrite('<select name="seconds" onChange="parent.intcalc();">');
+    choicewrite('<select name="seconds" onchange="parent.intcalc();">');
     for (i=0;i<=59;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisseconds) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -262,11 +279,11 @@ function intsecond() {
 function intday() {
    var thisdate=cdays;
     var i;
-    choicewrite('<select name="date" onChange="parent.intcalc();">');
+    choicewrite('<select name="date" onchange="parent.intcalc();">');
     for (i=0;i<=31;i++) {
-        choicewrite('<option value='+i);
+        choicewrite('<option value="'+i+'"');
         if (i==thisdate) {
-            choicewrite(' selected');
+            choicewrite(' selected="selected"');
         }
         choicewrite('>'+i+'</option>');
     }
@@ -320,8 +337,8 @@ function radiostringeval(newval) {
 }
 
 function callradiostringeval(newval) {
-   return 'onChange="parent.radiostringeval(\''
-          +newval+'\')" onClick="parent.radiostringeval(\''
+   return 'onchange="parent.radiostringeval(\''
+          +newval+'\')" onclick="parent.radiostringeval(\''
           +newval+'\')"';
 }
 
@@ -448,20 +465,20 @@ function draw() {
       }
       if (pscat=='interval') {
          tablestart('Time interval');
-         choicewrite('<tr bgcolor="#AAFFAA"><td colspan="3">');
+         choicewrite('<tr><td colspan="3">');
          intervaldis();
-         choicewrite('</td></tr><tr bgcolor="#AAFFAA"><td>Time:'
+         choicewrite('</td></tr><tr><td>Time:'
          +'</td><td colspan="2">');
          intday();choicewrite('days ');
          inthour();choicewrite('hours ');
          intminute(); choicewrite('mins '); intsecond();
          choicewrite('secs</td></tr></table>');         
       } else { 
-         choicewrite('<tr bgcolor="#AAFFAA"><td colspan="3">'
+         choicewrite('<tr><td colspan="3">'
          +cdate.toString()+
-         '</td></tr><tr bgcolor="#AAFFAA"><td>Date:</td><td colspan="2">');
+         '</td></tr><tr><td>Date:</td><td colspan="2">');
          month();date();year();
-         choicewrite('</td></tr><tr bgcolor="#AAFFAA"><td>Time:'
+         choicewrite('</td></tr><tr><td>Time:'
          +'</td><td colspan="2">');hour();choicewrite('h ');minute();
          choicewrite('m ');second();
          choicewrite('s</td></tr></table>');
@@ -479,12 +496,12 @@ function draw() {
       } else {
        if (pscat=='range') {
          tablestart('Integer range');      
-         choicewrite('<tr bgcolor="#AAFFAA"><td>Lower Value:'+
+         choicewrite('<tr><td>Lower Value:'+
               '</td><td colspan="2"><input type="text" size="4" name="val2'+
-              '"></td></tr>');
-         choicewrite('<tr bgcolor="#AAFFAA"><td>Upper Value:'+
+              '" /></td></tr>');
+         choicewrite('<tr><td>Upper Value:'+
               '</td><td colspan="2"><input type="text" size="4" name="val4'+
-              '"></td></tr></table>');
+              '" /></td></tr></table>');
          var range=new Array;
          if ((svalue!='') && (typeof(svalue)!="undefined")) {
             range=svalue.split(',');
@@ -507,10 +524,10 @@ function draw() {
         if (pscat=='any') {
            tablestart('Integer');
         }
-        choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+        choicewrite('<tr><td>Value:</td><td colspan="2">');
         choicewrite('<input name="intval" size="10" value="'+escapeHTML(svalue)+
-                    '" name=intval onChange="parent.integereval()">');
-        choicewrite('</td></table>');
+                    '" onchange="parent.integereval()" />');
+        choicewrite('</td></tr></table>');
       }
      }
    }
@@ -529,10 +546,10 @@ function draw() {
         if (pscat=='any') {
            tablestart('Floating point number');
         }
-        choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+        choicewrite('<tr><td>Value:</td><td colspan="2">');
         choicewrite('<input name="floatval" size="10" value="'+escapeHTML(svalue)+
-                    '" name=floatval onChange="parent.floateval()">');
-        choicewrite('</td></table>');
+                    '" onchange="parent.floateval()" />');
+        choicewrite('</td></tr></table>');
       }
    }
 
@@ -540,134 +557,135 @@ function draw() {
         if ((pscat=='any') || (pscat=='') || (pscat=='default') ||  
             (typeof(pscat)=='undefined')) {
            tablestart('Text');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+           choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<input name="stringval" size="20" value="'+escapeHTML(svalue)+
-                    '" type="text" onChange="parent.stringeval()">');
+                    '" type="text" onchange="parent.stringeval()" />');
         }
         if (pscat=='yesno') {
            tablestart('Yes/No');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="stringval" value="yes"'+
                   ' type="radio" '+callradiostringeval('yes'));
-           if (svalue=='yes') { choicewrite(' checked'); }
-           choicewrite('> Yes</label><br />');
+           if (svalue=='yes') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes</label><br />');
            choicewrite('<label><input name="stringval" value="no"'+
                   ' type="radio" '+callradiostringeval('no'));
-           if (svalue=='no') { choicewrite(' checked'); }
-           choicewrite('> No</label><br />');
+           if (svalue=='no') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> No</label><br />');
         }
         if (pscat=='problemstatus') {
            tablestart('Problem Status');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="stringval" value="yes"'+
                   ' type="radio" '+callradiostringeval('yes'));
-           if (svalue=='yes') { choicewrite(' checked'); }
-           choicewrite('> Yes</label><br />');
+           if (svalue=='yes') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes</label><br />');
            choicewrite('<label><input name="stringval" value="answer"'+
                   ' type="radio" '+callradiostringeval('answer'));
-           if (svalue=='answer') { choicewrite(' checked'); }
-           choicewrite('> Yes, and show correct answer if they exceed the maximum number of tries.</label><br />');
+           if (svalue=='answer') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes, and show correct answer if they exceed the maximum number of tries.</label><br />');
            choicewrite('<label><input name="stringval" value="no"'+
                   ' type="radio" '+callradiostringeval('no'));
-           if (svalue=='no') { choicewrite(' checked'); }
-           choicewrite('> No, don\'t show correct/incorrect feedback.</label><br />');
+           if (svalue=='no') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> No, don\'t show correct/incorrect feedback.</label><br />');
            choicewrite('<label><input name="stringval" value="no_feedback_ever"'+
                   ' type="radio" '+callradiostringeval('no_feedback_ever'));
-           if (svalue=='no_feedback_ever') { choicewrite(' checked'); }
-           choicewrite('> No, show no feedback at all.</label><br />');
+           if (svalue=='no_feedback_ever') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> No, show no feedback at all.</label><br />');
         }
         if (pscat=='examtype') {
            tablestart('Exam Type');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="stringval" value="online"'+
                 ' type="radio" '+callradiostringeval('online'));
-           if (svalue=='online') { choicewrite(' checked'); }
-           choicewrite('> Online</label><br />');
+           if (svalue=='online') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Online</label><br />');
            choicewrite('<label><input name="stringval" value="checkout"'+
               ' type="radio" '+callradiostringeval('checkout'));
-           if (svalue=='checkout') { choicewrite(' checked'); }
-           choicewrite('> Check out</label><br />');
+           if (svalue=='checkout') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Check out</label><br />');
        }
         if (pscat=='questiontype') {
            tablestart('Question Type');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="stringval" value="problem"'+
                ' type="radio" '+callradiostringeval('problem'));
-           if (svalue=='problem') { choicewrite(' checked'); }
-           choicewrite('> Standard Problem</label><br />');
+           if (svalue=='problem') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Standard Problem</label><br />');
 //	   choicewrite('<label><input name="stringval" value="quiz"'+
 //                ' type="radio" '+callradiostringeval('quiz'));
-//         if (svalue=='quiz') { choicewrite(' checked'); }
-//         choicewrite('> Quiz</label><br />');
+//         if (svalue=='quiz') { choicewrite(' checked="checked"'); }
+//         choicewrite(' /> Quiz</label><br />');
            choicewrite('<label><input name="stringval" value="practice"'+
                   ' type="radio" '+callradiostringeval('practice'));
-           if (svalue=='practice') { choicewrite(' checked'); }
-           choicewrite('> Practice</label><br />');
+           if (svalue=='practice') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Practice</label><br />');
            choicewrite('<label><input name="stringval" value="exam"'+
                   ' type="radio" '+callradiostringeval('exam'));
-           if (svalue=='exam') { choicewrite(' checked'); }
-           choicewrite('> Exam</label><br />');
+           if (svalue=='exam') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Exam</label><br />');
 //         choicewrite('<label><input name="stringval" value="assess"'+
 //              ' type="radio" '+callradiostringeval('assess'));
-//         if (svalue=='assess') { choicewrite(' checked'); }
-//         choicewrite('> Assessment</label><br />');
+//         if (svalue=='assess') { choicewrite(' checked="checked"'); }
+//         choicewrite(' /> Assessment</label><br />');
            choicewrite('<label><input name="stringval" value="survey"'+
                 ' type="radio" '+callradiostringeval('survey'));
-           if (svalue=='survey') { choicewrite(' checked'); }
-           choicewrite('> Survey</label><br />');
+           if (svalue=='survey') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Survey</label><br />');
 //         choicewrite('<label><input name="stringval" value="form"'+
 //                ' type="radio" '+callradiostringeval('form'));
-//         if (svalue=='form') { choicewrite(' checked'); }
+//         if (svalue=='form') { choicewrite(' checked="checked"'); }
 //         choicewrite('> Input Form</label><br />');
            choicewrite('<label><input name="stringval" value="library"'+
                ' type="radio" '+callradiostringeval('library'));
-           if (svalue=='library') { choicewrite(' checked'); }
-           choicewrite('> Library</label><br />');
+           if (svalue=='library') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Library</label><br />');
         }
         if (pscat=='ip') {
            tablestart('IP Number/Name');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<input name="stringval" size="20" value="'+escapeHTML(svalue)+
-                    '" onChange="parent.stringeval()">');
+                    '" onchange="parent.stringeval()" />');
         }
         if (pscat=='fileext') {
             tablestart('Allowed File Extensions');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="radstringval" value="txt"'+
                ' type="radio" '+callradiostringeval('txt'));
-           if (svalue=='txt') { choicewrite(' checked'); }
-           choicewrite('> Plain Text</label><br />');
+           if (svalue=='txt') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Plain Text</label><br />');
            choicewrite('<label><input name="radstringval" value="png,jpg,jpeg,gif"'+
                ' type="radio" '+callradiostringeval('png,jpg,jpeg,gif'));
-           if (svalue=='png,jpg,jpeg,gif') { choicewrite(' checked'); }
-           choicewrite('> Picture File</label><br />');
-           choicewrite('<label><input name="radstringval" value="doc,xls,ppt"'+
-               ' type="radio" '+callradiostringeval('doc,xls,ppt'));
-           if (svalue=='doc,xls,ppt') { choicewrite(' checked'); }
-           choicewrite('> Office Document</label><br />');
+           if (svalue=='png,jpg,jpeg,gif') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Picture File</label><br />');
+           choicewrite('<label><input name="radstringval" value="doc,docx,xls,xlsx,ppt,pptx"'+
+               ' type="radio" '+callradiostringeval('doc,docx,xls,xlsx,ppt,pptx'));
+           if (svalue=='doc,docx,xls,xlsx,ppt,pptx') { choicewrite(' checked="checked"'); }
+           if (svalue=='doc,xls,ppt') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Office Document</label><br />');
            choicewrite('<input name="stringval" size="20" value="'+escapeHTML(svalue)+
-                    '" onChange="parent.stringeval()">');
+                    '" onchange="parent.stringeval()" />');
        }
        if (pscat=='useslots') {
            tablestart('Slots control access');
-	   choicewrite('<tr bgcolor="#AAFFAA"><td>Value:</td><td colspan="2">');
+	   choicewrite('<tr><td>Value:</td><td colspan="2">');
            choicewrite('<label><input name="stringval" value="no"'+
                   ' type="radio" '+callradiostringeval('no'));
-           if (svalue=='no') { choicewrite(' checked'); }
-           choicewrite('> No</label><br />');
+           if (svalue=='no') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> No</label><br />');
            choicewrite('<label><input name="stringval" value="resource"'+
                   ' type="radio" '+callradiostringeval('resource'));
-           if (svalue=='resource') { choicewrite(' checked'); }
-           choicewrite('> Yes, and the scope of student selected slot is a single resource.</label><br />');
+           if (svalue=='resource') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes, and the scope of student selected slot is a single resource.</label><br />');
            choicewrite('<label><input name="stringval" value="map"'+
                   ' type="radio" '+callradiostringeval('map'));
-           if (svalue=='map') { choicewrite(' checked'); }
-           choicewrite('> Yes, and the scope of student selected slot is the enclosing map/folder. When checking in, it applies to only one resource.</label><br />');
+           if (svalue=='map') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes, and the scope of student selected slot is the enclosing map/folder. When checking in, it applies to only one resource.</label><br />');
            choicewrite('<label><input name="stringval" value="map_map"'+
                   ' type="radio" '+callradiostringeval('map_map'));
-           if (svalue=='map_map') { choicewrite(' checked'); }
-           choicewrite('> Yes, and the scope of student selected slot is the enclosing map/folder. When checking in, all resources in the map/folder are checked in..</label><br />');
-        choicewrite('</td></table>');
+           if (svalue=='map_map') { choicewrite(' checked="checked"'); }
+           choicewrite(' /> Yes, and the scope of student selected slot is the enclosing map/folder. When checking in, all resources in the map/folder are checked in.</label><br />');
+        choicewrite('</td></tr></table>');
       }
    }
    
@@ -697,7 +715,7 @@ function draw() {
 function sopt(va,text) {
    selwrite('<option value="'+va+'"');
    if (va==pscat) {
-     selwrite(' selected');
+     selwrite(' selected="selected"');
    }
    selwrite('>'+text+'</option>');
 }
@@ -807,10 +825,21 @@ function init() {
   }
 
   this.window.selector.document.clear();
-  selwrite('<html><body bgcolor="#FFFFFF">');
-
+  selwrite('<html><body>');
+  selwrite('<head>');
+  selwrite('<style type="text/css">');
+  selwrite('<!--');
+  selwrite('body {');
+  selwrite('font-family: Verdana,Arial,Helvetica,sans-serif;');
+  selwrite('line-height:130%;');
+  selwrite('font-size:0.83em;');
+  selwrite('background: #FFFFFF;');
+  selwrite('}');
+  selwrite('-->');
+  selwrite('</style>');
+  selwrite('</head>');
   selwrite('<form name="fsel"><b>'+pname+'</b><br />');
-  selwrite('<select name="fcat" onChange="parent.catchange();">');
+  selwrite('<select name="fcat" onchange="parent.catchange();">');
 
   if (ptype=='tolerance') {
      sopt('default','Default');
@@ -943,11 +972,13 @@ function init() {
   
 }
 
+// ]]>
 </script>
+</head>
 
-<frameset rows="120,*" onLoad="init();">
-<frame name="selector" src="empty.html">
-<frame name="choices" src="empty.html">
+<frameset rows="120,*" onload="init();">
+<frame name="selector" src="empty.html" />
+<frame name="choices" src="empty.html" />
 </frameset>
 
 
