Index: lams_central/web/css/default.css
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/css/Attic/default.css,v
diff -u -r1.9 -r1.10
--- lams_central/web/css/default.css 28 Jun 2006 05:29:52 -0000 1.9
+++ lams_central/web/css/default.css 1 Jul 2006 12:48:30 -0000 1.10
@@ -1,806 +1,929 @@
-/* last mod 2006-06-16-1318 */
-* {
- margin: 0px;
- padding: 0px;
- color: #333;
-}
-
-body {
- font-size: 11px;
- font-family: verdana, arial, helvetica, sans-serif;
- background: url('../images/css/page_bg.gif');
- line-height:16px;
-}
-
-.row {
- voice-family: "\"}\""; /* hide the following rules from IE5 */
- voice-family: inherit;
- overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
-}
-
-* html .row {
- height: 1%;
-} /* part of the CSS 'clearing hack' */
-
-
-h1 {
- color:#0087e5;
- font-size:15px;
- margin-bottom:0px;
- margin-left:10px;
- padding-top:5px; }
-
-
-/*when there are no tabs at the top of the page */
-h1.no-tabs-below {
- color:#0087e5;
- font-size:16px;
- margin-bottom:0px;
- margin-left:10px;
- padding-top:25px; }
-
-h2 {color:#47bc23;
- font-size:14px;
- margin-left:25px;
- margin-bottom:0px; }
-
-
-h4 {color:#47bc23; font-size:11px;}
-
-/*defines when instructions are given and places a blue arrow before the text */
-p.instructions {
- color: #0087e5;
- margin-bottom: 0px;
- margin-top: 0px;;
- margin-left: 30px;
- font-weight: bold;
- background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px;
- padding-left: 30px;
- padding-bottom: 10px;
- font-size: 12px
-}
-
-p {
- margin-left: 25px;
- margin-right: 30px;
- margin-bottom: 18px;
-}
-
-#page { /*whole layout of page*/
- margin: 25px auto;
- width: 707px;
- background: url('../images/css/lams_logo.gif') no-repeat right 10px;
-
-
-}
-
-#header { /*layout of the header */
- width: 707px;
- height: 49px;
- background: url('../images/css/top_bg.jpg') no-repeat bottom;
-}
-
-#header-no-tabs { /*layout of the header when no-tabs are required */
-width:707px; height:40px; background:url('../images/css/top_bg.jpg') no-repeat bottom; }
-
-
-
-/* layout of whole navigation section -------------------------------------*/
-#nav { /* layout of box that contains the main navigation */
- margin-top: 15px;
- width: auto;
- height: 40px;
- margin-left: 4px;
-
-}
-
-#nav a {
- color: #0087e5;
- text-decoration: none;
- font-size: 12px;
- font-weight: bold;
-}
-
-#nav a:hover {
- color: #006bb6;
- text-decoration: none;
-}
-
-#nav a.selected {
- color: #333;
-}
-
-/*------------------------------------- TAB STYLES -------------------------------------*/
-.nav-box { /* layout of containers that surround the tab navigation */
- height: 31px;
- width: auto;
- margin-right: 2px;
- float: left;
- text-align: center;
-}
-
-.tab-left-selected { /* defines left side of selected tab */
- height: 31px;
- width: 8px;
- background: url('../images/css/selected_left.jpg') no-repeat top left;
- float: left
-}
-
-.tab-middle-selected { /* defines middle of selected tab */
- height: 31px;
- width: auto;
- background: url('../images/css/selected_bg.jpg') repeat-x;
- float: left;
- width: 90px;
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 8px;
- padding-bottom: 0px
-}
-
-#nav .tab-middle-link-selected {
- color: #333333
-}
-
-.tab-right-selected { /* defines right side of selected tab */
- height: 31px;
- width: 8px;
- background: url('../images/css/selected_right.jpg') no-repeat top right;;
- float: left
-}
-
-.tab-left { /* defines left side of selected tab */
- height: 31px;
- width: 8px;
- background: url('../images/css/button_left.jpg') no-repeat top left;
- float: left
-}
-
-.tab-middle { /* defines middle of selected tab */
- height: 31px;
- width: auto;
- background: url('../images/css/button_bg.jpg') repeat-x;
- float: left;
- width: 90px;
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 8px;
- padding-bottom: 0px
-}
-
-#nav .tab-middle-link {
- color: #0087e5
-}
-
-.tab-right { /* defines right side of selected tab */
- height: 31px;
- width: 8px;
- background: url('../images/css/button_right.jpg') no-repeat top right;;
- float: left
-}
-
-/* end of navigation ------------------------------------------------------*/
-#content { /*box around the main content area */
- width: 707px;
- background: url('../images/css/body_bg.jpg') repeat-y;
- padding-bottom: 20px;
- font-size: 11px;
- margin-top: -5px
-
-}
-
-/*layout of Links within the content area */
-#content a {
- color: #47bc23;
- text-decoration: none;
- border-bottom: 1px dotted #47bc23;
-}
-
-#content a:hover {
- color: #47bc23;
- text-decoration: none;
- border-bottom: 1px solid #47bc23;
-}
-
-/*layout of a general button*/
-#content a.button {
- background: url('../images/css/btn_off.gif') no-repeat 0px 20px;
- color: #333;
- border: 0px none;
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-#content a:hover.button {
- background: url('../images/css/btn_over.gif') no-repeat 0px 20px;
- color: #349018;
- border: 0px none;
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-/*layout of a general button*/
-a.button {
- background: url('../images/css/btn_off.gif') no-repeat 0px 20px;
- color: #333;
- border: 0px none;
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 25px;
- padding-bottom: 25px
- text-decoration: none;
-}
-
-a:hover.button {
- background: url('../images/css/btn_over.gif') no-repeat 0px 20px;
- color: #349018;
- border: 0px none;
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 25px;
- padding-bottom: 25px
- text-decoration: none;
-}
-
-/*layout of adding a topic button */
-#content a.button-add-item {
- background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px;
- color: #333;
- border: 0px none;
- padding-left: 25px;
- padding-right: 15px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-#content a:hover.button-add-item {
- background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px;
- color: #349018;
- border: 0px none;
- padding-left: 25px;
- padding-right: 15px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-/*layout of html editor button */
-#content a.button-html-editor {
- background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
- color: #666;
- border: 0px none;
- padding-left: 28px;
- padding-right: 15px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-#content a:hover.button-html-editor {
- background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
- color: #333;
- border: 0px none;
- padding-left: 28px;
- padding-right: 15px;
- padding-top: 25px;
- padding-bottom: 25px
-}
-
-.box {
- display: none;
- min-height: 100px;
-}
-
-#footer { /*layout of the footer - the bottom of the box */
- width: 707px;
- height: 14px;
- background: url('../images/css/footer_bg.jpg') no-repeat bottom;
-}
-
-/*layout of the table with the alternate color for the table heading cell */
-table.alternative-color {
- width:695px;
- margin-left:7px;
- padding-top:20px;
- margin-bottom:30px;
- text-align:left;
-}
-
-table.alternative-color th {
- background: url('../images/css/green_bg.jpg') repeat-x;
- height: 30px;
- color: #47bc23;
- padding-left: 15px;
- border-left: 1px solid #cacdd1;
- border-right: 1px solid #fff;
- font-size: 12px;
-}
-
-table.alternative-color td {
- padding-left: 20px;
- font-size: 11px;
- border-bottom: 1px solid #efefef;
- vertical-align: middle;
- background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px
-}
-
-table.alternative-color td.first,table.alternative-color th.first {
- border-left: none;
- padding-left: 20px;
-}
-
-
-/*layout of the forum tables with the colored table heading cell */
-table.forum {
- width:98%;
- margin-left:7px;
- padding-top:5px;
- margin-bottom:10px;
- background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px;
- text-align:left;
- border-bottom:1px solid #efefef;}
-
-table.forum th {
- background: url('../images/css/forum_th_bg.jpg') repeat-x #f0f5df;
- height:20px;
- padding-top:5px;
- color:#47bc23;
- padding-left:15px;
- border-left:1px solid #cacdd1;
- font-size:12px;
- vertical-align:middle;
-}
-
-table.forum td.posted-by {
- background: url('../images/css/forum_postedby_bg.jpg') repeat-x;
- height:20px;
- padding-left:20px;
- font-size:10px;
- vertical-align:top;
- padding-top:0px;
-}
-
-
-table.forum td {
- padding-left:20px;
- font-size:11px;
- vertical-align:top;
-}
-table.forum td.first, table.forum th.first {
- border-left:none;
- padding-left:20px;
-}
-
-
-
-/*layout of the table with form elements */
-
-table {
- width:695px;
- margin-left:7px;
- text-align:left;
- }
-
-td {
- padding:10px;
- font-size:12px;
-}
-
-td p{
- padding:10px;
- font-size:12px;
- line-height:18px;
-}
-
-/*layout of button in table */
-td p.button{
- margin:0px;
- padding:10px 10px 10px 0px;
- font-size:11px;
-}
-
-
-
-/* */ /*layout of form styles */
-.field-name {
- color: #0087e5;
- font-weight: bold;
- text-align: right;
-}
-
-.field-name-alternative-color {
- color: #47bc23;
- font-weight: bold;
- text-align: right;
-}
-
-input {
- border: 1px solid #c1c1c1;
- padding: 2px;
-}
-
-textarea {
- border: 1px solid #c1c1c1;
- padding: 2px;
-}
-
-.noBorder {
- border: none;
-}
-
-/*misc styles*/
-.space-right {
- margin-right: 10px;
-}
-
-.space-left {
- margin-left: 10px;
-}
-
-.space-bottom {
- margin-bottom: 40px;
-}
-
-hr {
- border: none 0;
- border-top: 1px solid #ccc;
- width: 650px;
- height: 1px;
- margin: 15px 25px 10px 25px;
-}
-
-/* Warning message style */
-.warning {
- color: #cc0000;
- padding: 10px;
- padding-left: 35px;
- margin-top: 5px;
- text-align: left;
- font-weight: normal;
- background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px;
- width: 72%
-}
-
-
-/* -------------------------------- login page styles -------------------------------------*/
-
-
-#login-page { /*whole layout of login page*/
-margin:0px auto;
-width:707px;
-}
-
-/*layout of the header when no-tabs are required */
-#login-header {
-width:707px;
-height:25px;
-background:url('../images/css/top_bg.jpg') no-repeat bottom;
-}
-
- /*box around the main content area */
-#login-content {
-width:707px;
-background:url('../images/css/body_bg.jpg') repeat-y;
-padding-bottom:20px;
-font-size: 11px;
-margin-top:-5px;
-line-height:18px;
-}
-
-#login-left-col {
-width:330px;
-float:left;
-padding-left:40px;
-margin-top:15px;
-}
-
-#login-left-col h1 {
-margin:0px;
-padding:0px;
-}
-
-#login-left-col h2 {
-margin:0px;
-padding:0px;
-
-}
-
-#login-left-col h3 {
-color:#239CF7;
-font-size:11px;
-margin:0px;
-}
-
-#login-left-col ul {
-list-style-type:none;
-margin-top:0px;
-margin-left:4px;
-}
-
-#login-left-col li {
-padding:10px 0px 15px 0px;
-border-bottom:
-1px dotted #ccc;
-}
-
-#login-right-col {
-width:285px;
-float:left;
-margin-left:47px;
-background: url('../images/css/lams_login_bar.jpg') no-repeat 0 0;
-margin-top:10px;
-height:450px;
-}
-
-#login-right-col h2 {
-margin-top:45px;
-margin-left:20px;
-color:#239CF7;
-}
-
-#login-right-col p {
-margin-top:5px;
-margin-right:50px;
-text-align:right;
-}
-#login-right-col p.first {
-margin-top:35px;
-margin-right:50px;
-text-align:right;
-margin-bottom:15px;
-}
-#login-right-col a.button {
-background:url('../images/css/btn_off.gif') no-repeat 0px 20px;
-color:#333;
-border:0px none;
-padding-left:20px;
-padding-right:20px;
-padding-top:25px;
-padding-bottom:25px;
-text-decoration:none; }
-
-#login-right-col a:hover.button {
-background:url('../images/css/btn_over.gif') no-repeat 0px 20px;
-color:#349018;
-border:0px none;
-padding-left:20px;
-padding-right:20px;
-padding-top:25px;
-padding-bottom:25px;
-text-decoration:none;}
-
-.clear {
-clear:both
-}
-
-
-
-
-
-
-/* NOTE1 START : the following labels are not contained in the new css*/ /***********************************************************************
-h2 {
- font-size: small;
- border-bottom-style: solid;
- border-bottom-width: 1px;
- border-bottom-color: #666666;
- margin-bottom: 1px;
-}
-
-th {
- font-size: small;
- color: #ffffff;
- background-color: #075a8b;
- text-align: left;
-}
-
-.formtablecontainer {
- text-align: center;
-}
-
-.datatablecontainer {
- width: 100%;
-}
-
-.buttoncontainer {
-
-}
-
-input,select,textarea {
- font-family: 'verdana', 'arial', 'helvetica', sans-serif;
- font-size: small;
-}
-
-.forms {
- border: 1px solid #999999;
- font-size: small;
- font-style: normal;
- width: 100%;
-}
-
-.formlabel {
- font-size: small;
- font-style: normal;
- text-align: right;
- width: 20%;
-}
-
-.formcontrol {
- font-size: small;
- font-style: normal;
- text-align: left;
-}
-
-.error {
- font-size: small;
- color: red;
- font-style: normal;
- text-align: left;
-}
-***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* *****************************************************************************
-.tab {
- text-align: center;
-}
-
-.tab a {
- font-size: 11px;
- color: #000000;
- text-decoration: none;
-}
-
-.tab a:hover {
- font-size: 11px;
- color: #000000;
- text-decoration: underline
-}
-
-.tabcentre {
- background-image: url(../images/aqua_tab_centre.gif);
- background-repeat: repeat-x;
-}
-
-.tabcentre_selected {
- background-image: url(../images/aqua_tab_s_centre.gif);
- background-repeat: repeat-x;
-}
-
-.tabcentre_inactive {
- background-image: url(../images/aqua_tab_i_centre.gif);
- background-repeat: repeat-x;
-}
-
-
- *********************************************************************** */ /** Non Selected tab style **/ /* **********************************************************************
-.tableft td {
- background: url(../images/aqua_tab_left.gif) no-repeat;
-}
-
-.tabright td {
- background: url(../images/aqua_tab_right.gif) no-repeat;
-}
-
-
-*********************************************************************** */ /** Selected tab style **/ /* *********************************************************************
-.tableft_selected td {
- background: url(../images/aqua_tab_s_left.gif) no-repeat;
-}
-
-.tableft_inactive td {
- background: url(../images/aqua_tab_i_left.gif) no-repeat;
-}
-
-.tabright_selected td {
- background: url(../images/aqua_tab_s_right.gif) no-repeat;
-}
-
-.tabright_inactive td {
- background: url(../images/aqua_tab_i_right.gif) no-repeat;
-}
-
-*************************************************************************/ /*Tab content containers*/ /* ***********************************************************************
-.tabbody {
- width: 98%;
- background-color: #d9e8ff;
- float: left;
- margin: 0px 0px 0px 0px;
- border-right-width: 1px;
- border-left-width: 1px;
- border-right-style: solid;
- border-left-style: solid;
- border-right-color: #0d3f59;
- border-left-color: #0d3f59;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- border-bottom-color: #0d3f59;
- padding: 5px;
-}
-***********************************************************************/ /*specific styles for the content divs of the tabs*/ /***********************************************************************
-.content_b {
- z-index: 0;
- position: relative;
- visibility: visible;
-}
-
-.content_a {
- z-index: 0;
- position: absolute;
- visibility: hidden;
-}
-
-.content_i {
- z-index: 0;
- position: absolute;
- visibility: hidden;
-}
-
-***********************************************************************/ /*end tabs*/ /***********************************************************************
-a.button {
- float: right;
- font-size: 12px;
- color: #000000;
- text-decoration: none;
- text-align: center;
- background-color: #b4c8fe;
- margin: 2px 5px 2px 5px;
- padding: 3px;
- width: 80px;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-right-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-top-color: #ffffff;
- border-right-color: #0d3f59;
- border-bottom-color: #0d3f59;
- border-left-color: #ffffff;
-}
-
-a.button:link {
- color: #000000;
- text-decoration: none;
- background-color: #b4c8fe;
-}
-
-a.button:visited {
- color: #000000;
- text-decoration: none;
- background-color: #b4c8fe;
-}
-
-a.button:hover {
- text-decoration: none;
- background-color: #ffffff;
-}
-
-a.button:active {
- text-decoration: none;
- background-color: #cccccc;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-right-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-bottom-color: #ffffff;
- border-left-color: #0d3f59;
- border-top-color: #0d3f59;
- border-right-color: #ffffff;
-}
-
-***********************************************************************/ /* For style */ /***********************************************************************
-.buttonStyle {
- font-size: 12px;
- color: #000000;
- text-decoration: none;
- text-align: center;
- background-color: #b4c8fe;
-}
-
+/* last mod 2006-06-16-1318 */
+* {
+ margin: 0px;
+ padding: 0px;
+ color: #333;
+}
+
+body {
+ font-size: 11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+ background: url('../images/css/page_bg.gif');
+ line-height:16px;
+}
+
+.row {
+ voice-family: "\"}\""; /* hide the following rules from IE5 */
+ voice-family: inherit;
+ overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
+}
+
+* html .row {
+ height: 1%;
+} /* part of the CSS 'clearing hack' */
+
+
+h1 {
+ color:#0087e5;
+ font-size:15px;
+ margin-bottom:0px;
+ margin-left:10px;
+ padding-top:5px; }
+
+
+/*when there are no tabs at the top of the page */
+h1.no-tabs-below {
+ color:#0087e5;
+ font-size:16px;
+ margin-bottom:0px;
+ margin-left:10px;
+ padding-top:25px; }
+
+h2 {color:#47bc23;
+font-size:14px;
+margin-left:10px;
+margin-bottom:0px;
+margin-top:10px; };
+
+
+h4 {color:#47bc23; font-size:11px;}
+
+/*defines when instructions are given and places a blue arrow before the text */
+p.instructions {
+ color: #0087e5;
+ margin-bottom: 0px;
+ margin-top: 0px;;
+ margin-left: 30px;
+ font-weight: bold;
+ background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px;
+ padding-left: 30px;
+ padding-bottom: 10px;
+ font-size: 12px
+}
+
+p {
+ margin-left: 25px;
+ margin-right: 30px;
+ margin-bottom: 18px;
+}
+
+ul {
+ margin-left: 25px;
+ margin-right: 30px;
+}
+
+#page { /*whole layout of page*/
+ margin: 25px auto;
+ width: 707px;
+ background: url('../images/css/lams_logo.gif') no-repeat right 10px;
+
+
+}
+
+#header { /*layout of the header */
+ width: 707px;
+ height: 49px;
+ background: url('../images/css/top_bg.jpg') no-repeat bottom;
+}
+
+#header-no-tabs { /*layout of the header when no-tabs are required. Big enough to line up with LAMS icon - don't use for learner (see header-no-tabs-learner) */
+width:707px; height:40px; background:url('../images/css/top_bg.jpg') no-repeat bottom; }
+
+
+/* layout of whole navigation section -------------------------------------*/
+#nav { /* layout of box that contains the main navigation */
+ margin-top: 15px;
+ width: auto;
+ height: 40px;
+ margin-left: 4px;
+
+}
+
+#nav a {
+ color: #0087e5;
+ text-decoration: none;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+#nav a:hover {
+ color: #006bb6;
+ text-decoration: none;
+}
+
+#nav a.selected {
+ color: #333;
+}
+
+/*------------------------------------- TAB STYLES -------------------------------------*/
+.nav-box { /* layout of containers that surround the tab navigation */
+ height: 31px;
+ width: auto;
+ margin-right: 2px;
+ float: left;
+ text-align: center;
+}
+
+.tab-left-selected { /* defines left side of selected tab */
+ height: 31px;
+ width: 8px;
+ background: url('../images/css/selected_left.jpg') no-repeat top left;
+ float: left
+}
+
+.tab-middle-selected { /* defines middle of selected tab */
+ height: 31px;
+ width: auto;
+ background: url('../images/css/selected_bg.jpg') repeat-x;
+ float: left;
+ width: 90px;
+ padding-left: 5px;
+ padding-right: 5px;
+ padding-top: 8px;
+ padding-bottom: 0px
+}
+
+#nav .tab-middle-link-selected {
+ color: #333333
+}
+
+.tab-right-selected { /* defines right side of selected tab */
+ height: 31px;
+ width: 8px;
+ background: url('../images/css/selected_right.jpg') no-repeat top right;;
+ float: left
+}
+
+.tab-left { /* defines left side of selected tab */
+ height: 31px;
+ width: 8px;
+ background: url('../images/css/button_left.jpg') no-repeat top left;
+ float: left
+}
+
+.tab-middle { /* defines middle of selected tab */
+ height: 31px;
+ width: auto;
+ background: url('../images/css/button_bg.jpg') repeat-x;
+ float: left;
+ width: 90px;
+ padding-left: 5px;
+ padding-right: 5px;
+ padding-top: 8px;
+ padding-bottom: 0px
+}
+
+#nav .tab-middle-link {
+ color: #0087e5
+}
+
+.tab-right { /* defines right side of selected tab */
+ height: 31px;
+ width: 8px;
+ background: url('../images/css/button_right.jpg') no-repeat top right;;
+ float: left
+}
+
+/* end of navigation ------------------------------------------------------*/
+#content { /*box around the main content area */
+ width: 707px;
+ background: url('../images/css/body_bg.jpg') repeat-y;
+ padding-bottom: 20px;
+ font-size: 11px;
+ margin-top: -5px
+
+}
+
+/*layout of Links within the content area */
+#content a {
+ color: #47bc23;
+ text-decoration: none;
+ border-bottom: 1px dotted #47bc23;
+}
+
+#content a:hover {
+ color: #47bc23;
+ text-decoration: none;
+ border-bottom: 1px solid #47bc23;
+}
+
+/*layout of a general button*/
+#content a.button {
+ background: url('../images/css/btn_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+#content a:hover.button {
+ background: url('../images/css/btn_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+/*layout of a general button*/
+a.button {
+ background: url('../images/css/btn_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+}
+
+a:hover.button {
+ background: url('../images/css/btn_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+}
+/*layout of adding a topic button */
+a.button-add-item {
+ background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 25px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+}
+
+a:hover.button-add-item {
+ background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding-left: 25px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+}
+
+
+/*layout of adding a topic button */
+#content a.button-add-item {
+ background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 25px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+#content a:hover.button-add-item {
+ background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding-left: 25px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+/*layout of html editor button */
+#content a.button-html-editor {
+ background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
+ color: #666;
+ border: 0px none;
+ padding-left: 28px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+#content a:hover.button-html-editor {
+ background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 28px;
+ padding-right: 15px;
+ padding-top: 25px;
+ padding-bottom: 25px
+}
+
+/* Hovering submit button */
+input.button {
+ background: url('../images/css/btn_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+ font-size: 11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+
+input:hover.button {
+ background: url('../images/css/btn_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 25px;
+ padding-bottom: 25px;
+ text-decoration: none;
+ font-size: 11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+.box {
+ display: none;
+ min-height: 100px;
+}
+
+#footer { /*layout of the footer - the bottom of the box */
+ width: 707px;
+ height: 14px;
+ background: url('../images/css/footer_bg.jpg') no-repeat bottom;
+}
+
+/*layout of the table with the alternate color for the table heading cell */
+table.alternative-color {
+ width:98%;
+ margin-left:7px;
+ padding-top:20px;
+ margin-bottom:30px;
+ text-align:left;
+}
+
+table.alternative-color th {
+ background: url('../images/css/green_bg.jpg') repeat-x;
+ height: 30px;
+ color: #47bc23;
+ padding-left: 15px;
+ border-left: 1px solid #cacdd1;
+ border-right: 1px solid #fff;
+ font-size: 12px;
+}
+
+table.alternative-color td {
+ padding-left: 20px;
+ font-size: 11px;
+ border-bottom: 1px solid #efefef;
+ vertical-align: middle;
+ background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px
+}
+
+table.alternative-color td.first,table.alternative-color th.first {
+ border-left: none;
+ padding-left: 20px;
+}
+
+
+/*layout of the forum tables with the colored table heading cell */
+table.forum {
+ width:98%;
+ margin-left:7px;
+ padding-top:5px;
+ margin-bottom:10px;
+ background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px;
+ text-align:left;
+ border-bottom:1px solid #efefef;}
+
+table.forum th {
+ background: url('../images/css/forum_th_bg.jpg') repeat-x #f0f5df;
+ height:20px;
+ padding-top:5px;
+ color:#47bc23;
+ padding-left:15px;
+ border-left:1px solid #cacdd1;
+ font-size:12px;
+ vertical-align:middle;
+}
+
+table.forum td.posted-by {
+ background: url('../images/css/forum_postedby_bg.jpg') repeat-x;
+ height:20px;
+ padding-left:20px;
+ font-size:10px;
+ vertical-align:top;
+ padding-top:0px;
+}
+
+
+table.forum td {
+ padding-left:20px;
+ font-size:11px;
+ vertical-align:top;
+}
+table.forum td.first, table.forum th.first {
+ border-left:none;
+ padding-left:20px;
+}
+
+/* Used for chosen grouping */
+table.chosengrouping {
+ width:98%;
+ margin-left:0px;
+ text-align:center;
+ }
+
+table.chosengrouping tr {
+ valign:top
+}
+
+table.chosengrouping th {
+ padding:0px;
+ font-size:11px;
+ align:center;
+}
+
+table.chosengrouping td {
+ padding:0px;
+ font-size:11px;
+ align:center;
+}
+
+table.chosengrouping td p{
+ padding:0px;
+ font-size:11px;
+ line-height:11px;
+}
+
+table.chosengrouping td select {
+ font-size:11px;
+}
+/*layout of the table with form elements */
+
+table {
+ width:98%;
+ margin-left:7px;
+ text-align:left;
+ }
+
+td {
+ padding:10px;
+ font-size:12px;
+}
+
+td p{
+ padding:10px;
+ font-size:12px;
+ line-height:18px;
+}
+
+/*layout of button in table */
+td p.button{
+ margin:0px;
+ padding:10px 10px 10px 0px;
+ font-size:11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+
+
+
+/* */ /*layout of form styles */
+.field-name {
+ color: #0087e5;
+ font-weight: bold;
+ text-align: right;
+}
+
+.field-name-alternative-color {
+ color: #47bc23;
+ font-weight: bold;
+ text-align: right;
+}
+
+input {
+ border: 1px solid #c1c1c1;
+ padding: 2px;
+}
+
+textarea {
+ border: 1px solid #c1c1c1;
+ padding: 2px;
+}
+
+.noBorder {
+ border: none;
+}
+
+/*misc styles*/
+.space-right {
+ margin-right: 10px;
+}
+
+.space-left {
+ margin-left: 10px;
+}
+
+.space-bottom {
+ margin-bottom: 40px;
+}
+
+hr {
+ border: none 0;
+ border-top: 1px solid #ccc;
+ width: 650px;
+ height: 1px;
+ margin: 15px 25px 10px 25px;
+}
+
+/* Warning message style */
+.warning {
+ color: #cc0000;
+ padding: 10px;
+ padding-left: 35px;
+ margin-top: 5px;
+ text-align: left;
+ font-weight: normal;
+ background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px;
+ width: 72%
+}
+
+
+/* -------------------------------- login page styles -------------------------------------*/
+
+
+#login-page { /*whole layout of login page*/
+margin:0px auto;
+width:707px;
+}
+
+/*layout of the header when no-tabs are required */
+#login-header {
+width:707px;
+height:25px;
+background:url('../images/css/top_bg.jpg') no-repeat bottom;
+}
+
+ /*box around the main content area */
+#login-content {
+width:707px;
+background:url('../images/css/body_bg.jpg') repeat-y;
+padding-bottom:20px;
+font-size: 11px;
+margin-top:-5px;
+line-height:18px;
+}
+
+#login-left-col {
+width:330px;
+float:left;
+padding-left:40px;
+margin-top:15px;
+}
+
+#login-left-col h1 {
+margin:0px;
+padding:0px;
+}
+
+#login-left-col h2 {
+margin:0px;
+padding:0px;
+
+}
+
+#login-left-col h3 {
+color:#239CF7;
+font-size:11px;
+margin:0px;
+}
+
+#login-left-col ul {
+list-style-type:none;
+margin-top:0px;
+margin-left:4px;
+}
+
+#login-left-col li {
+padding:10px 0px 15px 0px;
+border-bottom:
+1px dotted #ccc;
+}
+
+#login-right-col {
+width:285px;
+float:left;
+margin-left:47px;
+background: url('../images/css/lams_login_bar.jpg') no-repeat 0 0;
+margin-top:10px;
+height:450px;
+}
+
+#login-right-col h2 {
+margin-top:45px;
+margin-left:20px;
+color:#239CF7;
+}
+
+#login-right-col p {
+margin-top:5px;
+margin-right:50px;
+text-align:right;
+}
+#login-right-col p.first {
+margin-top:35px;
+margin-right:50px;
+text-align:right;
+margin-bottom:15px;
+}
+#login-right-col a.button {
+background:url('../images/css/btn_off.gif') no-repeat 0px 20px;
+color:#333;
+border:0px none;
+padding-left:20px;
+padding-right:20px;
+padding-top:25px;
+padding-bottom:25px;
+text-decoration:none; }
+
+#login-right-col a:hover.button {
+background:url('../images/css/btn_over.gif') no-repeat 0px 20px;
+color:#349018;
+border:0px none;
+padding-left:20px;
+padding-right:20px;
+padding-top:25px;
+padding-bottom:25px;
+text-decoration:none;}
+
+.clear {
+clear:both
+}
+
+/******LEARNER PAGES *******/
+#page-learner { /*whole layout of page*/
+margin:0px auto;
+width:592px;
+}
+
+#header-no-tabs-learner { /*layout of the header when no-tabs are required */
+width:592px;
+height:30px;
+background:url('../images/css/top_bg_learner.jpg') no-repeat bottom;
+}
+
+#content-learner { /*box around the main content area */
+width:592px;
+background:url('../images/css/body_bg_learner.jpg') repeat-y;
+padding-bottom:30px;
+font-size: 11px;
+margin-top:-20px}
+
+#footer-learner { /*layout of the footer - the bottom of the box */
+width:592px;
+height:14px;
+background:url('../images/css/footer_bg_learner.jpg') no-repeat bottom;
+}
+
+/*layout of a general button*/
+#content-learner a.button {background:url('../images/css/btn_off.gif') no-repeat 0px 20px; color:#333; border:0px none; padding-left:20px; padding-right:20px; padding-top:25px; padding-bottom:25px;text-decoration:none; }
+#content-learner a:hover.button {background:url('../images/css/btn_over.gif') no-repeat 0px 20px; color:#349018; border:0px none; padding-left:20px; padding-right:20px; padding-top:25px; padding-bottom:25px;text-decoration:none;}
+
+/*layout of adding a topic button */
+#content-learner a.button-add-item {background:url('../images/css/btn_add_off.gif') no-repeat 0px 20px; color:#333; border:0px none; padding-left:25px; padding-right:15px; padding-top:25px; padding-bottom:25px; text-decoration:none;}
+#content-learner a:hover.button-add-item {background:url('../images/css/btn_add_over.gif') no-repeat 0px 20px; color:#349018; border:0px none; padding-left:25px; padding-right:15px; padding-top:25px; padding-bottom:25px;text-decoration:none;}
+
+
+/****** FLOATING BUTTON BOXES - TO ALIGN LEFT AND ALIGN RIGHT ON THE SAME LINE ********/
+.left-buttons {float:left; margin-left:20px;}
+.right-buttons {float:right; margin-right:20px;}
+
+
+
+
+
+
+/* NOTE1 START : the following labels are not contained in the new css*/ /***********************************************************************
+h2 {
+ font-size: small;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ border-bottom-color: #666666;
+ margin-bottom: 1px;
+}
+
+th {
+ font-size: small;
+ color: #ffffff;
+ background-color: #075a8b;
+ text-align: left;
+}
+
+.formtablecontainer {
+ text-align: center;
+}
+
+.datatablecontainer {
+ width: 100%;
+}
+
+.buttoncontainer {
+
+}
+
+input,select,textarea {
+ font-family: 'verdana', 'arial', 'helvetica', sans-serif;
+ font-size: small;
+}
+
+.forms {
+ border: 1px solid #999999;
+ font-size: small;
+ font-style: normal;
+ width: 100%;
+}
+
+.formlabel {
+ font-size: small;
+ font-style: normal;
+ text-align: right;
+ width: 20%;
+}
+
+.formcontrol {
+ font-size: small;
+ font-style: normal;
+ text-align: left;
+}
+
+.error {
+ font-size: small;
+ color: red;
+ font-style: normal;
+ text-align: left;
+}
+***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* *****************************************************************************
+.tab {
+ text-align: center;
+}
+
+.tab a {
+ font-size: 11px;
+ color: #000000;
+ text-decoration: none;
+}
+
+.tab a:hover {
+ font-size: 11px;
+ color: #000000;
+ text-decoration: underline
+}
+
+.tabcentre {
+ background-image: url(../images/aqua_tab_centre.gif);
+ background-repeat: repeat-x;
+}
+
+.tabcentre_selected {
+ background-image: url(../images/aqua_tab_s_centre.gif);
+ background-repeat: repeat-x;
+}
+
+.tabcentre_inactive {
+ background-image: url(../images/aqua_tab_i_centre.gif);
+ background-repeat: repeat-x;
+}
+
+
+ *********************************************************************** */ /** Non Selected tab style **/ /* **********************************************************************
+.tableft td {
+ background: url(../images/aqua_tab_left.gif) no-repeat;
+}
+
+.tabright td {
+ background: url(../images/aqua_tab_right.gif) no-repeat;
+}
+
+
+*********************************************************************** */ /** Selected tab style **/ /* *********************************************************************
+.tableft_selected td {
+ background: url(../images/aqua_tab_s_left.gif) no-repeat;
+}
+
+.tableft_inactive td {
+ background: url(../images/aqua_tab_i_left.gif) no-repeat;
+}
+
+.tabright_selected td {
+ background: url(../images/aqua_tab_s_right.gif) no-repeat;
+}
+
+.tabright_inactive td {
+ background: url(../images/aqua_tab_i_right.gif) no-repeat;
+}
+
+*************************************************************************/ /*Tab content containers*/ /* ***********************************************************************
+.tabbody {
+ width: 98%;
+ background-color: #d9e8ff;
+ float: left;
+ margin: 0px 0px 0px 0px;
+ border-right-width: 1px;
+ border-left-width: 1px;
+ border-right-style: solid;
+ border-left-style: solid;
+ border-right-color: #0d3f59;
+ border-left-color: #0d3f59;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ border-bottom-color: #0d3f59;
+ padding: 5px;
+}
+***********************************************************************/ /*specific styles for the content divs of the tabs*/ /***********************************************************************
+.content_b {
+ z-index: 0;
+ position: relative;
+ visibility: visible;
+}
+
+.content_a {
+ z-index: 0;
+ position: absolute;
+ visibility: hidden;
+}
+
+.content_i {
+ z-index: 0;
+ position: absolute;
+ visibility: hidden;
+}
+
+***********************************************************************/ /*end tabs*/ /***********************************************************************
+a.button {
+ float: right;
+ font-size: 12px;
+ color: #000000;
+ text-decoration: none;
+ text-align: center;
+ background-color: #b4c8fe;
+ margin: 2px 5px 2px 5px;
+ padding: 3px;
+ width: 80px;
+ border-top-width: 1px;
+ border-right-width: 1px;
+ border-bottom-width: 1px;
+ border-left-width: 1px;
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-top-color: #ffffff;
+ border-right-color: #0d3f59;
+ border-bottom-color: #0d3f59;
+ border-left-color: #ffffff;
+}
+
+a.button:link {
+ color: #000000;
+ text-decoration: none;
+ background-color: #b4c8fe;
+}
+
+a.button:visited {
+ color: #000000;
+ text-decoration: none;
+ background-color: #b4c8fe;
+}
+
+a.button:hover {
+ text-decoration: none;
+ background-color: #ffffff;
+}
+
+a.button:active {
+ text-decoration: none;
+ background-color: #cccccc;
+ border-top-width: 1px;
+ border-right-width: 1px;
+ border-bottom-width: 1px;
+ border-left-width: 1px;
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-bottom-color: #ffffff;
+ border-left-color: #0d3f59;
+ border-top-color: #0d3f59;
+ border-right-color: #ffffff;
+}
+
+***********************************************************************/ /* For style */ /***********************************************************************
+.buttonStyle {
+ font-size: 12px;
+ color: #000000;
+ text-decoration: none;
+ text-align: center;
+ background-color: #b4c8fe;
+}
+
***********************************************************************/
\ No newline at end of file