[LON-CAPA-cvs] cvs: modules /raeburn/register Login.pm

raeburn lon-capa-cvs@mail.lon-capa.org
Wed, 21 Mar 2007 22:21:19 -0000


This is a MIME encoded message

--raeburn1174515679
Content-Type: text/plain

raeburn		Wed Mar 21 18:21:19 2007 EDT

  Modified files:              
    /modules/raeburn/register	Login.pm 
  Log:
  Use registration.css
  
  
--raeburn1174515679
Content-Type: text/plain
Content-Disposition: attachment; filename="raeburn-20070321182119.txt"

Index: modules/raeburn/register/Login.pm
diff -u modules/raeburn/register/Login.pm:1.4 modules/raeburn/register/Login.pm:1.5
--- modules/raeburn/register/Login.pm:1.4	Fri Feb  3 20:24:31 2006
+++ modules/raeburn/register/Login.pm	Wed Mar 21 18:21:17 2007
@@ -40,7 +40,6 @@
         &Apache::LON::processform::getitems($r->args,\%params);
     }
 
-#    my %params = ($r->args,$r->content);
     foreach (keys %params) {
         for (my $j=0; $j<@{$params{$_}}; $j++) {
             $params{$_}[$j] =~ s#`#'#g;
@@ -89,12 +88,14 @@
     my $hashid = '/home/helpdesk/tokens/'.$token;
     eval { store(\%tempHash, $hashid) };
     if ($@) {
-        $output = qq|
-      <html>
-      <head><title>Error creating login form</title></head>
-      <body bgcolor='#ffffff'>
-      <font face='arial,helvetica' size='2'>An error occurred when creating the
-      log-in form. Please use the <a href='/help'>help request form</a> to report the problem</font>
+        $output .= qq|
+      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+      <head><title>Error creating login form</title>
+      <link type="text/css" rel="stylesheet" href="/css/registration.css">
+      </head>
+      <body class="LC_regform">
+      An error occurred when creating the
+      log-in form. Please use the <a href='/help'>help request form</a> to report the problem.
       </body>
       </html> |;
     } else {
@@ -107,12 +108,13 @@
             }
             $alert .= '<br />';
         }
-        $output = qq|
-<html>
+        $output .= qq|
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
 <title>LON-CAPA support log-in</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta http-equiv="pragma" content="no-cache">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 <script language=javascript src="/scripts/londes.js" type="text/javascript"></script>
 <script language=javascript type = "text/javascript">
 <!--
@@ -184,41 +186,41 @@
 END_OF_BLOCK1
     my $loadmsg = 'onLoad="document.client.user.focus(); document.client.authtype.selectedIndex=0"';
     my $width = '450';
-    &main_box(\$output,$loadmsg);
+    &main_box(\$output,$loadmsg,$width);
     $output .= <<"END_OF_BLOCK2";
-    <table border="0" cellpadding="0" cellspacing="0" width="450" bgcolor="#FFFF99">
+     <table class="LC_loginbox_left">
       <tr>
-	<td nowrap height="10" colspan="4"><spacer type=vertical size=20></td>
+	<td height="10" colspan="4">&nbsp;</td>
       </tr>
       <tr>
-        <td nowrap width="10"><spacer type="block" width="10"></td>
-        <td valign="top" class="bodyblue" width="276" nowrap align="left">
-          <span style="font-size: 18px; line-height: 22px; "><font style="font-size: 18px; line-height: 22px;"><br />New to LON-CAPA?</font></span><br>
-          <font class="bodyblue"><a href="http://loncapa.org"><u>LON-CAPA</u></a> is an open source freeware distributed learning content management and assessment system.</font><br /><br />
-          <font class="bodyblue"><b>Create a LON-CAPA guest ID</b> &#150; use your guest ID to register for conferences, workshops or training.  If you are already a LON-CAPA user, please log-in.</font><br />
-	  <table border="0" align="left" cellpadding="0" cellspacing="0" height="95">
-	    <tr>
-	      <td align="left"><form name="signup" method="post" action="/login"><input name="signup" type="button" value="New to LON-CAPA: Click here to sign up" class="buttonred" onClick="javascript:send('newaccount')"><input type="hidden" name="process" value="signup"></form></td>
-	    </tr>
-          </table>
-	</td>
-	</tr>
-      </table>
+       <td width="10">&nbsp;</td>
+       <td valign="top" class="bodyblue" width="430" align="left">
+        <span style="font-size: 18px; line-height: 22px; "><font style="font-size: 18px; line-height: 22px;"><br />New to LON-CAPA?</font></span><br>
+        <font class="bodyblue"><a href="http://loncapa.org"><u>LON-CAPA</u></a> is an open source freeware distributed learning content management and assessment system.</font><br /><br />
+         <font class="bodyblue"><b>Create a LON-CAPA guest ID</b> &#150; use your guest ID to register for conferences, workshops or training.  If you are already a LON-CAPA user, please log-in.</font><br />
+	<table border="0" align="left" cellpadding="0" cellspacing="0" height="95" width="100%">
+	 <tr>
+	  <td align="left"><form name="signup" method="post" action="/login"><input name="signup" type="button" value="New to LON-CAPA: Click here to sign up" class="buttoncolored" onClick="javascript:send('newaccount')"><input type="hidden" name="process" value="signup"></form></td>
+         </tr>
+        </table>
+       </td>
+      </tr>
+     </table>
     </td>
-    <td width="10" nowrap><spacer type="block" width="10"></td>
-    <td width="" nowrap valign="top">
+    <td width="10">&nbsp;</td>
+    <td valign="top">
       <form name="client" method="post">
-      <table border="0" cellpadding="0" cellspacing="0" bgcolor="#CC6633" height=96%>
-	<tr bgcolor="#FFFF99">
-	  <td colspan="3" height="23"><spacer type="vertical" height="23"></td>
+      <table class="LC_loginbox_right">
+	<tr>
+	  <td colspan="3" height="23" class="LC_loginbox_strip">&nbsp;</td>
 	</tr>
 	<tr>
-	  <td align="left" valign="top" width="10" height="9" nowrap><img src="/images/login/lclogin_r2_c4.gif" width="10" height="9" border="0" alt=""></td>
+	  <td align="left" valign="top" width="10" height="9"><img src="/images/login/lclogin_r2_c4.gif" width="10" height="9" border="0" alt=""></td>
 	  <td>&nbsp;</td>
-	  <td align="right" valign="top" width="9" height="10" nowrap><img src="/images/login/lclogin_r2_c6.gif" width="9" height="10" border="0" alt=""></td>
+	  <td align="right" valign="top" width="9" height="10"><img src="/images/login/lclogin_r2_c6.gif" width="9" height="10" border="0" alt=""></td>
 	</tr>
 	<tr>
-	  <td width="10" nowrap>&nbsp;</td>
+	  <td width="10">&nbsp;</td>
 	  <td>
             <table border="0" cellspacing="0" cellpadding="0">
 	      <tr>
@@ -249,15 +251,15 @@
 	        <td>
                   <table border="0" cellpadding="2" cellspacing="0">
 	            <tr>
-	              <td align="right" nowrap  class="bodywhite">username:</td>
+	              <td align="right" class="bodywhite">username:</td>
 	              <td align="right"><input name="user" size="17" value="" type="text"></td>
 	            </tr>
 	            <tr>
-	              <td align="right" nowrap class="bodywhite">password:</td>
+	              <td align="right" class="bodywhite">password:</td>
 	              <td align="right"><input name="password" size="17" value="" type="password"></td>
 	            </tr>
                     <tr>
-                      <td align="right" nowrap class="bodywhite">domain:</td>
+                      <td align="right" class="bodywhite">domain:</td>
                       <td align="right">
                         <select name="domain">
                           <option value="0">Choose type first
@@ -283,15 +285,15 @@
 	      </tr>
             </table>
           </td>
-          <td width="9" nowrap>&nbsp;</td>
+          <td width="9">&nbsp;</td>
         </tr>
         <tr>
-          <td align="left" valign="bottom" width="10" height="10" nowrap><img src="/images/login/lclogin_r8_c4.gif" width="10" height="10" border="0" alt=""></td>
+          <td align="left" valign="bottom" width="10" height="10"><img src="/images/login/lclogin_r8_c4.gif" width="10" height="10" border="0" alt=""></td>
           <td>&nbsp;</td>
-          <td align="right" valign="bottom" width="9" height="10" nowrap><img src="/images/login/lclogin_r8_c6.gif" width="9" height="10" border="0" alt=""></td>
+          <td align="right" valign="bottom" width="9" height="10"><img src="/images/login/lclogin_r8_c6.gif" width="9" height="10" border="0" alt=""></td>
         </tr>
-        <tr bgcolor="FFFF99">
-          <td colspan="3" height="10"><SPACER TYPE="vertical" SIZE="10"></td>
+        <tr>
+          <td colspan="3" height="10" class="LC_loginbox_strip">&nbsp;</td>
         </tr>
       </table>		
     </td>
@@ -301,13 +303,13 @@
     <td colspan="4">
       <table border="0" cellspacing="0" cellpadding="0">
         <tr>
-          <td width="10" nowrap>&nbsp;</td>
-       <td><font face="Arial, Helvetica, sans-serif" size="-1">
+          <td width="10">&nbsp;</td>
+       <td><font size="-1">
      <b>Note</b>:<br>
       If log-in fails, it may be because your browser is not accepting session cookies, or javascript is disabled. <a href="http://loncapa.msu.edu/student/cookies.html"><u>Learn more</u></a>.  Also, it may be that you selected the wrong domain; if you select LONCAPA ID as the account type, the domain you should select is the domain which houses your user account, which for some users is different from the domain which houses the courses they teach. 
      </font>
          </td>
-         <td width="10" nowrap>&nbsp;</td>
+         <td width="10">&nbsp;</td>
        </tr>
      </table>
    </td>
@@ -316,7 +318,7 @@
     &main_footer(\$output);
     $output .= <<"END";    
 <p>&nbsp;</p>
-<noscript><font face='arial,helvetica' size='3'>&nbsp;&nbsp;<b>Please Note:</b>
+<noscript><font size='3'>&nbsp;&nbsp;<b>Please Note:</b>
  Javascript must be enabled in your web browser in order to use this web site.
  </font></noscript>
 <p>&nbsp;</p>
@@ -377,68 +379,28 @@
 sub main_box {
     my ($output,$loadmsg,$width) = @_;
     $$output .= <<"END";
-<style type="text/css">
-<!--
- body {font-family: arial,verdana, sans-serif; }
- a:link {text-decoration: none; color: #000000; }
- a:visited {text-decoration: none; color: #000000; }
- a:active {text-decoration: none; color: #000000; }
- a:hover {text-decoration: underline; color: #000000; }
-                                                                                                        
-.bodywhite
-{
-        font-size: 12px; font-family: arial,verdana,sans-serif;
-        line-height: 14px; color: #ffffff;
-}
-                                                                                                        
-.bodyblue
-{
-        font-size: 12px; font-family: arial,verdana,sans-serif;
-        line-height: 14px; color: #000000;
-}
-                                                                                                        
-.headlineblue
-{
-        font-size: 21px; font-family: arial,verdana,sans-serif;
-        line-height: 24px; color: #01197D;
-}
-                                                                                                        
-.buttonwhite
-{
-        font-size: 13px; font-weight: bold; font-family: arial, Trebuchet MS, verdana, helvetica, san-serif;
-        line-height: 15px; color: #000000; text-align: center; background: #FFFFFF; padding: 4px;
-}
-                                                                                                        
-.buttonred
-{
-        font-size: 13px; font-family:  arial, Trebuchet MS, verdana, helvetica, san-serif; padding: 4px;        
-        line-height: 15px; color: #FFFFFF; text-align: center; background: #CC6633; font-weight: bold;
-}
-
--->
-</style>
 </head>
-<body bgcolor="#ffffff" $loadmsg topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
+<body>
+<br />
 <div align="center">
- <br />
- <br />
-</div>
-<br>
-<div align="center">
-<table width="720" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
+<table class="LC_loginbox">
   <tr>
-    <td align="left" valign="top" width="12" nowrap><img name="login_r1_c1" src="/images/login/lclogin_r1_c1.gif" width="12" height="10" border="0" alt=""></td>
-    <td width="$width" nowrap valign="top">
-      <table border="0" cellpadding="0" cellspacing="0" width="450" bgcolor="#FFFF99">
+    <td align="left" valign="top" width="12">
+     <img name="login_r1_c1" src="/images/login/lclogin_r1_c1.gif" width="12" height="10" border="0" alt="">
+    </td>
+    <td width="$width" valign="top">
+      <table class="LC_loginbox_left">
         <tr>
-          <td width="15" rowspan="2" nowrap><spacer type="block" width="15"></td>
-          <td width="266" align="left" nowrap><img src="/images/login/lonlogos.gif" width="74" height="50" align="left"><br /><font size="-1">The Learning<i>Online</i> Network with CAPA</font></td>
-           <td width="15" nowrap><spacer type="block" width="15"></td>
-           <td width="130" align="left" nowrap><img src="/images/login/student.jpg" rowspan="2" width="130" height="85"></td>
-           <td width="24" rowspan="2" nowrap><spacer type="block" width="20"></td>
+          <td width="15" rowspan="2">&nbsp;</td>
+          <td width="266" align="left"><img src="/images/login/lonlogos.gif" width="74" height="50" align="left"><br /><nobr><font size="-1">The Learning<i>Online</i> Network with CAPA</font></nobr></td>
+           <td width="15">&nbsp;</td>
+           <td width="130" align="left"><img src="/images/login/student.jpg" rowspan="2" width="130" height="85"></td>
+           <td width="24" rowspan="2">&nbsp;</td>
         </tr>
         <tr>
-          <td colspan="5" bgcolor="#FFFF99" width="450" height="8"><img src="/images/login/login_red_horiz.gif" width="450" height="8"></td>
+          <td colspan="5" class="LC_loginbox_left" height="8">
+           <img src="/images/login/login_red_horiz.gif" width="450" height="8">
+          </td>
         </tr>
       </table>
 END
@@ -448,11 +410,11 @@
     my $output= shift;
     $$output .= <<"END_OF_FOOT";
 </table>
-<table width="720" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
+<table class="LC_loginbox">
   <tr>
-    <td align="left" valign="bottom" width="10"><img src="/images/login/lclogin_r9_c1.gif" width="12" height="10" border="0" alt=""></td>
-    <td width="696" nowrap><spacer type="block" width="696"></td>
-    <td align="right" valign="bottom" width="10"><img src="/images/login/lclogin_r9_c7.gif" width="12" height="10" border="0" alt=""></td>
+    <td align="left" valign="bottom" width="12"><img src="/images/login/lclogin_r9_c1.gif" width="12" height="10" border="0" alt=""></td>
+    <td width="698">&nbsp;</td>
+    <td align="right" valign="bottom" width="10"><img src="/images/login/lclogin_r9_c7.gif" width="10" height="10" border="0" alt=""></td>
   </tr>
 </table>
 </div>
@@ -528,9 +490,11 @@
     }
     my $loadmsg = 'onLoad="document.signupone.emailaddr.focus()"';
     $r->print(<<'END_OF_A');
-<html><head><title>Create a LON-CAPA GuestID</title>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head><title>Create a LON-CAPA GuestID</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 <script language=javascript type = "text/javascript">
 <!--
                                                                                                         
@@ -573,21 +537,21 @@
 END_OF_A
     &main_box(\$output,$loadmsg,$width);
     $output .= <<"END";
-        <table border='0' cellspacing='0' cellpadding='0'>
+        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
           <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
           <td>&nbsp;</td>
           <td align='left'>
-            <font face='arial,helvetica,sans serif'>$msg
+           $msg
            <form name="signupone" method="post">
            <b>Your e-mail address</b>:&nbsp;<input type="text" size="20" name="emailaddr">
            &nbsp;
            <input type="hidden" name="page" value="$page">
            <input type="hidden" name="process" value="signup">
            <input type="hidden" name="go" value="">
-           <input type="button" class="buttonred" name="create" value="Create GuestID" onClick="javascript:validForm('create')"></form>
+           <input type="button" class="buttoncolored" name="create" value="Create GuestID" onClick="javascript:validForm('create')"></form>
           </td>
          </tr>
          <tr><td colspan="2">&nbsp;</td>
@@ -627,14 +591,16 @@
     my $width = '698';
     if ($user !~ /[^\@]+\@[^\@]/) {
         $output .= <<"END_A";
-<html><head><title>Create a LON-CAPA GuestID</title>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head><title>Create a LON-CAPA GuestID</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 END_A
         &main_box(\$output,$loadmsg,$width);
         $output .= <<"END";
         <br /><br />
-        The e-mail address you entered was not a valid e-mail address.  Please <a href="history.go(-1)"><u>return</u></a> to the previous page and try again.
+        The e-mail address you entered was not a valid e-mail address.  Please <a href="history.go(-1)"><u>return</u></a> to the previous page and try again.</td>
        <td align="right" valign="top" width="10"><img src="/images/login/lclogin_r1_c7.gif" width="10" height="10" border="0" alt=""></td>
       </tr>
 END
@@ -664,9 +630,11 @@
     my $pwdstatus = $dbh->selectrow_array("SELECT count(user_id) FROM support_auth_passwd WHERE user_id = $user_quoted");
     if ($pwdstatus == 1) {
         $output .= <<"END_A";
-<html><head><title>Create a LON-CAPA GuestID</title>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head><title>Create a LON-CAPA GuestID</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 END_A
         &main_box(\$output,$loadmsg,$width);
         $output .= <<"END";
@@ -678,6 +646,7 @@
         <li>Log-in and <a href="/update"><u>change your password</u></a>.</li>
         <li><a href="javascript:history.go(-1)"><u>Go back</u></a> and enter a different e-mail address</li>
        </ul>
+       </td>
        <td align="right" valign="top" width="10"><img src="/images/login/lclogin_r1_c7.gif" width="10" height="10" border="0" alt=""></td>
       </tr>
 END
@@ -747,9 +716,11 @@
 }
 END
     $output .= <<"END_A";
-<html><head><title>Create a LON-CAPA GuestID</title>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head><title>Create a LON-CAPA GuestID</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 <script language=javascript type = "text/javascript">
 <!--
 
@@ -763,224 +734,130 @@
 
     &main_box(\$output,$loadmsg,$width);
     $output .= <<"END";
-        <br /><br />
-        <table border='0' cellspacing='0' cellpadding='0'>
+<br /><br />
+  <table border="0" cellspacing="0" cellpadding="0" width="100%">
+   <tr>
+    <td>&nbsp;</td>
+    <td align="left">
+Your e-mail address:&nbsp;<b>$$params{'emailaddr'}[0]</b> will be used as your username.<br />
+Please provide some additional contact information. 
+<br /><br />
+     <form name="signuptwo" method="post">
+     <table class="LC_regform">
+      <tr>
+       <td class="LC_leftinner"><b>Name</b></td>
+       <td valign="top" class="LC_rightinner">
+        <table class="LC_inner">
+         <tr align="left">
+          <td align="center">
+           first<br />
+           <input type="text" size="20" name="firstname" value="">
+          </td>
+          <td align="center">
+           middle<br />
+           <input type="text" size="5" name="middlename" value="">
+          </td>
+          <td align="middle">
+           last<br />
+           <input type="text" size="20" name="lastname" value="">
+          </td>
+          <td align="center">
+           suffix<br />
+           <input type="text" size="5" name="generation" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
+      <tr>
+       <td class="LC_leftinner"><b>Title</b></td>
+       <td valign="top" class="LC_rightinner">
+        <table class="LC_inner">
          <tr>
-          <td>&nbsp;</td>
-          <td align='left'>
-           <font face='arial,helvetica,sans serif'>
-           Your e-mail address:&nbsp;<b>$$params{'emailaddr'}[0]</b> will be used as your username.<br />
-            Please provide some additional contact information. 
-           <br /><br />
-
-           <form name="signuptwo" method="post">
-
-    <table>
+          <td>
+           <input type="text" size="20" name="title" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
       <tr>
-       <td>&nbsp;</td>
-       <td>
-        <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
+       <td class="LC_leftinner"><b>Department</b></td>
+       <td class="LC_rightinner">
+        <table class="LC_inner">
          <tr>
           <td>
-           <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">            <tr>
-             <td>
-              <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
-               <tr>
-                <td>
-                 <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><font face="Arial, Helvetica, sans-serif"><b>Name</b></font>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr align="left">
-                       <td align="center">
-                        first<br />
-                        <input type="text" size="20" name="firstname" value="">
-                       </td>
-                       <td align="center">
-                        middle<br />
-                        <input type="text" size="5" name="middlename" value="">
-                       </td>
-                       <td align="middle">
-                        last<br />
-                        <input type="text" size="20" name="lastname" value="">
-                       </td>
-                       <td align="center">
-                        suffix<br />
-                        <input type="text" size="5" name="generation" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                   <tr>
-                    <td colspan="2" bgcolor="#000000">
-                     <img src="/images/login/blackdot.jpg" /><br />
-                    </td>
-                   </tr>
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><b><font face="Arial, Helvetica, sans-serif">Title</font></b>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td>
-                        <input type="text" size="20" name="title" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                   <tr>
-                    <td colspan="2" bgcolor="#000000">
-                     <img src="/images/login/blackdot.jpg" /><br />
-                    </td>
-                   </tr>
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><b><font face="Arial, Helvetica, sans-serif">Department</font></b>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td width="100%" valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td>
-                        <input type="text" size="30" name="dept" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                   <tr>
-                    <td colspan="2" bgcolor="#000000">
-                     <img src="/images/login/blackdot.jpg" /><br />
-                    </td>
-                   </tr>
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><b><font face="Arial, Helvetica, sans-serif">Institution</font</b>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td width="100%" valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td>
-                        <input type="text" size="20" name="institution" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                   <tr>
-                    <td colspan="2" bgcolor="#000000">
-                     <img src="/images/login/blackdot.jpg" /><br />
-                    </td>
-                   </tr>
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><b><font face="Arial, Helvetica, sans-serif">Mailing Address</font></b>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td width="100%" valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="middle">
-                        street<br />
-                        <input type="text" size="20" name="streetaddress" value="">
-                       </td>
-                       <td align="middle">
-                        city/state<br />
-                        <input type="text" size="25" name="citystate" value="">
-                       </td>
-                       <td align="middle">
-                        zip<br />
-                        <input type="text" size="8" name="zip" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                   <tr>
-                    <td colspan="2" bgcolor="#000000">
-                     <img src="/images/login/blackdot.jpg" /><br />
-                    </td>
-                   </tr>
-                   <tr>
-                    <td width="200" bgcolor="#FFEEBB">
-                     <table width="200" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td align="right"><b><font face="Arial, Helvetica, sans-serif">Phone Number</font></b>
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                    <td width="100%" valign="top" bgcolor="#FFFFBB">
-                     <table width="100%" border="0" cellpadding="8" cellspacing="0">
-                      <tr>
-                       <td>
-                        <input type="text" size="30" name="phone" value="">
-                       </td>
-                      </tr>
-                     </table>
-                    </td>
-                   </tr>
-                  </table>
-                 </td>
-                </tr>
-               </table>
-              </td>
-             </tr>
-            </table>
-           </td>
-          </tr>
-         </table>
-        </td>
-       </tr>
+           <input type="text" size="30" name="dept" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
+      <tr>
+       <td class="LC_leftinner"><b>Institution</b></td>
+       <td valign="top" class="LC_rightinner">
+        <table class="LC_inner">
+         <tr>
+          <td>
+           <input type="text" size="20" name="institution" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
+      <tr>
+       <td class="LC_leftinner"><b>Mailing Address</b></td>
+       <td valign="top" class="LC_rightinner">
+        <table class="LC_inner">
+         <tr>
+          <td align="middle">
+           street<br />
+           <input type="text" size="20" name="streetaddress" value="">
+          </td>
+          <td align="middle">
+           city/state<br />
+           <input type="text" size="25" name="citystate" value="">
+          </td>
+          <td align="middle">
+           zip<br />
+           <input type="text" size="8" name="zip" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
+      <tr>
+       <td class="LC_leftcol"><b>Phone Number</b></td>
+       <td valign="top" class="LC_rightcol">
+       <table class="LC_inner">
+        <tr>
+         <td>
+          <input type="text" size="30" name="phone" value="">
+          </td>
+         </tr>
+        </table>
+       </td>
+      </tr>
       </table>
      </td>
     </tr>
     <tr>
-     <td>&nbsp;</td>
+     <td colspan="2">&nbsp;</td>
     </tr>
     <tr>
      <td>&nbsp;</td>
-     <td align="right">
-           <input type="hidden" name="emailaddr" value="$user"> 
-           <input type="hidden" name="page" value="$page">
-           <input type="hidden" name="process" value="signup">
-           <input type="hidden" name="go" value="">
-           <input type="button" class="buttonred" name="createme" value="Create GuestID" onClick="javascript:validForm('create')"></form>
-          </td>
-         </tr>
-        </table>
-       </td>
-       <td align="right" valign="top" width="10"><img src="/images/login/lclogin_r1_c7.gif" width="10" height="10" border="0" alt=""></td>
-      </tr>
+     <td align="left">
+      <input type="hidden" name="emailaddr" value="$user"> 
+      <input type="hidden" name="page" value="$page">
+      <input type="hidden" name="process" value="signup">
+      <input type="hidden" name="go" value="">
+      <input type="button" class="buttoncolored" name="createme" value="Create GuestID" onClick="javascript:validForm('create')"></form>
+     </td>
+    </tr>
+   </table>
+  </td>
+  <td align="right" valign="top" width="10"><img src="/images/login/lclogin_r1_c7.gif" width="10" height="10" border="0" alt=""></td>
+ </tr>
 END
     &main_footer(\$output);
     $output .= <<"END";
@@ -1109,12 +986,13 @@
             return;
         }
     }
-    my $output .= <<"END_A";
-<html><head><title>Create a LON-CAPA GuestID</title>
+    my $output = <<"END_A";
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head><title>Create a LON-CAPA GuestID</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta HTTP-EQUIV="Refresh" CONTENT="30; url=$caller" />
-
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 END_A
     &main_box(\$output,'',$width);
     $output .= <<"END";
@@ -1175,18 +1053,18 @@
 <HEAD>
 <meta http-equiv="pragma" content="no-cache">
 <TITLE>Registration Error</TITLE>
-</head>
-<body bgcolor="#ffffff" link="#003333" alink="#003333" vlink="#003333">
-<form method="post" name="event_err">
+<link type="text/css" rel="stylesheet" href="/css/registration.css">
 END_OF_TOP
                                                                                                  
     &main_box(\$output,'',$width);
                                                                                                  
     $r->print(<<"END_OF_CRUMBS");
+<form method="post" name="event_err">
     <table cellpadding="0" cellspacing="0" width="100%" border="0">
      <tr bgcolor="#ffffff">
-      <td><font face="Arial,Helvetica,sans-serif">
-       <a HREF="http://loncapa.org">Portal</a>&nbsp;--&gt;&nbsp;<a href="http://loncapa.org/conferences.html/">Events information</a>&nbsp;--&gt;&nbsp;<b>Add/Cancel/Modify Reservation</b></font>      </td>
+      <td>
+       <a HREF="http://loncapa.org">Portal</a>&nbsp;--&gt;&nbsp;<a href="http://loncapa.org/conferences.html/">Events information</a>&nbsp;--&gt;&nbsp;<b>Add/Cancel/Modify Reservation</b>
+      </td>
       <td>&nbsp;</td>
      </tr>
      <tr>
@@ -1196,8 +1074,9 @@
     <table border="0" width="100%">
      <tr>
       <td>&nbsp;</td>
-      <td><font face='arial,helvetica,sans serif' size='+1'>
+      <td><font size='+1'>
         <b>&nbsp;&nbsp;Processing Error</font></b>
+        </font>
       </td>
      </tr>
      <tr>
@@ -1205,20 +1084,22 @@
      </tr>
      <tr>
        <td>&nbsp;</td>
-       <td><font face='arial,helvetica,sans-serif' size='2'>A problem was encountered.</font></td>
+       <td><font size='2'>A problem was encountered.</font></td>
      </tr>
      <tr>
        <td colspan='2'>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
-       <td><font face='arial,helvetica,sans-serif' size='2'>
+       <td><font size='2'>
       Please send an e-mail to $contact_name at <a href="mailto:$contact_email">$contact_email</a> to report the error: <b>"$error_msg"</b>.</font></td>
      </tr>
      <tr>
        <td colspan='2'>&nbsp;</td>
      </tr>
     </table>
+   </td>
+  </tr>
 END_OF_CRUMBS
     &main_footer(\$output);
     $r->print($output);

--raeburn1174515679--