--- loncom/interface/loncommon.pm	2009/11/04 17:42:17	1.910
+++ loncom/interface/loncommon.pm	2010/01/19 19:00:02	1.933
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # a pile of common routines
 #
-# $Id: loncommon.pm,v 1.910 2009/11/04 17:42:17 raeburn Exp $
+# $Id: loncommon.pm,v 1.933 2010/01/19 19:00:02 droeschl Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -483,9 +483,9 @@ ENDAUTHORBRW
 
 sub coursebrowser_javascript {
     my ($domainfilter,$sec_element,$formname,$role_element,$crstype) = @_;
-    my $wintitle = &mt('Course Browser');
-    if ($crstype ne '') {
-        $wintitle = &mt($crstype);
+    my $wintitle = 'Course_Browser';
+    if ($crstype eq 'Community') {
+        $wintitle = 'Community_Browser';
     }
     my $id_functions = &javascript_index_functions();
     my $output = '
@@ -1719,10 +1719,13 @@ sub create_workbook {
     my $workbook  = Spreadsheet::WriteExcel->new('/home/httpd'.$filename);
     if (! defined($workbook)) {
         $r->log_error("Error creating excel spreadsheet $filename: $!");
-        $r->print('<p>'.&mt("Unable to create new Excel file.  ".
-                            "This error has been logged.  ".
-                            "Please alert your LON-CAPA administrator").
-                  '</p>');
+        $r->print(
+            '<p class="LC_error">'
+           .&mt('Problems occurred in creating the new Excel file.')
+           .' '.&mt('This error has been logged.')
+           .' '.&mt('Please alert your LON-CAPA administrator.')
+           .'</p>'
+        );
         return (undef);
     }
     #
@@ -1762,9 +1765,13 @@ sub create_text_file {
     $fh = Apache::File->new('>/home/httpd'.$filename);
     if (! defined($fh)) {
         $r->log_error("Couldn't open $filename for output $!");
-        $r->print(&mt('Problems occurred in creating the output file. '
-                     .'This error has been logged. '
-                     .'Please alert your LON-CAPA administrator.'));
+        $r->print(
+            '<p class="LC_error">'
+           .&mt('Problems occurred in creating the output file.')
+           .' '.&mt('This error has been logged.')
+           .' '.&mt('Please alert your LON-CAPA administrator.')
+           .'</p>'
+        );
     }
     return ($fh,$filename)
 }
@@ -1877,7 +1884,7 @@ sub select_form {
         $selectform.=
 	    '<option value="'.&HTML::Entities::encode($key,'"<>&').'" '.
             ($key eq $def ? 'selected="selected" ' : '').
-                ">".&mt($hash{$key})."</option>\n";
+                ">".$hash{$key}."</option>\n";
     }
     $selectform.="</select>";
     return $selectform;
@@ -4367,18 +4374,30 @@ sub CSTR_pageheader {
     } else {
         $lastitem = $thisdisfn;
     }
-    return
+
+    my $output =
          '<div>'
         .&Apache::loncommon::help_open_menu('','',3,'Authoring') #FIXME: Broken? Where is it?
         .'<b>'.&mt('Construction Space:').'</b> '
         .'<form name="dirs" method="post" action="'.$formaction
-        .'" target="_top"><tt><b>' #FIXME lonpubdir: target="_parent"
-        .&Apache::lonhtmlcommon::crumbs($uname.'/'.$parentpath,'_top','/priv','','+1',1)."$lastitem</b></tt><br />"
+        .'" target="_top">' #FIXME lonpubdir: target="_parent"
+        .&Apache::lonhtmlcommon::crumbs($uname.'/'.$parentpath,'_top','/priv',undef,undef);
+
+    if ($lastitem) {
+        $output .=
+             '<span class="LC_filename">'
+            .$lastitem
+            .'</span>';
+    }
+    $output .=
+         '<br />'
         #FIXME lonpubdir: &Apache::lonhtmlcommon::crumbs($uname.$thisdisfn.'/','_top','/priv','','+1',1)."</b></tt><br />"
         .&Apache::lonhtmlcommon::select_recent('construct','recent','this.form.action=this.form.recent.value;this.form.submit()')
         .'</form>'
         .&Apache::lonmenu::constspaceform()
         .'</div>';
+
+    return $output;
 }
 
 ###############################################
@@ -4503,9 +4522,8 @@ sub bodytag {
                         $env{'course.'.$env{'request.course.id'}.
                                  '.domain'}.'/'})) {
         my $cid = $env{'request.course.id'};
-        $dc_info.= $cid.' '.$env{'course.'.$cid.'.internal.coursecode'};
+        $dc_info = $cid.' '.$env{'course.'.$cid.'.internal.coursecode'};
         $dc_info =~ s/\s+$//;
-        $dc_info = '('.$dc_info.')';
     }
 
     $role = '<span class="LC_nobreak">('.$role.')</span>' if $role;
@@ -4513,7 +4531,9 @@ sub bodytag {
 
     if ($env{'environment.remote'} eq 'off') {
         # No Remote
-        if ($no_nav_bar) { return $bodytag; } 
+        if ($no_nav_bar || $env{'form.inhibitmenu'} eq 'yes') { 
+            return $bodytag; 
+        } 
 
         if ($env{'request.state'} eq 'construct') { $forcereg=1; }
 
@@ -4521,27 +4541,42 @@ sub bodytag {
         #        $titleinfo = &CSTR_pageheader(); #FIXME: Will be removed once all scripts have their own calls
         #    }
 
-        $bodytag .= qq|<div id="LC_nav_bar">$name $role<br />
-            <em>$realm</em> $dc_info</div>| unless $env{'form.inhibitmenu'};
 
-        if (   $env{'form.inhibitmenu'} eq 'yes' 
-            || $ENV{'REQUEST_URI'} eq '/adm/logout'
-            || $env{'request.noversionuri'} =~ m{^/res/adm/pages/}) {
 
+        if ($env{'request.noversionuri'} =~ m{^/res/adm/pages/}) {
+             if ($dc_info) {
+                 $dc_info = qq|<span class="LC_cusr_subheading">$dc_info</span>|;
+             }
+             $bodytag .= qq|<div id="LC_nav_bar">$name $role<br />
+                <em>$realm</em> $dc_info</div>|;
             return $bodytag;
         }
 
+        unless ($env{'request.symb'} =~ m/\.page___\d+___/) {
+            $bodytag .= qq|<div id="LC_nav_bar">$name $role</div>|;
+        }
+
         $bodytag .= Apache::lonhtmlcommon::scripttag(
             Apache::lonmenu::utilityfunctions(), 'start');
 
         $bodytag .= Apache::lonmenu::primary_menu();
 
+        if ($dc_info) {
+            $dc_info = &dc_courseid_toggle($dc_info);
+        }
+        $bodytag .= qq|<div id="LC_realm">$realm $dc_info</div>|;
+
         #don't show menus for public users
         if($env{'user.name'} ne 'public' && $env{'user.domain'} ne 'public'){
             $bodytag .= Apache::lonmenu::secondary_menu();
             $bodytag .= Apache::lonmenu::serverform();
-            $bodytag .= Apache::lonhtmlcommon::scripttag('', 'end'); 
-            $bodytag .= Apache::lonmenu::innerregister($forcereg) if $forcereg;
+            $bodytag .= Apache::lonhtmlcommon::scripttag('', 'end');
+            if ($env{'request.state'} eq 'construct') {
+                $bodytag .= &Apache::lonmenu::innerregister($forcereg,'',
+                                $args->{'bread_crumbs'});
+            } elsif ($forcereg) { 
+                $bodytag .= &Apache::lonmenu::innerregister($forcereg);
+            }
         }else{
             # this is to seperate menu from content when there's no secondary
             # menu. Especially needed for public accessible ressources.
@@ -4549,8 +4584,6 @@ sub bodytag {
             $bodytag .= Apache::lonhtmlcommon::scripttag('', 'end'); 
         }
 
-        #SD testing
-        #$bodytag .= Apache::lonmenu::menubuttons($forcereg);
         return $bodytag;
     }
 
@@ -4567,12 +4600,15 @@ sub bodytag {
     # Explicit link to get inline menu
     my $menu= ($no_inline_link?''
 	       :'<a href="/adm/remote?action=collapse" target="_top">'.&mt('Switch to Inline Menu Mode').'</a>');
-    $bodytag .= qq|<div id="LC_nav_bar">$name $role
-            <em>$realm</em> $dc_info </div>
+
+    if ($dc_info) {
+        $dc_info = qq|<span class="LC_cusr_subheading">($dc_info)</span>|;
+    }
+
+    $bodytag .= qq|<div id="LC_nav_bar">$name $role</div>
             <ol class="LC_primary_menu LC_right">
                 <li>$menu</li>
-            </ol>| unless $env{'form.inhibitmenu'};
-    #
+            </ol><div id="LC_realm"> $realm $dc_info</div>| unless $env{'form.inhibitmenu'};
     return(<<ENDBODY);
 $bodytag
 <table id="LC_title_bar" class="LC_with_remote">
@@ -4585,6 +4621,14 @@ $bodytag
 ENDBODY
 }
 
+sub dc_courseid_toggle {
+    my ($dc_info) = @_;
+    return ' <span id="dccidtext" class="LC_cusr_subheading">'.
+           '<a href="javascript:showCourseID();">'.
+           &mt('(More ...)').'</a></span>'.
+           '<div id="dccid" class="LC_dccid">'.$dc_info.'</div>';
+}
+
 sub make_attr_string {
     my ($register,$attr_ref) = @_;
 
@@ -4716,49 +4760,48 @@ sub standard_css {
     my $mail_other_hover     = '#669999';
     my $table_header         = '#DDDDDD';
     my $feedback_link_bg     = '#BBBBBB';
-    my $lg_border_color	     = '#C8C8C8';
+    my $lg_border_color      = '#C8C8C8';
 
     my $border = ($env{'browser.type'} eq 'explorer' ||
-		  $env{'browser.type'} eq 'safari'     ) ? '0 2px 0 2px'
-	                                                 : '0 3px 0 4px';
+      $env{'browser.type'} eq 'safari'     ) ? '0 2px 0 2px'
+                                             : '0 3px 0 4px';
 
 
     return <<END;
 body {
-   font-family: $sans;
-   line-height:130%;
-   font-size:0.83em;
-   color:$font;
-}
-
-a:link, a:visited { 
-  font-size:100%; 
+  font-family: $sans;
+  line-height:130%;
+  font-size:0.83em;
+  color:$font;
 }
 
-a:focus { 
+a:focus {
   color: red;
-  background: yellow 
+  background: yellow;
 }
 
-form, .inline { 
-   display: inline; 
+form, .inline {
+  display: inline;
 }
 
 .LC_right {
-   text-align:right;
+  text-align:right;
 }
 
 .LC_middle {
-   vertical-align:middle;
+  vertical-align:middle;
 }
 
 /* just for tests */
-.LC_400Box {width:400px; }
+.LC_400Box {
+  width:400px;
+}
 /* end */
 
 .LC_filename {
   font-family: $mono;
   white-space:pre;
+  font-size: 120%;
 }
 
 .LC_fileicon {
@@ -4813,35 +4856,35 @@ div.LC_confirm_box .LC_success img {
 }
 
 .LC_discussion {
-   background: $tabbg;
-   border: 1px solid black;
-   margin: 2px;
+  background: $tabbg;
+  border: 1px solid black;
+  margin: 2px;
 }
 
 .LC_disc_action_links_bar {
-   background: $tabbg;
-   border: none;
-   margin: 4px;
+  background: $tabbg;
+  border: none;
+  margin: 4px;
 }
 
 .LC_disc_action_left {
-   text-align: left;
+  text-align: left;
 }
 
 .LC_disc_action_right {
-   text-align: right;
+  text-align: right;
 }
 
 .LC_disc_new_item {
-   background: white;
-   border: 2px solid red;
-   margin: 2px;
+  background: white;
+  border: 2px solid red;
+  margin: 2px;
 }
 
 .LC_disc_old_item {
-   background: white;
-   border: 1px solid black;
-   margin: 2px;
+  background: white;
+  border: 1px solid black;
+  margin: 2px;
 }
 
 table.LC_pastsubmission {
@@ -4849,9 +4892,7 @@ table.LC_pastsubmission {
   margin: 2px;
 }
 
-table#LC_top_nav,
-table#LC_menubuttons,
-table#LC_nav_location {
+table#LC_menubuttons {
   width: 100%;
   background: $pgbg;
   border: 2px;
@@ -4869,7 +4910,7 @@ table#LC_title_bar {
 }
 
 table#LC_title_bar,
-table.LC_breadcrumbs,
+table.LC_breadcrumbs, /* obsolete? */
 table#LC_title_bar.LC_with_remote {
   width: 100%;
   border-color: $pgbg;
@@ -4882,100 +4923,79 @@ table#LC_title_bar.LC_with_remote {
   margin: 0;
 }
 
-table#LC_title_bar td {
-  background: $tabbg;
+ul.LC_breadcrumb_tools_outerlist {
+    margin: 0;
+    padding: 0;
+    position: relative;
+    list-style: none;
 }
-
-table#LC_menubuttons img{
-  border: none;
+ul.LC_breadcrumb_tools_outerlist li {
+    display: inline;
 }
 
-table#LC_top_nav td {
-  background: $tabbg;
-  border: none;
-  font-size: small;
-  vertical-align:top;
-  padding:2px 5px 2px 5px;
+.LC_breadcrumb_tools_navigation {
+    padding: 0;
+    margin: 0;
+    float: left;
 }
-
-table#LC_top_nav td a,
-div#LC_top_nav a {
-  color: $font;
+.LC_breadcrumb_tools_tools {
+    padding: 0;
+    margin: 0;
+    float: right;
 }
 
-table#LC_top_nav td.LC_top_nav_logo {
+table#LC_title_bar td {
   background: $tabbg;
-  text-align: left;
-  white-space: nowrap;
-  width: 31px;
 }
 
-table#LC_top_nav td.LC_top_nav_logo img {
+table#LC_menubuttons img {
   border: none;
-  vertical-align: bottom;
-}
-
-table#LC_top_nav td.LC_top_nav_exit,
-table#LC_top_nav td.LC_top_nav_help {
-  width: 2.0em;
-}
-
-table#LC_top_nav td.LC_top_nav_login {
-  width: 4.0em;
-  text-align: center;
 }
 
 .LC_breadcrumbs_component {
-    float: right;
-    margin: 0 1em;
+  float: right;
+  margin: 0 1em;
 }
 .LC_breadcrumbs_component img {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 td.LC_table_cell_checkbox {
   text-align: center;
 }
 
-table#LC_mainmenu td.LC_mainmenu_column {
-    vertical-align: top;
-}
-
 .LC_fontsize_small {
- font-size: 70%;
+  font-size: 70%;
 }
 
 #LC_breadcrumbs {
- clear:both;
- background: $sidebg;
- border-bottom: 1px solid $lg_border_color;
- line-height: 2.5em; 
- /* SD working here
- height: 2.5em;
- overflow: hidden; */
- margin: 0;
- padding: 0;
+  clear:both;
+  background: $sidebg;
+  border-bottom: 1px solid $lg_border_color;
+  line-height: 2.5em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
 }
 
 /* Preliminary fix to hide breadcrumbs inside remote control window */
 #LC_remote #LC_breadcrumbs {
-    display:none;
+  display:none;
 }
 
 #LC_head_subbox {
- clear:both;
- background: #F8F8F8; /* $sidebg; */
- border-bottom: 1px solid $lg_border_color;
- margin: 0 0 10px 0;
- padding: 5px;
+  clear:both;
+  background: #F8F8F8; /* $sidebg; */
+  border: 1px solid $sidebg;
+  margin: 0 0 10px 0;      
 }
 
 .LC_fontsize_medium {
- font-size: 85%;
+  font-size: 85%;
 }
 
 .LC_fontsize_large {
- font-size: 120%;
+  font-size: 120%;
 }
 
 .LC_menubuttons_inline_text {
@@ -4996,18 +5016,13 @@ table#LC_mainmenu td.LC_mainmenu_column
 }
 
 td.LC_menubuttons_text {
- 	color: $font;
+  color: $font;
 }
 
 .LC_current_location {
   background: $tabbg;
 }
 
-.LC_new_mail {
-  background: $tabbg;
-  font-weight: bold;
-}
-
 table.LC_data_table,
 table.LC_mail_list {
   border: 1px solid #000000;
@@ -5035,8 +5050,16 @@ table.LC_nested {
   width: 100%;
 }
 
-table.LC_data_table tr th, 
-table.LC_calendar tr th, 
+.ui-accordion,
+.ui-accordion table.LC_data_table,
+.ui-accordion table.LC_nested_outer{
+  border: 0px;
+  border-spacing: 0px;
+  margin: 3px;
+}
+
+table.LC_data_table tr th,
+table.LC_calendar tr th,
 table.LC_mail_list tr th,
 table.LC_prior_tries tr th,
 table.LC_innerpickbox tr th {
@@ -5057,17 +5080,25 @@ table.LC_data_table tr.LC_info_row > td
   text-align: left;
 }
 
-table.LC_data_table tr.LC_odd_row > td,
+table.LC_data_table tr.LC_odd_row > td {
+  background-color: $data_table_light;
+  padding: 2px;
+  vertical-align: top;
+}
+
 table.LC_pick_box tr > td.LC_odd_row {
   background-color: $data_table_light;
+  vertical-align: top;
+}
+
+table.LC_data_table tr.LC_even_row > td {
+  background-color: $data_table_dark;
   padding: 2px;
   vertical-align: top;
 }
 
-table.LC_data_table tr.LC_even_row > td,
 table.LC_pick_box tr > td.LC_even_row {
   background-color: $data_table_dark;
-  padding: 2px;
   vertical-align: top;
 }
 
@@ -5136,6 +5167,22 @@ table.LC_nested tr td.LC_right_item {
   text-align: right;
 }
 
+.ui-accordion table.LC_nested tr.LC_odd_row td.LC_left_item,
+.ui-accordion table.LC_nested tr.LC_even_row td.LC_left_item {
+  text-align: right;
+  width: 40%;
+  padding-right:10px;
+  vertical-align: top;
+  padding: 5px;
+}
+
+.ui-accordion table.LC_nested tr.LC_odd_row td.LC_right_item,
+.ui-accordion table.LC_nested tr.LC_even_row td.LC_right_item {
+  text-align: left;
+  width: 60%;
+  padding: 2px 4px;
+}
+
 table.LC_nested tr.LC_odd_row td {
   background-color: #EEEEEE;
 }
@@ -5156,6 +5203,7 @@ table.LC_createuser tr.LC_info_row td  {
 table.LC_calendar {
   border: 1px solid #000000;
   border-collapse: collapse;
+  width: 98%;
 }
 
 table.LC_calendar_pickdate {
@@ -5165,6 +5213,7 @@ table.LC_calendar_pickdate {
 table.LC_calendar tr td {
   border: 1px solid #000000;
   vertical-align: top;
+  width: 14%;
 }
 
 table.LC_calendar tr td.LC_calendar_day_empty {
@@ -5183,12 +5232,6 @@ table.LC_mail_list tr.LC_mail_new:hover
   background-color: $mail_new_hover;
 }
 
-table.LC_mail_list tr.LC_mail_even {
-}
-
-table.LC_mail_list tr.LC_mail_odd {
-}
-
 table.LC_mail_list tr.LC_mail_read {
   background-color: $mail_read;
 }
@@ -5237,7 +5280,7 @@ table.LC_data_table tr.LC_browser_folder
 }
 
 table.LC_data_table tr > td.LC_roles_is {
-/*  background: #77FF77; */
+  /* background: #77FF77; */
 }
 
 table.LC_data_table tr > td.LC_roles_future {
@@ -5285,7 +5328,8 @@ span.LC_parm_part {
   color: blue;
 }
 
-span.LC_parm_folder, span.LC_parm_symb {
+span.LC_parm_folder,
+span.LC_parm_symb {
   font-size: x-small;
   font-family: $mono;
   color: #AAAAAA;
@@ -5467,19 +5511,17 @@ table.LC_notify_front_page td {
 
 .LC_topic_bar {
   font-weight: bold;
-  width: 100%;
   background: $tabbg;
-  vertical-align: middle;
-  margin: 2ex 0ex 2ex 0ex;
+  margin: 1em 0em 1em 2em;
   padding: 3px;
+  font-size: 1.2em;
 }
 
 .LC_topic_bar span {
+  left: 0.5em;
+  position: absolute;
   vertical-align: middle;
-}
-
-.LC_topic_bar img {
-  vertical-align: bottom;
+  font-size: 1.2em;
 }
 
 table.LC_course_group_status {
@@ -5508,12 +5550,12 @@ div.LC_feedback_link img {
   vertical-align:middle;
 }
 
-div.LC_feedback_link a{
+div.LC_feedback_link a {
   text-decoration: none;
 }
 
 div.LC_comblock {
-  display:inline; 
+  display:inline;
   color:$font;
   font-size:90%;
 }
@@ -5591,12 +5633,12 @@ span.LC_prior_string,
 span.LC_prior_custom,
 span.LC_prior_reaction,
 span.LC_prior_math {
-  font-family: monospace;
+  font-family: $mono;
   white-space: pre;
 }
 
 span.LC_prior_string {
-  font-family: monospace;
+  font-family: $mono;
   white-space: pre;
 }
 
@@ -5605,7 +5647,7 @@ table.LC_prior_option {
   border-collapse: collapse;
 }
 
-table.LC_prior_rank, 
+table.LC_prior_rank,
 table.LC_prior_match {
   border-collapse: collapse;
 }
@@ -5629,17 +5671,6 @@ span.LC_cusr_subheading {
   font-size: 85%;
 }
 
-table.LC_docs_documents {
-  background: #BBBBBB;
-  border-width: 0;
-  border-collapse: collapse;
-}
-
-table.LC_docs_documents td.LC_docs_document {
-  border: 2px solid black;
-  padding: 4px;
-}
-
 div.LC_docs_entry_move {
   border: 1px solid #BBBBBB;
   background: #DDDDDD;
@@ -5835,30 +5866,24 @@ div.LC_edit_problem_saves {
   padding-bottom: 5px;
 }
 
-img.stift{
+img.stift {
   border-width: 0;
   vertical-align: middle;
 }
 
-table#LC_mainmenu{
- margin-top:10px;
- width:80%;
-}
-
-table#LC_mainmenu td.LC_mainmenu_col_fieldset{
+table td.LC_mainmenu_col_fieldset {
   vertical-align: top;
-  width: 45%;
 }
 
-.LC_mainmenu_fieldset_category {
-  color: $font;
-  background: $pgbg;
-  font-size: small;
-  font-weight: bold;
+div.LC_createcourse {
+  margin: 10px 10px 10px 10px;
 }
 
-div.LC_createcourse {
-    margin: 10px 10px 10px 10px;
+.LC_dccid {
+  margin: 0.2em 0 0 0;
+  padding: 0;
+  font-size: 90%;
+  display:none;
 }
 
 /* ---- Remove when done ----
@@ -5875,220 +5900,235 @@ ol#LC_PathBreadcrumbs a:hover,
 ul#LC_secondary_menu a:hover,
 .LC_FormSectionClearButton input:hover
 ul.LC_TabContent   li:hover a {
-	color:#BF2317;
-    text-decoration:none;
+  color:#BF2317;
+  text-decoration:none;
 }
 
 h1 {
-	padding: 0;
-	line-height:130%;
+  padding: 0;
+  line-height:130%;
 }
 
-h2,h3,h4,h5,h6 {
-	margin: 5px 0 5px 0;
-	padding: 0;
-	line-height:130%;
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 5px 0 5px 0;
+  padding: 0;
+  line-height:130%;
 }
 
 .LC_hcell {
-        padding:3px 15px 3px 15px;
-        margin: 0;
-	background-color:$tabbg;
-	color:$fontmenu;
-	border-bottom:solid 1px $lg_border_color;
+  padding:3px 15px 3px 15px;
+  margin: 0;
+  background-color:$tabbg;
+  color:$fontmenu;
+  border-bottom:solid 1px $lg_border_color;
 }
 
 .LC_Box > .LC_hcell {
-    margin: 0 -10px 10px -10px;
+  margin: 0 -10px 10px -10px;
 }
 
 .LC_noBorder {
-        border: 0;
-}
-
-.LC_Right {
-        float: right;
-        margin: 0;
-        padding: 0;
+  border: 0;
 }
 
 .LC_FormSectionClearButton input {
-        background-color:transparent;
-        border: none;
-        cursor:pointer;
-        text-decoration:underline;
+  background-color:transparent;
+  border: none;
+  cursor:pointer;
+  text-decoration:underline;
 }
 
 .LC_help_open_topic {
-        color: #FFFFFF;
-        background-color: #EEEEFF;
-        margin: 1px;
-        padding: 4px;
-        border: 1px solid #000033;
-        white-space: nowrap;
-/*		vertical-align: middle; */
+  color: #FFFFFF;
+  background-color: #EEEEFF;
+  margin: 1px;
+  padding: 4px;
+  border: 1px solid #000033;
+  white-space: nowrap;
+  /* vertical-align: middle; */
 }
 
-dl,ul,div,fieldset {
-	margin: 10px 10px 10px 0;
-/*	overflow: hidden; */
+dl,
+ul,
+div,
+fieldset {
+  margin: 10px 10px 10px 0;
+  /* overflow: hidden; */
 }
 
 fieldset > legend {
-    font-weight: bold;
-    padding: 0 5px 0 5px;
+  font-weight: bold;
+  padding: 0 5px 0 5px;
 }
 
 #LC_nav_bar {
-    float: left;
-    margin: 0.2em 0 0 0;
+  float: left;
+  margin: 0.2em 0 0 0;
+}
+
+#LC_realm {
+  margin: 0.2em 0 0 0;
+  padding: 0;
+  font-weight: bold;
+  text-align: center;
 }
 
-#LC_nav_bar em{
-    font-weight: bold;
-    font-style: normal;
+#LC_nav_bar em {
+  font-weight: bold;
+  font-style: normal;
 }
 
 ol.LC_primary_menu {
-    float: right;
-    margin: 0.2em 0 0 0;
+  float: right;
+  margin: 0.2em 0 0 0;
+}
+
+span.LC_new_message{
+  font-weight:bold;
+  color: darkred;
 }
 
 ol#LC_PathBreadcrumbs {
-	margin: 0;
+  margin: 0;
 }
 
 ol.LC_primary_menu li {
-	display: inline;
-	padding: 5px 5px 0 10px;
-	vertical-align: top;
+  display: inline;
+  padding: 5px 5px 0 10px;
+  vertical-align: top;
 }
 
 ol.LC_primary_menu li img {
-	vertical-align: bottom;
+  vertical-align: bottom;
 }
 
 ol.LC_primary_menu a {
-	font-size: 90%;
-	color: RGB(80, 80, 80);
-	text-decoration: none;
+  font-size: 90%;
+  color: RGB(80, 80, 80);
+  text-decoration: none;
 }
 
 ul#LC_secondary_menu {
-    clear: both;
-    color: $fontmenu;
-    background: $tabbg;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    width: 100%;
+  clear: both;
+  color: $fontmenu;
+  background: $tabbg;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  width: 100%;
 }
 
 ul#LC_secondary_menu li {
-    font-weight: bold;
-    line-height: 1.8em;
-    padding: 0 0.8em; 
-    border-right: 1px solid black;
-    display: inline;
-    vertical-align: middle;
+  font-weight: bold;
+  line-height: 1.8em;
+  padding: 0 0.8em;
+  border-right: 1px solid black;
+  display: inline;
+  vertical-align: middle;
 }
 
 ul.LC_TabContent {
-	display:block;
-	background: $sidebg;
-	border-bottom: solid 1px $lg_border_color;
-	list-style:none;
-	margin: 0 -10px;
-	padding: 0;
+  display:block;
+  background: $sidebg;
+  border-bottom: solid 1px $lg_border_color;
+  list-style:none;
+  margin: 0 -10px;
+  padding: 0;
 }
 
 ul.LC_TabContent li,
 ul.LC_TabContentBigger li {
-	float:left;
+  float:left;
 }
 
 ul#LC_secondary_menu li a {
-    color: $fontmenu;
-	text-decoration: none;
+  color: $fontmenu;
+  text-decoration: none;
 }
 
 ul.LC_TabContent {
-	min-height:1.5em;
+  min-height:1.5em;
 }
 
 ul.LC_TabContent li {
-	vertical-align:middle;
-	padding: 0 10px 0 10px;
-	background-color:$tabbg;
-	border-bottom:solid 1px $lg_border_color;
+  vertical-align:middle;
+  padding: 0 10px 0 10px;
+  background-color:$tabbg;
+  border-bottom:solid 1px $lg_border_color;
 }
 
 ul.LC_TabContent .right {
-	float:right;
+  float:right;
 }
 
-ul.LC_TabContent li a, ul.LC_TabContent li {
-	color:rgb(47,47,47);
-	text-decoration:none;
-	font-size:95%;
-	font-weight:bold;
-	padding-right: 16px;
+ul.LC_TabContent li a,
+ul.LC_TabContent li {
+  color:rgb(47,47,47);
+  text-decoration:none;
+  font-size:95%;
+  font-weight:bold;
+  padding-right: 16px;
 }
 
-ul.LC_TabContent li:hover, ul.LC_TabContent li.active {
-        background:#FFFFFF url(/adm/lonIcons/open.gif) no-repeat scroll right center;
-	border-bottom:solid 2px #FFFFFF;
-	padding-right: 16px;
+ul.LC_TabContent li:hover,
+ul.LC_TabContent li.active {
+  background:#FFFFFF url(/adm/lonIcons/open.gif) no-repeat scroll right center;
+  border-bottom:solid 2px #FFFFFF;
+  padding-right: 16px;
 }
 
 #maincoursedoc {
-	clear:both;
+  clear:both;
 }
 
 ul.LC_TabContentBigger {
-        display:block;
-        list-style:none;
-        padding: 0;
+  display:block;
+  list-style:none;
+  padding: 0;
 }
 
 ul.LC_TabContentBigger li {
-        vertical-align:bottom;
-        height: 30px;
-        font-size:110%;
-        font-weight:bold;
-        color: #737373;
+  vertical-align:bottom;
+  height: 30px;
+  font-size:110%;
+  font-weight:bold;
+  color: #737373;
 }
 
 
 ul.LC_TabContentBigger li a {
-        background:url('/adm/lonIcons/tabbgleft.gif') left bottom no-repeat;
-	height: 30px;
-	line-height: 30px;
-	text-align: center;
-	display: block;
-	text-decoration: none;
+  background:url('/adm/lonIcons/tabbgleft.gif') left bottom no-repeat;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block;
+  text-decoration: none;
 }
 
-ul.LC_TabContentBigger li:hover a, 
+ul.LC_TabContentBigger li:hover a,
 ul.LC_TabContentBigger li.active a {
-	background:url('/adm/lonIcons/tabbgleft.gif') left top no-repeat;
-	color:$font;
-	text-decoration: underline;
+  background:url('/adm/lonIcons/tabbgleft.gif') left top no-repeat;
+  color:$font;
+  text-decoration: underline;
 }
 
 
 ul.LC_TabContentBigger li b {
-	background: url('/adm/lonIcons/tabbgright.gif') no-repeat right bottom;
-	display: block;
-	float: left;
-	padding: 0 30px;
+  background: url('/adm/lonIcons/tabbgright.gif') no-repeat right bottom;
+  display: block;
+  float: left;
+  padding: 0 30px;
 }
 
 ul.LC_TabContentBigger li:hover b,
 ul.LC_TabContentBigger li.active b {
-        background:url('/adm/lonIcons/tabbgright.gif') right top no-repeat;
-        color:$font;
-	border-bottom: 1px solid #FFFFFF;
+  background:url('/adm/lonIcons/tabbgright.gif') right top no-repeat;
+  color:$font;
+  border-bottom: 1px solid #FFFFFF;
 }
 
 
@@ -6101,69 +6141,64 @@ ul.LC_CourseBreadcrumbs {
 
 }
 
-ol#LC_MenuBreadcrumbs, 
+ol#LC_MenuBreadcrumbs,
 ol#LC_PathBreadcrumbs {
-	padding-left: 10px;
-	margin: 0;
-	list-style-position: inside;
-    /* SD working here
-    white-space: nowrap; */
+  padding-left: 10px;
+  margin: 0;
+  height: 2.5em;  /* equal to #LC_breadcrumbs line-height */
 }
 
-ol#LC_MenuBreadcrumbs li, 
-ol#LC_PathBreadcrumbs li, 
+ol#LC_MenuBreadcrumbs li,
+ol#LC_PathBreadcrumbs li,
 ul.LC_CourseBreadcrumbs li {
-    display: inline;
-    white-space: nowrap;
-    /* SD working here
-    white-space: normal; */
+  display: inline;
+  white-space: normal;  
 }
 
 ol#LC_MenuBreadcrumbs li a,
 ul.LC_CourseBreadcrumbs li a {
-	text-decoration: none;
-	font-size:90%;
+  text-decoration: none;
+  font-size:90%;
 }
 
 ol#LC_PathBreadcrumbs li a {
-	text-decoration:none;
-	font-size:100%;
-	font-weight:bold;
+  text-decoration:none;
+  font-size:100%;
+  font-weight:bold;
 }
 
 .LC_Box {
-    border: solid 1px $lg_border_color;
-    padding: 0 10px 10px 10px;
+  border: solid 1px $lg_border_color;
+  padding: 0 10px 10px 10px;
 }
 
 .LC_AboutMe_Image {
-	float:left;
-	margin-right:10px;
+  float:left;
+  margin-right:10px;
 }
 
 .LC_Clear_AboutMe_Image {
-	clear:left;
+  clear:left;
 }
 
 dl.LC_ListStyleClean dt {
-	padding-right: 5px;
-	display: table-header-group;
+  padding-right: 5px;
+  display: table-header-group;
 }
 
 dl.LC_ListStyleClean dd {
-	display: table-row;
+  display: table-row;
 }
 
 .LC_ListStyleClean,
 .LC_ListStyleSimple,
 .LC_ListStyleNormal,
-.LC_ListStyle_Border,
 .LC_ListStyleSpecial {
-	/*display:block;	*/
-	list-style-position: inside;
-	list-style-type: none;
-	overflow: hidden;
-	padding: 0;
+  /* display:block; */
+  list-style-position: inside;
+  list-style-type: none;
+  overflow: hidden;
+  padding: 0;
 }
 
 .LC_ListStyleSimple li,
@@ -6172,211 +6207,234 @@ dl.LC_ListStyleClean dd {
 .LC_ListStyleNormal dd,
 .LC_ListStyleSpecial li,
 .LC_ListStyleSpecial dd {
-	margin: 0;
-	padding: 5px 5px 5px 10px;
-	clear: both;
+  margin: 0;
+  padding: 5px 5px 5px 10px;
+  clear: both;
 }
 
 .LC_ListStyleClean li,
 .LC_ListStyleClean dd {
-	padding-top: 0;
-	padding-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 .LC_ListStyleSimple dd,
 .LC_ListStyleSimple li {
-	border-bottom: solid 1px $lg_border_color;
+  border-bottom: solid 1px $lg_border_color;
 }
 
 .LC_ListStyleSpecial li,
 .LC_ListStyleSpecial dd {
-	list-style-type: none;
-	background-color: RGB(220, 220, 220);
-	margin-bottom: 4px;
+  list-style-type: none;
+  background-color: RGB(220, 220, 220);
+  margin-bottom: 4px;
 }
 
 table.LC_SimpleTable {
-	margin:5px;
-	border:solid 1px $lg_border_color;
+  margin:5px;
+  border:solid 1px $lg_border_color;
 }
 
 table.LC_SimpleTable tr {
-	padding: 0;
-	border:solid 1px $lg_border_color;
+  padding: 0;
+  border:solid 1px $lg_border_color;
 }
 
 table.LC_SimpleTable thead {
-	 background:rgb(220,220,220);
+  background:rgb(220,220,220);
 }
 
 div.LC_columnSection {
-	display: block;
-	clear: both;
-	overflow: hidden;
-	margin: 0;
+  display: block;
+  clear: both;
+  overflow: hidden;
+  margin: 0;
 }
 
 div.LC_columnSection>* {
-	float: left;
-	margin: 10px 20px 10px 0;
-	overflow:hidden;
+  float: left;
+  margin: 10px 20px 10px 0;
+  overflow:hidden;
 }
 
 .LC_loginpage_container {
-	text-align:left;
-	margin : 0 auto;
-	width:90%;
-	padding: 10px;
-	height: auto;
-	background-color:#FFFFFF;
-	border:1px solid #CCCCCC;
+  text-align:left;
+  margin : 0 auto;
+  width:90%;
+  padding: 10px;
+  height: auto;
+  background-color:#FFFFFF;
+  border:1px solid #CCCCCC;
 }
 
 
 .LC_loginpage_loginContainer {
-	float:left;
-	width: 182px;
-	padding: 2px;
-	border:1px solid #CCCCCC;
-	background-color:$loginbg;
+  float:left;
+  width: 182px;
+  padding: 2px;
+  border:1px solid #CCCCCC;
+  background-color:$loginbg;
 }
 
 .LC_loginpage_loginContainer h2 {
-	margin-top: 0;
-	display:block;
-	background:$bgcol;
-	color:$textcol;
-	padding-left:5px;
+  margin-top: 0;
+  display:block;
+  background:$bgcol;
+  color:$textcol;
+  padding-left:5px;
 }
 
 .LC_loginpage_loginInfo {
-	float:left;
-	width:182px;
-	border:1px solid #CCCCCC;
-	padding:2px;
+  float:left;
+  width:182px;
+  border:1px solid #CCCCCC;
+  padding:2px;
 }
 
 .LC_loginpage_space {
-	clear: both;
-	margin-bottom: 20px;
-	border-bottom: 1px solid #CCCCCC;
+  clear: both;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #CCCCCC;
 }
 
 .LC_loginpage_floatLeft {
-	float: left;
-	width: 200px;
-	margin: 0;
+  float: left;
+  width: 200px;
+  margin: 0;
 }
 
 table em {
-	font-weight: bold;
-	font-style: normal;
+  font-weight: bold;
+  font-style: normal;
 }
 
 table.LC_tableBrowseRes,
 table.LC_tableOfContent {
-        border:none;
-	border-spacing: 1px;
-	padding: 3px;
-	background-color: #FFFFFF;
-	font-size: 90%;
+  border:none;
+  border-spacing: 1px;
+  padding: 3px;
+  background-color: #FFFFFF;
+  font-size: 90%;
 }
 
-table.LC_tableOfContent{
-    border-collapse: collapse;
+table.LC_tableOfContent {
+  border-collapse: collapse;
 }
 
 table.LC_tableBrowseRes a,
 table.LC_tableOfContent a {
-        background-color: transparent;
-	text-decoration: none;
-}
-
-table.LC_tableBrowseRes tr.LC_trOdd,
-table.LC_tableOfContent tr.LC_trOdd{
-	background-color: #EEEEEE;
+  background-color: transparent;
+  text-decoration: none;
 }
 
 table.LC_tableOfContent img {
-	border: none;
-	height: 1.3em;
-	vertical-align: text-bottom;
-	margin-right: 0.3em;
+  border: none;
+  height: 1.3em;
+  vertical-align: text-bottom;
+  margin-right: 0.3em;
 }
 
 a#LC_content_toolbar_firsthomework {
-	background-image:url(/res/adm/pages/open-first-problem.gif);
+  background-image:url(/res/adm/pages/open-first-problem.gif);
 }
 
 a#LC_content_toolbar_launchnav {
-	background-image:url(/res/adm/pages/start-navigation.gif);
+  background-image:url(/res/adm/pages/start-navigation.gif);
 }
 
 a#LC_content_toolbar_closenav {
-	background-image:url(/res/adm/pages/close-navigation.gif);
+  background-image:url(/res/adm/pages/close-navigation.gif);
 }
 
 a#LC_content_toolbar_everything {
-	background-image:url(/res/adm/pages/show-all.gif);
+  background-image:url(/res/adm/pages/show-all.gif);
 }
 
 a#LC_content_toolbar_uncompleted {
-	background-image:url(/res/adm/pages/show-incomplete-problems.gif);
+  background-image:url(/res/adm/pages/show-incomplete-problems.gif);
 }
 
 #LC_content_toolbar_clearbubbles {
-	background-image:url(/res/adm/pages/mark-discussionentries-read.gif);
+  background-image:url(/res/adm/pages/mark-discussionentries-read.gif);
 }
 
 a#LC_content_toolbar_changefolder {
-	background : url(/res/adm/pages/close-all-folders.gif) top center ;
+  background : url(/res/adm/pages/close-all-folders.gif) top center ;
 }
 
 a#LC_content_toolbar_changefolder_toggled {
-	background-image:url(/res/adm/pages/open-all-folders.gif);
+  background-image:url(/res/adm/pages/open-all-folders.gif);
 }
 
 ul#LC_toolbar li a:hover {
-	background-position: bottom center;
+  background-position: bottom center;
 }
 
 ul#LC_toolbar {
-	padding: 0;
-	margin: 2px;
-	list-style:none;
-	position:relative;
-	background-color:white;
+  padding: 0;
+  margin: 2px;
+  list-style:none;
+  position:relative;
+  background-color:white;
 }
 
 ul#LC_toolbar li {
-	border:1px solid white;
-	padding: 0;
-	margin: 0;
-        float: left;
-	display:inline;
-	vertical-align:middle;
-} 
+  border:1px solid white;
+  padding: 0;
+  margin: 0;
+  float: left;
+  display:inline;
+  vertical-align:middle;
+}
 
 
 a.LC_toolbarItem {
-	display:block;
-	padding: 0;
-	margin: 0;
-	height: 32px;
-	width: 32px;
-	color:white;
-	border: none;
-	background-repeat:no-repeat;
-	background-color:transparent;
+  display:block;
+  padding: 0;
+  margin: 0;
+  height: 32px;
+  width: 32px;
+  color:white;
+  border: none;
+  background-repeat:no-repeat;
+  background-color:transparent;
+}
+
+ul.LC_funclist {
+    margin: 0;
+    padding: 0.5em 1em 0.5em 0;
+}
+
+ul.LC_funclist > li:first-child {
+    font-weight:bold; 
+    margin-left:0.8em;
+}
+
+ul.LC_funclist + ul.LC_funclist {
+    /* 
+       left border as a seperator if we have more than
+       one list 
+    */
+    border-left: 1px solid $sidebg;
+    /* 
+       this hides the left border behind the border of the 
+       outer box if element is wrapped to the next 'line' 
+    */
+    margin-left: -1px;
 }
 
 ul.LC_funclist li {
-  float: left;
+  display: inline;
   white-space: nowrap;
-  height: 35px; /* at least as high as heighest list item */
-  margin: 0 15px 15px 10px;
+  margin: 0 0 0 25px;
+  line-height: 150%;
 }
 
+.ui-accordion .LC_advanced_toggle {
+  float: right;
+  font-size: 90%;
+  padding: 0px 4px
+}
 
 END
 }
@@ -6653,6 +6711,11 @@ sub start_page {
     # Don't add anything more if only_body wanted
     return $result if $args->{'only_body'};
 
+    #Breadcrumbs for Construction Space provided by &bodytag. 
+    if (($env{'environment.remote'} eq 'off') && ($env{'request.state'} eq 'construct')) {
+        return $result;
+    }
+ 
     #Breadcrumbs
     if (exists($args->{'bread_crumbs'}) or exists($args->{'bread_crumbs_component'})) {
 		&Apache::lonhtmlcommon::clear_breadcrumbs();
@@ -9531,6 +9594,8 @@ sub extract_categories {
                 my $trailstr;
                 if ($name eq 'instcode') {
                     $trailstr = &mt('Official courses (with institutional codes)');
+                } elsif ($name eq 'communities') {
+                    $trailstr = &mt('Communities');
                 } else {
                     $trailstr = $name;
                 }
@@ -9643,12 +9708,14 @@ cathash - reference to hash of categorie
 
 currcat - scalar with an & separated list of categories assigned to a course. 
 
+type    - scalar contains course type (Course or Community).
+
 Returns: $output (markup to be displayed) 
 
 =cut
 
 sub assign_categories_table {
-    my ($cathash,$currcat) = @_;
+    my ($cathash,$currcat,$type) = @_;
     my $output;
     if (ref($cathash) eq 'HASH') {
         my (@cats,@trails,%allitems,%idx,@jsarray,@path,$maxdepth);
@@ -9657,15 +9724,20 @@ sub assign_categories_table {
         if (@cats > 0) {
             my $itemcount = 0;
             if (ref($cats[0]) eq 'ARRAY') {
-                $output = &Apache::loncommon::start_data_table();
                 my @currcategories;
                 if ($currcat ne '') {
                     @currcategories = split('&',$currcat);
                 }
+                my $table;
                 for (my $i=0; $i<@{$cats[0]}; $i++) {
                     my $parent = $cats[0][$i];
-                    my $css_class = $itemcount%2?' class="LC_odd_row"':'';
                     next if ($parent eq 'instcode');
+                    if ($type eq 'Community') {
+                        next unless ($parent eq 'communities');
+                    } else {
+                        next if ($parent eq 'communities');
+                    }
+                    my $css_class = $itemcount%2?' class="LC_odd_row"':'';
                     my $item = &escape($parent).'::0';
                     my $checked = '';
                     if (@currcategories > 0) {
@@ -9673,18 +9745,26 @@ sub assign_categories_table {
                             $checked = ' checked="checked"';
                         }
                     }
-                    $output .= '<tr '.$css_class.'><td><span class="LC_nobreak">'.
-                               '<input type="checkbox" name="usecategory" value="'.
-                               $item.'"'.$checked.' />'.$parent.'</span>'.
-                               '<input type="hidden" name="catname" value="'.$parent.'" /></td>';
+                    my $parent_title = $parent;
+                    if ($parent eq 'communities') {
+                        $parent_title = &mt('Communities');
+                    }
+                    $table .= '<tr '.$css_class.'><td><span class="LC_nobreak">'.
+                              '<input type="checkbox" name="usecategory" value="'.
+                              $item.'"'.$checked.' />'.$parent_title.'</span>'.
+                              '<input type="hidden" name="catname" value="'.$parent.'" /></td>';
                     my $depth = 1;
                     push(@path,$parent);
-                    $output .= &assign_category_rows($itemcount,\@cats,$depth,$parent,\@path,\@currcategories);
+                    $table .= &assign_category_rows($itemcount,\@cats,$depth,$parent,\@path,\@currcategories);
                     pop(@path);
-                    $output .= '</tr><tr><td colspan="'.$maxdepth.'" class="LC_row_separator"></td></tr>';
+                    $table .= '</tr><tr><td colspan="'.$maxdepth.'" class="LC_row_separator"></td></tr>';
                     $itemcount ++;
                 }
-                $output .= &Apache::loncommon::end_data_table();
+                if ($itemcount) {
+                    $output = &Apache::loncommon::start_data_table().
+                              $table.
+                              &Apache::loncommon::end_data_table();
+                }
             }
         }
     }