--- loncom/interface/loncommon.pm	2008/11/28 18:18:39	1.697
+++ loncom/interface/loncommon.pm	2008/12/01 14:38:49	1.698
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # a pile of common routines
 #
-# $Id: loncommon.pm,v 1.697 2008/11/28 18:18:39 bisitz Exp $
+# $Id: loncommon.pm,v 1.698 2008/12/01 14:38:49 harmsja Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -4404,6 +4404,7 @@ sub standard_css {
     my $mail_other_hover     = '#669999';
     my $table_header         = '#DDDDDD';
     my $feedback_link_bg     = '#BBBBBB';
+    my $lg_border_color	     = '#D5FF6F';
 
     my $border = ($env{'browser.type'} eq 'explorer' ||
 		  $env{'browser.type'} eq 'safari'     ) ? '0px 2px 0px 2px'
@@ -4411,18 +4412,25 @@ sub standard_css {
 
 
     return <<END;
-h1, h2, h3, th { font-family: $sans }
+body{
+     font-family: $sans;
+     line-height:130%;
+     font-size:0.8em;
+     color:$font;
+  }
+
 a:focus { color: red; background: yellow } 
 table.thinborder,
-
 table.thinborder tr th {
   border-style: solid;
   border-width: 1px;
+  border-color: $lg_border_color;
   background: $tabbg;
 }
 table.thinborder tr td {
   border-style: solid;
-  border-width: 1px
+  border-width: 1px;
+  border-color: $lg_border_color;
 }
 
 form, .inline { display: inline; }
@@ -4585,13 +4593,13 @@ table#LC_mainmenu td.LC_mainmenu_column
 .LC_menubuttons_inline_text {
   color: $font;
   font-family: $sans;
-  font-size: smaller;
+  font-size: 90%;
 }
 
 .LC_menubuttons_link {
   text-decoration: none;
 }
-#2008--9-5: new menu style sheet.Changed category
+/*2008--9-5: new menu style sheet.Changed category*/
 .LC_menubuttons_category {
   color: $font;
   background: $pgbg;
@@ -4601,11 +4609,9 @@ table#LC_mainmenu td.LC_mainmenu_column
 }
 
 td.LC_menubuttons_text {
-  width: 90%;
-  color: $font;
-  font-family: $sans;
+ 	color: $font;
+ 	width: 90%;
 }
-
 td.LC_menubuttons_img {
 }
 
@@ -5365,10 +5371,10 @@ table.LC_scantron_action {
   width: 100%;
 }
 table.LC_scantron_action tr th {
-  font: normal bold $sans;
+  font-weight:bold;
+  font-style:normal;
 }
-
-div.LC_edit_problem_header, 
+.LC_edit_problem_header, 
 div.LC_edit_problem_footer {
   font: normal medium $sans;
   margin: 2px;
@@ -5451,106 +5457,100 @@ fieldset#LC_mainmenu_fieldset {
 # changed or removed.
 # --------------------------*/
 
-
-body {
-	font-family: Tahoma, Arial,Helvetica,sans-serif;
-	font-size: 0.85em;
-	line-height: 130%;
-	color: RGB(45, 45, 45);
+a:hover,
+ol.smallMenu a:hover,
+ol#MenuBreadcrumbs a:hover,
+ul#TabMainMenuContent a:hover,
+.FormSectionClearButton input:hover{
+	color:#BF2317;
+        text-decoration:none;
 }
 
-a:link,a:visited {
-	/*color: RGB(0, 118, 127);*/
-	/*text-decoration: underline;*/
-}
-
-a:hover{
-	text-decoration:none;
-}
-/*a:hover,
-UL.smallMenu A:hover,
-UL.MenuBreadcrumbs A:hover,
-UL#TabMainMenuContent A:hover{
-	color: rgb(200, 10, 50);
-}*/
-
 h1 { 
 	padding:5px 10px 5px 20px;
 	line-height:130%;
 }
-h2,h4,h6 {
-	/*color: RGB(0, 118, 127);*/
-}
+
 h2,h3,h4,h5,h6
 {
 margin:5px 0px 5px 0px;
 line-height:130%;
 }
-
+.hcell{
+        padding:3px 15px 3px 15px;
+        margin:0px;
+        background: $pgbg;
+        border-bottom:solid 1px $lg_border_color;       
+}
 .right {
 	text-align: right;
 }
-
-.center {
-	text-align: center;
-}
-
 .left {
 	text-align: left;
 }
+.noBorder {
+        border:0px;
+}
+/*
+.bgLightGrey { background:URL(images/TabMenuBG.png) repeat-x left top; }
+.bgLightGreyYellow {background-color:#EFECE0;}
+*/
 
 
+/* Main Header with discription of Person, Course, etc. */
 .HeadRight {
 	text-align: right;
 	float: right;
 	margin: 0px;
 	padding: 0px;
-	 right:0;
+        right:0;
         position:absolute;
-}
-
-img {
-/*	border: 0px; */
-}
-
-.personalBgColor {
-	background: RGB(237, 239, 0) url(images/headHighlight.png) repeat-y left top;
+        overflow:hidden;
 }
 
 p {
 	padding: 10px;
+
+}
+.FormSectionClearButton input {
+        background-color:transparent;
+        border:0px;
+        cursor:pointer;
+        text-decoration:underline;
 }
-DL,UL,Div,Fieldset {
-	/*margin: 10px;*/
+
+
+dl,ul,div,fieldset {
+	margin: 10px 10px 10px 0px;
 	overflow:hidden;
 }
-OL.smallMenu {
-	margin: 0px 0px 0px 0px;
+ol.smallMenu {
+	margin: 0px;
 }
 
-OL.smallMenu li {
+ol.smallMenu li {
 	display: inline;
 	padding: 5px 5px 0px 10px;
 	vertical-align: top;
 }
 
-OL.smallMenu li img {
+ol.smallMenu li img {
 	vertical-align: bottom;
 }
 
-OL.smallMenu A {
+ol.smallMenu a {
 	font-size: 90%;
 	color: RGB(80, 80, 80);
 	text-decoration: none;
 }
 
-OL#TabMainMenuContent {
+ol#TabMainMenuContent {
 	
 	margin: 0px 0px 10px 0px;
 	padding: 0px;
 }
 
-OL#TabMainMenuContent LI {
+ol#TabMainMenuContent li {
 	display: inline;
 	vertical-align: bottom;
 	border-bottom: solid 1px RGB(175, 175, 175);
@@ -5560,19 +5560,19 @@ OL#TabMainMenuContent LI {
 	line-height: 140%;
 	font-weight: bold;
 	overflow:hidden;
-	background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left top;
+/*	background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left top;*/
 }
 
-OL#TabMainMenuContent LI A {
+ol#TabMainMenuContent li a{
 	color: RGB(47, 47, 47);
 	text-decoration: none;
 }
 
-OL#TabMainMenuContent DIV.columnSection {
+ol#TabMainMenuContent div.columnSection {
 	margin-bottom: 0px;
 }
 
-OL#MenuBreadcrumbs {
+ol#MenuBreadcrumbs, ol#PathBreadcrumbs {
 	border-top: solid 1px RGB(255, 255, 255);
 	height: 20px;
 	line-height: 20px;
@@ -5580,68 +5580,55 @@ OL#MenuBreadcrumbs {
 	margin: 0px 0px 30px 0px;
 	padding-left: 10px;
 	list-style-position: inside;
-	background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left
-		top;
+/*	background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left
+		top;*/
 }
 
-OL#MenuBreadcrumbs li {
-	background: url(images/pfeil_white.png) no-repeat left center;
+ol#MenuBreadcrumbs li, ol#PathBreadcrumbs li {
+/*	background: url(images/pfeil_white.png) no-repeat left center;*/
 	display: inline;
 	padding: 0px 0px 0px 10px;
 	vertical-align: bottom;
 	overflow:hidden;
 }
 
-OL#MenuBreadcrumbs LI A {
+ol#MenuBreadcrumbs li a {
 	text-decoration: none;
 	font-size:90%;
 }
-
-h4.hcell {
-	padding: 3px 10px 3px 10px;
-	margin: 0px;
-	background: RGB(0, 118, 127);
-	color: white;
-	border: outset 1px;
-}
-
-DIV.DivContentBoxSpecial
-{
-	border: solid 1px RGB(100, 100, 100);
+ol#PathBreadcrumbs li a{
+	text-decoration:none;
+	font-size:100%;
+	font-weight:bold;
 }
 
-FIELDSET
+.ContentBoxSpecial
 {
-	/*width:78%;*/
+	border: solid 1px $lg_border_color;
 }
-DIV.DivContentBox,
-DIV.DivContentBoxSpecial {
-	width: 80%;
-	margin:10px;
-}
-
-FIELDSET legend,DL DT {
-	font-weight: bold;
-	font-size: 110%;
-	/*padding-left: 0px;*/
-/*	margin-left: 0px;*/
+.ContentBox {
+	padding:10px;
 }
-
-DIV.DivImportant {
-	background: url(images/important.png) no-repeat center top;
-	padding: 100px 10px 10px 10px;
-	width: 200px;
-	border: double 4px RGB(200, 200, 200);
+.PopUp
+{
+	padding:10px;
+	border-left:solid 1px $lg_border_color;
+ 	border-top:solid 1px $lg_border_color;
+	border-bottom:outset 1px $lg_border_color;
+	border-right:outset 1px $lg_border_color;
+	display:none;
+	position:absolute;
+	right:0;
+	background-color:white;
+	z-index:5;
 }
 
-
-
-DL.ListStyleClean DT {
+dl.ListStyleClean dt {
 	padding-right: 5px;
 	display: table-header-group;
 }
 
-DL.ListStyleClean DD {
+dl.ListStyleClean dd {
 	display: table-row;
 }
 
@@ -5652,20 +5639,18 @@ DL.ListStyleClean DD {
 .ListStyleSpecial
 	{
 	/*display:block;	*/
-	width: 400px;
 	list-style-position: inside;
 	list-style-type: none;
 	overflow: hidden;
 	padding: 0px;
 }
 
-.ListStyleClean li,
 .ListStyleSimple li,
-.ListStyleSimple DD,
+.ListStyleSimple dd,
 .ListStyleNormal li,
-.ListStyleNormal DD,
+.ListStyleNormal dd,
 .ListStyleSpecial li,
-.ListStyleSpecial DD
+.ListStyleSpecial dd
 	{
 	margin: 0px;
 	padding: 5px 5px 5px 10px;
@@ -5673,54 +5658,53 @@ DL.ListStyleClean DD {
 	/*display:block;*/
 }
 
-.ListStyleClean LI,
-.ListStyleClean DD {
+.ListStyleClean li,
+.ListStyleClean dd {
 	padding-top: 0px;
 	padding-bottom: 0px;
 }
 
-.ListStyleSimple DD,
-.ListStyleSimple LI{
-	border-bottom: solid 1px RGB(150, 150, 150);
+.ListStyleSimple dd,
+.ListStyleSimple li{
+	border-bottom: solid 1px $lg_border_color;
 }
 
-.ListStyleSpecial LI,
-.ListStyleSpecial DD {
+.ListStyleSpecial li,
+.ListStyleSpecial dd {
 	list-style-type: none;
 	background-color: RGB(220, 220, 220);
 	margin-bottom: 4px;
 }
 
-table.SimpleTable *{
-	padding:10px;
+table.SimpleTable {
+	margin:5px;
+	border:solid 1px $lg_border_color;
 	}
 
-table.SimpleTable td {
-	vertical-align:top;
-	border:solid 1px RGB(210,210,210);
+table.SimpleTable tr {
+	padding:0px;
+	border:solid 1px $lg_border_color;
 }
 table.SimpleTable thead{
-	 background:rgb(210,210,210);
+	 background:rgb(220,220,220);
 }
 
-DIV.columnSection {
+div.columnSection {
 	display: block;
 	clear: both;
 	overflow: hidden;
 	margin:0px;
 }
 
-DIV.columnSection>* {
+div.columnSection>* {
 	float: left;
 	margin: 10px 20px 10px 0px;
 	overflow:hidden;	
 }
-
-DIV.columnSection>FIELDSET,
-DIV.columnSection>DIV.DivContentBox,
-DIV.columnSection>DIV.DivContentBoxSpecial
+div.columnSection > .ContentBox,
+div.columnSection > .ContentBoxSpecial
 	{
-	width: 480px;
+	width: 400px;
 	
 }